@newhighsco/storybook-preset 10.2.32 → 10.2.34

package/dist/index.d.ts

@@ -1,21 +1,28 @@
-import { PreviewAddon } from 'storybook/internal/csf';
-import { StoryObj, Decorator, Parameters } from '@storybook/react-webpack5';
-import { ComponentProps } from 'react';
-import { Viewport } from 'storybook/viewport';
+import { PreviewAddon } from "storybook/internal/csf";
+import { ComponentProps } from "react";
+import { Decorator, Parameters, StoryObj } from "@storybook/react-webpack5";
+import { Viewport } from "storybook/viewport";
 
+//#region src/utils.d.ts
 type Story<T> = StoryObj<ComponentProps<T>>;
 interface Options<T> {
-    args?: ComponentProps<T>;
-    decorator?: Decorator<T>;
-    parameters?: Parameters;
-    tags?: string[];
+  args?: ComponentProps<T>;
+  decorator?: Decorator<T>;
+  parameters?: Parameters;
+  tags?: string[];
 }
 declare const viewports: Record<string, Viewport>;
 declare const modes: (breakpoints?: string[]) => Record<string, {
-    viewport: string;
+  viewport: string;
 }>;
-declare function snapshot<T>(story: Story<T> | Array<Story<T>>, { args, decorator, parameters, tags }?: Options<T>): Story<T>;
-
+declare function snapshot<T>(story: Story<T> | Array<Story<T>>, {
+  args,
+  decorator,
+  parameters,
+  tags
+}?: Options<T>): Story<T>;
+//#endregion
+//#region src/index.d.ts
 declare const _default: () => PreviewAddon;
-
-export { _default as default, modes, snapshot, viewports };
+//#endregion
+export { _default as default, modes, snapshot, viewports };

package/dist/index.js

@@ -1,7 +1,6 @@
-import { preview_exports } from './chunk-IHI4SI5P.js';
-export { modes, snapshot, viewports } from './chunk-IHI4SI5P.js';
-import { definePreviewAddon } from 'storybook/internal/csf';
-
-var index_default = () => definePreviewAddon(preview_exports);
-
-export { index_default as default };
+import { a as snapshot, i as modes, o as viewports, r as preview_exports } from "./preview-Ba_0JMth.js";
+import { definePreviewAddon } from "storybook/internal/csf";
+//#region src/index.ts
+var src_default = () => definePreviewAddon(preview_exports);
+//#endregion
+export { src_default as default, modes, snapshot, viewports };

package/dist/preset.mjs

@@ -0,0 +1,59 @@
+//#region src/loaders.ts
+const filter = (url) => {
+	if (url.startsWith("/")) return false;
+	return true;
+};
+const cssLoaders = (test = /\.css$/, importLoaders = []) => {
+	importLoaders = [{
+		loader: "postcss-loader",
+		options: { implementation: "postcss" }
+	}, ...importLoaders];
+	return {
+		test,
+		sideEffects: true,
+		use: [
+			"style-loader",
+			{
+				loader: "css-loader",
+				options: {
+					esModule: false,
+					import: { filter },
+					importLoaders: importLoaders.length,
+					modules: {
+						exportLocalsConvention: "as-is",
+						localIdentName: "[name]_[local]__[hash:base64:5]"
+					},
+					url: { filter }
+				}
+			},
+			...importLoaders
+		]
+	};
+};
+//#endregion
+//#region src/preset.ts
+const addons = [
+	"@storybook/addon-webpack5-compiler-swc",
+	"@storybook/addon-a11y",
+	"@storybook/addon-docs",
+	{
+		name: "@storybook/addon-styling-webpack",
+		options: { rules: [cssLoaders(), cssLoaders(/\.s[ac]ss$/, [{
+			loader: "sass-loader",
+			options: { implementation: "sass" }
+		}])] }
+	},
+	"storybook-addon-pseudo-states",
+	"@newhighsco/storybook-addon-svgr",
+	{
+		name: "@newhighsco/storybook-addon-transpile-modules",
+		options: { transpileModules: ["@newhighsco/chipset", "@newhighsco/press-start"] }
+	}
+];
+const core = (config) => ({
+	...config,
+	disableTelemetry: true,
+	enableCrashReports: false
+});
+//#endregion
+export { addons, core };

