linode · hana-linode · Aug 23, 2024 · Aug 21, 2024 · Aug 21, 2024 · Aug 21, 2024
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Storybook nav organization ([#10809](https://github.com/linode/manager/pull/10809))
@@ -61,7 +61,14 @@ const preview: Preview = {
     options: {
       storySort: {
         method: 'alphabetical',
-        order: ['Intro', 'Core Styles', 'Components', 'Features'],
+        order: [
+          'Intro',
+          'Design System',
+          'Icons',
+          'Foundations',
+          'Components',
+          'Features',
+        ],
       },
     },
     viewport: {

@@ -5,7 +5,7 @@ import { Accordion } from './Accordion';
 
 const meta: Meta<typeof Accordion> = {
   component: Accordion,
-  title: 'Components/Accordion',
+  title: 'Foundations/Accordion',
 };
 
 type Story = StoryObj<typeof Accordion>;

@@ -12,6 +12,6 @@ export const Default: StoryObj<BetaChipProps> = {
 const meta: Meta<BetaChipProps> = {
   args: { color: 'default' },
   component: BetaChip,
-  title: 'Components/Chip/BetaChip',
+  title: 'Foundations/Chip/BetaChip',
 };
 export default meta;
@@ -5,7 +5,7 @@ import { Box } from './Box';
 
 const meta: Meta<typeof Box> = {
   component: Box,
-  title: 'Components/Box',
+  title: 'Foundations/Box',
 };
 
 type Story = StoryObj<typeof Box>;

@@ -6,7 +6,7 @@ import { Breadcrumb } from './Breadcrumb';
 
 const meta: Meta<typeof Breadcrumb> = {
   component: Breadcrumb,
-  title: 'Components/Breadcrumb',
+  title: 'Foundations/Breadcrumb',
 };
 
 type Story = StoryObj<typeof Breadcrumb>;

@@ -35,7 +35,7 @@ const meta: Meta<typeof Button> = {
     tooltipText: '',
   },
   component: Button,
-  title: 'Components/Button',
+  title: 'Foundations/Button',
 };
 
 export default meta;

@@ -12,7 +12,7 @@ const meta: Meta<typeof StyledTagButton> = {
     onClick: () => null,
   },
   component: StyledTagButton,
-  title: 'Components/TagButton',
+  title: 'Components/Tags/TagButton',
 };
 
 export default meta;

@@ -5,7 +5,7 @@ import { Checkbox } from './Checkbox';
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,
-  title: 'Components/Checkbox',
+  title: 'Foundations/Checkbox',
 };
 
 type Story = StoryObj<typeof Checkbox>;

@@ -66,6 +66,6 @@ export const WithDeleteButton: StoryObj<ChipProps> = {
 const meta: Meta<ChipProps> = {
   args: { label: 'Chip', onDelete: undefined },
   component: Chip,
-  title: 'Components/Chip',
+  title: 'Foundations/Chip',
 };
 export default meta;
@@ -24,7 +24,7 @@ const meta: Meta<typeof Currency> = {
     },
   },
   component: Currency,
-  title: 'Components/Typography/Currency',
+  title: 'Foundations/Typography/Currency',
 };
 
 export default meta;
@@ -24,7 +24,7 @@ const meta: Meta<typeof DateTimeDisplay> = {
     },
   },
   component: DateTimeDisplay,
-  title: 'Components/Typography/Date Time Display',
+  title: 'Foundations/Typography/Date Time Display',
 };
 
 export default meta;
@@ -5,7 +5,7 @@ import { Divider } from 'src/components/Divider';
 
 const meta: Meta<typeof Divider> = {
   component: Divider,
-  title: 'Components/Divider',
+  title: 'Foundations/Divider',
 };
 
 type Story = StoryObj<typeof Divider>;

@@ -16,7 +16,7 @@ const meta: Meta<DocsLinkProps> = {
     label: 'Custom Doc Link Label',
   },
   component: DocsLink,
-  title: 'Components/Link/DocsLink',
+  title: 'Foundations/Link/DocsLink',
 };
 
 export default meta;
@@ -44,7 +44,7 @@ export const WithSuffix: Story = {
 
 const meta: Meta<typeof EditableText> = {
   component: EditableText,
-  title: 'Components/Editable Text',
+  title: 'Components/Input/Editable Text',
 };
 
 export default meta;
@@ -31,7 +31,7 @@ const meta: Meta<typeof EnhancedNumberInput> = {
   },
   args: {},
   component: EnhancedNumberInput,
-  title: 'Components/EnhancedNumberInput',
+  title: 'Components/Input/EnhancedNumberInput',
 };
 
 export default meta;

