@oicl/openbridge-webcomponents 0.0.15-dev-20240923191659 → 0.0.15-dev-20240923194534

package/.storybook/main.ts

@@ -1,58 +1,58 @@
-import {dirname, join} from 'path';
-import type {StorybookConfig} from '@storybook/web-components-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-
-  addons: [
-    getAbsolutePath('@storybook/addon-links'),
-    getAbsolutePath('@storybook/addon-essentials'),
-    getAbsolutePath('@storybook/addon-themes'),
-    getAbsolutePath('@storybook/addon-interactions'),
-    getAbsolutePath('@storybook/addon-storysource'),
-    '@chromatic-com/storybook',
-  ],
-
-  framework: {
-    name: getAbsolutePath('@storybook/web-components-vite'),
-    options: {},
-  },
-
-  staticDirs: [{from: '../public', to: '/assets'}],
-
-  previewHead: (head, options) => `
-    <dialog> ${options.configType}</dialog>
-    ${head}
-    <style>
-    @font-face {
-    font-family: Noto Sans;
-    src: url(/assets/NotoSans.ttf);
-    }
-</style>
-  `,
-
-  managerHead: (head, options) => `
-  ${head}
-  ${
-    options.configType !== 'DEVELOPMENT'
-      ? `
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-BBSXX2P5P8"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-  
-    gtag('config', 'G-BBSXX2P5P8');
-  </script>`
-      : ''
-  }
-  `,
-
-  docs: {},
-};
-export default config;
-
-function getAbsolutePath(value: string): any {
-  return dirname(require.resolve(join(value, 'package.json')));
-}
+import {dirname, join} from 'path';
+import type {StorybookConfig} from '@storybook/web-components-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-themes'),
+    getAbsolutePath('@storybook/addon-interactions'),
+    getAbsolutePath('@storybook/addon-storysource'),
+    '@chromatic-com/storybook',
+  ],
+
+  framework: {
+    name: getAbsolutePath('@storybook/web-components-vite'),
+    options: {},
+  },
+
+  staticDirs: [{from: '../public', to: '/assets'}],
+
+  previewHead: (head, options) => `
+    <dialog> ${options.configType}</dialog>
+    ${head}
+    <style>
+    @font-face {
+    font-family: Noto Sans;
+    src: url(/assets/NotoSans.ttf);
+    }
+</style>
+  `,
+
+  managerHead: (head, options) => `
+  ${head}
+  ${
+    options.configType !== 'DEVELOPMENT'
+      ? `
+  <!-- Google tag (gtag.js) -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=G-BBSXX2P5P8"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+  
+    gtag('config', 'G-BBSXX2P5P8');
+  </script>`
+      : ''
+  }
+  `,
+
+  docs: {},
+};
+export default config;
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')));
+}

package/.storybook/preview.ts

@@ -1,55 +1,55 @@
-import type {Preview} from '@storybook/web-components';
-import {BadgesConfig} from '@geometricpanda/storybook-addon-badges';
-
-import '../src/palettes/variables.css';
-import {setCustomElementsManifest} from '@storybook/web-components';
-
-import customElements from '../custom-elements.json';
-
-setCustomElementsManifest(customElements);
-
-import {withThemeByDataAttribute} from '@storybook/addon-themes';
-
-export const decorators = [
-  withThemeByDataAttribute({
-    themes: {
-      night: 'night',
-      dusk: 'dusk',
-      day: 'day',
-      bright: 'bright',
-    },
-    defaultTheme: 'day',
-    attributeName: 'data-obc-theme',
-  }),
-];
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    backgrounds: {
-      grid: {
-        cellSize: 8,
-      },
-      default: 'container-background-color',
-      values: [
-        {
-          name: 'container-section-color',
-          value: 'var(--container-section-color)',
-        },
-        {
-          name: 'container-background-color',
-          value: 'var(--container-background-color)',
-        },
-      ],
-    },
-  },
-
-  tags: ['autodocs'],
-};
-
-export default preview;
+import type {Preview} from '@storybook/web-components';
+import {BadgesConfig} from '@geometricpanda/storybook-addon-badges';
+
+import '../src/palettes/variables.css';
+import {setCustomElementsManifest} from '@storybook/web-components';
+
+import customElements from '../custom-elements.json';
+
+setCustomElementsManifest(customElements);
+
+import {withThemeByDataAttribute} from '@storybook/addon-themes';
+
+export const decorators = [
+  withThemeByDataAttribute({
+    themes: {
+      night: 'night',
+      dusk: 'dusk',
+      day: 'day',
+      bright: 'bright',
+    },
+    defaultTheme: 'day',
+    attributeName: 'data-obc-theme',
+  }),
+];
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    backgrounds: {
+      grid: {
+        cellSize: 8,
+      },
+      default: 'container-background-color',
+      values: [
+        {
+          name: 'container-section-color',
+          value: 'var(--container-section-color)',
+        },
+        {
+          name: 'container-background-color',
+          value: 'var(--container-background-color)',
+        },
+      ],
+    },
+  },
+
+  tags: ['autodocs'],
+};
+
+export default preview;