package/dist/preview-Ba_0JMth.js

@@ -0,0 +1,104 @@
+import { Controls, Description, Primary, Source, Stories, Subtitle, Title } from "@storybook/addon-docs/blocks";
+import React, { Fragment } from "react";
+import { Spaced, TabWrapper } from "storybook/internal/components";
+import { ThemeProvider, convert, ensure, themes } from "storybook/theming";
+import { breakpoints } from "@newhighsco/chipset";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/components/DocsPage/index.tsx
+const DocsPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Title, null), /* @__PURE__ */ React.createElement(Subtitle, null), /* @__PURE__ */ React.createElement(Description, null), /* @__PURE__ */ React.createElement(Source, null), /* @__PURE__ */ React.createElement(TabWrapper, null, /* @__PURE__ */ React.createElement(Primary, null)), /* @__PURE__ */ React.createElement(Controls, null), /* @__PURE__ */ React.createElement(Stories, { includePrimary: false }));
+//#endregion
+//#region src/decorators/snapshot.jsx
+const isSnapshotStory = (context) => {
+	const { parameters, viewMode } = context;
+	return parameters?.chromatic?.disableSnapshot === false && viewMode === "story";
+};
+const WithSnapshot = (Story, context) => {
+	if (!isSnapshotStory(context)) return /* @__PURE__ */ React.createElement(Story, null);
+	return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: ensure(themes.normal) }, /* @__PURE__ */ React.createElement(Spaced, null, /* @__PURE__ */ React.createElement(Story, null)));
+};
+//#endregion
+//#region src/utils.tsx
+const useDarkMode = () => {
+	const dark = convert().base === themes.dark.base;
+	return [dark, dark ? themes.dark : themes.light];
+};
+const viewports = Object.entries(breakpoints).reduce((viewports, [name, width]) => {
+	viewports[name] = {
+		name,
+		styles: {
+			width: `${width}px`,
+			height: "100%"
+		}
+	};
+	return viewports;
+}, {});
+const modes = (breakpoints) => Object.keys(viewports).reduce((modes, viewport) => {
+	if (!breakpoints?.length || breakpoints?.includes(viewport)) modes[viewport] = { viewport };
+	return modes;
+}, {});
+function snapshot(story, { args, decorator, parameters, tags = [] } = {}) {
+	const stories = Array.isArray(story) ? story : [story];
+	return {
+		render: (_, context) => stories.map((Story, key) => {
+			const props = {
+				...Story.args,
+				...args
+			};
+			const Component = context.component;
+			const children = Story.render?.(props, context) ?? /* @__PURE__ */ React.createElement(Component, props);
+			return /* @__PURE__ */ React.createElement(Fragment, { key }, decorator?.(children, context) ?? children);
+		}),
+		parameters: {
+			...parameters,
+			chromatic: {
+				...parameters?.chromatic,
+				disableSnapshot: false
+			}
+		},
+		tags: [
+			...tags,
+			"!autodocs",
+			"!test"
+		]
+	};
+}
+//#endregion
+//#region src/preview.ts
+var preview_exports = /* @__PURE__ */ __exportAll({
+	decorators: () => decorators,
+	parameters: () => parameters
+});
+const [dark, theme] = useDarkMode();
+const decorators = [WithSnapshot];
+const parameters = {
+	actions: { argTypesRegex: "^on[A-Z].*" },
+	chromatic: { modes: modes(["desktopLarge"]) },
+	controls: { matchers: {
+		color: /(background|color)$/i,
+		date: /Date$/
+	} },
+	docs: {
+		canvas: {
+			className: theme.base,
+			withToolbar: true
+		},
+		page: DocsPage,
+		source: { dark: !dark },
+		theme
+	},
+	viewMode: "docs",
+	viewport: { options: viewports }
+};
+//#endregion
+export { snapshot as a, modes as i, parameters as n, viewports as o, preview_exports as r, decorators as t };

