Merge pull request storybookjs#35044 from ShaharAviram1/expose-backgrounds-public-subpath

Core: Expose backgrounds types from public subpath

Author: Sidnioulz

code/core/build-config.ts

@@ -118,6 +118,10 @@ const config: BuildEntries = {
         exportEntries: ['./actions/decorator'],
         entryPoint: './src/actions/decorator.ts',
       },
+      {
+        exportEntries: ['./backgrounds'],
+        entryPoint: './src/backgrounds/index.ts',
+      },
       {
         exportEntries: ['./viewport'],
         entryPoint: './src/viewport/index.ts',

code/core/package.json

@@ -56,6 +56,11 @@
       "code": "./src/actions/decorator.ts",
       "default": "./dist/actions/decorator.js"
     },
+    "./backgrounds": {
+      "types": "./dist/backgrounds/index.d.ts",
+      "code": "./src/backgrounds/index.ts",
+      "default": "./dist/backgrounds/index.js"
+    },
     "./highlight": {
       "types": "./dist/highlight/index.d.ts",
       "code": "./src/highlight/index.ts",

code/core/src/backgrounds/index.test-d.ts

@@ -0,0 +1,15 @@
+import { expectTypeOf } from 'vitest';
+
+import { DEFAULT_BACKGROUNDS } from 'storybook/backgrounds';
+import type { Background, BackgroundMap } from 'storybook/backgrounds';
+
+expectTypeOf<BackgroundMap>().toEqualTypeOf<Record<string, Background>>();
+
+expectTypeOf(DEFAULT_BACKGROUNDS).toEqualTypeOf<BackgroundMap>();
+
+const customBackgrounds = {
+  light: { name: 'Light', value: '#ffffff' },
+  dark: { name: 'Dark', value: '#1a1a1a' },
+} satisfies BackgroundMap;
+
+expectTypeOf(customBackgrounds.light).toExtend<Background>();

code/core/src/backgrounds/index.ts

@@ -0,0 +1,3 @@
+export * from './constants.ts';
+export * from './types.ts';
+export * from './defaults.ts';