react-miui 0.32.3 → 0.34.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/.claude/settings.json +12 -0
- package/.claude/settings.local.json +11 -1
- package/.storybook/main.ts +4 -1
- package/.storybook/preview.tsx +10 -4
- package/CHANGELOG.md +16 -0
- package/dist/components/form/Checkbox.styled.d.ts +6 -6
- package/dist/components/form/ColorPicker.styled.d.ts +5 -5
- package/dist/components/form/Label.d.ts +3 -3
- package/dist/components/form/Label.styled.d.ts +5 -5
- package/dist/components/form/Select.styled.d.ts +3 -3
- package/dist/components/form/Toggle.d.ts +3 -3
- package/dist/components/form/Toggle.styled.d.ts +5 -5
- package/dist/components/form/choice/Choice.styled.d.ts +3 -3
- package/dist/components/form/choice/ChoiceItem.styled.d.ts +2 -2
- package/dist/components/form/input/Input.css.d.ts +47 -1
- package/dist/components/form/input/Input.css.d.ts.map +1 -1
- package/dist/components/form/input/Input.css.js +49 -1
- package/dist/components/form/input/Input.css.js.map +1 -1
- package/dist/components/form/input/Input.d.ts +5 -1
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +28 -5
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/input/Input.styled.d.ts +183 -10
- package/dist/components/form/input/Input.styled.d.ts.map +1 -1
- package/dist/components/form/input/Input.styled.js +5 -1
- package/dist/components/form/input/Input.styled.js.map +1 -1
- package/dist/components/form/textarea/TextArea.d.ts +6 -1
- package/dist/components/form/textarea/TextArea.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.js +32 -4
- package/dist/components/form/textarea/TextArea.js.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.d.ts +177 -4
- package/dist/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/dist/components/form/textarea/TextArea.styled.js +10 -2
- package/dist/components/form/textarea/TextArea.styled.js.map +1 -1
- package/dist/components/layout/card/Card.styled.d.ts +3 -3
- package/dist/components/layout/header/Header.styled.d.ts +9 -9
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts +8 -8
- package/dist/components/layout/header/StickyHeader.d.ts +3 -3
- package/dist/components/layout/header/StickyHeader.styled.d.ts +6 -6
- package/dist/components/layout/list/Header.d.ts +7 -7
- package/dist/components/layout/list/Item.d.ts +8 -8
- package/dist/components/layout/list/Item.styled.d.ts +9 -9
- package/dist/components/layout/list/Label.d.ts +2 -2
- package/dist/components/layout/list/List.d.ts +18 -18
- package/dist/components/layout/list/Value.d.ts +2 -2
- package/dist/components/layout/section/SearchContainer.d.ts +2 -2
- package/dist/components/layout/section/Section.d.ts +5 -5
- package/dist/components/layout/section/SectionContainer.d.ts +2 -2
- package/dist/components/layout/table/Table.styled.d.ts +3 -3
- package/dist/components/native/index.d.ts +2 -2
- package/dist/components/ui/action/Action.styled.d.ts +8 -8
- package/dist/components/ui/action/EqualActions.styled.d.ts +3 -3
- package/dist/components/ui/button/Button.styled.d.ts +3 -3
- package/dist/components/ui/directionPad/Button.styled.d.ts +4 -4
- package/dist/components/ui/directionPad/Middle.styled.d.ts +2 -2
- package/dist/components/ui/directionPad/Pad.styled.d.ts +4 -4
- package/dist/components/ui/drawer/Drawer.d.ts +10 -1
- package/dist/components/ui/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/ui/drawer/Drawer.js +135 -15
- package/dist/components/ui/drawer/Drawer.js.map +1 -1
- package/dist/components/ui/drawer/Drawer.styled.d.ts +90 -5
- package/dist/components/ui/drawer/Drawer.styled.d.ts.map +1 -1
- package/dist/components/ui/drawer/Drawer.styled.js +13 -1
- package/dist/components/ui/drawer/Drawer.styled.js.map +1 -1
- package/dist/components/ui/keyValue/KeyValue.styled.d.ts +13 -13
- package/dist/components/ui/line/Line.d.ts +3 -3
- package/dist/components/ui/message/Message.styled.d.ts +3 -3
- package/dist/components/ui/modal/Modal.d.ts +2 -2
- package/dist/components/ui/modal/Modal.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.js.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +10 -10
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/dist/components/ui/pop/Pop.styled.d.ts +12 -12
- package/dist/components/ui/progress/Progress.styled.d.ts +8 -8
- package/dist/components/ui/stats/Stats.styled.d.ts +11 -11
- package/dist/components/ui/tabs/Item.styled.d.ts +2 -2
- package/dist/components/ui/tabs/Selector.styled.d.ts +5 -5
- package/dist/components/ui/toaster/Toaster.d.ts +8 -15
- package/dist/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/dist/components/ui/toaster/Toaster.js +31 -55
- package/dist/components/ui/toaster/Toaster.js.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.styled.d.ts +3 -3
- package/dist/components/ui/tooltip/Tooltip.d.ts +30 -0
- package/dist/components/ui/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/ui/tooltip/Tooltip.js +81 -0
- package/dist/components/ui/tooltip/Tooltip.js.map +1 -0
- package/dist/components/ui/tooltip/Tooltip.styled.d.ts +173 -0
- package/dist/components/ui/tooltip/Tooltip.styled.d.ts.map +1 -0
- package/dist/components/ui/{toaster/Notification.js → tooltip/Tooltip.styled.js} +30 -18
- package/dist/components/ui/tooltip/Tooltip.styled.js.map +1 -0
- package/dist/components/utils/Gap.d.ts +3 -3
- package/dist/components/utils/Spacer.d.ts +2 -2
- 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/theme.d.ts +86 -86
- package/docs/assets/highlight.css +7 -0
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/index.Pop.html +18 -18
- package/docs/documents/Test.html +2 -2
- package/docs/enums/index.ICON.html +2 -2
- package/docs/functions/index.Action.html +5 -5
- package/docs/functions/index.Button.html +5 -5
- package/docs/functions/index.Card.html +4 -4
- package/docs/functions/index.Checkbox.html +5 -5
- package/docs/functions/index.Choice.html +4 -4
- package/docs/functions/index.ColorPicker.html +5 -5
- package/docs/functions/index.CoveringLoader.html +5 -5
- package/docs/functions/index.DirectionPad.html +4 -4
- package/docs/functions/index.Drawer.html +4 -4
- package/docs/functions/index.EqualActions.html +4 -4
- package/docs/functions/index.FullLoader.html +5 -5
- package/docs/functions/index.Gap.html +4 -4
- package/docs/functions/index.HandleEsc.html +6 -6
- package/docs/functions/index.Header.html +5 -5
- package/docs/functions/index.HeaderIconAction.html +5 -5
- package/docs/functions/index.Icon-1.html +4 -4
- package/docs/functions/index.If.html +6 -6
- package/docs/functions/index.Input.html +1 -1
- package/docs/functions/index.KeyValue.html +4 -4
- package/docs/functions/index.Label.html +4 -4
- package/docs/functions/index.Line.html +5 -5
- package/docs/functions/index.List.html +4 -4
- package/docs/functions/index.Loader.html +5 -5
- package/docs/functions/index.Loading.html +6 -6
- package/docs/functions/index.Message.html +5 -5
- package/docs/functions/index.Modal.html +4 -4
- package/docs/functions/index.ModalButtons.html +4 -4
- package/docs/functions/index.PopLoader.html +5 -5
- package/docs/functions/index.PopOption.html +4 -4
- package/docs/functions/index.Progress.html +4 -4
- package/docs/functions/index.SearchContainer.html +4 -4
- package/docs/functions/index.Section.html +5 -5
- package/docs/functions/index.Select.html +4 -4
- package/docs/functions/index.Selector.html +4 -4
- package/docs/functions/index.Spacer.html +4 -4
- package/docs/functions/index.Stats.html +4 -4
- package/docs/functions/index.StickyHeader.html +5 -5
- package/docs/functions/index.Table.html +4 -4
- package/docs/functions/index.TextArea.html +4 -4
- package/docs/functions/index.ToasterProvider.html +29 -0
- package/docs/functions/index.Toggle.html +5 -5
- package/docs/functions/index.ToolButton.html +5 -5
- package/docs/functions/index.Tooltip.html +18 -0
- package/docs/functions/index.TooltipProvider.html +6 -0
- package/docs/functions/index.borderPxToRem.html +1 -1
- package/docs/functions/index.createTheme.html +1 -1
- package/docs/functions/index.css.html +1 -1
- package/docs/functions/index.dimensionsPxToRem.html +1 -1
- package/docs/functions/index.fontPxToRem.html +1 -1
- package/docs/functions/index.getCssText.html +1 -1
- package/docs/functions/index.globalCss.html +2 -2
- package/docs/functions/index.injectGlobalStyles.html +1 -1
- package/docs/functions/index.keyframes.html +1 -1
- package/docs/functions/index.pxToRem.html +1 -1
- package/docs/functions/index.styled.html +1 -1
- package/docs/functions/index.toast.html +12 -0
- package/docs/functions/index.useToaster.html +1 -1
- package/docs/index.html +2 -2
- package/docs/interfaces/index.IconProps.html +2 -2
- package/docs/interfaces/index.InputCustomProps.html +7 -2
- package/docs/interfaces/index.LoaderProps.html +6 -6
- package/docs/interfaces/index.StickyHeaderProps.html +4 -4
- package/docs/interfaces/index.ToasterProviderProps.html +28 -0
- package/docs/interfaces/index.TooltipProps.html +36 -0
- package/docs/interfaces/index.TooltipProviderProps.html +13 -0
- package/docs/modules/index.html +1 -1
- package/docs/modules.html +1 -1
- package/docs/types/index.ActionProps.html +1 -1
- package/docs/types/index.CardProps.html +1 -1
- package/docs/types/index.CheckboxProps.html +2 -2
- package/docs/types/index.ChoiceProps.html +1 -1
- package/docs/types/index.ColorPickerProps.html +1 -1
- package/docs/types/index.DirectionPadProps.html +1 -1
- package/docs/types/index.DrawerFrom.html +1 -0
- package/docs/types/index.DrawerProps.html +28 -1
- package/docs/types/index.EqualActionsProps.html +1 -1
- package/docs/types/index.HeaderProps.html +1 -1
- package/docs/types/index.InputProps.html +1 -1
- package/docs/types/index.KeyValueProps.html +1 -1
- package/docs/types/index.LabelProps.html +1 -1
- package/docs/types/index.OverwriteProps.html +1 -1
- package/docs/types/index.ProgressProps.html +2 -2
- package/docs/types/index.SelectProps.html +1 -1
- package/docs/types/index.SelectorProps.html +1 -1
- package/docs/types/index.Stat.html +1 -1
- package/docs/types/index.StatsProps.html +1 -1
- package/docs/types/index.TextAreaProps.html +1 -1
- package/docs/types/index.ThemeCSS.html +1 -1
- package/docs/types/index.ToggleProps.html +2 -2
- package/docs/variables/index.ActionBadgeSelector.html +1 -1
- package/docs/variables/index.ActionCircleSelector.html +1 -1
- package/docs/variables/index.CheckboxCheckmarkWrapperSelector.html +1 -1
- package/docs/variables/index.CheckboxTextLabelSelector.html +1 -1
- package/docs/variables/index.ChoiceItemSelector.html +1 -1
- package/docs/variables/index.ColorPickerColorDisplaySelector.html +1 -1
- package/docs/variables/index.DirectionPadButtonDotSelector.html +1 -1
- package/docs/variables/index.DirectionPadButtonSelector.html +1 -1
- package/docs/variables/index.DirectionPadLineSelector.html +1 -1
- package/docs/variables/index.DirectionPadMiddleSelector.html +1 -1
- package/docs/variables/index.DrawerContentSelector.html +1 -1
- package/docs/variables/index.HeaderAfterSelector.html +1 -1
- package/docs/variables/index.HeaderBeforeSelector.html +1 -1
- package/docs/variables/index.HeaderContentsSelector.html +1 -1
- package/docs/variables/index.HeaderIconActionIconSelector.html +1 -1
- package/docs/variables/index.InputContainerSelector.html +1 -0
- package/docs/variables/index.InputInputSelector.html +1 -1
- package/docs/variables/index.InputLabelSelector.html +1 -0
- package/docs/variables/index.InputPrefixSelector.html +1 -1
- package/docs/variables/index.InputSuffixSelector.html +1 -1
- package/docs/variables/index.KeyValueIconSelector.html +1 -1
- package/docs/variables/index.KeyValueItemSelector.html +1 -1
- package/docs/variables/index.KeyValueKeySelector.html +1 -1
- package/docs/variables/index.KeyValuePairSelector.html +1 -1
- package/docs/variables/index.KeyValueValueSelector.html +1 -1
- package/docs/variables/index.LabelTextSelector.html +1 -1
- package/docs/variables/index.ListItemInnerContainerClassNameSelector.html +1 -1
- package/docs/variables/index.ModalContainerSelector.html +1 -1
- package/docs/variables/index.ModalRemovePaddingSelector.html +1 -1
- package/docs/variables/index.ModalTitleSelector.html +1 -1
- package/docs/variables/index.PopListSelector.html +1 -1
- package/docs/variables/index.PopOptionButtonSelector.html +1 -1
- package/docs/variables/index.PopOptionIconSelector.html +1 -1
- package/docs/variables/index.PopOverlaySelector.html +1 -1
- package/docs/variables/index.ProgressBackgroundSelector.html +1 -1
- package/docs/variables/index.ProgressValueSelector.html +1 -1
- package/docs/variables/index.SelectorItemSelector.html +1 -1
- package/docs/variables/index.StatsItemSelector.html +1 -1
- package/docs/variables/index.StatsLabelSelector.html +1 -1
- package/docs/variables/index.StatsSeparatorSelector.html +1 -1
- package/docs/variables/index.StatsValueSelector.html +1 -1
- package/docs/variables/index.TextAreaLabelSelector.html +1 -0
- package/docs/variables/index.TextAreaTextAreaSelector.html +1 -0
- package/docs/variables/index.TextAreaWrapperSelector.html +1 -0
- package/docs/variables/index.ToggleStyledToggleSelector.html +1 -1
- package/docs/variables/index.TooltipContentSelector.html +1 -0
- package/docs/variables/index.config.html +1 -1
- package/docs/variables/index.cssReset.html +2 -2
- package/docs/variables/index.darkTheme.html +1 -1
- package/docs/variables/index.miuiScrollbars.html +1 -1
- package/docs/variables/index.theme.html +1 -1
- package/esm/components/form/Checkbox.styled.d.ts +6 -6
- package/esm/components/form/ColorPicker.styled.d.ts +5 -5
- package/esm/components/form/Label.d.ts +3 -3
- package/esm/components/form/Label.styled.d.ts +5 -5
- package/esm/components/form/Select.styled.d.ts +3 -3
- package/esm/components/form/Toggle.d.ts +3 -3
- package/esm/components/form/Toggle.styled.d.ts +5 -5
- package/esm/components/form/choice/Choice.styled.d.ts +3 -3
- package/esm/components/form/choice/ChoiceItem.styled.d.ts +2 -2
- package/esm/components/form/input/Input.css.d.ts +47 -1
- package/esm/components/form/input/Input.css.d.ts.map +1 -1
- package/esm/components/form/input/Input.css.js +47 -1
- package/esm/components/form/input/Input.css.js.map +1 -1
- package/esm/components/form/input/Input.d.ts +5 -1
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.js +27 -6
- package/esm/components/form/input/Input.js.map +1 -1
- package/esm/components/form/input/Input.styled.d.ts +183 -10
- package/esm/components/form/input/Input.styled.d.ts.map +1 -1
- package/esm/components/form/input/Input.styled.js +4 -2
- package/esm/components/form/input/Input.styled.js.map +1 -1
- package/esm/components/form/textarea/TextArea.d.ts +6 -1
- package/esm/components/form/textarea/TextArea.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.js +31 -6
- package/esm/components/form/textarea/TextArea.js.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.d.ts +177 -4
- package/esm/components/form/textarea/TextArea.styled.d.ts.map +1 -1
- package/esm/components/form/textarea/TextArea.styled.js +14 -4
- package/esm/components/form/textarea/TextArea.styled.js.map +1 -1
- package/esm/components/layout/card/Card.styled.d.ts +3 -3
- package/esm/components/layout/header/Header.styled.d.ts +9 -9
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts +8 -8
- package/esm/components/layout/header/StickyHeader.d.ts +3 -3
- package/esm/components/layout/header/StickyHeader.styled.d.ts +6 -6
- package/esm/components/layout/list/Header.d.ts +7 -7
- package/esm/components/layout/list/Item.d.ts +8 -8
- package/esm/components/layout/list/Item.styled.d.ts +9 -9
- package/esm/components/layout/list/Label.d.ts +2 -2
- package/esm/components/layout/list/List.d.ts +18 -18
- package/esm/components/layout/list/Value.d.ts +2 -2
- package/esm/components/layout/section/SearchContainer.d.ts +2 -2
- package/esm/components/layout/section/Section.d.ts +5 -5
- package/esm/components/layout/section/SectionContainer.d.ts +2 -2
- package/esm/components/layout/table/Table.styled.d.ts +3 -3
- package/esm/components/native/index.d.ts +2 -2
- package/esm/components/ui/action/Action.styled.d.ts +8 -8
- package/esm/components/ui/action/EqualActions.styled.d.ts +3 -3
- package/esm/components/ui/button/Button.styled.d.ts +3 -3
- package/esm/components/ui/directionPad/Button.styled.d.ts +4 -4
- package/esm/components/ui/directionPad/Middle.styled.d.ts +2 -2
- package/esm/components/ui/directionPad/Pad.styled.d.ts +4 -4
- package/esm/components/ui/drawer/Drawer.d.ts +10 -1
- package/esm/components/ui/drawer/Drawer.d.ts.map +1 -1
- package/esm/components/ui/drawer/Drawer.js +139 -15
- package/esm/components/ui/drawer/Drawer.js.map +1 -1
- package/esm/components/ui/drawer/Drawer.styled.d.ts +90 -5
- package/esm/components/ui/drawer/Drawer.styled.d.ts.map +1 -1
- package/esm/components/ui/drawer/Drawer.styled.js +12 -1
- package/esm/components/ui/drawer/Drawer.styled.js.map +1 -1
- package/esm/components/ui/keyValue/KeyValue.styled.d.ts +13 -13
- package/esm/components/ui/line/Line.d.ts +3 -3
- package/esm/components/ui/message/Message.styled.d.ts +3 -3
- package/esm/components/ui/modal/Modal.d.ts +2 -2
- package/esm/components/ui/modal/Modal.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.js.map +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts +10 -10
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +5 -5
- package/esm/components/ui/pop/Pop.styled.d.ts +12 -12
- package/esm/components/ui/progress/Progress.styled.d.ts +8 -8
- package/esm/components/ui/stats/Stats.styled.d.ts +11 -11
- package/esm/components/ui/tabs/Item.styled.d.ts +2 -2
- package/esm/components/ui/tabs/Selector.styled.d.ts +5 -5
- package/esm/components/ui/toaster/Toaster.d.ts +8 -15
- package/esm/components/ui/toaster/Toaster.d.ts.map +1 -1
- package/esm/components/ui/toaster/Toaster.js +19 -74
- package/esm/components/ui/toaster/Toaster.js.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.styled.d.ts +3 -3
- package/esm/components/ui/tooltip/Tooltip.d.ts +30 -0
- package/esm/components/ui/tooltip/Tooltip.d.ts.map +1 -0
- package/esm/components/ui/tooltip/Tooltip.js +43 -0
- package/esm/components/ui/tooltip/Tooltip.js.map +1 -0
- package/esm/components/ui/tooltip/Tooltip.styled.d.ts +173 -0
- package/esm/components/ui/tooltip/Tooltip.styled.d.ts.map +1 -0
- package/esm/components/ui/tooltip/Tooltip.styled.js +28 -0
- package/esm/components/ui/tooltip/Tooltip.styled.js.map +1 -0
- package/esm/components/utils/Gap.d.ts +3 -3
- package/esm/components/utils/Spacer.d.ts +2 -2
- 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/theme.d.ts +86 -86
- package/package.json +22 -20
- package/patches/{@stitches+react+1.2.8.patch → @stitches__react@1.2.8.patch} +6 -6
- package/pnpm-workspace.yaml +3 -0
- package/src/bugfixes/ToastsFromModal.stories.tsx +59 -0
- package/src/components/form/input/Input.css.ts +52 -0
- package/src/components/form/input/Input.stories.tsx +32 -1
- package/src/components/form/input/Input.styled.ts +7 -1
- package/src/components/form/input/Input.tsx +67 -13
- package/src/components/form/textarea/TextArea.stories.tsx +25 -1
- package/src/components/form/textarea/TextArea.styled.ts +17 -3
- package/src/components/form/textarea/TextArea.tsx +76 -12
- package/src/components/ui/drawer/Drawer.stories.tsx +143 -59
- package/src/components/ui/drawer/Drawer.styled.ts +13 -0
- package/src/components/ui/drawer/Drawer.tsx +214 -20
- package/src/components/ui/modal/Modal.tsx +0 -1
- package/src/components/ui/modal/ModalButtons.stories.tsx +3 -3
- package/src/components/ui/toaster/Toaster.stories.tsx +160 -30
- package/src/components/ui/toaster/Toaster.tsx +28 -94
- package/src/components/ui/tooltip/Tooltip.stories.tsx +285 -0
- package/src/components/ui/tooltip/Tooltip.styled.ts +36 -0
- package/src/components/ui/tooltip/Tooltip.tsx +195 -0
- package/src/index.ts +1 -0
- package/storybook-static/assets/Action.stories-DBtNlWQo.js +1 -0
- package/storybook-static/assets/Button.stories-DFO8nsTN.js +1 -0
- package/storybook-static/assets/Card.stories-BoCt66U4.js +1 -0
- package/storybook-static/assets/Checkbox.stories-C58YeH4u.js +1 -0
- package/storybook-static/assets/Choice.stories-Cf7UbPxn.js +1 -0
- package/storybook-static/assets/Color-23OOGO2C-CELuW8GR.js +1 -0
- package/storybook-static/assets/ColorPicker.stories-Dc7-AuPQ.js +1 -0
- package/storybook-static/assets/CoveringLoader.stories-DrUQAhI6.js +1 -0
- package/storybook-static/assets/DocsRenderer-LL677BLK-BOcEjZ28.js +755 -0
- package/storybook-static/assets/Drawer.stories-D3_-TuT0.js +1 -0
- package/storybook-static/assets/EqualActions.stories-CwjZlkUA.js +1 -0
- package/storybook-static/assets/FullLoader.stories-DFAaVMfI.js +1 -0
- package/storybook-static/assets/Header.stories-BN7BuQx2.js +1 -0
- package/storybook-static/assets/Header.stories-CzPBNEkp.js +1 -0
- package/storybook-static/assets/HeaderIconAction.stories-Dm3Q-BVW.js +1 -0
- package/storybook-static/assets/Icon.stories-D1YeVBlB.js +1 -0
- package/storybook-static/assets/Input.stories-Cbj2X3kT.js +197 -0
- package/storybook-static/assets/Item.stories-CmjyxdgQ.js +1 -0
- package/storybook-static/assets/KeyValue.stories-CogaZP09.js +1 -0
- package/storybook-static/assets/Label.stories-B6pCT45X.js +1 -0
- package/storybook-static/assets/Label.stories-BR3gNHqM.js +1 -0
- package/storybook-static/assets/Line.stories-BJLer7gg.js +1 -0
- package/storybook-static/assets/List.stories-MSQY1Rdo.js +1 -0
- package/storybook-static/assets/Loader.stories-CbN84qNp.js +1 -0
- package/storybook-static/assets/Loading.stories-BOANGXsc.js +1 -0
- package/storybook-static/assets/Message.stories-_51K9ZDn.js +1 -0
- package/storybook-static/assets/Modal.stories-CixfvMuM.js +1 -0
- package/storybook-static/assets/ModalButtons.stories-DHHsnoGB.js +1 -0
- package/storybook-static/assets/Pad.stories-hrKerezi.js +1 -0
- package/storybook-static/assets/Pop.stories-BTlQGve1.js +1 -0
- package/storybook-static/assets/PopLoader.stories-CyskY4fX.js +1 -0
- package/storybook-static/assets/Progress.stories-BLMPF6Ju.js +1 -0
- package/storybook-static/assets/Section.stories-M-QRH2_i.js +1 -0
- package/storybook-static/assets/Select.stories-BJjJqLTa.js +1 -0
- package/storybook-static/assets/Selector.stories-BxHyFnYo.js +1 -0
- package/storybook-static/assets/Stats.stories-VB0pi5k5.js +1 -0
- package/storybook-static/assets/StickyHeader.stories-BnxgnjJW.js +3 -0
- package/storybook-static/assets/Table.stories-6F-WrDBs.js +1 -0
- package/storybook-static/assets/TextArea.stories-DqzHYgIv.js +1 -0
- package/storybook-static/assets/Toaster.stories-C0ktk0DW.js +1 -0
- package/storybook-static/assets/Toggle.stories-tBlD8SJi.js +1 -0
- package/storybook-static/assets/ToolButton.stories-0rGBGqAt.js +1 -0
- package/storybook-static/assets/Value.stories-CFT20m8r.js +1 -0
- package/storybook-static/assets/WithTooltip-65CFNBJE-CEiAC9o_.js +9 -0
- package/storybook-static/assets/formatter-EIJCOSYU-3FZOx6vn.js +1 -0
- package/storybook-static/assets/iframe-DvhcA1iZ.js +1244 -0
- package/storybook-static/assets/preload-helper-PPVm8Dsz.js +1 -0
- package/storybook-static/assets/react-18-oqx706Mo.js +1 -0
- package/storybook-static/assets/syntaxhighlighter-W7WJGI2T-D7f2o1Z3.js +6 -0
- package/storybook-static/favicon-wrapper.svg +46 -0
- package/storybook-static/favicon.svg +1 -0
- package/storybook-static/iframe.html +709 -0
- package/storybook-static/index.html +146 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/sb-addons/docs-1/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/onboarding-2/manager-bundle.js +97 -0
- package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +630 -0
- package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
- package/storybook-static/sb-common-assets/favicon.svg +1 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-runtime.js +76749 -0
- package/storybook-static/sb-manager/globals.js +24 -0
- package/storybook-static/sb-manager/manager-stores.js +23 -0
- package/storybook-static/sb-manager/runtime.js +27463 -0
- package/storybook-static/vite-inject-mocker-entry.js +2 -0
- package/dist/components/ui/toaster/Notification.d.ts +0 -9
- package/dist/components/ui/toaster/Notification.d.ts.map +0 -1
- package/dist/components/ui/toaster/Notification.js.map +0 -1
- package/dist/components/ui/toaster/Toaster.styled.d.ts +0 -89
- package/dist/components/ui/toaster/Toaster.styled.d.ts.map +0 -1
- package/dist/components/ui/toaster/Toaster.styled.js +0 -39
- package/dist/components/ui/toaster/Toaster.styled.js.map +0 -1
- package/dist/components/ui/toaster/types.d.ts +0 -7
- package/dist/components/ui/toaster/types.d.ts.map +0 -1
- package/dist/components/ui/toaster/types.js +0 -3
- package/dist/components/ui/toaster/types.js.map +0 -1
- package/docs/classes/index.ToasterProvider.html +0 -120
- 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/ColorPicker.stories.d.ts +0 -10
- package/esm/components/form/ColorPicker.stories.d.ts.map +0 -1
- package/esm/components/form/ColorPicker.stories.js +0 -75
- package/esm/components/form/ColorPicker.stories.js.map +0 -1
- package/esm/components/form/Label.stories.d.ts +0 -11
- package/esm/components/form/Label.stories.d.ts.map +0 -1
- package/esm/components/form/Label.stories.js +0 -43
- package/esm/components/form/Label.stories.js.map +0 -1
- 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.stories.d.ts +0 -14
- package/esm/components/form/Toggle.stories.d.ts.map +0 -1
- package/esm/components/form/Toggle.stories.js +0 -76
- package/esm/components/form/Toggle.stories.js.map +0 -1
- package/esm/components/form/choice/Choice.stories.d.ts +0 -10
- package/esm/components/form/choice/Choice.stories.d.ts.map +0 -1
- package/esm/components/form/choice/Choice.stories.js +0 -80
- package/esm/components/form/choice/Choice.stories.js.map +0 -1
- package/esm/components/form/input/Input.stories.d.ts +0 -10
- package/esm/components/form/input/Input.stories.d.ts.map +0 -1
- package/esm/components/form/input/Input.stories.js +0 -54
- 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/icons/Icon.stories.d.ts +0 -10
- package/esm/components/icons/Icon.stories.d.ts.map +0 -1
- package/esm/components/icons/Icon.stories.js +0 -49
- package/esm/components/icons/Icon.stories.js.map +0 -1
- package/esm/components/layout/card/Card.stories.d.ts +0 -11
- package/esm/components/layout/card/Card.stories.d.ts.map +0 -1
- package/esm/components/layout/card/Card.stories.js +0 -39
- package/esm/components/layout/card/Card.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 -10
- package/esm/components/layout/header/HeaderIconAction.stories.d.ts.map +0 -1
- package/esm/components/layout/header/HeaderIconAction.stories.js +0 -43
- 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 -98
- 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/action/EqualActions.stories.d.ts +0 -10
- package/esm/components/ui/action/EqualActions.stories.d.ts.map +0 -1
- package/esm/components/ui/action/EqualActions.stories.js +0 -38
- package/esm/components/ui/action/EqualActions.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/directionPad/Pad.stories.d.ts +0 -10
- package/esm/components/ui/directionPad/Pad.stories.d.ts.map +0 -1
- package/esm/components/ui/directionPad/Pad.stories.js +0 -79
- package/esm/components/ui/directionPad/Pad.stories.js.map +0 -1
- package/esm/components/ui/drawer/Drawer.stories.d.ts +0 -11
- package/esm/components/ui/drawer/Drawer.stories.d.ts.map +0 -1
- package/esm/components/ui/drawer/Drawer.stories.js +0 -102
- package/esm/components/ui/drawer/Drawer.stories.js.map +0 -1
- package/esm/components/ui/keyValue/KeyValue.stories.d.ts +0 -11
- package/esm/components/ui/keyValue/KeyValue.stories.d.ts.map +0 -1
- package/esm/components/ui/keyValue/KeyValue.stories.js +0 -98
- package/esm/components/ui/keyValue/KeyValue.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 -50
- 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/stats/Stats.stories.d.ts +0 -11
- package/esm/components/ui/stats/Stats.stories.d.ts.map +0 -1
- package/esm/components/ui/stats/Stats.stories.js +0 -104
- package/esm/components/ui/stats/Stats.stories.js.map +0 -1
- package/esm/components/ui/tabs/Selector.stories.d.ts +0 -12
- package/esm/components/ui/tabs/Selector.stories.d.ts.map +0 -1
- package/esm/components/ui/tabs/Selector.stories.js +0 -110
- package/esm/components/ui/tabs/Selector.stories.js.map +0 -1
- package/esm/components/ui/toaster/Notification.d.ts +0 -9
- package/esm/components/ui/toaster/Notification.d.ts.map +0 -1
- package/esm/components/ui/toaster/Notification.js +0 -17
- package/esm/components/ui/toaster/Notification.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/toaster/Toaster.styled.d.ts +0 -89
- package/esm/components/ui/toaster/Toaster.styled.d.ts.map +0 -1
- package/esm/components/ui/toaster/Toaster.styled.js +0 -36
- package/esm/components/ui/toaster/Toaster.styled.js.map +0 -1
- package/esm/components/ui/toaster/types.d.ts +0 -7
- package/esm/components/ui/toaster/types.d.ts.map +0 -1
- package/esm/components/ui/toaster/types.js +0 -2
- package/esm/components/ui/toaster/types.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/src/components/ui/toaster/Notification.tsx +0 -39
- package/src/components/ui/toaster/Toaster.styled.ts +0 -42
- package/src/components/ui/toaster/types.ts +0 -9
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ICON, Icon } from "../icons/Icon.js";
|
|
3
|
-
import { Input } from "./input/Input.js";
|
|
4
|
-
import { Label } from "./Label.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Form/Label",
|
|
7
|
-
component: Label,
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: "centered",
|
|
10
|
-
},
|
|
11
|
-
tags: ["autodocs"],
|
|
12
|
-
};
|
|
13
|
-
const content = React.createElement(Input, { placeholder: "ie: 500", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" });
|
|
14
|
-
const Default = {
|
|
15
|
-
args: {
|
|
16
|
-
label: "Username",
|
|
17
|
-
children: content,
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
const BigVariant = {
|
|
21
|
-
args: {
|
|
22
|
-
label: "Big Label",
|
|
23
|
-
variant: "big",
|
|
24
|
-
children: content,
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
const WithoutLabel = {
|
|
28
|
-
args: {
|
|
29
|
-
children: content,
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
const MultipleLabels = {
|
|
33
|
-
render: () => (React.createElement("div", null,
|
|
34
|
-
React.createElement(Label, { label: "First name" },
|
|
35
|
-
React.createElement(Input, { placeholder: "John" })),
|
|
36
|
-
React.createElement(Label, { label: "Last name" },
|
|
37
|
-
React.createElement(Input, { placeholder: "Doe" })),
|
|
38
|
-
React.createElement(Label, { label: "Email", variant: "big" },
|
|
39
|
-
React.createElement(Input, { placeholder: "john@example.com" })))),
|
|
40
|
-
};
|
|
41
|
-
export { Default, BigVariant, WithoutLabel, MultipleLabels, };
|
|
42
|
-
export default meta;
|
|
43
|
-
//# sourceMappingURL=Label.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Label.stories.js","sourceRoot":"","sources":["../../../src/components/form/Label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAC7B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAIF,MAAM,OAAO,GAAG,oBAAC,KAAK,IAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,GAAI,EAAE,MAAM,EAAE,KAAK,GAAI,CAAC;AAEvG,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,UAAU,GAAU;IACtB,IAAI,EAAE;QACF,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,YAAY,GAAU;IACxB,IAAI,EAAE;QACF,QAAQ,EAAE,OAAO;KACpB;CACJ,CAAC;AAEF,MAAM,cAAc,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV;QACI,oBAAC,KAAK,IAAC,KAAK,EAAE,YAAY;YACtB,oBAAC,KAAK,IAAC,WAAW,EAAE,MAAM,GAAI,CAC1B;QACR,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW;YACrB,oBAAC,KAAK,IAAC,WAAW,EAAE,KAAK,GAAI,CACzB;QACR,oBAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK;YACjC,oBAAC,KAAK,IAAC,WAAW,EAAE,kBAAkB,GAAI,CACtC,CACN,CACT;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,UAAU,EACV,YAAY,EACZ,cAAc,GACjB,CAAC;AACF,eAAe,IAAI,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Select } from "./Select";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Select>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Select } from "./Select.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/Form/Select",
|
|
5
|
-
component: Select,
|
|
6
|
-
tags: ["autodocs", "form"],
|
|
7
|
-
argTypes: {
|
|
8
|
-
error: { type: "boolean" },
|
|
9
|
-
disabled: { type: "boolean" },
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
const Primary = {
|
|
13
|
-
args: {
|
|
14
|
-
children: [
|
|
15
|
-
React.createElement("option", { key: "1", value: "1" }, "First"),
|
|
16
|
-
React.createElement("option", { key: "2", value: "2" }, "Second"),
|
|
17
|
-
React.createElement("option", { key: "3", value: "3" }, "Third"),
|
|
18
|
-
],
|
|
19
|
-
disabled: false,
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export { Primary, };
|
|
23
|
-
export default meta;
|
|
24
|
-
//# sourceMappingURL=Select.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.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,wBAAwB;IAC/B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,gCAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Toggle } from "./Toggle";
|
|
3
|
-
declare const meta: Meta<typeof Toggle>;
|
|
4
|
-
type Story = StoryObj<typeof meta>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const On: Story;
|
|
7
|
-
declare const Undetermined: Story;
|
|
8
|
-
declare const Disabled: Story;
|
|
9
|
-
declare const Interactive: Story;
|
|
10
|
-
declare const WithUndeterminedClick: Story;
|
|
11
|
-
declare const AllStates: Story;
|
|
12
|
-
export { Default, On, Undetermined, Disabled, Interactive, WithUndeterminedClick, AllStates, };
|
|
13
|
-
export default meta;
|
|
14
|
-
//# sourceMappingURL=Toggle.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAe7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,QAAA,MAAM,OAAO,EAAE,KAKd,CAAC;AAEF,QAAA,MAAM,EAAE,EAAE,KAKT,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAKnB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAMf,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAelB,CAAC;AAEF,QAAA,MAAM,qBAAqB,EAAE,KAY5B,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAqBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import { Toggle } from "./Toggle.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Components/Form/Toggle",
|
|
5
|
-
component: Toggle,
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: "centered",
|
|
8
|
-
},
|
|
9
|
-
tags: ["autodocs"],
|
|
10
|
-
argTypes: {
|
|
11
|
-
value: {
|
|
12
|
-
control: {
|
|
13
|
-
type: "select",
|
|
14
|
-
options: [true, false, null],
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
const Default = {
|
|
20
|
-
args: {
|
|
21
|
-
value: false,
|
|
22
|
-
onChange: () => { },
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
const On = {
|
|
26
|
-
args: {
|
|
27
|
-
value: true,
|
|
28
|
-
onChange: () => { },
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
const Undetermined = {
|
|
32
|
-
args: {
|
|
33
|
-
value: null,
|
|
34
|
-
onChange: () => { },
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
const Disabled = {
|
|
38
|
-
args: {
|
|
39
|
-
value: true,
|
|
40
|
-
disabled: true,
|
|
41
|
-
onChange: () => { },
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
const Interactive = {
|
|
45
|
-
render: () => {
|
|
46
|
-
const [value, setValue] = useState(false);
|
|
47
|
-
return (React.createElement(Toggle, { value: value, onChange: setValue, onContextMenu: (e) => {
|
|
48
|
-
e.preventDefault();
|
|
49
|
-
alert("Right-clicked/long pressed!");
|
|
50
|
-
} }));
|
|
51
|
-
},
|
|
52
|
-
};
|
|
53
|
-
const WithUndeterminedClick = {
|
|
54
|
-
render: () => {
|
|
55
|
-
const [value, setValue] = useState(null);
|
|
56
|
-
return (React.createElement(Toggle, { value: value, onChange: setValue, undeterminedClickValue: true }));
|
|
57
|
-
},
|
|
58
|
-
};
|
|
59
|
-
const AllStates = {
|
|
60
|
-
render: () => (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem", alignItems: "flex-start" } },
|
|
61
|
-
React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
|
|
62
|
-
React.createElement(Toggle, { value: false, onChange: () => { } }),
|
|
63
|
-
React.createElement("span", null, "Off")),
|
|
64
|
-
React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
|
|
65
|
-
React.createElement(Toggle, { value: true, onChange: () => { } }),
|
|
66
|
-
React.createElement("span", null, "On")),
|
|
67
|
-
React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
|
|
68
|
-
React.createElement(Toggle, { value: null, onChange: () => { } }),
|
|
69
|
-
React.createElement("span", null, "Undetermined")),
|
|
70
|
-
React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" } },
|
|
71
|
-
React.createElement(Toggle, { value: true, disabled: true, onChange: () => { } }),
|
|
72
|
-
React.createElement("span", null, "Disabled")))),
|
|
73
|
-
};
|
|
74
|
-
export { Default, On, Undetermined, Disabled, Interactive, WithUndeterminedClick, AllStates, };
|
|
75
|
-
export default meta;
|
|
76
|
-
//# sourceMappingURL=Toggle.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.stories.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC;aAC/B;SACJ;KACJ;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB;CACJ,CAAC;AAEF,MAAM,EAAE,GAAU;IACd,IAAI,EAAE;QACF,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB;CACJ,CAAC;AAEF,MAAM,YAAY,GAAU;IACxB,IAAI,EAAE;QACF,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,IAAI,EAAE;QACF,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB;CACJ,CAAC;AAEF,MAAM,WAAW,GAAU;IACvB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,KAAK,CAAC,CAAC;QAE1D,OAAO,CACH,oBAAC,MAAM,IACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,KAAK,CAAC,6BAA6B,CAAC,CAAC;YACzC,CAAC,GACH,CACL,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,qBAAqB,GAAU;IACjC,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;QAEzD,OAAO,CACH,oBAAC,MAAM,IACH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,IAAI,GAC9B,CACL,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE;QAC3F,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChE,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;YAC5C,wCAAgB,CACd;QACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChE,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;YAC3C,uCAAe,CACb;QACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChE,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;YAC3C,iDAAyB,CACvB;QACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE;YAChE,oBAAC,MAAM,IAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI;YAC3D,6CAAqB,CACnB,CACJ,CACT;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,EAAE,EACF,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,qBAAqB,EACrB,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Choice } from "./Choice";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Choice>;
|
|
5
|
-
declare const Basic: Story;
|
|
6
|
-
declare const WithObjectValues: Story;
|
|
7
|
-
declare const Variants: Story;
|
|
8
|
-
export default meta;
|
|
9
|
-
export { Basic, WithObjectValues, Variants, };
|
|
10
|
-
//# sourceMappingURL=Choice.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Choice.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AASrC,QAAA,MAAM,KAAK,EAAE,KAgBZ,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,KA8BvB,CAAC;AAUF,QAAA,MAAM,QAAQ,EAAE,KAuDf,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EACH,KAAK,EACL,gBAAgB,EAChB,QAAQ,GACX,CAAC"}
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
import React, { useState } from "react";
|
|
2
|
-
import { styled } from "../../../theme.js";
|
|
3
|
-
import { Section } from "../../layout/section/Section.js";
|
|
4
|
-
import { Choice } from "./Choice.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Form/Choice",
|
|
7
|
-
component: Choice,
|
|
8
|
-
tags: ["autodocs", "form"],
|
|
9
|
-
};
|
|
10
|
-
const Container = styled("div", {
|
|
11
|
-
display: "flex",
|
|
12
|
-
flexDirection: "column",
|
|
13
|
-
gap: "2rem",
|
|
14
|
-
padding: "1rem",
|
|
15
|
-
});
|
|
16
|
-
const Basic = {
|
|
17
|
-
render: () => {
|
|
18
|
-
const values = ["Single", "Multiple words"];
|
|
19
|
-
const [current, setCurrent] = useState(values[0]);
|
|
20
|
-
return (React.createElement(Section, { vertical: true, horizontal: true },
|
|
21
|
-
React.createElement(Choice, { values: values, value: current, name: "basic-choice", onChange: setCurrent })));
|
|
22
|
-
},
|
|
23
|
-
};
|
|
24
|
-
const WithObjectValues = {
|
|
25
|
-
render: () => {
|
|
26
|
-
const values = [
|
|
27
|
-
{
|
|
28
|
-
label: "Option 1",
|
|
29
|
-
value: "one",
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
label: "Option 2",
|
|
33
|
-
value: "two",
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
label: "Option 3",
|
|
37
|
-
value: "three",
|
|
38
|
-
},
|
|
39
|
-
];
|
|
40
|
-
const [current, setCurrent] = useState(values[0].value);
|
|
41
|
-
return (React.createElement(Section, { vertical: true, horizontal: true },
|
|
42
|
-
React.createElement(Choice, { values: values, value: current, name: "object-choice", onChange: setCurrent }),
|
|
43
|
-
React.createElement("p", null,
|
|
44
|
-
"Current value: ",
|
|
45
|
-
current)));
|
|
46
|
-
},
|
|
47
|
-
};
|
|
48
|
-
const Blue = styled(Choice, {
|
|
49
|
-
"--choice-text": "#59a5c2",
|
|
50
|
-
"--choice-border": "#10a4dc",
|
|
51
|
-
"--choice-bg": "#f9fdff",
|
|
52
|
-
"--choice-active-text": "#145b79",
|
|
53
|
-
"--choice-active-bg": "#ddf5ff",
|
|
54
|
-
});
|
|
55
|
-
const Variants = {
|
|
56
|
-
render: () => {
|
|
57
|
-
const values = [
|
|
58
|
-
{ label: "Option 1", value: "one" },
|
|
59
|
-
{ label: "Option 2", value: "two" },
|
|
60
|
-
{ label: "Option 3", value: "three" },
|
|
61
|
-
];
|
|
62
|
-
const [current, setCurrent] = useState(values[0].value);
|
|
63
|
-
return (React.createElement(Container, null,
|
|
64
|
-
React.createElement(Section, { vertical: true, horizontal: true },
|
|
65
|
-
React.createElement("h3", null, "Default (centered)"),
|
|
66
|
-
React.createElement(Choice, { values: values, value: current, name: "default-choice", onChange: setCurrent })),
|
|
67
|
-
React.createElement(Section, { vertical: true, horizontal: true },
|
|
68
|
-
React.createElement("h3", null, "Wide variant"),
|
|
69
|
-
React.createElement(Choice, { values: values, value: current, name: "wide-choice", onChange: setCurrent, wide: true })),
|
|
70
|
-
React.createElement(Section, { vertical: true, horizontal: true },
|
|
71
|
-
React.createElement("h3", null, "Left aligned variant"),
|
|
72
|
-
React.createElement(Choice, { values: values, value: current, name: "left-choice", onChange: setCurrent, unaligned: true })),
|
|
73
|
-
React.createElement(Section, { vertical: true, horizontal: true },
|
|
74
|
-
React.createElement("h3", null, "Custom colors"),
|
|
75
|
-
React.createElement(Blue, { values: values, value: current, name: "combined-choice", onChange: setCurrent }))));
|
|
76
|
-
},
|
|
77
|
-
};
|
|
78
|
-
export default meta;
|
|
79
|
-
export { Basic, WithObjectValues, Variants, };
|
|
80
|
-
//# sourceMappingURL=Choice.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Choice.stories.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Input } from "./Input";
|
|
3
|
-
declare const meta: Meta<typeof Input>;
|
|
4
|
-
type Story = StoryObj<typeof Input>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
declare const Mixed: Story;
|
|
7
|
-
declare const InputRef: Story;
|
|
8
|
-
export { Primary, Mixed, InputRef, };
|
|
9
|
-
export default meta;
|
|
10
|
-
//# sourceMappingURL=Input.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAiBf,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,EAAE,QAAQ,GAC3B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
2
|
-
import { countries } from "../../../demo/countries.const.js";
|
|
3
|
-
import { ICON, Icon } from "../../icons/Icon.js";
|
|
4
|
-
import { Button } from "../../ui/button/Button.js";
|
|
5
|
-
import { Gap } from "../../utils/Gap.js";
|
|
6
|
-
import { Input } from "./Input.js";
|
|
7
|
-
const meta = {
|
|
8
|
-
title: "Components/Form/Input",
|
|
9
|
-
component: Input,
|
|
10
|
-
tags: ["autodocs", "form"],
|
|
11
|
-
argTypes: {
|
|
12
|
-
error: { type: "boolean" },
|
|
13
|
-
disabled: { type: "boolean" },
|
|
14
|
-
readOnly: { type: "boolean" },
|
|
15
|
-
prefix: { type: "string" },
|
|
16
|
-
suffix: { type: "string" },
|
|
17
|
-
children: { table: { disable: true } },
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
const Primary = {
|
|
21
|
-
args: {
|
|
22
|
-
placeholder: "Capacity",
|
|
23
|
-
prefix: React.createElement(Icon, { name: ICON.battery }),
|
|
24
|
-
suffix: "kWh",
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
const handleSuggestionMatch = (s, picked) => {
|
|
28
|
-
alert("Suggestion " + (picked ? "picked" : "matched") + " : " + s);
|
|
29
|
-
};
|
|
30
|
-
const Mixed = {
|
|
31
|
-
render: () => (React.createElement(Gap, null,
|
|
32
|
-
React.createElement(Input, { placeholder: "Capacity", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" }),
|
|
33
|
-
React.createElement(Input, { value: "William J. Welter" }),
|
|
34
|
-
React.createElement(Input, { prefix: "Text prefix", value: "Polly W. Wilson" }),
|
|
35
|
-
React.createElement(Input, { prefix: "Disabled", value: "Clayton J. Foster", disabled: true }),
|
|
36
|
-
React.createElement(Input, { prefix: "Read only", value: "Norma J. Gomez", readOnly: true }),
|
|
37
|
-
React.createElement(Input, { placeholder: "With suggestions, try country name", suggestions: countries, onSuggestionMatch: handleSuggestionMatch }))),
|
|
38
|
-
};
|
|
39
|
-
const InputRef = {
|
|
40
|
-
render: () => {
|
|
41
|
-
const ref = React.useRef(null);
|
|
42
|
-
const handleRandomValue = useCallback(() => {
|
|
43
|
-
if (ref.current) {
|
|
44
|
-
ref.current.value = (Math.random() * 100).toFixed(2);
|
|
45
|
-
}
|
|
46
|
-
}, []);
|
|
47
|
-
return (React.createElement(React.Fragment, null,
|
|
48
|
-
React.createElement(Input, { ref: ref, placeholder: "Capacity", prefix: React.createElement(Icon, { name: ICON.battery }), suffix: "kWh" }),
|
|
49
|
-
React.createElement(Button, { onClick: handleRandomValue }, "Set random value")));
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
export { Primary, Mixed, InputRef, };
|
|
53
|
-
export default meta;
|
|
54
|
-
//# sourceMappingURL=Input.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { TextArea } from "./TextArea";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof TextArea>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
export { Primary, };
|
|
7
|
-
export default meta;
|
|
8
|
-
//# sourceMappingURL=TextArea.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IASX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAId,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TextArea } from "./TextArea.js";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Components/Form/TextArea",
|
|
4
|
-
component: TextArea,
|
|
5
|
-
tags: ["autodocs", "form"],
|
|
6
|
-
argTypes: {
|
|
7
|
-
error: { type: "boolean" },
|
|
8
|
-
disabled: { type: "boolean" },
|
|
9
|
-
readOnly: { type: "boolean" },
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
const Primary = {
|
|
13
|
-
args: {
|
|
14
|
-
placeholder: "Type something here",
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export { Primary, };
|
|
18
|
-
export default meta;
|
|
19
|
-
//# sourceMappingURL=TextArea.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC7B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,WAAW,EAAE,qBAAqB;KACrC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Icon } from "./Icon";
|
|
3
|
-
declare const meta: Meta<typeof Icon>;
|
|
4
|
-
type Story = StoryObj<typeof Icon>;
|
|
5
|
-
declare const SingleIcon: Story;
|
|
6
|
-
declare const AllIcons: Story;
|
|
7
|
-
declare const CustomStyledIcons: Story;
|
|
8
|
-
export { SingleIcon, AllIcons, CustomStyledIcons };
|
|
9
|
-
export default meta;
|
|
10
|
-
//# sourceMappingURL=Icon.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAQ,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAa3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,QAAA,MAAM,UAAU,EAAE,KAIjB,CAAC;AAKF,QAAA,MAAM,QAAQ,EAAE,KAiBf,CAAC;AAKF,QAAA,MAAM,iBAAiB,EAAE,KAmBxB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AACnD,eAAe,IAAI,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { List } from "../layout/list/List.js";
|
|
3
|
-
import { ICON, Icon } from "./Icon.js";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Icons/Icon",
|
|
6
|
-
component: Icon,
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: "centered",
|
|
9
|
-
},
|
|
10
|
-
tags: ["autodocs"],
|
|
11
|
-
argTypes: {
|
|
12
|
-
name: {
|
|
13
|
-
options: Object.values(ICON),
|
|
14
|
-
control: { type: "select" },
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
const SingleIcon = {
|
|
19
|
-
args: {
|
|
20
|
-
name: ICON.heart,
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
const AllIcons = {
|
|
24
|
-
render: () => {
|
|
25
|
-
const icons = Object.values(ICON).map((value) => {
|
|
26
|
-
return (React.createElement(List.Item, { key: value, ratio: "1/" },
|
|
27
|
-
value,
|
|
28
|
-
React.createElement(Icon, { name: value })));
|
|
29
|
-
});
|
|
30
|
-
return (React.createElement(List, null, icons));
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
const CustomStyledIcons = {
|
|
34
|
-
render: () => {
|
|
35
|
-
return (React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "20px" } },
|
|
36
|
-
React.createElement("div", { style: { textAlign: "center", color: "red" } },
|
|
37
|
-
React.createElement(Icon, { name: ICON.heart }),
|
|
38
|
-
React.createElement("div", { style: { marginTop: "8px", fontSize: "12px" } }, "Red")),
|
|
39
|
-
React.createElement("div", { style: { textAlign: "center", color: "blue" } },
|
|
40
|
-
React.createElement(Icon, { name: ICON.heart }),
|
|
41
|
-
React.createElement("div", { style: { marginTop: "8px", fontSize: "12px" } }, "Blue")),
|
|
42
|
-
React.createElement("div", { style: { textAlign: "center", color: "green" } },
|
|
43
|
-
React.createElement(Icon, { name: ICON.heart }),
|
|
44
|
-
React.createElement("div", { style: { marginTop: "8px", fontSize: "12px" } }, "Green"))));
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
export { SingleIcon, AllIcons, CustomStyledIcons };
|
|
48
|
-
export default meta;
|
|
49
|
-
//# sourceMappingURL=Icon.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../src/components/icons/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,IAAI,GAAsB;IAC5B,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;KACJ;CACJ,CAAC;AAOF,MAAM,UAAU,GAAU;IACtB,IAAI,EAAE;QACF,IAAI,EAAE,IAAI,CAAC,KAAK;KACnB;CACJ,CAAC;AAKF,MAAM,QAAQ,GAAU;IACpB,MAAM,EAAE,GAAG,EAAE;QACT,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC5C,OAAO,CACH,oBAAC,IAAI,CAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI;gBAC7B,KAAK;gBACN,oBAAC,IAAI,IAAC,IAAI,EAAE,KAAK,GAAI,CACb,CACf,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,OAAO,CACH,oBAAC,IAAI,QACA,KAAK,CACH,CACV,CAAC;IACN,CAAC;CACJ,CAAC;AAKF,MAAM,iBAAiB,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE;YAC9D,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;gBAC7C,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI;gBAC1B,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAW,CAC3D;YACN,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;gBAC9C,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI;gBAC1B,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAY,CAC5D;YACN,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;gBAC/C,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,GAAI;gBAC1B,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAa,CAC7D,CACJ,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AACnD,eAAe,IAAI,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Card } from "./Card";
|
|
3
|
-
declare const meta: Meta<typeof Card>;
|
|
4
|
-
type Story = StoryObj<typeof Card>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const MultipleCards: Story;
|
|
7
|
-
declare const WithMargin: Story;
|
|
8
|
-
declare const CustomStyled: Story;
|
|
9
|
-
export { Default, MultipleCards, WithMargin, CustomStyled };
|
|
10
|
-
export default meta;
|
|
11
|
-
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAKnC,QAAA,MAAM,OAAO,EAAE,KAQd,CAAC;AAKF,QAAA,MAAM,aAAa,EAAE,KAoBpB,CAAC;AAKF,QAAA,MAAM,UAAU,EAAE,KAQjB,CAAC;AAeF,QAAA,MAAM,YAAY,EAAE,KAQnB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AAC5D,eAAe,IAAI,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { styled } from "../../../theme.js";
|
|
3
|
-
import { Section } from "../section/Section.js";
|
|
4
|
-
import { Card } from "./Card.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Layout/Card",
|
|
7
|
-
component: Card,
|
|
8
|
-
tags: ["autodocs"],
|
|
9
|
-
};
|
|
10
|
-
const Default = {
|
|
11
|
-
render: () => (React.createElement(Card, null,
|
|
12
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "Content inside a basic Card"))),
|
|
13
|
-
};
|
|
14
|
-
const MultipleCards = {
|
|
15
|
-
render: () => (React.createElement(Section.Container, null,
|
|
16
|
-
React.createElement(Card, null,
|
|
17
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "First Card")),
|
|
18
|
-
React.createElement(Card, null,
|
|
19
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "Second Card")),
|
|
20
|
-
React.createElement(Card, { variant: "margin" },
|
|
21
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "Third Card with margin variant")))),
|
|
22
|
-
};
|
|
23
|
-
const WithMargin = {
|
|
24
|
-
render: () => (React.createElement(Card, { variant: "margin" },
|
|
25
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "Card with left and right margins"))),
|
|
26
|
-
};
|
|
27
|
-
const CustomStyledCard = styled(Card, {
|
|
28
|
-
background: "#f0f8ff",
|
|
29
|
-
borderRadius: "10px",
|
|
30
|
-
boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
|
|
31
|
-
border: "1px solid #d0e3ff",
|
|
32
|
-
});
|
|
33
|
-
const CustomStyled = {
|
|
34
|
-
render: () => (React.createElement(CustomStyledCard, null,
|
|
35
|
-
React.createElement(Section, { vertical: true, horizontal: true }, "This card has custom styling"))),
|
|
36
|
-
};
|
|
37
|
-
export { Default, MultipleCards, WithMargin, CustomStyled };
|
|
38
|
-
export default meta;
|
|
39
|
-
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAsB;IAC5B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,CAAC,UAAU,CAAC;CACrB,CAAC;AAOF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,IAAI;QACD,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,kCAE/B,CACP,CACV;CACJ,CAAC;AAKF,MAAM,aAAa,GAAU;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,OAAO,CAAC,SAAS;QACd,oBAAC,IAAI;YACD,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,iBAE/B,CACP;QACP,oBAAC,IAAI;YACD,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,kBAE/B,CACP;QACP,oBAAC,IAAI,IAAC,OAAO,EAAE,QAAQ;YACnB,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,qCAE/B,CACP,CACS,CACvB;CACJ,CAAC;AAKF,MAAM,UAAU,GAAU;IACtB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,IAAI,IAAC,OAAO,EAAE,QAAQ;QACnB,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,uCAE/B,CACP,CACV;CACJ,CAAC;AAKF,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,EAAE;IAClC,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,MAAM;IACpB,SAAS,EAAE,8BAA8B;IACzC,MAAM,EAAE,mBAAmB;CAC9B,CAAC,CAAC;AAKH,MAAM,YAAY,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,gBAAgB;QACb,oBAAC,OAAO,IAAC,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,mCAE/B,CACK,CACtB;CACJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AAC5D,eAAe,IAAI,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Header } from "./Header";
|
|
3
|
-
declare const meta: Meta;
|
|
4
|
-
type Story = StoryObj<typeof Header>;
|
|
5
|
-
declare const Primary: Story;
|
|
6
|
-
declare const LongContent: Story;
|
|
7
|
-
declare const WithButtons: Story;
|
|
8
|
-
declare const Vertical: Story;
|
|
9
|
-
export { Primary, LongContent, WithButtons, Vertical, };
|
|
10
|
-
export default meta;
|
|
11
|
-
//# sourceMappingURL=Header.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,QAAA,MAAM,IAAI,EAAE,IAsBX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAC1B,QAAA,MAAM,WAAW,EAAE,KAalB,CAAC;AAIF,QAAA,MAAM,WAAW,EAAE,KASlB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAYf,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ICON } from "../../icons/Icon.js";
|
|
3
|
-
import { Header } from "./Header.js";
|
|
4
|
-
import { HeaderIconAction } from "./HeaderIconAction.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/Layout/Header/Header",
|
|
7
|
-
component: Header,
|
|
8
|
-
tags: ["autodocs", "layout"],
|
|
9
|
-
argTypes: {
|
|
10
|
-
before: {
|
|
11
|
-
control: {
|
|
12
|
-
type: "text",
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
after: {
|
|
16
|
-
control: {
|
|
17
|
-
type: "text",
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
|
-
args: {
|
|
22
|
-
before: "Left side",
|
|
23
|
-
children: "Title",
|
|
24
|
-
after: "[Icons]",
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
const Primary = {};
|
|
28
|
-
const LongContent = {
|
|
29
|
-
render: (args) => {
|
|
30
|
-
const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
|
|
31
|
-
return (React.createElement(React.Fragment, null,
|
|
32
|
-
React.createElement(Header, { ...args }),
|
|
33
|
-
longContent));
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
const handleClick = () => { alert(1); };
|
|
37
|
-
const WithButtons = {
|
|
38
|
-
args: {
|
|
39
|
-
before: (React.createElement(React.Fragment, null,
|
|
40
|
-
React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
|
|
41
|
-
React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
|
|
42
|
-
},
|
|
43
|
-
};
|
|
44
|
-
const Vertical = {
|
|
45
|
-
args: {
|
|
46
|
-
before: (React.createElement(React.Fragment, null,
|
|
47
|
-
React.createElement(HeaderIconAction, { icon: ICON.back, onClick: handleClick }),
|
|
48
|
-
React.createElement(HeaderIconAction, { icon: ICON.checkmark, onClick: handleClick }))),
|
|
49
|
-
after: null,
|
|
50
|
-
position: "left",
|
|
51
|
-
children: "M",
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
export { Primary, LongContent, WithButtons, Vertical, };
|
|
55
|
-
export default meta;
|
|
56
|
-
//# sourceMappingURL=Header.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/layout/header/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAE5B,QAAQ,EAAE;QACN,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,MAAM;aACf;SACJ;KACJ;IACD,IAAI,EAAE;QACF,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAC1B,MAAM,WAAW,GAAU;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAEb,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;QAE7F,OAAO,CACH;YACI,oBAAC,MAAM,OAAK,IAAI,GAAI;YACnB,WAAW,CAEb,CACN,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAExC,MAAM,WAAW,GAAU;IACvB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;KACJ;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAU;IACpB,IAAI,EAAE;QACF,MAAM,EAAE,CACJ;YACI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI;YAC3D,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW,GAAI,CACjE,CACN;QACD,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,GAAG;KAChB;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,GACX,CAAC;AAEF,eAAe,IAAI,CAAC"}
|