Core/storybook minor fixes

common/config/rush/command-line.json

@@ -59,6 +59,14 @@
       "allowWarningsInSuccessfulBuild": true,
       "shellCommand": "cd packages/core && rushx start"
     },
+    {
+      "commandKind": "global",
+      "name": "build:core",
+      "summary": "Runs 'rushx build' for the core storybook site package.",
+      "safeForSimultaneousRushProcesses": true,
+      "allowWarningsInSuccessfulBuild": true,
+      "shellCommand": "cd packages/core && rushx build"
+    },
     {
       "commandKind": "global",
       "name": "backstop:react",

packages/core/.gitignore

@@ -1 +1,3 @@
 !.env
+
+storybook-static

packages/core/.storybook/main.js

@@ -2,7 +2,6 @@ const path = require('path');
 const assets = require('@massds/mayflower-assets');
 const nodeModules = path.resolve(path.join(process.cwd(), 'node_modules'));
 const pnpmNodeModules = path.join(nodeModules, '.pnpm', 'node_modules');
-console.log(path.resolve(nodeModules, '@massds/mayflower-react/dist/styles'))
 
 module.exports = {
   "stories": [

packages/core/.storybook/mayflowerTheme.js

@@ -1,5 +1,8 @@
 import { create } from '@storybook/theming/create';
 import logo from './mayflower-logo.png';
+
+const { VERSION } = process.env;
+
 export default create({
   base: 'light',
 
@@ -30,7 +33,7 @@ export default create({
   inputTextColor: '#141414',
   inputBorderRadius: 4,
 
-  brandTitle: 'Mayflower React',
-  brandUrl: 'https://github.com/massgov/mayflower',
+  brandTitle: `Mayflower Design System ${VERSION}`,
+  brandUrl: '/',
   brandImage: logo,
 });

packages/core/.storybook/preview.js

@@ -32,8 +32,5 @@ export const parameters = {
   previewTabs: {
       canvas: { hidden: true }
   },
-  viewMode: 'docs',
-	docs: {
-    theme: mayflowerTheme,
-  }
+  viewMode: 'docs'
 }

packages/core/package.json

@@ -5,8 +5,8 @@
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "start-storybook -p 6006 --docs",
-    "build-storybook": "build-storybook --docs",
+    "storybook": "start-storybook -p 6006 --docs --no-manager-cache",
+    "build": "build-storybook --docs",
     "start": "rushx storybook",
     "chromatic": "npx chromatic --project-token engf6vhuiv"
   },

packages/core/stories/about/Examples.stories.mdx

@@ -11,9 +11,9 @@ This is a curated list of Mayflower projects for your inspiration.
 
 ## Digital Services team:
 Projects that are developed or maintained by the Digital Services team
-- [(Experimental) Mayflower React](mayflower.digital.mass.gov/react): A React Component Library
-- [(Experimental) Mayflower Patternlab](mayflower.digital.mass.gov/react): A Twig Component Library
-- [Mass.gov](mass.gov): The official government website for the Commonwealth of Massachusetts
+- [(Experimental) Mayflower React](https://mayflower.digital.mass.gov/react): A React Component Library
+- [(Experimental) Mayflower Patternlab](https://mayflower.digital.mass.gov/patternlab): A Twig Component Library
+- [Mass.gov](https://www.mass.gov/): The official government website for the Commonwealth of Massachusetts
 
 <br />