From ad08ceacb05200fd3b8d02d260f9c329f0713c78 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Wed, 21 Feb 2024 14:20:00 +0100 Subject: [PATCH 1/9] feat: Remove Storybook composition --- package.json | 1 - plop-templates/storybook.docs.mdx.hbs | 2 +- pnpm-lock.yaml | 244 +++++------------- storybook/storybook-docs/.eslintrc.json | 6 - storybook/storybook-docs/config/main.js | 62 ----- storybook/storybook-docs/config/manager.js | 5 - .../storybook-docs/config/preview-head.html | 3 - storybook/storybook-docs/config/preview.tsx | 21 -- storybook/storybook-docs/package.json | 57 ---- storybook/storybook-docs/tsconfig.json | 9 - storybook/storybook-docs/tsconfig.node.json | 10 - storybook/storybook-docs/vite.config.ts | 10 - storybook/storybook-react/config/preview.tsx | 7 +- storybook/storybook-react/package.json | 2 +- .../src/docs/breakpoints.docs.mdx} | 0 .../src/docs/color.docs.mdx} | 0 .../docs}/components/AmsterdamIconGallery.tsx | 0 .../src/docs}/components/ColorPalette.tsx | 0 .../src/docs}/components/color-palette.css | 0 .../src/docs/font.docs.mdx} | 0 .../src/docs/grid.docs.mdx} | 0 .../src/docs/icon-gallery.docs.mdx} | 0 .../src/docs/interactive-elements.docs.mdx} | 0 .../src/docs/introduction.docs.mdx} | 0 .../src/docs}/introduction.md | 0 .../src/docs/language.docs.mdx} | 0 .../src/docs/license.docs.mdx} | 2 +- .../src/docs/notice.docs.mdx} | 2 +- .../src/docs/typography.docs.mdx} | 0 .../Accordion/Accordion.docs.mdx | 2 +- .../Accordion/Accordion.stories.tsx | 2 +- .../Alert/Alert.docs.mdx | 2 +- .../Alert/Alert.stories.tsx | 2 +- .../AspectRatio/AspectRatio.docs.mdx | 2 +- .../AspectRatio/AspectRatio.stories.tsx | 2 +- .../Badge/Badge.docs.mdx | 2 +- .../Badge/Badge.stories.tsx | 2 +- .../Blockquote/Blockquote.docs.mdx | 2 +- .../Blockquote/Blockquote.stories.tsx | 2 +- .../Breadcrumb/Breadcrumb.docs.mdx | 2 +- .../Breadcrumb/Breadcrumb.stories.tsx | 2 +- .../Button/Button.docs.mdx | 2 +- .../Button/Button.stories.tsx | 2 +- .../{ => react-components}/Card/Card.docs.mdx | 2 +- .../Card/Card.stories.tsx | 2 +- .../Checkbox/Checkbox.docs.mdx | 2 +- .../Checkbox/Checkbox.stories.tsx | 2 +- .../Dialog/Dialog.docs.mdx | 2 +- .../Dialog/Dialog.stories.tsx | 2 +- .../Fieldset/Fieldset.docs.mdx | 2 +- .../Fieldset/Fieldset.stories.tsx | 2 +- .../Footer/Footer.docs.mdx | 2 +- .../Footer/Footer.stories.tsx | 2 +- .../FormLabel/FormLabel.docs.mdx | 2 +- .../FormLabel/FormLabel.stories.tsx | 2 +- .../{ => react-components}/Grid/Grid.docs.mdx | 2 +- .../Grid/Grid.stories.tsx | 2 +- .../Header/Header.docs.mdx | 2 +- .../Header/Header.stories.tsx | 2 +- .../Heading/Heading.docs.mdx | 2 +- .../Heading/Heading.stories.tsx | 2 +- .../{ => react-components}/Icon/Icon.docs.mdx | 2 +- .../Icon/Icon.stories.tsx | 2 +- .../IconButton/IconButton.docs.mdx | 2 +- .../IconButton/IconButton.stories.tsx | 2 +- .../Image/Image.docs.mdx | 2 +- .../Image/Image.stories.tsx | 2 +- .../{ => react-components}/Link/Link.docs.mdx | 2 +- .../Link/Link.stories.tsx | 2 +- .../LinkList/LinkList.docs.mdx | 2 +- .../LinkList/LinkList.stories.tsx | 4 +- .../{ => react-components}/Logo/Logo.docs.mdx | 2 +- .../Logo/Logo.stories.tsx | 2 +- .../{ => react-components}/Mark/Mark.docs.mdx | 2 +- .../Mark/Mark.stories.tsx | 2 +- .../MegaMenu/MegaMenu.docs.mdx | 2 +- .../MegaMenu/MegaMenu.stories.tsx | 2 +- .../OrderedList/OrderedList.docs.mdx | 2 +- .../OrderedList/OrderedList.stories.tsx | 2 +- .../Overlap/Overlap.docs.mdx | 2 +- .../Overlap/Overlap.stories.tsx | 2 +- .../PageHeading/PageHeading.docs.mdx | 2 +- .../PageHeading/PageHeading.stories.tsx | 2 +- .../PageMenu/PageMenu.docs.mdx | 2 +- .../PageMenu/PageMenu.stories.tsx | 2 +- .../Pagination/Pagination.docs.mdx | 2 +- .../Pagination/Pagination.stories.tsx | 2 +- .../Paragraph/Paragraph.docs.mdx | 2 +- .../Paragraph/Paragraph.stories.tsx | 2 +- .../Screen/Screen.docs.mdx | 2 +- .../Screen/Screen.stories.tsx | 2 +- .../SearchField/SearchField.docs.mdx | 2 +- .../SearchField/SearchField.stories.tsx | 2 +- .../SkipLink/SkipLink.docs.mdx | 2 +- .../SkipLink/SkipLink.stories.tsx | 2 +- .../Spotlight/Spotlight.docs.mdx | 2 +- .../Spotlight/Spotlight.stories.tsx | 2 +- .../Switch/Switch.docs.mdx | 2 +- .../Switch/Switch.stories.tsx | 2 +- .../Table/Table.docs.mdx | 2 +- .../Table/Table.stories.tsx | 2 +- .../TextInput/TextInput.docs.mdx | 2 +- .../TextInput/TextInput.stories.tsx | 2 +- .../TopTaskLink/TopTaskLink.docs.mdx | 2 +- .../TopTaskLink/TopTaskLink.stories.tsx | 2 +- .../UnorderedList/UnorderedList.docs.mdx | 2 +- .../UnorderedList/UnorderedList.stories.tsx | 2 +- .../VisuallyHidden/VisuallyHidden.docs.mdx | 2 +- .../VisuallyHidden/VisuallyHidden.stories.tsx | 2 +- .../{ => react-components}/shared/argTypes.ts | 0 .../shared/exampleContent.ts | 0 111 files changed, 156 insertions(+), 449 deletions(-) delete mode 100644 storybook/storybook-docs/.eslintrc.json delete mode 100644 storybook/storybook-docs/config/main.js delete mode 100644 storybook/storybook-docs/config/manager.js delete mode 100644 storybook/storybook-docs/config/preview-head.html delete mode 100644 storybook/storybook-docs/config/preview.tsx delete mode 100644 storybook/storybook-docs/package.json delete mode 100644 storybook/storybook-docs/tsconfig.json delete mode 100644 storybook/storybook-docs/tsconfig.node.json delete mode 100644 storybook/storybook-docs/vite.config.ts rename storybook/{storybook-docs/src/breakpoints.stories.mdx => storybook-react/src/docs/breakpoints.docs.mdx} (100%) rename storybook/{storybook-docs/src/color.stories.mdx => storybook-react/src/docs/color.docs.mdx} (100%) rename storybook/{storybook-docs/src => storybook-react/src/docs}/components/AmsterdamIconGallery.tsx (100%) rename storybook/{storybook-docs/src => storybook-react/src/docs}/components/ColorPalette.tsx (100%) rename storybook/{storybook-docs/src => storybook-react/src/docs}/components/color-palette.css (100%) rename storybook/{storybook-docs/src/font.stories.mdx => storybook-react/src/docs/font.docs.mdx} (100%) rename storybook/{storybook-docs/src/grid.stories.mdx => storybook-react/src/docs/grid.docs.mdx} (100%) rename storybook/{storybook-docs/src/icon-gallery.stories.mdx => storybook-react/src/docs/icon-gallery.docs.mdx} (100%) rename storybook/{storybook-docs/src/interactive-elements.stories.mdx => storybook-react/src/docs/interactive-elements.docs.mdx} (100%) rename storybook/{storybook-docs/src/introduction.stories.mdx => storybook-react/src/docs/introduction.docs.mdx} (100%) rename storybook/{storybook-docs/src => storybook-react/src/docs}/introduction.md (100%) rename storybook/{storybook-docs/src/language.stories.mdx => storybook-react/src/docs/language.docs.mdx} (100%) rename storybook/{storybook-docs/src/license.stories.mdx => storybook-react/src/docs/license.docs.mdx} (71%) rename storybook/{storybook-docs/src/notice.stories.mdx => storybook-react/src/docs/notice.docs.mdx} (72%) rename storybook/{storybook-docs/src/typography.stories.mdx => storybook-react/src/docs/typography.docs.mdx} (100%) rename storybook/storybook-react/src/{ => react-components}/Accordion/Accordion.docs.mdx (94%) rename storybook/storybook-react/src/{ => react-components}/Accordion/Accordion.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Alert/Alert.docs.mdx (93%) rename storybook/storybook-react/src/{ => react-components}/Alert/Alert.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/AspectRatio/AspectRatio.docs.mdx (89%) rename storybook/storybook-react/src/{ => react-components}/AspectRatio/AspectRatio.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Badge/Badge.docs.mdx (73%) rename storybook/storybook-react/src/{ => react-components}/Badge/Badge.stories.tsx (93%) rename storybook/storybook-react/src/{ => react-components}/Blockquote/Blockquote.docs.mdx (83%) rename storybook/storybook-react/src/{ => react-components}/Blockquote/Blockquote.stories.tsx (95%) rename storybook/storybook-react/src/{ => react-components}/Breadcrumb/Breadcrumb.docs.mdx (74%) rename storybook/storybook-react/src/{ => react-components}/Breadcrumb/Breadcrumb.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/Button/Button.docs.mdx (90%) rename storybook/storybook-react/src/{ => react-components}/Button/Button.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/Card/Card.docs.mdx (89%) rename storybook/storybook-react/src/{ => react-components}/Card/Card.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Checkbox/Checkbox.docs.mdx (77%) rename storybook/storybook-react/src/{ => react-components}/Checkbox/Checkbox.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/Dialog/Dialog.docs.mdx (84%) rename storybook/storybook-react/src/{ => react-components}/Dialog/Dialog.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/Fieldset/Fieldset.docs.mdx (80%) rename storybook/storybook-react/src/{ => react-components}/Fieldset/Fieldset.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/Footer/Footer.docs.mdx (71%) rename storybook/storybook-react/src/{ => react-components}/Footer/Footer.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/FormLabel/FormLabel.docs.mdx (71%) rename storybook/storybook-react/src/{ => react-components}/FormLabel/FormLabel.stories.tsx (89%) rename storybook/storybook-react/src/{ => react-components}/Grid/Grid.docs.mdx (97%) rename storybook/storybook-react/src/{ => react-components}/Grid/Grid.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/Header/Header.docs.mdx (88%) rename storybook/storybook-react/src/{ => react-components}/Header/Header.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/Heading/Heading.docs.mdx (88%) rename storybook/storybook-react/src/{ => react-components}/Heading/Heading.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Icon/Icon.docs.mdx (93%) rename storybook/storybook-react/src/{ => react-components}/Icon/Icon.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/IconButton/IconButton.docs.mdx (87%) rename storybook/storybook-react/src/{ => react-components}/IconButton/IconButton.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/Image/Image.docs.mdx (91%) rename storybook/storybook-react/src/{ => react-components}/Image/Image.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/Link/Link.docs.mdx (90%) rename storybook/storybook-react/src/{ => react-components}/Link/Link.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/LinkList/LinkList.docs.mdx (94%) rename storybook/storybook-react/src/{ => react-components}/LinkList/LinkList.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Logo/Logo.docs.mdx (84%) rename storybook/storybook-react/src/{ => react-components}/Logo/Logo.stories.tsx (95%) rename storybook/storybook-react/src/{ => react-components}/Mark/Mark.docs.mdx (69%) rename storybook/storybook-react/src/{ => react-components}/Mark/Mark.stories.tsx (95%) rename storybook/storybook-react/src/{ => react-components}/MegaMenu/MegaMenu.docs.mdx (75%) rename storybook/storybook-react/src/{ => react-components}/MegaMenu/MegaMenu.stories.tsx (99%) rename storybook/storybook-react/src/{ => react-components}/OrderedList/OrderedList.docs.mdx (94%) rename storybook/storybook-react/src/{ => react-components}/OrderedList/OrderedList.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/Overlap/Overlap.docs.mdx (89%) rename storybook/storybook-react/src/{ => react-components}/Overlap/Overlap.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/PageHeading/PageHeading.docs.mdx (83%) rename storybook/storybook-react/src/{ => react-components}/PageHeading/PageHeading.stories.tsx (95%) rename storybook/storybook-react/src/{ => react-components}/PageMenu/PageMenu.docs.mdx (85%) rename storybook/storybook-react/src/{ => react-components}/PageMenu/PageMenu.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Pagination/Pagination.docs.mdx (71%) rename storybook/storybook-react/src/{ => react-components}/Pagination/Pagination.stories.tsx (90%) rename storybook/storybook-react/src/{ => react-components}/Paragraph/Paragraph.docs.mdx (91%) rename storybook/storybook-react/src/{ => react-components}/Paragraph/Paragraph.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/Screen/Screen.docs.mdx (74%) rename storybook/storybook-react/src/{ => react-components}/Screen/Screen.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/SearchField/SearchField.docs.mdx (87%) rename storybook/storybook-react/src/{ => react-components}/SearchField/SearchField.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/SkipLink/SkipLink.docs.mdx (84%) rename storybook/storybook-react/src/{ => react-components}/SkipLink/SkipLink.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Spotlight/Spotlight.docs.mdx (90%) rename storybook/storybook-react/src/{ => react-components}/Spotlight/Spotlight.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/Switch/Switch.docs.mdx (87%) rename storybook/storybook-react/src/{ => react-components}/Switch/Switch.stories.tsx (94%) rename storybook/storybook-react/src/{ => react-components}/Table/Table.docs.mdx (85%) rename storybook/storybook-react/src/{ => react-components}/Table/Table.stories.tsx (97%) rename storybook/storybook-react/src/{ => react-components}/TextInput/TextInput.docs.mdx (91%) rename storybook/storybook-react/src/{ => react-components}/TextInput/TextInput.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/TopTaskLink/TopTaskLink.docs.mdx (79%) rename storybook/storybook-react/src/{ => react-components}/TopTaskLink/TopTaskLink.stories.tsx (96%) rename storybook/storybook-react/src/{ => react-components}/UnorderedList/UnorderedList.docs.mdx (93%) rename storybook/storybook-react/src/{ => react-components}/UnorderedList/UnorderedList.stories.tsx (98%) rename storybook/storybook-react/src/{ => react-components}/VisuallyHidden/VisuallyHidden.docs.mdx (71%) rename storybook/storybook-react/src/{ => react-components}/VisuallyHidden/VisuallyHidden.stories.tsx (93%) rename storybook/storybook-react/src/{ => react-components}/shared/argTypes.ts (100%) rename storybook/storybook-react/src/{ => react-components}/shared/exampleContent.ts (100%) diff --git a/package.json b/package.json index 8d748e99fe..a52c4f3cfc 100644 --- a/package.json +++ b/package.json @@ -75,7 +75,6 @@ "update-patch": "npm-check-updates --configFileName .ncurc.patch.js --deep --dep dev,prod --target patch --upgrade && pnpm install", "watch:css": "npm run --workspace packages/css build:watch", "watch:react": "npm run --workspace packages/react build:watch", - "watch:storybook-docs": "npx wait-on http://localhost:6007 && npm run --workspace storybook/storybook-docs start", "watch:storybook-react": "npm run --workspace storybook/storybook-react start", "watch:tokens": "npm run --workspace proprietary/tokens watch" } diff --git a/plop-templates/storybook.docs.mdx.hbs b/plop-templates/storybook.docs.mdx.hbs index aea68c1a86..9ae93df356 100644 --- a/plop-templates/storybook.docs.mdx.hbs +++ b/plop-templates/storybook.docs.mdx.hbs @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as {{pascalCase name}}Stories from "./{{pascalCase name}}.stories.tsx"; -import README from "../../../../packages/css/src/components/{{kebabCase name}}/README.md?raw"; +import README from "../../../../../packages/css/src/components/{{kebabCase name}}/README.md?raw"; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 1e6a0be047..3834eee674 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -270,106 +270,6 @@ importers: specifier: 3.9.2 version: 3.9.2 - storybook/storybook-docs: - dependencies: - remark-gfm: - specifier: 3.0.1 - version: 3.0.1 - devDependencies: - '@amsterdam/design-system-assets': - specifier: workspace:* - version: link:../../proprietary/assets - '@amsterdam/design-system-css': - specifier: workspace:* - version: link:../../packages/css - '@amsterdam/design-system-react': - specifier: workspace:* - version: link:../../packages/react - '@amsterdam/design-system-react-icons': - specifier: workspace:* - version: link:../../proprietary/react-icons - '@amsterdam/design-system-tokens': - specifier: workspace:* - version: link:../../proprietary/tokens - '@babel/core': - specifier: 7.23.9 - version: 7.23.9 - '@mdx-js/react': - specifier: 2.3.0 - version: 2.3.0(react@18.2.0) - '@storybook/addon-a11y': - specifier: 7.6.17 - version: 7.6.17 - '@storybook/addon-actions': - specifier: 7.6.17 - version: 7.6.17 - '@storybook/addon-docs': - specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@storybook/addon-essentials': - specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@storybook/addon-interactions': - specifier: 7.6.17 - version: 7.6.17 - '@storybook/addon-links': - specifier: 7.6.17 - version: 7.6.17(react@18.2.0) - '@storybook/addon-viewport': - specifier: 7.6.17 - version: 7.6.17 - '@storybook/blocks': - specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@storybook/manager-api': - specifier: 7.6.17 - version: 7.6.17(react-dom@18.2.0)(react@18.2.0) - '@storybook/mdx2-csf': - specifier: 1.1.0 - version: 1.1.0 - '@storybook/react': - specifier: 7.6.17 - version: 7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3) - '@storybook/react-vite': - specifier: 7.6.17 - version: 7.6.17(react-dom@18.2.0)(react@18.2.0)(typescript@5.3.3)(vite@5.1.3) - '@storybook/testing-library': - specifier: 0.2.2 - version: 0.2.2 - '@storybook/theming': - specifier: 7.6.17 - version: 7.6.17(react-dom@18.2.0)(react@18.2.0) - '@types/react': - specifier: 18.2.57 - version: 18.2.57 - '@types/react-dom': - specifier: 18.2.19 - version: 18.2.19 - '@vitejs/plugin-react': - specifier: 4.2.1 - version: 4.2.1(vite@5.1.3) - clsx: - specifier: 2.1.0 - version: 2.1.0 - react: - specifier: 18.2.0 - version: 18.2.0 - react-dom: - specifier: 18.2.0 - version: 18.2.0(react@18.2.0) - require-from-string: - specifier: 2.0.2 - version: 2.0.2 - sass: - specifier: 1.71.0 - version: 1.71.0 - storybook: - specifier: 7.6.17 - version: 7.6.17 - vite: - specifier: 5.1.3 - version: 5.1.3(@types/node@20.11.19)(sass@1.71.0) - storybook/storybook-react: dependencies: remark-gfm: @@ -405,10 +305,10 @@ importers: version: 7.6.17 '@storybook/addon-docs': specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + version: 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/addon-essentials': specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + version: 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/addon-interactions': specifier: 7.6.17 version: 7.6.17 @@ -426,10 +326,10 @@ importers: version: 7.6.17(react-dom@18.2.0)(react@18.2.0) '@storybook/blocks': specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + version: 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/components': specifier: 7.6.17 - version: 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + version: 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/core-events': specifier: 7.6.17 version: 7.6.17 @@ -474,7 +374,7 @@ importers: version: 7.6.17 vite: specifier: 5.1.3 - version: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + version: 5.1.3(@types/node@20.11.19) packages: @@ -2776,7 +2676,7 @@ packages: magic-string: 0.27.0 react-docgen-typescript: 2.2.2(typescript@5.3.3) typescript: 5.3.3 - vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + vite: 5.1.3(@types/node@20.11.19) dev: true /@jridgewell/gen-mapping@0.3.3: @@ -3348,7 +3248,7 @@ packages: '@babel/runtime': 7.23.9 dev: true - /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-arrow@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==} peerDependencies: '@types/react': '*' @@ -3362,14 +3262,13 @@ packages: optional: true dependencies: '@babel/runtime': 7.23.9 - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-collection@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-collection@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-3SzW+0PW7yBBoQlT8wNcGtaxaD0XSu0uLUFgrtHY08Acx05TaHaOmVLR73c0j/cqpDy53KBMO7s0dx2wmOIDIA==} peerDependencies: '@types/react': '*' @@ -3385,10 +3284,9 @@ packages: '@babel/runtime': 7.23.9 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-slot': 1.0.2(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -3435,7 +3333,7 @@ packages: react: 18.2.0 dev: true - /@radix-ui/react-dismissable-layer@1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-dismissable-layer@1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-7UpBa/RKMoHJYjie1gkF1DlK8l1fdU/VKDpoS3rCCo8YBJR294GwcEHyxHw72yvphJ7ld0AXEcSLAzY2F/WyCg==} peerDependencies: '@types/react': '*' @@ -3451,11 +3349,10 @@ packages: '@babel/runtime': 7.23.9 '@radix-ui/primitive': 1.0.1 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-escape-keydown': 1.0.3(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -3474,7 +3371,7 @@ packages: react: 18.2.0 dev: true - /@radix-ui/react-focus-scope@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-focus-scope@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-upXdPfqI4islj2CslyfUBNlaJCPybbqRHAi1KER7Isel9Q2AtSJ0zRBZv8mWQiFXD2nyAJ4BhC3yXgZ6kMBSrQ==} peerDependencies: '@types/react': '*' @@ -3489,10 +3386,9 @@ packages: dependencies: '@babel/runtime': 7.23.9 '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -3512,7 +3408,7 @@ packages: react: 18.2.0 dev: true - /@radix-ui/react-popper@1.1.2(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-popper@1.1.2(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-1CnGGfFi/bbqtJZZ0P/NQY20xdG3E0LALJaLUEoKwPLwl6PPPfbeiCqMVQnhoFRAxjJj4RpBRJzDmUgsex2tSg==} peerDependencies: '@types/react': '*' @@ -3527,22 +3423,21 @@ packages: dependencies: '@babel/runtime': 7.23.9 '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-arrow': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-arrow': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-rect': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-size': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/rect': 1.0.1 '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-portal@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-portal@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-xLYZeHrWoPmA5mEKEfZZevoVRK/Q43GfzRXkWV6qawIWWK8t6ifIiLQdd7rmQ4Vk1bmI21XhqF9BN3jWf+phpA==} peerDependencies: '@types/react': '*' @@ -3556,14 +3451,13 @@ packages: optional: true dependencies: '@babel/runtime': 7.23.9 - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-primitive@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-primitive@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==} peerDependencies: '@types/react': '*' @@ -3579,12 +3473,11 @@ packages: '@babel/runtime': 7.23.9 '@radix-ui/react-slot': 1.0.2(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-roving-focus@1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-roving-focus@1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-2mUg5Mgcu001VkGy+FfzZyzbmuUWzgWkj3rvv4yu+mLw03+mTzbxZHvfcGyFp2b8EkQeMkpRQ5FiA2Vr2O6TeQ==} peerDependencies: '@types/react': '*' @@ -3599,21 +3492,20 @@ packages: dependencies: '@babel/runtime': 7.23.9 '@radix-ui/primitive': 1.0.1 - '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-collection': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-id': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-select@1.2.2(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-select@1.2.2(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==} peerDependencies: '@types/react': '*' @@ -3629,32 +3521,31 @@ packages: '@babel/runtime': 7.23.9 '@radix-ui/number': 1.0.1 '@radix-ui/primitive': 1.0.1 - '@radix-ui/react-collection': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-collection': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-dismissable-layer': 1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-dismissable-layer': 1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-focus-guards': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-focus-scope': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-focus-scope': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-id': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-popper': 1.1.2(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-portal': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-popper': 1.1.2(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-portal': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-slot': 1.0.2(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-callback-ref': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-layout-effect': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-use-previous': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-visually-hidden': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-visually-hidden': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 aria-hidden: 1.2.3 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) react-remove-scroll: 2.5.5(@types/react@18.2.57)(react@18.2.0) dev: true - /@radix-ui/react-separator@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-separator@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-itYmTy/kokS21aiV5+Z56MZB54KrhPgn6eHDKkFeOLR34HMN2s8PaN47qZZAGnvupcjxHaFZnW4pQEh0BvvVuw==} peerDependencies: '@types/react': '*' @@ -3668,9 +3559,8 @@ packages: optional: true dependencies: '@babel/runtime': 7.23.9 - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -3690,7 +3580,7 @@ packages: react: 18.2.0 dev: true - /@radix-ui/react-toggle-group@1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-toggle-group@1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-Uaj/M/cMyiyT9Bx6fOZO0SAG4Cls0GptBWiBmBxofmDbNVnYYoyRWj/2M/6VCi/7qcXFWnHhRUfdfZFvvkuu8A==} peerDependencies: '@types/react': '*' @@ -3707,17 +3597,16 @@ packages: '@radix-ui/primitive': 1.0.1 '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-toggle': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-roving-focus': 1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-toggle': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-toggle@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-toggle@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-Pkqg3+Bc98ftZGsl60CLANXQBBQ4W3mTFS9EJvNxKMZ7magklKV69/id1mlAlOFDDfHvlCms0fx8fA4CMKDJHg==} peerDependencies: '@types/react': '*' @@ -3732,15 +3621,14 @@ packages: dependencies: '@babel/runtime': 7.23.9 '@radix-ui/primitive': 1.0.1 - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-use-controllable-state': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@radix-ui/react-toolbar@1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-toolbar@1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-tBgmM/O7a07xbaEkYJWYTXkIdU/1pW4/KZORR43toC/4XWyBCURK0ei9kMUdp+gTPPKBgYLxXmRSH1EVcIDp8Q==} peerDependencies: '@types/react': '*' @@ -3757,12 +3645,11 @@ packages: '@radix-ui/primitive': 1.0.1 '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-direction': 1.0.1(@types/react@18.2.57)(react@18.2.0) - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-roving-focus': 1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-separator': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-toggle-group': 1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-roving-focus': 1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-separator': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-toggle-group': 1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -3869,7 +3756,7 @@ packages: react: 18.2.0 dev: true - /@radix-ui/react-visually-hidden@1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@radix-ui/react-visually-hidden@1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-D4w41yN5YRKtu464TLnByKzMDG/JlMPHtfZgQAu9v6mNakUqGUI9vUrfQKz8NK41VMm/xbZbh76NUTVtIYqOMA==} peerDependencies: '@types/react': '*' @@ -3883,9 +3770,8 @@ packages: optional: true dependencies: '@babel/runtime': 7.23.9 - '@radix-ui/react-primitive': 1.0.3(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-primitive': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@types/react': 18.2.57 - '@types/react-dom': 18.2.19 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true @@ -4193,10 +4079,10 @@ packages: ts-dedent: 2.2.0 dev: true - /@storybook/addon-controls@7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@storybook/addon-controls@7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-zR0aLaUF7FtV/nMRyfniFbCls/e0DAAoXACuOAUAwNAv0lbIS8AyZZiHSmKucCvziUQ6WceeCC7+du3C+9y0rQ==} dependencies: - '@storybook/blocks': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/blocks': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) lodash: 4.17.21 ts-dedent: 2.2.0 transitivePeerDependencies: @@ -4208,7 +4094,7 @@ packages: - supports-color dev: true - /@storybook/addon-docs@7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@storybook/addon-docs@7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-FKa4Mdy7nhgvEVZJHpMkHriDzpVHbohn87zv9NCL+Ctjs1iAmzGwxEm0culszyDS1HN2ToVoY0h8CSi2RSSZqA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4216,9 +4102,9 @@ packages: dependencies: '@jest/transform': 29.7.0 '@mdx-js/react': 2.3.0(react@18.2.0) - '@storybook/blocks': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/blocks': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/client-logger': 7.6.17 - '@storybook/components': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/components': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/csf-plugin': 7.6.17 '@storybook/csf-tools': 7.6.17 '@storybook/global': 5.0.0 @@ -4242,7 +4128,7 @@ packages: - supports-color dev: true - /@storybook/addon-essentials@7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@storybook/addon-essentials@7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-qlSpamxuYfT2taF953nC9QijGF2pSbg1ewMNpdwLTj16PTZvR/d8NCDMTJujI1bDwM2m18u8Yc43ibh5LEmxCw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4250,8 +4136,8 @@ packages: dependencies: '@storybook/addon-actions': 7.6.17 '@storybook/addon-backgrounds': 7.6.17 - '@storybook/addon-controls': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@storybook/addon-docs': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-controls': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/addon-docs': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/addon-highlight': 7.6.17 '@storybook/addon-measure': 7.6.17 '@storybook/addon-outline': 7.6.17 @@ -4352,7 +4238,7 @@ packages: - react-dom dev: true - /@storybook/blocks@7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@storybook/blocks@7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-PsNVoe0bX1mMn4Kk3nbKZ0ItDZZ0YJnYAFJ6toAbsyBAbgzg1sce88sQinzvbn58/RT9MPKeWMPB45ZS7ggiNg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -4360,7 +4246,7 @@ packages: dependencies: '@storybook/channels': 7.6.17 '@storybook/client-logger': 7.6.17 - '@storybook/components': 7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@storybook/components': 7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/core-events': 7.6.17 '@storybook/csf': 0.1.2 '@storybook/docs-tools': 7.6.17 @@ -4446,7 +4332,7 @@ packages: magic-string: 0.30.5 rollup: 3.29.4 typescript: 5.3.3 - vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + vite: 5.1.3(@types/node@20.11.19) transitivePeerDependencies: - encoding - supports-color @@ -4541,14 +4427,14 @@ packages: - supports-color dev: true - /@storybook/components@7.6.17(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): + /@storybook/components@7.6.17(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-lbh7GynMidA+CZcJnstVku6Nhs+YkqjYaZ+mKPugvlVhGVWv0DaaeQFVuZ8cJtUGJ/5FFU4Y+n+gylYUHkGBMA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@radix-ui/react-select': 1.2.2(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) - '@radix-ui/react-toolbar': 1.0.4(@types/react-dom@18.2.19)(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-select': 1.2.2(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) + '@radix-ui/react-toolbar': 1.0.4(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@storybook/client-logger': 7.6.17 '@storybook/csf': 0.1.2 '@storybook/global': 5.0.0 @@ -4801,7 +4687,7 @@ packages: react: 18.2.0 react-docgen: 7.0.1 react-dom: 18.2.0(react@18.2.0) - vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + vite: 5.1.3(@types/node@20.11.19) transitivePeerDependencies: - '@preact/preset-vite' - encoding @@ -5774,7 +5660,7 @@ packages: '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9) magic-string: 0.27.0 react-refresh: 0.14.0 - vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + vite: 5.1.3(@types/node@20.11.19) transitivePeerDependencies: - supports-color dev: true @@ -5790,7 +5676,7 @@ packages: '@babel/plugin-transform-react-jsx-source': 7.23.3(@babel/core@7.23.9) '@types/babel__core': 7.20.5 react-refresh: 0.14.0 - vite: 5.1.3(@types/node@20.11.19)(sass@1.71.0) + vite: 5.1.3(@types/node@20.11.19) transitivePeerDependencies: - supports-color dev: true @@ -7013,6 +6899,7 @@ packages: /clsx@2.1.0: resolution: {integrity: sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==} engines: {node: '>=6'} + dev: false /co@4.6.0: resolution: {integrity: sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==} @@ -16463,7 +16350,7 @@ packages: vfile-message: 4.0.2 dev: true - /vite@5.1.3(@types/node@20.11.19)(sass@1.71.0): + /vite@5.1.3(@types/node@20.11.19): resolution: {integrity: sha512-UfmUD36DKkqhi/F75RrxvPpry+9+tTkrXfMNZD+SboZqBCMsxKtO52XeGzzuh7ioz+Eo/SYDBbdb0Z7vgcDJew==} engines: {node: ^18.0.0 || >=20.0.0} hasBin: true @@ -16495,7 +16382,6 @@ packages: esbuild: 0.19.7 postcss: 8.4.35 rollup: 4.12.0 - sass: 1.71.0 optionalDependencies: fsevents: 2.3.3 dev: true diff --git a/storybook/storybook-docs/.eslintrc.json b/storybook/storybook-docs/.eslintrc.json deleted file mode 100644 index 30804a8265..0000000000 --- a/storybook/storybook-docs/.eslintrc.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "rules": { - "react/prop-types": "off", - "react/react-in-jsx-scope": "off" - } -} diff --git a/storybook/storybook-docs/config/main.js b/storybook/storybook-docs/config/main.js deleted file mode 100644 index 8c79785c22..0000000000 --- a/storybook/storybook-docs/config/main.js +++ /dev/null @@ -1,62 +0,0 @@ -import remarkGfm from 'remark-gfm' - -// eslint-disable-next-line no-undef -const { STORYBOOK_BUILD_PATH } = process.env -const REPO_NAME = 'design-system' - -const config = { - core: { - disableTelemetry: true, - }, - // Removing the stories.mdx pattern here currently (1-6-2023) somehow - // breaks (local) composition, so be careful - stories: ['../src/*.stories.@(mdx|js|jsx|ts|tsx)'], - addons: [ - '@storybook/addon-links', - '@storybook/addon-essentials', - '@storybook/addon-interactions', - '@storybook/addon-a11y', - { - name: '@storybook/addon-docs', - options: { - mdxPluginOptions: { - mdxCompileOptions: { - remarkPlugins: [remarkGfm], - }, - }, - }, - }, - ], - features: { - buildStoriesJson: true, - storyStoreV7: true, - }, - framework: { - name: '@storybook/react-vite', - options: {}, - }, - docs: { - autodocs: true, - }, - refs: (config, { configType }) => { - if (configType === 'PRODUCTION') { - config.base = STORYBOOK_BUILD_PATH ? `/${REPO_NAME}/${STORYBOOK_BUILD_PATH}` : `/${REPO_NAME}` - } - if (configType === 'DEVELOPMENT') { - return { - react: { - title: 'React Components', - url: 'http://localhost:6007', - }, - } - } - return { - react: { - title: 'React Components', - url: STORYBOOK_BUILD_PATH ? `../${STORYBOOK_BUILD_PATH}/storybook-react` : `../${REPO_NAME}/storybook-react`, - }, - } - }, -} - -export default config diff --git a/storybook/storybook-docs/config/manager.js b/storybook/storybook-docs/config/manager.js deleted file mode 100644 index b14d30f175..0000000000 --- a/storybook/storybook-docs/config/manager.js +++ /dev/null @@ -1,5 +0,0 @@ -import { addons } from '@storybook/manager-api' -import { create } from '@storybook/theming/create' -import themeConfig from '../../../storybook/theme.config' - -addons.setConfig({ theme: create(themeConfig) }) diff --git a/storybook/storybook-docs/config/preview-head.html b/storybook/storybook-docs/config/preview-head.html deleted file mode 100644 index e551040105..0000000000 --- a/storybook/storybook-docs/config/preview-head.html +++ /dev/null @@ -1,3 +0,0 @@ - diff --git a/storybook/storybook-docs/config/preview.tsx b/storybook/storybook-docs/config/preview.tsx deleted file mode 100644 index 94125ec3f5..0000000000 --- a/storybook/storybook-docs/config/preview.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import '@amsterdam/design-system-tokens/dist/index.css' -import '@amsterdam/design-system-tokens/dist/compact.theme.css' -import '@amsterdam/design-system-assets/font/index.css' -import '@amsterdam/design-system-css/dist/index.css' -import '../../storybook-overrides.css' - -export const parameters = { - actions: { argTypesRegex: '^on[A-Z].*' }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - options: { - storySort: { - order: ['Docs', ['Introduction', 'Assets', 'Design Guidelines']], - }, - }, - viewMode: 'docs', -} diff --git a/storybook/storybook-docs/package.json b/storybook/storybook-docs/package.json deleted file mode 100644 index 697347e72b..0000000000 --- a/storybook/storybook-docs/package.json +++ /dev/null @@ -1,57 +0,0 @@ -{ - "version": "0.0.0", - "author": "Community for NL Design System", - "description": "Storybook CSS website for the City of Amsterdam based on the NL Design System architecture", - "license": "EUPL-1.2", - "name": "@amsterdam/storybook-docs", - "keywords": [ - "nl-design-system" - ], - "private": true, - "repository": { - "type": "git", - "url": "https://github.com/Amsterdam/design-system.git", - "directory": "storybook/storybook-docs" - }, - "scripts": { - "build": "storybook build --output-dir dist/ --config-dir config/ && touch dist/.nojekyll", - "clean": "rimraf dist/", - "start": "storybook dev --config-dir config/ --port 6006" - }, - "devDependencies": { - "@amsterdam/design-system-assets": "workspace:*", - "@amsterdam/design-system-css": "workspace:*", - "@amsterdam/design-system-react": "workspace:*", - "@amsterdam/design-system-react-icons": "workspace:*", - "@amsterdam/design-system-tokens": "workspace:*", - "@babel/core": "7.23.9", - "@mdx-js/react": "2.3.0", - "@storybook/addon-a11y": "7.6.17", - "@storybook/addon-actions": "7.6.17", - "@storybook/addon-docs": "7.6.17", - "@storybook/addon-essentials": "7.6.17", - "@storybook/addon-interactions": "7.6.17", - "@storybook/addon-links": "7.6.17", - "@storybook/addon-viewport": "7.6.17", - "@storybook/blocks": "7.6.17", - "@storybook/manager-api": "7.6.17", - "@storybook/mdx2-csf": "1.1.0", - "@storybook/react": "7.6.17", - "@storybook/react-vite": "7.6.17", - "@storybook/testing-library": "0.2.2", - "@storybook/theming": "7.6.17", - "@types/react": "18.2.57", - "@types/react-dom": "18.2.19", - "@vitejs/plugin-react": "4.2.1", - "clsx": "2.1.0", - "react": "18.2.0", - "react-dom": "18.2.0", - "require-from-string": "2.0.2", - "sass": "1.71.0", - "storybook": "7.6.17", - "vite": "5.1.3" - }, - "dependencies": { - "remark-gfm": "3.0.1" - } -} diff --git a/storybook/storybook-docs/tsconfig.json b/storybook/storybook-docs/tsconfig.json deleted file mode 100644 index 32d2b1d53b..0000000000 --- a/storybook/storybook-docs/tsconfig.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "compilerOptions": { - "jsx": "react-jsx", - "allowSyntheticDefaultImports": true - }, - "extends": "../../tsconfig.json", - "include": ["src/**/*.ts", "src/**/*.tsx", "config/**/*.ts", "config/**/*.tsx"], - "exclude": ["**/node_modules/*"] -} diff --git a/storybook/storybook-docs/tsconfig.node.json b/storybook/storybook-docs/tsconfig.node.json deleted file mode 100644 index 972c7b9caf..0000000000 --- a/storybook/storybook-docs/tsconfig.node.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "compilerOptions": { - "composite": true, - "module": "ESNext", - "moduleResolution": "Node", - "allowSyntheticDefaultImports": true - }, - "include": ["vite.config.ts"], - "exclude": ["**/node_modules/*"] -} diff --git a/storybook/storybook-docs/vite.config.ts b/storybook/storybook-docs/vite.config.ts deleted file mode 100644 index 86df66cd3b..0000000000 --- a/storybook/storybook-docs/vite.config.ts +++ /dev/null @@ -1,10 +0,0 @@ -import react from '@vitejs/plugin-react' -import { defineConfig } from 'vite' - -// https://vitejs.dev/config/ -export default defineConfig({ - plugins: [react()], - css: { - devSourcemap: true, - }, -}) diff --git a/storybook/storybook-react/config/preview.tsx b/storybook/storybook-react/config/preview.tsx index e4532a9547..e2c1c42dbc 100644 --- a/storybook/storybook-react/config/preview.tsx +++ b/storybook/storybook-react/config/preview.tsx @@ -37,7 +37,12 @@ export const parameters = { }, options: { storySort: { - order: ['Buttons', 'Containers', 'Feedback', 'Forms', 'Layout', 'Media', 'Navigation', 'Text'], + order: [ + 'Docs', + ['Introduction', 'Assets', 'Design Guidelines'], + 'React Components', + ['Buttons', 'Containers', 'Feedback', 'Forms', 'Layout', 'Media', 'Navigation', 'Text'], + ], }, }, viewport: { diff --git a/storybook/storybook-react/package.json b/storybook/storybook-react/package.json index 3c07cafaf1..8657f419b4 100644 --- a/storybook/storybook-react/package.json +++ b/storybook/storybook-react/package.json @@ -16,7 +16,7 @@ "scripts": { "build": "storybook build --output-dir dist/ --config-dir config/ --quiet && touch dist/.nojekyll", "clean": "rimraf dist/", - "start": "storybook dev --config-dir config/ --port 6007 --no-open" + "start": "storybook dev --config-dir config/ --port 6006" }, "devDependencies": { "@amsterdam/design-system-assets": "workspace:*", diff --git a/storybook/storybook-docs/src/breakpoints.stories.mdx b/storybook/storybook-react/src/docs/breakpoints.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/breakpoints.stories.mdx rename to storybook/storybook-react/src/docs/breakpoints.docs.mdx diff --git a/storybook/storybook-docs/src/color.stories.mdx b/storybook/storybook-react/src/docs/color.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/color.stories.mdx rename to storybook/storybook-react/src/docs/color.docs.mdx diff --git a/storybook/storybook-docs/src/components/AmsterdamIconGallery.tsx b/storybook/storybook-react/src/docs/components/AmsterdamIconGallery.tsx similarity index 100% rename from storybook/storybook-docs/src/components/AmsterdamIconGallery.tsx rename to storybook/storybook-react/src/docs/components/AmsterdamIconGallery.tsx diff --git a/storybook/storybook-docs/src/components/ColorPalette.tsx b/storybook/storybook-react/src/docs/components/ColorPalette.tsx similarity index 100% rename from storybook/storybook-docs/src/components/ColorPalette.tsx rename to storybook/storybook-react/src/docs/components/ColorPalette.tsx diff --git a/storybook/storybook-docs/src/components/color-palette.css b/storybook/storybook-react/src/docs/components/color-palette.css similarity index 100% rename from storybook/storybook-docs/src/components/color-palette.css rename to storybook/storybook-react/src/docs/components/color-palette.css diff --git a/storybook/storybook-docs/src/font.stories.mdx b/storybook/storybook-react/src/docs/font.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/font.stories.mdx rename to storybook/storybook-react/src/docs/font.docs.mdx diff --git a/storybook/storybook-docs/src/grid.stories.mdx b/storybook/storybook-react/src/docs/grid.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/grid.stories.mdx rename to storybook/storybook-react/src/docs/grid.docs.mdx diff --git a/storybook/storybook-docs/src/icon-gallery.stories.mdx b/storybook/storybook-react/src/docs/icon-gallery.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/icon-gallery.stories.mdx rename to storybook/storybook-react/src/docs/icon-gallery.docs.mdx diff --git a/storybook/storybook-docs/src/interactive-elements.stories.mdx b/storybook/storybook-react/src/docs/interactive-elements.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/interactive-elements.stories.mdx rename to storybook/storybook-react/src/docs/interactive-elements.docs.mdx diff --git a/storybook/storybook-docs/src/introduction.stories.mdx b/storybook/storybook-react/src/docs/introduction.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/introduction.stories.mdx rename to storybook/storybook-react/src/docs/introduction.docs.mdx diff --git a/storybook/storybook-docs/src/introduction.md b/storybook/storybook-react/src/docs/introduction.md similarity index 100% rename from storybook/storybook-docs/src/introduction.md rename to storybook/storybook-react/src/docs/introduction.md diff --git a/storybook/storybook-docs/src/language.stories.mdx b/storybook/storybook-react/src/docs/language.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/language.stories.mdx rename to storybook/storybook-react/src/docs/language.docs.mdx diff --git a/storybook/storybook-docs/src/license.stories.mdx b/storybook/storybook-react/src/docs/license.docs.mdx similarity index 71% rename from storybook/storybook-docs/src/license.stories.mdx rename to storybook/storybook-react/src/docs/license.docs.mdx index a587ecf325..03a4572d17 100644 --- a/storybook/storybook-docs/src/license.stories.mdx +++ b/storybook/storybook-react/src/docs/license.docs.mdx @@ -1,5 +1,5 @@ import { Markdown, Meta } from "@storybook/blocks"; -import LICENSE from "../../../LICENSE.md?raw"; +import LICENSE from "../../../../LICENSE.md?raw"; diff --git a/storybook/storybook-docs/src/notice.stories.mdx b/storybook/storybook-react/src/docs/notice.docs.mdx similarity index 72% rename from storybook/storybook-docs/src/notice.stories.mdx rename to storybook/storybook-react/src/docs/notice.docs.mdx index 0bf0bf38d0..0e5525d74c 100644 --- a/storybook/storybook-docs/src/notice.stories.mdx +++ b/storybook/storybook-react/src/docs/notice.docs.mdx @@ -1,5 +1,5 @@ import { Markdown, Meta } from "@storybook/blocks"; -import NOTICE from "../../../NOTICE.md?raw"; +import NOTICE from "../../../../NOTICE.md?raw"; diff --git a/storybook/storybook-docs/src/typography.stories.mdx b/storybook/storybook-react/src/docs/typography.docs.mdx similarity index 100% rename from storybook/storybook-docs/src/typography.stories.mdx rename to storybook/storybook-react/src/docs/typography.docs.mdx diff --git a/storybook/storybook-react/src/Accordion/Accordion.docs.mdx b/storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx similarity index 94% rename from storybook/storybook-react/src/Accordion/Accordion.docs.mdx rename to storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx index 0be55c79e5..7014cb2af8 100644 --- a/storybook/storybook-react/src/Accordion/Accordion.docs.mdx +++ b/storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AccordionStories from "./Accordion.stories.tsx"; -import README from "../../../../packages/css/src/components/accordion/README.md?raw"; +import README from "../../../../../packages/css/src/components/accordion/README.md?raw"; diff --git a/storybook/storybook-react/src/Accordion/Accordion.stories.tsx b/storybook/storybook-react/src/react-components/Accordion/Accordion.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Accordion/Accordion.stories.tsx rename to storybook/storybook-react/src/react-components/Accordion/Accordion.stories.tsx index 6b2cc639ee..764869f667 100644 --- a/storybook/storybook-react/src/Accordion/Accordion.stories.tsx +++ b/storybook/storybook-react/src/react-components/Accordion/Accordion.stories.tsx @@ -12,7 +12,7 @@ const paragraph2 = exampleParagraph() const paragraph3 = exampleParagraph() const meta = { - title: 'Containers/Accordion', + title: 'React Components/Containers/Accordion', component: Accordion, args: { headingLevel: 1, diff --git a/storybook/storybook-react/src/Alert/Alert.docs.mdx b/storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx similarity index 93% rename from storybook/storybook-react/src/Alert/Alert.docs.mdx rename to storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx index de9159318e..5f252146dc 100644 --- a/storybook/storybook-react/src/Alert/Alert.docs.mdx +++ b/storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AlertStories from "./Alert.stories.tsx"; -import README from "../../../../packages/css/src/components/alert/README.md?raw"; +import README from "../../../../../packages/css/src/components/alert/README.md?raw"; diff --git a/storybook/storybook-react/src/Alert/Alert.stories.tsx b/storybook/storybook-react/src/react-components/Alert/Alert.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Alert/Alert.stories.tsx rename to storybook/storybook-react/src/react-components/Alert/Alert.stories.tsx index 607b5e37e2..561005fdf6 100644 --- a/storybook/storybook-react/src/Alert/Alert.stories.tsx +++ b/storybook/storybook-react/src/react-components/Alert/Alert.stories.tsx @@ -7,7 +7,7 @@ import { Alert, Link, Paragraph, UnorderedList } from '@amsterdam/design-system- import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Feedback/Alert', + title: 'React Components/Feedback/Alert', component: Alert, args: { title: 'Let op', diff --git a/storybook/storybook-react/src/AspectRatio/AspectRatio.docs.mdx b/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx similarity index 89% rename from storybook/storybook-react/src/AspectRatio/AspectRatio.docs.mdx rename to storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx index 9d401282a5..dff209d9eb 100644 --- a/storybook/storybook-react/src/AspectRatio/AspectRatio.docs.mdx +++ b/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AspectRatioStories from "./AspectRatio.stories.tsx"; -import README from "../../../../packages/css/src/components/aspect-ratio/README.md?raw"; +import README from "../../../../../packages/css/src/components/aspect-ratio/README.md?raw"; diff --git a/storybook/storybook-react/src/AspectRatio/AspectRatio.stories.tsx b/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.stories.tsx similarity index 97% rename from storybook/storybook-react/src/AspectRatio/AspectRatio.stories.tsx rename to storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.stories.tsx index c851659507..3608749098 100644 --- a/storybook/storybook-react/src/AspectRatio/AspectRatio.stories.tsx +++ b/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.stories.tsx @@ -7,7 +7,7 @@ import { AspectRatio, Image } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Layout/Aspect Ratio', + title: 'React Components/Layout/Aspect Ratio', component: AspectRatio, args: { ratio: 'square', diff --git a/storybook/storybook-react/src/Badge/Badge.docs.mdx b/storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx similarity index 73% rename from storybook/storybook-react/src/Badge/Badge.docs.mdx rename to storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx index 2a21267d46..b2b2906db5 100644 --- a/storybook/storybook-react/src/Badge/Badge.docs.mdx +++ b/storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as BadgeStories from "./Badge.stories.tsx"; -import README from "../../../../packages/css/src/components/badge/README.md?raw"; +import README from "../../../../../packages/css/src/components/badge/README.md?raw"; diff --git a/storybook/storybook-react/src/Badge/Badge.stories.tsx b/storybook/storybook-react/src/react-components/Badge/Badge.stories.tsx similarity index 93% rename from storybook/storybook-react/src/Badge/Badge.stories.tsx rename to storybook/storybook-react/src/react-components/Badge/Badge.stories.tsx index 130951da4d..22a4604a73 100644 --- a/storybook/storybook-react/src/Badge/Badge.stories.tsx +++ b/storybook/storybook-react/src/react-components/Badge/Badge.stories.tsx @@ -7,7 +7,7 @@ import { Badge } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Feedback/Badge', + title: 'React Components/Feedback/Badge', component: Badge, args: { label: 'Tip', diff --git a/storybook/storybook-react/src/Blockquote/Blockquote.docs.mdx b/storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx similarity index 83% rename from storybook/storybook-react/src/Blockquote/Blockquote.docs.mdx rename to storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx index 7a88f3b239..94b7547774 100644 --- a/storybook/storybook-react/src/Blockquote/Blockquote.docs.mdx +++ b/storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as BlockquoteStories from "./Blockquote.stories.tsx"; -import README from "../../../../packages/css/src/components/blockquote/README.md?raw"; +import README from "../../../../../packages/css/src/components/blockquote/README.md?raw"; diff --git a/storybook/storybook-react/src/Blockquote/Blockquote.stories.tsx b/storybook/storybook-react/src/react-components/Blockquote/Blockquote.stories.tsx similarity index 95% rename from storybook/storybook-react/src/Blockquote/Blockquote.stories.tsx rename to storybook/storybook-react/src/react-components/Blockquote/Blockquote.stories.tsx index 30eccb71bb..4c0969af40 100644 --- a/storybook/storybook-react/src/Blockquote/Blockquote.stories.tsx +++ b/storybook/storybook-react/src/react-components/Blockquote/Blockquote.stories.tsx @@ -10,7 +10,7 @@ import { exampleQuote } from '../shared/exampleContent' const quote = exampleQuote() const meta = { - title: 'Text/Blockquote', + title: 'React Components/Text/Blockquote', component: Blockquote, args: { children: quote, diff --git a/storybook/storybook-react/src/Breadcrumb/Breadcrumb.docs.mdx b/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx similarity index 74% rename from storybook/storybook-react/src/Breadcrumb/Breadcrumb.docs.mdx rename to storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx index f2de837901..1b9e057b7a 100644 --- a/storybook/storybook-react/src/Breadcrumb/Breadcrumb.docs.mdx +++ b/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta, Primary } from "@storybook/blocks"; import * as BreadcrumbStories from "./Breadcrumb.stories.tsx"; -import README from "../../../../packages/css/src/components/breadcrumb/README.md?raw"; +import README from "../../../../../packages/css/src/components/breadcrumb/README.md?raw"; diff --git a/storybook/storybook-react/src/Breadcrumb/Breadcrumb.stories.tsx b/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Breadcrumb/Breadcrumb.stories.tsx rename to storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.stories.tsx index def3a61140..c22bf23c2d 100644 --- a/storybook/storybook-react/src/Breadcrumb/Breadcrumb.stories.tsx +++ b/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.stories.tsx @@ -7,7 +7,7 @@ import { Breadcrumb } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Breadcrumb', + title: 'React Components/Navigation/Breadcrumb', component: Breadcrumb, } satisfies Meta diff --git a/storybook/storybook-react/src/Button/Button.docs.mdx b/storybook/storybook-react/src/react-components/Button/Button.docs.mdx similarity index 90% rename from storybook/storybook-react/src/Button/Button.docs.mdx rename to storybook/storybook-react/src/react-components/Button/Button.docs.mdx index 785cba5c7a..35cd711efc 100644 --- a/storybook/storybook-react/src/Button/Button.docs.mdx +++ b/storybook/storybook-react/src/react-components/Button/Button.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ButtonStories from "./Button.stories.tsx"; -import README from "../../../../packages/css/src/components/button/README.md?raw"; +import README from "../../../../../packages/css/src/components/button/README.md?raw"; diff --git a/storybook/storybook-react/src/Button/Button.stories.tsx b/storybook/storybook-react/src/react-components/Button/Button.stories.tsx similarity index 96% rename from storybook/storybook-react/src/Button/Button.stories.tsx rename to storybook/storybook-react/src/react-components/Button/Button.stories.tsx index 55c7b3d0dc..b56e96de73 100644 --- a/storybook/storybook-react/src/Button/Button.stories.tsx +++ b/storybook/storybook-react/src/react-components/Button/Button.stories.tsx @@ -8,7 +8,7 @@ import { ShareIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Buttons/Button', + title: 'React Components/Buttons/Button', component: Button, args: { children: 'Default', diff --git a/storybook/storybook-react/src/Card/Card.docs.mdx b/storybook/storybook-react/src/react-components/Card/Card.docs.mdx similarity index 89% rename from storybook/storybook-react/src/Card/Card.docs.mdx rename to storybook/storybook-react/src/react-components/Card/Card.docs.mdx index 749a454965..4daa58ba7a 100644 --- a/storybook/storybook-react/src/Card/Card.docs.mdx +++ b/storybook/storybook-react/src/react-components/Card/Card.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as CardStories from "./Card.stories.tsx"; -import README from "../../../../packages/css/src/components/card/README.md?raw"; +import README from "../../../../../packages/css/src/components/card/README.md?raw"; diff --git a/storybook/storybook-react/src/Card/Card.stories.tsx b/storybook/storybook-react/src/react-components/Card/Card.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Card/Card.stories.tsx rename to storybook/storybook-react/src/react-components/Card/Card.stories.tsx index 5f0653b590..d73425ba36 100644 --- a/storybook/storybook-react/src/Card/Card.stories.tsx +++ b/storybook/storybook-react/src/react-components/Card/Card.stories.tsx @@ -14,7 +14,7 @@ const dateFormat = new Intl.DateTimeFormat('nl', { const today = dateFormat.format(Date.now()) const meta = { - title: 'Navigation/Card', + title: 'React Components/Navigation/Card', component: Card, decorators: [ (Story) => ( diff --git a/storybook/storybook-react/src/Checkbox/Checkbox.docs.mdx b/storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx similarity index 77% rename from storybook/storybook-react/src/Checkbox/Checkbox.docs.mdx rename to storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx index f4f888dc1c..b2abc9a593 100644 --- a/storybook/storybook-react/src/Checkbox/Checkbox.docs.mdx +++ b/storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as CheckboxStories from "./Checkbox.stories.tsx"; -import README from "../../../../packages/css/src/components/checkbox/README.md?raw"; +import README from "../../../../../packages/css/src/components/checkbox/README.md?raw"; diff --git a/storybook/storybook-react/src/Checkbox/Checkbox.stories.tsx b/storybook/storybook-react/src/react-components/Checkbox/Checkbox.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Checkbox/Checkbox.stories.tsx rename to storybook/storybook-react/src/react-components/Checkbox/Checkbox.stories.tsx index d7b609eab2..ccf6814e5d 100644 --- a/storybook/storybook-react/src/Checkbox/Checkbox.stories.tsx +++ b/storybook/storybook-react/src/react-components/Checkbox/Checkbox.stories.tsx @@ -7,7 +7,7 @@ import { Checkbox } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Forms/Checkbox', + title: 'React Components/Forms/Checkbox', component: Checkbox, args: { disabled: false, diff --git a/storybook/storybook-react/src/Dialog/Dialog.docs.mdx b/storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx similarity index 84% rename from storybook/storybook-react/src/Dialog/Dialog.docs.mdx rename to storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx index 6729451834..7bba83b2b9 100644 --- a/storybook/storybook-react/src/Dialog/Dialog.docs.mdx +++ b/storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as DialogStories from "./Dialog.stories.tsx"; -import README from "../../../../packages/css/src/components/dialog/README.md?raw"; +import README from "../../../../../packages/css/src/components/dialog/README.md?raw"; diff --git a/storybook/storybook-react/src/Dialog/Dialog.stories.tsx b/storybook/storybook-react/src/react-components/Dialog/Dialog.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Dialog/Dialog.stories.tsx rename to storybook/storybook-react/src/react-components/Dialog/Dialog.stories.tsx index 0d642562be..0ee92331f1 100644 --- a/storybook/storybook-react/src/Dialog/Dialog.stories.tsx +++ b/storybook/storybook-react/src/react-components/Dialog/Dialog.stories.tsx @@ -7,7 +7,7 @@ import { Button, Dialog, Heading, Paragraph } from '@amsterdam/design-system-rea import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Containers/Dialog', + title: 'React Components/Containers/Dialog', component: Dialog, args: { title: 'Weet u het zeker?', diff --git a/storybook/storybook-react/src/Fieldset/Fieldset.docs.mdx b/storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx similarity index 80% rename from storybook/storybook-react/src/Fieldset/Fieldset.docs.mdx rename to storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx index d38cbc9591..973497d67d 100644 --- a/storybook/storybook-react/src/Fieldset/Fieldset.docs.mdx +++ b/storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FieldsetStories from "./Fieldset.stories.tsx"; -import README from "../../../../packages/css/src/components/fieldset/README.md?raw"; +import README from "../../../../../packages/css/src/components/fieldset/README.md?raw"; diff --git a/storybook/storybook-react/src/Fieldset/Fieldset.stories.tsx b/storybook/storybook-react/src/react-components/Fieldset/Fieldset.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Fieldset/Fieldset.stories.tsx rename to storybook/storybook-react/src/react-components/Fieldset/Fieldset.stories.tsx index 8b61823ed4..98d8e5da8e 100644 --- a/storybook/storybook-react/src/Fieldset/Fieldset.stories.tsx +++ b/storybook/storybook-react/src/react-components/Fieldset/Fieldset.stories.tsx @@ -7,7 +7,7 @@ import { Checkbox, Fieldset } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Forms/Fieldset', + title: 'React Components/Forms/Fieldset', component: Fieldset, args: { children: 'Body van de fieldset', diff --git a/storybook/storybook-react/src/Footer/Footer.docs.mdx b/storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx similarity index 71% rename from storybook/storybook-react/src/Footer/Footer.docs.mdx rename to storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx index 43f41cd32b..3f4aaed482 100644 --- a/storybook/storybook-react/src/Footer/Footer.docs.mdx +++ b/storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FooterStories from "./Footer.stories.tsx"; -import README from "../../../../packages/css/src/components/footer/README.md?raw"; +import README from "../../../../../packages/css/src/components/footer/README.md?raw"; diff --git a/storybook/storybook-react/src/Footer/Footer.stories.tsx b/storybook/storybook-react/src/react-components/Footer/Footer.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Footer/Footer.stories.tsx rename to storybook/storybook-react/src/react-components/Footer/Footer.stories.tsx index ea59a93cfb..a58f058b8a 100644 --- a/storybook/storybook-react/src/Footer/Footer.stories.tsx +++ b/storybook/storybook-react/src/react-components/Footer/Footer.stories.tsx @@ -8,7 +8,7 @@ import { EmailIcon, PhoneIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Containers/Footer', + title: 'React Components/Containers/Footer', component: Footer, } satisfies Meta diff --git a/storybook/storybook-react/src/FormLabel/FormLabel.docs.mdx b/storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx similarity index 71% rename from storybook/storybook-react/src/FormLabel/FormLabel.docs.mdx rename to storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx index c87d6f911d..104d4d4087 100644 --- a/storybook/storybook-react/src/FormLabel/FormLabel.docs.mdx +++ b/storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FormLabelStories from "./FormLabel.stories.tsx"; -import README from "../../../../packages/css/src/components/form-label/README.md?raw"; +import README from "../../../../../packages/css/src/components/form-label/README.md?raw"; diff --git a/storybook/storybook-react/src/FormLabel/FormLabel.stories.tsx b/storybook/storybook-react/src/react-components/FormLabel/FormLabel.stories.tsx similarity index 89% rename from storybook/storybook-react/src/FormLabel/FormLabel.stories.tsx rename to storybook/storybook-react/src/react-components/FormLabel/FormLabel.stories.tsx index 4561eeca6e..b3209a9325 100644 --- a/storybook/storybook-react/src/FormLabel/FormLabel.stories.tsx +++ b/storybook/storybook-react/src/react-components/FormLabel/FormLabel.stories.tsx @@ -7,7 +7,7 @@ import { FormLabel } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Forms/Form Label', + title: 'React Components/Forms/Form Label', component: FormLabel, } satisfies Meta diff --git a/storybook/storybook-react/src/Grid/Grid.docs.mdx b/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx similarity index 97% rename from storybook/storybook-react/src/Grid/Grid.docs.mdx rename to storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx index a6d0a561a1..8990915d83 100644 --- a/storybook/storybook-react/src/Grid/Grid.docs.mdx +++ b/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as GridStories from "./Grid.stories"; -import README from "../../../../packages/css/src/components/grid/README.md?raw"; +import README from "../../../../../packages/css/src/components/grid/README.md?raw"; diff --git a/storybook/storybook-react/src/Grid/Grid.stories.tsx b/storybook/storybook-react/src/react-components/Grid/Grid.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Grid/Grid.stories.tsx rename to storybook/storybook-react/src/react-components/Grid/Grid.stories.tsx index fa20e98ef6..c049377fca 100644 --- a/storybook/storybook-react/src/Grid/Grid.stories.tsx +++ b/storybook/storybook-react/src/react-components/Grid/Grid.stories.tsx @@ -9,7 +9,7 @@ import { Meta, StoryObj } from '@storybook/react' import { paddingArgType } from '../shared/argTypes' const meta = { - title: 'Layout/Grid', + title: 'React Components/Layout/Grid', component: Grid, argTypes: { children: { diff --git a/storybook/storybook-react/src/Header/Header.docs.mdx b/storybook/storybook-react/src/react-components/Header/Header.docs.mdx similarity index 88% rename from storybook/storybook-react/src/Header/Header.docs.mdx rename to storybook/storybook-react/src/react-components/Header/Header.docs.mdx index 7085453b7e..74321619b0 100644 --- a/storybook/storybook-react/src/Header/Header.docs.mdx +++ b/storybook/storybook-react/src/react-components/Header/Header.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as HeaderStories from "./Header.stories.tsx"; -import README from "../../../../packages/css/src/components/header/README.md?raw"; +import README from "../../../../../packages/css/src/components/header/README.md?raw"; diff --git a/storybook/storybook-react/src/Header/Header.stories.tsx b/storybook/storybook-react/src/react-components/Header/Header.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Header/Header.stories.tsx rename to storybook/storybook-react/src/react-components/Header/Header.stories.tsx index 15f1bc5297..297ecf61e2 100644 --- a/storybook/storybook-react/src/Header/Header.stories.tsx +++ b/storybook/storybook-react/src/react-components/Header/Header.stories.tsx @@ -8,7 +8,7 @@ import { SearchIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Containers/Header', + title: 'React Components/Containers/Header', component: Header, argTypes: { logoBrand: { diff --git a/storybook/storybook-react/src/Heading/Heading.docs.mdx b/storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx similarity index 88% rename from storybook/storybook-react/src/Heading/Heading.docs.mdx rename to storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx index 7d997a1e9a..13d3b52363 100644 --- a/storybook/storybook-react/src/Heading/Heading.docs.mdx +++ b/storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as HeadingStories from "./Heading.stories.tsx"; -import README from "../../../../packages/css/src/components/heading/README.md?raw"; +import README from "../../../../../packages/css/src/components/heading/README.md?raw"; diff --git a/storybook/storybook-react/src/Heading/Heading.stories.tsx b/storybook/storybook-react/src/react-components/Heading/Heading.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Heading/Heading.stories.tsx rename to storybook/storybook-react/src/react-components/Heading/Heading.stories.tsx index e6675371df..2138b0e0ab 100644 --- a/storybook/storybook-react/src/Heading/Heading.stories.tsx +++ b/storybook/storybook-react/src/react-components/Heading/Heading.stories.tsx @@ -10,7 +10,7 @@ import { exampleHeading } from '../shared/exampleContent' const heading = exampleHeading() const meta = { - title: 'Text/Heading', + title: 'React Components/Text/Heading', component: Heading, args: { children: heading, diff --git a/storybook/storybook-react/src/Icon/Icon.docs.mdx b/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx similarity index 93% rename from storybook/storybook-react/src/Icon/Icon.docs.mdx rename to storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx index b29afe009e..33832acf3c 100644 --- a/storybook/storybook-react/src/Icon/Icon.docs.mdx +++ b/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as IconStories from "./Icon.stories.tsx"; -import README from "../../../../packages/css/src/components/icon/README.md?raw"; +import README from "../../../../../packages/css/src/components/icon/README.md?raw"; diff --git a/storybook/storybook-react/src/Icon/Icon.stories.tsx b/storybook/storybook-react/src/react-components/Icon/Icon.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Icon/Icon.stories.tsx rename to storybook/storybook-react/src/react-components/Icon/Icon.stories.tsx index 802db0ccf7..c3267fce26 100644 --- a/storybook/storybook-react/src/Icon/Icon.stories.tsx +++ b/storybook/storybook-react/src/react-components/Icon/Icon.stories.tsx @@ -8,7 +8,7 @@ import * as Icons from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Media/Icon', + title: 'React Components/Media/Icon', component: Icon, argTypes: { size: { diff --git a/storybook/storybook-react/src/IconButton/IconButton.docs.mdx b/storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx similarity index 87% rename from storybook/storybook-react/src/IconButton/IconButton.docs.mdx rename to storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx index 8d67974717..ad3e27836e 100644 --- a/storybook/storybook-react/src/IconButton/IconButton.docs.mdx +++ b/storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as IconButtonStories from "./IconButton.stories.tsx"; -import README from "../../../../packages/css/src/components/icon-button/README.md?raw"; +import README from "../../../../../packages/css/src/components/icon-button/README.md?raw"; diff --git a/storybook/storybook-react/src/IconButton/IconButton.stories.tsx b/storybook/storybook-react/src/react-components/IconButton/IconButton.stories.tsx similarity index 96% rename from storybook/storybook-react/src/IconButton/IconButton.stories.tsx rename to storybook/storybook-react/src/react-components/IconButton/IconButton.stories.tsx index abb9b0ba19..a3bcc35ebe 100644 --- a/storybook/storybook-react/src/IconButton/IconButton.stories.tsx +++ b/storybook/storybook-react/src/react-components/IconButton/IconButton.stories.tsx @@ -8,7 +8,7 @@ import * as Icons from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Buttons/Icon Button', + title: 'React Components/Buttons/Icon Button', component: IconButton, args: { label: 'Sluiten', diff --git a/storybook/storybook-react/src/Image/Image.docs.mdx b/storybook/storybook-react/src/react-components/Image/Image.docs.mdx similarity index 91% rename from storybook/storybook-react/src/Image/Image.docs.mdx rename to storybook/storybook-react/src/react-components/Image/Image.docs.mdx index 3d04e50d55..01c487c49b 100644 --- a/storybook/storybook-react/src/Image/Image.docs.mdx +++ b/storybook/storybook-react/src/react-components/Image/Image.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ImageStories from "./Image.stories.tsx"; -import README from "../../../../packages/css/src/components/image/README.md?raw"; +import README from "../../../../../packages/css/src/components/image/README.md?raw"; diff --git a/storybook/storybook-react/src/Image/Image.stories.tsx b/storybook/storybook-react/src/react-components/Image/Image.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Image/Image.stories.tsx rename to storybook/storybook-react/src/react-components/Image/Image.stories.tsx index 0b401a427f..6a28001342 100644 --- a/storybook/storybook-react/src/Image/Image.stories.tsx +++ b/storybook/storybook-react/src/react-components/Image/Image.stories.tsx @@ -7,7 +7,7 @@ import { Image } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Media/Image', + title: 'React Components/Media/Image', component: Image, } satisfies Meta diff --git a/storybook/storybook-react/src/Link/Link.docs.mdx b/storybook/storybook-react/src/react-components/Link/Link.docs.mdx similarity index 90% rename from storybook/storybook-react/src/Link/Link.docs.mdx rename to storybook/storybook-react/src/react-components/Link/Link.docs.mdx index 48df2d2d90..12dd55ca75 100644 --- a/storybook/storybook-react/src/Link/Link.docs.mdx +++ b/storybook/storybook-react/src/react-components/Link/Link.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LinkStories from "./Link.stories.tsx"; -import README from "../../../../packages/css/src/components/link/README.md?raw"; +import README from "../../../../../packages/css/src/components/link/README.md?raw"; diff --git a/storybook/storybook-react/src/Link/Link.stories.tsx b/storybook/storybook-react/src/react-components/Link/Link.stories.tsx similarity index 98% rename from storybook/storybook-react/src/Link/Link.stories.tsx rename to storybook/storybook-react/src/react-components/Link/Link.stories.tsx index bbb66e2f52..9f3eb39ad8 100644 --- a/storybook/storybook-react/src/Link/Link.stories.tsx +++ b/storybook/storybook-react/src/react-components/Link/Link.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from '@storybook/react' type Story = StoryObj const meta = { - title: 'Navigation/Link', + title: 'React Components/Navigation/Link', component: Link, argTypes: { onBackground: { diff --git a/storybook/storybook-react/src/LinkList/LinkList.docs.mdx b/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx similarity index 94% rename from storybook/storybook-react/src/LinkList/LinkList.docs.mdx rename to storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx index eac41596ed..bca3aa20bd 100644 --- a/storybook/storybook-react/src/LinkList/LinkList.docs.mdx +++ b/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LinkListStories from "./LinkList.stories.tsx"; -import README from "../../../../packages/css/src/components/link-list/README.md?raw"; +import README from "../../../../../packages/css/src/components/link-list/README.md?raw"; diff --git a/storybook/storybook-react/src/LinkList/LinkList.stories.tsx b/storybook/storybook-react/src/react-components/LinkList/LinkList.stories.tsx similarity index 97% rename from storybook/storybook-react/src/LinkList/LinkList.stories.tsx rename to storybook/storybook-react/src/react-components/LinkList/LinkList.stories.tsx index 553f07fbb1..1389088b8c 100644 --- a/storybook/storybook-react/src/LinkList/LinkList.stories.tsx +++ b/storybook/storybook-react/src/react-components/LinkList/LinkList.stories.tsx @@ -11,7 +11,7 @@ import { exampleLinkList } from '../shared/exampleContent' const links = exampleLinkList() const meta = { - title: 'Navigation/Link List', + title: 'React Components/Navigation/Link List', component: LinkList, args: { children: links.map((text, index) => ( @@ -30,7 +30,7 @@ const meta = { export default meta const linkMeta = { - title: 'Navigation/Link List Link', + title: 'React Components/Navigation/Link List Link', component: LinkList.Link, argTypes: { children: { diff --git a/storybook/storybook-react/src/Logo/Logo.docs.mdx b/storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx similarity index 84% rename from storybook/storybook-react/src/Logo/Logo.docs.mdx rename to storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx index 07614ef939..1c61330644 100644 --- a/storybook/storybook-react/src/Logo/Logo.docs.mdx +++ b/storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LogoStories from "./Logo.stories.tsx"; -import README from "../../../../packages/css/src/components/logo/README.md?raw"; +import README from "../../../../../packages/css/src/components/logo/README.md?raw"; diff --git a/storybook/storybook-react/src/Logo/Logo.stories.tsx b/storybook/storybook-react/src/react-components/Logo/Logo.stories.tsx similarity index 95% rename from storybook/storybook-react/src/Logo/Logo.stories.tsx rename to storybook/storybook-react/src/react-components/Logo/Logo.stories.tsx index 634e024fbb..51ce75fb71 100644 --- a/storybook/storybook-react/src/Logo/Logo.stories.tsx +++ b/storybook/storybook-react/src/react-components/Logo/Logo.stories.tsx @@ -7,7 +7,7 @@ import { Logo } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Media/Logo', + title: 'React Components/Media/Logo', component: Logo, argTypes: { brand: { diff --git a/storybook/storybook-react/src/Mark/Mark.docs.mdx b/storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx similarity index 69% rename from storybook/storybook-react/src/Mark/Mark.docs.mdx rename to storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx index 46142a5966..fc1b3b9b3c 100644 --- a/storybook/storybook-react/src/Mark/Mark.docs.mdx +++ b/storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta, Primary } from "@storybook/blocks"; import * as MarkStories from "./Mark.stories.tsx"; -import README from "../../../../packages/css/src/components/mark/README.md?raw"; +import README from "../../../../../packages/css/src/components/mark/README.md?raw"; diff --git a/storybook/storybook-react/src/Mark/Mark.stories.tsx b/storybook/storybook-react/src/react-components/Mark/Mark.stories.tsx similarity index 95% rename from storybook/storybook-react/src/Mark/Mark.stories.tsx rename to storybook/storybook-react/src/react-components/Mark/Mark.stories.tsx index ab4916d48d..9c6b0ae358 100644 --- a/storybook/storybook-react/src/Mark/Mark.stories.tsx +++ b/storybook/storybook-react/src/react-components/Mark/Mark.stories.tsx @@ -7,7 +7,7 @@ import { Mark, Paragraph } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Text/Mark', + title: 'React Components/Text/Mark', component: Mark, args: { children: 'Nieuw component', diff --git a/storybook/storybook-react/src/MegaMenu/MegaMenu.docs.mdx b/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx similarity index 75% rename from storybook/storybook-react/src/MegaMenu/MegaMenu.docs.mdx rename to storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx index d5483277d7..fd88292515 100644 --- a/storybook/storybook-react/src/MegaMenu/MegaMenu.docs.mdx +++ b/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as MegaMenuStories from "./MegaMenu.stories.tsx"; -import README from "../../../../packages/css/src/components/mega-menu/README.md?raw"; +import README from "../../../../../packages/css/src/components/mega-menu/README.md?raw"; diff --git a/storybook/storybook-react/src/MegaMenu/MegaMenu.stories.tsx b/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.stories.tsx similarity index 99% rename from storybook/storybook-react/src/MegaMenu/MegaMenu.stories.tsx rename to storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.stories.tsx index 3d0c6aecf5..99ba97333a 100644 --- a/storybook/storybook-react/src/MegaMenu/MegaMenu.stories.tsx +++ b/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.stories.tsx @@ -7,7 +7,7 @@ import { Grid, Heading, LinkList, MegaMenu, Screen } from '@amsterdam/design-sys import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Mega Menu', + title: 'React Components/Navigation/Mega Menu', component: MegaMenu, parameters: { layout: 'fullscreen', diff --git a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx b/storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx similarity index 94% rename from storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx rename to storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx index b76798e583..3c05e048b5 100644 --- a/storybook/storybook-react/src/OrderedList/OrderedList.docs.mdx +++ b/storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta } from "@storybook/blocks"; import * as OrderedListStories from "./OrderedList.stories.tsx"; -import README from "../../../../packages/css/src/components/ordered-list/README.md?raw"; +import README from "../../../../../packages/css/src/components/ordered-list/README.md?raw"; diff --git a/storybook/storybook-react/src/OrderedList/OrderedList.stories.tsx b/storybook/storybook-react/src/react-components/OrderedList/OrderedList.stories.tsx similarity index 98% rename from storybook/storybook-react/src/OrderedList/OrderedList.stories.tsx rename to storybook/storybook-react/src/react-components/OrderedList/OrderedList.stories.tsx index f4118f89fb..3fefb17d24 100644 --- a/storybook/storybook-react/src/OrderedList/OrderedList.stories.tsx +++ b/storybook/storybook-react/src/react-components/OrderedList/OrderedList.stories.tsx @@ -10,7 +10,7 @@ import { exampleOrderedList } from '../shared/exampleContent' const orderedList = exampleOrderedList().map((text, index) => {text}) const meta = { - title: 'Text/Ordered List', + title: 'React Components/Text/Ordered List', component: OrderedList, args: { children: orderedList, diff --git a/storybook/storybook-react/src/Overlap/Overlap.docs.mdx b/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx similarity index 89% rename from storybook/storybook-react/src/Overlap/Overlap.docs.mdx rename to storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx index 209119c009..22559bec79 100644 --- a/storybook/storybook-react/src/Overlap/Overlap.docs.mdx +++ b/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta, Primary } from "@storybook/blocks"; import * as OverlapStories from "./Overlap.stories.tsx"; -import README from "../../../../packages/css/src/components/overlap/README.md?raw"; +import README from "../../../../../packages/css/src/components/overlap/README.md?raw"; diff --git a/storybook/storybook-react/src/Overlap/Overlap.stories.tsx b/storybook/storybook-react/src/react-components/Overlap/Overlap.stories.tsx similarity index 96% rename from storybook/storybook-react/src/Overlap/Overlap.stories.tsx rename to storybook/storybook-react/src/react-components/Overlap/Overlap.stories.tsx index 456a95edb5..251939096e 100644 --- a/storybook/storybook-react/src/Overlap/Overlap.stories.tsx +++ b/storybook/storybook-react/src/react-components/Overlap/Overlap.stories.tsx @@ -7,7 +7,7 @@ import { AspectRatio, Grid, Image, Overlap, SearchField } from '@amsterdam/desig import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Layout/Overlap', + title: 'React Components/Layout/Overlap', component: Overlap, argTypes: { children: { diff --git a/storybook/storybook-react/src/PageHeading/PageHeading.docs.mdx b/storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx similarity index 83% rename from storybook/storybook-react/src/PageHeading/PageHeading.docs.mdx rename to storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx index 430df26538..1e9c6c7664 100644 --- a/storybook/storybook-react/src/PageHeading/PageHeading.docs.mdx +++ b/storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PageHeadingStories from "./PageHeading.stories.tsx"; -import README from "../../../../packages/css/src/components/page-heading/README.md?raw"; +import README from "../../../../../packages/css/src/components/page-heading/README.md?raw"; diff --git a/storybook/storybook-react/src/PageHeading/PageHeading.stories.tsx b/storybook/storybook-react/src/react-components/PageHeading/PageHeading.stories.tsx similarity index 95% rename from storybook/storybook-react/src/PageHeading/PageHeading.stories.tsx rename to storybook/storybook-react/src/react-components/PageHeading/PageHeading.stories.tsx index 570259bb47..00af24db77 100644 --- a/storybook/storybook-react/src/PageHeading/PageHeading.stories.tsx +++ b/storybook/storybook-react/src/react-components/PageHeading/PageHeading.stories.tsx @@ -7,7 +7,7 @@ import { PageHeading } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Text/Page Heading', + title: 'React Components/Text/Page Heading', component: PageHeading, args: { children: 'Gemeente Amsterdam', diff --git a/storybook/storybook-react/src/PageMenu/PageMenu.docs.mdx b/storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx similarity index 85% rename from storybook/storybook-react/src/PageMenu/PageMenu.docs.mdx rename to storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx index 65baedf233..e3388b7f3c 100644 --- a/storybook/storybook-react/src/PageMenu/PageMenu.docs.mdx +++ b/storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PageMenuStories from "./PageMenu.stories.tsx"; -import README from "../../../../packages/css/src/components/page-menu/README.md?raw"; +import README from "../../../../../packages/css/src/components/page-menu/README.md?raw"; diff --git a/storybook/storybook-react/src/PageMenu/PageMenu.stories.tsx b/storybook/storybook-react/src/react-components/PageMenu/PageMenu.stories.tsx similarity index 97% rename from storybook/storybook-react/src/PageMenu/PageMenu.stories.tsx rename to storybook/storybook-react/src/react-components/PageMenu/PageMenu.stories.tsx index 9651dd8bf8..fb23e4d74e 100644 --- a/storybook/storybook-react/src/PageMenu/PageMenu.stories.tsx +++ b/storybook/storybook-react/src/react-components/PageMenu/PageMenu.stories.tsx @@ -8,7 +8,7 @@ import { LoginIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Page Menu', + title: 'React Components/Navigation/Page Menu', component: PageMenu, } satisfies Meta diff --git a/storybook/storybook-react/src/Pagination/Pagination.docs.mdx b/storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx similarity index 71% rename from storybook/storybook-react/src/Pagination/Pagination.docs.mdx rename to storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx index 5d6b37723f..ef781e5a44 100644 --- a/storybook/storybook-react/src/Pagination/Pagination.docs.mdx +++ b/storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PaginationStories from "./Pagination.stories.tsx"; -import README from "../../../../packages/css/src/components/pagination/README.md?raw"; +import README from "../../../../../packages/css/src/components/pagination/README.md?raw"; diff --git a/storybook/storybook-react/src/Pagination/Pagination.stories.tsx b/storybook/storybook-react/src/react-components/Pagination/Pagination.stories.tsx similarity index 90% rename from storybook/storybook-react/src/Pagination/Pagination.stories.tsx rename to storybook/storybook-react/src/react-components/Pagination/Pagination.stories.tsx index 50f30162b9..71ddff3a49 100644 --- a/storybook/storybook-react/src/Pagination/Pagination.stories.tsx +++ b/storybook/storybook-react/src/react-components/Pagination/Pagination.stories.tsx @@ -7,7 +7,7 @@ import { Pagination } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Pagination', + title: 'React Components/Navigation/Pagination', component: Pagination, args: { page: 1, diff --git a/storybook/storybook-react/src/Paragraph/Paragraph.docs.mdx b/storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx similarity index 91% rename from storybook/storybook-react/src/Paragraph/Paragraph.docs.mdx rename to storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx index 27fe2276f4..1be2230aee 100644 --- a/storybook/storybook-react/src/Paragraph/Paragraph.docs.mdx +++ b/storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ParagraphStories from "./Paragraph.stories.tsx"; -import README from "../../../../packages/css/src/components/paragraph/README.md?raw"; +import README from "../../../../../packages/css/src/components/paragraph/README.md?raw"; diff --git a/storybook/storybook-react/src/Paragraph/Paragraph.stories.tsx b/storybook/storybook-react/src/react-components/Paragraph/Paragraph.stories.tsx similarity index 96% rename from storybook/storybook-react/src/Paragraph/Paragraph.stories.tsx rename to storybook/storybook-react/src/react-components/Paragraph/Paragraph.stories.tsx index 6b3edad75b..0ea9e7cc99 100644 --- a/storybook/storybook-react/src/Paragraph/Paragraph.stories.tsx +++ b/storybook/storybook-react/src/react-components/Paragraph/Paragraph.stories.tsx @@ -10,7 +10,7 @@ import { exampleParagraph } from '../shared/exampleContent' const paragraph = exampleParagraph() const meta = { - title: 'Text/Paragraph', + title: 'React Components/Text/Paragraph', component: Paragraph, args: { children: paragraph, diff --git a/storybook/storybook-react/src/Screen/Screen.docs.mdx b/storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx similarity index 74% rename from storybook/storybook-react/src/Screen/Screen.docs.mdx rename to storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx index bc0494e687..87a06b5842 100644 --- a/storybook/storybook-react/src/Screen/Screen.docs.mdx +++ b/storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ScreenStories from "./Screen.stories.tsx"; -import README from "../../../../packages/css/src/components/screen/README.md?raw"; +import README from "../../../../../packages/css/src/components/screen/README.md?raw"; diff --git a/storybook/storybook-react/src/Screen/Screen.stories.tsx b/storybook/storybook-react/src/react-components/Screen/Screen.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Screen/Screen.stories.tsx rename to storybook/storybook-react/src/react-components/Screen/Screen.stories.tsx index 56f0e7c985..792aa680f2 100644 --- a/storybook/storybook-react/src/Screen/Screen.stories.tsx +++ b/storybook/storybook-react/src/react-components/Screen/Screen.stories.tsx @@ -7,7 +7,7 @@ import { Screen } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Layout/Screen', + title: 'React Components/Layout/Screen', component: Screen, parameters: { layout: 'fullscreen', diff --git a/storybook/storybook-react/src/SearchField/SearchField.docs.mdx b/storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx similarity index 87% rename from storybook/storybook-react/src/SearchField/SearchField.docs.mdx rename to storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx index d88c8bdc71..a55e626aad 100644 --- a/storybook/storybook-react/src/SearchField/SearchField.docs.mdx +++ b/storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SearchFieldStories from "./SearchField.stories.tsx"; -import README from "../../../../packages/css/src/components/search-field/README.md?raw"; +import README from "../../../../../packages/css/src/components/search-field/README.md?raw"; diff --git a/storybook/storybook-react/src/SearchField/SearchField.stories.tsx b/storybook/storybook-react/src/react-components/SearchField/SearchField.stories.tsx similarity index 97% rename from storybook/storybook-react/src/SearchField/SearchField.stories.tsx rename to storybook/storybook-react/src/react-components/SearchField/SearchField.stories.tsx index 9c12977914..2f80205f09 100644 --- a/storybook/storybook-react/src/SearchField/SearchField.stories.tsx +++ b/storybook/storybook-react/src/react-components/SearchField/SearchField.stories.tsx @@ -15,7 +15,7 @@ type InputProps = { type StoryProps = SearchFieldProps & InputProps const meta = { - title: 'Forms/Search Field', + title: 'React Components/Forms/Search Field', component: SearchField, args: { onSubmit: (e) => { diff --git a/storybook/storybook-react/src/SkipLink/SkipLink.docs.mdx b/storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx similarity index 84% rename from storybook/storybook-react/src/SkipLink/SkipLink.docs.mdx rename to storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx index 03c8648f13..a14820e064 100644 --- a/storybook/storybook-react/src/SkipLink/SkipLink.docs.mdx +++ b/storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SkipLinkStories from "./SkipLink.stories.tsx"; -import README from "../../../../packages/css/src/components/skip-link/README.md?raw"; +import README from "../../../../../packages/css/src/components/skip-link/README.md?raw"; diff --git a/storybook/storybook-react/src/SkipLink/SkipLink.stories.tsx b/storybook/storybook-react/src/react-components/SkipLink/SkipLink.stories.tsx similarity index 97% rename from storybook/storybook-react/src/SkipLink/SkipLink.stories.tsx rename to storybook/storybook-react/src/react-components/SkipLink/SkipLink.stories.tsx index 94e65603f5..8e29417295 100644 --- a/storybook/storybook-react/src/SkipLink/SkipLink.stories.tsx +++ b/storybook/storybook-react/src/react-components/SkipLink/SkipLink.stories.tsx @@ -7,7 +7,7 @@ import { Grid, Paragraph, Screen, SkipLink } from '@amsterdam/design-system-reac import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Skip Link', + title: 'React Components/Navigation/Skip Link', component: SkipLink, args: { children: 'Direct naar inhoud', diff --git a/storybook/storybook-react/src/Spotlight/Spotlight.docs.mdx b/storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx similarity index 90% rename from storybook/storybook-react/src/Spotlight/Spotlight.docs.mdx rename to storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx index d907294aae..54b9a8f6b5 100644 --- a/storybook/storybook-react/src/Spotlight/Spotlight.docs.mdx +++ b/storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SpotlightStories from "./Spotlight.stories.tsx"; -import README from "../../../../packages/css/src/components/spotlight/README.md?raw"; +import README from "../../../../../packages/css/src/components/spotlight/README.md?raw"; diff --git a/storybook/storybook-react/src/Spotlight/Spotlight.stories.tsx b/storybook/storybook-react/src/react-components/Spotlight/Spotlight.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Spotlight/Spotlight.stories.tsx rename to storybook/storybook-react/src/react-components/Spotlight/Spotlight.stories.tsx index 8d6d9dd657..6b3351c4b2 100644 --- a/storybook/storybook-react/src/Spotlight/Spotlight.stories.tsx +++ b/storybook/storybook-react/src/react-components/Spotlight/Spotlight.stories.tsx @@ -10,7 +10,7 @@ import { exampleQuote } from '../shared/exampleContent' const quote = exampleQuote() const meta = { - title: 'Containers/Spotlight', + title: 'React Components/Containers/Spotlight', component: Spotlight, argTypes: { as: { diff --git a/storybook/storybook-react/src/Switch/Switch.docs.mdx b/storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx similarity index 87% rename from storybook/storybook-react/src/Switch/Switch.docs.mdx rename to storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx index b0d59f8242..9c9150e70b 100644 --- a/storybook/storybook-react/src/Switch/Switch.docs.mdx +++ b/storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SwitchStories from "./Switch.stories.tsx"; -import README from "../../../../packages/css/src/components/switch/README.md?raw"; +import README from "../../../../../packages/css/src/components/switch/README.md?raw"; diff --git a/storybook/storybook-react/src/Switch/Switch.stories.tsx b/storybook/storybook-react/src/react-components/Switch/Switch.stories.tsx similarity index 94% rename from storybook/storybook-react/src/Switch/Switch.stories.tsx rename to storybook/storybook-react/src/react-components/Switch/Switch.stories.tsx index 5adf5225a3..51b3c451c4 100644 --- a/storybook/storybook-react/src/Switch/Switch.stories.tsx +++ b/storybook/storybook-react/src/react-components/Switch/Switch.stories.tsx @@ -7,7 +7,7 @@ import { FormLabel, Switch } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Forms/Switch', + title: 'React Components/Forms/Switch', component: Switch, argTypes: { disabled: { diff --git a/storybook/storybook-react/src/Table/Table.docs.mdx b/storybook/storybook-react/src/react-components/Table/Table.docs.mdx similarity index 85% rename from storybook/storybook-react/src/Table/Table.docs.mdx rename to storybook/storybook-react/src/react-components/Table/Table.docs.mdx index 5e641867f7..5862ae990a 100644 --- a/storybook/storybook-react/src/Table/Table.docs.mdx +++ b/storybook/storybook-react/src/react-components/Table/Table.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TableStories from "./Table.stories.tsx"; -import README from "../../../../packages/css/src/components/table/README.md?raw"; +import README from "../../../../../packages/css/src/components/table/README.md?raw"; diff --git a/storybook/storybook-react/src/Table/Table.stories.tsx b/storybook/storybook-react/src/react-components/Table/Table.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Table/Table.stories.tsx rename to storybook/storybook-react/src/react-components/Table/Table.stories.tsx index 292972366c..1f55030483 100644 --- a/storybook/storybook-react/src/Table/Table.stories.tsx +++ b/storybook/storybook-react/src/react-components/Table/Table.stories.tsx @@ -7,7 +7,7 @@ import { Table } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Containers/Table', + title: 'React Components/Containers/Table', component: Table, } satisfies Meta diff --git a/storybook/storybook-react/src/TextInput/TextInput.docs.mdx b/storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx similarity index 91% rename from storybook/storybook-react/src/TextInput/TextInput.docs.mdx rename to storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx index 074011e248..33c5016623 100644 --- a/storybook/storybook-react/src/TextInput/TextInput.docs.mdx +++ b/storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TextInputStories from "./TextInput.stories.tsx"; -import README from "../../../../packages/css/src/components/text-input/README.md?raw"; +import README from "../../../../../packages/css/src/components/text-input/README.md?raw"; diff --git a/storybook/storybook-react/src/TextInput/TextInput.stories.tsx b/storybook/storybook-react/src/react-components/TextInput/TextInput.stories.tsx similarity index 96% rename from storybook/storybook-react/src/TextInput/TextInput.stories.tsx rename to storybook/storybook-react/src/react-components/TextInput/TextInput.stories.tsx index efaeb7ff72..aad09765e0 100644 --- a/storybook/storybook-react/src/TextInput/TextInput.stories.tsx +++ b/storybook/storybook-react/src/react-components/TextInput/TextInput.stories.tsx @@ -10,7 +10,7 @@ import { Meta, StoryObj } from '@storybook/react' type StoryProps = TextInputProps & { invalid?: boolean } const meta = { - title: 'Forms/Text Input', + title: 'React Components/Forms/Text Input', component: TextInput, args: { disabled: false, diff --git a/storybook/storybook-react/src/TopTaskLink/TopTaskLink.docs.mdx b/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx similarity index 79% rename from storybook/storybook-react/src/TopTaskLink/TopTaskLink.docs.mdx rename to storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx index 6dc8f88316..152ce9f634 100644 --- a/storybook/storybook-react/src/TopTaskLink/TopTaskLink.docs.mdx +++ b/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TopTaskLinkStories from "./TopTaskLink.stories.tsx"; -import README from "../../../../packages/css/src/components/top-task-link/README.md?raw"; +import README from "../../../../../packages/css/src/components/top-task-link/README.md?raw"; diff --git a/storybook/storybook-react/src/TopTaskLink/TopTaskLink.stories.tsx b/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.stories.tsx similarity index 96% rename from storybook/storybook-react/src/TopTaskLink/TopTaskLink.stories.tsx rename to storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.stories.tsx index b7be8d8514..d80bf583e9 100644 --- a/storybook/storybook-react/src/TopTaskLink/TopTaskLink.stories.tsx +++ b/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.stories.tsx @@ -7,7 +7,7 @@ import { Grid, TopTaskLink } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Navigation/Top Task Link', + title: 'React Components/Navigation/Top Task Link', component: TopTaskLink, } satisfies Meta diff --git a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx b/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx similarity index 93% rename from storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx rename to storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx index 94ca2e0f5f..2f4cb3f6b5 100644 --- a/storybook/storybook-react/src/UnorderedList/UnorderedList.docs.mdx +++ b/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta } from "@storybook/blocks"; import * as UnorderedListStories from "./UnorderedList.stories.tsx"; -import README from "../../../../packages/css/src/components/unordered-list/README.md?raw"; +import README from "../../../../../packages/css/src/components/unordered-list/README.md?raw"; diff --git a/storybook/storybook-react/src/UnorderedList/UnorderedList.stories.tsx b/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.stories.tsx similarity index 98% rename from storybook/storybook-react/src/UnorderedList/UnorderedList.stories.tsx rename to storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.stories.tsx index 3c65992204..17cac9ffb6 100644 --- a/storybook/storybook-react/src/UnorderedList/UnorderedList.stories.tsx +++ b/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.stories.tsx @@ -22,7 +22,7 @@ const unorderedList = exampleUnorderedList().map((text, index) => ( )) const meta = { - title: 'Text/Unordered List', + title: 'React Components/Text/Unordered List', component: UnorderedList, args: { children: unorderedList, diff --git a/storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.docs.mdx b/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx similarity index 71% rename from storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.docs.mdx rename to storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx index 4c8821f1c5..ae18c62ee7 100644 --- a/storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.docs.mdx +++ b/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as VisuallyHiddenStories from "./VisuallyHidden.stories.tsx"; -import README from "../../../../packages/css/src/components/visually-hidden/README.md?raw"; +import README from "../../../../../packages/css/src/components/visually-hidden/README.md?raw"; diff --git a/storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.stories.tsx b/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx similarity index 93% rename from storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.stories.tsx rename to storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx index 6bbcda37aa..833529d13d 100644 --- a/storybook/storybook-react/src/VisuallyHidden/VisuallyHidden.stories.tsx +++ b/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx @@ -7,7 +7,7 @@ import { Paragraph, VisuallyHidden } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'Containers/Visually Hidden', + title: 'React Components/Containers/Visually Hidden', component: VisuallyHidden, args: { children: 'Nieuw component', diff --git a/storybook/storybook-react/src/shared/argTypes.ts b/storybook/storybook-react/src/react-components/shared/argTypes.ts similarity index 100% rename from storybook/storybook-react/src/shared/argTypes.ts rename to storybook/storybook-react/src/react-components/shared/argTypes.ts diff --git a/storybook/storybook-react/src/shared/exampleContent.ts b/storybook/storybook-react/src/react-components/shared/exampleContent.ts similarity index 100% rename from storybook/storybook-react/src/shared/exampleContent.ts rename to storybook/storybook-react/src/react-components/shared/exampleContent.ts From 55004e0cd3b1c75df653d2022462d90206ad2632 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 10:09:30 +0100 Subject: [PATCH 2/9] Move Column stories --- .../src/{ => react-components}/Column/Column.docs.mdx | 2 +- .../src/{ => react-components}/Column/Column.stories.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) rename storybook/storybook-react/src/{ => react-components}/Column/Column.docs.mdx (90%) rename storybook/storybook-react/src/{ => react-components}/Column/Column.stories.tsx (97%) diff --git a/storybook/storybook-react/src/Column/Column.docs.mdx b/storybook/storybook-react/src/react-components/Column/Column.docs.mdx similarity index 90% rename from storybook/storybook-react/src/Column/Column.docs.mdx rename to storybook/storybook-react/src/react-components/Column/Column.docs.mdx index c70b9af875..aece019a2a 100644 --- a/storybook/storybook-react/src/Column/Column.docs.mdx +++ b/storybook/storybook-react/src/react-components/Column/Column.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ColumnStories from "./Column.stories.tsx"; -import README from "../../../../packages/css/src/components/column/README.md?raw"; +import README from "../../../../../packages/css/src/components/column/README.md?raw"; diff --git a/storybook/storybook-react/src/Column/Column.stories.tsx b/storybook/storybook-react/src/react-components/Column/Column.stories.tsx similarity index 97% rename from storybook/storybook-react/src/Column/Column.stories.tsx rename to storybook/storybook-react/src/react-components/Column/Column.stories.tsx index a27d416b17..50fdd7bcc0 100644 --- a/storybook/storybook-react/src/Column/Column.stories.tsx +++ b/storybook/storybook-react/src/react-components/Column/Column.stories.tsx @@ -13,7 +13,7 @@ const ThreeBoxes = Array.from(Array(3).keys()).map((i) => ( )) const meta = { - title: 'Layout/Column', + title: 'React Components/Layout/Column', component: Column, args: { children: ThreeBoxes, From 92f9af3295332025ba78f106b5c9a95519e1acf6 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 16:20:21 +0100 Subject: [PATCH 3/9] Update pipelines --- .github/workflows/feature-branch-deploy.yml | 11 ++--------- .github/workflows/lint-test.yml | 11 ++--------- .github/workflows/publish.yml | 15 ++------------- 3 files changed, 6 insertions(+), 31 deletions(-) diff --git a/.github/workflows/feature-branch-deploy.yml b/.github/workflows/feature-branch-deploy.yml index f82baa55ae..a5b8787d55 100644 --- a/.github/workflows/feature-branch-deploy.yml +++ b/.github/workflows/feature-branch-deploy.yml @@ -53,20 +53,13 @@ jobs: - name: Create a version mark run: | - touch ./storybook/storybook-docs/dist/${{ github.sha }}.txt - - - name: Create deploy folder - run: | - mkdir temp-deploy-directory - cp storybook/storybook-docs/dist/* temp-deploy-directory -r - mkdir temp-deploy-directory/storybook-react - cp storybook/storybook-react/dist/* temp-deploy-directory/storybook-react -r + touch ./storybook/storybook-react/dist/${{ github.sha }}.txt - name: Pushing to pages branch uses: JamesIves/github-pages-deploy-action@v4 with: branch: gh-pages - folder: temp-deploy-directory + folder: storybook/storybook-react/dist target-folder: demo-${{ env.BRANCH_NAME }} - name: Wait for GitHub Pages to be deployed diff --git a/.github/workflows/lint-test.yml b/.github/workflows/lint-test.yml index ab9ef3992e..f6e3f3f7fa 100644 --- a/.github/workflows/lint-test.yml +++ b/.github/workflows/lint-test.yml @@ -92,16 +92,9 @@ jobs: run: | pnpm run --if-present test - - name: "Retain build artifact: storybook docs" + - name: "Retain build artifact: Storybook" uses: actions/upload-artifact@v4 with: - name: storybook-docs - path: storybook/storybook-docs/dist/ - retention-days: 1 - - - name: "Retain build artifact: storybook React" - uses: actions/upload-artifact@v4 - with: - name: storybook-react + name: storybook path: storybook/storybook-react/dist/ retention-days: 1 diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml index 550bf3fcca..abefcc1d89 100644 --- a/.github/workflows/publish.yml +++ b/.github/workflows/publish.yml @@ -75,25 +75,14 @@ jobs: if: ${{ steps.release.outputs.releases_created }} # The logic below handles the Storybook deploy: - - name: "Restore build artifact: Storybook docs" + - name: "Restore build artifact: Storybook" uses: dawidd6/action-download-artifact@v3 with: workflow: "lint-test.yml" - name: storybook-docs + name: storybook path: dist/storybook if: ${{ steps.release.outputs.releases_created }} - - name: "Restore build artifact: Storybook react" - uses: dawidd6/action-download-artifact@v3 - with: - workflow: "lint-test.yml" - name: storybook-react - # React storybook is deployed to the /storybook-react subdirectory. - # In the main docs storybook, the contents of /storybook-react - # are also shown using Storybook composition. - path: dist/storybook/storybook-react - if: ${{ steps.release.outputs.releases_created }} - - name: Deploy to GitHub Pages uses: JamesIves/github-pages-deploy-action@v4 with: From ed8b02b227145bd6bcddc66e253dfcdaa0afcf5a Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 16:26:02 +0100 Subject: [PATCH 4/9] Update plopfile --- plopfile.mjs | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/plopfile.mjs b/plopfile.mjs index 5eaf2b3111..919b43aa60 100644 --- a/plopfile.mjs +++ b/plopfile.mjs @@ -60,12 +60,12 @@ export default function (plop) { { type: 'add', data: { curlyBefore: '{' }, - path: 'storybook/storybook-react/src/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', + path: 'storybook/storybook-react/src/react-components/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', templateFile: 'plop-templates/storybook.docs.mdx.hbs', }, { type: 'add', - path: 'storybook/storybook-react/src/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', + path: 'storybook/storybook-react/src/react-components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', templateFile: 'plop-templates/storybook.stories.tsx.hbs', }, ], From 438c5a7d5818055dd2be9242966962e3d353d8a2 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 16:26:59 +0100 Subject: [PATCH 5/9] Update storybook.md --- documentation/storybook.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/documentation/storybook.md b/documentation/storybook.md index c98f275901..e9511eb7fd 100644 --- a/documentation/storybook.md +++ b/documentation/storybook.md @@ -4,8 +4,6 @@ We use Storybook 7 to display all components and allow interaction with them. -Each component library has its Storybook instance – currently, we only have React. -We use Storybook’s composition feature to combine the main Storybook with the React one. We publish each merge to the `main` branch to [amsterdam.github.io/design-system](https://amsterdam.github.io/design-system/). ## Structure From aa9168cd9238bd2d1daa88195d5ed27ecf26c6b9 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 17:23:58 +0100 Subject: [PATCH 6/9] Fix relative links --- packages/css/src/components/card/README.md | 6 +++--- packages/css/src/components/checkbox/README.md | 2 +- packages/css/src/components/grid/README.md | 6 +++--- packages/css/src/components/icon-button/README.md | 2 +- packages/css/src/components/icon/README.md | 2 +- packages/css/src/components/image/README.md | 2 +- packages/css/src/components/link-list/README.md | 2 +- packages/css/src/components/page-heading/README.md | 2 +- packages/css/src/components/page-menu/README.md | 2 +- packages/css/src/components/pagination/README.md | 2 +- packages/css/src/components/screen/README.md | 8 ++++---- packages/css/src/components/search-field/README.md | 2 +- packages/css/src/components/switch/README.md | 2 +- packages/css/src/components/table/README.md | 2 +- packages/css/src/components/top-task-link/README.md | 6 +++--- storybook/storybook-react/src/docs/grid.docs.mdx | 5 ++--- storybook/storybook-react/src/docs/icon-gallery.docs.mdx | 2 +- .../src/docs/interactive-elements.docs.mdx | 2 +- storybook/storybook-react/src/docs/typography.docs.mdx | 4 ++-- .../src/react-components/Card/Card.docs.mdx | 2 +- .../src/react-components/Column/Column.docs.mdx | 2 +- .../src/react-components/Grid/Grid.docs.mdx | 2 +- .../src/react-components/Icon/Icon.docs.mdx | 4 ++-- .../src/react-components/LinkList/LinkList.docs.mdx | 2 +- .../src/react-components/Overlap/Overlap.docs.mdx | 4 ++-- 25 files changed, 38 insertions(+), 39 deletions(-) diff --git a/packages/css/src/components/card/README.md b/packages/css/src/components/card/README.md index bcf8a3c8a5..1517774817 100644 --- a/packages/css/src/components/card/README.md +++ b/packages/css/src/components/card/README.md @@ -7,15 +7,15 @@ The link is mandatory. ## Guidelines - The title of a card is a link within a heading. - The same guidelines as for regular [links](?path=/docs/react_navigation-link--docs) and [headings](?path=/docs/react_text-heading--docs) apply here. + The same guidelines as for regular [links](/docs/react-components-navigation-link--docs) and [headings](/docs/react-components-text-heading--docs) apply here. The link is active across the entire area of the card. - A card needs more content than just a title. Supplement this with textual and/or visual content. - Place the text in a regular paragraph. Only use the smallest text size for a tagline or date. - This component may not be the best option if the content does not represent a detailed page. - For referencing a thematic page, use a [top task link](?path=/docs/react_navigation-top-task-link--docs). - You can also use a [regular link](?path=/docs/react_navigation-link--docs). + For referencing a thematic page, use a [top task link](/docs/react-components-navigation-top-task-link--docs). + You can also use a [regular link](/docs/react-components-navigation-link--docs). ## Screen Readers diff --git a/packages/css/src/components/checkbox/README.md b/packages/css/src/components/checkbox/README.md index 249c472af0..8738f4f185 100644 --- a/packages/css/src/components/checkbox/README.md +++ b/packages/css/src/components/checkbox/README.md @@ -25,4 +25,4 @@ It is written in the first person when asking the user to agree to the terms and - [WCAG 1.3.5](https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html): It is clear for both users and programmatically what the purpose of a form field is. -Checkbox is an interactive element; therefore, [the general requirements and guidelines for interactive elements](https://amsterdam.github.io/design-system/?path=/docs/docs-designrichtlijnen-interactieve-elementen--docs) apply. +Checkbox is an interactive element; therefore, [the general requirements and guidelines for interactive elements](/docs/docs-design-guidelines-interactive-elements--docs) apply. diff --git a/packages/css/src/components/grid/README.md b/packages/css/src/components/grid/README.md index 8fa6fc392d..9d641f68e9 100644 --- a/packages/css/src/components/grid/README.md +++ b/packages/css/src/components/grid/README.md @@ -5,9 +5,9 @@ Divides the screen into columns to align the elements of a page. ## Usage Every page should use the grid as the foundation for its layout. -It is placed directly within the [Screen](?path=/docs/layout-screen--docs). +It is placed directly within the [Screen](/docs/react-components-layout-screen--docs). -A [Footer](?path=/docs/react_containers-footer--docs) and a [Spotlight](?path=/docs/react_containers-spotlight--docs) are slightly wider than the grid. +A [Footer](/docs/react-components-containers-footer--docs) and a [Spotlight](/docs/react-components-containers-spotlight--docs) are slightly wider than the grid. You close one instance of the grid before these components. Inside and optionally after them, you start a new one. Multiple instances of the grid component are possible on a page, but the columns of all grids must align precisely. @@ -17,4 +17,4 @@ A cell often spans multiple columns of the grid. ## Design -The [design choices](?path=/docs/docs-designrichtlijnen-grid--docs) are described in the design guidelines. +The [design choices](/docs/docs-design-guidelines-grid--docs) are described in the design guidelines. diff --git a/packages/css/src/components/icon-button/README.md b/packages/css/src/components/icon-button/README.md index 5cc7ea5b49..4ee08ebc19 100644 --- a/packages/css/src/components/icon-button/README.md +++ b/packages/css/src/components/icon-button/README.md @@ -11,4 +11,4 @@ A button containing only an icon. ## Relevant WCAG Requirements -The Icon Button follows [the same requirements and guidelines as a regular button](https://amsterdam.github.io/design-system/?path=/docs/react_buttons-button--docs). +The Icon Button follows [the same requirements and guidelines as a regular button](/docs/react-components-buttons-button--docs). diff --git a/packages/css/src/components/icon/README.md b/packages/css/src/components/icon/README.md index 3e4fdf30f2..1a85681c59 100644 --- a/packages/css/src/components/icon/README.md +++ b/packages/css/src/components/icon/README.md @@ -26,4 +26,4 @@ Icons are aligned to the left of the text by default and vertically centred to t Icons use the same text levels as all typographic components to determine their size. This ensures easy alignment between icons and text. -[Refer to the typography documentation for more information](/docs/docs-designrichtlijnen-typografie--docs#tekstniveaus). +[Refer to the typography documentation for more information](/docs/docs-design-guidelines-typography--docs). diff --git a/packages/css/src/components/image/README.md b/packages/css/src/components/image/README.md index b6f52ab72f..8b09deeedd 100644 --- a/packages/css/src/components/image/README.md +++ b/packages/css/src/components/image/README.md @@ -13,7 +13,7 @@ Displays an image. For example, provide small, medium, and large variants for various screen sizes. This prevents unnecessary downloading of large files. Do this especially for the main image of a page, where the difference between sizes on a narrow and wide screen is most significant. -- Ensure that the aspect ratio of the image is supported by the [Aspect Ratio](?path=/docs/layout-aspect-ratio--docs) component. +- Ensure that the aspect ratio of the image is supported by the [Aspect Ratio](/docs/react-components-layout-aspect-ratio--docs) component. ## Relevant WCAG Requirements diff --git a/packages/css/src/components/link-list/README.md b/packages/css/src/components/link-list/README.md index b73be43da3..43852633fd 100644 --- a/packages/css/src/components/link-list/README.md +++ b/packages/css/src/components/link-list/README.md @@ -13,4 +13,4 @@ Therefore, it is blue and clickable. Use a Link List to present multiple links within a theme. -For additional guidelines, refer to the [Link](?path=/docs/navigation-link--docs) component. +For additional guidelines, refer to the [Link](/docs/react-components-navigation-link--docs) component. diff --git a/packages/css/src/components/page-heading/README.md b/packages/css/src/components/page-heading/README.md index 5174ea5465..2bbd3212dc 100644 --- a/packages/css/src/components/page-heading/README.md +++ b/packages/css/src/components/page-heading/README.md @@ -14,4 +14,4 @@ Use this component for a name, title, or motto. The page heading component is a variant of a heading level 1 with a distinct style. When using this component, ensure that the heading hierarchy of the page remains logical. -For this component, the same WCAG requirements apply as for [the heading component](https://amsterdam.github.io/design-system/?path=/docs/react_text-heading--docs). +For this component, the same WCAG requirements apply as for [the heading component](/docs/react-components-text-heading--docs). diff --git a/packages/css/src/components/page-menu/README.md b/packages/css/src/components/page-menu/README.md index 8dcbc29edb..c53badd3d0 100644 --- a/packages/css/src/components/page-menu/README.md +++ b/packages/css/src/components/page-menu/README.md @@ -15,4 +15,4 @@ A small set of links for use in the Header and Footer. - [Consistent Navigation (Level AA)](https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html) -PageMenu is an interactive element, and the [general requirements and guidelines for interactive elements](https://amsterdam.github.io/design-system/?path=/docs/docs-designrichtlijnen-interactieve-elementen--docs) apply. +PageMenu is an interactive element, and the [general requirements and guidelines for interactive elements](/docs/docs-design-guidelines-interactive-elements--docs) apply. diff --git a/packages/css/src/components/pagination/README.md b/packages/css/src/components/pagination/README.md index ada29b1e8e..bda5d2884a 100644 --- a/packages/css/src/components/pagination/README.md +++ b/packages/css/src/components/pagination/README.md @@ -16,4 +16,4 @@ Pagination indicates the current page and allows users to navigate to other page ## Relevant WCAG Rules -Pagination is an interactive element, and the [general requirements and guidelines for interactive elements](https://amsterdam.github.io/design-system/?path=/docs/docs-designrichtlijnen-interactieve-elementen--docs) apply. +Pagination is an interactive element, and the [general requirements and guidelines for interactive elements](/docs/docs-design-guidelines-interactive-elements--docs) apply. diff --git a/packages/css/src/components/screen/README.md b/packages/css/src/components/screen/README.md index 5145d8a38b..84e9928a14 100644 --- a/packages/css/src/components/screen/README.md +++ b/packages/css/src/components/screen/README.md @@ -6,10 +6,10 @@ Manages the maximum width and alignment of the entire website or application. This should be the outermost component of your website or application. Within it, combine components such as -[Grid](?path=/docs/react_layout-grid--docs), -[Header](?path=/docs/react_containers-header--docs), -[Footer](?path=/docs/react_containers-footer--docs), -[Spotlight](?path=/docs/react_containers-spotlight--docs), +[Grid](/docs/react-components-layout-grid--docs), +[Header](/docs/react-components-containers-header--docs), +[Footer](/docs/react-components-containers-footer--docs), +[Spotlight](/docs/react-components-containers-spotlight--docs), and Figure. ## Design diff --git a/packages/css/src/components/search-field/README.md b/packages/css/src/components/search-field/README.md index 2b884be34f..e93b6cebe0 100644 --- a/packages/css/src/components/search-field/README.md +++ b/packages/css/src/components/search-field/README.md @@ -30,4 +30,4 @@ These features can be disruptive for a user searching for part of a word, and `a - [WCAG 1.3.5](https://www.w3.org/TR/WCAG22/#identify-input-purpose): It is clear both to the user and programmatically what the purpose of a form field is. - [WCAG 2.4.6](https://www.w3.org/TR/WCAG22/#headings-and-labels): There is a label describing the purpose of the input. -Search Field is an interactive element; therefore, [the general requirements and guidelines for interactive elements](https://amsterdam.github.io/design-system/?path=/docs/docs-designrichtlijnen-interactieve-elementen--docs) apply. +Search Field is an interactive element; therefore, [the general requirements and guidelines for interactive elements](/docs/docs-design-guidelines-interactive-elements--docs) apply. diff --git a/packages/css/src/components/switch/README.md b/packages/css/src/components/switch/README.md index 238de21aff..7770ebc46c 100644 --- a/packages/css/src/components/switch/README.md +++ b/packages/css/src/components/switch/README.md @@ -14,7 +14,7 @@ A switch applies to a page or the entire system, such as an on/off switch. - [WCAG 1.3.5](https://www.w3.org/WAI/WCAG21/Understanding/identify-input-purpose.html): it is both clear for a user and programmatically what the purpose of a form field is. -The Switch is an interactive element; general requirements and guidelines for interactive elements apply [here](https://amsterdam.github.io/design-system/?path=/docs/docs-designrichtlijnen-interactieve-elementen--docs). +The Switch is an interactive element; general requirements and guidelines for interactive elements apply [here](/docs/docs-design-guidelines-interactive-elements--docs). ## References diff --git a/packages/css/src/components/table/README.md b/packages/css/src/components/table/README.md index f21a60b8a5..fc85e24d8d 100644 --- a/packages/css/src/components/table/README.md +++ b/packages/css/src/components/table/README.md @@ -8,4 +8,4 @@ Table is used to display simple information that does not need to be filtered or - Use `` to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables. - Never use the table component to layout content on a page. - Instead, use [Grid](https://amsterdam.github.io/design-system/?path=/docs/react_layout-grid--docs). + Instead, use [Grid](/docs/react-components-layout-grid--docs). diff --git a/packages/css/src/components/top-task-link/README.md b/packages/css/src/components/top-task-link/README.md index f04d170c72..0ae717b30c 100644 --- a/packages/css/src/components/top-task-link/README.md +++ b/packages/css/src/components/top-task-link/README.md @@ -10,12 +10,12 @@ A prominent navigation element to quickly start a task. - Keep both texts concise. A title consists of a few words, and the description consists of 1 or 2 short sentences. The description should end with a period or another appropriate punctuation mark. -- For wide windows, place 3 or 4 Top Task Links side by side on the [Grid](?path=/docs/react_layout-grid--docs). +- For wide windows, place 3 or 4 Top Task Links side by side on the [Grid](/docs/react-components-layout-grid--docs). If you have more Top Task Links, place them in the next row. Try to distribute the amount of links on wide windows over rows of 3 or 4 links. If this is not possible, leave the last cells of the grid empty. -- If you have a group of links for which a description is unnecessary or illogical, use a [Link List](?path=/docs/react_navigation-link--docs). +- If you have a group of links for which a description is unnecessary or illogical, use a [Link List](/docs/react-components-navigation-link--docs). ## Relevant WCAG requirements -The Top Task Link is subject to the same requirements as [regular links](https://amsterdam.github.io/design-system/?path=/docs/react_navigation-link--docs). +The Top Task Link is subject to the same requirements as [regular links](/docs/react-components-navigation-link--docs). diff --git a/storybook/storybook-react/src/docs/grid.docs.mdx b/storybook/storybook-react/src/docs/grid.docs.mdx index 6e60643c52..0ee18ff87a 100644 --- a/storybook/storybook-react/src/docs/grid.docs.mdx +++ b/storybook/storybook-react/src/docs/grid.docs.mdx @@ -191,7 +191,7 @@ Layout and text relate in various ways. ### Scaling typography -Like the grid, the [text sizes](?path=/docs/docs-designrichtlijnen-typografie--docs) respond to the window width. +Like the grid, the [text sizes](/docs/docs-design-guidelines-typography--docs) respond to the window width. This ensures that content looks good on as many window widths and with various personal settings. ### Zooming or enlarged text @@ -203,5 +203,4 @@ This way, the amount of columns changes earlier, and large content still fits we ## Related Components -- [Grid](?path=/docs/react_layout-grid--docs) -- [Grid Cell](?path=/docs/react_layout-grid-cell--docs) +- [Grid](/docs/react-components-layout-grid--docs) diff --git a/storybook/storybook-react/src/docs/icon-gallery.docs.mdx b/storybook/storybook-react/src/docs/icon-gallery.docs.mdx index 02d5247edd..9434378940 100644 --- a/storybook/storybook-react/src/docs/icon-gallery.docs.mdx +++ b/storybook/storybook-react/src/docs/icon-gallery.docs.mdx @@ -11,4 +11,4 @@ An overview of all currently available icons. ## Related components -- [Icon](?path=/docs/react_media-icon--docs) +- [Icon](/docs/react-components-media-icon--docs) diff --git a/storybook/storybook-react/src/docs/interactive-elements.docs.mdx b/storybook/storybook-react/src/docs/interactive-elements.docs.mdx index 8452440217..ebda7f14de 100644 --- a/storybook/storybook-react/src/docs/interactive-elements.docs.mdx +++ b/storybook/storybook-react/src/docs/interactive-elements.docs.mdx @@ -74,7 +74,7 @@ Interactive elements with the `title` attribute may show a tooltip overlaying th ### References -- [Utrecht documentation on focus and hover](https://nl-design-system.github.io/utrecht/storybook/?path=/docs/css-link--docs) +- [Utrecht documentation on focus and hover](https://nl-design-system.github.io/utrecht/storybook//docs/css-link--docs) - [Specification of cursor pointer.](https://www.w3.org/TR/css-ui-4/#valdef-cursor-pointer) States that you should use a pointer for links and may use it for other interactive elements ## Double click diff --git a/storybook/storybook-react/src/docs/typography.docs.mdx b/storybook/storybook-react/src/docs/typography.docs.mdx index c35e4d542d..118c6739f4 100644 --- a/storybook/storybook-react/src/docs/typography.docs.mdx +++ b/storybook/storybook-react/src/docs/typography.docs.mdx @@ -26,7 +26,7 @@ Examples: ### Responsive The text size depends on the window width, ensuring pleasant reading on screens of all sizes. -This also complements the responsive [grid](?path=/docs/react_layout-grid--docs). +This also complements the responsive [grid](/docs/react-components-layout-grid--docs). Each level has a minimum text size, up to a window width of 320 pixels. There’s also a maximum text size starting at a window width of 1600 pixels. @@ -201,7 +201,7 @@ Exceptions: Long lines of text are challenging to read. Around 80 characters per line is the maximum. -In the 12-column [grid](?path=/docs/react_layout-grid--docs), paragraphs meet this when they occupy 8 columns or fewer. +In the 12-column [grid](/docs/react-components-layout-grid--docs), paragraphs meet this when they occupy 8 columns or fewer. ### Word Breaking diff --git a/storybook/storybook-react/src/react-components/Card/Card.docs.mdx b/storybook/storybook-react/src/react-components/Card/Card.docs.mdx index 4daa58ba7a..36fe2b003b 100644 --- a/storybook/storybook-react/src/react-components/Card/Card.docs.mdx +++ b/storybook/storybook-react/src/react-components/Card/Card.docs.mdx @@ -21,6 +21,6 @@ This ensures screen readers first read the title and then the tagline. ## With Image A card often displays the image of the detail page. -Use [Aspect Ratio](?path=/docs/layout-aspect-ratio--docs) for the correct aspect ratio. +Use [Aspect Ratio](/docs/layout-aspect-ratio--docs) for the correct aspect ratio. diff --git a/storybook/storybook-react/src/react-components/Column/Column.docs.mdx b/storybook/storybook-react/src/react-components/Column/Column.docs.mdx index aece019a2a..8841ccc760 100644 --- a/storybook/storybook-react/src/react-components/Column/Column.docs.mdx +++ b/storybook/storybook-react/src/react-components/Column/Column.docs.mdx @@ -8,7 +8,7 @@ import README from "../../../../../packages/css/src/components/column/README.md? ## Design -The five [spacing](?path=/docs/docs-design-guidelines-spacing--docs) sizes are available for the size of the gap. +The five [spacing](/docs/docs-design-guidelines-space--docs) sizes are available for the size of the gap. ## How to Use diff --git a/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx b/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx index 199111b6cd..d951c08cdc 100644 --- a/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx +++ b/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx @@ -20,7 +20,7 @@ On narrow screens, you will see three rows of four columns; on medium-wide scree Unlike the horizontal margins between columns, the vertical ones above and below are adjustable. The options `paddingVertical`, `paddingTop`, and `paddingBottom` add white space. -This is useful in a coloured area like [Footer](?path=/docs/react_containers-footer--docs) or [Spotlight](?path=/docs/react_containers-spotlight--docs) or between two consecutive grids. +This is useful in a coloured area like [Footer](/docs/react-components-containers-footer--docs) or [Spotlight](/docs/react-components-containers-spotlight--docs) or between two consecutive grids. Specify a value of `medium` for vertical white space as wide as the horizontal. Use `small` for half of that width and `large` for double. diff --git a/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx b/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx index 33832acf3c..e284f42a0c 100644 --- a/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx +++ b/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx @@ -31,13 +31,13 @@ Then, you can use it in the component like this: Icons can be used alongside text. Using the same text levels for both the icon and text aligns them perfectly. -[Consult the documentation on typography for more information](/docs/docs-designrichtlijnen-typografie--docs#tekstniveaus). +[Consult the documentation on typography for more information](/docs/docs-design-guidelines-typography--docs). ### Square -Sometimes it’s useful for the icon to take up square space, for example, with the [Icon Button](https://amsterdam.github.io/design-system/?path=/docs/react_buttons-icon-button--docs). +Sometimes it’s useful for the icon to take up square space, for example, with the [Icon Button](/docs/react-components-buttons-icon-button--docs). diff --git a/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx b/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx index bca3aa20bd..422cc22fe1 100644 --- a/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx +++ b/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx @@ -24,7 +24,7 @@ Avoid using both semantic and list icons in the same list. ### Small Text -In the [Footer](?path=/docs/react_containers-footer--docs), we use small text, also for lists. +In the [Footer](/docs/react-components-containers-footer--docs), we use small text, also for lists. Specify this for each item in the list. diff --git a/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx b/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx index 22559bec79..6167652ca4 100644 --- a/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx +++ b/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx @@ -11,7 +11,7 @@ import README from "../../../../../packages/css/src/components/overlap/README.md ### Hero Image with Search Field This allows for the use of a mood-setting image as a background. -A [Grid](?path=/docs/react_layout-grid--docs) provides horizontal spacing on both sides and columns for layout. +A [Grid](/docs/react-components-layout-grid--docs) provides horizontal spacing on both sides and columns for layout. Note: the library does not yet offer an option to vertically center the form. @@ -19,6 +19,6 @@ Note: the library does not yet offer an option to vertically center the form. #### Guidelines - First, implement the underlying component. -- Follow [the general guidelines for images](?path=/docs/react_media-image--docs#guidelines). +- Follow [the general guidelines for images](/docs/react-components-media-image--docs#guidelines). - Use a sufficiently large image. The aspect ratio of 32:9 is most suitable. From 0b07ce4988da47c48bea31a9c0519b3bae79cca1 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Thu, 22 Feb 2024 17:42:35 +0100 Subject: [PATCH 7/9] Expand all folders on load --- .../storybook-react/config/manager-head.html | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 storybook/storybook-react/config/manager-head.html diff --git a/storybook/storybook-react/config/manager-head.html b/storybook/storybook-react/config/manager-head.html new file mode 100644 index 0000000000..b973fc43da --- /dev/null +++ b/storybook/storybook-react/config/manager-head.html @@ -0,0 +1,23 @@ + From f0a5aeedca0b72f2dea186685880f2cd914b5705 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Fri, 23 Feb 2024 13:31:25 +0100 Subject: [PATCH 8/9] Move storybook to /storybook --- .github/workflows/feature-branch-deploy.yml | 4 +- .github/workflows/lint-test.yml | 2 +- package.json | 4 +- plop-templates/storybook.docs.mdx.hbs | 2 +- plopfile.mjs | 4 +- pnpm-lock.yaml | 839 ++++++++++-------- pnpm-workspace.yaml | 2 +- .../{storybook-react => }/.eslintrc.json | 0 .../{storybook-react => }/config/main.ts | 0 .../config/manager-head.html | 0 storybook/config/manager.js | 25 + .../config/preview-body.html | 0 .../config/preview-head.html | 0 .../{storybook-react => }/config/preview.tsx | 2 +- .../{ => config}/storybook-overrides.css | 0 .../{storybook-react => }/config/types.ts | 0 .../{storybook-react => }/config/viewports.ts | 0 storybook/{storybook-react => }/package.json | 4 +- .../src/docs/breakpoints.docs.mdx | 0 .../src/docs/color.docs.mdx | 0 .../docs/components/AmsterdamIconGallery.tsx | 0 .../src/docs/components/ColorPalette.tsx | 0 .../src/docs/components/color-palette.css | 0 .../src/docs/font.docs.mdx | 0 .../src/docs/grid.docs.mdx | 0 .../src/docs/icon-gallery.docs.mdx | 0 .../src/docs/interactive-elements.docs.mdx | 0 .../src/docs/introduction.docs.mdx | 0 .../src/docs/introduction.md | 0 .../src/docs/language.docs.mdx | 0 .../src/docs/license.docs.mdx | 2 +- .../src/docs/notice.docs.mdx | 2 +- .../src/docs/space.docs.mdx | 0 .../src/docs/typography.docs.mdx | 0 .../Accordion/Accordion.docs.mdx | 2 +- .../Accordion/Accordion.stories.tsx | 0 .../src/react-components/Alert/Alert.docs.mdx | 2 +- .../react-components/Alert/Alert.stories.tsx | 0 .../AspectRatio/AspectRatio.docs.mdx | 2 +- .../AspectRatio/AspectRatio.stories.tsx | 0 .../src/react-components/Badge/Badge.docs.mdx | 2 +- .../react-components/Badge/Badge.stories.tsx | 0 .../Blockquote/Blockquote.docs.mdx | 2 +- .../Blockquote/Blockquote.stories.tsx | 0 .../Breadcrumb/Breadcrumb.docs.mdx | 2 +- .../Breadcrumb/Breadcrumb.stories.tsx | 0 .../react-components/Button/Button.docs.mdx | 2 +- .../Button/Button.stories.tsx | 0 .../src/react-components/Card/Card.docs.mdx | 2 +- .../react-components/Card/Card.stories.tsx | 0 .../Checkbox/Checkbox.docs.mdx | 2 +- .../Checkbox/Checkbox.stories.tsx | 0 .../react-components/Column/Column.docs.mdx | 2 +- .../Column/Column.stories.tsx | 0 .../react-components/Dialog/Dialog.docs.mdx | 2 +- .../Dialog/Dialog.stories.tsx | 0 .../Fieldset/Fieldset.docs.mdx | 2 +- .../Fieldset/Fieldset.stories.tsx | 0 .../react-components/Footer/Footer.docs.mdx | 2 +- .../Footer/Footer.stories.tsx | 0 .../FormLabel/FormLabel.docs.mdx | 2 +- .../FormLabel/FormLabel.stories.tsx | 0 .../src/react-components/Grid/Grid.docs.mdx | 2 +- .../react-components/Grid/Grid.stories.tsx | 0 .../react-components/Header/Header.docs.mdx | 2 +- .../Header/Header.stories.tsx | 0 .../react-components/Heading/Heading.docs.mdx | 2 +- .../Heading/Heading.stories.tsx | 0 .../src/react-components/Icon/Icon.docs.mdx | 2 +- .../react-components/Icon/Icon.stories.tsx | 0 .../IconButton/IconButton.docs.mdx | 2 +- .../IconButton/IconButton.stories.tsx | 0 .../src/react-components/Image/Image.docs.mdx | 2 +- .../react-components/Image/Image.stories.tsx | 0 .../src/react-components/Link/Link.docs.mdx | 2 +- .../react-components/Link/Link.stories.tsx | 0 .../LinkList/LinkList.docs.mdx | 2 +- .../LinkList/LinkList.stories.tsx | 0 .../src/react-components/Logo/Logo.docs.mdx | 2 +- .../react-components/Logo/Logo.stories.tsx | 0 .../src/react-components/Mark/Mark.docs.mdx | 2 +- .../react-components/Mark/Mark.stories.tsx | 0 .../MegaMenu/MegaMenu.docs.mdx | 2 +- .../MegaMenu/MegaMenu.stories.tsx | 0 .../OrderedList/OrderedList.docs.mdx | 2 +- .../OrderedList/OrderedList.stories.tsx | 0 .../react-components/Overlap/Overlap.docs.mdx | 2 +- .../Overlap/Overlap.stories.tsx | 0 .../PageHeading/PageHeading.docs.mdx | 2 +- .../PageHeading/PageHeading.stories.tsx | 0 .../PageMenu/PageMenu.docs.mdx | 2 +- .../PageMenu/PageMenu.stories.tsx | 0 .../Pagination/Pagination.docs.mdx | 2 +- .../Pagination/Pagination.stories.tsx | 0 .../Paragraph/Paragraph.docs.mdx | 2 +- .../Paragraph/Paragraph.stories.tsx | 0 .../react-components/Screen/Screen.docs.mdx | 2 +- .../Screen/Screen.stories.tsx | 0 .../SearchField/SearchField.docs.mdx | 2 +- .../SearchField/SearchField.stories.tsx | 0 .../SkipLink/SkipLink.docs.mdx | 2 +- .../SkipLink/SkipLink.stories.tsx | 0 .../Spotlight/Spotlight.docs.mdx | 2 +- .../Spotlight/Spotlight.stories.tsx | 0 .../react-components/Switch/Switch.docs.mdx | 2 +- .../Switch/Switch.stories.tsx | 0 .../src/react-components/Table/Table.docs.mdx | 2 +- .../react-components/Table/Table.stories.tsx | 0 .../TextInput/TextInput.docs.mdx | 2 +- .../TextInput/TextInput.stories.tsx | 0 .../TopTaskLink/TopTaskLink.docs.mdx | 2 +- .../TopTaskLink/TopTaskLink.stories.tsx | 0 .../UnorderedList/UnorderedList.docs.mdx | 2 +- .../UnorderedList/UnorderedList.stories.tsx | 0 .../VisuallyHidden/VisuallyHidden.docs.mdx | 2 +- .../VisuallyHidden/VisuallyHidden.stories.tsx | 0 .../src/react-components/shared/argTypes.ts | 0 .../react-components/shared/exampleContent.ts | 0 storybook/storybook-react/config/manager.js | 5 - storybook/theme.config.js | 22 - storybook/{storybook-react => }/tsconfig.json | 2 +- .../{storybook-react => }/tsconfig.node.json | 0 .../{storybook-react => }/vite.config.ts | 0 123 files changed, 536 insertions(+), 467 deletions(-) rename storybook/{storybook-react => }/.eslintrc.json (100%) rename storybook/{storybook-react => }/config/main.ts (100%) rename storybook/{storybook-react => }/config/manager-head.html (100%) create mode 100644 storybook/config/manager.js rename storybook/{storybook-react => }/config/preview-body.html (100%) rename storybook/{storybook-react => }/config/preview-head.html (100%) rename storybook/{storybook-react => }/config/preview.tsx (97%) rename storybook/{ => config}/storybook-overrides.css (100%) rename storybook/{storybook-react => }/config/types.ts (100%) rename storybook/{storybook-react => }/config/viewports.ts (100%) rename storybook/{storybook-react => }/package.json (95%) rename storybook/{storybook-react => }/src/docs/breakpoints.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/color.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/components/AmsterdamIconGallery.tsx (100%) rename storybook/{storybook-react => }/src/docs/components/ColorPalette.tsx (100%) rename storybook/{storybook-react => }/src/docs/components/color-palette.css (100%) rename storybook/{storybook-react => }/src/docs/font.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/grid.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/icon-gallery.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/interactive-elements.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/introduction.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/introduction.md (100%) rename storybook/{storybook-react => }/src/docs/language.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/license.docs.mdx (71%) rename storybook/{storybook-react => }/src/docs/notice.docs.mdx (72%) rename storybook/{storybook-react => }/src/docs/space.docs.mdx (100%) rename storybook/{storybook-react => }/src/docs/typography.docs.mdx (100%) rename storybook/{storybook-react => }/src/react-components/Accordion/Accordion.docs.mdx (94%) rename storybook/{storybook-react => }/src/react-components/Accordion/Accordion.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Alert/Alert.docs.mdx (93%) rename storybook/{storybook-react => }/src/react-components/Alert/Alert.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/AspectRatio/AspectRatio.docs.mdx (89%) rename storybook/{storybook-react => }/src/react-components/AspectRatio/AspectRatio.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Badge/Badge.docs.mdx (73%) rename storybook/{storybook-react => }/src/react-components/Badge/Badge.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Blockquote/Blockquote.docs.mdx (83%) rename storybook/{storybook-react => }/src/react-components/Blockquote/Blockquote.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Breadcrumb/Breadcrumb.docs.mdx (74%) rename storybook/{storybook-react => }/src/react-components/Breadcrumb/Breadcrumb.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Button/Button.docs.mdx (90%) rename storybook/{storybook-react => }/src/react-components/Button/Button.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Card/Card.docs.mdx (89%) rename storybook/{storybook-react => }/src/react-components/Card/Card.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Checkbox/Checkbox.docs.mdx (77%) rename storybook/{storybook-react => }/src/react-components/Checkbox/Checkbox.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Column/Column.docs.mdx (90%) rename storybook/{storybook-react => }/src/react-components/Column/Column.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Dialog/Dialog.docs.mdx (84%) rename storybook/{storybook-react => }/src/react-components/Dialog/Dialog.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Fieldset/Fieldset.docs.mdx (80%) rename storybook/{storybook-react => }/src/react-components/Fieldset/Fieldset.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Footer/Footer.docs.mdx (71%) rename storybook/{storybook-react => }/src/react-components/Footer/Footer.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/FormLabel/FormLabel.docs.mdx (71%) rename storybook/{storybook-react => }/src/react-components/FormLabel/FormLabel.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Grid/Grid.docs.mdx (97%) rename storybook/{storybook-react => }/src/react-components/Grid/Grid.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Header/Header.docs.mdx (88%) rename storybook/{storybook-react => }/src/react-components/Header/Header.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Heading/Heading.docs.mdx (88%) rename storybook/{storybook-react => }/src/react-components/Heading/Heading.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Icon/Icon.docs.mdx (93%) rename storybook/{storybook-react => }/src/react-components/Icon/Icon.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/IconButton/IconButton.docs.mdx (87%) rename storybook/{storybook-react => }/src/react-components/IconButton/IconButton.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Image/Image.docs.mdx (91%) rename storybook/{storybook-react => }/src/react-components/Image/Image.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Link/Link.docs.mdx (90%) rename storybook/{storybook-react => }/src/react-components/Link/Link.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/LinkList/LinkList.docs.mdx (94%) rename storybook/{storybook-react => }/src/react-components/LinkList/LinkList.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Logo/Logo.docs.mdx (84%) rename storybook/{storybook-react => }/src/react-components/Logo/Logo.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Mark/Mark.docs.mdx (72%) rename storybook/{storybook-react => }/src/react-components/Mark/Mark.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/MegaMenu/MegaMenu.docs.mdx (75%) rename storybook/{storybook-react => }/src/react-components/MegaMenu/MegaMenu.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/OrderedList/OrderedList.docs.mdx (94%) rename storybook/{storybook-react => }/src/react-components/OrderedList/OrderedList.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Overlap/Overlap.docs.mdx (89%) rename storybook/{storybook-react => }/src/react-components/Overlap/Overlap.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/PageHeading/PageHeading.docs.mdx (83%) rename storybook/{storybook-react => }/src/react-components/PageHeading/PageHeading.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/PageMenu/PageMenu.docs.mdx (85%) rename storybook/{storybook-react => }/src/react-components/PageMenu/PageMenu.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Pagination/Pagination.docs.mdx (71%) rename storybook/{storybook-react => }/src/react-components/Pagination/Pagination.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Paragraph/Paragraph.docs.mdx (91%) rename storybook/{storybook-react => }/src/react-components/Paragraph/Paragraph.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Screen/Screen.docs.mdx (74%) rename storybook/{storybook-react => }/src/react-components/Screen/Screen.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/SearchField/SearchField.docs.mdx (87%) rename storybook/{storybook-react => }/src/react-components/SearchField/SearchField.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/SkipLink/SkipLink.docs.mdx (84%) rename storybook/{storybook-react => }/src/react-components/SkipLink/SkipLink.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Spotlight/Spotlight.docs.mdx (90%) rename storybook/{storybook-react => }/src/react-components/Spotlight/Spotlight.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Switch/Switch.docs.mdx (87%) rename storybook/{storybook-react => }/src/react-components/Switch/Switch.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/Table/Table.docs.mdx (85%) rename storybook/{storybook-react => }/src/react-components/Table/Table.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/TextInput/TextInput.docs.mdx (91%) rename storybook/{storybook-react => }/src/react-components/TextInput/TextInput.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/TopTaskLink/TopTaskLink.docs.mdx (79%) rename storybook/{storybook-react => }/src/react-components/TopTaskLink/TopTaskLink.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/UnorderedList/UnorderedList.docs.mdx (94%) rename storybook/{storybook-react => }/src/react-components/UnorderedList/UnorderedList.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx (71%) rename storybook/{storybook-react => }/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx (100%) rename storybook/{storybook-react => }/src/react-components/shared/argTypes.ts (100%) rename storybook/{storybook-react => }/src/react-components/shared/exampleContent.ts (100%) delete mode 100644 storybook/storybook-react/config/manager.js delete mode 100644 storybook/theme.config.js rename storybook/{storybook-react => }/tsconfig.json (85%) rename storybook/{storybook-react => }/tsconfig.node.json (100%) rename storybook/{storybook-react => }/vite.config.ts (100%) diff --git a/.github/workflows/feature-branch-deploy.yml b/.github/workflows/feature-branch-deploy.yml index a5b8787d55..4f812c5596 100644 --- a/.github/workflows/feature-branch-deploy.yml +++ b/.github/workflows/feature-branch-deploy.yml @@ -53,13 +53,13 @@ jobs: - name: Create a version mark run: | - touch ./storybook/storybook-react/dist/${{ github.sha }}.txt + touch ./storybook/dist/${{ github.sha }}.txt - name: Pushing to pages branch uses: JamesIves/github-pages-deploy-action@v4 with: branch: gh-pages - folder: storybook/storybook-react/dist + folder: storybook/dist target-folder: demo-${{ env.BRANCH_NAME }} - name: Wait for GitHub Pages to be deployed diff --git a/.github/workflows/lint-test.yml b/.github/workflows/lint-test.yml index f6e3f3f7fa..e1727f236e 100644 --- a/.github/workflows/lint-test.yml +++ b/.github/workflows/lint-test.yml @@ -96,5 +96,5 @@ jobs: uses: actions/upload-artifact@v4 with: name: storybook - path: storybook/storybook-react/dist/ + path: storybook/dist/ retention-days: 1 diff --git a/package.json b/package.json index a52c4f3cfc..b191c6e70d 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "workspaces": [ "./packages/*", "./proprietary/*", - "./storybook/*" + "./storybook" ], "devDependencies": { "@lerna-lite/cli": "3.3.0", @@ -75,7 +75,7 @@ "update-patch": "npm-check-updates --configFileName .ncurc.patch.js --deep --dep dev,prod --target patch --upgrade && pnpm install", "watch:css": "npm run --workspace packages/css build:watch", "watch:react": "npm run --workspace packages/react build:watch", - "watch:storybook-react": "npm run --workspace storybook/storybook-react start", + "watch:storybook": "npm run --workspace storybook start", "watch:tokens": "npm run --workspace proprietary/tokens watch" } } diff --git a/plop-templates/storybook.docs.mdx.hbs b/plop-templates/storybook.docs.mdx.hbs index 9ae93df356..aea68c1a86 100644 --- a/plop-templates/storybook.docs.mdx.hbs +++ b/plop-templates/storybook.docs.mdx.hbs @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as {{pascalCase name}}Stories from "./{{pascalCase name}}.stories.tsx"; -import README from "../../../../../packages/css/src/components/{{kebabCase name}}/README.md?raw"; +import README from "../../../../packages/css/src/components/{{kebabCase name}}/README.md?raw"; diff --git a/plopfile.mjs b/plopfile.mjs index 919b43aa60..0c6b69b0fb 100644 --- a/plopfile.mjs +++ b/plopfile.mjs @@ -60,12 +60,12 @@ export default function (plop) { { type: 'add', data: { curlyBefore: '{' }, - path: 'storybook/storybook-react/src/react-components/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', + path: 'storybook/src/react-components/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', templateFile: 'plop-templates/storybook.docs.mdx.hbs', }, { type: 'add', - path: 'storybook/storybook-react/src/react-components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', + path: 'storybook/src/react-components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', templateFile: 'plop-templates/storybook.stories.tsx.hbs', }, ], diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3834eee674..b6adf99e5a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -270,7 +270,7 @@ importers: specifier: 3.9.2 version: 3.9.2 - storybook/storybook-react: + storybook: dependencies: remark-gfm: specifier: 3.0.1 @@ -278,19 +278,19 @@ importers: devDependencies: '@amsterdam/design-system-assets': specifier: workspace:* - version: link:../../proprietary/assets + version: link:../proprietary/assets '@amsterdam/design-system-css': specifier: workspace:* - version: link:../../packages/css + version: link:../packages/css '@amsterdam/design-system-react': specifier: workspace:* - version: link:../../packages/react + version: link:../packages/react '@amsterdam/design-system-react-icons': specifier: workspace:* - version: link:../../proprietary/react-icons + version: link:../proprietary/react-icons '@amsterdam/design-system-tokens': specifier: workspace:* - version: link:../../proprietary/tokens + version: link:../proprietary/tokens '@babel/core': specifier: 7.23.9 version: 7.23.9 @@ -452,14 +452,14 @@ packages: resolution: {integrity: sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true /@babel/helper-builder-binary-assignment-operator-visitor@7.22.15: resolution: {integrity: sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true /@babel/helper-compilation-targets@7.23.6: @@ -491,6 +491,24 @@ packages: semver: 6.3.1 dev: true + /@babel/helper-create-class-features-plugin@7.23.10(@babel/core@7.23.9): + resolution: {integrity: sha512-2XpP2XhkXzgxecPNEEK8Vz8Asj9aRxt08oKOqtiZoqV2UGZ5T+EkyP9sXQ9nwMxBIG34a7jmasVqoMop7VdPUw==} + engines: {node: '>=6.9.0'} + peerDependencies: + '@babel/core': ^7.0.0 + dependencies: + '@babel/core': 7.23.9 + '@babel/helper-annotate-as-pure': 7.22.5 + '@babel/helper-environment-visitor': 7.22.20 + '@babel/helper-function-name': 7.23.0 + '@babel/helper-member-expression-to-functions': 7.23.0 + '@babel/helper-optimise-call-expression': 7.22.5 + '@babel/helper-replace-supers': 7.22.20(@babel/core@7.23.9) + '@babel/helper-skip-transparent-expression-wrappers': 7.22.5 + '@babel/helper-split-export-declaration': 7.22.6 + semver: 6.3.1 + dev: true + /@babel/helper-create-regexp-features-plugin@7.22.15(@babel/core@7.23.9): resolution: {integrity: sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==} engines: {node: '>=6.9.0'} @@ -542,7 +560,14 @@ packages: resolution: {integrity: sha512-qLNsZbgrNh0fDQBCPocSL8guki1hcPvltGDv/NxvUoABwFq7GkKSu1nRXeJkVZc+wJvne2E0RKQz+2SQrz6eAA==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 + dev: true + + /@babel/helper-member-expression-to-functions@7.23.0: + resolution: {integrity: sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==} + engines: {node: '>=6.9.0'} + dependencies: + '@babel/types': 7.23.9 dev: true /@babel/helper-module-imports@7.22.15: @@ -570,7 +595,7 @@ packages: resolution: {integrity: sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true /@babel/helper-plugin-utils@7.22.5: @@ -613,7 +638,7 @@ packages: resolution: {integrity: sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true /@babel/helper-split-export-declaration@7.22.6: @@ -653,8 +678,8 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/helper-function-name': 7.23.0 - '@babel/template': 7.22.15 - '@babel/types': 7.23.6 + '@babel/template': 7.23.9 + '@babel/types': 7.23.9 dev: true /@babel/helpers@7.23.9: @@ -677,14 +702,6 @@ packages: js-tokens: 4.0.0 dev: true - /@babel/parser@7.23.6: - resolution: {integrity: sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==} - engines: {node: '>=6.0.0'} - hasBin: true - dependencies: - '@babel/types': 7.23.6 - dev: true - /@babel/parser@7.23.9: resolution: {integrity: sha512-9tcKgqKbs3xGJ+NtKF2ndOBBLVwPjl1SHxPQkd36r3Dlirw3xWUeGaTbqr7uGZcTaxkVNwc+03SVP7aCdWrTlA==} engines: {node: '>=6.0.0'} @@ -1545,15 +1562,15 @@ packages: '@babel/helper-plugin-utils': 7.22.5 dev: true - /@babel/plugin-transform-typescript@7.23.4(@babel/core@7.23.9): - resolution: {integrity: sha512-39hCCOl+YUAyMOu6B9SmUTiHUU0t/CxJNUmY3qRdJujbqi+lrQcL11ysYUsAvFWPBdhihrv1z0oRG84Yr3dODQ==} + /@babel/plugin-transform-typescript@7.23.6(@babel/core@7.23.9): + resolution: {integrity: sha512-6cBG5mBvUu4VUD04OHKnYzbuHNP8huDsD3EDqqpIpsswTDoqHCjLoHb6+QgsV1WsT2nipRqCPgxD3LXnEO7XfA==} engines: {node: '>=6.9.0'} peerDependencies: '@babel/core': ^7.0.0-0 dependencies: '@babel/core': 7.23.9 '@babel/helper-annotate-as-pure': 7.22.5 - '@babel/helper-create-class-features-plugin': 7.22.15(@babel/core@7.23.9) + '@babel/helper-create-class-features-plugin': 7.23.10(@babel/core@7.23.9) '@babel/helper-plugin-utils': 7.22.5 '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.9) dev: true @@ -1741,11 +1758,11 @@ packages: '@babel/helper-validator-option': 7.23.5 '@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.9) '@babel/plugin-transform-modules-commonjs': 7.23.3(@babel/core@7.23.9) - '@babel/plugin-transform-typescript': 7.23.4(@babel/core@7.23.9) + '@babel/plugin-transform-typescript': 7.23.6(@babel/core@7.23.9) dev: true - /@babel/register@7.22.15(@babel/core@7.23.9): - resolution: {integrity: sha512-V3Q3EqoQdn65RCgTLwauZaTfd1ShhwPmbBv+1dkZV/HpCGMKVyn6oFcRlI7RaKqiDQjX2Qd3AuoEguBgdjIKlg==} + /@babel/register@7.23.7(@babel/core@7.23.9): + resolution: {integrity: sha512-EjJeB6+kvpk+Y5DAkEAmbOBEFkh9OASx0huoEkqYTFxAZHzOAX2Oh5uwAUuL2rUddqfM0SA+KPXV2TbzoZ2kvQ==} engines: {node: '>=6.9.0'} peerDependencies: '@babel/core': ^7.0.0-0 @@ -1754,7 +1771,7 @@ packages: clone-deep: 4.0.1 find-cache-dir: 2.1.0 make-dir: 2.1.0 - pirates: 4.0.5 + pirates: 4.0.6 source-map-support: 0.5.21 dev: true @@ -1774,8 +1791,8 @@ packages: engines: {node: '>=6.9.0'} dependencies: '@babel/code-frame': 7.23.5 - '@babel/parser': 7.23.6 - '@babel/types': 7.23.6 + '@babel/parser': 7.23.9 + '@babel/types': 7.23.9 dev: true /@babel/template@7.23.9: @@ -1895,16 +1912,25 @@ packages: engines: {node: '>=10.0.0'} dev: true - /@emotion/use-insertion-effect-with-fallbacks@1.0.0(react@18.2.0): - resolution: {integrity: sha512-1eEgUGmkaljiBnRMTdksDV1W4kUnmwgp7X9G8B++9GYwl1lUdqSndSriIrTJ0N7LQaoauY9JJ2yhiOYK5+NI4A==} + /@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.2.0): + resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: react: '>=16.8.0' dependencies: react: 18.2.0 dev: true - /@esbuild/android-arm64@0.18.12: - resolution: {integrity: sha512-BMAlczRqC/LUt2P97E4apTBbkvS9JTJnp2DKFbCwpZ8vBvXVbNdqmvzW/OsdtI/+mGr+apkkpqGM8WecLkPgrA==} + /@esbuild/aix-ppc64@0.19.12: + resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==} + engines: {node: '>=12'} + cpu: [ppc64] + os: [aix] + requiresBuild: true + dev: true + optional: true + + /@esbuild/android-arm64@0.18.20: + resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==} engines: {node: '>=12'} cpu: [arm64] os: [android] @@ -1912,8 +1938,8 @@ packages: dev: true optional: true - /@esbuild/android-arm64@0.19.7: - resolution: {integrity: sha512-YEDcw5IT7hW3sFKZBkCAQaOCJQLONVcD4bOyTXMZz5fr66pTHnAet46XAtbXAkJRfIn2YVhdC6R9g4xa27jQ1w==} + /@esbuild/android-arm64@0.19.12: + resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==} engines: {node: '>=12'} cpu: [arm64] os: [android] @@ -1921,8 +1947,8 @@ packages: dev: true optional: true - /@esbuild/android-arm@0.18.12: - resolution: {integrity: sha512-LIxaNIQfkFZbTLb4+cX7dozHlAbAshhFE5PKdro0l+FnCpx1GDJaQ2WMcqm+ToXKMt8p8Uojk/MFRuGyz3V5Sw==} + /@esbuild/android-arm@0.18.20: + resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==} engines: {node: '>=12'} cpu: [arm] os: [android] @@ -1930,8 +1956,8 @@ packages: dev: true optional: true - /@esbuild/android-arm@0.19.7: - resolution: {integrity: sha512-YGSPnndkcLo4PmVl2tKatEn+0mlVMr3yEpOOT0BeMria87PhvoJb5dg5f5Ft9fbCVgtAz4pWMzZVgSEGpDAlww==} + /@esbuild/android-arm@0.19.12: + resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==} engines: {node: '>=12'} cpu: [arm] os: [android] @@ -1939,8 +1965,8 @@ packages: dev: true optional: true - /@esbuild/android-x64@0.18.12: - resolution: {integrity: sha512-zU5MyluNsykf5cOJ0LZZZjgAHbhPJ1cWfdH1ZXVMXxVMhEV0VZiZXQdwBBVvmvbF28EizeK7obG9fs+fpmS0eQ==} + /@esbuild/android-x64@0.18.20: + resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==} engines: {node: '>=12'} cpu: [x64] os: [android] @@ -1948,8 +1974,8 @@ packages: dev: true optional: true - /@esbuild/android-x64@0.19.7: - resolution: {integrity: sha512-jhINx8DEjz68cChFvM72YzrqfwJuFbfvSxZAk4bebpngGfNNRm+zRl4rtT9oAX6N9b6gBcFaJHFew5Blf6CvUw==} + /@esbuild/android-x64@0.19.12: + resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==} engines: {node: '>=12'} cpu: [x64] os: [android] @@ -1957,8 +1983,8 @@ packages: dev: true optional: true - /@esbuild/darwin-arm64@0.18.12: - resolution: {integrity: sha512-zUZMep7YONnp6954QOOwEBwFX9svlKd3ov6PkxKd53LGTHsp/gy7vHaPGhhjBmEpqXEXShi6dddjIkmd+NgMsA==} + /@esbuild/darwin-arm64@0.18.20: + resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==} engines: {node: '>=12'} cpu: [arm64] os: [darwin] @@ -1966,8 +1992,8 @@ packages: dev: true optional: true - /@esbuild/darwin-arm64@0.19.7: - resolution: {integrity: sha512-dr81gbmWN//3ZnBIm6YNCl4p3pjnabg1/ZVOgz2fJoUO1a3mq9WQ/1iuEluMs7mCL+Zwv7AY5e3g1hjXqQZ9Iw==} + /@esbuild/darwin-arm64@0.19.12: + resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==} engines: {node: '>=12'} cpu: [arm64] os: [darwin] @@ -1975,8 +2001,8 @@ packages: dev: true optional: true - /@esbuild/darwin-x64@0.18.12: - resolution: {integrity: sha512-ohqLPc7i67yunArPj1+/FeeJ7AgwAjHqKZ512ADk3WsE3FHU9l+m5aa7NdxXr0HmN1bjDlUslBjWNbFlD9y12Q==} + /@esbuild/darwin-x64@0.18.20: + resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==} engines: {node: '>=12'} cpu: [x64] os: [darwin] @@ -1984,8 +2010,8 @@ packages: dev: true optional: true - /@esbuild/darwin-x64@0.19.7: - resolution: {integrity: sha512-Lc0q5HouGlzQEwLkgEKnWcSazqr9l9OdV2HhVasWJzLKeOt0PLhHaUHuzb8s/UIya38DJDoUm74GToZ6Wc7NGQ==} + /@esbuild/darwin-x64@0.19.12: + resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==} engines: {node: '>=12'} cpu: [x64] os: [darwin] @@ -1993,8 +2019,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-arm64@0.18.12: - resolution: {integrity: sha512-GIIHtQXqgeOOqdG16a/A9N28GpkvjJnjYMhOnXVbn3EDJcoItdR58v/pGN31CHjyXDc8uCcRnFWmqaJt24AYJg==} + /@esbuild/freebsd-arm64@0.18.20: + resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==} engines: {node: '>=12'} cpu: [arm64] os: [freebsd] @@ -2002,8 +2028,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-arm64@0.19.7: - resolution: {integrity: sha512-+y2YsUr0CxDFF7GWiegWjGtTUF6gac2zFasfFkRJPkMAuMy9O7+2EH550VlqVdpEEchWMynkdhC9ZjtnMiHImQ==} + /@esbuild/freebsd-arm64@0.19.12: + resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==} engines: {node: '>=12'} cpu: [arm64] os: [freebsd] @@ -2011,8 +2037,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-x64@0.18.12: - resolution: {integrity: sha512-zK0b9a1/0wZY+6FdOS3BpZcPc1kcx2G5yxxfEJtEUzVxI6n/FrC2Phsxj/YblPuBchhBZ/1wwn7AyEBUyNSa6g==} + /@esbuild/freebsd-x64@0.18.20: + resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==} engines: {node: '>=12'} cpu: [x64] os: [freebsd] @@ -2020,8 +2046,8 @@ packages: dev: true optional: true - /@esbuild/freebsd-x64@0.19.7: - resolution: {integrity: sha512-CdXOxIbIzPJmJhrpmJTLx+o35NoiKBIgOvmvT+jeSadYiWJn0vFKsl+0bSG/5lwjNHoIDEyMYc/GAPR9jxusTA==} + /@esbuild/freebsd-x64@0.19.12: + resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==} engines: {node: '>=12'} cpu: [x64] os: [freebsd] @@ -2029,8 +2055,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm64@0.18.12: - resolution: {integrity: sha512-JKgG8Q/LL/9sw/iHHxQyVMoQYu3rU3+a5Z87DxC+wAu3engz+EmctIrV+FGOgI6gWG1z1+5nDDbXiRMGQZXqiw==} + /@esbuild/linux-arm64@0.18.20: + resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==} engines: {node: '>=12'} cpu: [arm64] os: [linux] @@ -2038,8 +2064,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm64@0.19.7: - resolution: {integrity: sha512-inHqdOVCkUhHNvuQPT1oCB7cWz9qQ/Cz46xmVe0b7UXcuIJU3166aqSunsqkgSGMtUCWOZw3+KMwI6otINuC9g==} + /@esbuild/linux-arm64@0.19.12: + resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==} engines: {node: '>=12'} cpu: [arm64] os: [linux] @@ -2047,8 +2073,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm@0.18.12: - resolution: {integrity: sha512-y75OijvrBE/1XRrXq1jtrJfG26eHeMoqLJ2dwQNwviwTuTtHGCojsDO6BJNF8gU+3jTn1KzJEMETytwsFSvc+Q==} + /@esbuild/linux-arm@0.18.20: + resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==} engines: {node: '>=12'} cpu: [arm] os: [linux] @@ -2056,8 +2082,8 @@ packages: dev: true optional: true - /@esbuild/linux-arm@0.19.7: - resolution: {integrity: sha512-Y+SCmWxsJOdQtjcBxoacn/pGW9HDZpwsoof0ttL+2vGcHokFlfqV666JpfLCSP2xLxFpF1lj7T3Ox3sr95YXww==} + /@esbuild/linux-arm@0.19.12: + resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==} engines: {node: '>=12'} cpu: [arm] os: [linux] @@ -2065,8 +2091,8 @@ packages: dev: true optional: true - /@esbuild/linux-ia32@0.18.12: - resolution: {integrity: sha512-yoRIAqc0B4lDIAAEFEIu9ttTRFV84iuAl0KNCN6MhKLxNPfzwCBvEMgwco2f71GxmpBcTtn7KdErueZaM2rEvw==} + /@esbuild/linux-ia32@0.18.20: + resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==} engines: {node: '>=12'} cpu: [ia32] os: [linux] @@ -2074,8 +2100,8 @@ packages: dev: true optional: true - /@esbuild/linux-ia32@0.19.7: - resolution: {integrity: sha512-2BbiL7nLS5ZO96bxTQkdO0euGZIUQEUXMTrqLxKUmk/Y5pmrWU84f+CMJpM8+EHaBPfFSPnomEaQiG/+Gmh61g==} + /@esbuild/linux-ia32@0.19.12: + resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==} engines: {node: '>=12'} cpu: [ia32] os: [linux] @@ -2083,8 +2109,8 @@ packages: dev: true optional: true - /@esbuild/linux-loong64@0.18.12: - resolution: {integrity: sha512-qYgt3dHPVvf/MgbIBpJ4Sup/yb9DAopZ3a2JgMpNKIHUpOdnJ2eHBo/aQdnd8dJ21X/+sS58wxHtA9lEazYtXQ==} + /@esbuild/linux-loong64@0.18.20: + resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==} engines: {node: '>=12'} cpu: [loong64] os: [linux] @@ -2092,8 +2118,8 @@ packages: dev: true optional: true - /@esbuild/linux-loong64@0.19.7: - resolution: {integrity: sha512-BVFQla72KXv3yyTFCQXF7MORvpTo4uTA8FVFgmwVrqbB/4DsBFWilUm1i2Oq6zN36DOZKSVUTb16jbjedhfSHw==} + /@esbuild/linux-loong64@0.19.12: + resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==} engines: {node: '>=12'} cpu: [loong64] os: [linux] @@ -2101,8 +2127,8 @@ packages: dev: true optional: true - /@esbuild/linux-mips64el@0.18.12: - resolution: {integrity: sha512-wHphlMLK4ufNOONqukELfVIbnGQJrHJ/mxZMMrP2jYrPgCRZhOtf0kC4yAXBwnfmULimV1qt5UJJOw4Kh13Yfg==} + /@esbuild/linux-mips64el@0.18.20: + resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==} engines: {node: '>=12'} cpu: [mips64el] os: [linux] @@ -2110,8 +2136,8 @@ packages: dev: true optional: true - /@esbuild/linux-mips64el@0.19.7: - resolution: {integrity: sha512-DzAYckIaK+pS31Q/rGpvUKu7M+5/t+jI+cdleDgUwbU7KdG2eC3SUbZHlo6Q4P1CfVKZ1lUERRFP8+q0ob9i2w==} + /@esbuild/linux-mips64el@0.19.12: + resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==} engines: {node: '>=12'} cpu: [mips64el] os: [linux] @@ -2119,8 +2145,8 @@ packages: dev: true optional: true - /@esbuild/linux-ppc64@0.18.12: - resolution: {integrity: sha512-TeN//1Ft20ZZW41+zDSdOI/Os1bEq5dbvBvYkberB7PHABbRcsteeoNVZFlI0YLpGdlBqohEpjrn06kv8heCJg==} + /@esbuild/linux-ppc64@0.18.20: + resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==} engines: {node: '>=12'} cpu: [ppc64] os: [linux] @@ -2128,8 +2154,8 @@ packages: dev: true optional: true - /@esbuild/linux-ppc64@0.19.7: - resolution: {integrity: sha512-JQ1p0SmUteNdUaaiRtyS59GkkfTW0Edo+e0O2sihnY4FoZLz5glpWUQEKMSzMhA430ctkylkS7+vn8ziuhUugQ==} + /@esbuild/linux-ppc64@0.19.12: + resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==} engines: {node: '>=12'} cpu: [ppc64] os: [linux] @@ -2137,8 +2163,8 @@ packages: dev: true optional: true - /@esbuild/linux-riscv64@0.18.12: - resolution: {integrity: sha512-AgUebVS4DoAblBgiB2ACQ/8l4eGE5aWBb8ZXtkXHiET9mbj7GuWt3OnsIW/zX+XHJt2RYJZctbQ2S/mDjbp0UA==} + /@esbuild/linux-riscv64@0.18.20: + resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==} engines: {node: '>=12'} cpu: [riscv64] os: [linux] @@ -2146,8 +2172,8 @@ packages: dev: true optional: true - /@esbuild/linux-riscv64@0.19.7: - resolution: {integrity: sha512-xGwVJ7eGhkprY/nB7L7MXysHduqjpzUl40+XoYDGC4UPLbnG+gsyS1wQPJ9lFPcxYAaDXbdRXd1ACs9AE9lxuw==} + /@esbuild/linux-riscv64@0.19.12: + resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==} engines: {node: '>=12'} cpu: [riscv64] os: [linux] @@ -2155,8 +2181,8 @@ packages: dev: true optional: true - /@esbuild/linux-s390x@0.18.12: - resolution: {integrity: sha512-dJ3Rb3Ei2u/ysSXd6pzleGtfDdc2MuzKt8qc6ls8vreP1G3B7HInX3i7gXS4BGeVd24pp0yqyS7bJ5NHaI9ing==} + /@esbuild/linux-s390x@0.18.20: + resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==} engines: {node: '>=12'} cpu: [s390x] os: [linux] @@ -2164,8 +2190,8 @@ packages: dev: true optional: true - /@esbuild/linux-s390x@0.19.7: - resolution: {integrity: sha512-U8Rhki5PVU0L0nvk+E8FjkV8r4Lh4hVEb9duR6Zl21eIEYEwXz8RScj4LZWA2i3V70V4UHVgiqMpszXvG0Yqhg==} + /@esbuild/linux-s390x@0.19.12: + resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==} engines: {node: '>=12'} cpu: [s390x] os: [linux] @@ -2173,8 +2199,8 @@ packages: dev: true optional: true - /@esbuild/linux-x64@0.18.12: - resolution: {integrity: sha512-OrNJMGQbPaVyHHcDF8ybNSwu7TDOfX8NGpXCbetwOSP6txOJiWlgQnRymfC9ocR1S0Y5PW0Wb1mV6pUddqmvmQ==} + /@esbuild/linux-x64@0.18.20: + resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==} engines: {node: '>=12'} cpu: [x64] os: [linux] @@ -2182,8 +2208,8 @@ packages: dev: true optional: true - /@esbuild/linux-x64@0.19.7: - resolution: {integrity: sha512-ZYZopyLhm4mcoZXjFt25itRlocKlcazDVkB4AhioiL9hOWhDldU9n38g62fhOI4Pth6vp+Mrd5rFKxD0/S+7aQ==} + /@esbuild/linux-x64@0.19.12: + resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==} engines: {node: '>=12'} cpu: [x64] os: [linux] @@ -2191,8 +2217,8 @@ packages: dev: true optional: true - /@esbuild/netbsd-x64@0.18.12: - resolution: {integrity: sha512-55FzVCAiwE9FK8wWeCRuvjazNRJ1QqLCYGZVB6E8RuQuTeStSwotpSW4xoRGwp3a1wUsaVCdYcj5LGCASVJmMg==} + /@esbuild/netbsd-x64@0.18.20: + resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==} engines: {node: '>=12'} cpu: [x64] os: [netbsd] @@ -2200,8 +2226,8 @@ packages: dev: true optional: true - /@esbuild/netbsd-x64@0.19.7: - resolution: {integrity: sha512-/yfjlsYmT1O3cum3J6cmGG16Fd5tqKMcg5D+sBYLaOQExheAJhqr8xOAEIuLo8JYkevmjM5zFD9rVs3VBcsjtQ==} + /@esbuild/netbsd-x64@0.19.12: + resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==} engines: {node: '>=12'} cpu: [x64] os: [netbsd] @@ -2209,8 +2235,8 @@ packages: dev: true optional: true - /@esbuild/openbsd-x64@0.18.12: - resolution: {integrity: sha512-qnluf8rfb6Y5Lw2tirfK2quZOBbVqmwxut7GPCIJsM8lc4AEUj9L8y0YPdLaPK0TECt4IdyBdBD/KRFKorlK3g==} + /@esbuild/openbsd-x64@0.18.20: + resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==} engines: {node: '>=12'} cpu: [x64] os: [openbsd] @@ -2218,8 +2244,8 @@ packages: dev: true optional: true - /@esbuild/openbsd-x64@0.19.7: - resolution: {integrity: sha512-MYDFyV0EW1cTP46IgUJ38OnEY5TaXxjoDmwiTXPjezahQgZd+j3T55Ht8/Q9YXBM0+T9HJygrSRGV5QNF/YVDQ==} + /@esbuild/openbsd-x64@0.19.12: + resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==} engines: {node: '>=12'} cpu: [x64] os: [openbsd] @@ -2227,8 +2253,8 @@ packages: dev: true optional: true - /@esbuild/sunos-x64@0.18.12: - resolution: {integrity: sha512-+RkKpVQR7bICjTOPUpkTBTaJ4TFqQBX5Ywyd/HSdDkQGn65VPkTsR/pL4AMvuMWy+wnXgIl4EY6q4mVpJal8Kg==} + /@esbuild/sunos-x64@0.18.20: + resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==} engines: {node: '>=12'} cpu: [x64] os: [sunos] @@ -2236,8 +2262,8 @@ packages: dev: true optional: true - /@esbuild/sunos-x64@0.19.7: - resolution: {integrity: sha512-JcPvgzf2NN/y6X3UUSqP6jSS06V0DZAV/8q0PjsZyGSXsIGcG110XsdmuWiHM+pno7/mJF6fjH5/vhUz/vA9fw==} + /@esbuild/sunos-x64@0.19.12: + resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==} engines: {node: '>=12'} cpu: [x64] os: [sunos] @@ -2245,8 +2271,8 @@ packages: dev: true optional: true - /@esbuild/win32-arm64@0.18.12: - resolution: {integrity: sha512-GNHuciv0mFM7ouzsU0+AwY+7eV4Mgo5WnbhfDCQGtpvOtD1vbOiRjPYG6dhmMoFyBjj+pNqQu2X+7DKn0KQ/Gw==} + /@esbuild/win32-arm64@0.18.20: + resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==} engines: {node: '>=12'} cpu: [arm64] os: [win32] @@ -2254,8 +2280,8 @@ packages: dev: true optional: true - /@esbuild/win32-arm64@0.19.7: - resolution: {integrity: sha512-ZA0KSYti5w5toax5FpmfcAgu3ZNJxYSRm0AW/Dao5up0YV1hDVof1NvwLomjEN+3/GMtaWDI+CIyJOMTRSTdMw==} + /@esbuild/win32-arm64@0.19.12: + resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==} engines: {node: '>=12'} cpu: [arm64] os: [win32] @@ -2263,8 +2289,8 @@ packages: dev: true optional: true - /@esbuild/win32-ia32@0.18.12: - resolution: {integrity: sha512-kR8cezhYipbbypGkaqCTWIeu4zID17gamC8YTPXYtcN3E5BhhtTnwKBn9I0PJur/T6UVwIEGYzkffNL0lFvxEw==} + /@esbuild/win32-ia32@0.18.20: + resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==} engines: {node: '>=12'} cpu: [ia32] os: [win32] @@ -2272,8 +2298,8 @@ packages: dev: true optional: true - /@esbuild/win32-ia32@0.19.7: - resolution: {integrity: sha512-CTOnijBKc5Jpk6/W9hQMMvJnsSYRYgveN6O75DTACCY18RA2nqka8dTZR+x/JqXCRiKk84+5+bRKXUSbbwsS0A==} + /@esbuild/win32-ia32@0.19.12: + resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==} engines: {node: '>=12'} cpu: [ia32] os: [win32] @@ -2281,8 +2307,8 @@ packages: dev: true optional: true - /@esbuild/win32-x64@0.18.12: - resolution: {integrity: sha512-O0UYQVkvfM/jO8a4OwoV0mAKSJw+mjWTAd1MJd/1FCX6uiMdLmMRPK/w6e9OQ0ob2WGxzIm9va/KG0Ja4zIOgg==} + /@esbuild/win32-x64@0.18.20: + resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==} engines: {node: '>=12'} cpu: [x64] os: [win32] @@ -2290,8 +2316,8 @@ packages: dev: true optional: true - /@esbuild/win32-x64@0.19.7: - resolution: {integrity: sha512-gRaP2sk6hc98N734luX4VpF318l3w+ofrtTu9j5L8EQXF+FzQKV6alCOHMVoJJHvVK/mGbwBXfOL1HETQu9IGQ==} + /@esbuild/win32-x64@0.19.12: + resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==} engines: {node: '>=12'} cpu: [x64] os: [win32] @@ -2340,32 +2366,32 @@ packages: resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==} dev: true - /@floating-ui/core@1.4.1: - resolution: {integrity: sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==} + /@floating-ui/core@1.6.0: + resolution: {integrity: sha512-PcF++MykgmTj3CIyOQbKA/hDzOAiqI3mhuoN44WRCopIs1sgoDoU4oty4Jtqaj/y3oDU6fnVSm4QG0a3t5i0+g==} dependencies: - '@floating-ui/utils': 0.1.2 + '@floating-ui/utils': 0.2.1 dev: true - /@floating-ui/dom@1.5.2: - resolution: {integrity: sha512-6ArmenS6qJEWmwzczWyhvrXRdI/rI78poBcW0h/456+onlabit+2G+QxHx5xTOX60NBJQXjsCLFbW2CmsXpUog==} + /@floating-ui/dom@1.6.3: + resolution: {integrity: sha512-RnDthu3mzPlQ31Ss/BTwQ1zjzIhr3lk1gZB1OC56h/1vEtaXkESrOqL5fQVMfXpwGtRwX+YsZBdyHtJMQnkArw==} dependencies: - '@floating-ui/core': 1.4.1 - '@floating-ui/utils': 0.1.2 + '@floating-ui/core': 1.6.0 + '@floating-ui/utils': 0.2.1 dev: true - /@floating-ui/react-dom@2.0.2(react-dom@18.2.0)(react@18.2.0): - resolution: {integrity: sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==} + /@floating-ui/react-dom@2.0.8(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-HOdqOt3R3OGeTKidaLvJKcgg75S6tibQ3Tif4eyd91QnIJWr0NLvoXFpJA/j8HqkFSL68GDca9AuyWEHlhyClw==} peerDependencies: react: '>=16.8.0' react-dom: '>=16.8.0' dependencies: - '@floating-ui/dom': 1.5.2 + '@floating-ui/dom': 1.6.3 react: 18.2.0 react-dom: 18.2.0(react@18.2.0) dev: true - /@floating-ui/utils@0.1.2: - resolution: {integrity: sha512-ou3elfqG/hZsbmF4bxeJhPHIf3G2pm0ujc39hYEZrfVqt7Vk/Zji6CXc3W0pmYM8BW1g40U+akTl9DKZhFhInQ==} + /@floating-ui/utils@0.2.1: + resolution: {integrity: sha512-9TANp6GPoMtYzQdt54kfAyMmz1+osLlXdg2ENroU7zzrtflTLrrC/lgrIfaSe+Wu0b89GKccT7vxXA0MoAIO+Q==} dev: true /@gar/promisify@1.1.3: @@ -2646,7 +2672,7 @@ packages: '@types/istanbul-lib-coverage': 2.0.4 '@types/istanbul-reports': 3.0.1 '@types/node': 20.11.19 - '@types/yargs': 16.0.5 + '@types/yargs': 16.0.9 chalk: 4.1.2 dev: true @@ -2889,13 +2915,13 @@ packages: peerDependencies: react: '>=16' dependencies: - '@types/mdx': 2.0.4 + '@types/mdx': 2.0.11 '@types/react': 18.2.57 react: 18.2.0 dev: true - /@ndelangen/get-tarball@3.0.7: - resolution: {integrity: sha512-NqGfTZIZpRFef1GoVaShSSRwDC3vde3ThtTeqFdcYd6ipKqnfEVhjK2hUeHjCQUcptyZr2TONqcloFXM+5QBrQ==} + /@ndelangen/get-tarball@3.0.9: + resolution: {integrity: sha512-9JKTEik4vq+yGosHYhZ1tiH/3WpUS0Nh0kej4Agndhox8pAdWhEx5knFVRcb/ya9knCRCs1rPxNrSXTDdfVqpA==} dependencies: gunzip-maybe: 1.4.2 pump: 3.0.0 @@ -3039,14 +3065,14 @@ packages: engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0} dependencies: '@gar/promisify': 1.1.3 - semver: 7.5.4 + semver: 7.6.0 dev: true /@npmcli/fs@3.1.0: resolution: {integrity: sha512-7kZUAaLscfgbwBQRbvdMYaZOWyMEcPTH/tJjnyAWJ/dvvs9Ef+CERx/qJb9GExJpl1qipaDGn7KqHnFGGixd0w==} engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} dependencies: - semver: 7.5.4 + semver: 7.6.0 dev: true /@npmcli/git@4.0.4: @@ -3059,7 +3085,7 @@ packages: proc-log: 3.0.0 promise-inflight: 1.0.1 promise-retry: 2.0.1 - semver: 7.5.4 + semver: 7.6.0 which: 3.0.1 transitivePeerDependencies: - bluebird @@ -3075,7 +3101,7 @@ packages: proc-log: 3.0.0 promise-inflight: 1.0.1 promise-retry: 2.0.1 - semver: 7.5.4 + semver: 7.6.0 which: 3.0.1 transitivePeerDependencies: - bluebird @@ -3422,7 +3448,7 @@ packages: optional: true dependencies: '@babel/runtime': 7.23.9 - '@floating-ui/react-dom': 2.0.2(react-dom@18.2.0)(react@18.2.0) + '@floating-ui/react-dom': 2.0.8(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-arrow': 1.0.3(@types/react@18.2.57)(react-dom@18.2.0)(react@18.2.0) '@radix-ui/react-compose-refs': 1.0.1(@types/react@18.2.57)(react@18.2.0) '@radix-ui/react-context': 1.0.1(@types/react@18.2.57)(react@18.2.0) @@ -4057,7 +4083,7 @@ packages: resolution: {integrity: sha512-UYHJAKQpJMCu4X4O/325UqozYrkhPn2VyQdwPgC+uiOKZvrtni4uRbpOspeyjC0wXH1tDbY8WZvxwvwQryYkpA==} dependencies: '@storybook/addon-highlight': 7.6.17 - axe-core: 4.7.0 + axe-core: 4.8.4 dev: true /@storybook/addon-actions@7.6.17: @@ -4065,9 +4091,9 @@ packages: dependencies: '@storybook/core-events': 7.6.17 '@storybook/global': 5.0.0 - '@types/uuid': 9.0.7 + '@types/uuid': 9.0.8 dequal: 2.0.3 - polished: 4.2.2 + polished: 4.3.1 uuid: 9.0.1 dev: true @@ -4169,7 +4195,7 @@ packages: '@storybook/global': 5.0.0 '@storybook/types': 7.6.17 jest-mock: 27.5.1 - polished: 4.2.2 + polished: 4.3.1 ts-dedent: 2.2.0 dev: true @@ -4191,7 +4217,7 @@ packages: resolution: {integrity: sha512-O5vnHZNkduvZ95jf1UssbOl6ivIxzl5tv+4EpScPYId7w700bxWsJH+QX7ip6KlrCf2o3iUhmPe8bm05ghG2KA==} dependencies: '@storybook/global': 5.0.0 - tiny-invariant: 1.3.1 + tiny-invariant: 1.3.2 dev: true /@storybook/addon-outline@7.6.17: @@ -4259,14 +4285,14 @@ packages: color-convert: 2.0.1 dequal: 2.0.3 lodash: 4.17.21 - markdown-to-jsx: 7.2.0(react@18.2.0) + markdown-to-jsx: 7.4.1(react@18.2.0) memoizerific: 1.11.3 - polished: 4.2.2 + polished: 4.3.1 react: 18.2.0 react-colorful: 5.6.1(react-dom@18.2.0)(react@18.2.0) react-dom: 18.2.0(react@18.2.0) telejson: 7.2.0 - tocbot: 4.21.0 + tocbot: 4.25.0 ts-dedent: 2.2.0 util-deprecate: 1.0.2 transitivePeerDependencies: @@ -4283,12 +4309,12 @@ packages: '@storybook/core-common': 7.6.17 '@storybook/manager': 7.6.17 '@storybook/node-logger': 7.6.17 - '@types/ejs': 3.1.2 + '@types/ejs': 3.1.5 '@types/find-cache-dir': 3.2.1 - '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.12) + '@yarnpkg/esbuild-plugin-pnp': 3.0.0-rc.15(esbuild@0.18.20) browser-assert: 1.2.1 ejs: 3.1.9 - esbuild: 0.18.12 + esbuild: 0.18.20 esbuild-plugin-alias: 0.2.1 express: 4.18.2 find-cache-dir: 3.3.2 @@ -4344,9 +4370,9 @@ packages: '@storybook/client-logger': 7.6.17 '@storybook/core-events': 7.6.17 '@storybook/global': 5.0.0 - qs: 6.11.1 + qs: 6.11.2 telejson: 7.2.0 - tiny-invariant: 1.3.1 + tiny-invariant: 1.3.2 dev: true /@storybook/cli@7.6.17: @@ -4356,7 +4382,7 @@ packages: '@babel/core': 7.23.9 '@babel/preset-env': 7.23.9(@babel/core@7.23.9) '@babel/types': 7.23.9 - '@ndelangen/get-tarball': 3.0.7 + '@ndelangen/get-tarball': 3.0.9 '@storybook/codemod': 7.6.17 '@storybook/core-common': 7.6.17 '@storybook/core-events': 7.6.17 @@ -4372,16 +4398,16 @@ packages: commander: 6.2.1 cross-spawn: 7.0.3 detect-indent: 6.1.0 - envinfo: 7.8.1 + envinfo: 7.11.1 execa: 5.1.1 express: 4.18.2 find-up: 5.0.0 fs-extra: 11.2.0 - get-npm-tarball-url: 2.0.3 + get-npm-tarball-url: 2.1.0 get-port: 5.1.1 - giget: 1.1.2 + giget: 1.2.1 globby: 11.1.0 - jscodeshift: 0.15.1(@babel/preset-env@7.23.9) + jscodeshift: 0.15.2(@babel/preset-env@7.23.9) leven: 3.1.0 ora: 5.4.1 prettier: 2.8.8 @@ -4416,10 +4442,10 @@ packages: '@storybook/csf-tools': 7.6.17 '@storybook/node-logger': 7.6.17 '@storybook/types': 7.6.17 - '@types/cross-spawn': 6.0.2 + '@types/cross-spawn': 6.0.6 cross-spawn: 7.0.3 globby: 11.1.0 - jscodeshift: 0.15.1(@babel/preset-env@7.23.9) + jscodeshift: 0.15.2(@babel/preset-env@7.23.9) lodash: 4.17.21 prettier: 2.8.8 recast: 0.23.4 @@ -4464,12 +4490,12 @@ packages: '@storybook/node-logger': 7.6.17 '@storybook/types': 7.6.17 '@types/find-cache-dir': 3.2.1 - '@types/node': 18.18.0 - '@types/node-fetch': 2.6.4 - '@types/pretty-hrtime': 1.0.1 + '@types/node': 18.19.18 + '@types/node-fetch': 2.6.11 + '@types/pretty-hrtime': 1.0.3 chalk: 4.1.2 - esbuild: 0.18.12 - esbuild-register: 3.5.0(esbuild@0.18.12) + esbuild: 0.18.20 + esbuild-register: 3.5.0(esbuild@0.18.20) file-system-cache: 2.3.0 find-cache-dir: 3.3.2 find-up: 5.0.0 @@ -4512,9 +4538,9 @@ packages: '@storybook/preview-api': 7.6.17 '@storybook/telemetry': 7.6.17 '@storybook/types': 7.6.17 - '@types/detect-port': 1.3.2 - '@types/node': 18.18.0 - '@types/pretty-hrtime': 1.0.1 + '@types/detect-port': 1.3.5 + '@types/node': 18.19.18 + '@types/pretty-hrtime': 1.0.3 '@types/semver': 7.5.5 better-opn: 3.0.2 chalk: 4.1.2 @@ -4532,7 +4558,7 @@ packages: read-pkg-up: 7.0.1 semver: 7.6.0 telejson: 7.2.0 - tiny-invariant: 1.3.1 + tiny-invariant: 1.3.2 ts-dedent: 2.2.0 util: 0.12.5 util-deprecate: 1.0.2 @@ -4549,7 +4575,7 @@ packages: resolution: {integrity: sha512-xTHv9BUh3bkDVCvcbmdfVF0/e96BdrEgqPJ3G3RmKbSzWLOkQ2U9yiPfHzT0KJWPhVwj12fjfZp0zunu+pcS6Q==} dependencies: '@storybook/csf-tools': 7.6.17 - unplugin: 1.4.0 + unplugin: 1.7.1 transitivePeerDependencies: - supports-color dev: true @@ -4613,7 +4639,7 @@ packages: dequal: 2.0.3 lodash: 4.17.21 memoizerific: 1.11.3 - store2: 2.14.2 + store2: 2.14.3 telejson: 7.2.0 ts-dedent: 2.2.0 transitivePeerDependencies: @@ -4646,11 +4672,11 @@ packages: '@storybook/csf': 0.1.2 '@storybook/global': 5.0.0 '@storybook/types': 7.6.17 - '@types/qs': 6.9.7 + '@types/qs': 6.9.11 dequal: 2.0.3 lodash: 4.17.21 memoizerific: 1.11.3 - qs: 6.11.1 + qs: 6.11.2 synchronous-promise: 2.0.17 ts-dedent: 2.2.0 util-deprecate: 1.0.2 @@ -4685,7 +4711,7 @@ packages: '@vitejs/plugin-react': 3.1.0(vite@5.1.3) magic-string: 0.30.5 react: 18.2.0 - react-docgen: 7.0.1 + react-docgen: 7.0.3 react-dom: 18.2.0(react@18.2.0) vite: 5.1.3(@types/node@20.11.19) transitivePeerDependencies: @@ -4717,7 +4743,7 @@ packages: '@storybook/types': 7.6.17 '@types/escodegen': 0.0.6 '@types/estree': 0.0.51 - '@types/node': 18.18.0 + '@types/node': 18.19.18 acorn: 7.4.1 acorn-jsx: 5.3.2(acorn@7.4.1) acorn-walk: 7.2.0 @@ -4742,7 +4768,7 @@ packages: dependencies: '@storybook/client-logger': 7.6.17 memoizerific: 1.11.3 - qs: 6.11.1 + qs: 6.11.2 dev: true /@storybook/telemetry@7.6.17: @@ -4753,7 +4779,7 @@ packages: '@storybook/csf-tools': 7.6.17 chalk: 4.1.2 detect-package-manager: 2.0.1 - fetch-retry: 5.0.4 + fetch-retry: 5.0.6 fs-extra: 11.2.0 read-pkg-up: 7.0.1 transitivePeerDependencies: @@ -4775,7 +4801,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@18.2.0) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.2.0) '@storybook/client-logger': 7.6.17 '@storybook/global': 5.0.0 memoizerific: 1.11.3 @@ -4788,7 +4814,7 @@ packages: dependencies: '@storybook/channels': 7.6.17 '@types/babel__core': 7.20.5 - '@types/express': 4.17.17 + '@types/express': 4.17.21 file-system-cache: 2.3.0 dev: true @@ -4916,7 +4942,7 @@ packages: resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==} engines: {node: '>=14'} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 entities: 4.5.0 dev: true @@ -5085,8 +5111,8 @@ packages: /@types/babel__core@7.20.5: resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==} dependencies: - '@babel/parser': 7.23.6 - '@babel/types': 7.23.6 + '@babel/parser': 7.23.9 + '@babel/types': 7.23.9 '@types/babel__generator': 7.6.4 '@types/babel__template': 7.4.1 '@types/babel__traverse': 7.18.3 @@ -5095,26 +5121,26 @@ packages: /@types/babel__generator@7.6.4: resolution: {integrity: sha512-tFkciB9j2K755yrTALxD44McOrk+gfpIpvC3sxHjRawj6PfnQxrse4Clq5y/Rq+G3mrBurMax/lG8Qn2t9mSsg==} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true /@types/babel__template@7.4.1: resolution: {integrity: sha512-azBFKemX6kMg5Io+/rdGT0dkGreboUVR0Cdm3fz9QJWpaQGJRQXl7C+6hOTCZcMll7KFyEQpgbYI2lHdsS4U7g==} dependencies: - '@babel/parser': 7.23.6 - '@babel/types': 7.23.6 + '@babel/parser': 7.23.9 + '@babel/types': 7.23.9 dev: true /@types/babel__traverse@7.18.3: resolution: {integrity: sha512-1kbcJ40lLB7MHsj39U4Sh1uTd2E7rLEa79kmDpI6cy+XiXsteB3POdQomoq4FxszMrO3ZYchkhYJw7A2862b3w==} dependencies: - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 dev: true - /@types/body-parser@1.19.2: - resolution: {integrity: sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==} + /@types/body-parser@1.19.5: + resolution: {integrity: sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==} dependencies: - '@types/connect': 3.4.35 + '@types/connect': 3.4.38 '@types/node': 20.11.19 dev: true @@ -5124,14 +5150,14 @@ packages: '@types/node': 20.11.19 dev: true - /@types/connect@3.4.35: - resolution: {integrity: sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==} + /@types/connect@3.4.38: + resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==} dependencies: '@types/node': 20.11.19 dev: true - /@types/cross-spawn@6.0.2: - resolution: {integrity: sha512-KuwNhp3eza+Rhu8IFI5HUXRP0LIhqH5cAjubUvGXXthh4YYBuP2ntwEX+Cz8GJoZUHlKo247wPWOfA9LYEq4cw==} + /@types/cross-spawn@6.0.6: + resolution: {integrity: sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==} dependencies: '@types/node': 20.11.19 dev: true @@ -5141,8 +5167,8 @@ packages: dependencies: '@types/ms': 0.7.31 - /@types/detect-port@1.3.2: - resolution: {integrity: sha512-xxgAGA2SAU4111QefXPSp5eGbDm/hW6zhvYl9IeEPZEry9F4d66QAHm5qpUXjb6IsevZV/7emAEx5MhP6O192g==} + /@types/detect-port@1.3.5: + resolution: {integrity: sha512-Rf3/lB9WkDfIL9eEKaSYKc+1L/rNVYBjThk22JTqQw0YozXarX8YljFAz+HCoC6h4B4KwCMsBPZHaFezwT4BNA==} dev: true /@types/doctrine@0.0.3: @@ -5153,12 +5179,12 @@ packages: resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==} dev: true - /@types/ejs@3.1.2: - resolution: {integrity: sha512-ZmiaE3wglXVWBM9fyVC17aGPkLo/UgaOjEiI2FXQfyczrCefORPxIe+2dVmnmk3zkVIbizjrlQzmPGhSYGXG5g==} + /@types/ejs@3.1.5: + resolution: {integrity: sha512-nv+GSx77ZtXiJzwKdsASqi+YQ5Z7vwHsTP0JY2SiQgjGckkBRKZnk8nIM+7oUZ1VCtuTz0+By4qVR7fqzp/Dfg==} dev: true - /@types/emscripten@1.39.6: - resolution: {integrity: sha512-H90aoynNhhkQP6DRweEjJp5vfUVdIj7tdPLsu7pq89vODD/lcugKfZOsfgwpvM6XUewEp2N5dCg1Uf3Qe55Dcg==} + /@types/emscripten@1.39.10: + resolution: {integrity: sha512-TB/6hBkYQJxsZHSqyeuO1Jt0AB/bW6G7rHt9g7lML7SOF6lbgcHvw/Lr+69iqN0qxgXLhWKScAon73JNnptuDw==} dev: true /@types/escodegen@0.0.6: @@ -5183,21 +5209,22 @@ packages: resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==} dev: true - /@types/express-serve-static-core@4.17.33: - resolution: {integrity: sha512-TPBqmR/HRYI3eC2E5hmiivIzv+bidAfXofM+sbonAGvyDhySGw9/PQZFt2BLOrjUUR++4eJVpx6KnLQK1Fk9tA==} + /@types/express-serve-static-core@4.17.43: + resolution: {integrity: sha512-oaYtiBirUOPQGSWNGPWnzyAFJ0BP3cwvN4oWZQY+zUBwpVIGsKUkpBpSztp74drYcjavs7SKFZ4DX1V2QeN8rg==} dependencies: '@types/node': 20.11.19 - '@types/qs': 6.9.7 - '@types/range-parser': 1.2.4 + '@types/qs': 6.9.11 + '@types/range-parser': 1.2.7 + '@types/send': 0.17.4 dev: true - /@types/express@4.17.17: - resolution: {integrity: sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==} + /@types/express@4.17.21: + resolution: {integrity: sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==} dependencies: - '@types/body-parser': 1.19.2 - '@types/express-serve-static-core': 4.17.33 - '@types/qs': 6.9.7 - '@types/serve-static': 1.15.1 + '@types/body-parser': 1.19.5 + '@types/express-serve-static-core': 4.17.43 + '@types/qs': 6.9.11 + '@types/serve-static': 1.15.5 dev: true /@types/find-cache-dir@3.2.1: @@ -5231,6 +5258,10 @@ packages: resolution: {integrity: sha512-FD+nQWA2zJjh4L9+pFXqWOi0Hs1ryBCfI+985NjluQ1p8EYtoLvjLOKidXBtZ4/IcxDX4o8/E8qDS3540tNliw==} dev: true + /@types/http-errors@2.0.4: + resolution: {integrity: sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA==} + dev: true + /@types/inquirer@9.0.3: resolution: {integrity: sha512-CzNkWqQftcmk2jaCWdBTf9Sm7xSw4rkI1zpU/Udw3HX5//adEZUIm9STtoRP1qgWj0CWQtJ9UTvqmO2NNjhMJw==} dependencies: @@ -5303,16 +5334,20 @@ packages: '@types/unist': 3.0.2 dev: true - /@types/mdx@2.0.4: - resolution: {integrity: sha512-qCYrNdpKwN6YO6FVnx+ulfqifKlE3lQGsNhvDaW9Oxzyob/cRLBJWow8GHBBD4NxQ7BVvtsATgLsX0vZAWmtrg==} + /@types/mdx@2.0.11: + resolution: {integrity: sha512-HM5bwOaIQJIQbAYfax35HCKxx7a3KrK3nBtIqJgSOitivTD1y3oW9P3rxY9RkXYPUk7y/AjAohfHKmFpGE79zw==} + dev: true + + /@types/mime-types@2.1.4: + resolution: {integrity: sha512-lfU4b34HOri+kAY5UheuFMWPDOI+OPceBSHZKp69gEyTL/mmJ4cnU6Y/rlme3UL3GyOn6Y42hyIEw0/q8sWx5w==} dev: true - /@types/mime-types@2.1.1: - resolution: {integrity: sha512-vXOTGVSLR2jMw440moWTC7H19iUyLtP3Z1YTj7cSsubOICinjMxFeb/V57v9QdyyPGbbWolUFSSmSiRSn94tFw==} + /@types/mime@1.3.5: + resolution: {integrity: sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==} dev: true - /@types/mime@3.0.1: - resolution: {integrity: sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA==} + /@types/mime@3.0.4: + resolution: {integrity: sha512-iJt33IQnVRkqeqC7PzBHPTC6fDlRNRW8vjrgqtScAhrmMwe8c4Eo7+fUGTa+XdWrpEgpyKWMYmi2dIwMAYRzPw==} dev: true /@types/minimatch@5.1.2: @@ -5326,15 +5361,17 @@ packages: /@types/ms@0.7.31: resolution: {integrity: sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==} - /@types/node-fetch@2.6.4: - resolution: {integrity: sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==} + /@types/node-fetch@2.6.11: + resolution: {integrity: sha512-24xFj9R5+rfQJLRyM56qh+wnVSYhyXC2tkoBndtY0U+vubqNsYXGjufB2nn8Q6gt0LrARwL6UBtMCSVCwl4B1g==} dependencies: '@types/node': 20.11.19 - form-data: 3.0.1 + form-data: 4.0.0 dev: true - /@types/node@18.18.0: - resolution: {integrity: sha512-3xA4X31gHT1F1l38ATDIL9GpRLdwVhnEFC8Uikv5ZLlXATwrCYyPq7ZWHxzxc3J/30SUiwiYT+bQe0/XvKlWbw==} + /@types/node@18.19.18: + resolution: {integrity: sha512-80CP7B8y4PzZF0GWx15/gVWRrB5y/bIjNI84NK3cmQJu0WZwvmj2WMA5LcofQFVfLqqCSp545+U2LsrVzX36Zg==} + dependencies: + undici-types: 5.26.5 dev: true /@types/node@20.11.19: @@ -5351,20 +5388,20 @@ packages: resolution: {integrity: sha512-lqa4UEhhv/2sjjIQgjX8B+RBjj47eo0mzGasklVJ78UKGQY1r0VpB9XHDaZZO9qzEFDdy4MrXLuEaSmPrPSe/A==} dev: true - /@types/pretty-hrtime@1.0.1: - resolution: {integrity: sha512-VjID5MJb1eGKthz2qUerWT8+R4b9N+CHvGCzg9fn4kWZgaF9AhdYikQio3R7wV8YY1NsQKPaCwKz1Yff+aHNUQ==} + /@types/pretty-hrtime@1.0.3: + resolution: {integrity: sha512-nj39q0wAIdhwn7DGUyT9irmsKK1tV0bd5WFEhgpqNTMFZ8cE+jieuTphCW0tfdm47S2zVT5mr09B28b1chmQMA==} dev: true /@types/prop-types@15.7.5: resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==} dev: true - /@types/qs@6.9.7: - resolution: {integrity: sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==} + /@types/qs@6.9.11: + resolution: {integrity: sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==} dev: true - /@types/range-parser@1.2.4: - resolution: {integrity: sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw==} + /@types/range-parser@1.2.7: + resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==} dev: true /@types/react-dom@18.2.19: @@ -5393,10 +5430,18 @@ packages: resolution: {integrity: sha512-+d+WYC1BxJ6yVOgUgzK8gWvp5qF8ssV5r4nsDcZWKRWcDQLQ619tvWAxJQYGgBrO1MnLJC7a5GtiYsAoQ47dJg==} dev: true - /@types/serve-static@1.15.1: - resolution: {integrity: sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==} + /@types/send@0.17.4: + resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==} + dependencies: + '@types/mime': 1.3.5 + '@types/node': 20.11.19 + dev: true + + /@types/serve-static@1.15.5: + resolution: {integrity: sha512-PDRk21MnK70hja/YF8AHfC7yIsiQHn1rcXx7ijCFBX/k+XQJhQT/gw3xekXKJvx+5SXaMMS8oqQy09Mzvz2TuQ==} dependencies: - '@types/mime': 3.0.1 + '@types/http-errors': 2.0.4 + '@types/mime': 3.0.4 '@types/node': 20.11.19 dev: true @@ -5425,16 +5470,16 @@ packages: resolution: {integrity: sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==} dev: true - /@types/uuid@9.0.7: - resolution: {integrity: sha512-WUtIVRUZ9i5dYXefDEAI7sh9/O7jGvHg7Df/5O/gtH3Yabe5odI3UWopVR1qbPXQtvOxWu3mM4XxlYeZtMWF4g==} + /@types/uuid@9.0.8: + resolution: {integrity: sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==} dev: true /@types/yargs-parser@21.0.0: resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==} dev: true - /@types/yargs@16.0.5: - resolution: {integrity: sha512-AxO/ADJOBFJScHbWhq2xAhlWP24rY4aCEG/NFaMvbT3X2MgRsLjhjQwsn0Zi5zn0LG9jUhCCZMeX9Dkuw6k+vQ==} + /@types/yargs@16.0.9: + resolution: {integrity: sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==} dependencies: '@types/yargs-parser': 21.0.0 dev: true @@ -5577,7 +5622,7 @@ packages: globby: 11.1.0 is-glob: 4.0.3 minimatch: 9.0.3 - semver: 7.5.4 + semver: 7.6.0 ts-api-utils: 1.0.3(typescript@5.3.3) typescript: 5.3.3 transitivePeerDependencies: @@ -5617,7 +5662,7 @@ packages: '@typescript-eslint/types': 6.21.0 '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3) eslint: 8.56.0 - semver: 7.5.4 + semver: 7.6.0 transitivePeerDependencies: - supports-color - typescript @@ -5681,13 +5726,13 @@ packages: - supports-color dev: true - /@yarnpkg/esbuild-plugin-pnp@3.0.0-rc.15(esbuild@0.18.12): + /@yarnpkg/esbuild-plugin-pnp@3.0.0-rc.15(esbuild@0.18.20): resolution: {integrity: sha512-kYzDJO5CA9sy+on/s2aIW0411AklfCi8Ck/4QDivOqsMKpStZA2SsR+X27VTggGwpStWaLrjJcDcdDMowtG8MA==} engines: {node: '>=14.15.0'} peerDependencies: esbuild: '>=0.10.0' dependencies: - esbuild: 0.18.12 + esbuild: 0.18.20 tslib: 2.6.2 dev: true @@ -5703,7 +5748,7 @@ packages: resolution: {integrity: sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==} engines: {node: '>=12 <14 || 14.2 - 14.9 || >14.10.0'} dependencies: - '@types/emscripten': 1.39.6 + '@types/emscripten': 1.39.10 tslib: 1.14.1 dev: true @@ -6125,8 +6170,8 @@ packages: resolution: {integrity: sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==} dev: true - /async@3.2.4: - resolution: {integrity: sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==} + /async@3.2.5: + resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==} dev: true /asynciterator.prototype@1.0.0: @@ -6144,8 +6189,8 @@ packages: engines: {node: '>= 0.4'} dev: true - /axe-core@4.7.0: - resolution: {integrity: sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==} + /axe-core@4.8.4: + resolution: {integrity: sha512-CZLSKisu/bhJ2awW4kJndluz2HLZYIHh5Uy1+ZwDRkJi69811xgIXXfdU9HSLX0Th+ILrHj8qfL/5wzamsFtQg==} engines: {node: '>=4'} dev: true @@ -6202,7 +6247,7 @@ packages: resolution: {integrity: sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==} engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} dependencies: - '@babel/template': 7.22.15 + '@babel/template': 7.23.9 '@babel/types': 7.23.9 '@types/babel__core': 7.20.5 '@types/babel__traverse': 7.18.3 @@ -6297,8 +6342,8 @@ packages: open: 8.4.2 dev: true - /big-integer@1.6.51: - resolution: {integrity: sha512-GPEid2Y9QU1Exl1rpO9B2IPJGHPSupF5GnVIP0blYvNOMer2bTvSWs1jGOUg04hTmu67nmLsQ9TBo1puaotBHg==} + /big-integer@1.6.52: + resolution: {integrity: sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg==} engines: {node: '>=0.6'} dev: true @@ -6371,7 +6416,7 @@ packages: resolution: {integrity: sha512-z0M+byMThzQmD9NILRniCUXYsYpjwnlO8N5uCFaCqIOpqRsJCrQL9NK3JsD67CN5a08nF5oIL2bD6loTdHOuKw==} engines: {node: '>= 5.10.0'} dependencies: - big-integer: 1.6.51 + big-integer: 1.6.52 dev: true /brace-expansion@1.1.11: @@ -6458,7 +6503,7 @@ packages: /builtins@5.0.1: resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==} dependencies: - semver: 7.5.4 + semver: 7.6.0 dev: true /busboy@1.6.0: @@ -6789,6 +6834,12 @@ packages: engines: {node: '>=8'} dev: true + /citty@0.1.6: + resolution: {integrity: sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==} + dependencies: + consola: 3.2.3 + dev: true + /cjs-module-lexer@1.2.2: resolution: {integrity: sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==} dev: true @@ -7065,6 +7116,11 @@ packages: xdg-basedir: 5.1.0 dev: true + /consola@3.2.3: + resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==} + engines: {node: ^14.18.0 || >=16.10.0} + dev: true + /console-control-strings@1.1.0: resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==} dev: true @@ -7468,8 +7524,8 @@ packages: object-keys: 1.1.1 dev: true - /defu@6.1.2: - resolution: {integrity: sha512-+uO4+qr7msjNNWKYPHqN/3+Dx3NFkmIzayk2L1MyZQlvgZb/J1A0fo410dpKrN2SnqFjt8n4JL8fDJE0wIgjFQ==} + /defu@6.1.4: + resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==} dev: true /del@5.1.0: @@ -7701,7 +7757,7 @@ packages: end-of-stream: 1.4.4 inherits: 2.0.4 readable-stream: 2.3.8 - stream-shift: 1.0.1 + stream-shift: 1.0.3 dev: true /eastasianwidth@0.2.0: @@ -7717,7 +7773,7 @@ packages: engines: {node: '>=0.10.0'} hasBin: true dependencies: - jake: 10.8.5 + jake: 10.8.7 dev: true /electron-to-chromium@1.4.611: @@ -7774,8 +7830,8 @@ packages: engines: {node: '>=6'} dev: true - /envinfo@7.8.1: - resolution: {integrity: sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==} + /envinfo@7.11.1: + resolution: {integrity: sha512-8PiZgZNIB4q/Lw4AhOvAfB/ityHAd2bli3lESSWmWSzSsl5dKpy5N1d1Rfkd2teq/g9xN90lc6o98DOjMeYHpg==} engines: {node: '>=4'} hasBin: true dev: true @@ -7912,75 +7968,76 @@ packages: resolution: {integrity: sha512-jyfL/pwPqaFXyKnj8lP8iLk6Z0m099uXR45aSN8Av1XD4vhvQutxxPzgA2bTcAwQpa1zCXDcWOlhFgyP3GKqhQ==} dev: true - /esbuild-register@3.5.0(esbuild@0.18.12): + /esbuild-register@3.5.0(esbuild@0.18.20): resolution: {integrity: sha512-+4G/XmakeBAsvJuDugJvtyF1x+XJT4FMocynNpxrvEBViirpfUn2PgNpCHedfWhF4WokNsO/OvMKrmJOIJsI5A==} peerDependencies: esbuild: '>=0.12 <1' dependencies: debug: 4.3.4 - esbuild: 0.18.12 + esbuild: 0.18.20 transitivePeerDependencies: - supports-color dev: true - /esbuild@0.18.12: - resolution: {integrity: sha512-XuOVLDdtsDslXStStduT41op21Ytmf4/BDS46aa3xPJ7X5h2eMWBF1oAe3QjUH3bDksocNXgzGUZ7XHIBya6Tg==} + /esbuild@0.18.20: + resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==} engines: {node: '>=12'} hasBin: true requiresBuild: true optionalDependencies: - '@esbuild/android-arm': 0.18.12 - '@esbuild/android-arm64': 0.18.12 - '@esbuild/android-x64': 0.18.12 - '@esbuild/darwin-arm64': 0.18.12 - '@esbuild/darwin-x64': 0.18.12 - '@esbuild/freebsd-arm64': 0.18.12 - '@esbuild/freebsd-x64': 0.18.12 - '@esbuild/linux-arm': 0.18.12 - '@esbuild/linux-arm64': 0.18.12 - '@esbuild/linux-ia32': 0.18.12 - '@esbuild/linux-loong64': 0.18.12 - '@esbuild/linux-mips64el': 0.18.12 - '@esbuild/linux-ppc64': 0.18.12 - '@esbuild/linux-riscv64': 0.18.12 - '@esbuild/linux-s390x': 0.18.12 - '@esbuild/linux-x64': 0.18.12 - '@esbuild/netbsd-x64': 0.18.12 - '@esbuild/openbsd-x64': 0.18.12 - '@esbuild/sunos-x64': 0.18.12 - '@esbuild/win32-arm64': 0.18.12 - '@esbuild/win32-ia32': 0.18.12 - '@esbuild/win32-x64': 0.18.12 - dev: true - - /esbuild@0.19.7: - resolution: {integrity: sha512-6brbTZVqxhqgbpqBR5MzErImcpA0SQdoKOkcWK/U30HtQxnokIpG3TX2r0IJqbFUzqLjhU/zC1S5ndgakObVCQ==} + '@esbuild/android-arm': 0.18.20 + '@esbuild/android-arm64': 0.18.20 + '@esbuild/android-x64': 0.18.20 + '@esbuild/darwin-arm64': 0.18.20 + '@esbuild/darwin-x64': 0.18.20 + '@esbuild/freebsd-arm64': 0.18.20 + '@esbuild/freebsd-x64': 0.18.20 + '@esbuild/linux-arm': 0.18.20 + '@esbuild/linux-arm64': 0.18.20 + '@esbuild/linux-ia32': 0.18.20 + '@esbuild/linux-loong64': 0.18.20 + '@esbuild/linux-mips64el': 0.18.20 + '@esbuild/linux-ppc64': 0.18.20 + '@esbuild/linux-riscv64': 0.18.20 + '@esbuild/linux-s390x': 0.18.20 + '@esbuild/linux-x64': 0.18.20 + '@esbuild/netbsd-x64': 0.18.20 + '@esbuild/openbsd-x64': 0.18.20 + '@esbuild/sunos-x64': 0.18.20 + '@esbuild/win32-arm64': 0.18.20 + '@esbuild/win32-ia32': 0.18.20 + '@esbuild/win32-x64': 0.18.20 + dev: true + + /esbuild@0.19.12: + resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==} engines: {node: '>=12'} hasBin: true requiresBuild: true optionalDependencies: - '@esbuild/android-arm': 0.19.7 - '@esbuild/android-arm64': 0.19.7 - '@esbuild/android-x64': 0.19.7 - '@esbuild/darwin-arm64': 0.19.7 - '@esbuild/darwin-x64': 0.19.7 - '@esbuild/freebsd-arm64': 0.19.7 - '@esbuild/freebsd-x64': 0.19.7 - '@esbuild/linux-arm': 0.19.7 - '@esbuild/linux-arm64': 0.19.7 - '@esbuild/linux-ia32': 0.19.7 - '@esbuild/linux-loong64': 0.19.7 - '@esbuild/linux-mips64el': 0.19.7 - '@esbuild/linux-ppc64': 0.19.7 - '@esbuild/linux-riscv64': 0.19.7 - '@esbuild/linux-s390x': 0.19.7 - '@esbuild/linux-x64': 0.19.7 - '@esbuild/netbsd-x64': 0.19.7 - '@esbuild/openbsd-x64': 0.19.7 - '@esbuild/sunos-x64': 0.19.7 - '@esbuild/win32-arm64': 0.19.7 - '@esbuild/win32-ia32': 0.19.7 - '@esbuild/win32-x64': 0.19.7 + '@esbuild/aix-ppc64': 0.19.12 + '@esbuild/android-arm': 0.19.12 + '@esbuild/android-arm64': 0.19.12 + '@esbuild/android-x64': 0.19.12 + '@esbuild/darwin-arm64': 0.19.12 + '@esbuild/darwin-x64': 0.19.12 + '@esbuild/freebsd-arm64': 0.19.12 + '@esbuild/freebsd-x64': 0.19.12 + '@esbuild/linux-arm': 0.19.12 + '@esbuild/linux-arm64': 0.19.12 + '@esbuild/linux-ia32': 0.19.12 + '@esbuild/linux-loong64': 0.19.12 + '@esbuild/linux-mips64el': 0.19.12 + '@esbuild/linux-ppc64': 0.19.12 + '@esbuild/linux-riscv64': 0.19.12 + '@esbuild/linux-s390x': 0.19.12 + '@esbuild/linux-x64': 0.19.12 + '@esbuild/netbsd-x64': 0.19.12 + '@esbuild/openbsd-x64': 0.19.12 + '@esbuild/sunos-x64': 0.19.12 + '@esbuild/win32-arm64': 0.19.12 + '@esbuild/win32-ia32': 0.19.12 + '@esbuild/win32-x64': 0.19.12 dev: true /escalade@3.1.1: @@ -8551,8 +8608,8 @@ packages: pend: 1.2.0 dev: true - /fetch-retry@5.0.4: - resolution: {integrity: sha512-LXcdgpdcVedccGg0AZqg+S8lX/FCdwXD92WNZ5k5qsb0irRhSFsBOpcJt7oevyqT2/C2nEE0zSFNdBEpj3YOSw==} + /fetch-retry@5.0.6: + resolution: {integrity: sha512-3yurQZ2hD9VISAhJJP9bpYFNQrHHBXE2JxxjY5aLEcDi46RmAzJE2OC9FAde0yis5ElW0jTTzs0zfg/Cca4XqQ==} dev: true /figures@3.2.0: @@ -8704,8 +8761,8 @@ packages: resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==} dev: true - /flow-parser@0.204.0: - resolution: {integrity: sha512-cQhNPLOk5NFyDXBC8WE8dy2Gls+YqKI3FNqQbJ7UrbFyd30IdEX3t27u3VsnoVK22I872+PWeb1KhHxDgu7kAg==} + /flow-parser@0.229.0: + resolution: {integrity: sha512-mOYmMuvJwAo/CvnMFEq4SHftq7E5188hYMTTxJyQOXk2nh+sgslRdYMw3wTthH+FMcFaZLtmBPuMu6IwztdoUQ==} engines: {node: '>=0.4.0'} dev: true @@ -8750,15 +8807,6 @@ packages: engines: {node: '>= 14.17'} dev: true - /form-data@3.0.1: - resolution: {integrity: sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==} - engines: {node: '>= 6'} - dependencies: - asynckit: 0.4.0 - combined-stream: 1.0.8 - mime-types: 2.1.35 - dev: true - /form-data@4.0.0: resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==} engines: {node: '>= 6'} @@ -8937,8 +8985,8 @@ packages: engines: {node: '>=6'} dev: true - /get-npm-tarball-url@2.0.3: - resolution: {integrity: sha512-R/PW6RqyaBQNWYaSyfrh54/qtcnOp22FHCCiRhSSZj0FP3KQWCsxxt0DzIdVTbwTqe9CtQfvl/FPD4UIPt4pqw==} + /get-npm-tarball-url@2.1.0: + resolution: {integrity: sha512-ro+DiMu5DXgRBabqXupW38h7WPZ9+Ad8UjwhvsmmN8w1sU7ab0nzAXvVZ4kqYg57OrqomRtJvepX5/xvFKNtjA==} engines: {node: '>=12.17'} dev: true @@ -8980,19 +9028,18 @@ packages: get-intrinsic: 1.2.1 dev: true - /giget@1.1.2: - resolution: {integrity: sha512-HsLoS07HiQ5oqvObOI+Qb2tyZH4Gj5nYGfF9qQcZNrPw+uEFhdXtgJr01aO2pWadGHucajYDLxxbtQkm97ON2A==} + /giget@1.2.1: + resolution: {integrity: sha512-4VG22mopWtIeHwogGSy1FViXVo0YT+m6BrqZfz0JJFwbSsePsCdOzdLIIli5BtMp7Xe8f/o2OmBpQX2NBOC24g==} hasBin: true dependencies: - colorette: 2.0.20 - defu: 6.1.2 - https-proxy-agent: 5.0.1 - mri: 1.2.0 - node-fetch-native: 1.1.0 - pathe: 1.1.0 + citty: 0.1.6 + consola: 3.2.3 + defu: 6.1.4 + node-fetch-native: 1.6.2 + nypm: 0.3.6 + ohash: 1.1.3 + pathe: 1.1.2 tar: 6.2.0 - transitivePeerDependencies: - - supports-color dev: true /github-slugger@1.5.0: @@ -10267,12 +10314,12 @@ packages: '@pkgjs/parseargs': 0.11.0 dev: true - /jake@10.8.5: - resolution: {integrity: sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==} + /jake@10.8.7: + resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==} engines: {node: '>=10'} hasBin: true dependencies: - async: 3.2.4 + async: 3.2.5 chalk: 4.1.2 filelist: 1.0.4 minimatch: 3.1.2 @@ -10630,7 +10677,7 @@ packages: '@babel/generator': 7.23.6 '@babel/plugin-syntax-jsx': 7.23.3(@babel/core@7.23.9) '@babel/plugin-syntax-typescript': 7.21.4(@babel/core@7.23.9) - '@babel/types': 7.23.6 + '@babel/types': 7.23.9 '@jest/expect-utils': 29.7.0 '@jest/transform': 29.7.0 '@jest/types': 29.6.3 @@ -10645,7 +10692,7 @@ packages: jest-util: 29.7.0 natural-compare: 1.4.0 pretty-format: 29.7.0 - semver: 7.5.4 + semver: 7.6.0 transitivePeerDependencies: - supports-color dev: true @@ -10751,8 +10798,8 @@ packages: argparse: 2.0.1 dev: true - /jscodeshift@0.15.1(@babel/preset-env@7.23.9): - resolution: {integrity: sha512-hIJfxUy8Rt4HkJn/zZPU9ChKfKZM1342waJ1QC2e2YsPcWhM+3BJ4dcfQCzArTrk1jJeNLB341H+qOcEHRxJZg==} + /jscodeshift@0.15.2(@babel/preset-env@7.23.9): + resolution: {integrity: sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==} hasBin: true peerDependencies: '@babel/preset-env': ^7.1.6 @@ -10770,10 +10817,10 @@ packages: '@babel/preset-env': 7.23.9(@babel/core@7.23.9) '@babel/preset-flow': 7.23.3(@babel/core@7.23.9) '@babel/preset-typescript': 7.23.3(@babel/core@7.23.9) - '@babel/register': 7.22.15(@babel/core@7.23.9) + '@babel/register': 7.23.7(@babel/core@7.23.9) babel-core: 7.0.0-bridge.0(@babel/core@7.23.9) chalk: 4.1.2 - flow-parser: 0.204.0 + flow-parser: 0.229.0 graceful-fs: 4.2.11 micromatch: 4.0.5 neo-async: 2.6.2 @@ -11330,8 +11377,8 @@ packages: resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==} dev: false - /markdown-to-jsx@7.2.0(react@18.2.0): - resolution: {integrity: sha512-3l4/Bigjm4bEqjCR6Xr+d4DtM1X6vvtGsMGSjJYyep8RjjIvcWtrXBS8Wbfe1/P+atKNMccpsraESIaWVplzVg==} + /markdown-to-jsx@7.4.1(react@18.2.0): + resolution: {integrity: sha512-GbrbkTnHp9u6+HqbPRFJbObi369AgJNXi/sGqq5HRsoZW063xR1XDCaConqq+whfEIAlzB1YPnOgsPc7B7bc/A==} engines: {node: '>= 10'} peerDependencies: react: '>= 0.14.0' @@ -12530,8 +12577,8 @@ packages: minimatch: 3.1.2 dev: true - /node-fetch-native@1.1.0: - resolution: {integrity: sha512-nl5goFCig93JZ9FIV8GHT9xpNqXbxQUzkOmKIMKmncsBH9jhg7qKex8hirpymkBFmNQ114chEEG5lS4wgK2I+Q==} + /node-fetch-native@1.6.2: + resolution: {integrity: sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==} dev: true /node-fetch@2.7.0: @@ -12576,7 +12623,7 @@ packages: nopt: 6.0.0 npmlog: 6.0.2 rimraf: 3.0.2 - semver: 7.5.4 + semver: 7.6.0 tar: 6.2.0 which: 2.0.2 transitivePeerDependencies: @@ -12597,7 +12644,7 @@ packages: nopt: 6.0.0 npmlog: 6.0.2 rimraf: 3.0.2 - semver: 7.5.4 + semver: 7.6.0 tar: 6.2.0 which: 2.0.2 transitivePeerDependencies: @@ -12662,7 +12709,7 @@ packages: dependencies: hosted-git-info: 4.1.0 is-core-module: 2.13.0 - semver: 7.5.4 + semver: 7.6.0 validate-npm-package-license: 3.0.4 dev: true @@ -12672,7 +12719,7 @@ packages: dependencies: hosted-git-info: 6.1.1 is-core-module: 2.13.0 - semver: 7.5.4 + semver: 7.6.0 validate-npm-package-license: 3.0.4 dev: true @@ -12749,7 +12796,7 @@ packages: resolution: {integrity: sha512-744wat5wAAHsxa4590mWO0tJ8PKxR8ORZsH9wGpQc3nWTzozMAgBN/XyqYw7mg3yqLM8dLwEnwSfKMmXAjF69g==} engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0} dependencies: - semver: 7.5.4 + semver: 7.6.0 dev: true /npm-normalize-package-bin@3.0.1: @@ -12763,7 +12810,7 @@ packages: dependencies: hosted-git-info: 6.1.1 proc-log: 3.0.0 - semver: 7.5.4 + semver: 7.6.0 validate-npm-package-name: 5.0.0 dev: true @@ -12818,7 +12865,7 @@ packages: npm-install-checks: 6.2.0 npm-normalize-package-bin: 3.0.1 npm-package-arg: 10.1.0 - semver: 7.5.4 + semver: 7.6.0 dev: true /npm-pick-manifest@8.0.2: @@ -12828,7 +12875,7 @@ packages: npm-install-checks: 6.2.0 npm-normalize-package-bin: 3.0.1 npm-package-arg: 10.1.0 - semver: 7.5.4 + semver: 7.6.0 dev: true /npm-pick-manifest@9.0.0: @@ -12915,6 +12962,17 @@ packages: resolution: {integrity: sha512-NHj4rzRo0tQdijE9ZqAx6kYDcoRwYwSYzCA8MY3JzfxlrvEU0jhnhJT9BhqhJs7I/dKcrDm6TyulaRqZPIhN5g==} dev: true + /nypm@0.3.6: + resolution: {integrity: sha512-2CATJh3pd6CyNfU5VZM7qSwFu0ieyabkEdnogE30Obn1czrmOYiZ8DOZLe1yBdLKWoyD3Mcy2maUs+0MR3yVjQ==} + engines: {node: ^14.16.0 || >=16.10.0} + hasBin: true + dependencies: + citty: 0.1.6 + execa: 8.0.1 + pathe: 1.1.2 + ufo: 1.4.0 + dev: true + /object-assign@4.1.1: resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} engines: {node: '>=0.10.0'} @@ -13015,6 +13073,10 @@ packages: es-abstract: 1.22.2 dev: true + /ohash@1.1.3: + resolution: {integrity: sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==} + dev: true + /on-finished@2.4.1: resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==} engines: {node: '>= 0.8'} @@ -13194,7 +13256,7 @@ packages: got: 12.6.1 registry-auth-token: 5.0.2 registry-url: 6.0.1 - semver: 7.5.4 + semver: 7.6.0 dev: true /pacote@15.1.1: @@ -13443,8 +13505,8 @@ packages: engines: {node: '>=12'} dev: true - /pathe@1.1.0: - resolution: {integrity: sha512-ODbEPR0KKHqECXW1GoxdDb+AZvULmXjVPy4rt+pGo2+TnjJTIPJQSVS6N63n8T2Ip+syHhbn52OewKicV0373w==} + /pathe@1.1.2: + resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==} dev: true /peek-stream@1.1.3: @@ -13494,6 +13556,11 @@ packages: engines: {node: '>= 6'} dev: true + /pirates@4.0.6: + resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==} + engines: {node: '>= 6'} + dev: true + /pkg-dir@3.0.0: resolution: {integrity: sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==} engines: {node: '>=6'} @@ -13537,8 +13604,8 @@ packages: irregular-plurals: 3.5.0 dev: true - /polished@4.2.2: - resolution: {integrity: sha512-Sz2Lkdxz6F2Pgnpi9U5Ng/WdWAUZxmHrNPoVlm3aAemxoy2Qy7LGjQg4uf8qKelDAUW94F4np3iH2YPf2qefcQ==} + /polished@4.3.1: + resolution: {integrity: sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==} engines: {node: '>=10'} dependencies: '@babel/runtime': 7.23.9 @@ -13771,7 +13838,7 @@ packages: resolution: {integrity: sha512-n13AWriBMPYxnpbb6bnaY5YoY6rGj8vPLrz6CZF3o0qJNEwlcfJVxBzYZ0NJsQ21UbdJoijPCDrM++SUVEz7+w==} engines: {node: '>=8.16.0'} dependencies: - '@types/mime-types': 2.1.1 + '@types/mime-types': 2.1.4 debug: 4.3.4 extract-zip: 1.7.0 https-proxy-agent: 4.0.0 @@ -13798,8 +13865,8 @@ packages: side-channel: 1.0.4 dev: true - /qs@6.11.1: - resolution: {integrity: sha512-0wsrzgTz/kAVIeuxSjnpGC56rzYtr6JT/2BwEvMaPhFIoYa1aGO8LbzuU1R0uUYQkLpWBTOj0l/CLAJB64J6nQ==} + /qs@6.11.2: + resolution: {integrity: sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==} engines: {node: '>=0.6'} dependencies: side-channel: 1.0.4 @@ -13881,8 +13948,8 @@ packages: typescript: 5.3.3 dev: true - /react-docgen@7.0.1: - resolution: {integrity: sha512-rCz0HBIT0LWbIM+///LfRrJoTKftIzzwsYDf0ns5KwaEjejMHQRtphcns+IXFHDNY9pnz6G8l/JbbI6pD4EAIA==} + /react-docgen@7.0.3: + resolution: {integrity: sha512-i8aF1nyKInZnANZ4uZrH49qn1paRgBZ7wZiCNBMnenlPzEv0mRl+ShpTVEI6wZNl8sSc79xZkivtgLKQArcanQ==} engines: {node: '>=16.14.0'} dependencies: '@babel/core': 7.23.9 @@ -13942,8 +14009,8 @@ packages: engines: {node: '>=0.10.0'} dev: true - /react-remove-scroll-bar@2.3.4(@types/react@18.2.57)(react@18.2.0): - resolution: {integrity: sha512-63C4YQBUt0m6ALadE9XV56hV8BgJWDmmTPY758iIJjfQKt2nYwoUrPk0LXRXcB/yIj82T1/Ixfdpdk68LwIB0A==} + /react-remove-scroll-bar@2.3.5(@types/react@18.2.57)(react@18.2.0): + resolution: {integrity: sha512-3cqjOqg6s0XbOjWvmasmqHch+RLxIEk2r/70rzGXuz3iIGQsQheEQyqYCBb5EECoD01Vo2SIbDqW4paLeLTASw==} engines: {node: '>=10'} peerDependencies: '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -13970,10 +14037,10 @@ packages: dependencies: '@types/react': 18.2.57 react: 18.2.0 - react-remove-scroll-bar: 2.3.4(@types/react@18.2.57)(react@18.2.0) + react-remove-scroll-bar: 2.3.5(@types/react@18.2.57)(react@18.2.0) react-style-singleton: 2.2.1(@types/react@18.2.57)(react@18.2.0) tslib: 2.6.2 - use-callback-ref: 1.3.0(@types/react@18.2.57)(react@18.2.0) + use-callback-ref: 1.3.1(@types/react@18.2.57)(react@18.2.0) use-sidecar: 1.1.2(@types/react@18.2.57)(react@18.2.0) dev: true @@ -14628,7 +14695,7 @@ packages: resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==} engines: {node: '>=12'} dependencies: - semver: 7.5.4 + semver: 7.6.0 dev: true /semver-utils@1.1.4: @@ -15004,8 +15071,8 @@ packages: internal-slot: 1.0.5 dev: true - /store2@2.14.2: - resolution: {integrity: sha512-siT1RiqlfQnGqgT/YzXVUNsom9S0H1OX+dpdGN1xkyYATo4I6sep5NmsRD/40s3IIOvlCq6akxkqG82urIZW1w==} + /store2@2.14.3: + resolution: {integrity: sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg==} dev: true /storybook@7.6.17: @@ -15020,8 +15087,8 @@ packages: - utf-8-validate dev: true - /stream-shift@1.0.1: - resolution: {integrity: sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==} + /stream-shift@1.0.3: + resolution: {integrity: sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==} dev: true /streamsearch@1.1.0: @@ -15578,8 +15645,8 @@ packages: resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==} dev: true - /tiny-invariant@1.3.1: - resolution: {integrity: sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==} + /tiny-invariant@1.3.2: + resolution: {integrity: sha512-oLXoWt7bk7SI3REp16Hesm0kTBTErhk+FWTvuujYMlIbX42bb3yLN98T3OyzFNkZ3WAjVYDL4sWykCR6kD2mqQ==} dev: true /tinycolor2@1.6.0: @@ -15615,8 +15682,8 @@ packages: is-number: 7.0.0 dev: true - /tocbot@4.21.0: - resolution: {integrity: sha512-vXk8htr8mIl3hc2s2mDkaPTBfqmqZA2o0x7eXbxUibdrpEIPdpM0L9hH/RvEvlgSM+ZTgS34sGipk5+VrLJCLA==} + /tocbot@4.25.0: + resolution: {integrity: sha512-kE5wyCQJ40hqUaRVkyQ4z5+4juzYsv/eK+aqD97N62YH0TxFhzJvo22RUQQZdO3YnXAk42ZOfOpjVdy+Z0YokA==} dev: true /toidentifier@1.0.1: @@ -15848,6 +15915,10 @@ packages: resolution: {integrity: sha512-DffL94LsNOccVn4hyfRe5rdKa273swqeA5DJpMOeFmEn1wCDc7nAbbB0gXlgBCL7TNzeTv6G7XVWzan7iJtfig==} dev: true + /ufo@1.4.0: + resolution: {integrity: sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==} + dev: true + /uglify-js@3.17.4: resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==} engines: {node: '>=0.8.0'} @@ -16108,13 +16179,13 @@ packages: engines: {node: '>= 0.8'} dev: true - /unplugin@1.4.0: - resolution: {integrity: sha512-5x4eIEL6WgbzqGtF9UV8VEC/ehKptPXDS6L2b0mv4FRMkJxRtjaJfOWDd6a8+kYbqsjklix7yWP0N3SUepjXcg==} + /unplugin@1.7.1: + resolution: {integrity: sha512-JqzORDAPxxs8ErLV4x+LL7bk5pk3YlcWqpSNsIkAZj972KzFZLClc/ekppahKkOczGkwIG6ElFgdOgOlK4tXZw==} dependencies: acorn: 8.11.3 chokidar: 3.5.3 webpack-sources: 3.2.3 - webpack-virtual-modules: 0.5.0 + webpack-virtual-modules: 0.6.1 dev: true /untildify@4.0.0: @@ -16153,7 +16224,7 @@ packages: is-yarn-global: 0.4.1 latest-version: 7.0.0 pupa: 3.1.0 - semver: 7.5.4 + semver: 7.6.0 semver-diff: 4.0.0 xdg-basedir: 5.1.0 dev: true @@ -16183,8 +16254,8 @@ packages: requires-port: 1.0.0 dev: true - /use-callback-ref@1.3.0(@types/react@18.2.57)(react@18.2.0): - resolution: {integrity: sha512-3FT9PRuRdbB9HfXhEq35u4oZkvpJ5kuYbpqhCfmiZyReuRgpnhDlbr2ZEnnuS0RrJAPn6l23xjFg9kpDM+Ms7w==} + /use-callback-ref@1.3.1(@types/react@18.2.57)(react@18.2.0): + resolution: {integrity: sha512-Lg4Vx1XZQauB42Hw3kK7JM6yjVjgFmFC5/Ab797s79aARomD2nEErc4mCgM8EZrARLmmbWpi5DGCadmK50DcAQ==} engines: {node: '>=10'} peerDependencies: '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -16379,7 +16450,7 @@ packages: optional: true dependencies: '@types/node': 20.11.19 - esbuild: 0.19.7 + esbuild: 0.19.12 postcss: 8.4.35 rollup: 4.12.0 optionalDependencies: @@ -16471,8 +16542,8 @@ packages: engines: {node: '>=10.13.0'} dev: true - /webpack-virtual-modules@0.5.0: - resolution: {integrity: sha512-kyDivFZ7ZM0BVOUteVbDFhlRt7Ah/CSPwJdi8hBpkK7QLumUqdLtVfm/PX/hkcnrvr0i77fO5+TjZ94Pe+C9iw==} + /webpack-virtual-modules@0.6.1: + resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==} dev: true /whatwg-encoding@2.0.0: diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index bd46339b8c..e889b9f68e 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -1,4 +1,4 @@ packages: - "packages/*" - "proprietary/*" - - "storybook/*" + - "storybook" diff --git a/storybook/storybook-react/.eslintrc.json b/storybook/.eslintrc.json similarity index 100% rename from storybook/storybook-react/.eslintrc.json rename to storybook/.eslintrc.json diff --git a/storybook/storybook-react/config/main.ts b/storybook/config/main.ts similarity index 100% rename from storybook/storybook-react/config/main.ts rename to storybook/config/main.ts diff --git a/storybook/storybook-react/config/manager-head.html b/storybook/config/manager-head.html similarity index 100% rename from storybook/storybook-react/config/manager-head.html rename to storybook/config/manager-head.html diff --git a/storybook/config/manager.js b/storybook/config/manager.js new file mode 100644 index 0000000000..1c323487f7 --- /dev/null +++ b/storybook/config/manager.js @@ -0,0 +1,25 @@ +import { addons } from '@storybook/manager-api' +import { create } from '@storybook/theming/create' +import Logo from '../../proprietary/assets/logo/amsterdam.svg' + +import '@amsterdam/design-system-assets/font/index.css' + +addons.setConfig({ + theme: create({ + appBg: '#ffffff', + appBorderColor: '#e6e6e6', + appBorderRadius: 0, + base: 'light', + brandImage: Logo, + brandTitle: 'Gemeente Amsterdam', + colorPrimary: '#004699', + colorSecondary: '#009dec', + fontBase: '"Amsterdam Sans", Arial, sans-serif', + inputBg: '#ffffff', + inputBorder: '#767676', + inputBorderRadius: 0, + inputTextColor: '#000000', + textColor: '#000000', + textInverseColor: '#ffffff', + }), +}) diff --git a/storybook/storybook-react/config/preview-body.html b/storybook/config/preview-body.html similarity index 100% rename from storybook/storybook-react/config/preview-body.html rename to storybook/config/preview-body.html diff --git a/storybook/storybook-react/config/preview-head.html b/storybook/config/preview-head.html similarity index 100% rename from storybook/storybook-react/config/preview-head.html rename to storybook/config/preview-head.html diff --git a/storybook/storybook-react/config/preview.tsx b/storybook/config/preview.tsx similarity index 97% rename from storybook/storybook-react/config/preview.tsx rename to storybook/config/preview.tsx index 6cde53f120..d3dfdd5c63 100644 --- a/storybook/storybook-react/config/preview.tsx +++ b/storybook/config/preview.tsx @@ -2,7 +2,7 @@ import '@amsterdam/design-system-tokens/dist/index.css' import '@amsterdam/design-system-tokens/dist/compact.theme.css' import '@amsterdam/design-system-assets/font/index.css' import '@amsterdam/design-system-css/dist/index.css' -import '../../storybook-overrides.css' +import './storybook-overrides.css' import { withThemeByClassName } from '@storybook/addon-themes' import { viewports } from './viewports' diff --git a/storybook/storybook-overrides.css b/storybook/config/storybook-overrides.css similarity index 100% rename from storybook/storybook-overrides.css rename to storybook/config/storybook-overrides.css diff --git a/storybook/storybook-react/config/types.ts b/storybook/config/types.ts similarity index 100% rename from storybook/storybook-react/config/types.ts rename to storybook/config/types.ts diff --git a/storybook/storybook-react/config/viewports.ts b/storybook/config/viewports.ts similarity index 100% rename from storybook/storybook-react/config/viewports.ts rename to storybook/config/viewports.ts diff --git a/storybook/storybook-react/package.json b/storybook/package.json similarity index 95% rename from storybook/storybook-react/package.json rename to storybook/package.json index 8657f419b4..50307b87ba 100644 --- a/storybook/storybook-react/package.json +++ b/storybook/package.json @@ -3,7 +3,7 @@ "author": "Community for NL Design System", "description": "Storybook React website for the City of Amsterdam based on the NL Design System architecture", "license": "EUPL-1.2", - "name": "@amsterdam/storybook-react", + "name": "@amsterdam/storybook", "keywords": [ "nl-design-system" ], @@ -11,7 +11,7 @@ "repository": { "type": "git", "url": "https://github.com/Amsterdam/design-system.git", - "directory": "storybook/storybook-react" + "directory": "storybook" }, "scripts": { "build": "storybook build --output-dir dist/ --config-dir config/ --quiet && touch dist/.nojekyll", diff --git a/storybook/storybook-react/src/docs/breakpoints.docs.mdx b/storybook/src/docs/breakpoints.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/breakpoints.docs.mdx rename to storybook/src/docs/breakpoints.docs.mdx diff --git a/storybook/storybook-react/src/docs/color.docs.mdx b/storybook/src/docs/color.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/color.docs.mdx rename to storybook/src/docs/color.docs.mdx diff --git a/storybook/storybook-react/src/docs/components/AmsterdamIconGallery.tsx b/storybook/src/docs/components/AmsterdamIconGallery.tsx similarity index 100% rename from storybook/storybook-react/src/docs/components/AmsterdamIconGallery.tsx rename to storybook/src/docs/components/AmsterdamIconGallery.tsx diff --git a/storybook/storybook-react/src/docs/components/ColorPalette.tsx b/storybook/src/docs/components/ColorPalette.tsx similarity index 100% rename from storybook/storybook-react/src/docs/components/ColorPalette.tsx rename to storybook/src/docs/components/ColorPalette.tsx diff --git a/storybook/storybook-react/src/docs/components/color-palette.css b/storybook/src/docs/components/color-palette.css similarity index 100% rename from storybook/storybook-react/src/docs/components/color-palette.css rename to storybook/src/docs/components/color-palette.css diff --git a/storybook/storybook-react/src/docs/font.docs.mdx b/storybook/src/docs/font.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/font.docs.mdx rename to storybook/src/docs/font.docs.mdx diff --git a/storybook/storybook-react/src/docs/grid.docs.mdx b/storybook/src/docs/grid.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/grid.docs.mdx rename to storybook/src/docs/grid.docs.mdx diff --git a/storybook/storybook-react/src/docs/icon-gallery.docs.mdx b/storybook/src/docs/icon-gallery.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/icon-gallery.docs.mdx rename to storybook/src/docs/icon-gallery.docs.mdx diff --git a/storybook/storybook-react/src/docs/interactive-elements.docs.mdx b/storybook/src/docs/interactive-elements.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/interactive-elements.docs.mdx rename to storybook/src/docs/interactive-elements.docs.mdx diff --git a/storybook/storybook-react/src/docs/introduction.docs.mdx b/storybook/src/docs/introduction.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/introduction.docs.mdx rename to storybook/src/docs/introduction.docs.mdx diff --git a/storybook/storybook-react/src/docs/introduction.md b/storybook/src/docs/introduction.md similarity index 100% rename from storybook/storybook-react/src/docs/introduction.md rename to storybook/src/docs/introduction.md diff --git a/storybook/storybook-react/src/docs/language.docs.mdx b/storybook/src/docs/language.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/language.docs.mdx rename to storybook/src/docs/language.docs.mdx diff --git a/storybook/storybook-react/src/docs/license.docs.mdx b/storybook/src/docs/license.docs.mdx similarity index 71% rename from storybook/storybook-react/src/docs/license.docs.mdx rename to storybook/src/docs/license.docs.mdx index 03a4572d17..a587ecf325 100644 --- a/storybook/storybook-react/src/docs/license.docs.mdx +++ b/storybook/src/docs/license.docs.mdx @@ -1,5 +1,5 @@ import { Markdown, Meta } from "@storybook/blocks"; -import LICENSE from "../../../../LICENSE.md?raw"; +import LICENSE from "../../../LICENSE.md?raw"; diff --git a/storybook/storybook-react/src/docs/notice.docs.mdx b/storybook/src/docs/notice.docs.mdx similarity index 72% rename from storybook/storybook-react/src/docs/notice.docs.mdx rename to storybook/src/docs/notice.docs.mdx index 0e5525d74c..0bf0bf38d0 100644 --- a/storybook/storybook-react/src/docs/notice.docs.mdx +++ b/storybook/src/docs/notice.docs.mdx @@ -1,5 +1,5 @@ import { Markdown, Meta } from "@storybook/blocks"; -import NOTICE from "../../../../NOTICE.md?raw"; +import NOTICE from "../../../NOTICE.md?raw"; diff --git a/storybook/storybook-react/src/docs/space.docs.mdx b/storybook/src/docs/space.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/space.docs.mdx rename to storybook/src/docs/space.docs.mdx diff --git a/storybook/storybook-react/src/docs/typography.docs.mdx b/storybook/src/docs/typography.docs.mdx similarity index 100% rename from storybook/storybook-react/src/docs/typography.docs.mdx rename to storybook/src/docs/typography.docs.mdx diff --git a/storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx b/storybook/src/react-components/Accordion/Accordion.docs.mdx similarity index 94% rename from storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx rename to storybook/src/react-components/Accordion/Accordion.docs.mdx index 7014cb2af8..0be55c79e5 100644 --- a/storybook/storybook-react/src/react-components/Accordion/Accordion.docs.mdx +++ b/storybook/src/react-components/Accordion/Accordion.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AccordionStories from "./Accordion.stories.tsx"; -import README from "../../../../../packages/css/src/components/accordion/README.md?raw"; +import README from "../../../../packages/css/src/components/accordion/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Accordion/Accordion.stories.tsx b/storybook/src/react-components/Accordion/Accordion.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Accordion/Accordion.stories.tsx rename to storybook/src/react-components/Accordion/Accordion.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx b/storybook/src/react-components/Alert/Alert.docs.mdx similarity index 93% rename from storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx rename to storybook/src/react-components/Alert/Alert.docs.mdx index 5f252146dc..de9159318e 100644 --- a/storybook/storybook-react/src/react-components/Alert/Alert.docs.mdx +++ b/storybook/src/react-components/Alert/Alert.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AlertStories from "./Alert.stories.tsx"; -import README from "../../../../../packages/css/src/components/alert/README.md?raw"; +import README from "../../../../packages/css/src/components/alert/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Alert/Alert.stories.tsx b/storybook/src/react-components/Alert/Alert.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Alert/Alert.stories.tsx rename to storybook/src/react-components/Alert/Alert.stories.tsx diff --git a/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx b/storybook/src/react-components/AspectRatio/AspectRatio.docs.mdx similarity index 89% rename from storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx rename to storybook/src/react-components/AspectRatio/AspectRatio.docs.mdx index dff209d9eb..9d401282a5 100644 --- a/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.docs.mdx +++ b/storybook/src/react-components/AspectRatio/AspectRatio.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as AspectRatioStories from "./AspectRatio.stories.tsx"; -import README from "../../../../../packages/css/src/components/aspect-ratio/README.md?raw"; +import README from "../../../../packages/css/src/components/aspect-ratio/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.stories.tsx b/storybook/src/react-components/AspectRatio/AspectRatio.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/AspectRatio/AspectRatio.stories.tsx rename to storybook/src/react-components/AspectRatio/AspectRatio.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx b/storybook/src/react-components/Badge/Badge.docs.mdx similarity index 73% rename from storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx rename to storybook/src/react-components/Badge/Badge.docs.mdx index b2b2906db5..2a21267d46 100644 --- a/storybook/storybook-react/src/react-components/Badge/Badge.docs.mdx +++ b/storybook/src/react-components/Badge/Badge.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as BadgeStories from "./Badge.stories.tsx"; -import README from "../../../../../packages/css/src/components/badge/README.md?raw"; +import README from "../../../../packages/css/src/components/badge/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Badge/Badge.stories.tsx b/storybook/src/react-components/Badge/Badge.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Badge/Badge.stories.tsx rename to storybook/src/react-components/Badge/Badge.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx b/storybook/src/react-components/Blockquote/Blockquote.docs.mdx similarity index 83% rename from storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx rename to storybook/src/react-components/Blockquote/Blockquote.docs.mdx index 94b7547774..7a88f3b239 100644 --- a/storybook/storybook-react/src/react-components/Blockquote/Blockquote.docs.mdx +++ b/storybook/src/react-components/Blockquote/Blockquote.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as BlockquoteStories from "./Blockquote.stories.tsx"; -import README from "../../../../../packages/css/src/components/blockquote/README.md?raw"; +import README from "../../../../packages/css/src/components/blockquote/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Blockquote/Blockquote.stories.tsx b/storybook/src/react-components/Blockquote/Blockquote.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Blockquote/Blockquote.stories.tsx rename to storybook/src/react-components/Blockquote/Blockquote.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx b/storybook/src/react-components/Breadcrumb/Breadcrumb.docs.mdx similarity index 74% rename from storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx rename to storybook/src/react-components/Breadcrumb/Breadcrumb.docs.mdx index 1b9e057b7a..f2de837901 100644 --- a/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.docs.mdx +++ b/storybook/src/react-components/Breadcrumb/Breadcrumb.docs.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta, Primary } from "@storybook/blocks"; import * as BreadcrumbStories from "./Breadcrumb.stories.tsx"; -import README from "../../../../../packages/css/src/components/breadcrumb/README.md?raw"; +import README from "../../../../packages/css/src/components/breadcrumb/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.stories.tsx b/storybook/src/react-components/Breadcrumb/Breadcrumb.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Breadcrumb/Breadcrumb.stories.tsx rename to storybook/src/react-components/Breadcrumb/Breadcrumb.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Button/Button.docs.mdx b/storybook/src/react-components/Button/Button.docs.mdx similarity index 90% rename from storybook/storybook-react/src/react-components/Button/Button.docs.mdx rename to storybook/src/react-components/Button/Button.docs.mdx index 35cd711efc..785cba5c7a 100644 --- a/storybook/storybook-react/src/react-components/Button/Button.docs.mdx +++ b/storybook/src/react-components/Button/Button.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ButtonStories from "./Button.stories.tsx"; -import README from "../../../../../packages/css/src/components/button/README.md?raw"; +import README from "../../../../packages/css/src/components/button/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Button/Button.stories.tsx b/storybook/src/react-components/Button/Button.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Button/Button.stories.tsx rename to storybook/src/react-components/Button/Button.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Card/Card.docs.mdx b/storybook/src/react-components/Card/Card.docs.mdx similarity index 89% rename from storybook/storybook-react/src/react-components/Card/Card.docs.mdx rename to storybook/src/react-components/Card/Card.docs.mdx index 36fe2b003b..44a28c00fa 100644 --- a/storybook/storybook-react/src/react-components/Card/Card.docs.mdx +++ b/storybook/src/react-components/Card/Card.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as CardStories from "./Card.stories.tsx"; -import README from "../../../../../packages/css/src/components/card/README.md?raw"; +import README from "../../../../packages/css/src/components/card/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Card/Card.stories.tsx b/storybook/src/react-components/Card/Card.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Card/Card.stories.tsx rename to storybook/src/react-components/Card/Card.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx b/storybook/src/react-components/Checkbox/Checkbox.docs.mdx similarity index 77% rename from storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx rename to storybook/src/react-components/Checkbox/Checkbox.docs.mdx index b2abc9a593..f4f888dc1c 100644 --- a/storybook/storybook-react/src/react-components/Checkbox/Checkbox.docs.mdx +++ b/storybook/src/react-components/Checkbox/Checkbox.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as CheckboxStories from "./Checkbox.stories.tsx"; -import README from "../../../../../packages/css/src/components/checkbox/README.md?raw"; +import README from "../../../../packages/css/src/components/checkbox/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Checkbox/Checkbox.stories.tsx b/storybook/src/react-components/Checkbox/Checkbox.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Checkbox/Checkbox.stories.tsx rename to storybook/src/react-components/Checkbox/Checkbox.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Column/Column.docs.mdx b/storybook/src/react-components/Column/Column.docs.mdx similarity index 90% rename from storybook/storybook-react/src/react-components/Column/Column.docs.mdx rename to storybook/src/react-components/Column/Column.docs.mdx index 8841ccc760..eaba44f7ac 100644 --- a/storybook/storybook-react/src/react-components/Column/Column.docs.mdx +++ b/storybook/src/react-components/Column/Column.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ColumnStories from "./Column.stories.tsx"; -import README from "../../../../../packages/css/src/components/column/README.md?raw"; +import README from "../../../../packages/css/src/components/column/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Column/Column.stories.tsx b/storybook/src/react-components/Column/Column.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Column/Column.stories.tsx rename to storybook/src/react-components/Column/Column.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx b/storybook/src/react-components/Dialog/Dialog.docs.mdx similarity index 84% rename from storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx rename to storybook/src/react-components/Dialog/Dialog.docs.mdx index 7bba83b2b9..6729451834 100644 --- a/storybook/storybook-react/src/react-components/Dialog/Dialog.docs.mdx +++ b/storybook/src/react-components/Dialog/Dialog.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as DialogStories from "./Dialog.stories.tsx"; -import README from "../../../../../packages/css/src/components/dialog/README.md?raw"; +import README from "../../../../packages/css/src/components/dialog/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Dialog/Dialog.stories.tsx b/storybook/src/react-components/Dialog/Dialog.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Dialog/Dialog.stories.tsx rename to storybook/src/react-components/Dialog/Dialog.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx b/storybook/src/react-components/Fieldset/Fieldset.docs.mdx similarity index 80% rename from storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx rename to storybook/src/react-components/Fieldset/Fieldset.docs.mdx index 973497d67d..d38cbc9591 100644 --- a/storybook/storybook-react/src/react-components/Fieldset/Fieldset.docs.mdx +++ b/storybook/src/react-components/Fieldset/Fieldset.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FieldsetStories from "./Fieldset.stories.tsx"; -import README from "../../../../../packages/css/src/components/fieldset/README.md?raw"; +import README from "../../../../packages/css/src/components/fieldset/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Fieldset/Fieldset.stories.tsx b/storybook/src/react-components/Fieldset/Fieldset.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Fieldset/Fieldset.stories.tsx rename to storybook/src/react-components/Fieldset/Fieldset.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx b/storybook/src/react-components/Footer/Footer.docs.mdx similarity index 71% rename from storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx rename to storybook/src/react-components/Footer/Footer.docs.mdx index 3f4aaed482..43f41cd32b 100644 --- a/storybook/storybook-react/src/react-components/Footer/Footer.docs.mdx +++ b/storybook/src/react-components/Footer/Footer.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FooterStories from "./Footer.stories.tsx"; -import README from "../../../../../packages/css/src/components/footer/README.md?raw"; +import README from "../../../../packages/css/src/components/footer/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Footer/Footer.stories.tsx b/storybook/src/react-components/Footer/Footer.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Footer/Footer.stories.tsx rename to storybook/src/react-components/Footer/Footer.stories.tsx diff --git a/storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx b/storybook/src/react-components/FormLabel/FormLabel.docs.mdx similarity index 71% rename from storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx rename to storybook/src/react-components/FormLabel/FormLabel.docs.mdx index 104d4d4087..c87d6f911d 100644 --- a/storybook/storybook-react/src/react-components/FormLabel/FormLabel.docs.mdx +++ b/storybook/src/react-components/FormLabel/FormLabel.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as FormLabelStories from "./FormLabel.stories.tsx"; -import README from "../../../../../packages/css/src/components/form-label/README.md?raw"; +import README from "../../../../packages/css/src/components/form-label/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/FormLabel/FormLabel.stories.tsx b/storybook/src/react-components/FormLabel/FormLabel.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/FormLabel/FormLabel.stories.tsx rename to storybook/src/react-components/FormLabel/FormLabel.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx b/storybook/src/react-components/Grid/Grid.docs.mdx similarity index 97% rename from storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx rename to storybook/src/react-components/Grid/Grid.docs.mdx index d951c08cdc..54db0afeaa 100644 --- a/storybook/storybook-react/src/react-components/Grid/Grid.docs.mdx +++ b/storybook/src/react-components/Grid/Grid.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as GridStories from "./Grid.stories"; -import README from "../../../../../packages/css/src/components/grid/README.md?raw"; +import README from "../../../../packages/css/src/components/grid/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Grid/Grid.stories.tsx b/storybook/src/react-components/Grid/Grid.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Grid/Grid.stories.tsx rename to storybook/src/react-components/Grid/Grid.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Header/Header.docs.mdx b/storybook/src/react-components/Header/Header.docs.mdx similarity index 88% rename from storybook/storybook-react/src/react-components/Header/Header.docs.mdx rename to storybook/src/react-components/Header/Header.docs.mdx index 74321619b0..7085453b7e 100644 --- a/storybook/storybook-react/src/react-components/Header/Header.docs.mdx +++ b/storybook/src/react-components/Header/Header.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as HeaderStories from "./Header.stories.tsx"; -import README from "../../../../../packages/css/src/components/header/README.md?raw"; +import README from "../../../../packages/css/src/components/header/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Header/Header.stories.tsx b/storybook/src/react-components/Header/Header.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Header/Header.stories.tsx rename to storybook/src/react-components/Header/Header.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx b/storybook/src/react-components/Heading/Heading.docs.mdx similarity index 88% rename from storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx rename to storybook/src/react-components/Heading/Heading.docs.mdx index 13d3b52363..7d997a1e9a 100644 --- a/storybook/storybook-react/src/react-components/Heading/Heading.docs.mdx +++ b/storybook/src/react-components/Heading/Heading.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as HeadingStories from "./Heading.stories.tsx"; -import README from "../../../../../packages/css/src/components/heading/README.md?raw"; +import README from "../../../../packages/css/src/components/heading/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Heading/Heading.stories.tsx b/storybook/src/react-components/Heading/Heading.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Heading/Heading.stories.tsx rename to storybook/src/react-components/Heading/Heading.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx b/storybook/src/react-components/Icon/Icon.docs.mdx similarity index 93% rename from storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx rename to storybook/src/react-components/Icon/Icon.docs.mdx index e284f42a0c..7e5126cf74 100644 --- a/storybook/storybook-react/src/react-components/Icon/Icon.docs.mdx +++ b/storybook/src/react-components/Icon/Icon.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as IconStories from "./Icon.stories.tsx"; -import README from "../../../../../packages/css/src/components/icon/README.md?raw"; +import README from "../../../../packages/css/src/components/icon/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Icon/Icon.stories.tsx b/storybook/src/react-components/Icon/Icon.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Icon/Icon.stories.tsx rename to storybook/src/react-components/Icon/Icon.stories.tsx diff --git a/storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx b/storybook/src/react-components/IconButton/IconButton.docs.mdx similarity index 87% rename from storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx rename to storybook/src/react-components/IconButton/IconButton.docs.mdx index ad3e27836e..8d67974717 100644 --- a/storybook/storybook-react/src/react-components/IconButton/IconButton.docs.mdx +++ b/storybook/src/react-components/IconButton/IconButton.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as IconButtonStories from "./IconButton.stories.tsx"; -import README from "../../../../../packages/css/src/components/icon-button/README.md?raw"; +import README from "../../../../packages/css/src/components/icon-button/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/IconButton/IconButton.stories.tsx b/storybook/src/react-components/IconButton/IconButton.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/IconButton/IconButton.stories.tsx rename to storybook/src/react-components/IconButton/IconButton.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Image/Image.docs.mdx b/storybook/src/react-components/Image/Image.docs.mdx similarity index 91% rename from storybook/storybook-react/src/react-components/Image/Image.docs.mdx rename to storybook/src/react-components/Image/Image.docs.mdx index 01c487c49b..3d04e50d55 100644 --- a/storybook/storybook-react/src/react-components/Image/Image.docs.mdx +++ b/storybook/src/react-components/Image/Image.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ImageStories from "./Image.stories.tsx"; -import README from "../../../../../packages/css/src/components/image/README.md?raw"; +import README from "../../../../packages/css/src/components/image/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Image/Image.stories.tsx b/storybook/src/react-components/Image/Image.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Image/Image.stories.tsx rename to storybook/src/react-components/Image/Image.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Link/Link.docs.mdx b/storybook/src/react-components/Link/Link.docs.mdx similarity index 90% rename from storybook/storybook-react/src/react-components/Link/Link.docs.mdx rename to storybook/src/react-components/Link/Link.docs.mdx index 12dd55ca75..48df2d2d90 100644 --- a/storybook/storybook-react/src/react-components/Link/Link.docs.mdx +++ b/storybook/src/react-components/Link/Link.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LinkStories from "./Link.stories.tsx"; -import README from "../../../../../packages/css/src/components/link/README.md?raw"; +import README from "../../../../packages/css/src/components/link/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Link/Link.stories.tsx b/storybook/src/react-components/Link/Link.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Link/Link.stories.tsx rename to storybook/src/react-components/Link/Link.stories.tsx diff --git a/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx b/storybook/src/react-components/LinkList/LinkList.docs.mdx similarity index 94% rename from storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx rename to storybook/src/react-components/LinkList/LinkList.docs.mdx index 422cc22fe1..22898bfc14 100644 --- a/storybook/storybook-react/src/react-components/LinkList/LinkList.docs.mdx +++ b/storybook/src/react-components/LinkList/LinkList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LinkListStories from "./LinkList.stories.tsx"; -import README from "../../../../../packages/css/src/components/link-list/README.md?raw"; +import README from "../../../../packages/css/src/components/link-list/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/LinkList/LinkList.stories.tsx b/storybook/src/react-components/LinkList/LinkList.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/LinkList/LinkList.stories.tsx rename to storybook/src/react-components/LinkList/LinkList.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx b/storybook/src/react-components/Logo/Logo.docs.mdx similarity index 84% rename from storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx rename to storybook/src/react-components/Logo/Logo.docs.mdx index 1c61330644..07614ef939 100644 --- a/storybook/storybook-react/src/react-components/Logo/Logo.docs.mdx +++ b/storybook/src/react-components/Logo/Logo.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as LogoStories from "./Logo.stories.tsx"; -import README from "../../../../../packages/css/src/components/logo/README.md?raw"; +import README from "../../../../packages/css/src/components/logo/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Logo/Logo.stories.tsx b/storybook/src/react-components/Logo/Logo.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Logo/Logo.stories.tsx rename to storybook/src/react-components/Logo/Logo.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx b/storybook/src/react-components/Mark/Mark.docs.mdx similarity index 72% rename from storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx rename to storybook/src/react-components/Mark/Mark.docs.mdx index 1ce7e95f00..875b282246 100644 --- a/storybook/storybook-react/src/react-components/Mark/Mark.docs.mdx +++ b/storybook/src/react-components/Mark/Mark.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as MarkStories from "./Mark.stories.tsx"; -import README from "../../../../../packages/css/src/components/mark/README.md?raw"; +import README from "../../../../packages/css/src/components/mark/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Mark/Mark.stories.tsx b/storybook/src/react-components/Mark/Mark.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Mark/Mark.stories.tsx rename to storybook/src/react-components/Mark/Mark.stories.tsx diff --git a/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx b/storybook/src/react-components/MegaMenu/MegaMenu.docs.mdx similarity index 75% rename from storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx rename to storybook/src/react-components/MegaMenu/MegaMenu.docs.mdx index fd88292515..d5483277d7 100644 --- a/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.docs.mdx +++ b/storybook/src/react-components/MegaMenu/MegaMenu.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as MegaMenuStories from "./MegaMenu.stories.tsx"; -import README from "../../../../../packages/css/src/components/mega-menu/README.md?raw"; +import README from "../../../../packages/css/src/components/mega-menu/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.stories.tsx b/storybook/src/react-components/MegaMenu/MegaMenu.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/MegaMenu/MegaMenu.stories.tsx rename to storybook/src/react-components/MegaMenu/MegaMenu.stories.tsx diff --git a/storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx b/storybook/src/react-components/OrderedList/OrderedList.docs.mdx similarity index 94% rename from storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx rename to storybook/src/react-components/OrderedList/OrderedList.docs.mdx index f677f83db4..754f11fd1a 100644 --- a/storybook/storybook-react/src/react-components/OrderedList/OrderedList.docs.mdx +++ b/storybook/src/react-components/OrderedList/OrderedList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as OrderedListStories from "./OrderedList.stories.tsx"; -import README from "../../../../../packages/css/src/components/ordered-list/README.md?raw"; +import README from "../../../../packages/css/src/components/ordered-list/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/OrderedList/OrderedList.stories.tsx b/storybook/src/react-components/OrderedList/OrderedList.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/OrderedList/OrderedList.stories.tsx rename to storybook/src/react-components/OrderedList/OrderedList.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx b/storybook/src/react-components/Overlap/Overlap.docs.mdx similarity index 89% rename from storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx rename to storybook/src/react-components/Overlap/Overlap.docs.mdx index 6167652ca4..21cea301c7 100644 --- a/storybook/storybook-react/src/react-components/Overlap/Overlap.docs.mdx +++ b/storybook/src/react-components/Overlap/Overlap.docs.mdx @@ -1,6 +1,6 @@ import { Markdown, Meta, Primary } from "@storybook/blocks"; import * as OverlapStories from "./Overlap.stories.tsx"; -import README from "../../../../../packages/css/src/components/overlap/README.md?raw"; +import README from "../../../../packages/css/src/components/overlap/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Overlap/Overlap.stories.tsx b/storybook/src/react-components/Overlap/Overlap.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Overlap/Overlap.stories.tsx rename to storybook/src/react-components/Overlap/Overlap.stories.tsx diff --git a/storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx b/storybook/src/react-components/PageHeading/PageHeading.docs.mdx similarity index 83% rename from storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx rename to storybook/src/react-components/PageHeading/PageHeading.docs.mdx index 6dc5babd81..058f2f3d98 100644 --- a/storybook/storybook-react/src/react-components/PageHeading/PageHeading.docs.mdx +++ b/storybook/src/react-components/PageHeading/PageHeading.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PageHeadingStories from "./PageHeading.stories.tsx"; -import README from "../../../../../packages/css/src/components/page-heading/README.md?raw"; +import README from "../../../../packages/css/src/components/page-heading/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/PageHeading/PageHeading.stories.tsx b/storybook/src/react-components/PageHeading/PageHeading.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/PageHeading/PageHeading.stories.tsx rename to storybook/src/react-components/PageHeading/PageHeading.stories.tsx diff --git a/storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx b/storybook/src/react-components/PageMenu/PageMenu.docs.mdx similarity index 85% rename from storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx rename to storybook/src/react-components/PageMenu/PageMenu.docs.mdx index e3388b7f3c..65baedf233 100644 --- a/storybook/storybook-react/src/react-components/PageMenu/PageMenu.docs.mdx +++ b/storybook/src/react-components/PageMenu/PageMenu.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PageMenuStories from "./PageMenu.stories.tsx"; -import README from "../../../../../packages/css/src/components/page-menu/README.md?raw"; +import README from "../../../../packages/css/src/components/page-menu/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/PageMenu/PageMenu.stories.tsx b/storybook/src/react-components/PageMenu/PageMenu.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/PageMenu/PageMenu.stories.tsx rename to storybook/src/react-components/PageMenu/PageMenu.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx b/storybook/src/react-components/Pagination/Pagination.docs.mdx similarity index 71% rename from storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx rename to storybook/src/react-components/Pagination/Pagination.docs.mdx index ef781e5a44..5d6b37723f 100644 --- a/storybook/storybook-react/src/react-components/Pagination/Pagination.docs.mdx +++ b/storybook/src/react-components/Pagination/Pagination.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as PaginationStories from "./Pagination.stories.tsx"; -import README from "../../../../../packages/css/src/components/pagination/README.md?raw"; +import README from "../../../../packages/css/src/components/pagination/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Pagination/Pagination.stories.tsx b/storybook/src/react-components/Pagination/Pagination.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Pagination/Pagination.stories.tsx rename to storybook/src/react-components/Pagination/Pagination.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx b/storybook/src/react-components/Paragraph/Paragraph.docs.mdx similarity index 91% rename from storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx rename to storybook/src/react-components/Paragraph/Paragraph.docs.mdx index e1a34a27da..3600bea551 100644 --- a/storybook/storybook-react/src/react-components/Paragraph/Paragraph.docs.mdx +++ b/storybook/src/react-components/Paragraph/Paragraph.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ParagraphStories from "./Paragraph.stories.tsx"; -import README from "../../../../../packages/css/src/components/paragraph/README.md?raw"; +import README from "../../../../packages/css/src/components/paragraph/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Paragraph/Paragraph.stories.tsx b/storybook/src/react-components/Paragraph/Paragraph.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Paragraph/Paragraph.stories.tsx rename to storybook/src/react-components/Paragraph/Paragraph.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx b/storybook/src/react-components/Screen/Screen.docs.mdx similarity index 74% rename from storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx rename to storybook/src/react-components/Screen/Screen.docs.mdx index 87a06b5842..bc0494e687 100644 --- a/storybook/storybook-react/src/react-components/Screen/Screen.docs.mdx +++ b/storybook/src/react-components/Screen/Screen.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as ScreenStories from "./Screen.stories.tsx"; -import README from "../../../../../packages/css/src/components/screen/README.md?raw"; +import README from "../../../../packages/css/src/components/screen/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Screen/Screen.stories.tsx b/storybook/src/react-components/Screen/Screen.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Screen/Screen.stories.tsx rename to storybook/src/react-components/Screen/Screen.stories.tsx diff --git a/storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx b/storybook/src/react-components/SearchField/SearchField.docs.mdx similarity index 87% rename from storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx rename to storybook/src/react-components/SearchField/SearchField.docs.mdx index a55e626aad..d88c8bdc71 100644 --- a/storybook/storybook-react/src/react-components/SearchField/SearchField.docs.mdx +++ b/storybook/src/react-components/SearchField/SearchField.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SearchFieldStories from "./SearchField.stories.tsx"; -import README from "../../../../../packages/css/src/components/search-field/README.md?raw"; +import README from "../../../../packages/css/src/components/search-field/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/SearchField/SearchField.stories.tsx b/storybook/src/react-components/SearchField/SearchField.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/SearchField/SearchField.stories.tsx rename to storybook/src/react-components/SearchField/SearchField.stories.tsx diff --git a/storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx b/storybook/src/react-components/SkipLink/SkipLink.docs.mdx similarity index 84% rename from storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx rename to storybook/src/react-components/SkipLink/SkipLink.docs.mdx index a14820e064..03c8648f13 100644 --- a/storybook/storybook-react/src/react-components/SkipLink/SkipLink.docs.mdx +++ b/storybook/src/react-components/SkipLink/SkipLink.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SkipLinkStories from "./SkipLink.stories.tsx"; -import README from "../../../../../packages/css/src/components/skip-link/README.md?raw"; +import README from "../../../../packages/css/src/components/skip-link/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/SkipLink/SkipLink.stories.tsx b/storybook/src/react-components/SkipLink/SkipLink.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/SkipLink/SkipLink.stories.tsx rename to storybook/src/react-components/SkipLink/SkipLink.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx b/storybook/src/react-components/Spotlight/Spotlight.docs.mdx similarity index 90% rename from storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx rename to storybook/src/react-components/Spotlight/Spotlight.docs.mdx index e16c084561..59ab071d8a 100644 --- a/storybook/storybook-react/src/react-components/Spotlight/Spotlight.docs.mdx +++ b/storybook/src/react-components/Spotlight/Spotlight.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SpotlightStories from "./Spotlight.stories.tsx"; -import README from "../../../../../packages/css/src/components/spotlight/README.md?raw"; +import README from "../../../../packages/css/src/components/spotlight/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Spotlight/Spotlight.stories.tsx b/storybook/src/react-components/Spotlight/Spotlight.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Spotlight/Spotlight.stories.tsx rename to storybook/src/react-components/Spotlight/Spotlight.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx b/storybook/src/react-components/Switch/Switch.docs.mdx similarity index 87% rename from storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx rename to storybook/src/react-components/Switch/Switch.docs.mdx index 9c9150e70b..b0d59f8242 100644 --- a/storybook/storybook-react/src/react-components/Switch/Switch.docs.mdx +++ b/storybook/src/react-components/Switch/Switch.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as SwitchStories from "./Switch.stories.tsx"; -import README from "../../../../../packages/css/src/components/switch/README.md?raw"; +import README from "../../../../packages/css/src/components/switch/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Switch/Switch.stories.tsx b/storybook/src/react-components/Switch/Switch.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Switch/Switch.stories.tsx rename to storybook/src/react-components/Switch/Switch.stories.tsx diff --git a/storybook/storybook-react/src/react-components/Table/Table.docs.mdx b/storybook/src/react-components/Table/Table.docs.mdx similarity index 85% rename from storybook/storybook-react/src/react-components/Table/Table.docs.mdx rename to storybook/src/react-components/Table/Table.docs.mdx index 5862ae990a..5e641867f7 100644 --- a/storybook/storybook-react/src/react-components/Table/Table.docs.mdx +++ b/storybook/src/react-components/Table/Table.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TableStories from "./Table.stories.tsx"; -import README from "../../../../../packages/css/src/components/table/README.md?raw"; +import README from "../../../../packages/css/src/components/table/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/Table/Table.stories.tsx b/storybook/src/react-components/Table/Table.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/Table/Table.stories.tsx rename to storybook/src/react-components/Table/Table.stories.tsx diff --git a/storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx b/storybook/src/react-components/TextInput/TextInput.docs.mdx similarity index 91% rename from storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx rename to storybook/src/react-components/TextInput/TextInput.docs.mdx index 33c5016623..074011e248 100644 --- a/storybook/storybook-react/src/react-components/TextInput/TextInput.docs.mdx +++ b/storybook/src/react-components/TextInput/TextInput.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TextInputStories from "./TextInput.stories.tsx"; -import README from "../../../../../packages/css/src/components/text-input/README.md?raw"; +import README from "../../../../packages/css/src/components/text-input/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/TextInput/TextInput.stories.tsx b/storybook/src/react-components/TextInput/TextInput.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/TextInput/TextInput.stories.tsx rename to storybook/src/react-components/TextInput/TextInput.stories.tsx diff --git a/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx b/storybook/src/react-components/TopTaskLink/TopTaskLink.docs.mdx similarity index 79% rename from storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx rename to storybook/src/react-components/TopTaskLink/TopTaskLink.docs.mdx index 152ce9f634..6dc8f88316 100644 --- a/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.docs.mdx +++ b/storybook/src/react-components/TopTaskLink/TopTaskLink.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as TopTaskLinkStories from "./TopTaskLink.stories.tsx"; -import README from "../../../../../packages/css/src/components/top-task-link/README.md?raw"; +import README from "../../../../packages/css/src/components/top-task-link/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.stories.tsx b/storybook/src/react-components/TopTaskLink/TopTaskLink.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/TopTaskLink/TopTaskLink.stories.tsx rename to storybook/src/react-components/TopTaskLink/TopTaskLink.stories.tsx diff --git a/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx b/storybook/src/react-components/UnorderedList/UnorderedList.docs.mdx similarity index 94% rename from storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx rename to storybook/src/react-components/UnorderedList/UnorderedList.docs.mdx index 694fd8ed2a..4f52536c74 100644 --- a/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.docs.mdx +++ b/storybook/src/react-components/UnorderedList/UnorderedList.docs.mdx @@ -1,6 +1,6 @@ import { Canvas, Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as UnorderedListStories from "./UnorderedList.stories.tsx"; -import README from "../../../../../packages/css/src/components/unordered-list/README.md?raw"; +import README from "../../../../packages/css/src/components/unordered-list/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.stories.tsx b/storybook/src/react-components/UnorderedList/UnorderedList.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/UnorderedList/UnorderedList.stories.tsx rename to storybook/src/react-components/UnorderedList/UnorderedList.stories.tsx diff --git a/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx b/storybook/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx similarity index 71% rename from storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx rename to storybook/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx index ae18c62ee7..4c8821f1c5 100644 --- a/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx +++ b/storybook/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx @@ -1,6 +1,6 @@ import { Controls, Markdown, Meta, Primary } from "@storybook/blocks"; import * as VisuallyHiddenStories from "./VisuallyHidden.stories.tsx"; -import README from "../../../../../packages/css/src/components/visually-hidden/README.md?raw"; +import README from "../../../../packages/css/src/components/visually-hidden/README.md?raw"; diff --git a/storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx b/storybook/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx similarity index 100% rename from storybook/storybook-react/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx rename to storybook/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx diff --git a/storybook/storybook-react/src/react-components/shared/argTypes.ts b/storybook/src/react-components/shared/argTypes.ts similarity index 100% rename from storybook/storybook-react/src/react-components/shared/argTypes.ts rename to storybook/src/react-components/shared/argTypes.ts diff --git a/storybook/storybook-react/src/react-components/shared/exampleContent.ts b/storybook/src/react-components/shared/exampleContent.ts similarity index 100% rename from storybook/storybook-react/src/react-components/shared/exampleContent.ts rename to storybook/src/react-components/shared/exampleContent.ts diff --git a/storybook/storybook-react/config/manager.js b/storybook/storybook-react/config/manager.js deleted file mode 100644 index b14d30f175..0000000000 --- a/storybook/storybook-react/config/manager.js +++ /dev/null @@ -1,5 +0,0 @@ -import { addons } from '@storybook/manager-api' -import { create } from '@storybook/theming/create' -import themeConfig from '../../../storybook/theme.config' - -addons.setConfig({ theme: create(themeConfig) }) diff --git a/storybook/theme.config.js b/storybook/theme.config.js deleted file mode 100644 index ac6c166cc2..0000000000 --- a/storybook/theme.config.js +++ /dev/null @@ -1,22 +0,0 @@ -import Logo from '../proprietary/assets/logo/amsterdam.svg' -import '../proprietary/assets/font/index.css' - -const themeConfig = { - appBg: '#ffffff', - appBorderColor: '#e6e6e6', - appBorderRadius: 0, - base: 'light', - brandImage: Logo, - brandTitle: 'Gemeente Amsterdam', - colorPrimary: '#004699', - colorSecondary: '#009dec', - fontBase: '"Amsterdam Sans", Arial, sans-serif', - inputBg: '#ffffff', - inputBorder: '#767676', - inputBorderRadius: 0, - inputTextColor: '#000000', - textColor: '#000000', - textInverseColor: '#ffffff', -} - -export default themeConfig diff --git a/storybook/storybook-react/tsconfig.json b/storybook/tsconfig.json similarity index 85% rename from storybook/storybook-react/tsconfig.json rename to storybook/tsconfig.json index 32d2b1d53b..00d767d80f 100644 --- a/storybook/storybook-react/tsconfig.json +++ b/storybook/tsconfig.json @@ -3,7 +3,7 @@ "jsx": "react-jsx", "allowSyntheticDefaultImports": true }, - "extends": "../../tsconfig.json", + "extends": "../tsconfig.json", "include": ["src/**/*.ts", "src/**/*.tsx", "config/**/*.ts", "config/**/*.tsx"], "exclude": ["**/node_modules/*"] } diff --git a/storybook/storybook-react/tsconfig.node.json b/storybook/tsconfig.node.json similarity index 100% rename from storybook/storybook-react/tsconfig.node.json rename to storybook/tsconfig.node.json diff --git a/storybook/storybook-react/vite.config.ts b/storybook/vite.config.ts similarity index 100% rename from storybook/storybook-react/vite.config.ts rename to storybook/vite.config.ts From 433d49a3d4998a50e746bb1d85fc02e67b425618 Mon Sep 17 00:00:00 2001 From: Aram Limpens Date: Fri, 23 Feb 2024 13:41:21 +0100 Subject: [PATCH 9/9] Rename React Components to Components --- packages/css/src/components/card/README.md | 6 +++--- packages/css/src/components/grid/README.md | 4 ++-- packages/css/src/components/icon-button/README.md | 2 +- packages/css/src/components/image/README.md | 2 +- packages/css/src/components/link-list/README.md | 2 +- packages/css/src/components/page-heading/README.md | 2 +- packages/css/src/components/screen/README.md | 8 ++++---- packages/css/src/components/table/README.md | 2 +- packages/css/src/components/top-task-link/README.md | 6 +++--- plopfile.mjs | 4 ++-- .../Accordion/Accordion.docs.mdx | 0 .../Accordion/Accordion.stories.tsx | 2 +- .../{react-components => components}/Alert/Alert.docs.mdx | 0 .../Alert/Alert.stories.tsx | 2 +- .../AspectRatio/AspectRatio.docs.mdx | 0 .../AspectRatio/AspectRatio.stories.tsx | 2 +- .../{react-components => components}/Badge/Badge.docs.mdx | 0 .../Badge/Badge.stories.tsx | 2 +- .../Blockquote/Blockquote.docs.mdx | 0 .../Blockquote/Blockquote.stories.tsx | 2 +- .../Breadcrumb/Breadcrumb.docs.mdx | 0 .../Breadcrumb/Breadcrumb.stories.tsx | 2 +- .../Button/Button.docs.mdx | 0 .../Button/Button.stories.tsx | 2 +- .../{react-components => components}/Card/Card.docs.mdx | 0 .../Card/Card.stories.tsx | 2 +- .../Checkbox/Checkbox.docs.mdx | 0 .../Checkbox/Checkbox.stories.tsx | 2 +- .../Column/Column.docs.mdx | 0 .../Column/Column.stories.tsx | 2 +- .../Dialog/Dialog.docs.mdx | 0 .../Dialog/Dialog.stories.tsx | 2 +- .../Fieldset/Fieldset.docs.mdx | 0 .../Fieldset/Fieldset.stories.tsx | 2 +- .../Footer/Footer.docs.mdx | 0 .../Footer/Footer.stories.tsx | 2 +- .../FormLabel/FormLabel.docs.mdx | 0 .../FormLabel/FormLabel.stories.tsx | 2 +- .../{react-components => components}/Grid/Grid.docs.mdx | 2 +- .../Grid/Grid.stories.tsx | 2 +- .../Header/Header.docs.mdx | 0 .../Header/Header.stories.tsx | 2 +- .../Heading/Heading.docs.mdx | 0 .../Heading/Heading.stories.tsx | 2 +- .../{react-components => components}/Icon/Icon.docs.mdx | 2 +- .../Icon/Icon.stories.tsx | 2 +- .../IconButton/IconButton.docs.mdx | 0 .../IconButton/IconButton.stories.tsx | 2 +- .../{react-components => components}/Image/Image.docs.mdx | 0 .../Image/Image.stories.tsx | 2 +- .../{react-components => components}/Link/Link.docs.mdx | 0 .../Link/Link.stories.tsx | 2 +- .../LinkList/LinkList.docs.mdx | 2 +- .../LinkList/LinkList.stories.tsx | 4 ++-- .../{react-components => components}/Logo/Logo.docs.mdx | 0 .../Logo/Logo.stories.tsx | 2 +- .../{react-components => components}/Mark/Mark.docs.mdx | 0 .../Mark/Mark.stories.tsx | 2 +- .../MegaMenu/MegaMenu.docs.mdx | 0 .../MegaMenu/MegaMenu.stories.tsx | 2 +- .../OrderedList/OrderedList.docs.mdx | 0 .../OrderedList/OrderedList.stories.tsx | 2 +- .../Overlap/Overlap.docs.mdx | 4 ++-- .../Overlap/Overlap.stories.tsx | 2 +- .../PageHeading/PageHeading.docs.mdx | 0 .../PageHeading/PageHeading.stories.tsx | 2 +- .../PageMenu/PageMenu.docs.mdx | 0 .../PageMenu/PageMenu.stories.tsx | 2 +- .../Pagination/Pagination.docs.mdx | 0 .../Pagination/Pagination.stories.tsx | 2 +- .../Paragraph/Paragraph.docs.mdx | 0 .../Paragraph/Paragraph.stories.tsx | 2 +- .../Screen/Screen.docs.mdx | 0 .../Screen/Screen.stories.tsx | 2 +- .../SearchField/SearchField.docs.mdx | 0 .../SearchField/SearchField.stories.tsx | 2 +- .../SkipLink/SkipLink.docs.mdx | 0 .../SkipLink/SkipLink.stories.tsx | 2 +- .../Spotlight/Spotlight.docs.mdx | 0 .../Spotlight/Spotlight.stories.tsx | 2 +- .../Switch/Switch.docs.mdx | 0 .../Switch/Switch.stories.tsx | 2 +- .../{react-components => components}/Table/Table.docs.mdx | 0 .../Table/Table.stories.tsx | 2 +- .../TextInput/TextInput.docs.mdx | 0 .../TextInput/TextInput.stories.tsx | 2 +- .../TopTaskLink/TopTaskLink.docs.mdx | 0 .../TopTaskLink/TopTaskLink.stories.tsx | 2 +- .../UnorderedList/UnorderedList.docs.mdx | 0 .../UnorderedList/UnorderedList.stories.tsx | 2 +- .../VisuallyHidden/VisuallyHidden.docs.mdx | 0 .../VisuallyHidden/VisuallyHidden.stories.tsx | 2 +- .../{react-components => components}/shared/argTypes.ts | 0 .../shared/exampleContent.ts | 0 storybook/src/docs/grid.docs.mdx | 2 +- storybook/src/docs/icon-gallery.docs.mdx | 2 +- storybook/src/docs/typography.docs.mdx | 4 ++-- 97 files changed, 70 insertions(+), 70 deletions(-) rename storybook/src/{react-components => components}/Accordion/Accordion.docs.mdx (100%) rename storybook/src/{react-components => components}/Accordion/Accordion.stories.tsx (97%) rename storybook/src/{react-components => components}/Alert/Alert.docs.mdx (100%) rename storybook/src/{react-components => components}/Alert/Alert.stories.tsx (98%) rename storybook/src/{react-components => components}/AspectRatio/AspectRatio.docs.mdx (100%) rename storybook/src/{react-components => components}/AspectRatio/AspectRatio.stories.tsx (97%) rename storybook/src/{react-components => components}/Badge/Badge.docs.mdx (100%) rename storybook/src/{react-components => components}/Badge/Badge.stories.tsx (93%) rename storybook/src/{react-components => components}/Blockquote/Blockquote.docs.mdx (100%) rename storybook/src/{react-components => components}/Blockquote/Blockquote.stories.tsx (95%) rename storybook/src/{react-components => components}/Breadcrumb/Breadcrumb.docs.mdx (100%) rename storybook/src/{react-components => components}/Breadcrumb/Breadcrumb.stories.tsx (94%) rename storybook/src/{react-components => components}/Button/Button.docs.mdx (100%) rename storybook/src/{react-components => components}/Button/Button.stories.tsx (96%) rename storybook/src/{react-components => components}/Card/Card.docs.mdx (100%) rename storybook/src/{react-components => components}/Card/Card.stories.tsx (97%) rename storybook/src/{react-components => components}/Checkbox/Checkbox.docs.mdx (100%) rename storybook/src/{react-components => components}/Checkbox/Checkbox.stories.tsx (94%) rename storybook/src/{react-components => components}/Column/Column.docs.mdx (100%) rename storybook/src/{react-components => components}/Column/Column.stories.tsx (97%) rename storybook/src/{react-components => components}/Dialog/Dialog.docs.mdx (100%) rename storybook/src/{react-components => components}/Dialog/Dialog.stories.tsx (98%) rename storybook/src/{react-components => components}/Fieldset/Fieldset.docs.mdx (100%) rename storybook/src/{react-components => components}/Fieldset/Fieldset.stories.tsx (94%) rename storybook/src/{react-components => components}/Footer/Footer.docs.mdx (100%) rename storybook/src/{react-components => components}/Footer/Footer.stories.tsx (98%) rename storybook/src/{react-components => components}/FormLabel/FormLabel.docs.mdx (100%) rename storybook/src/{react-components => components}/FormLabel/FormLabel.stories.tsx (90%) rename storybook/src/{react-components => components}/Grid/Grid.docs.mdx (94%) rename storybook/src/{react-components => components}/Grid/Grid.stories.tsx (98%) rename storybook/src/{react-components => components}/Header/Header.docs.mdx (100%) rename storybook/src/{react-components => components}/Header/Header.stories.tsx (98%) rename storybook/src/{react-components => components}/Heading/Heading.docs.mdx (100%) rename storybook/src/{react-components => components}/Heading/Heading.stories.tsx (97%) rename storybook/src/{react-components => components}/Icon/Icon.docs.mdx (93%) rename storybook/src/{react-components => components}/Icon/Icon.stories.tsx (97%) rename storybook/src/{react-components => components}/IconButton/IconButton.docs.mdx (100%) rename storybook/src/{react-components => components}/IconButton/IconButton.stories.tsx (96%) rename storybook/src/{react-components => components}/Image/Image.docs.mdx (100%) rename storybook/src/{react-components => components}/Image/Image.stories.tsx (94%) rename storybook/src/{react-components => components}/Link/Link.docs.mdx (100%) rename storybook/src/{react-components => components}/Link/Link.stories.tsx (98%) rename storybook/src/{react-components => components}/LinkList/LinkList.docs.mdx (93%) rename storybook/src/{react-components => components}/LinkList/LinkList.stories.tsx (96%) rename storybook/src/{react-components => components}/Logo/Logo.docs.mdx (100%) rename storybook/src/{react-components => components}/Logo/Logo.stories.tsx (95%) rename storybook/src/{react-components => components}/Mark/Mark.docs.mdx (100%) rename storybook/src/{react-components => components}/Mark/Mark.stories.tsx (96%) rename storybook/src/{react-components => components}/MegaMenu/MegaMenu.docs.mdx (100%) rename storybook/src/{react-components => components}/MegaMenu/MegaMenu.stories.tsx (99%) rename storybook/src/{react-components => components}/OrderedList/OrderedList.docs.mdx (100%) rename storybook/src/{react-components => components}/OrderedList/OrderedList.stories.tsx (98%) rename storybook/src/{react-components => components}/Overlap/Overlap.docs.mdx (73%) rename storybook/src/{react-components => components}/Overlap/Overlap.stories.tsx (96%) rename storybook/src/{react-components => components}/PageHeading/PageHeading.docs.mdx (100%) rename storybook/src/{react-components => components}/PageHeading/PageHeading.stories.tsx (96%) rename storybook/src/{react-components => components}/PageMenu/PageMenu.docs.mdx (100%) rename storybook/src/{react-components => components}/PageMenu/PageMenu.stories.tsx (97%) rename storybook/src/{react-components => components}/Pagination/Pagination.docs.mdx (100%) rename storybook/src/{react-components => components}/Pagination/Pagination.stories.tsx (90%) rename storybook/src/{react-components => components}/Paragraph/Paragraph.docs.mdx (100%) rename storybook/src/{react-components => components}/Paragraph/Paragraph.stories.tsx (96%) rename storybook/src/{react-components => components}/Screen/Screen.docs.mdx (100%) rename storybook/src/{react-components => components}/Screen/Screen.stories.tsx (94%) rename storybook/src/{react-components => components}/SearchField/SearchField.docs.mdx (100%) rename storybook/src/{react-components => components}/SearchField/SearchField.stories.tsx (97%) rename storybook/src/{react-components => components}/SkipLink/SkipLink.docs.mdx (100%) rename storybook/src/{react-components => components}/SkipLink/SkipLink.stories.tsx (97%) rename storybook/src/{react-components => components}/Spotlight/Spotlight.docs.mdx (100%) rename storybook/src/{react-components => components}/Spotlight/Spotlight.stories.tsx (97%) rename storybook/src/{react-components => components}/Switch/Switch.docs.mdx (100%) rename storybook/src/{react-components => components}/Switch/Switch.stories.tsx (94%) rename storybook/src/{react-components => components}/Table/Table.docs.mdx (100%) rename storybook/src/{react-components => components}/Table/Table.stories.tsx (97%) rename storybook/src/{react-components => components}/TextInput/TextInput.docs.mdx (100%) rename storybook/src/{react-components => components}/TextInput/TextInput.stories.tsx (96%) rename storybook/src/{react-components => components}/TopTaskLink/TopTaskLink.docs.mdx (100%) rename storybook/src/{react-components => components}/TopTaskLink/TopTaskLink.stories.tsx (96%) rename storybook/src/{react-components => components}/UnorderedList/UnorderedList.docs.mdx (100%) rename storybook/src/{react-components => components}/UnorderedList/UnorderedList.stories.tsx (98%) rename storybook/src/{react-components => components}/VisuallyHidden/VisuallyHidden.docs.mdx (100%) rename storybook/src/{react-components => components}/VisuallyHidden/VisuallyHidden.stories.tsx (93%) rename storybook/src/{react-components => components}/shared/argTypes.ts (100%) rename storybook/src/{react-components => components}/shared/exampleContent.ts (100%) diff --git a/packages/css/src/components/card/README.md b/packages/css/src/components/card/README.md index 1517774817..5fcea5333a 100644 --- a/packages/css/src/components/card/README.md +++ b/packages/css/src/components/card/README.md @@ -7,15 +7,15 @@ The link is mandatory. ## Guidelines - The title of a card is a link within a heading. - The same guidelines as for regular [links](/docs/react-components-navigation-link--docs) and [headings](/docs/react-components-text-heading--docs) apply here. + The same guidelines as for regular [links](/docs/components-navigation-link--docs) and [headings](/docs/components-text-heading--docs) apply here. The link is active across the entire area of the card. - A card needs more content than just a title. Supplement this with textual and/or visual content. - Place the text in a regular paragraph. Only use the smallest text size for a tagline or date. - This component may not be the best option if the content does not represent a detailed page. - For referencing a thematic page, use a [top task link](/docs/react-components-navigation-top-task-link--docs). - You can also use a [regular link](/docs/react-components-navigation-link--docs). + For referencing a thematic page, use a [top task link](/docs/components-navigation-top-task-link--docs). + You can also use a [regular link](/docs/components-navigation-link--docs). ## Screen Readers diff --git a/packages/css/src/components/grid/README.md b/packages/css/src/components/grid/README.md index 9d641f68e9..b281f635b7 100644 --- a/packages/css/src/components/grid/README.md +++ b/packages/css/src/components/grid/README.md @@ -5,9 +5,9 @@ Divides the screen into columns to align the elements of a page. ## Usage Every page should use the grid as the foundation for its layout. -It is placed directly within the [Screen](/docs/react-components-layout-screen--docs). +It is placed directly within the [Screen](/docs/components-layout-screen--docs). -A [Footer](/docs/react-components-containers-footer--docs) and a [Spotlight](/docs/react-components-containers-spotlight--docs) are slightly wider than the grid. +A [Footer](/docs/components-containers-footer--docs) and a [Spotlight](/docs/components-containers-spotlight--docs) are slightly wider than the grid. You close one instance of the grid before these components. Inside and optionally after them, you start a new one. Multiple instances of the grid component are possible on a page, but the columns of all grids must align precisely. diff --git a/packages/css/src/components/icon-button/README.md b/packages/css/src/components/icon-button/README.md index 4ee08ebc19..174fbd1f22 100644 --- a/packages/css/src/components/icon-button/README.md +++ b/packages/css/src/components/icon-button/README.md @@ -11,4 +11,4 @@ A button containing only an icon. ## Relevant WCAG Requirements -The Icon Button follows [the same requirements and guidelines as a regular button](/docs/react-components-buttons-button--docs). +The Icon Button follows [the same requirements and guidelines as a regular button](/docs/components-buttons-button--docs). diff --git a/packages/css/src/components/image/README.md b/packages/css/src/components/image/README.md index 8b09deeedd..dc146d6ca3 100644 --- a/packages/css/src/components/image/README.md +++ b/packages/css/src/components/image/README.md @@ -13,7 +13,7 @@ Displays an image. For example, provide small, medium, and large variants for various screen sizes. This prevents unnecessary downloading of large files. Do this especially for the main image of a page, where the difference between sizes on a narrow and wide screen is most significant. -- Ensure that the aspect ratio of the image is supported by the [Aspect Ratio](/docs/react-components-layout-aspect-ratio--docs) component. +- Ensure that the aspect ratio of the image is supported by the [Aspect Ratio](/docs/components-layout-aspect-ratio--docs) component. ## Relevant WCAG Requirements diff --git a/packages/css/src/components/link-list/README.md b/packages/css/src/components/link-list/README.md index 43852633fd..b2834f30e0 100644 --- a/packages/css/src/components/link-list/README.md +++ b/packages/css/src/components/link-list/README.md @@ -13,4 +13,4 @@ Therefore, it is blue and clickable. Use a Link List to present multiple links within a theme. -For additional guidelines, refer to the [Link](/docs/react-components-navigation-link--docs) component. +For additional guidelines, refer to the [Link](/docs/components-navigation-link--docs) component. diff --git a/packages/css/src/components/page-heading/README.md b/packages/css/src/components/page-heading/README.md index 2bbd3212dc..b203d0a298 100644 --- a/packages/css/src/components/page-heading/README.md +++ b/packages/css/src/components/page-heading/README.md @@ -14,4 +14,4 @@ Use this component for a name, title, or motto. The page heading component is a variant of a heading level 1 with a distinct style. When using this component, ensure that the heading hierarchy of the page remains logical. -For this component, the same WCAG requirements apply as for [the heading component](/docs/react-components-text-heading--docs). +For this component, the same WCAG requirements apply as for [the heading component](/docs/components-text-heading--docs). diff --git a/packages/css/src/components/screen/README.md b/packages/css/src/components/screen/README.md index 84e9928a14..4cb1587d16 100644 --- a/packages/css/src/components/screen/README.md +++ b/packages/css/src/components/screen/README.md @@ -6,10 +6,10 @@ Manages the maximum width and alignment of the entire website or application. This should be the outermost component of your website or application. Within it, combine components such as -[Grid](/docs/react-components-layout-grid--docs), -[Header](/docs/react-components-containers-header--docs), -[Footer](/docs/react-components-containers-footer--docs), -[Spotlight](/docs/react-components-containers-spotlight--docs), +[Grid](/docs/components-layout-grid--docs), +[Header](/docs/components-containers-header--docs), +[Footer](/docs/components-containers-footer--docs), +[Spotlight](/docs/components-containers-spotlight--docs), and Figure. ## Design diff --git a/packages/css/src/components/table/README.md b/packages/css/src/components/table/README.md index fc85e24d8d..77f104eb36 100644 --- a/packages/css/src/components/table/README.md +++ b/packages/css/src/components/table/README.md @@ -8,4 +8,4 @@ Table is used to display simple information that does not need to be filtered or - Use `` to describe a table in the same way you would use a heading. A caption helps users find, navigate and understand tables. - Never use the table component to layout content on a page. - Instead, use [Grid](/docs/react-components-layout-grid--docs). + Instead, use [Grid](/docs/components-layout-grid--docs). diff --git a/packages/css/src/components/top-task-link/README.md b/packages/css/src/components/top-task-link/README.md index 0ae717b30c..6b69466616 100644 --- a/packages/css/src/components/top-task-link/README.md +++ b/packages/css/src/components/top-task-link/README.md @@ -10,12 +10,12 @@ A prominent navigation element to quickly start a task. - Keep both texts concise. A title consists of a few words, and the description consists of 1 or 2 short sentences. The description should end with a period or another appropriate punctuation mark. -- For wide windows, place 3 or 4 Top Task Links side by side on the [Grid](/docs/react-components-layout-grid--docs). +- For wide windows, place 3 or 4 Top Task Links side by side on the [Grid](/docs/components-layout-grid--docs). If you have more Top Task Links, place them in the next row. Try to distribute the amount of links on wide windows over rows of 3 or 4 links. If this is not possible, leave the last cells of the grid empty. -- If you have a group of links for which a description is unnecessary or illogical, use a [Link List](/docs/react-components-navigation-link--docs). +- If you have a group of links for which a description is unnecessary or illogical, use a [Link List](/docs/components-navigation-link--docs). ## Relevant WCAG requirements -The Top Task Link is subject to the same requirements as [regular links](/docs/react-components-navigation-link--docs). +The Top Task Link is subject to the same requirements as [regular links](/docs/components-navigation-link--docs). diff --git a/plopfile.mjs b/plopfile.mjs index 0c6b69b0fb..0b26b67abb 100644 --- a/plopfile.mjs +++ b/plopfile.mjs @@ -60,12 +60,12 @@ export default function (plop) { { type: 'add', data: { curlyBefore: '{' }, - path: 'storybook/src/react-components/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', + path: 'storybook/src/components/{{pascalCase name}}/{{pascalCase name}}.docs.mdx', templateFile: 'plop-templates/storybook.docs.mdx.hbs', }, { type: 'add', - path: 'storybook/src/react-components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', + path: 'storybook/src/components/{{pascalCase name}}/{{pascalCase name}}.stories.tsx', templateFile: 'plop-templates/storybook.stories.tsx.hbs', }, ], diff --git a/storybook/src/react-components/Accordion/Accordion.docs.mdx b/storybook/src/components/Accordion/Accordion.docs.mdx similarity index 100% rename from storybook/src/react-components/Accordion/Accordion.docs.mdx rename to storybook/src/components/Accordion/Accordion.docs.mdx diff --git a/storybook/src/react-components/Accordion/Accordion.stories.tsx b/storybook/src/components/Accordion/Accordion.stories.tsx similarity index 97% rename from storybook/src/react-components/Accordion/Accordion.stories.tsx rename to storybook/src/components/Accordion/Accordion.stories.tsx index e88aef3f37..3edd45e19a 100644 --- a/storybook/src/react-components/Accordion/Accordion.stories.tsx +++ b/storybook/src/components/Accordion/Accordion.stories.tsx @@ -12,7 +12,7 @@ const paragraph2 = exampleParagraph() const paragraph3 = exampleParagraph() const meta = { - title: 'React Components/Containers/Accordion', + title: 'Components/Containers/Accordion', component: Accordion, args: { headingLevel: 1, diff --git a/storybook/src/react-components/Alert/Alert.docs.mdx b/storybook/src/components/Alert/Alert.docs.mdx similarity index 100% rename from storybook/src/react-components/Alert/Alert.docs.mdx rename to storybook/src/components/Alert/Alert.docs.mdx diff --git a/storybook/src/react-components/Alert/Alert.stories.tsx b/storybook/src/components/Alert/Alert.stories.tsx similarity index 98% rename from storybook/src/react-components/Alert/Alert.stories.tsx rename to storybook/src/components/Alert/Alert.stories.tsx index bf6e945bd9..15be86bf20 100644 --- a/storybook/src/react-components/Alert/Alert.stories.tsx +++ b/storybook/src/components/Alert/Alert.stories.tsx @@ -7,7 +7,7 @@ import { Alert, Link, Paragraph, UnorderedList } from '@amsterdam/design-system- import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Feedback/Alert', + title: 'Components/Feedback/Alert', component: Alert, args: { title: 'Let op', diff --git a/storybook/src/react-components/AspectRatio/AspectRatio.docs.mdx b/storybook/src/components/AspectRatio/AspectRatio.docs.mdx similarity index 100% rename from storybook/src/react-components/AspectRatio/AspectRatio.docs.mdx rename to storybook/src/components/AspectRatio/AspectRatio.docs.mdx diff --git a/storybook/src/react-components/AspectRatio/AspectRatio.stories.tsx b/storybook/src/components/AspectRatio/AspectRatio.stories.tsx similarity index 97% rename from storybook/src/react-components/AspectRatio/AspectRatio.stories.tsx rename to storybook/src/components/AspectRatio/AspectRatio.stories.tsx index 3608749098..39bdb1090a 100644 --- a/storybook/src/react-components/AspectRatio/AspectRatio.stories.tsx +++ b/storybook/src/components/AspectRatio/AspectRatio.stories.tsx @@ -7,7 +7,7 @@ import { AspectRatio, Image } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Layout/Aspect Ratio', + title: 'Components/Layout/Aspect Ratio', component: AspectRatio, args: { ratio: 'square', diff --git a/storybook/src/react-components/Badge/Badge.docs.mdx b/storybook/src/components/Badge/Badge.docs.mdx similarity index 100% rename from storybook/src/react-components/Badge/Badge.docs.mdx rename to storybook/src/components/Badge/Badge.docs.mdx diff --git a/storybook/src/react-components/Badge/Badge.stories.tsx b/storybook/src/components/Badge/Badge.stories.tsx similarity index 93% rename from storybook/src/react-components/Badge/Badge.stories.tsx rename to storybook/src/components/Badge/Badge.stories.tsx index 22a4604a73..5e2bc4aede 100644 --- a/storybook/src/react-components/Badge/Badge.stories.tsx +++ b/storybook/src/components/Badge/Badge.stories.tsx @@ -7,7 +7,7 @@ import { Badge } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Feedback/Badge', + title: 'Components/Feedback/Badge', component: Badge, args: { label: 'Tip', diff --git a/storybook/src/react-components/Blockquote/Blockquote.docs.mdx b/storybook/src/components/Blockquote/Blockquote.docs.mdx similarity index 100% rename from storybook/src/react-components/Blockquote/Blockquote.docs.mdx rename to storybook/src/components/Blockquote/Blockquote.docs.mdx diff --git a/storybook/src/react-components/Blockquote/Blockquote.stories.tsx b/storybook/src/components/Blockquote/Blockquote.stories.tsx similarity index 95% rename from storybook/src/react-components/Blockquote/Blockquote.stories.tsx rename to storybook/src/components/Blockquote/Blockquote.stories.tsx index e377fabe5a..d774a275c1 100644 --- a/storybook/src/react-components/Blockquote/Blockquote.stories.tsx +++ b/storybook/src/components/Blockquote/Blockquote.stories.tsx @@ -10,7 +10,7 @@ import { exampleQuote } from '../shared/exampleContent' const quote = exampleQuote() const meta = { - title: 'React Components/Text/Blockquote', + title: 'Components/Text/Blockquote', component: Blockquote, args: { children: quote, diff --git a/storybook/src/react-components/Breadcrumb/Breadcrumb.docs.mdx b/storybook/src/components/Breadcrumb/Breadcrumb.docs.mdx similarity index 100% rename from storybook/src/react-components/Breadcrumb/Breadcrumb.docs.mdx rename to storybook/src/components/Breadcrumb/Breadcrumb.docs.mdx diff --git a/storybook/src/react-components/Breadcrumb/Breadcrumb.stories.tsx b/storybook/src/components/Breadcrumb/Breadcrumb.stories.tsx similarity index 94% rename from storybook/src/react-components/Breadcrumb/Breadcrumb.stories.tsx rename to storybook/src/components/Breadcrumb/Breadcrumb.stories.tsx index c22bf23c2d..35134a4dac 100644 --- a/storybook/src/react-components/Breadcrumb/Breadcrumb.stories.tsx +++ b/storybook/src/components/Breadcrumb/Breadcrumb.stories.tsx @@ -7,7 +7,7 @@ import { Breadcrumb } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Breadcrumb', + title: 'Components/Navigation/Breadcrumb', component: Breadcrumb, } satisfies Meta diff --git a/storybook/src/react-components/Button/Button.docs.mdx b/storybook/src/components/Button/Button.docs.mdx similarity index 100% rename from storybook/src/react-components/Button/Button.docs.mdx rename to storybook/src/components/Button/Button.docs.mdx diff --git a/storybook/src/react-components/Button/Button.stories.tsx b/storybook/src/components/Button/Button.stories.tsx similarity index 96% rename from storybook/src/react-components/Button/Button.stories.tsx rename to storybook/src/components/Button/Button.stories.tsx index 53a2d89ade..9750b2cf6b 100644 --- a/storybook/src/react-components/Button/Button.stories.tsx +++ b/storybook/src/components/Button/Button.stories.tsx @@ -8,7 +8,7 @@ import { ShareIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Buttons/Button', + title: 'Components/Buttons/Button', component: Button, args: { children: 'Button label', diff --git a/storybook/src/react-components/Card/Card.docs.mdx b/storybook/src/components/Card/Card.docs.mdx similarity index 100% rename from storybook/src/react-components/Card/Card.docs.mdx rename to storybook/src/components/Card/Card.docs.mdx diff --git a/storybook/src/react-components/Card/Card.stories.tsx b/storybook/src/components/Card/Card.stories.tsx similarity index 97% rename from storybook/src/react-components/Card/Card.stories.tsx rename to storybook/src/components/Card/Card.stories.tsx index d73425ba36..702b2bbe74 100644 --- a/storybook/src/react-components/Card/Card.stories.tsx +++ b/storybook/src/components/Card/Card.stories.tsx @@ -14,7 +14,7 @@ const dateFormat = new Intl.DateTimeFormat('nl', { const today = dateFormat.format(Date.now()) const meta = { - title: 'React Components/Navigation/Card', + title: 'Components/Navigation/Card', component: Card, decorators: [ (Story) => ( diff --git a/storybook/src/react-components/Checkbox/Checkbox.docs.mdx b/storybook/src/components/Checkbox/Checkbox.docs.mdx similarity index 100% rename from storybook/src/react-components/Checkbox/Checkbox.docs.mdx rename to storybook/src/components/Checkbox/Checkbox.docs.mdx diff --git a/storybook/src/react-components/Checkbox/Checkbox.stories.tsx b/storybook/src/components/Checkbox/Checkbox.stories.tsx similarity index 94% rename from storybook/src/react-components/Checkbox/Checkbox.stories.tsx rename to storybook/src/components/Checkbox/Checkbox.stories.tsx index 8d3ac4c272..afda146fcb 100644 --- a/storybook/src/react-components/Checkbox/Checkbox.stories.tsx +++ b/storybook/src/components/Checkbox/Checkbox.stories.tsx @@ -7,7 +7,7 @@ import { Checkbox } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Forms/Checkbox', + title: 'Components/Forms/Checkbox', component: Checkbox, args: { children: 'Checkbox label', diff --git a/storybook/src/react-components/Column/Column.docs.mdx b/storybook/src/components/Column/Column.docs.mdx similarity index 100% rename from storybook/src/react-components/Column/Column.docs.mdx rename to storybook/src/components/Column/Column.docs.mdx diff --git a/storybook/src/react-components/Column/Column.stories.tsx b/storybook/src/components/Column/Column.stories.tsx similarity index 97% rename from storybook/src/react-components/Column/Column.stories.tsx rename to storybook/src/components/Column/Column.stories.tsx index 50fdd7bcc0..db361adaf4 100644 --- a/storybook/src/react-components/Column/Column.stories.tsx +++ b/storybook/src/components/Column/Column.stories.tsx @@ -13,7 +13,7 @@ const ThreeBoxes = Array.from(Array(3).keys()).map((i) => ( )) const meta = { - title: 'React Components/Layout/Column', + title: 'Components/Layout/Column', component: Column, args: { children: ThreeBoxes, diff --git a/storybook/src/react-components/Dialog/Dialog.docs.mdx b/storybook/src/components/Dialog/Dialog.docs.mdx similarity index 100% rename from storybook/src/react-components/Dialog/Dialog.docs.mdx rename to storybook/src/components/Dialog/Dialog.docs.mdx diff --git a/storybook/src/react-components/Dialog/Dialog.stories.tsx b/storybook/src/components/Dialog/Dialog.stories.tsx similarity index 98% rename from storybook/src/react-components/Dialog/Dialog.stories.tsx rename to storybook/src/components/Dialog/Dialog.stories.tsx index e43b7f214e..df9ed3c94b 100644 --- a/storybook/src/react-components/Dialog/Dialog.stories.tsx +++ b/storybook/src/components/Dialog/Dialog.stories.tsx @@ -7,7 +7,7 @@ import { Button, Dialog, Heading, Paragraph } from '@amsterdam/design-system-rea import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Containers/Dialog', + title: 'Components/Containers/Dialog', component: Dialog, args: { title: 'Weet u het zeker?', diff --git a/storybook/src/react-components/Fieldset/Fieldset.docs.mdx b/storybook/src/components/Fieldset/Fieldset.docs.mdx similarity index 100% rename from storybook/src/react-components/Fieldset/Fieldset.docs.mdx rename to storybook/src/components/Fieldset/Fieldset.docs.mdx diff --git a/storybook/src/react-components/Fieldset/Fieldset.stories.tsx b/storybook/src/components/Fieldset/Fieldset.stories.tsx similarity index 94% rename from storybook/src/react-components/Fieldset/Fieldset.stories.tsx rename to storybook/src/components/Fieldset/Fieldset.stories.tsx index 98d8e5da8e..dd93330c56 100644 --- a/storybook/src/react-components/Fieldset/Fieldset.stories.tsx +++ b/storybook/src/components/Fieldset/Fieldset.stories.tsx @@ -7,7 +7,7 @@ import { Checkbox, Fieldset } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Forms/Fieldset', + title: 'Components/Forms/Fieldset', component: Fieldset, args: { children: 'Body van de fieldset', diff --git a/storybook/src/react-components/Footer/Footer.docs.mdx b/storybook/src/components/Footer/Footer.docs.mdx similarity index 100% rename from storybook/src/react-components/Footer/Footer.docs.mdx rename to storybook/src/components/Footer/Footer.docs.mdx diff --git a/storybook/src/react-components/Footer/Footer.stories.tsx b/storybook/src/components/Footer/Footer.stories.tsx similarity index 98% rename from storybook/src/react-components/Footer/Footer.stories.tsx rename to storybook/src/components/Footer/Footer.stories.tsx index a58f058b8a..ff9bfae103 100644 --- a/storybook/src/react-components/Footer/Footer.stories.tsx +++ b/storybook/src/components/Footer/Footer.stories.tsx @@ -8,7 +8,7 @@ import { EmailIcon, PhoneIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Containers/Footer', + title: 'Components/Containers/Footer', component: Footer, } satisfies Meta diff --git a/storybook/src/react-components/FormLabel/FormLabel.docs.mdx b/storybook/src/components/FormLabel/FormLabel.docs.mdx similarity index 100% rename from storybook/src/react-components/FormLabel/FormLabel.docs.mdx rename to storybook/src/components/FormLabel/FormLabel.docs.mdx diff --git a/storybook/src/react-components/FormLabel/FormLabel.stories.tsx b/storybook/src/components/FormLabel/FormLabel.stories.tsx similarity index 90% rename from storybook/src/react-components/FormLabel/FormLabel.stories.tsx rename to storybook/src/components/FormLabel/FormLabel.stories.tsx index 3c832b9ef2..2e0bebe6b1 100644 --- a/storybook/src/react-components/FormLabel/FormLabel.stories.tsx +++ b/storybook/src/components/FormLabel/FormLabel.stories.tsx @@ -7,7 +7,7 @@ import { FormLabel } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Forms/Form Label', + title: 'Components/Forms/Form Label', component: FormLabel, args: { children: 'Form label', diff --git a/storybook/src/react-components/Grid/Grid.docs.mdx b/storybook/src/components/Grid/Grid.docs.mdx similarity index 94% rename from storybook/src/react-components/Grid/Grid.docs.mdx rename to storybook/src/components/Grid/Grid.docs.mdx index 54db0afeaa..59d1933cec 100644 --- a/storybook/src/react-components/Grid/Grid.docs.mdx +++ b/storybook/src/components/Grid/Grid.docs.mdx @@ -20,7 +20,7 @@ On narrow screens, you will see three rows of four columns; on medium-wide scree Unlike the horizontal margins between columns, the vertical ones above and below are adjustable. The options `paddingVertical`, `paddingTop`, and `paddingBottom` add white space. -This is useful in a coloured area like [Footer](/docs/react-components-containers-footer--docs) or [Spotlight](/docs/react-components-containers-spotlight--docs) or between two consecutive grids. +This is useful in a coloured area like [Footer](/docs/components-containers-footer--docs) or [Spotlight](/docs/components-containers-spotlight--docs) or between two consecutive grids. Specify a value of `medium` for vertical white space as wide as the horizontal. Use `small` for half of that width and `large` for double. diff --git a/storybook/src/react-components/Grid/Grid.stories.tsx b/storybook/src/components/Grid/Grid.stories.tsx similarity index 98% rename from storybook/src/react-components/Grid/Grid.stories.tsx rename to storybook/src/components/Grid/Grid.stories.tsx index 23a25a2ebd..e38b96f5d9 100644 --- a/storybook/src/react-components/Grid/Grid.stories.tsx +++ b/storybook/src/components/Grid/Grid.stories.tsx @@ -9,7 +9,7 @@ import { Meta, StoryObj } from '@storybook/react' import { paddingArgType } from '../shared/argTypes' const meta = { - title: 'React Components/Layout/Grid', + title: 'Components/Layout/Grid', component: Grid, argTypes: { gapVertical: { diff --git a/storybook/src/react-components/Header/Header.docs.mdx b/storybook/src/components/Header/Header.docs.mdx similarity index 100% rename from storybook/src/react-components/Header/Header.docs.mdx rename to storybook/src/components/Header/Header.docs.mdx diff --git a/storybook/src/react-components/Header/Header.stories.tsx b/storybook/src/components/Header/Header.stories.tsx similarity index 98% rename from storybook/src/react-components/Header/Header.stories.tsx rename to storybook/src/components/Header/Header.stories.tsx index 297ecf61e2..2e88a39569 100644 --- a/storybook/src/react-components/Header/Header.stories.tsx +++ b/storybook/src/components/Header/Header.stories.tsx @@ -8,7 +8,7 @@ import { SearchIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Containers/Header', + title: 'Components/Containers/Header', component: Header, argTypes: { logoBrand: { diff --git a/storybook/src/react-components/Heading/Heading.docs.mdx b/storybook/src/components/Heading/Heading.docs.mdx similarity index 100% rename from storybook/src/react-components/Heading/Heading.docs.mdx rename to storybook/src/components/Heading/Heading.docs.mdx diff --git a/storybook/src/react-components/Heading/Heading.stories.tsx b/storybook/src/components/Heading/Heading.stories.tsx similarity index 97% rename from storybook/src/react-components/Heading/Heading.stories.tsx rename to storybook/src/components/Heading/Heading.stories.tsx index b095984d20..69314fa9b3 100644 --- a/storybook/src/react-components/Heading/Heading.stories.tsx +++ b/storybook/src/components/Heading/Heading.stories.tsx @@ -10,7 +10,7 @@ import { exampleHeading } from '../shared/exampleContent' const heading = exampleHeading() const meta = { - title: 'React Components/Text/Heading', + title: 'Components/Text/Heading', component: Heading, args: { children: heading, diff --git a/storybook/src/react-components/Icon/Icon.docs.mdx b/storybook/src/components/Icon/Icon.docs.mdx similarity index 93% rename from storybook/src/react-components/Icon/Icon.docs.mdx rename to storybook/src/components/Icon/Icon.docs.mdx index 7e5126cf74..38b8401b76 100644 --- a/storybook/src/react-components/Icon/Icon.docs.mdx +++ b/storybook/src/components/Icon/Icon.docs.mdx @@ -37,7 +37,7 @@ Using the same text levels for both the icon and text aligns them perfectly. ### Square -Sometimes it’s useful for the icon to take up square space, for example, with the [Icon Button](/docs/react-components-buttons-icon-button--docs). +Sometimes it’s useful for the icon to take up square space, for example, with the [Icon Button](/docs/components-buttons-icon-button--docs). diff --git a/storybook/src/react-components/Icon/Icon.stories.tsx b/storybook/src/components/Icon/Icon.stories.tsx similarity index 97% rename from storybook/src/react-components/Icon/Icon.stories.tsx rename to storybook/src/components/Icon/Icon.stories.tsx index c3267fce26..239afbbd70 100644 --- a/storybook/src/react-components/Icon/Icon.stories.tsx +++ b/storybook/src/components/Icon/Icon.stories.tsx @@ -8,7 +8,7 @@ import * as Icons from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Media/Icon', + title: 'Components/Media/Icon', component: Icon, argTypes: { size: { diff --git a/storybook/src/react-components/IconButton/IconButton.docs.mdx b/storybook/src/components/IconButton/IconButton.docs.mdx similarity index 100% rename from storybook/src/react-components/IconButton/IconButton.docs.mdx rename to storybook/src/components/IconButton/IconButton.docs.mdx diff --git a/storybook/src/react-components/IconButton/IconButton.stories.tsx b/storybook/src/components/IconButton/IconButton.stories.tsx similarity index 96% rename from storybook/src/react-components/IconButton/IconButton.stories.tsx rename to storybook/src/components/IconButton/IconButton.stories.tsx index 193b7b6248..799ffec01a 100644 --- a/storybook/src/react-components/IconButton/IconButton.stories.tsx +++ b/storybook/src/components/IconButton/IconButton.stories.tsx @@ -8,7 +8,7 @@ import * as Icons from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Buttons/Icon Button', + title: 'Components/Buttons/Icon Button', component: IconButton, args: { label: 'Sluiten', diff --git a/storybook/src/react-components/Image/Image.docs.mdx b/storybook/src/components/Image/Image.docs.mdx similarity index 100% rename from storybook/src/react-components/Image/Image.docs.mdx rename to storybook/src/components/Image/Image.docs.mdx diff --git a/storybook/src/react-components/Image/Image.stories.tsx b/storybook/src/components/Image/Image.stories.tsx similarity index 94% rename from storybook/src/react-components/Image/Image.stories.tsx rename to storybook/src/components/Image/Image.stories.tsx index 6a28001342..fc41f8b662 100644 --- a/storybook/src/react-components/Image/Image.stories.tsx +++ b/storybook/src/components/Image/Image.stories.tsx @@ -7,7 +7,7 @@ import { Image } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Media/Image', + title: 'Components/Media/Image', component: Image, } satisfies Meta diff --git a/storybook/src/react-components/Link/Link.docs.mdx b/storybook/src/components/Link/Link.docs.mdx similarity index 100% rename from storybook/src/react-components/Link/Link.docs.mdx rename to storybook/src/components/Link/Link.docs.mdx diff --git a/storybook/src/react-components/Link/Link.stories.tsx b/storybook/src/components/Link/Link.stories.tsx similarity index 98% rename from storybook/src/react-components/Link/Link.stories.tsx rename to storybook/src/components/Link/Link.stories.tsx index 1dac048bfd..1580a5dd4b 100644 --- a/storybook/src/react-components/Link/Link.stories.tsx +++ b/storybook/src/components/Link/Link.stories.tsx @@ -9,7 +9,7 @@ import type { Meta, StoryObj } from '@storybook/react' type Story = StoryObj const meta = { - title: 'React Components/Navigation/Link', + title: 'Components/Navigation/Link', component: Link, args: { children: 'Link label', diff --git a/storybook/src/react-components/LinkList/LinkList.docs.mdx b/storybook/src/components/LinkList/LinkList.docs.mdx similarity index 93% rename from storybook/src/react-components/LinkList/LinkList.docs.mdx rename to storybook/src/components/LinkList/LinkList.docs.mdx index 22898bfc14..b03fdbe636 100644 --- a/storybook/src/react-components/LinkList/LinkList.docs.mdx +++ b/storybook/src/components/LinkList/LinkList.docs.mdx @@ -24,7 +24,7 @@ Avoid using both semantic and list icons in the same list. ### Small Text -In the [Footer](/docs/react-components-containers-footer--docs), we use small text, also for lists. +In the [Footer](/docs/components-containers-footer--docs), we use small text, also for lists. Specify this for each item in the list. diff --git a/storybook/src/react-components/LinkList/LinkList.stories.tsx b/storybook/src/components/LinkList/LinkList.stories.tsx similarity index 96% rename from storybook/src/react-components/LinkList/LinkList.stories.tsx rename to storybook/src/components/LinkList/LinkList.stories.tsx index c951b1fa34..2fa3298615 100644 --- a/storybook/src/react-components/LinkList/LinkList.stories.tsx +++ b/storybook/src/components/LinkList/LinkList.stories.tsx @@ -11,7 +11,7 @@ import { exampleLinkList } from '../shared/exampleContent' const links = exampleLinkList() const meta = { - title: 'React Components/Navigation/Link List', + title: 'Components/Navigation/Link List', component: LinkList, args: { children: links.map((text, index) => ( @@ -25,7 +25,7 @@ const meta = { export default meta const linkMeta = { - title: 'React Components/Navigation/Link List Link', + title: 'Components/Navigation/Link List Link', component: LinkList.Link, argTypes: { icon: { diff --git a/storybook/src/react-components/Logo/Logo.docs.mdx b/storybook/src/components/Logo/Logo.docs.mdx similarity index 100% rename from storybook/src/react-components/Logo/Logo.docs.mdx rename to storybook/src/components/Logo/Logo.docs.mdx diff --git a/storybook/src/react-components/Logo/Logo.stories.tsx b/storybook/src/components/Logo/Logo.stories.tsx similarity index 95% rename from storybook/src/react-components/Logo/Logo.stories.tsx rename to storybook/src/components/Logo/Logo.stories.tsx index 51ce75fb71..c19295aa0b 100644 --- a/storybook/src/react-components/Logo/Logo.stories.tsx +++ b/storybook/src/components/Logo/Logo.stories.tsx @@ -7,7 +7,7 @@ import { Logo } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Media/Logo', + title: 'Components/Media/Logo', component: Logo, argTypes: { brand: { diff --git a/storybook/src/react-components/Mark/Mark.docs.mdx b/storybook/src/components/Mark/Mark.docs.mdx similarity index 100% rename from storybook/src/react-components/Mark/Mark.docs.mdx rename to storybook/src/components/Mark/Mark.docs.mdx diff --git a/storybook/src/react-components/Mark/Mark.stories.tsx b/storybook/src/components/Mark/Mark.stories.tsx similarity index 96% rename from storybook/src/react-components/Mark/Mark.stories.tsx rename to storybook/src/components/Mark/Mark.stories.tsx index 68e6c79b85..7681f76c13 100644 --- a/storybook/src/react-components/Mark/Mark.stories.tsx +++ b/storybook/src/components/Mark/Mark.stories.tsx @@ -7,7 +7,7 @@ import { Mark, Paragraph } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Text/Mark', + title: 'Components/Text/Mark', component: Mark, args: { children: 'Nieuw component', diff --git a/storybook/src/react-components/MegaMenu/MegaMenu.docs.mdx b/storybook/src/components/MegaMenu/MegaMenu.docs.mdx similarity index 100% rename from storybook/src/react-components/MegaMenu/MegaMenu.docs.mdx rename to storybook/src/components/MegaMenu/MegaMenu.docs.mdx diff --git a/storybook/src/react-components/MegaMenu/MegaMenu.stories.tsx b/storybook/src/components/MegaMenu/MegaMenu.stories.tsx similarity index 99% rename from storybook/src/react-components/MegaMenu/MegaMenu.stories.tsx rename to storybook/src/components/MegaMenu/MegaMenu.stories.tsx index 6f59259b31..b7ba136e44 100644 --- a/storybook/src/react-components/MegaMenu/MegaMenu.stories.tsx +++ b/storybook/src/components/MegaMenu/MegaMenu.stories.tsx @@ -7,7 +7,7 @@ import { Grid, Heading, LinkList, MegaMenu, Screen } from '@amsterdam/design-sys import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Mega Menu', + title: 'Components/Navigation/Mega Menu', component: MegaMenu, parameters: { layout: 'fullscreen', diff --git a/storybook/src/react-components/OrderedList/OrderedList.docs.mdx b/storybook/src/components/OrderedList/OrderedList.docs.mdx similarity index 100% rename from storybook/src/react-components/OrderedList/OrderedList.docs.mdx rename to storybook/src/components/OrderedList/OrderedList.docs.mdx diff --git a/storybook/src/react-components/OrderedList/OrderedList.stories.tsx b/storybook/src/components/OrderedList/OrderedList.stories.tsx similarity index 98% rename from storybook/src/react-components/OrderedList/OrderedList.stories.tsx rename to storybook/src/components/OrderedList/OrderedList.stories.tsx index a2fb86ca85..0524061dcc 100644 --- a/storybook/src/react-components/OrderedList/OrderedList.stories.tsx +++ b/storybook/src/components/OrderedList/OrderedList.stories.tsx @@ -12,7 +12,7 @@ const orderedListItems = exampleOrderedList().map((text, index) => ( )) const meta = { - title: 'React Components/Text/Ordered List', + title: 'Components/Text/Ordered List', component: OrderedList, args: { children: orderedListItems, diff --git a/storybook/src/react-components/Overlap/Overlap.docs.mdx b/storybook/src/components/Overlap/Overlap.docs.mdx similarity index 73% rename from storybook/src/react-components/Overlap/Overlap.docs.mdx rename to storybook/src/components/Overlap/Overlap.docs.mdx index 21cea301c7..26cca8f1a6 100644 --- a/storybook/src/react-components/Overlap/Overlap.docs.mdx +++ b/storybook/src/components/Overlap/Overlap.docs.mdx @@ -11,7 +11,7 @@ import README from "../../../../packages/css/src/components/overlap/README.md?ra ### Hero Image with Search Field This allows for the use of a mood-setting image as a background. -A [Grid](/docs/react-components-layout-grid--docs) provides horizontal spacing on both sides and columns for layout. +A [Grid](/docs/components-layout-grid--docs) provides horizontal spacing on both sides and columns for layout. Note: the library does not yet offer an option to vertically center the form. @@ -19,6 +19,6 @@ Note: the library does not yet offer an option to vertically center the form. #### Guidelines - First, implement the underlying component. -- Follow [the general guidelines for images](/docs/react-components-media-image--docs#guidelines). +- Follow [the general guidelines for images](/docs/components-media-image--docs#guidelines). - Use a sufficiently large image. The aspect ratio of 32:9 is most suitable. diff --git a/storybook/src/react-components/Overlap/Overlap.stories.tsx b/storybook/src/components/Overlap/Overlap.stories.tsx similarity index 96% rename from storybook/src/react-components/Overlap/Overlap.stories.tsx rename to storybook/src/components/Overlap/Overlap.stories.tsx index e4f94927c9..709166866f 100644 --- a/storybook/src/react-components/Overlap/Overlap.stories.tsx +++ b/storybook/src/components/Overlap/Overlap.stories.tsx @@ -7,7 +7,7 @@ import { AspectRatio, Grid, Image, Overlap, SearchField } from '@amsterdam/desig import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Layout/Overlap', + title: 'Components/Layout/Overlap', component: Overlap, } satisfies Meta diff --git a/storybook/src/react-components/PageHeading/PageHeading.docs.mdx b/storybook/src/components/PageHeading/PageHeading.docs.mdx similarity index 100% rename from storybook/src/react-components/PageHeading/PageHeading.docs.mdx rename to storybook/src/components/PageHeading/PageHeading.docs.mdx diff --git a/storybook/src/react-components/PageHeading/PageHeading.stories.tsx b/storybook/src/components/PageHeading/PageHeading.stories.tsx similarity index 96% rename from storybook/src/react-components/PageHeading/PageHeading.stories.tsx rename to storybook/src/components/PageHeading/PageHeading.stories.tsx index 159b82c73c..9ea59930f5 100644 --- a/storybook/src/react-components/PageHeading/PageHeading.stories.tsx +++ b/storybook/src/components/PageHeading/PageHeading.stories.tsx @@ -7,7 +7,7 @@ import { PageHeading } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Text/Page Heading', + title: 'Components/Text/Page Heading', component: PageHeading, args: { children: 'Gemeente Amsterdam', diff --git a/storybook/src/react-components/PageMenu/PageMenu.docs.mdx b/storybook/src/components/PageMenu/PageMenu.docs.mdx similarity index 100% rename from storybook/src/react-components/PageMenu/PageMenu.docs.mdx rename to storybook/src/components/PageMenu/PageMenu.docs.mdx diff --git a/storybook/src/react-components/PageMenu/PageMenu.stories.tsx b/storybook/src/components/PageMenu/PageMenu.stories.tsx similarity index 97% rename from storybook/src/react-components/PageMenu/PageMenu.stories.tsx rename to storybook/src/components/PageMenu/PageMenu.stories.tsx index fb23e4d74e..4aa1037dd2 100644 --- a/storybook/src/react-components/PageMenu/PageMenu.stories.tsx +++ b/storybook/src/components/PageMenu/PageMenu.stories.tsx @@ -8,7 +8,7 @@ import { LoginIcon } from '@amsterdam/design-system-react-icons' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Page Menu', + title: 'Components/Navigation/Page Menu', component: PageMenu, } satisfies Meta diff --git a/storybook/src/react-components/Pagination/Pagination.docs.mdx b/storybook/src/components/Pagination/Pagination.docs.mdx similarity index 100% rename from storybook/src/react-components/Pagination/Pagination.docs.mdx rename to storybook/src/components/Pagination/Pagination.docs.mdx diff --git a/storybook/src/react-components/Pagination/Pagination.stories.tsx b/storybook/src/components/Pagination/Pagination.stories.tsx similarity index 90% rename from storybook/src/react-components/Pagination/Pagination.stories.tsx rename to storybook/src/components/Pagination/Pagination.stories.tsx index 71ddff3a49..be609bd09e 100644 --- a/storybook/src/react-components/Pagination/Pagination.stories.tsx +++ b/storybook/src/components/Pagination/Pagination.stories.tsx @@ -7,7 +7,7 @@ import { Pagination } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Pagination', + title: 'Components/Navigation/Pagination', component: Pagination, args: { page: 1, diff --git a/storybook/src/react-components/Paragraph/Paragraph.docs.mdx b/storybook/src/components/Paragraph/Paragraph.docs.mdx similarity index 100% rename from storybook/src/react-components/Paragraph/Paragraph.docs.mdx rename to storybook/src/components/Paragraph/Paragraph.docs.mdx diff --git a/storybook/src/react-components/Paragraph/Paragraph.stories.tsx b/storybook/src/components/Paragraph/Paragraph.stories.tsx similarity index 96% rename from storybook/src/react-components/Paragraph/Paragraph.stories.tsx rename to storybook/src/components/Paragraph/Paragraph.stories.tsx index 3d75be9065..2eeed6eda2 100644 --- a/storybook/src/react-components/Paragraph/Paragraph.stories.tsx +++ b/storybook/src/components/Paragraph/Paragraph.stories.tsx @@ -10,7 +10,7 @@ import { exampleParagraph } from '../shared/exampleContent' const paragraph = exampleParagraph() const meta = { - title: 'React Components/Text/Paragraph', + title: 'Components/Text/Paragraph', component: Paragraph, args: { children: paragraph, diff --git a/storybook/src/react-components/Screen/Screen.docs.mdx b/storybook/src/components/Screen/Screen.docs.mdx similarity index 100% rename from storybook/src/react-components/Screen/Screen.docs.mdx rename to storybook/src/components/Screen/Screen.docs.mdx diff --git a/storybook/src/react-components/Screen/Screen.stories.tsx b/storybook/src/components/Screen/Screen.stories.tsx similarity index 94% rename from storybook/src/react-components/Screen/Screen.stories.tsx rename to storybook/src/components/Screen/Screen.stories.tsx index 792aa680f2..4f61221979 100644 --- a/storybook/src/react-components/Screen/Screen.stories.tsx +++ b/storybook/src/components/Screen/Screen.stories.tsx @@ -7,7 +7,7 @@ import { Screen } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Layout/Screen', + title: 'Components/Layout/Screen', component: Screen, parameters: { layout: 'fullscreen', diff --git a/storybook/src/react-components/SearchField/SearchField.docs.mdx b/storybook/src/components/SearchField/SearchField.docs.mdx similarity index 100% rename from storybook/src/react-components/SearchField/SearchField.docs.mdx rename to storybook/src/components/SearchField/SearchField.docs.mdx diff --git a/storybook/src/react-components/SearchField/SearchField.stories.tsx b/storybook/src/components/SearchField/SearchField.stories.tsx similarity index 97% rename from storybook/src/react-components/SearchField/SearchField.stories.tsx rename to storybook/src/components/SearchField/SearchField.stories.tsx index 0f08b2b417..45347da442 100644 --- a/storybook/src/react-components/SearchField/SearchField.stories.tsx +++ b/storybook/src/components/SearchField/SearchField.stories.tsx @@ -15,7 +15,7 @@ type InputProps = { type StoryProps = SearchFieldProps & InputProps const meta = { - title: 'React Components/Forms/Search Field', + title: 'Components/Forms/Search Field', component: SearchField, args: { onSubmit: (e) => { diff --git a/storybook/src/react-components/SkipLink/SkipLink.docs.mdx b/storybook/src/components/SkipLink/SkipLink.docs.mdx similarity index 100% rename from storybook/src/react-components/SkipLink/SkipLink.docs.mdx rename to storybook/src/components/SkipLink/SkipLink.docs.mdx diff --git a/storybook/src/react-components/SkipLink/SkipLink.stories.tsx b/storybook/src/components/SkipLink/SkipLink.stories.tsx similarity index 97% rename from storybook/src/react-components/SkipLink/SkipLink.stories.tsx rename to storybook/src/components/SkipLink/SkipLink.stories.tsx index a965e7f1e2..64e693e6b5 100644 --- a/storybook/src/react-components/SkipLink/SkipLink.stories.tsx +++ b/storybook/src/components/SkipLink/SkipLink.stories.tsx @@ -7,7 +7,7 @@ import { Grid, Paragraph, Screen, SkipLink } from '@amsterdam/design-system-reac import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Skip Link', + title: 'Components/Navigation/Skip Link', component: SkipLink, args: { children: 'Direct naar inhoud', diff --git a/storybook/src/react-components/Spotlight/Spotlight.docs.mdx b/storybook/src/components/Spotlight/Spotlight.docs.mdx similarity index 100% rename from storybook/src/react-components/Spotlight/Spotlight.docs.mdx rename to storybook/src/components/Spotlight/Spotlight.docs.mdx diff --git a/storybook/src/react-components/Spotlight/Spotlight.stories.tsx b/storybook/src/components/Spotlight/Spotlight.stories.tsx similarity index 97% rename from storybook/src/react-components/Spotlight/Spotlight.stories.tsx rename to storybook/src/components/Spotlight/Spotlight.stories.tsx index c5b8c1bbe1..33bf3dc504 100644 --- a/storybook/src/react-components/Spotlight/Spotlight.stories.tsx +++ b/storybook/src/components/Spotlight/Spotlight.stories.tsx @@ -10,7 +10,7 @@ import { exampleQuote } from '../shared/exampleContent' const quote = exampleQuote() const meta = { - title: 'React Components/Containers/Spotlight', + title: 'Components/Containers/Spotlight', component: Spotlight, argTypes: { as: { diff --git a/storybook/src/react-components/Switch/Switch.docs.mdx b/storybook/src/components/Switch/Switch.docs.mdx similarity index 100% rename from storybook/src/react-components/Switch/Switch.docs.mdx rename to storybook/src/components/Switch/Switch.docs.mdx diff --git a/storybook/src/react-components/Switch/Switch.stories.tsx b/storybook/src/components/Switch/Switch.stories.tsx similarity index 94% rename from storybook/src/react-components/Switch/Switch.stories.tsx rename to storybook/src/components/Switch/Switch.stories.tsx index 1bdf4f61d5..d312abca71 100644 --- a/storybook/src/react-components/Switch/Switch.stories.tsx +++ b/storybook/src/components/Switch/Switch.stories.tsx @@ -7,7 +7,7 @@ import { FormLabel, Switch } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Forms/Switch', + title: 'Components/Forms/Switch', component: Switch, args: { disabled: false, diff --git a/storybook/src/react-components/Table/Table.docs.mdx b/storybook/src/components/Table/Table.docs.mdx similarity index 100% rename from storybook/src/react-components/Table/Table.docs.mdx rename to storybook/src/components/Table/Table.docs.mdx diff --git a/storybook/src/react-components/Table/Table.stories.tsx b/storybook/src/components/Table/Table.stories.tsx similarity index 97% rename from storybook/src/react-components/Table/Table.stories.tsx rename to storybook/src/components/Table/Table.stories.tsx index 1f55030483..7f17b475d2 100644 --- a/storybook/src/react-components/Table/Table.stories.tsx +++ b/storybook/src/components/Table/Table.stories.tsx @@ -7,7 +7,7 @@ import { Table } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Containers/Table', + title: 'Components/Containers/Table', component: Table, } satisfies Meta diff --git a/storybook/src/react-components/TextInput/TextInput.docs.mdx b/storybook/src/components/TextInput/TextInput.docs.mdx similarity index 100% rename from storybook/src/react-components/TextInput/TextInput.docs.mdx rename to storybook/src/components/TextInput/TextInput.docs.mdx diff --git a/storybook/src/react-components/TextInput/TextInput.stories.tsx b/storybook/src/components/TextInput/TextInput.stories.tsx similarity index 96% rename from storybook/src/react-components/TextInput/TextInput.stories.tsx rename to storybook/src/components/TextInput/TextInput.stories.tsx index aad09765e0..6f5a393940 100644 --- a/storybook/src/react-components/TextInput/TextInput.stories.tsx +++ b/storybook/src/components/TextInput/TextInput.stories.tsx @@ -10,7 +10,7 @@ import { Meta, StoryObj } from '@storybook/react' type StoryProps = TextInputProps & { invalid?: boolean } const meta = { - title: 'React Components/Forms/Text Input', + title: 'Components/Forms/Text Input', component: TextInput, args: { disabled: false, diff --git a/storybook/src/react-components/TopTaskLink/TopTaskLink.docs.mdx b/storybook/src/components/TopTaskLink/TopTaskLink.docs.mdx similarity index 100% rename from storybook/src/react-components/TopTaskLink/TopTaskLink.docs.mdx rename to storybook/src/components/TopTaskLink/TopTaskLink.docs.mdx diff --git a/storybook/src/react-components/TopTaskLink/TopTaskLink.stories.tsx b/storybook/src/components/TopTaskLink/TopTaskLink.stories.tsx similarity index 96% rename from storybook/src/react-components/TopTaskLink/TopTaskLink.stories.tsx rename to storybook/src/components/TopTaskLink/TopTaskLink.stories.tsx index d80bf583e9..d43ee53ea5 100644 --- a/storybook/src/react-components/TopTaskLink/TopTaskLink.stories.tsx +++ b/storybook/src/components/TopTaskLink/TopTaskLink.stories.tsx @@ -7,7 +7,7 @@ import { Grid, TopTaskLink } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Navigation/Top Task Link', + title: 'Components/Navigation/Top Task Link', component: TopTaskLink, } satisfies Meta diff --git a/storybook/src/react-components/UnorderedList/UnorderedList.docs.mdx b/storybook/src/components/UnorderedList/UnorderedList.docs.mdx similarity index 100% rename from storybook/src/react-components/UnorderedList/UnorderedList.docs.mdx rename to storybook/src/components/UnorderedList/UnorderedList.docs.mdx diff --git a/storybook/src/react-components/UnorderedList/UnorderedList.stories.tsx b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx similarity index 98% rename from storybook/src/react-components/UnorderedList/UnorderedList.stories.tsx rename to storybook/src/components/UnorderedList/UnorderedList.stories.tsx index 564c459ef2..66200cfb81 100644 --- a/storybook/src/react-components/UnorderedList/UnorderedList.stories.tsx +++ b/storybook/src/components/UnorderedList/UnorderedList.stories.tsx @@ -22,7 +22,7 @@ const unorderedListItems = exampleUnorderedList().map((text, index) => ( )) const meta = { - title: 'React Components/Text/Unordered List', + title: 'Components/Text/Unordered List', component: UnorderedList, args: { children: unorderedListItems, diff --git a/storybook/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx b/storybook/src/components/VisuallyHidden/VisuallyHidden.docs.mdx similarity index 100% rename from storybook/src/react-components/VisuallyHidden/VisuallyHidden.docs.mdx rename to storybook/src/components/VisuallyHidden/VisuallyHidden.docs.mdx diff --git a/storybook/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx b/storybook/src/components/VisuallyHidden/VisuallyHidden.stories.tsx similarity index 93% rename from storybook/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx rename to storybook/src/components/VisuallyHidden/VisuallyHidden.stories.tsx index 833529d13d..ce412ee70f 100644 --- a/storybook/src/react-components/VisuallyHidden/VisuallyHidden.stories.tsx +++ b/storybook/src/components/VisuallyHidden/VisuallyHidden.stories.tsx @@ -7,7 +7,7 @@ import { Paragraph, VisuallyHidden } from '@amsterdam/design-system-react' import { Meta, StoryObj } from '@storybook/react' const meta = { - title: 'React Components/Containers/Visually Hidden', + title: 'Components/Containers/Visually Hidden', component: VisuallyHidden, args: { children: 'Nieuw component', diff --git a/storybook/src/react-components/shared/argTypes.ts b/storybook/src/components/shared/argTypes.ts similarity index 100% rename from storybook/src/react-components/shared/argTypes.ts rename to storybook/src/components/shared/argTypes.ts diff --git a/storybook/src/react-components/shared/exampleContent.ts b/storybook/src/components/shared/exampleContent.ts similarity index 100% rename from storybook/src/react-components/shared/exampleContent.ts rename to storybook/src/components/shared/exampleContent.ts diff --git a/storybook/src/docs/grid.docs.mdx b/storybook/src/docs/grid.docs.mdx index 0ee18ff87a..b577659654 100644 --- a/storybook/src/docs/grid.docs.mdx +++ b/storybook/src/docs/grid.docs.mdx @@ -203,4 +203,4 @@ This way, the amount of columns changes earlier, and large content still fits we ## Related Components -- [Grid](/docs/react-components-layout-grid--docs) +- [Grid](/docs/components-layout-grid--docs) diff --git a/storybook/src/docs/icon-gallery.docs.mdx b/storybook/src/docs/icon-gallery.docs.mdx index 9434378940..6a071155eb 100644 --- a/storybook/src/docs/icon-gallery.docs.mdx +++ b/storybook/src/docs/icon-gallery.docs.mdx @@ -11,4 +11,4 @@ An overview of all currently available icons. ## Related components -- [Icon](/docs/react-components-media-icon--docs) +- [Icon](/docs/components-media-icon--docs) diff --git a/storybook/src/docs/typography.docs.mdx b/storybook/src/docs/typography.docs.mdx index 118c6739f4..4c7c38356e 100644 --- a/storybook/src/docs/typography.docs.mdx +++ b/storybook/src/docs/typography.docs.mdx @@ -26,7 +26,7 @@ Examples: ### Responsive The text size depends on the window width, ensuring pleasant reading on screens of all sizes. -This also complements the responsive [grid](/docs/react-components-layout-grid--docs). +This also complements the responsive [grid](/docs/components-layout-grid--docs). Each level has a minimum text size, up to a window width of 320 pixels. There’s also a maximum text size starting at a window width of 1600 pixels. @@ -201,7 +201,7 @@ Exceptions: Long lines of text are challenging to read. Around 80 characters per line is the maximum. -In the 12-column [grid](/docs/react-components-layout-grid--docs), paragraphs meet this when they occupy 8 columns or fewer. +In the 12-column [grid](/docs/components-layout-grid--docs), paragraphs meet this when they occupy 8 columns or fewer. ### Word Breaking