DP-20568-storybook-navigation-update (#1290)

* Added navigation update * Update meta.json * Re-organize links * Deleted some test files * Updated links Co-authored-by: Minghua Sun <[email protected]>
massgov · Dec 8, 2020 · 9522627 · 9522627
1 parent 6870cb6
commit 9522627
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 35 deletions.
diff --git 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
@@ -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"
   }
 }