react-miui 0.32.2 → 0.33.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.local.json +8 -1
- package/.storybook/main.ts +4 -1
- package/CHANGELOG.md +11 -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.styled.d.ts +4 -4
- 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/loader/CoveringLoader.d.ts.map +1 -1
- package/dist/components/ui/loader/CoveringLoader.js +2 -3
- package/dist/components/ui/loader/CoveringLoader.js.map +1 -1
- 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 +25 -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/utils/Gap.d.ts +3 -3
- package/dist/components/utils/Spacer.d.ts +2 -2
- package/dist/theme.d.ts +86 -86
- 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.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/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.DrawerProps.html +1 -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.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.styled.d.ts +4 -4
- 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/loader/CoveringLoader.d.ts.map +1 -1
- package/esm/components/ui/loader/CoveringLoader.js +2 -3
- package/esm/components/ui/loader/CoveringLoader.js.map +1 -1
- 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 +13 -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/utils/Gap.d.ts +3 -3
- package/esm/components/utils/Spacer.d.ts +2 -2
- package/esm/theme.d.ts +86 -86
- package/package.json +21 -22
- package/patches/{@stitches+react+1.2.8.patch → @stitches__react@1.2.8.patch} +6 -6
- 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/loader/CoveringLoader.tsx +3 -4
- 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 +24 -100
- 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 +0 -53
- 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,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,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { EqualActions } from "./EqualActions";
|
|
3
|
-
declare const meta: Meta<typeof EqualActions>;
|
|
4
|
-
type Story = StoryObj<typeof EqualActions>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const VerticalMode: Story;
|
|
7
|
-
declare const CustomStyled: Story;
|
|
8
|
-
export { Default, VerticalMode, CustomStyled };
|
|
9
|
-
export default meta;
|
|
10
|
-
//# sourceMappingURL=EqualActions.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EqualActions.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAO3C,QAAA,MAAM,OAAO,EAAE,KAQd,CAAC;AAKF,QAAA,MAAM,YAAY,EAAE,KAQnB,CAAC;AAKF,QAAA,MAAM,YAAY,EAAE,KAmBnB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC/C,eAAe,IAAI,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { ICON } from "../../icons/Icon.js";
|
|
3
|
-
import { Action } from "./Action.js";
|
|
4
|
-
import { EqualActions } from "./EqualActions.js";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Components/UI/EqualActions",
|
|
7
|
-
component: EqualActions,
|
|
8
|
-
tags: ["autodocs", "ui"],
|
|
9
|
-
};
|
|
10
|
-
const Default = {
|
|
11
|
-
render: () => (React.createElement(EqualActions, null,
|
|
12
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
|
|
13
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
|
|
14
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Share on Web" }))),
|
|
15
|
-
};
|
|
16
|
-
const VerticalMode = {
|
|
17
|
-
render: () => (React.createElement(EqualActions, { mode: "vertical" },
|
|
18
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
|
|
19
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
|
|
20
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Share on Web" }))),
|
|
21
|
-
};
|
|
22
|
-
const CustomStyled = {
|
|
23
|
-
render: () => {
|
|
24
|
-
const customStyle = {
|
|
25
|
-
padding: "10px",
|
|
26
|
-
background: "#f5f5f5",
|
|
27
|
-
borderRadius: "8px",
|
|
28
|
-
};
|
|
29
|
-
return (React.createElement("div", { style: customStyle },
|
|
30
|
-
React.createElement(EqualActions, { className: "custom-equal-actions" },
|
|
31
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Add" }),
|
|
32
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Delete" }),
|
|
33
|
-
React.createElement(Action, { icon: ICON.checkmark, label: "Share on Web" }))));
|
|
34
|
-
},
|
|
35
|
-
};
|
|
36
|
-
export { Default, VerticalMode, CustomStyled };
|
|
37
|
-
export default meta;
|
|
38
|
-
//# sourceMappingURL=EqualActions.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EqualActions.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAA8B;IACpC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AASF,MAAM,OAAO,GAAU;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,YAAY;QACT,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI;QAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAI;QACjD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,cAAc,GAAI,CAC5C,CAClB;CACJ,CAAC;AAKF,MAAM,YAAY,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,oBAAC,YAAY,IAAC,IAAI,EAAE,UAAU;QAC1B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI;QAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAI;QACjD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,cAAc,GAAI,CAC5C,CAClB;CACJ,CAAC;AAKF,MAAM,YAAY,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE;QAET,MAAM,WAAW,GAAG;YAChB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,SAAS;YACrB,YAAY,EAAE,KAAK;SACtB,CAAC;QAEF,OAAO,CACH,6BAAK,KAAK,EAAE,WAAW;YACnB,oBAAC,YAAY,IAAC,SAAS,EAAE,sBAAsB;gBAC3C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,GAAI;gBAC9C,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAI;gBACjD,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,cAAc,GAAI,CAC5C,CACb,CACT,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC/C,eAAe,IAAI,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
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,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,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;AACxC,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,10 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DirectionPad } from "./Pad";
|
|
3
|
-
declare const meta: Meta<typeof DirectionPad>;
|
|
4
|
-
type Story = StoryObj<typeof DirectionPad>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const HorizontalOnly: Story;
|
|
7
|
-
declare const CustomStyled: Story;
|
|
8
|
-
export { Default, HorizontalOnly, CustomStyled };
|
|
9
|
-
export default meta;
|
|
10
|
-
//# sourceMappingURL=Pad.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pad.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAM3C,QAAA,MAAM,OAAO,EAAE,KAwCd,CAAC;AAKF,QAAA,MAAM,cAAc,EAAE,KA8BrB,CAAC;AAKF,QAAA,MAAM,YAAY,EAAE,KAyCnB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC;AACjD,eAAe,IAAI,CAAC"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useState } from "react";
|
|
2
|
-
import { DirectionPad } from "./Pad.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "UI/DirectionPad",
|
|
5
|
-
component: DirectionPad,
|
|
6
|
-
tags: ["autodocs"],
|
|
7
|
-
};
|
|
8
|
-
const Default = {
|
|
9
|
-
render: () => {
|
|
10
|
-
const [lastClick, setLastClick] = useState("<none>");
|
|
11
|
-
const handleLeftClick = useCallback(() => {
|
|
12
|
-
setLastClick("left");
|
|
13
|
-
}, []);
|
|
14
|
-
const handleRightClick = useCallback(() => {
|
|
15
|
-
setLastClick("right");
|
|
16
|
-
}, []);
|
|
17
|
-
const handleUpClick = useCallback(() => {
|
|
18
|
-
setLastClick("up");
|
|
19
|
-
}, []);
|
|
20
|
-
const handleDownClick = useCallback(() => {
|
|
21
|
-
setLastClick("down");
|
|
22
|
-
}, []);
|
|
23
|
-
const handleMiddleClick = useCallback(() => {
|
|
24
|
-
setLastClick("res");
|
|
25
|
-
}, []);
|
|
26
|
-
return (React.createElement(React.Fragment, null,
|
|
27
|
-
React.createElement(DirectionPad, { onLeftPress: handleLeftClick, onRightPress: handleRightClick, onUpPress: handleUpClick, onDownPress: handleDownClick, onMiddlePress: handleMiddleClick, middleLabel: "RES" }),
|
|
28
|
-
React.createElement("div", { style: { marginTop: "20px", textAlign: "center" } },
|
|
29
|
-
"Last clicked button: ",
|
|
30
|
-
lastClick)));
|
|
31
|
-
},
|
|
32
|
-
};
|
|
33
|
-
const HorizontalOnly = {
|
|
34
|
-
render: () => {
|
|
35
|
-
const [lastClick, setLastClick] = useState("<none>");
|
|
36
|
-
const handleLeftClick = useCallback(() => {
|
|
37
|
-
setLastClick("left");
|
|
38
|
-
}, []);
|
|
39
|
-
const handleRightClick = useCallback(() => {
|
|
40
|
-
setLastClick("right");
|
|
41
|
-
}, []);
|
|
42
|
-
const handleMiddleClick = useCallback(() => {
|
|
43
|
-
setLastClick("middle");
|
|
44
|
-
}, []);
|
|
45
|
-
return (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement(DirectionPad, { onLeftPress: handleLeftClick, onRightPress: handleRightClick, onMiddlePress: handleMiddleClick, middleLabel: "OK" }),
|
|
47
|
-
React.createElement("div", { style: { marginTop: "20px", textAlign: "center" } },
|
|
48
|
-
"Last clicked button: ",
|
|
49
|
-
lastClick)));
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
const CustomStyled = {
|
|
53
|
-
render: () => {
|
|
54
|
-
const [lastClick, setLastClick] = useState("<none>");
|
|
55
|
-
const handleLeftClick = useCallback(() => {
|
|
56
|
-
setLastClick("left");
|
|
57
|
-
}, []);
|
|
58
|
-
const handleRightClick = useCallback(() => {
|
|
59
|
-
setLastClick("right");
|
|
60
|
-
}, []);
|
|
61
|
-
const handleUpClick = useCallback(() => {
|
|
62
|
-
setLastClick("up");
|
|
63
|
-
}, []);
|
|
64
|
-
const handleDownClick = useCallback(() => {
|
|
65
|
-
setLastClick("down");
|
|
66
|
-
}, []);
|
|
67
|
-
const handleMiddleClick = useCallback(() => {
|
|
68
|
-
setLastClick("middle");
|
|
69
|
-
}, []);
|
|
70
|
-
return (React.createElement("div", { style: { backgroundColor: "#f5f5f5", padding: "20px", borderRadius: "8px" } },
|
|
71
|
-
React.createElement(DirectionPad, { onLeftPress: handleLeftClick, onRightPress: handleRightClick, onUpPress: handleUpClick, onDownPress: handleDownClick, onMiddlePress: handleMiddleClick, middleLabel: "OK", className: "custom-pad" }),
|
|
72
|
-
React.createElement("div", { style: { marginTop: "20px", textAlign: "center" } },
|
|
73
|
-
"Last clicked button: ",
|
|
74
|
-
lastClick)));
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
export { Default, HorizontalOnly, CustomStyled };
|
|
78
|
-
export default meta;
|
|
79
|
-
//# sourceMappingURL=Pad.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pad.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Pad.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Drawer } from "./Drawer";
|
|
3
|
-
declare const meta: Meta<typeof Drawer>;
|
|
4
|
-
type Story = StoryObj<typeof Drawer>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const NoEscClose: Story;
|
|
7
|
-
declare const WithLongContent: Story;
|
|
8
|
-
declare const CustomStyled: Story;
|
|
9
|
-
export { Default, NoEscClose, WithLongContent, CustomStyled };
|
|
10
|
-
export default meta;
|
|
11
|
-
//# sourceMappingURL=Drawer.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAO7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAKrC,QAAA,MAAM,OAAO,EAAE,KA2Bd,CAAC;AAKF,QAAA,MAAM,UAAU,EAAE,KA4BjB,CAAC;AAKF,QAAA,MAAM,eAAe,EAAE,KAgCtB,CAAC;AAcF,QAAA,MAAM,YAAY,EAAE,KA2BnB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC;AAC9D,eAAe,IAAI,CAAC"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useState } from "react";
|
|
2
|
-
import { styled } from "../../../theme.js";
|
|
3
|
-
import { Section } from "../../layout/section/Section.js";
|
|
4
|
-
import { Button } from "../button/Button.js";
|
|
5
|
-
import { Drawer } from "./Drawer.js";
|
|
6
|
-
const meta = {
|
|
7
|
-
title: "UI/Drawer",
|
|
8
|
-
component: Drawer,
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: "fullscreen",
|
|
11
|
-
},
|
|
12
|
-
tags: ["autodocs"],
|
|
13
|
-
};
|
|
14
|
-
const Default = {
|
|
15
|
-
render: () => {
|
|
16
|
-
const [isOpen, setisOpen] = useState(false);
|
|
17
|
-
const handleToggleOpen = useCallback(() => {
|
|
18
|
-
setisOpen((prev) => !prev);
|
|
19
|
-
}, []);
|
|
20
|
-
const handleClose = useCallback(() => {
|
|
21
|
-
setisOpen(false);
|
|
22
|
-
}, []);
|
|
23
|
-
return (React.createElement("div", { style: { padding: "20px" } },
|
|
24
|
-
React.createElement(Drawer, { isOpen: isOpen, onClose: handleClose },
|
|
25
|
-
React.createElement("div", { style: { padding: "20px" } },
|
|
26
|
-
React.createElement("h2", null, "Drawer Content"),
|
|
27
|
-
React.createElement("p", null, "This is the content inside the drawer."),
|
|
28
|
-
React.createElement("p", null, "Press ESC to close."))),
|
|
29
|
-
React.createElement(Button, { onClick: handleToggleOpen }, isOpen ? "Close Drawer" : "Open Drawer")));
|
|
30
|
-
},
|
|
31
|
-
};
|
|
32
|
-
const NoEscClose = {
|
|
33
|
-
render: () => {
|
|
34
|
-
const [open, setOpen] = useState(false);
|
|
35
|
-
const handleToggleOpen = useCallback(() => {
|
|
36
|
-
setOpen((prev) => !prev);
|
|
37
|
-
}, []);
|
|
38
|
-
const handleClose = useCallback(() => {
|
|
39
|
-
setOpen(false);
|
|
40
|
-
}, []);
|
|
41
|
-
return (React.createElement("div", { style: { padding: "20px" } },
|
|
42
|
-
React.createElement(Drawer, { isOpen: open, onClose: handleClose, closeOnEsc: false },
|
|
43
|
-
React.createElement("div", { style: { padding: "20px" } },
|
|
44
|
-
React.createElement("h2", null, "Drawer Without ESC Close"),
|
|
45
|
-
React.createElement("p", null, "This drawer will not close when you press ESC."),
|
|
46
|
-
React.createElement("p", null, "Use the button below to close it."),
|
|
47
|
-
React.createElement(Button, { onClick: handleClose }, "Close Drawer"))),
|
|
48
|
-
React.createElement(Button, { onClick: handleToggleOpen }, open ? "Close Drawer" : "Open Drawer (No ESC Close)")));
|
|
49
|
-
},
|
|
50
|
-
};
|
|
51
|
-
const WithLongContent = {
|
|
52
|
-
render: () => {
|
|
53
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
54
|
-
const handleToggleOpen = useCallback(() => {
|
|
55
|
-
setIsOpen(prev => !prev);
|
|
56
|
-
}, []);
|
|
57
|
-
const handleClose = useCallback(() => {
|
|
58
|
-
setIsOpen(false);
|
|
59
|
-
}, []);
|
|
60
|
-
return (React.createElement("div", { style: { padding: "20px" } },
|
|
61
|
-
React.createElement(Drawer, { isOpen: isOpen, onClose: handleClose },
|
|
62
|
-
React.createElement("div", { style: { padding: "20px" } },
|
|
63
|
-
React.createElement("h2", null, "Drawer with Long Content"),
|
|
64
|
-
React.createElement("p", null, "This drawer has enough content to demonstrate scrolling behavior."),
|
|
65
|
-
Array(20).fill(0).map((_, i) => (React.createElement(Section, { key: i, vertical: true, horizontal: true },
|
|
66
|
-
" ",
|
|
67
|
-
React.createElement("h3", null,
|
|
68
|
-
"Section ",
|
|
69
|
-
i + 1),
|
|
70
|
-
React.createElement("p", null,
|
|
71
|
-
"This is content section ",
|
|
72
|
-
i + 1,
|
|
73
|
-
" in the scrollable drawer.")))))),
|
|
74
|
-
React.createElement(Button, { onClick: handleToggleOpen }, isOpen ? "Close Drawer" : "Open Drawer with Long Content")));
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
const CustomStyledDrawer = styled(Drawer, {
|
|
78
|
-
"&&": {
|
|
79
|
-
background: "linear-gradient(to bottom, #c5f7fa, #63cfe2)",
|
|
80
|
-
},
|
|
81
|
-
});
|
|
82
|
-
const CustomStyled = {
|
|
83
|
-
render: () => {
|
|
84
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
85
|
-
const handleToggleOpen = useCallback(() => {
|
|
86
|
-
setIsOpen(prev => !prev);
|
|
87
|
-
}, []);
|
|
88
|
-
const handleClose = useCallback(() => {
|
|
89
|
-
setIsOpen(false);
|
|
90
|
-
}, []);
|
|
91
|
-
return (React.createElement("div", { style: { padding: "20px" } },
|
|
92
|
-
React.createElement(CustomStyledDrawer, { isOpen: isOpen, onClose: handleClose },
|
|
93
|
-
React.createElement("div", { style: { padding: "20px" } },
|
|
94
|
-
React.createElement("h2", null, "Custom Styled Drawer"),
|
|
95
|
-
React.createElement("p", null, "This drawer has custom styling with a gradient background"),
|
|
96
|
-
React.createElement(Button, { onClick: handleClose }, "Close Drawer"))),
|
|
97
|
-
React.createElement(Button, { onClick: handleToggleOpen }, isOpen ? "Close Custom Drawer" : "Open Custom Drawer")));
|
|
98
|
-
},
|
|
99
|
-
};
|
|
100
|
-
export { Default, NoEscClose, WithLongContent, CustomStyled };
|
|
101
|
-
export default meta;
|
|
102
|
-
//# sourceMappingURL=Drawer.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/drawer/Drawer.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { KeyValue } from "./KeyValue";
|
|
3
|
-
declare const meta: Meta<typeof KeyValue>;
|
|
4
|
-
type Story = StoryObj<typeof KeyValue>;
|
|
5
|
-
declare const Default: Story;
|
|
6
|
-
declare const TwoColumn: Story;
|
|
7
|
-
declare const SingleColumn: Story;
|
|
8
|
-
declare const CustomStyled: Story;
|
|
9
|
-
export { Default, TwoColumn, SingleColumn, CustomStyled };
|
|
10
|
-
export default meta;
|
|
11
|
-
//# sourceMappingURL=KeyValue.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KeyValue.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/keyValue/KeyValue.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,QAAQ,EAAoE,MAAM,YAAY,CAAC;AAExG,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAwEvC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAKF,QAAA,MAAM,SAAS,EAAE,KAMhB,CAAC;AAKF,QAAA,MAAM,YAAY,EAAE,KAMnB,CAAC;AAUF,QAAA,MAAM,YAAY,EAAE,KASnB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAC1D,eAAe,IAAI,CAAC"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { omit } from "@ezez/utils";
|
|
3
|
-
import { styled } from "../../../theme.js";
|
|
4
|
-
import { ICON, Icon } from "../../icons/Icon.js";
|
|
5
|
-
import { KeyValue, KeyValueIconSelector, KeyValueKeySelector, KeyValueValueSelector } from "./KeyValue.js";
|
|
6
|
-
const meta = {
|
|
7
|
-
title: "UI/KeyValue",
|
|
8
|
-
component: KeyValue,
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: "centered",
|
|
11
|
-
},
|
|
12
|
-
tags: ["autodocs"],
|
|
13
|
-
};
|
|
14
|
-
const StyledKeyValue = styled(KeyValue, {
|
|
15
|
-
"--kv-background-color": "#f5f5f5",
|
|
16
|
-
"--kv-border-color": "#ddd",
|
|
17
|
-
"--kv-hover-background-color": "#e8e8e8",
|
|
18
|
-
"borderRadius": "8px",
|
|
19
|
-
"boxShadow": "0 2px 4px rgba(0,0,0,0.05)",
|
|
20
|
-
[`& ${KeyValueKeySelector}`]: {
|
|
21
|
-
fontFamily: "serif",
|
|
22
|
-
fontStyle: "italic",
|
|
23
|
-
color: "$blue1",
|
|
24
|
-
},
|
|
25
|
-
[`& ${KeyValueValueSelector}`]: {
|
|
26
|
-
fontWeight: "bold",
|
|
27
|
-
color: "$green1",
|
|
28
|
-
},
|
|
29
|
-
[`& ${KeyValueIconSelector}`]: {
|
|
30
|
-
color: "$orange1",
|
|
31
|
-
},
|
|
32
|
-
});
|
|
33
|
-
const items = [
|
|
34
|
-
{
|
|
35
|
-
key: "Turbo",
|
|
36
|
-
value: "100x",
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
key: "Turbo",
|
|
40
|
-
value: "100x",
|
|
41
|
-
icon: React.createElement(Icon, { name: ICON.heart }),
|
|
42
|
-
onClick: () => { alert("Clicked item with heart icon"); },
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
value: "99%",
|
|
46
|
-
icon: React.createElement(Icon, { name: ICON.battery }),
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
key: "4,25 V",
|
|
50
|
-
value: "99%",
|
|
51
|
-
icon: React.createElement(Icon, { name: ICON.battery }),
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
key: "Just key",
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
value: "Just value",
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
key: React.createElement(React.Fragment, null,
|
|
61
|
-
"Multi line",
|
|
62
|
-
React.createElement("br", null),
|
|
63
|
-
"key"),
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
value: React.createElement(React.Fragment, null,
|
|
67
|
-
"Multi line",
|
|
68
|
-
React.createElement("br", null),
|
|
69
|
-
"value"),
|
|
70
|
-
},
|
|
71
|
-
];
|
|
72
|
-
const Default = {
|
|
73
|
-
args: {
|
|
74
|
-
items,
|
|
75
|
-
valueFirst: true,
|
|
76
|
-
cols: 3,
|
|
77
|
-
},
|
|
78
|
-
};
|
|
79
|
-
const TwoColumn = {
|
|
80
|
-
args: {
|
|
81
|
-
items,
|
|
82
|
-
valueFirst: false,
|
|
83
|
-
cols: 2,
|
|
84
|
-
},
|
|
85
|
-
};
|
|
86
|
-
const SingleColumn = {
|
|
87
|
-
args: {
|
|
88
|
-
items,
|
|
89
|
-
valueFirst: false,
|
|
90
|
-
cols: 1,
|
|
91
|
-
},
|
|
92
|
-
};
|
|
93
|
-
const CustomStyled = {
|
|
94
|
-
render: (args) => (React.createElement(StyledKeyValue, { items: items, valueFirst: true, cols: 2, ...omit(args, ["ref", "items"]) })),
|
|
95
|
-
};
|
|
96
|
-
export { Default, TwoColumn, SingleColumn, CustomStyled };
|
|
97
|
-
export default meta;
|
|
98
|
-
//# sourceMappingURL=KeyValue.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"KeyValue.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/keyValue/KeyValue.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
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,uBAAuB,CAAC;AAE5D,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 { Meta, StoryObj } from "@storybook/react-vite";
|
|
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,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,QAAA,MAAM,IAAI,EAAE,IA0BX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,OAAO,EAAE,KAqBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}
|