diff --git a/packages/core/.storybook/preview.js b/packages/core/.storybook/preview.js index d22b72e993..32d2def290 100644 --- a/packages/core/.storybook/preview.js +++ b/packages/core/.storybook/preview.js @@ -1,14 +1,14 @@ import mayflowerTheme from './mayflowerTheme'; export const parameters = { - options: { + options: { storySort: { order: [ - 'Get Started', [ + 'Overview', [ 'Introduction', - 'Examples' + 'Usage', + 'Examples' ], - 'Get Started', 'Principles', [ 'Brand Pillars', 'Accessibility' @@ -22,10 +22,10 @@ export const parameters = { 'Elements', 'Components', [ 'Header', - 'Footer' - ], - ], - order: storyKindOrder + 'Footer', + 'Template' + ] + ] }, }, actions: { argTypesRegex: "^on[A-Z].*" }, diff --git a/packages/core/stories/meta.json b/packages/core/stories/meta.json index bea5ae39b5..9779fa95f2 100644 --- a/packages/core/stories/meta.json +++ b/packages/core/stories/meta.json @@ -1,74 +1,74 @@ { "Introduction": { - "group": "Get Started", + "group": "Overview", "title": "Introduction" }, - "Usage": { - "group": "Get Started", - "title": "Install Mayflower" - }, "Examples": { - "group": "Get Started", + "group": "Overview", "title": "Examples" + }, + "Usage": { + "group": "Overview", + "title": "Usage" }, "BrandPillars": { - "group": "Design Principles", + "group": "Principles", "title": "Brand Pillars" }, "DesignGuidelines": { - "group": "Design Principles", + "group": "Principles", "title": "Guidelines" }, "Accessibility": { - "group": "Design Principles", + "group": "Principles", "title": "Accessibility" }, "Colors": { - "group": "Design Tokens", - "title": "Colors" + "group": "Foundation", + "title": "Color" }, "Icons": { - "group": "Design Tokens", - "title": "Icons" + "group": "Foundation", + "title": "Iconography" }, "Logo": { - "group": "Design Tokens", + "group": "Foundation", "title": "Logo" }, "Typography": { - "group": "Design Tokens", - "title": "Typeface" + "group": "Foundation", + "title": "Typography" }, "Button": { - "group": "Base Elements", + "group": "Elements", "title": "Buttons" }, "Heading": { - "group": "Base Elements", + "group": "Elements", "title": "Heading" }, "Link": { - "group": "Base Elements", + "group": "Elements", "title": "Link" }, "Headings": { - "group": "Base Elements", + "group": "Elements", "title": "Headings" }, "Links": { - "group": "Base Elements", + "group": "Elements", "title": "Links" + }, + "Template": { + "group": "Components", + "title": "Template" }, "Header": { - "group": "Brand Components", + "group": "Components", "title": "Header" }, "Footer": { - "group": "Brand Components", + "group": "Components", "title": "Footer" - }, - "Template": { - "group": "Brand Components", - "title": "Template" } }