Add themes to Essentials

code/addons/essentials/package.json

@@ -93,6 +93,16 @@
       "require": "./dist/outline/manager.js",
       "import": "./dist/outline/manager.mjs"
     },
+    "./themes/manager": {
+      "types": "./dist/themes/manager.d.ts",
+      "require": "./dist/themes/manager.js",
+      "import": "./dist/themes/manager.mjs"
+    },
+    "./themes/preview": {
+      "types": "./dist/themes/preview.d.ts",
+      "require": "./dist/themes/preview.js",
+      "import": "./dist/themes/preview.mjs"
+    },
     "./toolbars/manager": {
       "types": "./dist/toolbars/manager.d.ts",
       "require": "./dist/toolbars/manager.js",
@@ -126,6 +136,7 @@
     "@storybook/addon-highlight": "7.2.0-alpha.0",
     "@storybook/addon-measure": "7.2.0-alpha.0",
     "@storybook/addon-outline": "7.2.0-alpha.0",
+    "@storybook/addon-themes": "7.2.0-alpha.0",
     "@storybook/addon-toolbars": "7.2.0-alpha.0",
     "@storybook/addon-viewport": "7.2.0-alpha.0",
     "@storybook/core-common": "7.2.0-alpha.0",

code/addons/essentials/src/index.ts

@@ -3,15 +3,16 @@ import { logger } from '@storybook/node-logger';
 import { serverRequire } from '@storybook/core-common';
 
 interface PresetOptions {
-  configDir: string;
-  docs?: boolean;
-  controls?: boolean;
   actions?: boolean;
   backgrounds?: boolean;
-  viewport?: boolean;
-  toolbars?: boolean;
+  configDir: string;
+  controls?: boolean;
+  docs?: boolean;
   measure?: boolean;
   outline?: boolean;
+  themes?: boolean;
+  toolbars?: boolean;
+  viewport?: boolean;
 }
 
 const requireMain = (configDir: string) => {
@@ -38,15 +39,16 @@ export function addons(options: PresetOptions) {
 
   const main = requireMain(options.configDir);
   return [
-    'docs',
-    'controls',
     'actions',
     'backgrounds',
-    'viewport',
-    'toolbars',
+    'controls',
+    'docs',
+    'highlight',
     'measure',
     'outline',
-    'highlight',
+    'themes',
+    'toolbars',
+    'viewport',
   ]
     .filter((key) => (options as any)[key] !== false)
     .filter((addon) => !checkInstalled(addon, main))

code/addons/essentials/src/themes/manager.ts

@@ -0,0 +1 @@
+export * from '@storybook/addon-themes/manager';

code/addons/essentials/src/themes/preview.ts

@@ -0,0 +1 @@
+export * from '@storybook/addon-themes/preview';