package/dist/preview.d.ts

@@ -1,6 +1,7 @@
-import { Preview } from '@storybook/react-webpack5';
+import { Preview } from "@storybook/react-webpack5";
 
+//#region src/preview.d.ts
 declare const decorators: Preview['decorators'];
 declare const parameters: Preview['parameters'];
-
-export { decorators, parameters };
+//#endregion
+export { decorators, parameters };

package/dist/preview.js

@@ -1 +1,2 @@
-export { decorators, parameters } from './chunk-IHI4SI5P.js';
+import { n as parameters, t as decorators } from "./preview-Ba_0JMth.js";
+export { decorators, parameters };

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@newhighsco/storybook-preset",
   "description": "New High Score shareable Storybook preset",
-  "version": "10.2.32",
+  "version": "10.2.34",
   "author": "New High Score",
   "license": "ISC",
-  "private": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/newhighsco/storybook.git",
@@ -24,7 +23,7 @@
       "types": "./dist/preview.d.ts",
       "default": "./dist/preview.js"
     },
-    "./preset": "./dist/preset.js",
+    "./preset": "./dist/preset.mjs",
     "./package.json": "./package.json",
     "./*.md?raw": "./*.md"
   },
@@ -35,7 +34,7 @@
   "scripts": {
     "prepublishOnly": "yarn build",
     "prebuild": "rm -rf dist",
-    "build": "tsup --silent"
+    "build": "tsdown --log-level error"
   },
   "dependencies": {
     "@newhighsco/chipset": "7.0.0",
@@ -46,7 +45,7 @@
     "@storybook/addon-styling-webpack": "3.0.2",
     "@storybook/addon-webpack5-compiler-swc": "4.0.3",
     "css-loader": "7.1.4",
-    "postcss": "8.5.8",
+    "postcss": "8.5.10",
     "postcss-loader": "8.2.1",
     "sass": "1.99.0",
     "sass-loader": "16.0.7",

package/preset.js

@@ -1 +1 @@
-export * from './dist/preset.js'
+export * from './dist/preset.mjs'

package/dist/chunk-IHI4SI5P.js

@@ -1,81 +0,0 @@
-import { Title, Subtitle, Description, Source, Primary, Controls, Stories } from '@storybook/addon-docs/blocks';
-import React, { Fragment } from 'react';
-import { TabWrapper, Spaced } from 'storybook/internal/components';
-import { convert, themes, ThemeProvider, ensure } from 'storybook/theming';
-import { breakpoints } from '@newhighsco/chipset';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/preview.ts
-var preview_exports = {};
-__export(preview_exports, {
-  decorators: () => decorators,
-  parameters: () => parameters
-});
-var DocsPage = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Title, null), /* @__PURE__ */ React.createElement(Subtitle, null), /* @__PURE__ */ React.createElement(Description, null), /* @__PURE__ */ React.createElement(Source, null), /* @__PURE__ */ React.createElement(TabWrapper, null, /* @__PURE__ */ React.createElement(Primary, null)), /* @__PURE__ */ React.createElement(Controls, null), /* @__PURE__ */ React.createElement(Stories, { includePrimary: false }));
-var DocsPage_default = DocsPage;
-var isSnapshotStory = (context) => {
-  const { parameters: parameters2, viewMode } = context;
-  return parameters2?.chromatic?.disableSnapshot === false && viewMode === "story";
-};
-var WithSnapshot = (Story, context) => {
-  if (!isSnapshotStory(context)) {
-    return /* @__PURE__ */ React.createElement(Story, null);
-  }
-  return /* @__PURE__ */ React.createElement(ThemeProvider, { theme: ensure(themes.normal) }, /* @__PURE__ */ React.createElement(Spaced, null, /* @__PURE__ */ React.createElement(Story, null)));
-};
-var useDarkMode = () => {
-  const dark2 = convert().base === themes.dark.base;
-  return [dark2, dark2 ? themes.dark : themes.light];
-};
-var viewports = Object.entries(
-  breakpoints
-).reduce((viewports2, [name, width]) => {
-  viewports2[name] = { name, styles: { width: `${width}px`, height: "100%" } };
-  return viewports2;
-}, {});
-var modes = (breakpoints2) => Object.keys(viewports).reduce((modes2, viewport) => {
-  if (!breakpoints2?.length || breakpoints2?.includes(viewport)) {
-    modes2[viewport] = { viewport };
-  }
-  return modes2;
-}, {});
-function snapshot(story, { args, decorator, parameters: parameters2, tags = [] } = {}) {
-  const stories = Array.isArray(story) ? story : [story];
-  return {
-    render: (_, context) => stories.map((Story, key) => {
-      const props = { ...Story.args, ...args };
-      const Component = context.component;
-      const children = Story.render?.(props, context) ?? /* @__PURE__ */ React.createElement(Component, { ...props });
-      return /* @__PURE__ */ React.createElement(Fragment, { key }, decorator?.(children, context) ?? children);
-    }),
-    parameters: {
-      ...parameters2,
-      chromatic: { ...parameters2?.chromatic, disableSnapshot: false }
-    },
-    tags: [...tags, "!autodocs", "!test"]
-  };
-}
-
-// src/preview.ts
-var [dark, theme] = useDarkMode();
-var decorators = [WithSnapshot];
-var parameters = {
-  actions: { argTypesRegex: "^on[A-Z].*" },
-  chromatic: { modes: modes(["desktopLarge"]) },
-  controls: { matchers: { color: /(background|color)$/i, date: /Date$/ } },
-  docs: {
-    canvas: { className: theme.base, withToolbar: true },
-    page: DocsPage_default,
-    source: { dark: !dark },
-    theme
-  },
-  viewMode: "docs",
-  viewport: { options: viewports }
-};
-
-export { decorators, modes, parameters, preview_exports, snapshot, viewports };

