From 5c7316905fd95ff1e3f8a2419de57f740bcb2aad Mon Sep 17 00:00:00 2001 From: Scott Vandehey Date: Mon, 9 Mar 2020 11:24:04 -0700 Subject: [PATCH 1/5] add welcome page, loaded first --- .storybook/main.js | 2 +- src/welcome.stories.mdx | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 src/welcome.stories.mdx diff --git a/.storybook/main.js b/.storybook/main.js index b86463ff5..749019682 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -1,7 +1,7 @@ const { resolve } = require('path'); module.exports = { - stories: ['../src/**/*.stories.(js|mdx)'], + stories: ['../src/welcome.stories.mdx', '../src/**/*.stories.(js|mdx)'], addons: [ // Core addons '@storybook/addon-a11y/register', diff --git a/src/welcome.stories.mdx b/src/welcome.stories.mdx new file mode 100644 index 000000000..f2682364d --- /dev/null +++ b/src/welcome.stories.mdx @@ -0,0 +1,9 @@ +import { Meta } from '@storybook/addon-docs/blocks'; + + + +# Welcome! + +This is the pattern library for Cloud Four. + +Details coming soon. From 55ff8295f87333c92e39a883b3e02111b9575a64 Mon Sep 17 00:00:00 2001 From: Scott Vandehey Date: Mon, 9 Mar 2020 11:27:20 -0700 Subject: [PATCH 2/5] add environment-aware favicons --- .storybook/manager-head.html | 1 + package.json | 4 ++-- static/favicon-development.ico | Bin 0 -> 6518 bytes static/favicon-production.ico | Bin 0 -> 6518 bytes 4 files changed, 3 insertions(+), 2 deletions(-) create mode 100644 .storybook/manager-head.html create mode 100644 static/favicon-development.ico create mode 100644 static/favicon-production.ico diff --git a/.storybook/manager-head.html b/.storybook/manager-head.html new file mode 100644 index 000000000..6be69abb3 --- /dev/null +++ b/.storybook/manager-head.html @@ -0,0 +1 @@ + diff --git a/package.json b/package.json index fbc8302cf..55aeaf1bd 100644 --- a/package.json +++ b/package.json @@ -58,8 +58,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:css && npm run check-lint:js", "check-lint:css": "stylelint '**/*.scss'", diff --git a/static/favicon-development.ico b/static/favicon-development.ico new file mode 100644 index 0000000000000000000000000000000000000000..7ba77c5fc486c097b835e3c4469fd2c4f717ebd4 GIT binary patch literal 6518 zcmeHK-EG@25M~SXSuxN7^c3W=BY1)$BV>e*;0=@!GJ;3&2!4zFRE^*b+V8tNQb&rC zl@vuAKm-(;=`TIm;8_M zQ@@m3|5^@>GT;MGs9$FKZ+LKB8j69V-)W7eJyy$~$3Dp#D>c5oWiMsI$6?Y- zVo%9tt^ZzT>PZ=0w3)q1`=95DzqL0w+Bq41zvvk^^(S8Ty)lOT4c_ZIznzVRKN>f8 zp7hoB#u%=*yOg8vhY>@03%DL#(ofcdz75{td-ToWNITZ&kJ+Mk>xRwDVctXg^t}`B zqrAZq266`a)$v@qXS8ve=TX|4ud?uO8K|e z60bG->u-Iv)8494m*p$t>%Pl#Jm+kBnIEhC7aox}gB9|QG;vh#xvR(4FDf|K1m=%3e-Fwoq~&OBZIyTn)T&$W;Zo|+A)qoWN&#D}xck7v2gv|rCJ zi?Nq&{5NcHae`e(XIn)-uwJ-Z$f35*zhuK$D;9EKfZT(}YVNn@crA`K8<^|;HOi{w zz_HAsNIN$x2GEt_z98Pr{ thzZ{l(>g7DmHjC9t+U0HaXwdU8K7_fR+$_9hQNlvhQNlvhQPl<;5Wf?Cei=^ literal 0 HcmV?d00001 diff --git a/static/favicon-production.ico b/static/favicon-production.ico new file mode 100644 index 0000000000000000000000000000000000000000..41bfbb74321ab93bb1190f265d9d086b365edd9b GIT binary patch literal 6518 zcmeH}&21Yo5QUilx%-d;bP9Y-2Qd(Bax+qbZvmtLaS2<3N^l7(K_&QR`IIfe9XRt* zeA*F3aaS=C#K01uW;vWcz8MY`!kh3mTwDaBvvBz?gbyKv*(|N!hj4AYOXHb{N$mJW zLNNaSIvy9z&Ev9JZ*ajg9?-pB1?es8+ZewvLZ$r``Y9(>rSFctm;=9`awi)P-@ndGzRmUVjXopA z++*o%5R=ZY{NZz_+5eI+?*sqr;vZ^zT}h8U4PxTVvO^w~6H&=d^z|b^pPbpevPnOU z!+Pj6CInss0`w$$BR$f37CpA5531+=tux@m_eu3jQTp_$UK@M)qFK>f`)NHs_32v7 z*fbxV{M4xWzqbdks*~P7ucPn$t*qJ6UjAkb`IjDY9uK}FrpIq^|7I5U^q%Vs7Vf;>eV`#ct12{Ju>RQw6w)>g=SAn1E z{%Mqd_kW}$Pi}+`k&V5maBq%$)$Wb$ zdB5P1^1JVEhV{zJB)|0PQRhb&n@4e_*s1$h)Jn_% literal 0 HcmV?d00001 From dbd098c55cde40967c15340873e08bf49d80bc80 Mon Sep 17 00:00:00 2001 From: Scott Vandehey Date: Mon, 9 Mar 2020 11:38:57 -0700 Subject: [PATCH 3/5] add logo --- .storybook/cloud-four-theme.js | 9 +++++++++ .storybook/manager.js | 6 ++++++ static/logo.svg | 1 + 3 files changed, 16 insertions(+) create mode 100644 .storybook/cloud-four-theme.js create mode 100644 .storybook/manager.js create mode 100644 static/logo.svg diff --git a/.storybook/cloud-four-theme.js b/.storybook/cloud-four-theme.js new file mode 100644 index 000000000..70873781f --- /dev/null +++ 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/manager.js b/.storybook/manager.js new file mode 100644 index 000000000..778bec3c8 --- /dev/null +++ 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/static/logo.svg b/static/logo.svg new file mode 100644 index 000000000..beef2fdff --- /dev/null +++ b/static/logo.svg @@ -0,0 +1 @@ + From 3d98ebad955f6460930e7cc457fb093e85540d30 Mon Sep 17 00:00:00 2001 From: Scott Vandehey Date: Mon, 9 Mar 2020 13:30:02 -0700 Subject: [PATCH 4/5] update logo svg --- static/logo.svg | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/static/logo.svg b/static/logo.svg index beef2fdff..519aeafa5 100644 --- a/static/logo.svg +++ b/static/logo.svg @@ -1 +1,5 @@ - + + + + + From d767dfe336df2a1580d246766a834f7050517de6 Mon Sep 17 00:00:00 2001 From: Scott Vandehey Date: Mon, 9 Mar 2020 13:31:03 -0700 Subject: [PATCH 5/5] add comment explaining load order --- .storybook/main.js | 1 + 1 file changed, 1 insertion(+) diff --git a/.storybook/main.js b/.storybook/main.js index 749019682..4305f0520 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -1,6 +1,7 @@ const { resolve } = require('path'); module.exports = { + // 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