@@ -10,7 +10,7 @@ import type { EntityVariants } from 'src/components/EntityIcon/EntityIcon';
 const meta: Meta<typeof EntityIcon> = {
   args: { variant: 'linode' },
   component: EntityIcon,
-  title: 'Components/EntityIcon',
+  title: 'Icons/EntityIcon',
 };
 
 export default meta;

@@ -5,7 +5,7 @@ import { Flag } from './Flag';
 
 const meta: Meta<typeof Flag> = {
   component: Flag,
-  title: 'Components/Flag',
+  title: 'Icons/Flag',
 };
 
 type Story = StoryObj<typeof Flag>;

@@ -17,7 +17,7 @@ const meta: Meta<typeof InlineMenuAction> = {
     tooltipAnalyticsEvent: action('tooltipAnalyticsEvent'),
   },
   component: InlineMenuAction,
-  title: 'Components/InlineMenuAction',
+  title: 'Components/Action Menu/InlineMenuAction',
 };
 
 export default meta;

@@ -130,7 +130,7 @@ const meta: Meta<LinkProps> = {
     to: '/internal-link',
   },
   component: Link,
-  title: 'Components/Link',
+  title: 'Foundations/Link',
 };
 
 export default meta;
@@ -22,7 +22,7 @@ export const Alpine: StoryObj<typeof OSIcon> = {
 
 const meta: Meta<typeof OSIcon> = {
   component: OSIcon,
-  title: 'Components/OS Icon',
+  title: 'Icons/OS Icon',
 };
 
 export default meta;
@@ -5,7 +5,7 @@ import { Paper } from './Paper';
 
 const meta: Meta<typeof Paper> = {
   component: Paper,
-  title: 'Components/Paper',
+  title: 'Foundations/Paper',
 };
 
 type Story = StoryObj<typeof Paper>;

@@ -6,7 +6,7 @@ import { HideShowText } from './HideShowText';
 
 const meta: Meta<typeof HideShowText> = {
   component: HideShowText,
-  title: 'Components/Hide Show Text',
+  title: 'Components/Input/Hide Show Text',
 };
 
 type Story = StoryObj<typeof HideShowText>;

@@ -6,7 +6,7 @@ import PasswordInput from './PasswordInput';
 
 const meta: Meta<typeof PasswordInput> = {
   component: PasswordInput,
-  title: 'Components/Password Input',
+  title: 'Components/Input/Password Input',
 };
 
 type Story = StoryObj<typeof PasswordInput>;

@@ -27,7 +27,7 @@ const meta: Meta<RadioProps> = {
       </Box>
     ),
   ],
-  title: 'Components/Radio',
+  title: 'Foundations/Radio',
 };
 
 type Story = StoryObj<RadioProps>;

@@ -26,7 +26,7 @@ const meta: Meta<ShowMoreExpansionProps> = {
     name: 'Show More',
   },
   component: ShowMoreExpansion,
-  title: 'Components/Accordion/ShowMoreExpansion',
+  title: 'Foundations/Accordion/ShowMoreExpansion',
 };
 
 export default meta;
@@ -55,7 +55,7 @@ export const WithDivider: StoryObj<typeof Stack> = {
 
 const meta: Meta<typeof Stack> = {
   component: Stack,
-  title: 'Components/Stack',
+  title: 'Foundations/Stack',
 };
 
 export default meta;
@@ -5,7 +5,7 @@ import { StatusIcon } from './StatusIcon';
 
 const meta: Meta<typeof StatusIcon> = {
   component: StatusIcon,
-  title: 'Components/StatusIcon',
+  title: 'Icons/StatusIcon',
 };
 
 type Story = StoryObj<typeof StatusIcon>;

@@ -71,6 +71,6 @@ const meta: Meta<TabsProps> = {
     onChange: () => null,
   },
   component: Tabs,
-  title: 'Components/Tabs',
+  title: 'Foundations/Tabs',
 };
 export default meta;
@@ -6,7 +6,7 @@ import { TextField } from './TextField';
 
 const meta: Meta<typeof TextField> = {
   component: TextField,
-  title: 'Components/TextField',
+  title: 'Foundations/TextField',
 };
 
 type Story = StoryObj<typeof TextField>;

@@ -16,7 +16,7 @@ const meta: Meta<ToggleProps> = {
     disabled: false,
   },
   component: Toggle,
-  title: 'Components/Toggle',
+  title: 'Foundations/Toggle',
 };
 
 export default meta;
@@ -5,7 +5,7 @@ import { Typography } from './Typography';
 
 const meta: Meta<typeof Typography> = {
   component: Typography,
-  title: 'Components/Typography',
+  title: 'Foundations/Typography',
 };
 
 type Story = StoryObj<typeof Typography>;