From 9cbfa9760f16c2eac5f6dcb1ead1e3f6f594f14c Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Fri, 8 May 2020 12:17:12 -0400 Subject: [PATCH 1/5] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20reorganize=20s?= =?UTF-8?q?tories=20into=20folders?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- addons/rose/stories/button.stories.js | 2 +- addons/rose/stories/form/checkbox.stories.js | 2 +- addons/rose/stories/form/input.stories.js | 2 +- addons/rose/stories/form/select.stories.js | 2 +- addons/rose/stories/form/textarea.stories.js | 2 +- addons/rose/stories/icon.stories.js | 2 +- 6 files changed, 6 insertions(+), 6 deletions(-) diff --git a/addons/rose/stories/button.stories.js b/addons/rose/stories/button.stories.js index 53cca2788..9527fe7ae 100644 --- a/addons/rose/stories/button.stories.js +++ b/addons/rose/stories/button.stories.js @@ -3,7 +3,7 @@ import { action } from '@storybook/addon-actions'; import { text, boolean, select } from '@storybook/addon-knobs'; export default { - title: 'Rose::Button', + title: 'Button', }; const icons = { diff --git a/addons/rose/stories/form/checkbox.stories.js b/addons/rose/stories/form/checkbox.stories.js index 2292dd816..28256a057 100644 --- a/addons/rose/stories/form/checkbox.stories.js +++ b/addons/rose/stories/form/checkbox.stories.js @@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars'; import { text, boolean } from '@storybook/addon-knobs'; export default { - title: 'Rose::Form::Checkbox', + title: 'Form/Checkbox', }; export const Normal = () => ({ diff --git a/addons/rose/stories/form/input.stories.js b/addons/rose/stories/form/input.stories.js index b55d202c2..f025d2901 100644 --- a/addons/rose/stories/form/input.stories.js +++ b/addons/rose/stories/form/input.stories.js @@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars'; import { text, boolean, select } from '@storybook/addon-knobs'; export default { - title: 'Rose::Form::Input', + title: 'Form/Input', }; export const Normal = () => ({ diff --git a/addons/rose/stories/form/select.stories.js b/addons/rose/stories/form/select.stories.js index a82fbb8f7..9f20c384c 100644 --- a/addons/rose/stories/form/select.stories.js +++ b/addons/rose/stories/form/select.stories.js @@ -3,7 +3,7 @@ import { action } from '@storybook/addon-actions'; import { text, boolean, select } from '@storybook/addon-knobs'; export default { - title: 'Rose::Form::Select', + title: 'Form/Select', }; export const Normal = () => ({ diff --git a/addons/rose/stories/form/textarea.stories.js b/addons/rose/stories/form/textarea.stories.js index f3ae74240..12fdcec50 100644 --- a/addons/rose/stories/form/textarea.stories.js +++ b/addons/rose/stories/form/textarea.stories.js @@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars'; import { text, boolean } from '@storybook/addon-knobs'; export default { - title: 'Rose::Form::Textarea', + title: 'Form/Textarea', }; export const Normal = () => ({ diff --git a/addons/rose/stories/icon.stories.js b/addons/rose/stories/icon.stories.js index 087ef6293..f26371859 100644 --- a/addons/rose/stories/icon.stories.js +++ b/addons/rose/stories/icon.stories.js @@ -2,7 +2,7 @@ import { hbs } from 'ember-cli-htmlbars'; import { select } from '@storybook/addon-knobs'; export default { - title: 'Rose::Icon', + title: 'Icon', }; export const Normal = () => ({ From a17abdb126cb35cc6318ef7cfceb5072639aa14d Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Fri, 8 May 2020 15:38:53 -0400 Subject: [PATCH 2/5] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20migrate=20compon?= =?UTF-8?q?ent=20stories=20to=20storybook=20docs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- addons/rose/.storybook/main.js | 5 +- .../addon/components/rose/button.stories.mdx | 98 + .../components/rose/form/checkbox.stories.mdx | 44 + .../components/rose/form/input.stories.mdx | 56 + .../components/rose/form/select.stories.mdx | 67 + .../components/rose/form/textarea.stories.mdx | 44 + .../addon/components/rose/icon.stories.mdx | 36 + addons/rose/package.json | 3 +- yarn.lock | 1625 ++++++++++++++++- 9 files changed, 1893 insertions(+), 85 deletions(-) create mode 100644 addons/rose/addon/components/rose/button.stories.mdx create mode 100644 addons/rose/addon/components/rose/form/checkbox.stories.mdx create mode 100644 addons/rose/addon/components/rose/form/input.stories.mdx create mode 100644 addons/rose/addon/components/rose/form/select.stories.mdx create mode 100644 addons/rose/addon/components/rose/form/textarea.stories.mdx create mode 100644 addons/rose/addon/components/rose/icon.stories.mdx diff --git a/addons/rose/.storybook/main.js b/addons/rose/.storybook/main.js index 990a60bc9..3d146546d 100644 --- a/addons/rose/.storybook/main.js +++ b/addons/rose/.storybook/main.js @@ -1,9 +1,8 @@ module.exports = { - stories: ['../stories/**/*.stories.js'], + stories: ['../addon/components/**/*.stories.(js|mdx)'], addons: [ '@storybook/addon-knobs', '@storybook/addon-actions', - '@storybook/addon-links', - '@storybook/addon-storysource' + '@storybook/addon-docs', ] }; diff --git a/addons/rose/addon/components/rose/button.stories.mdx b/addons/rose/addon/components/rose/button.stories.mdx new file mode 100644 index 000000000..7617f0ba3 --- /dev/null +++ b/addons/rose/addon/components/rose/button.stories.mdx @@ -0,0 +1,98 @@ +import { Meta, Story, Preview } from '@storybook/addon-docs/blocks'; +import { hbs } from 'ember-cli-htmlbars'; +import { action } from '@storybook/addon-actions'; +import { text, boolean, select } from '@storybook/addon-knobs'; + + + +# Button + +A simple button component that renders an HTML `