package/dist/preset.js

@@ -1,65 +0,0 @@
-// src/loaders.ts
-var filter = (url) => {
-  if (url.startsWith("/")) return false;
-  return true;
-};
-var cssLoaders = (test = /\.css$/, importLoaders = []) => {
-  importLoaders = [
-    { loader: "postcss-loader", options: { implementation: "postcss" } },
-    ...importLoaders
-  ];
-  return {
-    test,
-    sideEffects: true,
-    use: [
-      "style-loader",
-      {
-        loader: "css-loader",
-        options: {
-          esModule: false,
-          import: { filter },
-          importLoaders: importLoaders.length,
-          modules: {
-            exportLocalsConvention: "as-is",
-            localIdentName: "[name]_[local]__[hash:base64:5]"
-          },
-          url: { filter }
-        }
-      },
-      ...importLoaders
-    ]
-  };
-};
-
-// src/preset.ts
-var addons = [
-  "@storybook/addon-webpack5-compiler-swc",
-  "@storybook/addon-a11y",
-  "@storybook/addon-docs",
-  {
-    name: "@storybook/addon-styling-webpack",
-    options: {
-      rules: [
-        cssLoaders(),
-        cssLoaders(/\.s[ac]ss$/, [
-          { loader: "sass-loader", options: { implementation: "sass" } }
-        ])
-      ]
-    }
-  },
-  "storybook-addon-pseudo-states",
-  "@newhighsco/storybook-addon-svgr",
-  {
-    name: "@newhighsco/storybook-addon-transpile-modules",
-    options: {
-      transpileModules: ["@newhighsco/chipset", "@newhighsco/press-start"]
-    }
-  }
-];
-var core = (config) => ({
-  ...config,
-  disableTelemetry: true,
-  enableCrashReports: false
-});
-
-export { addons, core };