From 1de4aa0470bb74f6f3a66f169a132f1175e06604 Mon Sep 17 00:00:00 2001 From: Gavyn McKenzie Date: Thu, 16 Jan 2025 11:48:08 +0000 Subject: [PATCH] docs: shuffle the sidebar around to be easier to digest --- .storybook/preview.js | 13 +++++++++++++ src/components/canvas/Alert/Alert.stories.tsx | 2 +- src/components/canvas/Card/Card.stories.tsx | 2 +- src/components/canvas/Section/Section.stories.tsx | 4 ++-- src/components/composition/Enter/Enter.stories.tsx | 2 +- .../composition/FormGroup/FormGroup.stories.tsx | 2 +- src/components/composition/Grid/Grid.stories.tsx | 2 +- src/components/composition/List/List.stories.tsx | 2 +- src/components/composition/Modal/Modal.stories.tsx | 2 +- src/components/composition/Skin/Skin.stories.tsx | 2 +- .../composition/Spacing/Spacing.stories.tsx | 2 +- .../composition/Sticky/Sticky.stories.tsx | 2 +- src/components/composition/Wrap/Wrap.stories.tsx | 2 +- src/components/content/Badge/Badge.stories.tsx | 2 +- .../content/BarStack/BarStack.stories.tsx | 2 +- .../content/Container/Container.stories.tsx | 2 +- .../content/ContainerSvg/ContainerSvg.stories.tsx | 2 +- src/components/content/Eyebrow/Eyebrow.stories.tsx | 2 +- src/components/content/Faq/Faq.stories.tsx | 2 +- .../content/HelpText/HelpText.stories.tsx | 2 +- src/components/content/Icon/Icon.stories.tsx | 2 +- .../content/LoadingButton/LoadingButton.stories.tsx | 2 +- .../LoadingFormGroup/LoadingFormGroup.stories.tsx | 2 +- .../content/LoadingImage/LoadingImage.stories.tsx | 2 +- .../LoadingSpinner/LoadingSpinner.stories.tsx | 2 +- .../content/LoadingText/LoadingText.stories.tsx | 2 +- .../content/LoadingTitle/LoadingTitle.stories.tsx | 2 +- .../content/Longform/Longform.stories.tsx | 2 +- .../content/PieChart/PieChart.stories.tsx | 2 +- .../content/StreamDot/StreamDot.stories.tsx | 2 +- src/components/content/Text/Text.stories.tsx | 2 +- .../content/VehicleSvg/VehicleSvg.stories.tsx | 2 +- src/components/controls/Button/Button.stories.tsx | 2 +- .../controls/Checkbox/Checkbox.stories.tsx | 2 +- .../controls/Collapse/Collapse.stories.tsx | 2 +- .../controls/Datepicker/Datepicker.stories.tsx | 2 +- .../controls/Dropdown/Dropdown.stories.tsx | 2 +- .../controls/Fieldset/Fieldset.stories.tsx | 2 +- src/components/controls/Input/Input.stories.tsx | 2 +- src/components/controls/Label/Label.stories.tsx | 2 +- src/components/controls/Menubar/Menubar.stories.tsx | 2 +- src/components/controls/Radio/Radio.stories.tsx | 2 +- src/components/controls/Select/Select.stories.tsx | 2 +- src/components/controls/Slider/Slider.stories.tsx | 2 +- .../controls/TextButton/TextButton.stories.tsx | 2 +- .../controls/Textarea/Textarea.stories.tsx | 2 +- src/docs/Support.mdx | 2 +- .../foundations}/tokens/breakpoints.module.scss | 2 +- .../foundations}/tokens/breakpoints.stories.tsx | 4 ++-- .../foundations}/tokens/colors.module.scss | 2 +- .../foundations}/tokens/colors.stories.tsx | 6 +++--- .../tokens/container-colors.module.scss | 2 +- .../tokens/container-colors.stories.tsx | 6 +++--- .../foundations}/tokens/typography.module.scss | 2 +- .../foundations}/tokens/typography.stories.tsx | 4 ++-- .../Forms.stories.tsx} | 2 +- 56 files changed, 75 insertions(+), 62 deletions(-) rename src/{ => docs/foundations}/tokens/breakpoints.module.scss (62%) rename src/{ => docs/foundations}/tokens/breakpoints.stories.tsx (82%) rename src/{ => docs/foundations}/tokens/colors.module.scss (66%) rename src/{ => docs/foundations}/tokens/colors.stories.tsx (81%) rename src/{ => docs/foundations}/tokens/container-colors.module.scss (65%) rename src/{ => docs/foundations}/tokens/container-colors.stories.tsx (80%) rename src/{ => docs/foundations}/tokens/typography.module.scss (66%) rename src/{ => docs/foundations}/tokens/typography.stories.tsx (93%) rename src/docs/{examples.stories.tsx => recipes/Forms.stories.tsx} (99%) diff --git a/.storybook/preview.js b/.storybook/preview.js index fbbe2733..5cf4a569 100644 --- a/.storybook/preview.js +++ b/.storybook/preview.js @@ -27,6 +27,19 @@ export const parameters = { }, defaultTheme: 'Default', }, + options: { + storySort: { + order: [ + 'Geting Started', + 'Migration', + 'Support', + 'Showroom', + 'Foundations', + 'Components', + 'Recipes', + ], + }, + }, docs: { page: ({ of }) => { const resolvedOf = useOf(of || 'story', ['story', 'meta']); diff --git a/src/components/canvas/Alert/Alert.stories.tsx b/src/components/canvas/Alert/Alert.stories.tsx index 3202629d..8a9f3c90 100644 --- a/src/components/canvas/Alert/Alert.stories.tsx +++ b/src/components/canvas/Alert/Alert.stories.tsx @@ -9,7 +9,7 @@ import Spacing from 'components/composition/Spacing/Spacing'; import Button from 'components/controls/Button/Button'; export default { - title: 'Canvas/Alert', + title: 'Components/Canvas/Alert', component: Alert, } as Meta; diff --git a/src/components/canvas/Card/Card.stories.tsx b/src/components/canvas/Card/Card.stories.tsx index 24dfca58..39936fa7 100644 --- a/src/components/canvas/Card/Card.stories.tsx +++ b/src/components/canvas/Card/Card.stories.tsx @@ -7,7 +7,7 @@ import Grid from 'components/composition/Grid/Grid'; import Skin, { skins } from 'components/composition/Skin/Skin'; export default { - title: 'Canvas/Card', + title: 'Components/Canvas/Card', component: Card, } as ComponentMeta; diff --git a/src/components/canvas/Section/Section.stories.tsx b/src/components/canvas/Section/Section.stories.tsx index 82cfc7be..d5da3b84 100644 --- a/src/components/canvas/Section/Section.stories.tsx +++ b/src/components/canvas/Section/Section.stories.tsx @@ -1,4 +1,4 @@ -import { Meta } from '@storybook/react/types-6-0'; +import { Meta } from '@storybook/react'; import React from 'react'; import Section from './Section'; @@ -10,7 +10,7 @@ import Wrap from 'components/composition/Wrap/Wrap'; import Button from 'components/controls/Button/Button'; export default { - title: 'Canvas/Section', + title: 'Components/Canvas/Section', component: Section, parameters: { layout: 'fullscreen', diff --git a/src/components/composition/Enter/Enter.stories.tsx b/src/components/composition/Enter/Enter.stories.tsx index 1d18d0f1..49bad074 100644 --- a/src/components/composition/Enter/Enter.stories.tsx +++ b/src/components/composition/Enter/Enter.stories.tsx @@ -9,7 +9,7 @@ import Spacing from 'components/composition/Spacing/Spacing'; import Button from 'components/controls/Button/Button'; export default { - title: 'Composition/Enter', + title: 'Components/Composition/Enter', component: Enter, parameters: { a11y: { diff --git a/src/components/composition/FormGroup/FormGroup.stories.tsx b/src/components/composition/FormGroup/FormGroup.stories.tsx index c33dfd58..7fa07ea4 100644 --- a/src/components/composition/FormGroup/FormGroup.stories.tsx +++ b/src/components/composition/FormGroup/FormGroup.stories.tsx @@ -16,7 +16,7 @@ import Radio from 'components/controls/Radio/Radio'; import TextButton from 'components/controls/TextButton/TextButton'; export default { - title: 'Composition/Form group', + title: 'Components/Composition/Form group', component: FormGroup, } as Meta; diff --git a/src/components/composition/Grid/Grid.stories.tsx b/src/components/composition/Grid/Grid.stories.tsx index cc378808..c656ca54 100644 --- a/src/components/composition/Grid/Grid.stories.tsx +++ b/src/components/composition/Grid/Grid.stories.tsx @@ -6,7 +6,7 @@ import Grid from './Grid'; import Card from 'components/canvas/Card/Card'; export default { - title: 'Composition/Grid', + title: 'Components/Composition/Grid', component: Grid, subcomponents: { GridItem: Grid.Item, diff --git a/src/components/composition/List/List.stories.tsx b/src/components/composition/List/List.stories.tsx index 74fbef74..8328e581 100644 --- a/src/components/composition/List/List.stories.tsx +++ b/src/components/composition/List/List.stories.tsx @@ -10,7 +10,7 @@ import Button from 'components/controls/Button/Button'; import Checkbox from 'components/controls/Checkbox/Checkbox'; export default { - title: 'Composition/List', + title: 'Components/Composition/List', component: List, subcomponents: { ListItem: List.Item, diff --git a/src/components/composition/Modal/Modal.stories.tsx b/src/components/composition/Modal/Modal.stories.tsx index 1ae0aa3d..e0fb8909 100644 --- a/src/components/composition/Modal/Modal.stories.tsx +++ b/src/components/composition/Modal/Modal.stories.tsx @@ -9,7 +9,7 @@ import Card from 'components/canvas/Card/Card'; import Button from 'components/controls/Button/Button'; export default { - title: 'Composition/Modal', + title: 'Components/Composition/Modal', component: Modal, subcomponents: { ModalInner: Modal.Inner, diff --git a/src/components/composition/Skin/Skin.stories.tsx b/src/components/composition/Skin/Skin.stories.tsx index 7a013d83..ff65f0cc 100644 --- a/src/components/composition/Skin/Skin.stories.tsx +++ b/src/components/composition/Skin/Skin.stories.tsx @@ -10,7 +10,7 @@ import Spacing from 'components/composition/Spacing/Spacing'; import Button from 'components/controls/Button/Button'; export default { - title: 'Composition/Skin', + title: 'Components/Composition/Skin', component: Skin, parameters: { layout: 'fullscreen', diff --git a/src/components/composition/Spacing/Spacing.stories.tsx b/src/components/composition/Spacing/Spacing.stories.tsx index 1ba70eb4..c39280cf 100644 --- a/src/components/composition/Spacing/Spacing.stories.tsx +++ b/src/components/composition/Spacing/Spacing.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Spacing from './Spacing'; export default { - title: 'Composition/Spacing', + title: 'Components/Composition/Spacing', component: Spacing, } as Meta; diff --git a/src/components/composition/Sticky/Sticky.stories.tsx b/src/components/composition/Sticky/Sticky.stories.tsx index 2e158652..1e9cadae 100644 --- a/src/components/composition/Sticky/Sticky.stories.tsx +++ b/src/components/composition/Sticky/Sticky.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Sticky from './Sticky'; export default { - title: 'Composition/Sticky', + title: 'Components/Composition/Sticky', component: Sticky, } as Meta; diff --git a/src/components/composition/Wrap/Wrap.stories.tsx b/src/components/composition/Wrap/Wrap.stories.tsx index a8f12f9c..a48c99e1 100644 --- a/src/components/composition/Wrap/Wrap.stories.tsx +++ b/src/components/composition/Wrap/Wrap.stories.tsx @@ -7,7 +7,7 @@ import Card from 'components/canvas/Card/Card'; import Spacing from 'components/composition/Spacing/Spacing'; export default { - title: 'Composition/Wrap', + title: 'Components/Composition/Wrap', component: Wrap, } as Meta; diff --git a/src/components/content/Badge/Badge.stories.tsx b/src/components/content/Badge/Badge.stories.tsx index 77d634b3..e20b4a45 100644 --- a/src/components/content/Badge/Badge.stories.tsx +++ b/src/components/content/Badge/Badge.stories.tsx @@ -7,7 +7,7 @@ import Grid from 'components/composition/Grid/Grid'; import Skin, { emphasisSkins, skins } from 'components/composition/Skin/Skin'; export default { - title: 'Content/Badge', + title: 'Components/Content/Badge', component: Badge, } as Meta; diff --git a/src/components/content/BarStack/BarStack.stories.tsx b/src/components/content/BarStack/BarStack.stories.tsx index bc59ccf6..286fbad3 100644 --- a/src/components/content/BarStack/BarStack.stories.tsx +++ b/src/components/content/BarStack/BarStack.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import BarStack from './BarStack'; export default { - title: 'Content/Bar Stack', + title: 'Components/Content/Bar Stack', component: BarStack, subcomponents: { BarStackItem: BarStack.Item, diff --git a/src/components/content/Container/Container.stories.tsx b/src/components/content/Container/Container.stories.tsx index 81d66963..2da54c19 100644 --- a/src/components/content/Container/Container.stories.tsx +++ b/src/components/content/Container/Container.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Container from './Container'; export default { - title: 'Content/Container', + title: 'Components/Content/Container', component: Container, } as Meta; diff --git a/src/components/content/ContainerSvg/ContainerSvg.stories.tsx b/src/components/content/ContainerSvg/ContainerSvg.stories.tsx index b9dfef03..7d199247 100644 --- a/src/components/content/ContainerSvg/ContainerSvg.stories.tsx +++ b/src/components/content/ContainerSvg/ContainerSvg.stories.tsx @@ -6,7 +6,7 @@ import ContainerSvg from './ContainerSvg'; import Grid from 'components/composition/Grid/Grid'; export default { - title: 'Content/ContainerSvg', + title: 'Components/Content/ContainerSvg', component: ContainerSvg, } as Meta; diff --git a/src/components/content/Eyebrow/Eyebrow.stories.tsx b/src/components/content/Eyebrow/Eyebrow.stories.tsx index c76c3c6b..fb11e0ff 100644 --- a/src/components/content/Eyebrow/Eyebrow.stories.tsx +++ b/src/components/content/Eyebrow/Eyebrow.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Eyebrow from './Eyebrow'; export default { - title: 'Content/Eyebrow', + title: 'Components/Content/Eyebrow', component: Eyebrow, } as Meta; diff --git a/src/components/content/Faq/Faq.stories.tsx b/src/components/content/Faq/Faq.stories.tsx index 6ea99ac9..f50799f0 100644 --- a/src/components/content/Faq/Faq.stories.tsx +++ b/src/components/content/Faq/Faq.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Faq from './Faq'; export default { - title: 'Content/Faq', + title: 'Components/Content/Faq', component: Faq, parameters: { docs: { diff --git a/src/components/content/HelpText/HelpText.stories.tsx b/src/components/content/HelpText/HelpText.stories.tsx index 573fc31e..7f92d7ff 100644 --- a/src/components/content/HelpText/HelpText.stories.tsx +++ b/src/components/content/HelpText/HelpText.stories.tsx @@ -8,7 +8,7 @@ import Input from 'components/controls/Input/Input'; import Label from 'components/controls/Label/Label'; export default { - title: 'Content/Help text', + title: 'Components/Content/Help text', component: HelpText, parameters: { a11y: { diff --git a/src/components/content/Icon/Icon.stories.tsx b/src/components/content/Icon/Icon.stories.tsx index 7b20c3d9..5a4a53e3 100644 --- a/src/components/content/Icon/Icon.stories.tsx +++ b/src/components/content/Icon/Icon.stories.tsx @@ -7,7 +7,7 @@ import Card from 'components/canvas/Card/Card'; import Grid from 'components/composition/Grid/Grid'; export default { - title: 'Content/Icon', + title: 'Components/Content/Icon', component: Icon, } as Meta; diff --git a/src/components/content/LoadingButton/LoadingButton.stories.tsx b/src/components/content/LoadingButton/LoadingButton.stories.tsx index 0bcde518..4dffa503 100644 --- a/src/components/content/LoadingButton/LoadingButton.stories.tsx +++ b/src/components/content/LoadingButton/LoadingButton.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import LoadingButton from './LoadingButton'; export default { - title: 'Content/Loading Button', + title: 'Components/Content/Loading Button', component: LoadingButton, } as Meta; diff --git a/src/components/content/LoadingFormGroup/LoadingFormGroup.stories.tsx b/src/components/content/LoadingFormGroup/LoadingFormGroup.stories.tsx index 89318208..fd02164d 100644 --- a/src/components/content/LoadingFormGroup/LoadingFormGroup.stories.tsx +++ b/src/components/content/LoadingFormGroup/LoadingFormGroup.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import LoadingFormGroup from './LoadingFormGroup'; export default { - title: 'Content/Loading Form Group', + title: 'Components/Content/Loading Form Group', component: LoadingFormGroup, } as Meta; diff --git a/src/components/content/LoadingImage/LoadingImage.stories.tsx b/src/components/content/LoadingImage/LoadingImage.stories.tsx index 1138c5e8..13fe935a 100644 --- a/src/components/content/LoadingImage/LoadingImage.stories.tsx +++ b/src/components/content/LoadingImage/LoadingImage.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import LoadingImage from './LoadingImage'; export default { - title: 'Content/Loading Image', + title: 'Components/Content/Loading Image', component: LoadingImage, } as Meta; diff --git a/src/components/content/LoadingSpinner/LoadingSpinner.stories.tsx b/src/components/content/LoadingSpinner/LoadingSpinner.stories.tsx index f9255bfa..4c7fc421 100644 --- a/src/components/content/LoadingSpinner/LoadingSpinner.stories.tsx +++ b/src/components/content/LoadingSpinner/LoadingSpinner.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import LoadingSpinner from './LoadingSpinner'; export default { - title: 'Content/Loading Spinner', + title: 'Components/Content/Loading Spinner', component: LoadingSpinner, } as Meta; diff --git a/src/components/content/LoadingText/LoadingText.stories.tsx b/src/components/content/LoadingText/LoadingText.stories.tsx index d50d7276..db31a976 100644 --- a/src/components/content/LoadingText/LoadingText.stories.tsx +++ b/src/components/content/LoadingText/LoadingText.stories.tsx @@ -6,7 +6,7 @@ import LoadingText from './LoadingText'; import Spacing from 'components/composition/Spacing/Spacing'; export default { - title: 'Content/Loading Text', + title: 'Components/Content/Loading Text', component: LoadingText, parameters: { a11y: { diff --git a/src/components/content/LoadingTitle/LoadingTitle.stories.tsx b/src/components/content/LoadingTitle/LoadingTitle.stories.tsx index 0e0a88cf..81add591 100644 --- a/src/components/content/LoadingTitle/LoadingTitle.stories.tsx +++ b/src/components/content/LoadingTitle/LoadingTitle.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import LoadingTitle from './LoadingTitle'; export default { - title: 'Content/Loading Title', + title: 'Components/Content/Loading Title', component: LoadingTitle, parameters: { a11y: { diff --git a/src/components/content/Longform/Longform.stories.tsx b/src/components/content/Longform/Longform.stories.tsx index 174e20b9..2d4ca7dd 100644 --- a/src/components/content/Longform/Longform.stories.tsx +++ b/src/components/content/Longform/Longform.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Longform from './Longform'; export default { - title: 'Content/Longform', + title: 'Components/Content/Longform', component: Longform, } as Meta; diff --git a/src/components/content/PieChart/PieChart.stories.tsx b/src/components/content/PieChart/PieChart.stories.tsx index 7a780499..70f61582 100644 --- a/src/components/content/PieChart/PieChart.stories.tsx +++ b/src/components/content/PieChart/PieChart.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import PieChart from './PieChart'; export default { - title: 'Content/PieChart', + title: 'Components/Content/PieChart', component: PieChart, } as Meta; diff --git a/src/components/content/StreamDot/StreamDot.stories.tsx b/src/components/content/StreamDot/StreamDot.stories.tsx index 47647009..7d2ebf08 100644 --- a/src/components/content/StreamDot/StreamDot.stories.tsx +++ b/src/components/content/StreamDot/StreamDot.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import StreamDot from './StreamDot'; export default { - title: 'Content/Stream Dot', + title: 'Components/Content/Stream Dot', component: StreamDot, } as Meta; diff --git a/src/components/content/Text/Text.stories.tsx b/src/components/content/Text/Text.stories.tsx index 2c4190b4..bbca385d 100644 --- a/src/components/content/Text/Text.stories.tsx +++ b/src/components/content/Text/Text.stories.tsx @@ -76,7 +76,7 @@ const transforms = ['uppercase', 'lowercase', 'capitalize']; const weights = ['base', 'light', 'bold', 'black']; export default { - title: 'Content/Text', + title: 'Components/Content/Text', argTypes: { as: { control: { diff --git a/src/components/content/VehicleSvg/VehicleSvg.stories.tsx b/src/components/content/VehicleSvg/VehicleSvg.stories.tsx index df6bc1a2..740a4260 100644 --- a/src/components/content/VehicleSvg/VehicleSvg.stories.tsx +++ b/src/components/content/VehicleSvg/VehicleSvg.stories.tsx @@ -6,7 +6,7 @@ import VehicleSvg from './VehicleSvg'; import Grid from 'components/composition/Grid/Grid'; export default { - title: 'Content/VehicleSvg', + title: 'Components/Content/VehicleSvg', component: VehicleSvg, } as Meta; diff --git a/src/components/controls/Button/Button.stories.tsx b/src/components/controls/Button/Button.stories.tsx index 035d26dd..f28fda71 100644 --- a/src/components/controls/Button/Button.stories.tsx +++ b/src/components/controls/Button/Button.stories.tsx @@ -9,7 +9,7 @@ import Spacing from 'components/composition/Spacing/Spacing'; import Icon from 'components/content/Icon/Icon'; export default { - title: 'Controls/Button', + title: 'Components/Controls/Button', component: Button, } as Meta; diff --git a/src/components/controls/Checkbox/Checkbox.stories.tsx b/src/components/controls/Checkbox/Checkbox.stories.tsx index 74b6a949..b255a897 100644 --- a/src/components/controls/Checkbox/Checkbox.stories.tsx +++ b/src/components/controls/Checkbox/Checkbox.stories.tsx @@ -9,7 +9,7 @@ import FormGroup from 'components/composition/FormGroup/FormGroup'; import Grid from 'components/composition/Grid/Grid'; export default { - title: 'Controls/Checkbox', + title: 'Components/Controls/Checkbox', component: Checkbox, parameters: { a11y: { diff --git a/src/components/controls/Collapse/Collapse.stories.tsx b/src/components/controls/Collapse/Collapse.stories.tsx index 173e3be3..93f42aea 100644 --- a/src/components/controls/Collapse/Collapse.stories.tsx +++ b/src/components/controls/Collapse/Collapse.stories.tsx @@ -6,7 +6,7 @@ import Collapse, { CollapseProps } from './Collapse'; import Card from 'components/canvas/Card/Card'; export default { - title: 'Controls/Collapse', + title: 'Components/Controls/Collapse', component: Collapse, } as Meta; diff --git a/src/components/controls/Datepicker/Datepicker.stories.tsx b/src/components/controls/Datepicker/Datepicker.stories.tsx index 4745f8e2..c0c38076 100644 --- a/src/components/controls/Datepicker/Datepicker.stories.tsx +++ b/src/components/controls/Datepicker/Datepicker.stories.tsx @@ -7,7 +7,7 @@ import Label from '../Label/Label'; import Datepicker from './Datepicker'; export default { - title: 'Controls/Datepicker', + title: 'Components/Controls/Datepicker', component: Datepicker, } as Meta; diff --git a/src/components/controls/Dropdown/Dropdown.stories.tsx b/src/components/controls/Dropdown/Dropdown.stories.tsx index 4204e377..4e415e7f 100644 --- a/src/components/controls/Dropdown/Dropdown.stories.tsx +++ b/src/components/controls/Dropdown/Dropdown.stories.tsx @@ -7,7 +7,7 @@ import Icon from 'components/content/Icon/Icon'; import Button from 'components/controls/Button/Button'; export default { - title: 'Controls/Dropdown', + title: 'Components/Controls/Dropdown', component: Dropdown, } as Meta; diff --git a/src/components/controls/Fieldset/Fieldset.stories.tsx b/src/components/controls/Fieldset/Fieldset.stories.tsx index a25f1efb..9e5919d9 100644 --- a/src/components/controls/Fieldset/Fieldset.stories.tsx +++ b/src/components/controls/Fieldset/Fieldset.stories.tsx @@ -5,7 +5,7 @@ import Fieldset from './Fieldset'; import Legend from './Legend'; export default { - title: 'Controls/Fieldset', + title: 'Components/Controls/Fieldset', component: Fieldset, subcomponents: { Legend, diff --git a/src/components/controls/Input/Input.stories.tsx b/src/components/controls/Input/Input.stories.tsx index d3ced58b..6af115ce 100644 --- a/src/components/controls/Input/Input.stories.tsx +++ b/src/components/controls/Input/Input.stories.tsx @@ -6,7 +6,7 @@ import Icon from '../../content/Icon/Icon'; import Input from './Input'; export default { - title: 'Controls/Input', + title: 'Components/Controls/Input', component: Input, parameters: { a11y: { diff --git a/src/components/controls/Label/Label.stories.tsx b/src/components/controls/Label/Label.stories.tsx index ae62badb..111cbf22 100644 --- a/src/components/controls/Label/Label.stories.tsx +++ b/src/components/controls/Label/Label.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Label from './Label'; export default { - title: 'Controls/Label', + title: 'Components/Controls/Label', component: Label, } as Meta; diff --git a/src/components/controls/Menubar/Menubar.stories.tsx b/src/components/controls/Menubar/Menubar.stories.tsx index 78c8e4bf..09ab75a2 100644 --- a/src/components/controls/Menubar/Menubar.stories.tsx +++ b/src/components/controls/Menubar/Menubar.stories.tsx @@ -7,7 +7,7 @@ import Menubar from './Menubar'; import Icon from 'components/content/Icon/Icon'; export default { - title: 'Controls/Menubar', + title: 'Components/Controls/Menubar', component: Menubar, subcomponents: { MenubarTabs: Menubar.Tabs, diff --git a/src/components/controls/Radio/Radio.stories.tsx b/src/components/controls/Radio/Radio.stories.tsx index 2bbdb38e..171d645b 100644 --- a/src/components/controls/Radio/Radio.stories.tsx +++ b/src/components/controls/Radio/Radio.stories.tsx @@ -9,7 +9,7 @@ import FormGroup from 'components/composition/FormGroup/FormGroup'; import Grid from 'components/composition/Grid/Grid'; export default { - title: 'Controls/Radio', + title: 'Components/Controls/Radio', component: Radio, } as Meta; diff --git a/src/components/controls/Select/Select.stories.tsx b/src/components/controls/Select/Select.stories.tsx index 6c083ad5..058c7134 100644 --- a/src/components/controls/Select/Select.stories.tsx +++ b/src/components/controls/Select/Select.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Select from './Select'; export default { - title: 'Controls/Select', + title: 'Components/Controls/Select', component: Select, parameters: { a11y: { diff --git a/src/components/controls/Slider/Slider.stories.tsx b/src/components/controls/Slider/Slider.stories.tsx index 3b803ab9..ad66c559 100644 --- a/src/components/controls/Slider/Slider.stories.tsx +++ b/src/components/controls/Slider/Slider.stories.tsx @@ -7,7 +7,7 @@ import Label from '../Label/Label'; import Slider from './Slider'; export default { - title: 'Controls/Slider', + title: 'Components/Controls/Slider', component: Slider, parameters: { a11y: { diff --git a/src/components/controls/TextButton/TextButton.stories.tsx b/src/components/controls/TextButton/TextButton.stories.tsx index 793d897e..acfa6ef3 100644 --- a/src/components/controls/TextButton/TextButton.stories.tsx +++ b/src/components/controls/TextButton/TextButton.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import TextButton from './TextButton'; export default { - title: 'Controls/Text button', + title: 'Components/Controls/Text button', component: TextButton, parameters: { a11y: { diff --git a/src/components/controls/Textarea/Textarea.stories.tsx b/src/components/controls/Textarea/Textarea.stories.tsx index 97011942..b69bcef8 100644 --- a/src/components/controls/Textarea/Textarea.stories.tsx +++ b/src/components/controls/Textarea/Textarea.stories.tsx @@ -4,7 +4,7 @@ import React from 'react'; import Textarea from './Textarea'; export default { - title: 'Controls/Textarea', + title: 'Components/Controls/Textarea', component: Textarea, parameters: { a11y: { diff --git a/src/docs/Support.mdx b/src/docs/Support.mdx index a20e5456..490955a1 100644 --- a/src/docs/Support.mdx +++ b/src/docs/Support.mdx @@ -1,7 +1,7 @@ import { Meta } from '@storybook/addon-docs'; import { Markdown } from "@storybook/blocks"; - + # Support diff --git a/src/tokens/breakpoints.module.scss b/src/docs/foundations/tokens/breakpoints.module.scss similarity index 62% rename from src/tokens/breakpoints.module.scss rename to src/docs/foundations/tokens/breakpoints.module.scss index 2aff144d..931ece18 100644 --- a/src/tokens/breakpoints.module.scss +++ b/src/docs/foundations/tokens/breakpoints.module.scss @@ -1,4 +1,4 @@ -@use '../styles/variables/breakpoint'; +@use '../../../styles/variables/breakpoint'; :export { @each $name, $bp in breakpoint.$map { diff --git a/src/tokens/breakpoints.stories.tsx b/src/docs/foundations/tokens/breakpoints.stories.tsx similarity index 82% rename from src/tokens/breakpoints.stories.tsx rename to src/docs/foundations/tokens/breakpoints.stories.tsx index 8c5c664d..a692d4e3 100644 --- a/src/tokens/breakpoints.stories.tsx +++ b/src/docs/foundations/tokens/breakpoints.stories.tsx @@ -2,12 +2,12 @@ import { Meta } from '@storybook/react'; import map from 'lodash/map'; import React from 'react'; -import Spacing from '../components/composition/Spacing/Spacing'; +import Spacing from '../../../components/composition/Spacing/Spacing'; import breakpoints from './breakpoints.module.scss'; export default { - title: 'Tokens/Breakpoints', + title: 'Foundations/Tokens/Breakpoints', } as Meta; export const Breakpoints = () => ( diff --git a/src/tokens/colors.module.scss b/src/docs/foundations/tokens/colors.module.scss similarity index 66% rename from src/tokens/colors.module.scss rename to src/docs/foundations/tokens/colors.module.scss index f069975f..c52f2923 100644 --- a/src/tokens/colors.module.scss +++ b/src/docs/foundations/tokens/colors.module.scss @@ -1,4 +1,4 @@ -@use '../styles/variables/color'; +@use '../../../styles/variables/color'; :export { @each $name, $color in color.$colors { diff --git a/src/tokens/colors.stories.tsx b/src/docs/foundations/tokens/colors.stories.tsx similarity index 81% rename from src/tokens/colors.stories.tsx rename to src/docs/foundations/tokens/colors.stories.tsx index 6301d296..574fce92 100644 --- a/src/tokens/colors.stories.tsx +++ b/src/docs/foundations/tokens/colors.stories.tsx @@ -2,13 +2,13 @@ import { Meta } from '@storybook/react'; import map from 'lodash/map'; import React from 'react'; -import Card from '../components/canvas/Card/Card'; -import Grid from '../components/composition/Grid/Grid'; +import Card from '../../../components/canvas/Card/Card'; +import Grid from '../../../components/composition/Grid/Grid'; import colors from './colors.module.scss'; export default { - title: 'Tokens/Colors', + title: 'Foundations/Tokens/Colors', } as Meta; export const Colors = () => ( diff --git a/src/tokens/container-colors.module.scss b/src/docs/foundations/tokens/container-colors.module.scss similarity index 65% rename from src/tokens/container-colors.module.scss rename to src/docs/foundations/tokens/container-colors.module.scss index 2dbc7445..50e5c9a8 100644 --- a/src/tokens/container-colors.module.scss +++ b/src/docs/foundations/tokens/container-colors.module.scss @@ -1,4 +1,4 @@ -@use '../styles/variables/container'; +@use '../../../styles/variables/container'; :export { @each $name, $color in container.$colors { diff --git a/src/tokens/container-colors.stories.tsx b/src/docs/foundations/tokens/container-colors.stories.tsx similarity index 80% rename from src/tokens/container-colors.stories.tsx rename to src/docs/foundations/tokens/container-colors.stories.tsx index bc1bb142..201fc4f0 100644 --- a/src/tokens/container-colors.stories.tsx +++ b/src/docs/foundations/tokens/container-colors.stories.tsx @@ -2,13 +2,13 @@ import { Meta } from '@storybook/react'; import map from 'lodash/map'; import React from 'react'; -import Card from '../components/canvas/Card/Card'; -import Grid from '../components/composition/Grid/Grid'; +import Card from '../../../components/canvas/Card/Card'; +import Grid from '../../../components/composition/Grid/Grid'; import colors from './container-colors.module.scss'; export default { - title: 'Tokens/Container Colors', + title: 'Foundations/Tokens/Container Colors', } as Meta; export const ContainerColors = () => ( diff --git a/src/tokens/typography.module.scss b/src/docs/foundations/tokens/typography.module.scss similarity index 66% rename from src/tokens/typography.module.scss rename to src/docs/foundations/tokens/typography.module.scss index 87ffd324..44529741 100644 --- a/src/tokens/typography.module.scss +++ b/src/docs/foundations/tokens/typography.module.scss @@ -1,4 +1,4 @@ -@use '../styles/variables/font'; +@use '../../../styles/variables/font'; :export { @each $name, $size in font.$sizes { diff --git a/src/tokens/typography.stories.tsx b/src/docs/foundations/tokens/typography.stories.tsx similarity index 93% rename from src/tokens/typography.stories.tsx rename to src/docs/foundations/tokens/typography.stories.tsx index fab6024e..fcc20791 100644 --- a/src/tokens/typography.stories.tsx +++ b/src/docs/foundations/tokens/typography.stories.tsx @@ -1,10 +1,10 @@ import { Meta } from '@storybook/react'; import React from 'react'; -import Spacing from '../components/composition/Spacing/Spacing'; +import Spacing from '../../../components/composition/Spacing/Spacing'; export default { - title: 'Tokens/Typography', + title: 'Foundations/Tokens/Typography', } as Meta; export const Typography = () => ( diff --git a/src/docs/examples.stories.tsx b/src/docs/recipes/Forms.stories.tsx similarity index 99% rename from src/docs/examples.stories.tsx rename to src/docs/recipes/Forms.stories.tsx index ad87c967..252f5166 100644 --- a/src/docs/examples.stories.tsx +++ b/src/docs/recipes/Forms.stories.tsx @@ -12,7 +12,7 @@ import Radio from 'components/controls/Radio/Radio'; import Select from 'components/controls/Select/Select'; export default { - title: 'Docs/Examples', + title: 'Recipes/Forms', parameters: { a11y: { config: {