From 02d4653ef29e41373fa915b381886cfa23333042 Mon Sep 17 00:00:00 2001 From: Mesut Koca Date: Mon, 9 Mar 2020 22:21:59 +0300 Subject: [PATCH 1/3] feat(storybook): change load stories path --- .storybook/config.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/.storybook/config.js b/.storybook/config.js index d571398d..09dc981f 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -73,5 +73,10 @@ addDecorator(() => ({ components: { ThemeProvider, ColorModeProvider, CSSReset, Canvas } })); -// automatically import all files ending in *.stories.js -configure(require.context('../stories', true, /\.stories\.js$/), module); + +function loadStories() { + const req = require.context('../packages/kiwi-core/src', true, /\.stories\.(js|mdx)$/); + req.keys().forEach(filename => req(filename)); +} + +configure(loadStories, module); From 72dbf574bdb35a0533e6a2c447d589a638608b3c Mon Sep 17 00:00:00 2001 From: Mesut Koca Date: Mon, 9 Mar 2020 22:24:28 +0300 Subject: [PATCH 2/3] chore(storybook): change components story paths --- .../kiwi-core/src/Accordion/Accordion.stories.js | 2 +- .../kiwi-core/src/Alert/Alert.stories.js | 2 +- .../kiwi-core/src/AlertDialog/AlertDialog.stories.js | 2 +- .../kiwi-core/src/AspectRatioBox/AspectRatioBox.stories.js | 2 +- .../kiwi-core/src/Avatar/Avatar.stories.js | 2 +- .../kiwi-core/src/Badge/Badge.stories.js | 2 +- .../kiwi-core/src/Box/Box.stories.js | 2 +- .../kiwi-core/src/Breadcrumb/Breadcrumb.stories.js | 2 +- .../kiwi-core/src/Button/Button.stories.js | 2 +- .../kiwi-core/src/ButtonGroup/ButtonGroup.stories.js | 2 +- .../kiwi-core/src/Checkbox/Checkbox.stories.js | 2 +- .../kiwi-core/src/CheckboxGroup/CheckboxGroup.stories.js | 2 +- .../src/CircularProgress/CircularProgress.stories.js | 2 +- .../kiwi-core/src/CloseButton/CloseButton.stories.js | 2 +- .../kiwi-core/src/Code/Code.stories.js | 2 +- .../kiwi-core/src/Collapse/Collapse.stories.js | 2 +- .../kiwi-core/src/ControlBox/ControlBox.stories.js | 2 +- .../kiwi-core/src/Drawer/Drawer.stories.js | 0 .../kiwi-core/src/Flex/Flex.stories.js | 2 +- .../kiwi-core/src/FormControl/FormControl.stories.js | 2 +- .../kiwi-core/src/Grid/Grid.stories.js | 2 +- .../kiwi-core/src/Heading/Heading.stories.js | 2 +- .../kiwi-core/src/Icon/Icon.stories.js | 2 +- .../kiwi-core/src/IconButton/IconButton.stories.js | 2 +- .../kiwi-core/src/Image/Image.stories.js | 2 +- .../kiwi-core/src/Input/Input.stories.js | 2 +- .../kiwi-core/src/List/List.stories.js | 2 +- .../kiwi-core/src/Menu/Menu.stories.js | 2 +- .../kiwi-core/src/Modal/Modal.stories.js | 2 +- .../kiwi-core/src/NumberInput/NumberInput.stories.js | 2 +- .../kiwi-core/src/Popover/Popover.stories.js | 2 +- .../kiwi-core/src/Progress/Progress.stories.js | 2 +- .../kiwi-core/src/PseudoBox/PseudoBox.stories.js | 2 +- .../kiwi-core/src/Radio/Radio.stories.js | 2 +- .../kiwi-core/src/RadioButtonGroup/RadioGroup.stories.js | 2 +- .../kiwi-core/src/Select/Select.stories.js | 2 +- .../kiwi-core/src/Slider/Slider.stories.js | 2 +- .../kiwi-core/src/Stack/Stack.stories.js | 2 +- .../kiwi-core/src/Switch/Switch.stories.js | 2 +- .../kiwi-core/src/Tabs/Tabs.stories.js | 2 +- .../kiwi-core/src/Tag/Tag.stories.js | 2 +- .../kiwi-core/src/Text/Text.stories.js | 2 +- .../kiwi-core/src/Textarea/Textarea.stories.js | 2 +- .../kiwi-core/src/Toast/Toast.stories.js | 4 ++-- .../kiwi-core/src/Tooltip/Tooltip.stories.js | 2 +- 45 files changed, 45 insertions(+), 45 deletions(-) rename stories/29-Accordion.stories.js => packages/kiwi-core/src/Accordion/Accordion.stories.js (98%) rename stories/7-Alert.stories.js => packages/kiwi-core/src/Alert/Alert.stories.js (98%) rename stories/19-AlertDialog.stories.js => packages/kiwi-core/src/AlertDialog/AlertDialog.stories.js (97%) rename stories/30-AspectRatioBox.stories.js => packages/kiwi-core/src/AspectRatioBox/AspectRatioBox.stories.js (89%) rename stories/11-Avatar.stories.js => packages/kiwi-core/src/Avatar/Avatar.stories.js (98%) rename stories/8-Badge.stories.js => packages/kiwi-core/src/Badge/Badge.stories.js (91%) rename stories/1-Box.stories.js => packages/kiwi-core/src/Box/Box.stories.js (90%) rename stories/20-Breadcrumb.stories.js => packages/kiwi-core/src/Breadcrumb/Breadcrumb.stories.js (93%) rename stories/3-Button.stories.js => packages/kiwi-core/src/Button/Button.stories.js (98%) rename stories/13-ButtonGroup.stories.js => packages/kiwi-core/src/ButtonGroup/ButtonGroup.stories.js (89%) rename stories/48-Checkbox.stories.js => packages/kiwi-core/src/Checkbox/Checkbox.stories.js (97%) rename stories/51-CheckboxGroup.stories.js => packages/kiwi-core/src/CheckboxGroup/CheckboxGroup.stories.js (88%) rename stories/22-CircularProgress.stories.js => packages/kiwi-core/src/CircularProgress/CircularProgress.stories.js (98%) rename stories/9-CloseButton.stories.js => packages/kiwi-core/src/CloseButton/CloseButton.stories.js (89%) rename stories/23-Code.stories.js => packages/kiwi-core/src/Code/Code.stories.js (90%) rename stories/28-Collapse.stories.js => packages/kiwi-core/src/Collapse/Collapse.stories.js (95%) rename stories/15-ControlBox.stories.js => packages/kiwi-core/src/ControlBox/ControlBox.stories.js (96%) rename stories/18-Drawer.stories.js => packages/kiwi-core/src/Drawer/Drawer.stories.js (100%) rename stories/12-Flex.stories.js => packages/kiwi-core/src/Flex/Flex.stories.js (89%) rename stories/33-FormControl.stories.js => packages/kiwi-core/src/FormControl/FormControl.stories.js (98%) rename stories/24-Grid.stories.js => packages/kiwi-core/src/Grid/Grid.stories.js (89%) rename stories/14-Heading.stories.js => packages/kiwi-core/src/Heading/Heading.stories.js (90%) rename stories/4-Icon.stories.js => packages/kiwi-core/src/Icon/Icon.stories.js (92%) rename stories/5-IconButton.stories.js => packages/kiwi-core/src/IconButton/IconButton.stories.js (96%) rename stories/31-Image.stories.js => packages/kiwi-core/src/Image/Image.stories.js (83%) rename stories/32-Input.stories.js => packages/kiwi-core/src/Input/Input.stories.js (94%) rename stories/53-List.stories.js => packages/kiwi-core/src/List/List.stories.js (92%) rename stories/26-Menu.stories.js => packages/kiwi-core/src/Menu/Menu.stories.js (97%) rename stories/17-Modal.stories.js => packages/kiwi-core/src/Modal/Modal.stories.js (98%) rename stories/47-NumberInput.stories.js => packages/kiwi-core/src/NumberInput/NumberInput.stories.js (99%) rename stories/27-Popover.stories.js => packages/kiwi-core/src/Popover/Popover.stories.js (99%) rename stories/25-Progress.stories.js => packages/kiwi-core/src/Progress/Progress.stories.js (92%) rename stories/2-PseudoBox.stories.js => packages/kiwi-core/src/PseudoBox/PseudoBox.stories.js (96%) rename stories/43-Radio.stories.js => packages/kiwi-core/src/Radio/Radio.stories.js (86%) rename stories/44-RadioGroup.stories.js => packages/kiwi-core/src/RadioButtonGroup/RadioGroup.stories.js (98%) rename stories/49-Select.stories.js => packages/kiwi-core/src/Select/Select.stories.js (95%) rename stories/50-Slider.stories.js => packages/kiwi-core/src/Slider/Slider.stories.js (95%) rename stories/16-Stack.stories.js => packages/kiwi-core/src/Stack/Stack.stories.js (95%) rename stories/46-Switch.stories.js => packages/kiwi-core/src/Switch/Switch.stories.js (91%) rename stories/54-Tabs.stories.js => packages/kiwi-core/src/Tabs/Tabs.stories.js (99%) rename stories/45-Tag.stories.js => packages/kiwi-core/src/Tag/Tag.stories.js (98%) rename stories/6-Text.stories.js => packages/kiwi-core/src/Text/Text.stories.js (97%) rename stories/52-Textarea.stories.js => packages/kiwi-core/src/Textarea/Textarea.stories.js (91%) rename stories/10-Toast.stories.js => packages/kiwi-core/src/Toast/Toast.stories.js (95%) rename stories/21-Tooltip.stories.js => packages/kiwi-core/src/Tooltip/Tooltip.stories.js (85%) diff --git a/stories/29-Accordion.stories.js b/packages/kiwi-core/src/Accordion/Accordion.stories.js similarity index 98% rename from stories/29-Accordion.stories.js rename to packages/kiwi-core/src/Accordion/Accordion.stories.js index 720273e5..7f839dcf 100644 --- a/stories/29-Accordion.stories.js +++ b/packages/kiwi-core/src/Accordion/Accordion.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Accordion, AccordionItem, AccordionHeader, AccordionPanel, AccordionIcon } from '../packages/kiwi-core/src' +import { Box, Accordion, AccordionItem, AccordionHeader, AccordionPanel, AccordionIcon } from '..' storiesOf('UI | Accordion', module) .add('Basic Usage', () => ({ diff --git a/stories/7-Alert.stories.js b/packages/kiwi-core/src/Alert/Alert.stories.js similarity index 98% rename from stories/7-Alert.stories.js rename to packages/kiwi-core/src/Alert/Alert.stories.js index 74dcf5ff..feec2ecd 100644 --- a/stories/7-Alert.stories.js +++ b/packages/kiwi-core/src/Alert/Alert.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Alert, AlertIcon, AlertTitle, AlertDescription } from '../packages/kiwi-core/src' +import { Alert, AlertIcon, AlertTitle, AlertDescription } from '..' storiesOf('UI | Alert', module) .add('Default Alert', () => ({ diff --git a/stories/19-AlertDialog.stories.js b/packages/kiwi-core/src/AlertDialog/AlertDialog.stories.js similarity index 97% rename from stories/19-AlertDialog.stories.js rename to packages/kiwi-core/src/AlertDialog/AlertDialog.stories.js index 57c188e8..48e9999b 100644 --- a/stories/19-AlertDialog.stories.js +++ b/packages/kiwi-core/src/AlertDialog/AlertDialog.stories.js @@ -1,6 +1,6 @@ import { action } from '@storybook/addon-actions' import { storiesOf } from '@storybook/vue' -import { CSSReset, Button, AlertDialog, AlertDialogContent, AlertDialogBody, AlertDialogFooter, AlertDialogOverlay, AlertDialogHeader } from '../packages/kiwi-core/src' +import { CSSReset, Button, AlertDialog, AlertDialogContent, AlertDialogBody, AlertDialogFooter, AlertDialogOverlay, AlertDialogHeader } from '..' storiesOf('UI | Alert Dialog', module) .add('Alert Dialog', () => ({ diff --git a/stories/30-AspectRatioBox.stories.js b/packages/kiwi-core/src/AspectRatioBox/AspectRatioBox.stories.js similarity index 89% rename from stories/30-AspectRatioBox.stories.js rename to packages/kiwi-core/src/AspectRatioBox/AspectRatioBox.stories.js index fbacd277..19f05705 100644 --- a/stories/30-AspectRatioBox.stories.js +++ b/packages/kiwi-core/src/AspectRatioBox/AspectRatioBox.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { AspectRatioBox, Box } from '../packages/kiwi-core/src' +import { AspectRatioBox, Box } from '..' storiesOf('UI | AspectRatioBox', module) .add('Basic Usage', () => ({ diff --git a/stories/11-Avatar.stories.js b/packages/kiwi-core/src/Avatar/Avatar.stories.js similarity index 98% rename from stories/11-Avatar.stories.js rename to packages/kiwi-core/src/Avatar/Avatar.stories.js index fb96fa2e..ddfd03ea 100644 --- a/stories/11-Avatar.stories.js +++ b/packages/kiwi-core/src/Avatar/Avatar.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { AvatarBadge, Avatar, AvatarGroup } from '../packages/kiwi-core/src' +import { AvatarBadge, Avatar, AvatarGroup } from '..' storiesOf('UI | Avatar', module) .add('Avatars', () => ({ diff --git a/stories/8-Badge.stories.js b/packages/kiwi-core/src/Badge/Badge.stories.js similarity index 91% rename from stories/8-Badge.stories.js rename to packages/kiwi-core/src/Badge/Badge.stories.js index aa9d7bcf..cc21afa6 100644 --- a/stories/8-Badge.stories.js +++ b/packages/kiwi-core/src/Badge/Badge.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Badge } from '../packages/kiwi-core/src' +import { Badge } from '..' storiesOf('UI | Badge', module) .add('Default Badge', () => ({ diff --git a/stories/1-Box.stories.js b/packages/kiwi-core/src/Box/Box.stories.js similarity index 90% rename from stories/1-Box.stories.js rename to packages/kiwi-core/src/Box/Box.stories.js index 2146dbb8..426b85a4 100644 --- a/stories/1-Box.stories.js +++ b/packages/kiwi-core/src/Box/Box.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box } from '../packages/kiwi-core/src' +import { Box } from '..' storiesOf('UI | Box', module) .add('Box', () => ({ diff --git a/stories/20-Breadcrumb.stories.js b/packages/kiwi-core/src/Breadcrumb/Breadcrumb.stories.js similarity index 93% rename from stories/20-Breadcrumb.stories.js rename to packages/kiwi-core/src/Breadcrumb/Breadcrumb.stories.js index 6eeaa34e..1fb4de61 100644 --- a/stories/20-Breadcrumb.stories.js +++ b/packages/kiwi-core/src/Breadcrumb/Breadcrumb.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '../packages/kiwi-core/src' +import { CSSReset, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from '..' storiesOf('UI | Breadcrumb', module) .add('With custom separator', () => ({ diff --git a/stories/3-Button.stories.js b/packages/kiwi-core/src/Button/Button.stories.js similarity index 98% rename from stories/3-Button.stories.js rename to packages/kiwi-core/src/Button/Button.stories.js index 295f93ff..f0018d88 100644 --- a/stories/3-Button.stories.js +++ b/packages/kiwi-core/src/Button/Button.stories.js @@ -1,6 +1,6 @@ import { action } from '@storybook/addon-actions' import { storiesOf } from '@storybook/vue' -import { Button } from '../packages/kiwi-core/src' +import { Button } from '..' storiesOf('UI | Button', module) .add('Unstyled', () => ({ diff --git a/stories/13-ButtonGroup.stories.js b/packages/kiwi-core/src/ButtonGroup/ButtonGroup.stories.js similarity index 89% rename from stories/13-ButtonGroup.stories.js rename to packages/kiwi-core/src/ButtonGroup/ButtonGroup.stories.js index be0d7f02..12dfe573 100644 --- a/stories/13-ButtonGroup.stories.js +++ b/packages/kiwi-core/src/ButtonGroup/ButtonGroup.stories.js @@ -1,6 +1,6 @@ import { action } from '@storybook/addon-actions' import { storiesOf } from '@storybook/vue' -import { Button, ButtonGroup } from '../packages/kiwi-core/src' +import { Button, ButtonGroup } from '..' storiesOf('UI | ButtonGroup', module) .add('Button Group', () => ({ diff --git a/stories/48-Checkbox.stories.js b/packages/kiwi-core/src/Checkbox/Checkbox.stories.js similarity index 97% rename from stories/48-Checkbox.stories.js rename to packages/kiwi-core/src/Checkbox/Checkbox.stories.js index 9e13ba81..dc92fa17 100644 --- a/stories/48-Checkbox.stories.js +++ b/packages/kiwi-core/src/Checkbox/Checkbox.stories.js @@ -1,6 +1,6 @@ import { storiesOf } from '@storybook/vue' import { action } from '@storybook/addon-actions' -import { Box, Checkbox, Stack } from '../packages/kiwi-core/src' +import { Box, Checkbox, Stack } from '..' storiesOf('UI | Checkbox', module) .add('Basic Usage', () => ({ diff --git a/stories/51-CheckboxGroup.stories.js b/packages/kiwi-core/src/CheckboxGroup/CheckboxGroup.stories.js similarity index 88% rename from stories/51-CheckboxGroup.stories.js rename to packages/kiwi-core/src/CheckboxGroup/CheckboxGroup.stories.js index 94904cea..22a1ed2f 100644 --- a/stories/51-CheckboxGroup.stories.js +++ b/packages/kiwi-core/src/CheckboxGroup/CheckboxGroup.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Checkbox, CheckboxGroup } from '../packages/kiwi-core/src' +import { Box, Checkbox, CheckboxGroup } from '..' storiesOf('UI | CheckboxGroup', module) .add('Basic Usage', () => ({ diff --git a/stories/22-CircularProgress.stories.js b/packages/kiwi-core/src/CircularProgress/CircularProgress.stories.js similarity index 98% rename from stories/22-CircularProgress.stories.js rename to packages/kiwi-core/src/CircularProgress/CircularProgress.stories.js index 990efd96..eaed8c0e 100644 --- a/stories/22-CircularProgress.stories.js +++ b/packages/kiwi-core/src/CircularProgress/CircularProgress.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, CircularProgress, CircularProgressLabel, Button } from '../packages/kiwi-core/src' +import { CSSReset, CircularProgress, CircularProgressLabel, Button } from '..' storiesOf('UI | CircularProgress', module) .add('default circular progress', () => ({ diff --git a/stories/9-CloseButton.stories.js b/packages/kiwi-core/src/CloseButton/CloseButton.stories.js similarity index 89% rename from stories/9-CloseButton.stories.js rename to packages/kiwi-core/src/CloseButton/CloseButton.stories.js index e562c147..091b1f14 100644 --- a/stories/9-CloseButton.stories.js +++ b/packages/kiwi-core/src/CloseButton/CloseButton.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CloseButton } from '../packages/kiwi-core/src' +import { CloseButton } from '..' storiesOf('UI | CloseButton', module) .add('Default CloseButton', () => ({ diff --git a/stories/23-Code.stories.js b/packages/kiwi-core/src/Code/Code.stories.js similarity index 90% rename from stories/23-Code.stories.js rename to packages/kiwi-core/src/Code/Code.stories.js index 89ef1a22..47c36156 100644 --- a/stories/23-Code.stories.js +++ b/packages/kiwi-core/src/Code/Code.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, Code, Stack } from '../packages/kiwi-core/src' +import { CSSReset, Code, Stack } from '..' storiesOf('UI | Code', module) .add('Default Code', () => ({ diff --git a/stories/28-Collapse.stories.js b/packages/kiwi-core/src/Collapse/Collapse.stories.js similarity index 95% rename from stories/28-Collapse.stories.js rename to packages/kiwi-core/src/Collapse/Collapse.stories.js index bd40f4fd..3a56569d 100644 --- a/stories/28-Collapse.stories.js +++ b/packages/kiwi-core/src/Collapse/Collapse.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Button, Collapse, Box } from '../packages/kiwi-core/src' +import { Button, Collapse, Box } from '..' storiesOf('UI | Collapse', module) .add('Basic Usage', () => ({ diff --git a/stories/15-ControlBox.stories.js b/packages/kiwi-core/src/ControlBox/ControlBox.stories.js similarity index 96% rename from stories/15-ControlBox.stories.js rename to packages/kiwi-core/src/ControlBox/ControlBox.stories.js index 381b6c7a..84ef2e14 100644 --- a/stories/15-ControlBox.stories.js +++ b/packages/kiwi-core/src/ControlBox/ControlBox.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { VisuallyHidden, ControlBox, Box, Icon } from '../packages/kiwi-core/src' +import { VisuallyHidden, ControlBox, Box, Icon } from '..' storiesOf('UI | ControlBox', module) .add('With checkbox', () => ({ diff --git a/stories/18-Drawer.stories.js b/packages/kiwi-core/src/Drawer/Drawer.stories.js similarity index 100% rename from stories/18-Drawer.stories.js rename to packages/kiwi-core/src/Drawer/Drawer.stories.js diff --git a/stories/12-Flex.stories.js b/packages/kiwi-core/src/Flex/Flex.stories.js similarity index 89% rename from stories/12-Flex.stories.js rename to packages/kiwi-core/src/Flex/Flex.stories.js index 7a1d0f0c..1fb84b84 100644 --- a/stories/12-Flex.stories.js +++ b/packages/kiwi-core/src/Flex/Flex.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Flex, Box, Text as KText } from '../packages/kiwi-core/src' +import { Flex, Box, Text as KText } from '..' storiesOf('UI | Flex', module) .add('Flex', () => ({ diff --git a/stories/33-FormControl.stories.js b/packages/kiwi-core/src/FormControl/FormControl.stories.js similarity index 98% rename from stories/33-FormControl.stories.js rename to packages/kiwi-core/src/FormControl/FormControl.stories.js index 99019436..8c9338de 100644 --- a/stories/33-FormControl.stories.js +++ b/packages/kiwi-core/src/FormControl/FormControl.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Input, FormControl, FormLabel, Icon, Stack, InputGroup, InputLeftElement, InputRightElement, FormHelperText, FormErrorMessage } from '../packages/kiwi-core/src' +import { Input, FormControl, FormLabel, Icon, Stack, InputGroup, InputLeftElement, InputRightElement, FormHelperText, FormErrorMessage } from '..' storiesOf('UI | FormControl', module) .add('Basic Usage', () => ({ diff --git a/stories/24-Grid.stories.js b/packages/kiwi-core/src/Grid/Grid.stories.js similarity index 89% rename from stories/24-Grid.stories.js rename to packages/kiwi-core/src/Grid/Grid.stories.js index 6933b60b..bf541360 100644 --- a/stories/24-Grid.stories.js +++ b/packages/kiwi-core/src/Grid/Grid.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, Grid, Box } from '../packages/kiwi-core/src' +import { CSSReset, Grid, Box } from '..' storiesOf('UI | Grid', module) .add('Default Grid', () => ({ diff --git a/stories/14-Heading.stories.js b/packages/kiwi-core/src/Heading/Heading.stories.js similarity index 90% rename from stories/14-Heading.stories.js rename to packages/kiwi-core/src/Heading/Heading.stories.js index dcdfd52a..878e5e2f 100644 --- a/stories/14-Heading.stories.js +++ b/packages/kiwi-core/src/Heading/Heading.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Heading } from '../packages/kiwi-core/src' +import { Heading } from '..' storiesOf('UI | Heading', module) .add('Button Group', () => ({ diff --git a/stories/4-Icon.stories.js b/packages/kiwi-core/src/Icon/Icon.stories.js similarity index 92% rename from stories/4-Icon.stories.js rename to packages/kiwi-core/src/Icon/Icon.stories.js index 55e90e90..f615aea4 100644 --- a/stories/4-Icon.stories.js +++ b/packages/kiwi-core/src/Icon/Icon.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Icon } from '../packages/kiwi-core/src' +import { Icon } from '..' storiesOf('UI | Icon', module) .add('Base Icon', () => ({ diff --git a/stories/5-IconButton.stories.js b/packages/kiwi-core/src/IconButton/IconButton.stories.js similarity index 96% rename from stories/5-IconButton.stories.js rename to packages/kiwi-core/src/IconButton/IconButton.stories.js index e1cdea09..987542fe 100644 --- a/stories/5-IconButton.stories.js +++ b/packages/kiwi-core/src/IconButton/IconButton.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { IconButton } from '../packages/kiwi-core/src' +import { IconButton } from '..' storiesOf('UI | IconButton', module) .add('Default IconButton', () => ({ diff --git a/stories/31-Image.stories.js b/packages/kiwi-core/src/Image/Image.stories.js similarity index 83% rename from stories/31-Image.stories.js rename to packages/kiwi-core/src/Image/Image.stories.js index 775d4a1e..a89869c7 100644 --- a/stories/31-Image.stories.js +++ b/packages/kiwi-core/src/Image/Image.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Image as KImage } from '../packages/kiwi-core/src' +import { Image as KImage } from '..' storiesOf('UI | Image', module) .add('Basic Usage', () => ({ diff --git a/stories/32-Input.stories.js b/packages/kiwi-core/src/Input/Input.stories.js similarity index 94% rename from stories/32-Input.stories.js rename to packages/kiwi-core/src/Input/Input.stories.js index 99228fef..54f7612d 100644 --- a/stories/32-Input.stories.js +++ b/packages/kiwi-core/src/Input/Input.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Input } from '../packages/kiwi-core/src' +import { Input } from '..' storiesOf('UI | Input', module) .add('Basic Usage', () => ({ diff --git a/stories/53-List.stories.js b/packages/kiwi-core/src/List/List.stories.js similarity index 92% rename from stories/53-List.stories.js rename to packages/kiwi-core/src/List/List.stories.js index 1745bb12..e862d457 100644 --- a/stories/53-List.stories.js +++ b/packages/kiwi-core/src/List/List.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, List, ListItem, ListIcon } from '../packages/kiwi-core/src' +import { Box, List, ListItem, ListIcon } from '..' storiesOf('UI | List', module) .add('Basic Usage', () => ({ diff --git a/stories/26-Menu.stories.js b/packages/kiwi-core/src/Menu/Menu.stories.js similarity index 97% rename from stories/26-Menu.stories.js rename to packages/kiwi-core/src/Menu/Menu.stories.js index 62923045..15246d5e 100644 --- a/stories/26-Menu.stories.js +++ b/packages/kiwi-core/src/Menu/Menu.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Menu, MenuGroup, MenuButton, MenuList, MenuOptionGroup, MenuItemOption, MenuItem, MenuDivider, Icon } from '../packages/kiwi-core/src' +import { Menu, MenuGroup, MenuButton, MenuList, MenuOptionGroup, MenuItemOption, MenuItem, MenuDivider, Icon } from '..' storiesOf('UI | Menu', module) .add('Default Menu', () => ({ diff --git a/stories/17-Modal.stories.js b/packages/kiwi-core/src/Modal/Modal.stories.js similarity index 98% rename from stories/17-Modal.stories.js rename to packages/kiwi-core/src/Modal/Modal.stories.js index 3ed5afba..c0e9922d 100644 --- a/stories/17-Modal.stories.js +++ b/packages/kiwi-core/src/Modal/Modal.stories.js @@ -1,6 +1,6 @@ import { action } from '@storybook/addon-actions' import { storiesOf } from '@storybook/vue' -import { Button, Modal, Text as KText, ModalOverlay, ModalContent, ModalHeader, ModalFooter, ModalBody, ModalCloseButton } from '../packages/kiwi-core/src' +import { Button, Modal, Text as KText, ModalOverlay, ModalContent, ModalHeader, ModalFooter, ModalBody, ModalCloseButton } from '..' import Lorem from 'vue-lorem-ipsum' storiesOf('UI | Modal', module) diff --git a/stories/47-NumberInput.stories.js b/packages/kiwi-core/src/NumberInput/NumberInput.stories.js similarity index 99% rename from stories/47-NumberInput.stories.js rename to packages/kiwi-core/src/NumberInput/NumberInput.stories.js index e0c3ba67..1cc01948 100644 --- a/stories/47-NumberInput.stories.js +++ b/packages/kiwi-core/src/NumberInput/NumberInput.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Stack, NumberInput, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper } from '../packages/kiwi-core/src' +import { Box, Stack, NumberInput, NumberInputField, NumberInputStepper, NumberIncrementStepper, NumberDecrementStepper } from '..' storiesOf('UI | NumberInput', module) .add('Basic Usage', () => ({ diff --git a/stories/27-Popover.stories.js b/packages/kiwi-core/src/Popover/Popover.stories.js similarity index 99% rename from stories/27-Popover.stories.js rename to packages/kiwi-core/src/Popover/Popover.stories.js index 4fca1605..7b1e3512 100644 --- a/stories/27-Popover.stories.js +++ b/packages/kiwi-core/src/Popover/Popover.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Avatar, Button, Badge, Popover, PopoverTrigger, PopoverContent, DarkMode, PopoverHeader, PopoverBody, PopoverArrow, PopoverCloseButton, PopoverFooter, Box, ButtonGroup, Text } from '../packages/kiwi-core/src' +import { Avatar, Button, Badge, Popover, PopoverTrigger, PopoverContent, DarkMode, PopoverHeader, PopoverBody, PopoverArrow, PopoverCloseButton, PopoverFooter, Box, ButtonGroup, Text } from '..' storiesOf('UI | Popover', module) .add('Basic Usage', () => ({ diff --git a/stories/25-Progress.stories.js b/packages/kiwi-core/src/Progress/Progress.stories.js similarity index 92% rename from stories/25-Progress.stories.js rename to packages/kiwi-core/src/Progress/Progress.stories.js index 825de613..8ac5715b 100644 --- a/stories/25-Progress.stories.js +++ b/packages/kiwi-core/src/Progress/Progress.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, Progress as KProgress, Stack } from '../packages/kiwi-core/src' +import { CSSReset, Progress as KProgress, Stack } from '..' storiesOf('UI | Progress', module) .add('Default Progress', () => ({ diff --git a/stories/2-PseudoBox.stories.js b/packages/kiwi-core/src/PseudoBox/PseudoBox.stories.js similarity index 96% rename from stories/2-PseudoBox.stories.js rename to packages/kiwi-core/src/PseudoBox/PseudoBox.stories.js index 445a9484..82ad7e89 100644 --- a/stories/2-PseudoBox.stories.js +++ b/packages/kiwi-core/src/PseudoBox/PseudoBox.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, PseudoBox } from '../packages/kiwi-core/src' +import { Box, PseudoBox } from '..' storiesOf('UI | PseudoBox', module) .add('PseudoBox | :hover', () => ({ diff --git a/stories/43-Radio.stories.js b/packages/kiwi-core/src/Radio/Radio.stories.js similarity index 86% rename from stories/43-Radio.stories.js rename to packages/kiwi-core/src/Radio/Radio.stories.js index 74e8f3cc..0fdb90bc 100644 --- a/stories/43-Radio.stories.js +++ b/packages/kiwi-core/src/Radio/Radio.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Fragment, Radio } from '../packages/kiwi-core/src' +import { Fragment, Radio } from '..' storiesOf('UI | Radio', module) .add('Basic Usage', () => ({ diff --git a/stories/44-RadioGroup.stories.js b/packages/kiwi-core/src/RadioButtonGroup/RadioGroup.stories.js similarity index 98% rename from stories/44-RadioGroup.stories.js rename to packages/kiwi-core/src/RadioButtonGroup/RadioGroup.stories.js index a020331b..1b133ea0 100644 --- a/stories/44-RadioGroup.stories.js +++ b/packages/kiwi-core/src/RadioButtonGroup/RadioGroup.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Fragment, Button, Radio, RadioGroup, RadioButtonGroup } from '../packages/kiwi-core/src' +import { Fragment, Button, Radio, RadioGroup, RadioButtonGroup } from '..' const CustomRadio = { name: 'CustomRadio', diff --git a/stories/49-Select.stories.js b/packages/kiwi-core/src/Select/Select.stories.js similarity index 95% rename from stories/49-Select.stories.js rename to packages/kiwi-core/src/Select/Select.stories.js index 4dde4a1b..128a78c0 100644 --- a/stories/49-Select.stories.js +++ b/packages/kiwi-core/src/Select/Select.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Stack, Select } from '../packages/kiwi-core/src' +import { Box, Stack, Select } from '..' storiesOf('UI | Select', module) .add('Basic Usage', () => ({ diff --git a/stories/50-Slider.stories.js b/packages/kiwi-core/src/Slider/Slider.stories.js similarity index 95% rename from stories/50-Slider.stories.js rename to packages/kiwi-core/src/Slider/Slider.stories.js index db1ddb7f..8a31a52e 100644 --- a/stories/50-Slider.stories.js +++ b/packages/kiwi-core/src/Slider/Slider.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Slider, SliderTrack, SliderFilledTrack, SliderThumb, Icon } from '../packages/kiwi-core/src' +import { Box, Slider, SliderTrack, SliderFilledTrack, SliderThumb, Icon } from '..' storiesOf('UI | Slider', module) .add('Basic Usage', () => ({ diff --git a/stories/16-Stack.stories.js b/packages/kiwi-core/src/Stack/Stack.stories.js similarity index 95% rename from stories/16-Stack.stories.js rename to packages/kiwi-core/src/Stack/Stack.stories.js index 5fd270f1..20aa7251 100644 --- a/stories/16-Stack.stories.js +++ b/packages/kiwi-core/src/Stack/Stack.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Heading, Text as KText, Stack, Box } from '../packages/kiwi-core/src' +import { Heading, Text as KText, Stack, Box } from '..' storiesOf('UI | Stack', module) .add('With vertical stack', () => ({ diff --git a/stories/46-Switch.stories.js b/packages/kiwi-core/src/Switch/Switch.stories.js similarity index 91% rename from stories/46-Switch.stories.js rename to packages/kiwi-core/src/Switch/Switch.stories.js index 01396f38..ddfad4ba 100644 --- a/stories/46-Switch.stories.js +++ b/packages/kiwi-core/src/Switch/Switch.stories.js @@ -1,6 +1,6 @@ import { action } from '@storybook/addon-actions' import { storiesOf } from '@storybook/vue' -import { Box, Switch } from '../packages/kiwi-core/src' +import { Box, Switch } from '..' storiesOf('UI | Switch', module) .add('Basic Usage', () => ({ diff --git a/stories/54-Tabs.stories.js b/packages/kiwi-core/src/Tabs/Tabs.stories.js similarity index 99% rename from stories/54-Tabs.stories.js rename to packages/kiwi-core/src/Tabs/Tabs.stories.js index 9b33fdbe..fee84fe2 100644 --- a/stories/54-Tabs.stories.js +++ b/packages/kiwi-core/src/Tabs/Tabs.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Tabs, TabList, Tab, TabPanels, TabPanel } from '../packages/kiwi-core/src' +import { Box, Tabs, TabList, Tab, TabPanels, TabPanel } from '..' storiesOf('UI | Tabs', module) .add('Basic Usage', () => ({ diff --git a/stories/45-Tag.stories.js b/packages/kiwi-core/src/Tag/Tag.stories.js similarity index 98% rename from stories/45-Tag.stories.js rename to packages/kiwi-core/src/Tag/Tag.stories.js index d37ce49a..2da1f46e 100644 --- a/stories/45-Tag.stories.js +++ b/packages/kiwi-core/src/Tag/Tag.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Box, Tag, TagLabel, TagIcon, TagCloseButton, Avatar } from '../packages/kiwi-core/src' +import { Box, Tag, TagLabel, TagIcon, TagCloseButton, Avatar } from '..' storiesOf('UI | Tag', module) .add('Basic Usage', () => ({ diff --git a/stories/6-Text.stories.js b/packages/kiwi-core/src/Text/Text.stories.js similarity index 97% rename from stories/6-Text.stories.js rename to packages/kiwi-core/src/Text/Text.stories.js index dc7c9d8c..892d5b93 100644 --- a/stories/6-Text.stories.js +++ b/packages/kiwi-core/src/Text/Text.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { Text as KText } from '../packages/kiwi-core/src' +import { Text as KText } from '..' storiesOf('UI | Text', module) .add('Paragraph', () => ({ diff --git a/stories/52-Textarea.stories.js b/packages/kiwi-core/src/Textarea/Textarea.stories.js similarity index 91% rename from stories/52-Textarea.stories.js rename to packages/kiwi-core/src/Textarea/Textarea.stories.js index 7df80f8d..e43e150d 100644 --- a/stories/52-Textarea.stories.js +++ b/packages/kiwi-core/src/Textarea/Textarea.stories.js @@ -1,6 +1,6 @@ import { storiesOf } from '@storybook/vue' import { action } from '@storybook/addon-actions' -import { Box, Textarea } from '../packages/kiwi-core/src' +import { Box, Textarea } from '..' storiesOf('UI | Textarea', module) .add('Basic Usage', () => ({ diff --git a/stories/10-Toast.stories.js b/packages/kiwi-core/src/Toast/Toast.stories.js similarity index 95% rename from stories/10-Toast.stories.js rename to packages/kiwi-core/src/Toast/Toast.stories.js index 1c903553..2a4d36a5 100644 --- a/stories/10-Toast.stories.js +++ b/packages/kiwi-core/src/Toast/Toast.stories.js @@ -1,6 +1,6 @@ import { storiesOf } from '@storybook/vue' -import { Button } from '../packages/kiwi-core/src' -import { colorModeObserver } from '../packages/kiwi-core/src/utils/color-mode-observer' +import { Button } from '..' +import { colorModeObserver } from '../utils/color-mode-observer' const watch = { $theme: { diff --git a/stories/21-Tooltip.stories.js b/packages/kiwi-core/src/Tooltip/Tooltip.stories.js similarity index 85% rename from stories/21-Tooltip.stories.js rename to packages/kiwi-core/src/Tooltip/Tooltip.stories.js index 4e743498..8f775bf2 100644 --- a/stories/21-Tooltip.stories.js +++ b/packages/kiwi-core/src/Tooltip/Tooltip.stories.js @@ -1,5 +1,5 @@ import { storiesOf } from '@storybook/vue' -import { CSSReset, Tooltip, Button } from '../packages/kiwi-core/src' +import { CSSReset, Tooltip, Button } from '..' storiesOf('UI | Tooltip', module) .add('With custom separator', () => ({ From b5e59d8eb1c0de691621a02bb516ad96424c0aad Mon Sep 17 00:00:00 2001 From: Mesut Koca Date: Mon, 9 Mar 2020 22:24:58 +0300 Subject: [PATCH 3/3] feat(storybook): sort stories a to z --- .storybook/config.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/.storybook/config.js b/.storybook/config.js index 09dc981f..1ba14831 100644 --- a/.storybook/config.js +++ b/.storybook/config.js @@ -55,7 +55,9 @@ Vue.use(Kiwi, { addParameters({ options: { - theme: storyBookTheme + theme: storyBookTheme, + storySort: (a, b) => + a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, undefined, { numeric: true }), } })