@lotte-innovate/ui-component-test 0.1.64 → 0.1.66

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import type { StorybookConfig } from '@storybook/nextjs';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/main.js

@@ -0,0 +1,22 @@
+var config = {
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@chromatic-com/storybook',
+        '@storybook/addon-interactions',
+        '@storybook/addon-styling-webpack',
+        '@storybook/addon-a11y',
+        'storybook-dark-mode',
+        'storybook-addon-deep-controls',
+    ],
+    framework: {
+        name: '@storybook/nextjs',
+        options: {},
+    },
+    docs: {
+        autodocs: 'tag',
+    },
+    staticDirs: ['../public'],
+};
+export default config;

package/dist/.storybook/manager.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/.storybook/manager.js

@@ -0,0 +1,12 @@
+import { addons } from '@storybook/manager-api';
+import { create } from '@storybook/theming';
+import logo from '../src/stories/assets/logo.png';
+var lightTheme = create({
+    base: 'light', // 밝은 테마 설정
+    brandImage: logo,
+    brandTitle: '롯데이노베이트',
+    brandUrl: '/', // 로고 클릭 시 이동 페이지
+});
+addons.setConfig({
+    theme: lightTheme,
+});

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,8 @@
+import type { Preview } from '@storybook/react';
+import '../src/app/globals.css';
+import '../src/app/styles.css';
+import '../src/app/stories.css';
+import 'tailwindcss/tailwind.css';
+declare const preview: Preview;
+export default preview;
+export declare const decorators: ((Story: any, context: any) => import("react/jsx-runtime").JSX.Element)[];

package/dist/.storybook/preview.js

@@ -0,0 +1,81 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { themes } from '@storybook/theming';
+import { useDarkMode } from 'storybook-dark-mode';
+import '../src/app/globals.css';
+import '../src/app/styles.css';
+import '../src/app/stories.css';
+import 'tailwindcss/tailwind.css';
+var preview = {
+    parameters: {
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
+        options: {
+            storySort: {
+                method: 'alphabetical',
+                order: [
+                    'Welcome',
+                    'Typography',
+                    'Component',
+                    'Chart',
+                    'Light Color',
+                    'Dark Color',
+                    'Light Alpha Color',
+                    'Dark Alpha Color',
+                ],
+            },
+        },
+        docs: {
+            theme: themes.light,
+        },
+        darkMode: {
+            dark: __assign(__assign({}, themes.dark), { appBg: '#272a2d', textColor: '#edeef0' }),
+            light: __assign(__assign({}, themes.light), { appBg: 'white', textColor: '#2E3438' }),
+        },
+        backgrounds: { disable: true },
+        deepControls: { enabled: true },
+    },
+};
+export default preview;
+var changeClassOnBody = function (oldClassName, newClassName) {
+    var classList = document.body.classList;
+    if (classList.contains(oldClassName)) {
+        classList.replace(oldClassName, newClassName);
+    }
+};
+var withBackground = function (Story, context) {
+    var isDarkMode = useDarkMode();
+    useEffect(function () {
+        if (isDarkMode) {
+            changeClassOnBody('light', 'dark');
+        }
+        else {
+            changeClassOnBody('dark', 'light');
+        }
+        var docsStoryElements = document.querySelectorAll('.docs-story');
+        docsStoryElements.forEach(function (element) {
+            element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
+        });
+        docsStoryElements = document.querySelectorAll('.sb-show-main');
+        docsStoryElements.forEach(function (element) {
+            element.style.backgroundColor = isDarkMode ? '#111113' : 'white';
+        });
+    }, [isDarkMode]);
+    return _jsx(Story, __assign({}, context));
+};
+export var decorators = [withBackground];