react-miui 0.27.10 → 0.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/components/form/ColorPicker.d.ts +14 -0
- package/dist/components/form/ColorPicker.d.ts.map +1 -0
- package/dist/components/form/ColorPicker.js +71 -0
- package/dist/components/form/ColorPicker.js.map +1 -0
- package/dist/components/form/ColorPicker.styled.d.ts +170 -0
- package/dist/components/form/ColorPicker.styled.d.ts.map +1 -0
- package/dist/components/form/ColorPicker.styled.js +62 -0
- package/dist/components/form/ColorPicker.styled.js.map +1 -0
- package/dist/components/form/Label.d.ts +4 -2
- package/dist/components/form/Label.d.ts.map +1 -1
- package/dist/components/form/Label.js +19 -12
- package/dist/components/form/Label.js.map +1 -1
- package/dist/components/form/Label.styled.d.ts +170 -0
- package/dist/components/form/Label.styled.d.ts.map +1 -0
- package/dist/components/form/Label.styled.js +25 -0
- package/dist/components/form/Label.styled.js.map +1 -0
- package/dist/components/form/Toggle.d.ts +4 -2
- package/dist/components/form/Toggle.d.ts.map +1 -1
- package/dist/components/form/Toggle.js +20 -15
- package/dist/components/form/Toggle.js.map +1 -1
- package/dist/components/form/Toggle.styled.d.ts +170 -0
- package/dist/components/form/Toggle.styled.d.ts.map +1 -0
- package/dist/components/form/Toggle.styled.js +58 -0
- package/dist/components/form/Toggle.styled.js.map +1 -0
- package/dist/components/form/choice/Choice.d.ts +5 -4
- package/dist/components/form/choice/Choice.d.ts.map +1 -1
- package/dist/components/form/choice/Choice.js +17 -8
- package/dist/components/form/choice/Choice.js.map +1 -1
- package/dist/components/form/choice/Choice.styled.d.ts +88 -0
- package/dist/components/form/choice/Choice.styled.d.ts.map +1 -0
- package/dist/components/form/choice/Choice.styled.js +66 -0
- package/dist/components/form/choice/Choice.styled.js.map +1 -0
- package/dist/components/layout/header/Header.styled.d.ts +1 -1
- package/dist/components/layout/header/StickyHeader.d.ts +92 -7
- package/dist/components/layout/header/StickyHeader.d.ts.map +1 -1
- package/dist/components/layout/header/StickyHeader.js +9 -4
- package/dist/components/layout/header/StickyHeader.js.map +1 -1
- package/dist/components/layout/header/StickyHeader.styled.d.ts +2 -2
- package/dist/components/ui/progress/Progress.d.ts +8 -4
- package/dist/components/ui/progress/Progress.d.ts.map +1 -1
- package/dist/components/ui/progress/Progress.js +9 -7
- package/dist/components/ui/progress/Progress.js.map +1 -1
- package/dist/components/utils/colors.d.ts +4 -0
- package/dist/components/utils/colors.d.ts.map +1 -0
- package/dist/components/utils/colors.js +19 -0
- package/dist/components/utils/colors.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/types/fnWithProps.d.ts +3 -0
- package/dist/types/fnWithProps.d.ts.map +1 -0
- package/dist/types/fnWithProps.js +8 -0
- package/dist/types/fnWithProps.js.map +1 -0
- package/docs/assets/search.js +1 -1
- package/docs/classes/Drawer.html +14 -14
- package/docs/classes/Pop.html +14 -14
- package/docs/classes/ToasterProvider.html +10 -10
- package/docs/enums/ICON.html +14 -14
- package/docs/functions/Action.html +10 -9
- package/docs/functions/Button.html +10 -9
- package/docs/functions/Card.html +10 -9
- package/docs/functions/Checkbox.html +10 -9
- package/docs/functions/Choice.html +13 -12
- package/docs/functions/ColorPicker.html +134 -0
- package/docs/functions/CoveringLoader.html +10 -9
- package/docs/functions/DirectionPad.html +10 -9
- package/docs/functions/EqualActions.html +10 -9
- package/docs/functions/FullLoader.html +10 -9
- package/docs/functions/HandleEsc.html +10 -9
- package/docs/functions/Header.html +10 -9
- package/docs/functions/HeaderIconAction.html +10 -9
- package/docs/functions/Icon-1.html +10 -9
- package/docs/functions/If.html +10 -9
- package/docs/functions/Input.html +11 -10
- package/docs/functions/KeyValue.html +10 -9
- package/docs/functions/Label.html +12 -11
- package/docs/functions/Line.html +10 -9
- package/docs/functions/List-1.html +10 -9
- package/docs/functions/Loader.html +10 -9
- package/docs/functions/Loading.html +10 -9
- package/docs/functions/Message.html +10 -9
- package/docs/functions/Modal-1.html +10 -9
- package/docs/functions/ModalButtons.html +10 -9
- package/docs/functions/PopLoader.html +10 -9
- package/docs/functions/PopOption.html +10 -9
- package/docs/functions/Progress.html +10 -9
- package/docs/functions/SearchContainer.html +10 -9
- package/docs/functions/Section.html +10 -9
- package/docs/functions/Select.html +14 -13
- package/docs/functions/Selector.html +11 -10
- package/docs/functions/Spacer.html +10 -9
- package/docs/functions/Stats.html +10 -9
- package/docs/functions/StickyHeader.html +10 -9
- package/docs/functions/Table.html +10 -9
- package/docs/functions/TextArea.html +10 -9
- package/docs/functions/Toggle.html +12 -11
- package/docs/functions/ToolButton.html +10 -9
- package/docs/functions/borderPxToRem.html +11 -10
- package/docs/functions/createTheme.html +10 -9
- package/docs/functions/css.html +10 -9
- package/docs/functions/dimensionsPxToRem.html +11 -10
- package/docs/functions/fontPxToRem.html +11 -10
- package/docs/functions/getCssText.html +10 -9
- package/docs/functions/globalCss.html +10 -9
- package/docs/functions/keyframes.html +10 -9
- package/docs/functions/pxToRem.html +11 -10
- package/docs/functions/styled.html +10 -9
- package/docs/functions/useToaster.html +11 -10
- package/docs/index.html +10 -9
- package/docs/interfaces/IconProps.html +7 -7
- package/docs/interfaces/InputCustomProps.html +11 -11
- package/docs/interfaces/LabelProps.html +103 -0
- package/docs/interfaces/StickyHeaderProps.html +9 -9
- package/docs/interfaces/{ChoiceProps.html → ToggleProps.html} +59 -48
- package/docs/modules/List.html +7 -7
- package/docs/modules/Modal.html +6 -6
- package/docs/modules.html +14 -12
- package/docs/pages/tutorials/Test.html +10 -9
- package/docs/types/ActionProps.html +11 -10
- package/docs/{variables/ValueClassName.html → types/ChoiceProps.html} +26 -20
- package/docs/types/InputProps.html +11 -10
- package/docs/types/OverwriteProps.html +11 -10
- package/docs/types/ThemeCSS.html +11 -10
- package/docs/variables/List.Header.html +5 -5
- package/docs/variables/List.Item.html +5 -5
- package/docs/variables/Modal.RemovePadding.html +5 -5
- package/docs/variables/config.html +11 -10
- package/docs/variables/cssReset.html +11 -10
- package/docs/variables/miuiScrollbars.html +11 -10
- package/docs/variables/theme.html +11 -10
- package/esm/components/form/ColorPicker.d.ts +14 -0
- package/esm/components/form/ColorPicker.d.ts.map +1 -0
- package/esm/components/form/ColorPicker.js +26 -0
- package/esm/components/form/ColorPicker.js.map +1 -0
- package/esm/components/form/ColorPicker.styled.d.ts +170 -0
- package/esm/components/form/ColorPicker.styled.d.ts.map +1 -0
- package/esm/components/form/ColorPicker.styled.js +58 -0
- package/esm/components/form/ColorPicker.styled.js.map +1 -0
- package/esm/components/form/Label.d.ts +4 -2
- package/esm/components/form/Label.d.ts.map +1 -1
- package/esm/components/form/Label.js +8 -12
- package/esm/components/form/Label.js.map +1 -1
- package/esm/components/form/Label.styled.d.ts +170 -0
- package/esm/components/form/Label.styled.d.ts.map +1 -0
- package/esm/components/form/Label.styled.js +21 -0
- package/esm/components/form/Label.styled.js.map +1 -0
- package/esm/components/form/Toggle.d.ts +4 -2
- package/esm/components/form/Toggle.d.ts.map +1 -1
- package/esm/components/form/Toggle.js +10 -13
- package/esm/components/form/Toggle.js.map +1 -1
- package/esm/components/form/Toggle.styled.d.ts +170 -0
- package/esm/components/form/Toggle.styled.d.ts.map +1 -0
- package/esm/components/form/Toggle.styled.js +54 -0
- package/esm/components/form/Toggle.styled.js.map +1 -0
- package/esm/components/form/choice/Choice.d.ts +5 -4
- package/esm/components/form/choice/Choice.d.ts.map +1 -1
- package/esm/components/form/choice/Choice.js +6 -9
- package/esm/components/form/choice/Choice.js.map +1 -1
- package/esm/components/form/choice/Choice.styled.d.ts +88 -0
- package/esm/components/form/choice/Choice.styled.d.ts.map +1 -0
- package/esm/components/form/choice/Choice.styled.js +63 -0
- package/esm/components/form/choice/Choice.styled.js.map +1 -0
- package/esm/components/layout/header/Header.styled.d.ts +1 -1
- package/esm/components/layout/header/StickyHeader.d.ts +92 -7
- package/esm/components/layout/header/StickyHeader.d.ts.map +1 -1
- package/esm/components/layout/header/StickyHeader.js +10 -5
- package/esm/components/layout/header/StickyHeader.js.map +1 -1
- package/esm/components/layout/header/StickyHeader.styled.d.ts +2 -2
- package/esm/components/ui/progress/Progress.d.ts +8 -4
- package/esm/components/ui/progress/Progress.d.ts.map +1 -1
- package/esm/components/ui/progress/Progress.js +9 -5
- package/esm/components/ui/progress/Progress.js.map +1 -1
- package/esm/components/utils/colors.d.ts +4 -0
- package/esm/components/utils/colors.d.ts.map +1 -0
- package/esm/components/utils/colors.js +15 -0
- package/esm/components/utils/colors.js.map +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/types/fnWithProps.d.ts +3 -0
- package/esm/types/fnWithProps.d.ts.map +1 -0
- package/esm/types/fnWithProps.js +5 -0
- package/esm/types/fnWithProps.js.map +1 -0
- package/package.json +28 -31
- package/src/components/form/ColorPicker.stories.tsx +169 -0
- package/src/components/form/ColorPicker.styled.ts +69 -0
- package/src/components/form/ColorPicker.tsx +71 -0
- package/src/components/form/Label.stories.tsx +66 -0
- package/src/components/form/Label.styled.ts +27 -0
- package/src/components/form/Label.tsx +19 -18
- package/src/components/form/Toggle.stories.tsx +119 -0
- package/src/components/form/Toggle.styled.ts +64 -0
- package/src/components/form/Toggle.tsx +32 -20
- package/src/components/form/choice/Choice.js +32 -0
- package/src/components/form/choice/Choice.stories.tsx +146 -0
- package/src/components/form/choice/Choice.styled.js +65 -0
- package/src/components/form/choice/Choice.styled.ts +73 -0
- package/src/components/form/choice/Choice.tsx +17 -21
- package/src/components/layout/header/StickyHeader.tsx +13 -11
- package/src/components/ui/progress/Progress.stories.tsx +2 -2
- package/src/components/ui/progress/Progress.tsx +17 -6
- package/src/components/utils/colors.ts +22 -0
- package/src/demo/componentsMap.ts +0 -21
- package/src/index.ts +1 -0
- package/src/theme.js +98 -0
- package/src/types/fnWithProps.ts +16 -0
- package/src/types/form.js +2 -0
- package/src/utils/index.js +19 -0
- package/src/utils/makeVariants.js +13 -0
- package/src/utils/toObjectValue.js +7 -0
- package/src/utils/useKeyPress.js +29 -0
- package/dist/components/form/Checkbox.stories.d.ts +0 -9
- package/dist/components/form/Checkbox.stories.d.ts.map +0 -1
- package/dist/components/form/Checkbox.stories.js +0 -117
- package/dist/components/form/Checkbox.stories.js.map +0 -1
- package/dist/components/form/Label.module.scss +0 -15
- package/dist/components/form/Select.stories.d.ts +0 -8
- package/dist/components/form/Select.stories.d.ts.map +0 -1
- package/dist/components/form/Select.stories.js +0 -30
- package/dist/components/form/Select.stories.js.map +0 -1
- package/dist/components/form/Toggle.module.scss +0 -55
- package/dist/components/form/choice/Choice.module.scss +0 -56
- package/dist/components/form/input/Input.stories.d.ts +0 -9
- package/dist/components/form/input/Input.stories.d.ts.map +0 -1
- package/dist/components/form/input/Input.stories.js +0 -46
- package/dist/components/form/input/Input.stories.js.map +0 -1
- package/dist/components/form/textarea/TextArea.stories.d.ts +0 -8
- package/dist/components/form/textarea/TextArea.stories.d.ts.map +0 -1
- package/dist/components/form/textarea/TextArea.stories.js +0 -22
- package/dist/components/form/textarea/TextArea.stories.js.map +0 -1
- package/dist/components/layout/header/Header.stories.d.ts +0 -11
- package/dist/components/layout/header/Header.stories.d.ts.map +0 -1
- package/dist/components/layout/header/Header.stories.js +0 -65
- package/dist/components/layout/header/Header.stories.js.map +0 -1
- package/dist/components/layout/header/HeaderIconAction.stories.d.ts +0 -9
- package/dist/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
- package/dist/components/layout/header/HeaderIconAction.stories.js +0 -43
- package/dist/components/layout/header/HeaderIconAction.stories.js.map +0 -1
- package/dist/components/layout/header/StickyHeader.stories.d.ts +0 -9
- package/dist/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
- package/dist/components/layout/header/StickyHeader.stories.js +0 -97
- package/dist/components/layout/header/StickyHeader.stories.js.map +0 -1
- package/dist/components/layout/list/Header.stories.d.ts +0 -8
- package/dist/components/layout/list/Header.stories.d.ts.map +0 -1
- package/dist/components/layout/list/Header.stories.js +0 -33
- package/dist/components/layout/list/Header.stories.js.map +0 -1
- package/dist/components/layout/list/Item.stories.d.ts +0 -11
- package/dist/components/layout/list/Item.stories.d.ts.map +0 -1
- package/dist/components/layout/list/Item.stories.js +0 -105
- package/dist/components/layout/list/Item.stories.js.map +0 -1
- package/dist/components/layout/list/Label.stories.d.ts +0 -8
- package/dist/components/layout/list/Label.stories.d.ts.map +0 -1
- package/dist/components/layout/list/Label.stories.js +0 -35
- package/dist/components/layout/list/Label.stories.js.map +0 -1
- package/dist/components/layout/list/List.stories.d.ts +0 -9
- package/dist/components/layout/list/List.stories.d.ts.map +0 -1
- package/dist/components/layout/list/List.stories.js +0 -53
- package/dist/components/layout/list/List.stories.js.map +0 -1
- package/dist/components/layout/list/Value.stories.d.ts +0 -8
- package/dist/components/layout/list/Value.stories.d.ts.map +0 -1
- package/dist/components/layout/list/Value.stories.js +0 -29
- package/dist/components/layout/list/Value.stories.js.map +0 -1
- package/dist/components/layout/section/Section.stories.d.ts +0 -8
- package/dist/components/layout/section/Section.stories.d.ts.map +0 -1
- package/dist/components/layout/section/Section.stories.js +0 -37
- package/dist/components/layout/section/Section.stories.js.map +0 -1
- package/dist/components/layout/table/Table.stories.d.ts +0 -8
- package/dist/components/layout/table/Table.stories.d.ts.map +0 -1
- package/dist/components/layout/table/Table.stories.js +0 -55
- package/dist/components/layout/table/Table.stories.js.map +0 -1
- package/dist/components/ui/action/Action.stories.d.ts +0 -11
- package/dist/components/ui/action/Action.stories.d.ts.map +0 -1
- package/dist/components/ui/action/Action.stories.js +0 -67
- package/dist/components/ui/action/Action.stories.js.map +0 -1
- package/dist/components/ui/button/Button.stories.d.ts +0 -9
- package/dist/components/ui/button/Button.stories.d.ts.map +0 -1
- package/dist/components/ui/button/Button.stories.js +0 -72
- package/dist/components/ui/button/Button.stories.js.map +0 -1
- package/dist/components/ui/line/Line.stories.d.ts +0 -8
- package/dist/components/ui/line/Line.stories.d.ts.map +0 -1
- package/dist/components/ui/line/Line.stories.js +0 -33
- package/dist/components/ui/line/Line.stories.js.map +0 -1
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
- package/dist/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
- package/dist/components/ui/loader/CoveringLoader.stories.js +0 -31
- package/dist/components/ui/loader/CoveringLoader.stories.js.map +0 -1
- package/dist/components/ui/loader/FullLoader.stories.d.ts +0 -8
- package/dist/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
- package/dist/components/ui/loader/FullLoader.stories.js +0 -25
- package/dist/components/ui/loader/FullLoader.stories.js.map +0 -1
- package/dist/components/ui/loader/Loader.stories.d.ts +0 -8
- package/dist/components/ui/loader/Loader.stories.d.ts.map +0 -1
- package/dist/components/ui/loader/Loader.stories.js +0 -26
- package/dist/components/ui/loader/Loader.stories.js.map +0 -1
- package/dist/components/ui/loader/Loading.stories.d.ts +0 -8
- package/dist/components/ui/loader/Loading.stories.d.ts.map +0 -1
- package/dist/components/ui/loader/Loading.stories.js +0 -38
- package/dist/components/ui/loader/Loading.stories.js.map +0 -1
- package/dist/components/ui/loader/PopLoader.stories.d.ts +0 -8
- package/dist/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
- package/dist/components/ui/loader/PopLoader.stories.js +0 -30
- package/dist/components/ui/loader/PopLoader.stories.js.map +0 -1
- package/dist/components/ui/message/Message.stories.d.ts +0 -9
- package/dist/components/ui/message/Message.stories.d.ts.map +0 -1
- package/dist/components/ui/message/Message.stories.js +0 -50
- package/dist/components/ui/message/Message.stories.js.map +0 -1
- package/dist/components/ui/modal/Modal.stories.d.ts +0 -10
- package/dist/components/ui/modal/Modal.stories.d.ts.map +0 -1
- package/dist/components/ui/modal/Modal.stories.js +0 -122
- package/dist/components/ui/modal/Modal.stories.js.map +0 -1
- package/dist/components/ui/modal/ModalButtons.stories.d.ts +0 -8
- package/dist/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
- package/dist/components/ui/modal/ModalButtons.stories.js +0 -25
- package/dist/components/ui/modal/ModalButtons.stories.js.map +0 -1
- package/dist/components/ui/pop/Pop.stories.d.ts +0 -8
- package/dist/components/ui/pop/Pop.stories.d.ts.map +0 -1
- package/dist/components/ui/pop/Pop.stories.js +0 -101
- package/dist/components/ui/pop/Pop.stories.js.map +0 -1
- package/dist/components/ui/progress/Progress.stories.d.ts +0 -9
- package/dist/components/ui/progress/Progress.stories.d.ts.map +0 -1
- package/dist/components/ui/progress/Progress.stories.js +0 -36
- package/dist/components/ui/progress/Progress.stories.js.map +0 -1
- package/dist/components/ui/toaster/Toaster.stories.d.ts +0 -7
- package/dist/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
- package/dist/components/ui/toaster/Toaster.stories.js +0 -45
- package/dist/components/ui/toaster/Toaster.stories.js.map +0 -1
- package/dist/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
- package/dist/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
- package/dist/components/ui/toolButton/ToolButton.stories.js +0 -35
- package/dist/components/ui/toolButton/ToolButton.stories.js.map +0 -1
- package/docs/variables/BackgroundClassName.html +0 -116
- package/esm/components/form/Checkbox.stories.d.ts +0 -9
- package/esm/components/form/Checkbox.stories.d.ts.map +0 -1
- package/esm/components/form/Checkbox.stories.js +0 -80
- package/esm/components/form/Checkbox.stories.js.map +0 -1
- package/esm/components/form/Label.module.scss +0 -15
- package/esm/components/form/Select.stories.d.ts +0 -8
- package/esm/components/form/Select.stories.d.ts.map +0 -1
- package/esm/components/form/Select.stories.js +0 -24
- package/esm/components/form/Select.stories.js.map +0 -1
- package/esm/components/form/Toggle.module.scss +0 -55
- package/esm/components/form/choice/Choice.module.scss +0 -56
- package/esm/components/form/input/Input.stories.d.ts +0 -9
- package/esm/components/form/input/Input.stories.d.ts.map +0 -1
- package/esm/components/form/input/Input.stories.js +0 -39
- package/esm/components/form/input/Input.stories.js.map +0 -1
- package/esm/components/form/textarea/TextArea.stories.d.ts +0 -8
- package/esm/components/form/textarea/TextArea.stories.d.ts.map +0 -1
- package/esm/components/form/textarea/TextArea.stories.js +0 -19
- package/esm/components/form/textarea/TextArea.stories.js.map +0 -1
- package/esm/components/layout/header/Header.stories.d.ts +0 -11
- package/esm/components/layout/header/Header.stories.d.ts.map +0 -1
- package/esm/components/layout/header/Header.stories.js +0 -56
- package/esm/components/layout/header/Header.stories.js.map +0 -1
- package/esm/components/layout/header/HeaderIconAction.stories.d.ts +0 -9
- package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
- package/esm/components/layout/header/HeaderIconAction.stories.js +0 -24
- package/esm/components/layout/header/HeaderIconAction.stories.js.map +0 -1
- package/esm/components/layout/header/StickyHeader.stories.d.ts +0 -9
- package/esm/components/layout/header/StickyHeader.stories.d.ts.map +0 -1
- package/esm/components/layout/header/StickyHeader.stories.js +0 -60
- package/esm/components/layout/header/StickyHeader.stories.js.map +0 -1
- package/esm/components/layout/list/Header.stories.d.ts +0 -8
- package/esm/components/layout/list/Header.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Header.stories.js +0 -27
- package/esm/components/layout/list/Header.stories.js.map +0 -1
- package/esm/components/layout/list/Item.stories.d.ts +0 -11
- package/esm/components/layout/list/Item.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Item.stories.js +0 -100
- package/esm/components/layout/list/Item.stories.js.map +0 -1
- package/esm/components/layout/list/Label.stories.d.ts +0 -8
- package/esm/components/layout/list/Label.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Label.stories.js +0 -29
- package/esm/components/layout/list/Label.stories.js.map +0 -1
- package/esm/components/layout/list/List.stories.d.ts +0 -9
- package/esm/components/layout/list/List.stories.d.ts.map +0 -1
- package/esm/components/layout/list/List.stories.js +0 -46
- package/esm/components/layout/list/List.stories.js.map +0 -1
- package/esm/components/layout/list/Value.stories.d.ts +0 -8
- package/esm/components/layout/list/Value.stories.d.ts.map +0 -1
- package/esm/components/layout/list/Value.stories.js +0 -23
- package/esm/components/layout/list/Value.stories.js.map +0 -1
- package/esm/components/layout/section/Section.stories.d.ts +0 -8
- package/esm/components/layout/section/Section.stories.d.ts.map +0 -1
- package/esm/components/layout/section/Section.stories.js +0 -31
- package/esm/components/layout/section/Section.stories.js.map +0 -1
- package/esm/components/layout/table/Table.stories.d.ts +0 -8
- package/esm/components/layout/table/Table.stories.d.ts.map +0 -1
- package/esm/components/layout/table/Table.stories.js +0 -49
- package/esm/components/layout/table/Table.stories.js.map +0 -1
- package/esm/components/ui/action/Action.stories.d.ts +0 -11
- package/esm/components/ui/action/Action.stories.d.ts.map +0 -1
- package/esm/components/ui/action/Action.stories.js +0 -58
- package/esm/components/ui/action/Action.stories.js.map +0 -1
- package/esm/components/ui/button/Button.stories.d.ts +0 -9
- package/esm/components/ui/button/Button.stories.d.ts.map +0 -1
- package/esm/components/ui/button/Button.stories.js +0 -35
- package/esm/components/ui/button/Button.stories.js.map +0 -1
- package/esm/components/ui/line/Line.stories.d.ts +0 -8
- package/esm/components/ui/line/Line.stories.d.ts.map +0 -1
- package/esm/components/ui/line/Line.stories.js +0 -27
- package/esm/components/ui/line/Line.stories.js.map +0 -1
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/CoveringLoader.stories.js +0 -25
- package/esm/components/ui/loader/CoveringLoader.stories.js.map +0 -1
- package/esm/components/ui/loader/FullLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/FullLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/FullLoader.stories.js +0 -19
- package/esm/components/ui/loader/FullLoader.stories.js.map +0 -1
- package/esm/components/ui/loader/Loader.stories.d.ts +0 -8
- package/esm/components/ui/loader/Loader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/Loader.stories.js +0 -23
- package/esm/components/ui/loader/Loader.stories.js.map +0 -1
- package/esm/components/ui/loader/Loading.stories.d.ts +0 -8
- package/esm/components/ui/loader/Loading.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/Loading.stories.js +0 -32
- package/esm/components/ui/loader/Loading.stories.js.map +0 -1
- package/esm/components/ui/loader/PopLoader.stories.d.ts +0 -8
- package/esm/components/ui/loader/PopLoader.stories.d.ts.map +0 -1
- package/esm/components/ui/loader/PopLoader.stories.js +0 -24
- package/esm/components/ui/loader/PopLoader.stories.js.map +0 -1
- package/esm/components/ui/message/Message.stories.d.ts +0 -9
- package/esm/components/ui/message/Message.stories.d.ts.map +0 -1
- package/esm/components/ui/message/Message.stories.js +0 -43
- package/esm/components/ui/message/Message.stories.js.map +0 -1
- package/esm/components/ui/modal/Modal.stories.d.ts +0 -10
- package/esm/components/ui/modal/Modal.stories.d.ts.map +0 -1
- package/esm/components/ui/modal/Modal.stories.js +0 -84
- package/esm/components/ui/modal/Modal.stories.js.map +0 -1
- package/esm/components/ui/modal/ModalButtons.stories.d.ts +0 -8
- package/esm/components/ui/modal/ModalButtons.stories.d.ts.map +0 -1
- package/esm/components/ui/modal/ModalButtons.stories.js +0 -19
- package/esm/components/ui/modal/ModalButtons.stories.js.map +0 -1
- package/esm/components/ui/pop/Pop.stories.d.ts +0 -8
- package/esm/components/ui/pop/Pop.stories.d.ts.map +0 -1
- package/esm/components/ui/pop/Pop.stories.js +0 -65
- package/esm/components/ui/pop/Pop.stories.js.map +0 -1
- package/esm/components/ui/progress/Progress.stories.d.ts +0 -9
- package/esm/components/ui/progress/Progress.stories.d.ts.map +0 -1
- package/esm/components/ui/progress/Progress.stories.js +0 -29
- package/esm/components/ui/progress/Progress.stories.js.map +0 -1
- package/esm/components/ui/toaster/Toaster.stories.d.ts +0 -7
- package/esm/components/ui/toaster/Toaster.stories.d.ts.map +0 -1
- package/esm/components/ui/toaster/Toaster.stories.js +0 -39
- package/esm/components/ui/toaster/Toaster.stories.js.map +0 -1
- package/esm/components/ui/toolButton/ToolButton.stories.d.ts +0 -8
- package/esm/components/ui/toolButton/ToolButton.stories.d.ts.map +0 -1
- package/esm/components/ui/toolButton/ToolButton.stories.js +0 -29
- package/esm/components/ui/toolButton/ToolButton.stories.js.map +0 -1
- package/pnpm-lock.yaml +0 -11119
- package/src/components/form/Label.module.scss +0 -15
- package/src/components/form/Toggle.module.scss +0 -55
- package/src/components/form/choice/Choice.module.scss +0 -56
- package/src/demo/components/form/Choice.module.scss +0 -7
- package/src/demo/components/form/Choice.tsx +0 -63
- package/src/demo/components/form/Label.tsx +0 -13
- package/src/demo/components/form/Toggle.tsx +0 -60
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Label } from "./Label.js";
|
|
3
|
-
import { List } from "./List.js";
|
|
4
|
-
import { Item } from "./Item.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Layout/List/Label",
|
|
7
|
-
component: Label,
|
|
8
|
-
tags: ["autodocs", "layout"],
|
|
9
|
-
argTypes: {
|
|
10
|
-
sub: {
|
|
11
|
-
type: "string",
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
const Primary = {
|
|
16
|
-
args: {
|
|
17
|
-
children: "I am a label",
|
|
18
|
-
sub: "Sub text",
|
|
19
|
-
},
|
|
20
|
-
render: (args) => {
|
|
21
|
-
return (React.createElement(List, null,
|
|
22
|
-
React.createElement(Item, null,
|
|
23
|
-
React.createElement(Label, { ...args })),
|
|
24
|
-
React.createElement(Item, null, "I am classic list item")));
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export { Primary, };
|
|
28
|
-
export default meta;
|
|
29
|
-
//# sourceMappingURL=Label.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,GAAG,EAAE;YACD,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,GAAG,EAAE,UAAU;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI;gBACD,oBAAC,KAAK,OAAK,IAAI,GAAI,CAChB;YACP,oBAAC,IAAI,iCAEE,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { List } from "./List";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof List>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
declare const FullFeaturedExample: Story;
|
|
7
|
-
export { Primary, FullFeaturedExample, };
|
|
8
|
-
export default meta;
|
|
9
|
-
//# sourceMappingURL=List.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KAYd,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAE,KAyC1B,CAAC;AAEF,OAAO,EACH,OAAO,EACP,mBAAmB,GACtB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Icon, ICON } from "../../icons/Icon.js";
|
|
3
|
-
import { List } from "./List.js";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Components/Layout/List/List",
|
|
6
|
-
component: List,
|
|
7
|
-
tags: ["autodocs", "layout"],
|
|
8
|
-
argTypes: {
|
|
9
|
-
inset: {
|
|
10
|
-
type: "boolean",
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
const Primary = {
|
|
15
|
-
args: {
|
|
16
|
-
inset: false,
|
|
17
|
-
},
|
|
18
|
-
render: (args) => {
|
|
19
|
-
return (React.createElement(List, { ...args },
|
|
20
|
-
React.createElement(List.Item, null, "I am a list item"),
|
|
21
|
-
React.createElement(List.Item, null, "I am a list item")));
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
const FullFeaturedExample = {
|
|
25
|
-
render: (args) => {
|
|
26
|
-
return (React.createElement(List, null,
|
|
27
|
-
React.createElement(List.Header, null, "GPS settings"),
|
|
28
|
-
React.createElement(List.Item, null,
|
|
29
|
-
React.createElement(List.Item.Label, { sub: "Higher precision means higher battery usage" }, "GPS precision"),
|
|
30
|
-
React.createElement(List.Item.Value, null, "Low"),
|
|
31
|
-
React.createElement(Icon, { name: ICON.forward })),
|
|
32
|
-
React.createElement(List.Item, null,
|
|
33
|
-
React.createElement(List.Item, null, "Something")),
|
|
34
|
-
React.createElement(List.Header, null, "Last trips"),
|
|
35
|
-
React.createElement(List.Item, null, "Portugal"),
|
|
36
|
-
React.createElement(List.Item, null,
|
|
37
|
-
React.createElement(List.Item.Label, { sub: "Visited 2 times in last year" }, "Poland")),
|
|
38
|
-
React.createElement(List.Item, null, "Sweden"),
|
|
39
|
-
React.createElement(List.Header, null, "Choose one option"),
|
|
40
|
-
React.createElement(List.Item, { selected: true }, "yes"),
|
|
41
|
-
React.createElement(List.Item, { selected: false }, "no")));
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
export { Primary, FullFeaturedExample, };
|
|
45
|
-
export default meta;
|
|
46
|
-
//# sourceMappingURL=List.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/List.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI,OAAK,IAAI;YACV,oBAAC,IAAI,CAAC,IAAI,2BAA6B;YACvC,oBAAC,IAAI,CAAC,IAAI,2BAA6B,CACpC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,mBAAmB,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI,CAAC,MAAM,uBAA2B;YACvC,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,6CAA6C,oBAEjD;gBAClB,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,cAEE;gBAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,CACpB;YACZ,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,oBAEE,CACJ;YACZ,oBAAC,IAAI,CAAC,MAAM,qBAEE;YACd,oBAAC,IAAI,CAAC,IAAI,mBAEE;YACZ,oBAAC,IAAI,CAAC,IAAI;gBACN,oBAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAC,GAAG,EAAE,8BAA8B,aAElC,CACV;YACZ,oBAAC,IAAI,CAAC,IAAI,iBAEE;YACZ,oBAAC,IAAI,CAAC,MAAM,4BAEE;YACd,oBAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,UAAiB;YAC1C,oBAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAE,KAAK,SAAgB,CACvC,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,mBAAmB,GACtB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Value } from "./Value";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Value>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=Value.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Value.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Value } from "./Value.js";
|
|
3
|
-
import { List } from "./List.js";
|
|
4
|
-
import { Item } from "./Item.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Layout/List/Value",
|
|
7
|
-
component: Value,
|
|
8
|
-
tags: ["autodocs", "layout"],
|
|
9
|
-
};
|
|
10
|
-
const Primary = {
|
|
11
|
-
args: {
|
|
12
|
-
children: "23,4*C",
|
|
13
|
-
},
|
|
14
|
-
render: (args) => {
|
|
15
|
-
return (React.createElement(List, null,
|
|
16
|
-
React.createElement(Item, null,
|
|
17
|
-
React.createElement("div", null, "Some label"),
|
|
18
|
-
React.createElement(Value, { ...args }))));
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export { Primary, };
|
|
22
|
-
export default meta;
|
|
23
|
-
//# sourceMappingURL=Value.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Value.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;CAC/B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;KACrB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,IAAI;YACD,oBAAC,IAAI;gBACD,8CAAqB;gBACrB,oBAAC,KAAK,OAAK,IAAI,GAAI,CAChB,CACJ,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Section } from "./Section";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Section>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=Section.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAsBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { List } from "../list/List.js";
|
|
3
|
-
import { Item } from "../list/Item.js";
|
|
4
|
-
import { Section } from "./Section.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Layout/Section",
|
|
7
|
-
component: Section,
|
|
8
|
-
tags: ["autodocs", "layout"],
|
|
9
|
-
argTypes: {
|
|
10
|
-
vertical: {
|
|
11
|
-
type: "boolean",
|
|
12
|
-
},
|
|
13
|
-
horizontal: {
|
|
14
|
-
type: "boolean",
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
const Primary = {
|
|
19
|
-
args: {},
|
|
20
|
-
render: (args) => (React.createElement("div", { style: { border: "1px solid #ddd" } },
|
|
21
|
-
React.createElement(Section.Container, null,
|
|
22
|
-
React.createElement(Section, { ...args }, "This is an example section, arguments in the arguments table are applied only to this section. By default sections do not have any padding, so you can place elements that should touch the edges. Use `vertical` and `horizontal` arguments to add padding."),
|
|
23
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "Some section"),
|
|
24
|
-
React.createElement(Section, null,
|
|
25
|
-
React.createElement(List, null,
|
|
26
|
-
React.createElement(Item, null, "Some item"),
|
|
27
|
-
React.createElement(Item, null, "Some item")))))),
|
|
28
|
-
};
|
|
29
|
-
export { Primary, };
|
|
30
|
-
export default meta;
|
|
31
|
-
//# sourceMappingURL=Section.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACd,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACpC,oBAAC,OAAO,CAAC,SAAS;YACd,oBAAC,OAAO,OAAK,IAAI,mQAIP;YACV,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,mBAE/B;YACV,oBAAC,OAAO;gBACJ,oBAAC,IAAI;oBACD,oBAAC,IAAI,oBAAiB;oBACtB,oBAAC,IAAI,oBAAiB,CACnB,CACD,CACM,CAClB,CACT;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Table } from "./Table";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Table>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export default meta;
|
|
7
|
-
export { Primary, };
|
|
8
|
-
//# sourceMappingURL=Table.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KA4Cd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Table } from "./Table.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/Layout/Table/Table",
|
|
5
|
-
component: Table,
|
|
6
|
-
tags: ["autodocs", "layout"],
|
|
7
|
-
argTypes: {},
|
|
8
|
-
args: {
|
|
9
|
-
striped: true,
|
|
10
|
-
wide: true,
|
|
11
|
-
centered: true,
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
const Primary = {
|
|
15
|
-
render: args => (React.createElement(Table, { ...args },
|
|
16
|
-
React.createElement("thead", null,
|
|
17
|
-
React.createElement("tr", null,
|
|
18
|
-
React.createElement("th", null, "Name"),
|
|
19
|
-
React.createElement("th", null, "Age"),
|
|
20
|
-
React.createElement("th", null, "Actions"))),
|
|
21
|
-
React.createElement("tbody", null,
|
|
22
|
-
React.createElement("tr", null,
|
|
23
|
-
React.createElement("td", null, "Stefan"),
|
|
24
|
-
React.createElement("td", null, "41"),
|
|
25
|
-
React.createElement("td", null, "edit")),
|
|
26
|
-
React.createElement("tr", null,
|
|
27
|
-
React.createElement("td", null, "Juliette"),
|
|
28
|
-
React.createElement("td", null, "23"),
|
|
29
|
-
React.createElement("td", null, "edit")),
|
|
30
|
-
React.createElement("tr", null,
|
|
31
|
-
React.createElement("td", null, "Amy"),
|
|
32
|
-
React.createElement("td", null, "55"),
|
|
33
|
-
React.createElement("td", null, "edit")),
|
|
34
|
-
React.createElement("tr", null,
|
|
35
|
-
React.createElement("td", null, "Stefan"),
|
|
36
|
-
React.createElement("td", null, "41"),
|
|
37
|
-
React.createElement("td", null, "edit")),
|
|
38
|
-
React.createElement("tr", null,
|
|
39
|
-
React.createElement("td", null, "Juliette"),
|
|
40
|
-
React.createElement("td", null, "23"),
|
|
41
|
-
React.createElement("td", null, "edit")),
|
|
42
|
-
React.createElement("tr", null,
|
|
43
|
-
React.createElement("td", null, "Amy"),
|
|
44
|
-
React.createElement("td", null, "55"),
|
|
45
|
-
React.createElement("td", null, "edit"))))),
|
|
46
|
-
};
|
|
47
|
-
export default meta;
|
|
48
|
-
export { Primary, };
|
|
49
|
-
//# sourceMappingURL=Table.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,KAAK;IAChB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,IAAI;KACjB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACZ,oBAAC,KAAK,OAAK,IAAI;QACX;YACI;gBACI,uCAAa;gBACb,sCAAY;gBACZ,0CAAgB,CACf,CACD;QACR;YACI;gBACI,yCAAe;gBACf,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,2CAAiB;gBACjB,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,sCAAY;gBACZ,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,yCAAe;gBACf,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,2CAAiB;gBACjB,qCAAW;gBACX,uCAAa,CACZ;YACL;gBACI,sCAAY;gBACZ,qCAAW;gBACX,uCAAa,CACZ,CACD,CACJ,CACX;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Action } from "./Action";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Action>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
declare const Button: Story;
|
|
7
|
-
declare const Link: Story;
|
|
8
|
-
declare const WithCustomLink: Story;
|
|
9
|
-
export { Primary, Button, Link, WithCustomLink, };
|
|
10
|
-
export default meta;
|
|
11
|
-
//# sourceMappingURL=Action.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Action.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAeX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAMb,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,KAMX,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAgBrB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,MAAM,EACN,IAAI,EACJ,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Action } from "./Action.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/UI/Action",
|
|
5
|
-
component: Action,
|
|
6
|
-
tags: ["autodocs", "ui"],
|
|
7
|
-
args: {
|
|
8
|
-
badge: "",
|
|
9
|
-
},
|
|
10
|
-
argTypes: {
|
|
11
|
-
badge: {
|
|
12
|
-
control: {
|
|
13
|
-
type: "text",
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
href: { type: "string" },
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
const Primary = {
|
|
20
|
-
args: {
|
|
21
|
-
label: "Section name",
|
|
22
|
-
icon: "checkmark",
|
|
23
|
-
},
|
|
24
|
-
render: (args) => {
|
|
25
|
-
const props = { ...args };
|
|
26
|
-
if (!args.label) {
|
|
27
|
-
delete props.label;
|
|
28
|
-
}
|
|
29
|
-
return (React.createElement(Action, { ...props }));
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
const Button = {
|
|
33
|
-
args: {
|
|
34
|
-
label: "I am a button",
|
|
35
|
-
icon: "checkmark",
|
|
36
|
-
onClick: () => { alert("Clicked"); },
|
|
37
|
-
},
|
|
38
|
-
};
|
|
39
|
-
const Link = {
|
|
40
|
-
args: {
|
|
41
|
-
label: "I am a link",
|
|
42
|
-
icon: "checkmark",
|
|
43
|
-
href: "https://example.com",
|
|
44
|
-
},
|
|
45
|
-
};
|
|
46
|
-
const WithCustomLink = {
|
|
47
|
-
args: {
|
|
48
|
-
label: "I am a custom link",
|
|
49
|
-
icon: "checkmark",
|
|
50
|
-
to: "/subpage",
|
|
51
|
-
Link: (props) => {
|
|
52
|
-
return (React.createElement("a", { href: props.href, onClick: (e) => { e.preventDefault(); alert("I'd take you to " + props.href); } }, props.children));
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
export { Primary, Button, Link, WithCustomLink, };
|
|
57
|
-
export default meta;
|
|
58
|
-
//# sourceMappingURL=Action.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Action.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,EAAE;KACZ;IACD,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC3B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,IAAI,EAAE,WAAW;KACpB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,KAAK,CAAC,KAAK,CAAC;QACvB,CAAC;QACD,OAAO,CACH,oBAAC,MAAM,OAAK,KAAK,GAAI,CACxB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,MAAM,GAAU;IAClB,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;CACJ,CAAC;AAEF,MAAM,IAAI,GAAU;IAChB,IAAI,EAAE;QACF,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,qBAAqB;KAC9B;CACJ,CAAC;AAEF,MAAM,cAAc,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,oBAAoB;QAC3B,IAAI,EAAE,WAAW;QACjB,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE;YACZ,OAAO,CACH,2BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAE9E,KAAK,CAAC,QAAQ,CACf,CACP,CAAC;QACN,CAAC;KACJ;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,MAAM,EACN,IAAI,EACJ,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Button } from "./Button";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Button>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
declare const MultipleAtOnce: Story;
|
|
7
|
-
export { Primary, MultipleAtOnce, };
|
|
8
|
-
export default meta;
|
|
9
|
-
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AASF,QAAA,MAAM,cAAc,EAAE,KAerB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
2
|
-
import { styled } from "../../../theme.js";
|
|
3
|
-
import { Button } from "./Button.js";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Components/UI/Button",
|
|
6
|
-
component: Button,
|
|
7
|
-
tags: ["autodocs", "ui"],
|
|
8
|
-
};
|
|
9
|
-
const Primary = {
|
|
10
|
-
args: {
|
|
11
|
-
children: "Click me",
|
|
12
|
-
onClick: () => { alert("Clicked"); },
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
const Container = styled("div", {
|
|
16
|
-
display: "flex",
|
|
17
|
-
flexDirection: "column",
|
|
18
|
-
alignItems: "flex-start",
|
|
19
|
-
gap: "1rem",
|
|
20
|
-
});
|
|
21
|
-
const MultipleAtOnce = {
|
|
22
|
-
render: () => {
|
|
23
|
-
const handleClick = useCallback(() => {
|
|
24
|
-
alert("Clicked");
|
|
25
|
-
}, []);
|
|
26
|
-
return (React.createElement(Container, null,
|
|
27
|
-
React.createElement(Button, { onClick: handleClick }, "Basic button"),
|
|
28
|
-
React.createElement(Button, { disabled: true, onClick: handleClick }, "Disabled button"),
|
|
29
|
-
React.createElement(Button, { inline: true, onClick: handleClick }, "Inline button"),
|
|
30
|
-
React.createElement(Button, { outline: true, onClick: handleClick }, "Outline button")));
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
export { Primary, MultipleAtOnce, };
|
|
34
|
-
export default meta;
|
|
35
|
-
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KACvC;CACJ,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;YACjC,KAAK,CAAC,SAAS,CAAC,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,CACH,oBAAC,SAAS;YACN,oBAAC,MAAM,IAAC,OAAO,EAAE,WAAW,mBAAuB;YACnD,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,sBAA0B;YACtE,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,oBAAwB;YAClE,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,qBAAyB,CAC5D,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,cAAc,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Line } from "./Line";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Line>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export default meta;
|
|
7
|
-
export { Primary, };
|
|
8
|
-
//# sourceMappingURL=Line.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Line.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/line/Line.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { omit } from "@ezez/utils";
|
|
3
|
-
import { Line } from "./Line.js";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Components/UI/Line",
|
|
6
|
-
component: Line,
|
|
7
|
-
tags: ["autodocs", "ui"],
|
|
8
|
-
argTypes: {
|
|
9
|
-
"--miui-line-size": {
|
|
10
|
-
description: "CSS property that defines length of the line",
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
args: {
|
|
14
|
-
"vertical": false,
|
|
15
|
-
"--miui-line-size": "100px",
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
const Primary = {
|
|
19
|
-
render: (args) => {
|
|
20
|
-
const lineSize = args["--miui-line-size"];
|
|
21
|
-
const props = omit(args, ["--miui-line-size"]);
|
|
22
|
-
return React.createElement(Line, { ...props, css: { "--miui-line-size": lineSize } });
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
export default meta;
|
|
26
|
-
export { Primary, };
|
|
27
|
-
//# sourceMappingURL=Line.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Line.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/line/Line.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAInC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,kBAAkB,EAAE;YAChB,WAAW,EAAE,8CAA8C;SAC9D;KACJ;IACD,IAAI,EAAE;QACF,UAAU,EAAE,KAAK;QACjB,kBAAkB,EAAE,OAAO;KAC9B;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAIb,MAAM,QAAQ,GAAI,IAAkB,CAAC,kBAAkB,CAAC,CAAC;QACzD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAiB,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;QAC5D,OAAO,oBAAC,IAAI,OAAK,KAAK,EAAE,GAAG,EAAE,EAAE,kBAAkB,EAAE,QAAQ,EAAE,GAAI,CAAC;IACtE,CAAC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,OAAO,EACH,OAAO,GACV,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { CoveringLoader } from "./CoveringLoader";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof CoveringLoader>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=CoveringLoader.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CoveringLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,OAAO,EAAE,KAgBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { CoveringLoader } from "./CoveringLoader.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/UI/Loader/CoveringLoader",
|
|
5
|
-
component: CoveringLoader,
|
|
6
|
-
tags: ["autodocs", "ui"],
|
|
7
|
-
};
|
|
8
|
-
const Primary = {
|
|
9
|
-
args: {},
|
|
10
|
-
render: () => {
|
|
11
|
-
return (React.createElement(CoveringLoader, { show: true },
|
|
12
|
-
React.createElement("div", { style: { background: "#f0f0f0" } },
|
|
13
|
-
"some contents",
|
|
14
|
-
React.createElement("br", null),
|
|
15
|
-
"some contents Lorem ipsum etc Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam. some contents",
|
|
16
|
-
React.createElement("br", null),
|
|
17
|
-
"some contents",
|
|
18
|
-
React.createElement("br", null),
|
|
19
|
-
"some contents",
|
|
20
|
-
React.createElement("br", null))));
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
export { Primary, };
|
|
24
|
-
export default meta;
|
|
25
|
-
//# sourceMappingURL=CoveringLoader.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CoveringLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACtB,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;;gBACpB,+BAAM;;gBAGN,+BAAM;;gBACN,+BAAM;;gBACN,+BAAM,CACjB,CACO,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { FullLoader } from "./FullLoader";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof FullLoader>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=FullLoader.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,QAAA,MAAM,OAAO,EAAE,KAYd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FullLoader } from "./FullLoader.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/UI/Loader/FullLoader",
|
|
5
|
-
component: FullLoader,
|
|
6
|
-
tags: ["autodocs", "ui"],
|
|
7
|
-
};
|
|
8
|
-
const Primary = {
|
|
9
|
-
args: {},
|
|
10
|
-
render: () => {
|
|
11
|
-
return (React.createElement(React.Fragment, null,
|
|
12
|
-
"Container:",
|
|
13
|
-
React.createElement("div", { style: { border: "1px solid black", width: 300, height: 300 } },
|
|
14
|
-
React.createElement(FullLoader, null))));
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export { Primary, };
|
|
18
|
-
export default meta;
|
|
19
|
-
//# sourceMappingURL=FullLoader.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FullLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH;;YAEI,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;gBAC9D,oBAAC,UAAU,OAAG,CACZ,CACP,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Loader } from "./Loader";
|
|
3
|
-
declare const meta: Meta<typeof Loader>;
|
|
4
|
-
type Story = StoryObj<typeof Loader>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=Loader.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAY7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Loader } from "./Loader.js";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Components/UI/Loader/Basic",
|
|
4
|
-
component: Loader,
|
|
5
|
-
tags: ["autodocs", "ui"],
|
|
6
|
-
argTypes: {
|
|
7
|
-
show: {
|
|
8
|
-
type: "boolean",
|
|
9
|
-
},
|
|
10
|
-
size: {
|
|
11
|
-
type: "string",
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
const Primary = {
|
|
16
|
-
args: {
|
|
17
|
-
size: 32,
|
|
18
|
-
show: true,
|
|
19
|
-
},
|
|
20
|
-
};
|
|
21
|
-
export { Primary, };
|
|
22
|
-
export default meta;
|
|
23
|
-
//# sourceMappingURL=Loader.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;SACjB;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,IAAI,EAAE,EAAE;QACR,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import { Loading } from "./Loading";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Loading>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=Loading.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAYX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,QAAA,MAAM,OAAO,EAAE,KAcd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { styled } from "../../../theme.js";
|
|
3
|
-
import { Loading } from "./Loading.js";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Components/UI/Loader/Loading",
|
|
6
|
-
component: Loading,
|
|
7
|
-
tags: ["autodocs", "ui"],
|
|
8
|
-
argTypes: {
|
|
9
|
-
data: {
|
|
10
|
-
type: "boolean",
|
|
11
|
-
},
|
|
12
|
-
isLoading: {
|
|
13
|
-
type: "boolean",
|
|
14
|
-
},
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
const Container = styled("div", {
|
|
18
|
-
border: "1px solid black", background: "#ddd", width: 300, height: 300, position: "relative",
|
|
19
|
-
});
|
|
20
|
-
const Primary = {
|
|
21
|
-
args: {
|
|
22
|
-
isLoading: false,
|
|
23
|
-
data: true,
|
|
24
|
-
},
|
|
25
|
-
render: (args) => {
|
|
26
|
-
return (React.createElement(Container, null,
|
|
27
|
-
React.createElement(Loading, { isLoading: Boolean(args.isLoading), data: args.data }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam.")));
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export { Primary, };
|
|
31
|
-
export default meta;
|
|
32
|
-
//# sourceMappingURL=Loading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/Loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;IACxB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;SAClB;QACD,SAAS,EAAE;YACP,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAIF,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,MAAM,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU;CAC/F,CAAC,CAAC;AAEH,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,IAAI;KACb;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,OAAO,CACH,oBAAC,SAAS;YACN,oBAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,oFAElD,CACF,CACf,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|