diff --git a/libs/novui/.storybook/Doc.container.tsx b/libs/novui/.storybook/Doc.container.tsx
deleted file mode 100644
index 884cbc5afd6..00000000000
--- a/libs/novui/.storybook/Doc.container.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { DocsContainer as BaseContainer } from '@storybook/addon-docs';
-import { themes } from '@storybook/theming';
-
-export const DocsContainer = ({ children, context }) => {
- return (
- {
- const storyContext = context.storyById(id);
- return {
- ...storyContext,
- parameters: {
- ...storyContext?.parameters,
- docs: {
- // theme: dark ? themes.dark : themes.light,
- },
- },
- };
- },
- }}
- >
- {children}
-
- );
-};
diff --git a/libs/novui/.storybook/main.ts b/libs/novui/.storybook/main.ts
index 5ae61631c37..1af1fda241e 100644
--- a/libs/novui/.storybook/main.ts
+++ b/libs/novui/.storybook/main.ts
@@ -1,10 +1,9 @@
-import { dirname, join } from 'path';
import { StorybookConfig } from '@storybook/react-vite';
export default {
stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
- addons: [getAbsolutePath('storybook-dark-mode'), getAbsolutePath('@storybook/addon-mdx-gfm')],
+ addons: ['storybook-dark-mode', '@storybook/addon-controls'],
framework: {
name: '@storybook/react-vite',
@@ -12,12 +11,9 @@ export default {
},
docs: {
- autodocs: true,
+ // TODO: re-enable docs when we decide how to incorporate them
+ autodocs: false,
},
staticDirs: ['./public'],
} satisfies StorybookConfig;
-
-function getAbsolutePath(value) {
- return dirname(require.resolve(join(value, 'package.json')));
-}
diff --git a/libs/novui/.storybook/preview.tsx b/libs/novui/.storybook/preview.tsx
index 2163cdf878b..53b0f0e0253 100644
--- a/libs/novui/.storybook/preview.tsx
+++ b/libs/novui/.storybook/preview.tsx
@@ -1,20 +1,15 @@
import React from 'react';
-// import { addons } from '@storybook/preview-api';
-// import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
-// import { ColorSchemePreferenceEnum, useLocalThemePreference } from '@novu/shared-web';
import { lightTheme, darkTheme } from './NovuTheme';
import { Parameters, Decorator } from '@storybook/react';
+import { css } from '../styled-system/css';
// Bring in the Panda-generated stylesheets
import '../src/index.css';
-// import '../styled-system/styles.css';
-
export const parameters: Parameters = {
layout: 'fullscreen',
- viewMode: 'docs',
docs: {
- // @TODO: fix the container context
+ // TODO: fix the container context
// container: DocsContainer,
},
actions: { argTypesRegex: '^on[A-Z].*' },
@@ -29,23 +24,15 @@ export const parameters: Parameters = {
dark: darkTheme,
// Override the default light theme
light: lightTheme,
+ darkClass: 'dark',
+ stylePreview: true,
},
};
// const channel = addons.getChannel();
function ColorSchemeThemeWrapper({ children }) {
- // const { setThemeStatus } = useLocalThemePreference();
-
- // const handleColorScheme = (value) => {
- // setThemeStatus(value ? ColorSchemePreferenceEnum.DARK : ColorSchemePreferenceEnum.LIGHT);
- // };
-
- // useEffect(() => {
- // channel.on(DARK_MODE_EVENT_NAME, handleColorScheme);
- // return () => channel.off(DARK_MODE_EVENT_NAME, handleColorScheme);
- // }, [channel]);
-
- return {children}
;
+ // wraps the component preview in a full-page container with proper bg color
+ return ;
}
export const decorators: Decorator[] = [
diff --git a/libs/novui/package.json b/libs/novui/package.json
index 06ecf06c944..f9d335f3b3e 100644
--- a/libs/novui/package.json
+++ b/libs/novui/package.json
@@ -65,12 +65,13 @@
"@pandacss/dev": "^0.38.0",
"@pandacss/eslint-plugin": "^0.1.2",
"@pandacss/studio": "^0.38.0",
- "@storybook/addon-actions": "^7.5.0",
- "@storybook/addon-docs": "^8.0.10",
- "@storybook/client-api": "^7.6.10",
- "@storybook/react": "^8.0.10",
- "@storybook/react-vite": "^8.0.10",
- "@storybook/theming": "^8.0.10",
+ "@storybook/addon-actions": "8.1.0",
+ "@storybook/addon-controls": "^8.1.0",
+ "@storybook/addon-docs": "^8.1.0",
+ "@storybook/react": "^8.1.0",
+ "@storybook/react-vite": "^8.1.0",
+ "@storybook/theming": "^8.1.0",
+ "@storybook/types": "^8.1.0",
"@testing-library/jest-dom": "^6.4.1",
"@testing-library/react": "^12.1.5",
"@testing-library/react-hooks": "^8.0.1",
@@ -84,7 +85,8 @@
"react": "^17.0.1",
"react-dom": "^17.0.1",
"rimraf": "^3.0.2",
- "storybook": "^8.0.10",
+ "storybook": "^8.1.0",
+ "storybook-dark-mode": "^4.0.1",
"typescript": "^4.9.5",
"vite": "^4.5.2",
"vite-tsconfig-paths": "^4.3.2",
diff --git a/libs/novui/src/tokens/typography/typography.stories.tsx b/libs/novui/src/tokens/typography/typography.stories.tsx
index 18e776529a4..c644bd8a5b8 100644
--- a/libs/novui/src/tokens/typography/typography.stories.tsx
+++ b/libs/novui/src/tokens/typography/typography.stories.tsx
@@ -1,36 +1,28 @@
import { Meta } from '@storybook/react';
import React from 'react';
-/*
- * import { Divider, Flex, styled } from '../../../styled-system/jsx';
- * import { text, title } from '../../../styled-system/recipes';
- */
+import { Divider, Flex, styled } from '../../../styled-system/jsx';
+import { text, title } from '../../../styled-system/recipes';
-/*
- * const Text = styled('p', text);
- * const Title = styled('h2', title);
- */
+const Text = styled('p', text);
+const Title = styled('h2', title);
export default {
title: 'Panda/Components/Typography',
- // component: Text,
+ component: Text,
argTypes: {},
-};
-// } as Meta;
+} as Meta;
export const all = () => (
- /*
- *
- * Default Body
- * Main text
- * Secondary text
- * Strong text
- * Mono text
- *
- * Default title
- * Page title
- * Section title
- * Subsection title
- *
- */
- Hello
+
+ Default Body
+ Main text
+ Secondary text
+ Strong text
+ Mono text
+
+ Default title
+ Page title
+ Section title
+ Subsection title
+
);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9ed4a82b216..f5f66f22836 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2999,23 +2999,26 @@ importers:
specifier: ^0.38.0
version: 0.38.0(@types/node@18.16.9)(@types/react-dom@17.0.20)(@types/react@17.0.62)(typescript@4.9.5)
'@storybook/addon-actions':
- specifier: ^7.5.0
- version: 7.5.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(react-dom@17.0.2)(react@17.0.2)
+ specifier: 8.1.0
+ version: 8.1.0
+ '@storybook/addon-controls':
+ specifier: ^8.1.0
+ version: 8.1.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(prettier@3.2.5)(react-dom@17.0.2)(react@17.0.2)
'@storybook/addon-docs':
- specifier: ^8.0.10
+ specifier: ^8.1.0
version: 8.1.1(@types/react-dom@17.0.20)(prettier@3.2.5)
- '@storybook/client-api':
- specifier: ^7.6.10
- version: 7.6.10
'@storybook/react':
- specifier: ^8.0.10
+ specifier: ^8.1.0
version: 8.1.1(prettier@3.2.5)(react-dom@17.0.2)(react@17.0.2)(typescript@4.9.5)
'@storybook/react-vite':
- specifier: ^8.0.10
+ specifier: ^8.1.0
version: 8.1.1(prettier@3.2.5)(react-dom@17.0.2)(react@17.0.2)(typescript@4.9.5)(vite@4.5.2)
'@storybook/theming':
- specifier: ^8.0.10
+ specifier: ^8.1.0
version: 8.1.1(react-dom@17.0.2)(react@17.0.2)
+ '@storybook/types':
+ specifier: ^8.1.0
+ version: 8.1.1
'@testing-library/jest-dom':
specifier: ^6.4.1
version: 6.4.2(@types/jest@29.5.2)(jest@27.5.1)(vitest@1.2.1)
@@ -3056,8 +3059,11 @@ importers:
specifier: ^3.0.2
version: 3.0.2
storybook:
- specifier: ^8.0.10
+ specifier: ^8.1.0
version: 8.1.1(react-dom@17.0.2)(react@17.0.2)
+ storybook-dark-mode:
+ specifier: ^4.0.1
+ version: 4.0.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(react-dom@17.0.2)(react@17.0.2)
typescript:
specifier: ^4.9.5
version: 4.9.5
@@ -7750,8 +7756,8 @@ packages:
'@babel/helpers': 7.23.2
'@babel/parser': 7.23.0
'@babel/template': 7.22.15
- '@babel/traverse': 7.23.2
- '@babel/types': 7.24.0
+ '@babel/traverse': 7.24.1
+ '@babel/types': 7.24.5
convert-source-map: 1.9.0
debug: 4.3.4(supports-color@8.1.1)
gensync: 1.0.0-beta.2
@@ -7805,6 +7811,7 @@ packages:
semver: 6.3.1
transitivePeerDependencies:
- supports-color
+ dev: true
/@babel/core@7.24.4:
resolution: {integrity: sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==}
@@ -7856,7 +7863,7 @@ packages:
resolution: {integrity: sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==}
engines: {node: '>=6.9.0'}
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@jridgewell/gen-mapping': 0.3.5
'@jridgewell/trace-mapping': 0.3.25
jsesc: 2.5.2
@@ -8047,7 +8054,7 @@ packages:
'@babel/helper-plugin-utils': 7.24.5
debug: 4.3.4(supports-color@8.1.1)
lodash.debounce: 4.0.8
- resolve: 1.22.2
+ resolve: 1.22.8
transitivePeerDependencies:
- supports-color
dev: true
@@ -8062,7 +8069,7 @@ packages:
'@babel/helper-plugin-utils': 7.24.5
debug: 4.3.4(supports-color@8.1.1)
lodash.debounce: 4.0.8
- resolve: 1.22.2
+ resolve: 1.22.8
transitivePeerDependencies:
- supports-color
dev: true
@@ -8077,7 +8084,7 @@ packages:
'@babel/helper-plugin-utils': 7.22.5
debug: 4.3.4(supports-color@8.1.1)
lodash.debounce: 4.0.8
- resolve: 1.22.2
+ resolve: 1.22.8
transitivePeerDependencies:
- supports-color
@@ -8117,7 +8124,7 @@ packages:
resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==}
engines: {node: '>=6.9.0'}
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
dev: true
/@babel/helper-member-expression-to-functions@7.24.5:
@@ -8143,7 +8150,7 @@ packages:
resolution: {integrity: sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==}
engines: {node: '>=6.9.0'}
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
dev: true
/@babel/helper-module-transforms@7.22.20(@babel/core@7.21.4):
@@ -8214,6 +8221,7 @@ packages:
'@babel/helper-simple-access': 7.22.5
'@babel/helper-split-export-declaration': 7.22.6
'@babel/helper-validator-identifier': 7.22.20
+ dev: true
/@babel/helper-module-transforms@7.23.0(@babel/core@7.24.4):
resolution: {integrity: sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==}
@@ -8240,7 +8248,7 @@ packages:
'@babel/helper-module-imports': 7.22.15
'@babel/helper-simple-access': 7.22.5
'@babel/helper-split-export-declaration': 7.22.6
- '@babel/helper-validator-identifier': 7.22.20
+ '@babel/helper-validator-identifier': 7.24.5
/@babel/helper-optimise-call-expression@7.22.5:
resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==}
@@ -8398,7 +8406,6 @@ packages:
/@babel/helper-validator-identifier@7.24.5:
resolution: {integrity: sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==}
engines: {node: '>=6.9.0'}
- dev: true
/@babel/helper-validator-option@7.21.0:
resolution: {integrity: sha512-rmL/B8/f0mKS2baE9ZpyTcTavvEuWhTTW8amjzXNvYG4AwBsqTLikfXsEofsJEfKHf+HQVQbFOHy6o+4cnC/fQ==}
@@ -8419,7 +8426,7 @@ packages:
dependencies:
'@babel/helper-function-name': 7.23.0
'@babel/template': 7.22.15
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
dev: true
/@babel/helpers@7.22.11:
@@ -8428,7 +8435,7 @@ packages:
dependencies:
'@babel/template': 7.22.15
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
transitivePeerDependencies:
- supports-color
dev: true
@@ -8439,9 +8446,10 @@ packages:
dependencies:
'@babel/template': 7.24.0
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
transitivePeerDependencies:
- supports-color
+ dev: true
/@babel/helpers@7.24.4:
resolution: {integrity: sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw==}
@@ -8449,7 +8457,7 @@ packages:
dependencies:
'@babel/template': 7.24.0
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
transitivePeerDependencies:
- supports-color
@@ -8482,7 +8490,7 @@ packages:
engines: {node: '>=6.0.0'}
hasBin: true
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
/@babel/parser@7.24.4:
resolution: {integrity: sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==}
@@ -9499,7 +9507,7 @@ packages:
dependencies:
'@babel/core': 7.22.11
'@babel/helper-environment-visitor': 7.22.20
- '@babel/helper-plugin-utils': 7.24.5
+ '@babel/helper-plugin-utils': 7.22.5
'@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.22.11)
'@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.11)
dev: true
@@ -9512,7 +9520,7 @@ packages:
dependencies:
'@babel/core': 7.22.9
'@babel/helper-environment-visitor': 7.22.20
- '@babel/helper-plugin-utils': 7.24.5
+ '@babel/helper-plugin-utils': 7.22.5
'@babel/helper-remap-async-to-generator': 7.22.20(@babel/core@7.22.9)
'@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.22.9)
dev: true
@@ -10555,7 +10563,7 @@ packages:
'@babel/helper-hoist-variables': 7.22.5
'@babel/helper-module-transforms': 7.23.3(@babel/core@7.24.4)
'@babel/helper-plugin-utils': 7.24.5
- '@babel/helper-validator-identifier': 7.22.20
+ '@babel/helper-validator-identifier': 7.24.5
dev: true
/@babel/plugin-transform-modules-umd@7.22.5(@babel/core@7.22.11):
@@ -11981,7 +11989,7 @@ packages:
'@babel/plugin-transform-unicode-regex': 7.22.5(@babel/core@7.22.11)
'@babel/plugin-transform-unicode-sets-regex': 7.22.5(@babel/core@7.22.11)
'@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.22.11)
- '@babel/types': 7.23.0
+ '@babel/types': 7.24.5
babel-plugin-polyfill-corejs2: 0.4.6(@babel/core@7.22.11)
babel-plugin-polyfill-corejs3: 0.8.5(@babel/core@7.22.11)
babel-plugin-polyfill-regenerator: 0.5.3(@babel/core@7.22.11)
@@ -12195,7 +12203,7 @@ packages:
'@babel/helper-plugin-utils': 7.22.5
'@babel/plugin-proposal-unicode-property-regex': 7.18.6(@babel/core@7.22.9)
'@babel/plugin-transform-dotall-regex': 7.22.5(@babel/core@7.22.9)
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
esutils: 2.0.3
dev: true
@@ -12360,7 +12368,7 @@ packages:
dependencies:
'@babel/code-frame': 7.24.2
'@babel/parser': 7.24.4
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
/@babel/traverse@7.23.2:
resolution: {integrity: sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==}
@@ -12373,7 +12381,7 @@ packages:
'@babel/helper-hoist-variables': 7.22.5
'@babel/helper-split-export-declaration': 7.22.6
'@babel/parser': 7.24.4
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
debug: 4.3.4(supports-color@8.1.1)
globals: 11.12.0
transitivePeerDependencies:
@@ -12427,7 +12435,6 @@ packages:
'@babel/helper-string-parser': 7.24.1
'@babel/helper-validator-identifier': 7.24.5
to-fast-properties: 2.0.0
- dev: true
/@bandwidth/messaging@4.1.3:
resolution: {integrity: sha512-cc1qLocHGxxqV7YNGOBxt6VhO+iGLfZnIq2htMP/xCgGOHqCtOVqHlQs80AETIMNEClXapShvn4TQrakx2h1/A==}
@@ -16176,6 +16183,7 @@ packages:
react: '>=16.8.0'
dependencies:
react: 17.0.2
+ dev: false
/@emotion/use-insertion-effect-with-fallbacks@1.0.0(react@18.2.0):
resolution: {integrity: sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==}
@@ -16199,7 +16207,6 @@ packages:
react: '>=16.8.0'
dependencies:
react: 17.0.2
- dev: true
/@emotion/utils@1.0.0:
resolution: {integrity: sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==}
@@ -18650,7 +18657,7 @@ packages:
resolution: {integrity: sha512-8vbeZWqLJOvHaDfeMuoHITGKSz5qWc9u04lnWrQE3VyuSw604PzQM824ZeX9XSjUCeDiE3GuxZe5UKa8J61NQw==}
engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
dependencies:
- '@babel/core': 7.23.2
+ '@babel/core': 7.24.4
'@jest/types': 29.5.0
'@jridgewell/trace-mapping': 0.3.19
babel-plugin-istanbul: 6.1.1
@@ -19983,7 +19990,7 @@ packages:
'@rushstack/ts-command-line': 4.16.1
colors: 1.2.5
lodash: 4.17.21
- resolve: 1.22.2
+ resolve: 1.22.8
semver: 7.5.4
source-map: 0.6.1
typescript: 5.0.4
@@ -26886,7 +26893,7 @@ packages:
glob: 7.2.3
is-reference: 1.2.1
magic-string: 0.25.9
- resolve: 1.22.2
+ resolve: 1.22.8
rollup: 2.79.1
dev: true
@@ -27196,7 +27203,7 @@ packages:
fs-extra: 7.0.1
import-lazy: 4.0.0
jju: 1.4.0
- resolve: 1.22.2
+ resolve: 1.22.8
semver: 7.5.4
z-schema: 5.0.5
dev: true
@@ -27204,7 +27211,7 @@ packages:
/@rushstack/rig-package@0.5.1:
resolution: {integrity: sha512-pXRYSe29TjRw7rqxD4WS3HN/sRSbfr+tJs4a9uuaSIBAITbUggygdhuG0VrO0EO+QqH91GhYMN4S6KRtOEmGVA==}
dependencies:
- resolve: 1.22.2
+ resolve: 1.22.8
strip-json-comments: 3.1.1
dev: true
@@ -30720,6 +30727,17 @@ packages:
- '@types/react-dom'
dev: true
+ /@storybook/addon-actions@8.1.0:
+ resolution: {integrity: sha512-6c/uZo8peHh7ZWBsNAPDSdj9keBp1q7Gddci3LIxq9S8gFLEgPwjAv+f6HVx0T61wG5PGnK0ilZsrCrXyoJodA==}
+ dependencies:
+ '@storybook/core-events': 8.1.0
+ '@storybook/global': 5.0.0
+ '@types/uuid': 9.0.8
+ dequal: 2.0.3
+ polished: 4.2.2
+ uuid: 9.0.1
+ dev: true
+
/@storybook/addon-backgrounds@7.4.2(@types/react-dom@17.0.19)(@types/react@17.0.53)(react-dom@17.0.2)(react@17.0.2):
resolution: {integrity: sha512-Vl6Vw1NzO5jRqlAEpG017z6N79Drlp7Wpw8O9+69/dKtTNmuLqLnPxWrn4nL2CNvghHToLMpToSAFpRo2fBZBg==}
peerDependencies:
@@ -30780,6 +30798,23 @@ packages:
- supports-color
dev: true
+ /@storybook/addon-controls@8.1.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(prettier@3.2.5)(react-dom@17.0.2)(react@17.0.2):
+ resolution: {integrity: sha512-KJXW/hjIWM+VLqqUAvdGIkX7hTDs8FtQOuUFSC/FPDqKveUoWz0hd+WaoT9HhNF8gyzFXYACoeb9XkQVVcDATA==}
+ dependencies:
+ '@storybook/blocks': 8.1.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(prettier@3.2.5)(react-dom@17.0.2)(react@17.0.2)
+ dequal: 2.0.3
+ lodash: 4.17.21
+ ts-dedent: 2.2.0
+ transitivePeerDependencies:
+ - '@types/react'
+ - '@types/react-dom'
+ - encoding
+ - prettier
+ - react
+ - react-dom
+ - supports-color
+ dev: true
+
/@storybook/addon-docs@7.4.2(@types/react-dom@17.0.19)(@types/react@17.0.53)(react-dom@17.0.2)(react@17.0.2):
resolution: {integrity: sha512-MV49/bGTibk2kvufk1+JEkDe2Ii/wfh5s+zO6a7p/FRy9zK0hQy3nEc56VpQ3+KzgDr0uyZI+mYq26OPwBuKRg==}
peerDependencies:
@@ -31123,7 +31158,7 @@ packages:
'@storybook/client-logger': 7.4.2
'@storybook/components': 7.4.2(@types/react-dom@17.0.19)(@types/react@17.0.53)(react-dom@17.0.2)(react@17.0.2)
'@storybook/core-events': 7.4.2
- '@storybook/csf': 0.1.2
+ '@storybook/csf': 0.1.7
'@storybook/docs-tools': 7.4.2
'@storybook/global': 5.0.0
'@storybook/manager-api': 7.4.2(react-dom@17.0.2)(react@17.0.2)
@@ -31160,7 +31195,7 @@ packages:
'@storybook/client-logger': 7.4.2
'@storybook/components': 7.4.2(@types/react-dom@17.0.20)(@types/react@17.0.62)(react-dom@17.0.2)(react@17.0.2)
'@storybook/core-events': 7.4.2
- '@storybook/csf': 0.1.2
+ '@storybook/csf': 0.1.7
'@storybook/docs-tools': 7.4.2
'@storybook/global': 5.0.0
'@storybook/manager-api': 7.4.2(react-dom@17.0.2)(react@17.0.2)
@@ -31542,7 +31577,7 @@ packages:
'@storybook/global': 5.0.0
qs: 6.11.2
telejson: 7.2.0
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
dev: true
/@storybook/channels@7.6.10:
@@ -31553,7 +31588,7 @@ packages:
'@storybook/global': 5.0.0
qs: 6.11.2
telejson: 7.2.0
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
dev: true
/@storybook/channels@8.1.1:
@@ -31563,7 +31598,7 @@ packages:
'@storybook/core-events': 8.1.1
'@storybook/global': 5.0.0
telejson: 7.2.0
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
dev: true
/@storybook/cli@7.4.2:
@@ -31623,7 +31658,7 @@ packages:
hasBin: true
dependencies:
'@babel/core': 7.24.4
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@ndelangen/get-tarball': 3.0.9
'@storybook/codemod': 8.1.1
'@storybook/core-common': 8.1.1(prettier@3.2.5)
@@ -31656,7 +31691,7 @@ packages:
semver: 7.6.2
strip-json-comments: 3.1.1
tempy: 1.0.1
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
ts-dedent: 2.2.0
transitivePeerDependencies:
- '@babel/preset-env'
@@ -31710,8 +31745,8 @@ packages:
dependencies:
'@babel/core': 7.24.4
'@babel/preset-env': 7.23.2(@babel/core@7.24.4)
- '@babel/types': 7.24.0
- '@storybook/csf': 0.1.2
+ '@babel/types': 7.24.5
+ '@storybook/csf': 0.1.7
'@storybook/csf-tools': 7.4.2
'@storybook/node-logger': 7.4.2
'@storybook/types': 7.4.2
@@ -31731,7 +31766,7 @@ packages:
dependencies:
'@babel/core': 7.24.4
'@babel/preset-env': 7.24.5(@babel/core@7.24.4)
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@storybook/csf': 0.1.7
'@storybook/csf-tools': 8.1.1
'@storybook/node-logger': 8.1.1
@@ -31743,7 +31778,7 @@ packages:
lodash: 4.17.21
prettier: 3.2.5
recast: 0.23.7
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
transitivePeerDependencies:
- supports-color
dev: true
@@ -31911,7 +31946,7 @@ packages:
resolve-from: 5.0.0
semver: 7.6.2
tempy: 1.0.1
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
ts-dedent: 2.2.0
util: 0.12.5
transitivePeerDependencies:
@@ -31936,6 +31971,13 @@ packages:
ts-dedent: 2.2.0
dev: true
+ /@storybook/core-events@8.1.0:
+ resolution: {integrity: sha512-9oCACeyYqH7rZVHglzH//cJXdP0mM5d2nBM4kgFgTTLJpbb0+SrF0rD0EVpHfA1l4Kz7pgzTY6Xj2p4mEiZ0Qg==}
+ dependencies:
+ '@storybook/csf': 0.1.7
+ ts-dedent: 2.2.0
+ dev: true
+
/@storybook/core-events@8.1.1:
resolution: {integrity: sha512-WpeiBV6RWTZ6t8SI1YdQh8NlbvQtZs9WRr4CPfpzHAly+oxFy6PtPz0h5TMKsU5/kt/L9yL7tE9ZzPYzvFWH/A==}
dependencies:
@@ -31952,7 +31994,7 @@ packages:
'@storybook/channels': 7.4.2
'@storybook/core-common': 7.4.2
'@storybook/core-events': 7.4.2
- '@storybook/csf': 0.1.2
+ '@storybook/csf': 0.1.7
'@storybook/csf-tools': 7.4.2
'@storybook/docs-mdx': 0.1.0
'@storybook/global': 5.0.0
@@ -31970,7 +32012,7 @@ packages:
cli-table3: 0.6.3
compression: 1.7.4
detect-port: 1.5.1
- express: 4.18.2
+ express: 4.19.2
fs-extra: 11.2.0
globby: 11.1.0
ip: 2.0.0
@@ -31982,7 +32024,7 @@ packages:
semver: 7.6.2
serve-favicon: 2.5.0
telejson: 7.2.0
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
ts-dedent: 2.2.0
util: 0.12.5
util-deprecate: 1.0.2
@@ -32038,7 +32080,7 @@ packages:
read-pkg-up: 7.0.1
semver: 7.6.2
telejson: 7.2.0
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
ts-dedent: 2.2.0
util: 0.12.5
util-deprecate: 1.0.2
@@ -32105,7 +32147,7 @@ packages:
'@babel/generator': 7.24.4
'@babel/parser': 7.24.4
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@storybook/csf': 0.1.7
'@storybook/types': 8.1.1
fs-extra: 11.2.0
@@ -32130,12 +32172,12 @@ packages:
resolution: {integrity: sha512-ePrvE/pS1vsKR9Xr+o+YwdqNgHUyXvg+1Xjx0h9LrVx7Zq4zNe06pd63F5EvzTbCbJsHj7GHr9tkiaqm7U8WRA==}
dependencies:
type-fest: 2.19.0
+ dev: true
/@storybook/csf@0.1.7:
resolution: {integrity: sha512-53JeLZBibjQxi0Ep+/AJTfxlofJlxy1jXcSKENlnKxHjWEYyHQCumMP5yTFjf7vhNnMjEpV3zx6t23ssFiGRyw==}
dependencies:
type-fest: 2.19.0
- dev: true
/@storybook/docs-mdx@0.1.0:
resolution: {integrity: sha512-JDaBR9lwVY4eSH5W8EGHrhODjygPd6QImRbwjAuJNEnY0Vw4ie3bPkeGfnacB3OBW6u/agqPv2aRlR46JcAQLg==}
@@ -32488,7 +32530,7 @@ packages:
lodash: 4.17.21
memoizerific: 1.11.3
qs: 6.11.2
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
ts-dedent: 2.2.0
util-deprecate: 1.0.2
dev: true
@@ -32851,7 +32893,7 @@ packages:
react: ^16.8.0 || ^17.0.0 || ^18.0.0
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
dependencies:
- '@emotion/use-insertion-effect-with-fallbacks': 1.0.0(react@17.0.2)
+ '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@17.0.2)
'@storybook/client-logger': 7.4.2
'@storybook/global': 5.0.0
memoizerific: 1.11.3
@@ -32864,7 +32906,7 @@ packages:
react: ^16.8.0 || ^17.0.0 || ^18.0.0
react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
dependencies:
- '@emotion/use-insertion-effect-with-fallbacks': 1.0.0(react@17.0.2)
+ '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@17.0.2)
'@storybook/client-logger': 7.5.1
'@storybook/global': 5.0.0
memoizerific: 1.11.3
@@ -33020,7 +33062,7 @@ packages:
resolution: {integrity: sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==}
engines: {node: '>=10'}
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
dev: true
/@svgr/plugin-jsx@5.5.0:
@@ -33653,7 +33695,7 @@ packages:
/@types/babel__traverse@7.18.3:
resolution: {integrity: sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==}
dependencies:
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
/@types/bcrypt@3.0.1:
resolution: {integrity: sha512-SwBrq5wb6jXP0o3O3jStdPWbKpimTImfdFD/OZE3uW+jhGpds/l5wMX9lfYOTDOa5Bod2QmOgo9ln+tMp2XP/w==}
@@ -34874,6 +34916,10 @@ packages:
resolution: {integrity: sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==}
dev: true
+ /@types/uuid@9.0.8:
+ resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==}
+ dev: true
+
/@types/validator@13.7.14:
resolution: {integrity: sha512-J6OAed6rhN6zyqL9Of6ZMamhlsOEU/poBVvbHr/dKOYKTeuYYMlDkMv+b6UUV0o2i0tw73cgyv/97WTWaUl0/g==}
@@ -38307,7 +38353,7 @@ packages:
'@babel/core': 7.24.4
'@jest/transform': 27.5.1
'@jest/types': 27.5.1
- '@types/babel__core': 7.20.3
+ '@types/babel__core': 7.20.5
babel-plugin-istanbul: 6.1.1
babel-preset-jest: 27.5.1(@babel/core@7.24.4)
chalk: 4.1.2
@@ -38462,7 +38508,7 @@ packages:
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
dependencies:
'@babel/template': 7.24.0
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@types/babel__core': 7.20.5
'@types/babel__traverse': 7.18.3
dev: true
@@ -38472,7 +38518,7 @@ packages:
engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
dependencies:
'@babel/template': 7.24.0
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@types/babel__core': 7.20.5
'@types/babel__traverse': 7.18.3
dev: true
@@ -38482,7 +38528,7 @@ packages:
engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
dependencies:
'@babel/template': 7.24.0
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@types/babel__core': 7.20.5
'@types/babel__traverse': 7.18.3
dev: true
@@ -38492,7 +38538,7 @@ packages:
dependencies:
'@babel/runtime': 7.23.2
cosmiconfig: 6.0.0
- resolve: 1.22.2
+ resolve: 1.22.8
dev: true
/babel-plugin-macros@3.1.0:
@@ -41569,7 +41615,7 @@ packages:
/css-box-model@1.2.1:
resolution: {integrity: sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==}
dependencies:
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
dev: false
/css-declaration-sorter@6.4.0(postcss@8.4.35):
@@ -42667,11 +42713,11 @@ packages:
/diff@5.1.0:
resolution: {integrity: sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==}
engines: {node: '>=0.3.1'}
+ dev: true
/diff@5.2.0:
resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
engines: {node: '>=0.3.1'}
- dev: true
/dir-glob@2.2.2:
resolution: {integrity: sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==}
@@ -43914,7 +43960,7 @@ packages:
dependencies:
debug: 3.2.7(supports-color@8.1.1)
is-core-module: 2.13.0
- resolve: 1.22.2
+ resolve: 1.22.8
transitivePeerDependencies:
- supports-color
dev: true
@@ -44963,7 +45009,7 @@ packages:
engines: {node: '>=8.3.0'}
dependencies:
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
c8: 7.13.0
transitivePeerDependencies:
- supports-color
@@ -50759,7 +50805,7 @@ packages:
jest-pnp-resolver: 1.2.3(jest-resolve@27.5.1)
jest-util: 27.5.1
jest-validate: 27.5.1
- resolve: 1.22.2
+ resolve: 1.22.8
resolve.exports: 1.1.1
slash: 3.0.0
dev: true
@@ -50774,7 +50820,7 @@ packages:
jest-pnp-resolver: 1.2.3(jest-resolve@29.5.0)
jest-util: 29.7.0
jest-validate: 29.7.0
- resolve: 1.22.2
+ resolve: 1.22.8
resolve.exports: 2.0.2
slash: 3.0.0
dev: true
@@ -50789,7 +50835,7 @@ packages:
jest-pnp-resolver: 1.2.3(jest-resolve@29.7.0)
jest-util: 29.7.0
jest-validate: 29.7.0
- resolve: 1.22.2
+ resolve: 1.22.8
resolve.exports: 2.0.2
slash: 3.0.0
dev: true
@@ -50990,7 +51036,7 @@ packages:
'@babel/generator': 7.24.4
'@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.24.4)
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@jest/transform': 27.5.1
'@jest/types': 27.5.1
'@types/babel__traverse': 7.18.3
@@ -51021,7 +51067,7 @@ packages:
'@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.24.4)
'@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.24.4)
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@jest/expect-utils': 29.5.0
'@jest/transform': 29.7.0
'@jest/types': 29.6.3
@@ -51051,7 +51097,7 @@ packages:
'@babel/generator': 7.24.4
'@babel/plugin-syntax-jsx': 7.22.5(@babel/core@7.24.4)
'@babel/plugin-syntax-typescript': 7.22.5(@babel/core@7.24.4)
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@jest/expect-utils': 29.7.0
'@jest/transform': 29.7.0
'@jest/types': 29.6.3
@@ -51587,11 +51633,11 @@ packages:
dependencies:
'@babel/core': 7.24.4
'@babel/parser': 7.24.4
- '@babel/plugin-transform-class-properties': 7.22.5(@babel/core@7.24.4)
- '@babel/plugin-transform-modules-commonjs': 7.23.0(@babel/core@7.24.4)
- '@babel/plugin-transform-nullish-coalescing-operator': 7.22.11(@babel/core@7.24.4)
- '@babel/plugin-transform-optional-chaining': 7.23.0(@babel/core@7.24.4)
- '@babel/plugin-transform-private-methods': 7.22.5(@babel/core@7.24.4)
+ '@babel/plugin-transform-class-properties': 7.24.1(@babel/core@7.24.4)
+ '@babel/plugin-transform-modules-commonjs': 7.24.1(@babel/core@7.24.4)
+ '@babel/plugin-transform-nullish-coalescing-operator': 7.24.1(@babel/core@7.24.4)
+ '@babel/plugin-transform-optional-chaining': 7.24.5(@babel/core@7.24.4)
+ '@babel/plugin-transform-private-methods': 7.24.1(@babel/core@7.24.4)
'@babel/preset-env': 7.24.5(@babel/core@7.24.4)
'@babel/preset-flow': 7.22.15(@babel/core@7.24.4)
'@babel/preset-typescript': 7.23.2(@babel/core@7.24.4)
@@ -51603,7 +51649,7 @@ packages:
micromatch: 4.0.5
neo-async: 2.6.2
node-dir: 0.1.17
- recast: 0.23.4
+ recast: 0.23.7
temp: 0.8.4
write-file-atomic: 2.4.3
transitivePeerDependencies:
@@ -55975,7 +56021,7 @@ packages:
resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
dependencies:
hosted-git-info: 2.8.9
- resolve: 1.22.2
+ resolve: 1.22.8
semver: 5.7.2
validate-npm-package-license: 3.0.4
dev: true
@@ -61114,7 +61160,7 @@ packages:
dependencies:
'@emotion/css': 11.11.2
classnames: 2.3.2
- diff: 5.1.0
+ diff: 5.2.0
memoize-one: 6.0.0
prop-types: 15.8.1
react: 18.2.0
@@ -61154,7 +61200,7 @@ packages:
dependencies:
'@babel/core': 7.24.4
'@babel/traverse': 7.24.1
- '@babel/types': 7.24.0
+ '@babel/types': 7.24.5
'@types/babel__core': 7.20.5
'@types/babel__traverse': 7.18.3
'@types/doctrine': 0.0.9
@@ -62516,7 +62562,7 @@ packages:
resolution: {integrity: sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==}
engines: {node: '>= 10.13.0'}
dependencies:
- resolve: 1.22.2
+ resolve: 1.22.8
/recursive-diff@1.0.9:
resolution: {integrity: sha512-5mqpskzvXDo5Vy29Vj8tH30a0+XBmY11aqWGoN/uB94UHRwndX2EuPvH+WtbqOYkrwAF718/lDo6U4CB1qSSqQ==}
@@ -62945,7 +62991,7 @@ packages:
dependencies:
debug: 4.3.4(supports-color@8.1.1)
module-details-from-path: 1.0.3
- resolve: 1.22.2
+ resolve: 1.22.8
transitivePeerDependencies:
- supports-color
dev: false
@@ -64854,6 +64900,24 @@ packages:
- '@types/react-dom'
dev: false
+ /storybook-dark-mode@4.0.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(react-dom@17.0.2)(react@17.0.2):
+ resolution: {integrity: sha512-9l3qY8NdgwZnY+NlO1XHB3eUb6FmZo9GazJeUSeFkjRqwA5FmnMSeq0YVqEOqfwniM/TvQwOiTYd5g/hC2wugA==}
+ dependencies:
+ '@storybook/components': 8.1.1(@types/react-dom@17.0.20)(@types/react@17.0.62)(react-dom@17.0.2)(react@17.0.2)
+ '@storybook/core-events': 8.1.1
+ '@storybook/global': 5.0.0
+ '@storybook/icons': 1.2.9(react-dom@17.0.2)(react@17.0.2)
+ '@storybook/manager-api': 8.1.1(react-dom@17.0.2)(react@17.0.2)
+ '@storybook/theming': 8.1.1(react-dom@17.0.2)(react@17.0.2)
+ fast-deep-equal: 3.1.3
+ memoizerific: 1.11.3
+ transitivePeerDependencies:
+ - '@types/react'
+ - '@types/react-dom'
+ - react
+ - react-dom
+ dev: true
+
/storybook@7.4.2:
resolution: {integrity: sha512-UuYmdxEWEQAepfjgQFbbHTq47Xxpw16naAvJ9n/nsjMnOhYupm1ZIdWYaeNjz4LOfz+1WzgU7us0IvaBrxzl4g==}
hasBin: true
@@ -65700,7 +65764,7 @@ packages:
postcss-selector-parser: 6.0.13
postcss-value-parser: 4.2.0
quick-lru: 5.1.1
- resolve: 1.22.2
+ resolve: 1.22.8
sucrase: 3.32.0
transitivePeerDependencies:
- ts-node
@@ -66181,7 +66245,6 @@ packages:
/tiny-invariant@1.3.3:
resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
- dev: true
/tiny-warning@1.0.3:
resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
@@ -68382,7 +68445,6 @@ packages:
/uuid@9.0.1:
resolution: {integrity: sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==}
hasBin: true
- dev: false
/uvu@0.5.6:
resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
@@ -68390,7 +68452,7 @@ packages:
hasBin: true
dependencies:
dequal: 2.0.3
- diff: 5.1.0
+ diff: 5.2.0
kleur: 4.1.5
sade: 1.8.1
dev: true