cloudfour · spaceninja · Mar 9, 2020 · Mar 9, 2020 · Mar 9, 2020 · Mar 9, 2020
diff --git a/.storybook/cloud-four-theme.js b/.storybook/cloud-four-theme.js
@@ -0,0 +1,9 @@
+import { create } from '@storybook/theming/create';
+
+export default create({
+ base: 'light',
+
+ brandTitle: 'Cloud Four Patterns',
+ brandUrl: 'https://cloudfour.com',
+ brandImage: '/logo.svg'
+});
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,7 +1,8 @@
 const { resolve } = require('path');
 
 module.exports = {
- stories: ['../src/**/*.stories.(js|mdx)'],
+ // We load the welcome story separately so it will be the first sidebar item.
+ stories: ['../src/welcome.stories.mdx', '../src/**/*.stories.(js|mdx)'],
  addons: [
  // Core addons
  '@storybook/addon-a11y/register',

diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html
@@ -0,0 +1 @@
+<link rel="shortcut icon" href="/favicon-%NODE_ENV%.ico" />
diff --git a/.storybook/manager.js b/.storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from '@storybook/addons';
+import cloudFourTheme from './cloud-four-theme';
+
+addons.setConfig({
+ theme: cloudFourTheme
+});
diff --git a/package.json b/package.json
@@ -59,8 +59,8 @@
  "twigjs-loader": "1.0.1"
  },
  "scripts": {
- "storybook": "npm run svg-to-twig && start-storybook -p 6006",
- "build-storybook": "npm run svg-to-twig && build-storybook",
+ "storybook": "npm run svg-to-twig && start-storybook -p 6006 -s static",
+ "build-storybook": "npm run svg-to-twig && build-storybook -s static",
  "svg-to-twig": "gulp svg-to-twig",
  "check-lint": "npm run check-lint:prettier && npm run check-lint:css && npm run check-lint:js",
  "check-lint:prettier": "prettier --ignore-path .gitignore --list-different '**/*.{scss,js}'",

diff --git a/src/welcome.stories.mdx b/src/welcome.stories.mdx
@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/addon-docs/blocks';
+
+<Meta title="Getting Started" />
+
+# Welcome!
+
+This is the pattern library for Cloud Four.
+
+Details coming soon.
diff --git a/static/favicon-development.ico b/static/favicon-development.ico
diff --git a/static/favicon-production.ico b/static/favicon-production.ico
diff --git a/static/logo.svg b/static/logo.svg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<link rel="shortcut icon" href="/favicon-%NODE_ENV%.ico" />
tylerstickaMar 9, 2020 Copy link Copy Markdown Member Choose a reason for hiding this comment The reason will be displayed to describe this comment to others. Learn more. Nit: Self-closing tag not necessary in HTML5? spaceninjaMar 9, 2020 Copy link Copy Markdown MemberAuthor Choose a reason for hiding this comment The reason will be displayed to describe this comment to others. Learn more. Looks like Prettier is adding it back in. I'll see if I can disable that. spaceninjaMar 9, 2020 Copy link Copy Markdown MemberAuthor Choose a reason for hiding this comment The reason will be displayed to describe this comment to others. Learn more. Holy wow, this turns out to be a contentious topic in the Prettier community: prettier/prettier#5246 TL;DR: There's no option to disable it right now, and Prettier will always add the self-closing tag slash back in.