react-miui 0.34.0 → 0.36.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 +2 -1
- package/CHANGELOG.md +17 -0
- package/dist/components/form/index.d.ts +1 -0
- package/dist/components/form/index.d.ts.map +1 -1
- package/dist/components/form/index.js +1 -0
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/form/input/Input.d.ts.map +1 -1
- package/dist/components/form/input/Input.js +9 -5
- package/dist/components/form/input/Input.js.map +1 -1
- package/dist/components/form/timepicker/TimePicker.css.d.ts +99 -0
- package/dist/components/form/timepicker/TimePicker.css.d.ts.map +1 -0
- package/dist/components/form/timepicker/TimePicker.css.js +116 -0
- package/dist/components/form/timepicker/TimePicker.css.js.map +1 -0
- package/dist/components/form/timepicker/TimePicker.d.ts +22 -0
- package/dist/components/form/timepicker/TimePicker.d.ts.map +1 -0
- package/dist/components/form/timepicker/TimePicker.js +141 -0
- package/dist/components/form/timepicker/TimePicker.js.map +1 -0
- package/dist/components/form/timepicker/TimePicker.styled.d.ts +936 -0
- package/dist/components/form/timepicker/TimePicker.styled.d.ts.map +1 -0
- package/dist/components/form/timepicker/TimePicker.styled.js +29 -0
- package/dist/components/form/timepicker/TimePicker.styled.js.map +1 -0
- package/dist/components/form/timepicker/TimePickerModal.d.ts +17 -0
- package/dist/components/form/timepicker/TimePickerModal.d.ts.map +1 -0
- package/dist/components/form/timepicker/TimePickerModal.js +92 -0
- package/dist/components/form/timepicker/TimePickerModal.js.map +1 -0
- package/dist/components/form/timepicker/Wheel.d.ts +12 -0
- package/dist/components/form/timepicker/Wheel.d.ts.map +1 -0
- package/dist/components/form/timepicker/Wheel.js +187 -0
- package/dist/components/form/timepicker/Wheel.js.map +1 -0
- package/dist/components/form/timepicker/utils.d.ts +4 -0
- package/dist/components/form/timepicker/utils.d.ts.map +1 -0
- package/dist/components/form/timepicker/utils.js +62 -0
- package/dist/components/form/timepicker/utils.js.map +1 -0
- package/dist/components/icons/Clock.d.ts +7 -0
- package/dist/components/icons/Clock.d.ts.map +1 -0
- package/dist/components/icons/Clock.js +45 -0
- package/dist/components/icons/Clock.js.map +1 -0
- package/dist/components/icons/Icon.d.ts +2 -1
- package/dist/components/icons/Icon.d.ts.map +1 -1
- package/dist/components/icons/Icon.js +3 -0
- package/dist/components/icons/Icon.js.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.js +13 -3
- package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
- package/dist/components/layout/header/HeaderIconAction.styled.js +11 -17
- package/dist/components/layout/header/HeaderIconAction.styled.js.map +1 -1
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Item.js +17 -7
- package/dist/components/layout/list/Item.js.map +1 -1
- package/dist/components/layout/list/Item.styled.d.ts.map +1 -1
- package/dist/components/layout/list/Item.styled.js +2 -1
- package/dist/components/layout/list/Item.styled.js.map +1 -1
- package/dist/components/ui/button/Button.d.ts +94 -1
- package/dist/components/ui/button/Button.d.ts.map +1 -1
- package/dist/components/ui/button/Button.js +59 -2
- package/dist/components/ui/button/Button.js.map +1 -1
- package/dist/components/ui/button/Button.styled.d.ts +2 -2
- package/dist/components/ui/button/Button.styled.d.ts.map +1 -1
- package/dist/components/ui/button/Button.styled.js +4 -3
- package/dist/components/ui/button/Button.styled.js.map +1 -1
- package/dist/components/ui/directionPad/Button.d.ts.map +1 -1
- package/dist/components/ui/directionPad/Button.js +7 -2
- package/dist/components/ui/directionPad/Button.js.map +1 -1
- package/dist/components/ui/directionPad/Button.styled.d.ts.map +1 -1
- package/dist/components/ui/directionPad/Button.styled.js +2 -1
- package/dist/components/ui/directionPad/Button.styled.js.map +1 -1
- package/dist/components/ui/directionPad/Middle.d.ts.map +1 -1
- package/dist/components/ui/directionPad/Middle.js +7 -1
- package/dist/components/ui/directionPad/Middle.js.map +1 -1
- package/dist/components/ui/directionPad/Middle.styled.d.ts.map +1 -1
- package/dist/components/ui/directionPad/Middle.styled.js +2 -1
- package/dist/components/ui/directionPad/Middle.styled.js.map +1 -1
- package/dist/components/ui/modal/Modal.d.ts +1 -2
- package/dist/components/ui/modal/Modal.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.js +114 -42
- package/dist/components/ui/modal/Modal.js.map +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts +1 -1
- package/dist/components/ui/modal/Modal.styled.d.ts.map +1 -1
- package/dist/components/ui/modal/Modal.styled.js +40 -25
- package/dist/components/ui/modal/Modal.styled.js.map +1 -1
- package/dist/components/ui/modal/ModalButtons.d.ts +179 -1
- package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -1
- package/dist/components/ui/modal/ModalButtons.js +63 -2
- package/dist/components/ui/modal/ModalButtons.js.map +1 -1
- package/dist/components/ui/modal/ModalButtons.styled.d.ts +90 -91
- package/dist/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
- package/dist/components/ui/modal/ModalButtons.styled.js +5 -7
- package/dist/components/ui/modal/ModalButtons.styled.js.map +1 -1
- package/dist/components/ui/pop/Pop.styled.d.ts.map +1 -1
- package/dist/components/ui/pop/Pop.styled.js +15 -17
- package/dist/components/ui/pop/Pop.styled.js.map +1 -1
- package/dist/components/ui/pop/PopOption.d.ts.map +1 -1
- package/dist/components/ui/pop/PopOption.js +7 -2
- package/dist/components/ui/pop/PopOption.js.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.d.ts +94 -1
- package/dist/components/ui/toolButton/ToolButton.d.ts.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.js +59 -2
- package/dist/components/ui/toolButton/ToolButton.js.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.styled.d.ts +2 -2
- package/dist/components/ui/toolButton/ToolButton.styled.d.ts.map +1 -1
- package/dist/components/ui/toolButton/ToolButton.styled.js +20 -25
- package/dist/components/ui/toolButton/ToolButton.styled.js.map +1 -1
- package/dist/theme.css-global.d.ts.map +1 -1
- package/dist/theme.css-global.js +0 -1
- package/dist/theme.css-global.js.map +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/useNativeValidity.d.ts +11 -0
- package/dist/utils/useNativeValidity.d.ts.map +1 -0
- package/dist/utils/useNativeValidity.js +32 -0
- package/dist/utils/useNativeValidity.js.map +1 -0
- package/dist/utils/useRipple.d.ts +15 -0
- package/dist/utils/useRipple.d.ts.map +1 -0
- package/dist/utils/useRipple.js +120 -0
- package/dist/utils/useRipple.js.map +1 -0
- package/dist/utils/useRipple.styled.d.ts +28 -0
- package/dist/utils/useRipple.styled.d.ts.map +1 -0
- package/dist/utils/useRipple.styled.js +36 -0
- package/dist/utils/useRipple.styled.js.map +1 -0
- package/docs/assets/navigation.js +1 -1
- package/docs/assets/search.js +1 -1
- package/docs/classes/index.Pop.html +7 -7
- package/docs/documents/Test.html +2 -2
- package/docs/enums/index.ICON.html +3 -2
- package/docs/functions/index.Action.html +3 -3
- package/docs/functions/index.Button.html +3 -9
- package/docs/functions/index.Card.html +2 -2
- package/docs/functions/index.Checkbox.html +3 -3
- package/docs/functions/index.Choice.html +2 -2
- package/docs/functions/index.ColorPicker.html +3 -3
- package/docs/functions/index.CoveringLoader.html +3 -3
- package/docs/functions/index.DirectionPad.html +2 -2
- package/docs/functions/index.Drawer.html +2 -2
- package/docs/functions/index.EqualActions.html +2 -2
- package/docs/functions/index.FullLoader.html +3 -3
- package/docs/functions/index.Gap.html +2 -2
- package/docs/functions/index.HandleEsc.html +3 -3
- package/docs/functions/index.Header.html +3 -3
- package/docs/functions/index.HeaderIconAction.html +3 -3
- package/docs/functions/index.Icon-1.html +2 -2
- package/docs/functions/index.If.html +3 -3
- package/docs/functions/index.Input.html +1 -1
- package/docs/functions/index.KeyValue.html +2 -2
- package/docs/functions/index.Label.html +2 -2
- package/docs/functions/index.Line.html +3 -3
- package/docs/functions/index.List.html +2 -2
- package/docs/functions/index.Loader.html +3 -3
- package/docs/functions/index.Loading.html +3 -3
- package/docs/functions/index.Message.html +3 -3
- package/docs/functions/index.Modal.html +2 -2
- package/docs/functions/index.ModalButtons.html +3 -3
- package/docs/functions/index.PopLoader.html +3 -3
- package/docs/functions/index.PopOption.html +2 -2
- package/docs/functions/index.Progress.html +2 -2
- package/docs/functions/index.SearchContainer.html +2 -2
- package/docs/functions/index.Section.html +4 -4
- package/docs/functions/index.Select.html +2 -2
- package/docs/functions/index.Selector.html +2 -2
- package/docs/functions/index.Spacer.html +2 -2
- package/docs/functions/index.Stats.html +2 -2
- package/docs/functions/index.StickyHeader.html +4 -4
- package/docs/functions/index.Table.html +2 -2
- package/docs/functions/index.TextArea.html +2 -2
- package/docs/functions/index.TimePicker.html +10 -0
- package/docs/functions/index.ToasterProvider.html +3 -3
- package/docs/functions/index.Toggle.html +3 -3
- package/docs/functions/index.ToolButton.html +3 -9
- package/docs/functions/index.Tooltip.html +3 -3
- package/docs/functions/index.TooltipProvider.html +2 -2
- 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 +2 -2
- 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 +3 -3
- package/docs/interfaces/index.LoaderProps.html +6 -6
- package/docs/interfaces/index.StickyHeaderProps.html +4 -4
- package/docs/interfaces/index.ToasterProviderProps.html +3 -3
- package/docs/interfaces/index.TooltipProps.html +14 -14
- package/docs/interfaces/index.TooltipProviderProps.html +5 -5
- 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 -1
- package/docs/types/index.DrawerProps.html +2 -2
- 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.TimePickerProps.html +1 -0
- 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 -1
- package/docs/variables/index.InputInputSelector.html +1 -1
- package/docs/variables/index.InputLabelSelector.html +1 -1
- 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 -1
- package/docs/variables/index.TextAreaTextAreaSelector.html +1 -1
- package/docs/variables/index.TextAreaWrapperSelector.html +1 -1
- package/docs/variables/index.ToggleStyledToggleSelector.html +1 -1
- package/docs/variables/index.TooltipContentSelector.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/index.d.ts +1 -0
- package/esm/components/form/index.d.ts.map +1 -1
- package/esm/components/form/index.js +1 -0
- package/esm/components/form/index.js.map +1 -1
- package/esm/components/form/input/Input.d.ts.map +1 -1
- package/esm/components/form/input/Input.js +9 -5
- package/esm/components/form/input/Input.js.map +1 -1
- package/esm/components/form/timepicker/TimePicker.css.d.ts +99 -0
- package/esm/components/form/timepicker/TimePicker.css.d.ts.map +1 -0
- package/esm/components/form/timepicker/TimePicker.css.js +102 -0
- package/esm/components/form/timepicker/TimePicker.css.js.map +1 -0
- package/esm/components/form/timepicker/TimePicker.d.ts +22 -0
- package/esm/components/form/timepicker/TimePicker.d.ts.map +1 -0
- package/esm/components/form/timepicker/TimePicker.js +93 -0
- package/esm/components/form/timepicker/TimePicker.js.map +1 -0
- package/esm/components/form/timepicker/TimePicker.styled.d.ts +936 -0
- package/esm/components/form/timepicker/TimePicker.styled.d.ts.map +1 -0
- package/esm/components/form/timepicker/TimePicker.styled.js +20 -0
- package/esm/components/form/timepicker/TimePicker.styled.js.map +1 -0
- package/esm/components/form/timepicker/TimePickerModal.d.ts +17 -0
- package/esm/components/form/timepicker/TimePickerModal.d.ts.map +1 -0
- package/esm/components/form/timepicker/TimePickerModal.js +56 -0
- package/esm/components/form/timepicker/TimePickerModal.js.map +1 -0
- package/esm/components/form/timepicker/Wheel.d.ts +12 -0
- package/esm/components/form/timepicker/Wheel.d.ts.map +1 -0
- package/esm/components/form/timepicker/Wheel.js +151 -0
- package/esm/components/form/timepicker/Wheel.js.map +1 -0
- package/esm/components/form/timepicker/utils.d.ts +4 -0
- package/esm/components/form/timepicker/utils.d.ts.map +1 -0
- package/esm/components/form/timepicker/utils.js +58 -0
- package/esm/components/form/timepicker/utils.js.map +1 -0
- package/esm/components/icons/Clock.d.ts +7 -0
- package/esm/components/icons/Clock.d.ts.map +1 -0
- package/esm/components/icons/Clock.js +9 -0
- package/esm/components/icons/Clock.js.map +1 -0
- package/esm/components/icons/Icon.d.ts +2 -1
- package/esm/components/icons/Icon.d.ts.map +1 -1
- package/esm/components/icons/Icon.js +3 -0
- package/esm/components/icons/Icon.js.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.js +13 -3
- package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.styled.d.ts.map +1 -1
- package/esm/components/layout/header/HeaderIconAction.styled.js +11 -17
- package/esm/components/layout/header/HeaderIconAction.styled.js.map +1 -1
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Item.js +18 -8
- package/esm/components/layout/list/Item.js.map +1 -1
- package/esm/components/layout/list/Item.styled.d.ts.map +1 -1
- package/esm/components/layout/list/Item.styled.js +2 -1
- package/esm/components/layout/list/Item.styled.js.map +1 -1
- package/esm/components/ui/button/Button.d.ts +94 -1
- package/esm/components/ui/button/Button.d.ts.map +1 -1
- package/esm/components/ui/button/Button.js +15 -1
- package/esm/components/ui/button/Button.js.map +1 -1
- package/esm/components/ui/button/Button.styled.d.ts +2 -2
- package/esm/components/ui/button/Button.styled.d.ts.map +1 -1
- package/esm/components/ui/button/Button.styled.js +3 -2
- package/esm/components/ui/button/Button.styled.js.map +1 -1
- package/esm/components/ui/directionPad/Button.d.ts.map +1 -1
- package/esm/components/ui/directionPad/Button.js +7 -2
- package/esm/components/ui/directionPad/Button.js.map +1 -1
- package/esm/components/ui/directionPad/Button.styled.d.ts.map +1 -1
- package/esm/components/ui/directionPad/Button.styled.js +2 -1
- package/esm/components/ui/directionPad/Button.styled.js.map +1 -1
- package/esm/components/ui/directionPad/Middle.d.ts.map +1 -1
- package/esm/components/ui/directionPad/Middle.js +7 -1
- package/esm/components/ui/directionPad/Middle.js.map +1 -1
- package/esm/components/ui/directionPad/Middle.styled.d.ts.map +1 -1
- package/esm/components/ui/directionPad/Middle.styled.js +2 -1
- package/esm/components/ui/directionPad/Middle.styled.js.map +1 -1
- package/esm/components/ui/modal/Modal.d.ts +1 -2
- package/esm/components/ui/modal/Modal.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.js +103 -43
- package/esm/components/ui/modal/Modal.js.map +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts +1 -1
- package/esm/components/ui/modal/Modal.styled.d.ts.map +1 -1
- package/esm/components/ui/modal/Modal.styled.js +40 -25
- package/esm/components/ui/modal/Modal.styled.js.map +1 -1
- package/esm/components/ui/modal/ModalButtons.d.ts +179 -1
- package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -1
- package/esm/components/ui/modal/ModalButtons.js +19 -1
- package/esm/components/ui/modal/ModalButtons.js.map +1 -1
- package/esm/components/ui/modal/ModalButtons.styled.d.ts +90 -91
- package/esm/components/ui/modal/ModalButtons.styled.d.ts.map +1 -1
- package/esm/components/ui/modal/ModalButtons.styled.js +3 -6
- package/esm/components/ui/modal/ModalButtons.styled.js.map +1 -1
- package/esm/components/ui/pop/Pop.styled.d.ts.map +1 -1
- package/esm/components/ui/pop/Pop.styled.js +15 -17
- package/esm/components/ui/pop/Pop.styled.js.map +1 -1
- package/esm/components/ui/pop/PopOption.d.ts.map +1 -1
- package/esm/components/ui/pop/PopOption.js +7 -2
- package/esm/components/ui/pop/PopOption.js.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.d.ts +94 -1
- package/esm/components/ui/toolButton/ToolButton.d.ts.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.js +15 -1
- package/esm/components/ui/toolButton/ToolButton.js.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.styled.d.ts +2 -2
- package/esm/components/ui/toolButton/ToolButton.styled.d.ts.map +1 -1
- package/esm/components/ui/toolButton/ToolButton.styled.js +19 -24
- package/esm/components/ui/toolButton/ToolButton.styled.js.map +1 -1
- package/esm/theme.css-global.d.ts.map +1 -1
- package/esm/theme.css-global.js +0 -1
- package/esm/theme.css-global.js.map +1 -1
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +1 -0
- package/esm/utils/index.js.map +1 -1
- package/esm/utils/useNativeValidity.d.ts +11 -0
- package/esm/utils/useNativeValidity.d.ts.map +1 -0
- package/esm/utils/useNativeValidity.js +29 -0
- package/esm/utils/useNativeValidity.js.map +1 -0
- package/esm/utils/useRipple.d.ts +15 -0
- package/esm/utils/useRipple.d.ts.map +1 -0
- package/esm/utils/useRipple.js +84 -0
- package/esm/utils/useRipple.js.map +1 -0
- package/esm/utils/useRipple.styled.d.ts +28 -0
- package/esm/utils/useRipple.styled.d.ts.map +1 -0
- package/esm/utils/useRipple.styled.js +33 -0
- package/esm/utils/useRipple.styled.js.map +1 -0
- package/package.json +1 -1
- package/src/components/form/index.ts +1 -0
- package/src/components/form/input/Input.stories.tsx +47 -1
- package/src/components/form/input/Input.tsx +11 -5
- package/src/components/form/timepicker/TimePicker.css.ts +132 -0
- package/src/components/form/timepicker/TimePicker.stories.tsx +107 -0
- package/src/components/form/timepicker/TimePicker.styled.ts +52 -0
- package/src/components/form/timepicker/TimePicker.tsx +229 -0
- package/src/components/form/timepicker/TimePickerModal.tsx +131 -0
- package/src/components/form/timepicker/Wheel.tsx +201 -0
- package/src/components/form/timepicker/utils.ts +66 -0
- package/src/components/icons/Clock.tsx +38 -0
- package/src/components/icons/Icon.tsx +3 -0
- package/src/components/layout/header/HeaderIconAction.styled.ts +11 -18
- package/src/components/layout/header/HeaderIconAction.tsx +32 -5
- package/src/components/layout/list/Item.styled.ts +2 -1
- package/src/components/layout/list/Item.tsx +38 -5
- package/src/components/ui/button/Button.styled.ts +3 -2
- package/src/components/ui/button/Button.tsx +33 -1
- package/src/components/ui/directionPad/Button.styled.ts +2 -1
- package/src/components/ui/directionPad/Button.tsx +13 -1
- package/src/components/ui/directionPad/Middle.styled.ts +2 -1
- package/src/components/ui/directionPad/Middle.tsx +13 -1
- package/src/components/ui/modal/Modal.stories.tsx +43 -7
- package/src/components/ui/modal/Modal.styled.ts +46 -25
- package/src/components/ui/modal/Modal.tsx +135 -52
- package/src/components/ui/modal/ModalButtons.styled.ts +4 -7
- package/src/components/ui/modal/ModalButtons.tsx +38 -1
- package/src/components/ui/pop/Pop.styled.ts +15 -18
- package/src/components/ui/pop/PopOption.tsx +15 -1
- package/src/components/ui/toolButton/ToolButton.styled.ts +20 -26
- package/src/components/ui/toolButton/ToolButton.tsx +33 -0
- package/src/theme.css-global.ts +0 -1
- package/src/utils/index.ts +1 -0
- package/src/utils/useNativeValidity.ts +57 -0
- package/src/utils/useRipple.styled.ts +56 -0
- package/src/utils/useRipple.tsx +139 -0
- package/src/components/ui/toolButton/ToolButton.ts +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -260,7 +260,7 @@ declare const ContainerStyled: import("../../../../node_modules/@stitches/react/
|
|
|
260
260
|
height: string | number;
|
|
261
261
|
};
|
|
262
262
|
}>>;
|
|
263
|
-
declare const TitleStyled: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"
|
|
263
|
+
declare const TitleStyled: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"h2", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
|
|
264
264
|
colors: {
|
|
265
265
|
background: "white";
|
|
266
266
|
mainColor: "#008ad2";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Modal.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,gBAAgB,QAAe,CAAC;AAWtC,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCjB,CAAC;AAaH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEjB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCnB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMf,CAAC;AAEH,OAAO,EACH,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EAEX,gBAAgB,GACnB,CAAC"}
|
|
@@ -10,19 +10,23 @@ const overlay = keyframes({
|
|
|
10
10
|
},
|
|
11
11
|
});
|
|
12
12
|
const OverlayStyled = styled("div", {
|
|
13
|
-
position: "fixed",
|
|
14
|
-
zIndex: 4,
|
|
15
|
-
top: 0,
|
|
16
|
-
bottom: 0,
|
|
17
|
-
left: 0,
|
|
18
|
-
right: 0,
|
|
19
|
-
display: "flex",
|
|
20
|
-
alignItems: "center",
|
|
21
|
-
justifyContent: "center",
|
|
22
|
-
animation: `${overlay.toString()} 300ms`,
|
|
23
|
-
animationFillMode: "forwards",
|
|
24
|
-
backdropFilter: "blur(5px)",
|
|
25
|
-
|
|
13
|
+
"position": "fixed",
|
|
14
|
+
"zIndex": 4,
|
|
15
|
+
"top": 0,
|
|
16
|
+
"bottom": 0,
|
|
17
|
+
"left": 0,
|
|
18
|
+
"right": 0,
|
|
19
|
+
"display": "flex",
|
|
20
|
+
"alignItems": "center",
|
|
21
|
+
"justifyContent": "center",
|
|
22
|
+
"animation": `${overlay.toString()} 300ms`,
|
|
23
|
+
"animationFillMode": "forwards",
|
|
24
|
+
"backdropFilter": "blur(5px)",
|
|
25
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
26
|
+
animation: "none",
|
|
27
|
+
background: "rgba($background, 0.3)",
|
|
28
|
+
},
|
|
29
|
+
"variants": {
|
|
26
30
|
position: {
|
|
27
31
|
bottom: {
|
|
28
32
|
alignItems: "flex-end",
|
|
@@ -50,17 +54,27 @@ const RemovePadding = styled("div", {
|
|
|
50
54
|
mx: NEGATIVE_PADDING,
|
|
51
55
|
});
|
|
52
56
|
const ContainerStyled = styled("div", {
|
|
53
|
-
background: "$modalBg",
|
|
54
|
-
borderRadius: dimensionsPxToRem(12),
|
|
55
|
-
maxWidth: pxToRem(333),
|
|
56
|
-
maxHeight: "100%",
|
|
57
|
-
width: "calc(100% - 30px)",
|
|
58
|
-
padding: PADDING,
|
|
59
|
-
position: "relative",
|
|
60
|
-
boxSizing: "border-box",
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
57
|
+
"background": "$modalBg",
|
|
58
|
+
"borderRadius": dimensionsPxToRem(12),
|
|
59
|
+
"maxWidth": pxToRem(333),
|
|
60
|
+
"maxHeight": "100%",
|
|
61
|
+
"width": "calc(100% - 30px)",
|
|
62
|
+
"padding": PADDING,
|
|
63
|
+
"position": "relative",
|
|
64
|
+
"boxSizing": "border-box",
|
|
65
|
+
"overflowY": "auto",
|
|
66
|
+
"overscrollBehavior": "contain",
|
|
67
|
+
"animation": `${container.toString()} 300ms`,
|
|
68
|
+
"animationFillMode": "forwards",
|
|
69
|
+
"&:focus": {
|
|
70
|
+
outline: "none",
|
|
71
|
+
},
|
|
72
|
+
"@media (prefers-reduced-motion: reduce)": {
|
|
73
|
+
animation: "none",
|
|
74
|
+
opacity: 1,
|
|
75
|
+
transform: "none",
|
|
76
|
+
},
|
|
77
|
+
"variants": {
|
|
64
78
|
full: {
|
|
65
79
|
true: {
|
|
66
80
|
width: "calc(100vw - 30px)",
|
|
@@ -74,11 +88,12 @@ const ContainerStyled = styled("div", {
|
|
|
74
88
|
},
|
|
75
89
|
},
|
|
76
90
|
});
|
|
77
|
-
const TitleStyled = styled("
|
|
91
|
+
const TitleStyled = styled("h2", {
|
|
78
92
|
fontSize: fontPxToRem(40),
|
|
79
93
|
textAlign: "center",
|
|
80
94
|
color: "$text3",
|
|
81
95
|
margin: `${dimensionsPxToRem(90)} 0`,
|
|
96
|
+
fontWeight: "inherit",
|
|
82
97
|
});
|
|
83
98
|
export { OverlayStyled, RemovePadding, ContainerStyled, TitleStyled, NEGATIVE_PADDING, };
|
|
84
99
|
//# sourceMappingURL=Modal.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE5F,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,CAAC,CAAC;AAC5B,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,OAAO,GAAG,SAAS,CAAC;IACtB,IAAI,EAAE;QACF,UAAU,EAAE,sBAAsB;KACrC;IACD,EAAE,EAAE;QACA,UAAU,EAAE,wBAAwB;KACvC;CACJ,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,EAAE;IAChC,
|
|
1
|
+
{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,180 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const ModalButtons: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
|
|
3
|
+
colors: {
|
|
4
|
+
background: "white";
|
|
5
|
+
mainColor: "#008ad2";
|
|
6
|
+
mainColorAlt: "#006AA9";
|
|
7
|
+
activeBg: "#e7e7e7";
|
|
8
|
+
inactiveBg: "#d3d3de";
|
|
9
|
+
inactiveDarkBg: "#999";
|
|
10
|
+
toggleHandleBg: "#e0e0e0";
|
|
11
|
+
toggleHandleBorder: "#cdcdcd";
|
|
12
|
+
toggleBgDisabled: "#f0f0f0";
|
|
13
|
+
toggleHandleBorderDisabled: "#c29f7d";
|
|
14
|
+
toggleHandleBgDisabled: "#deae84";
|
|
15
|
+
icon: "#636363";
|
|
16
|
+
border: "#d5d5d5";
|
|
17
|
+
buttonBorder: "#bababa";
|
|
18
|
+
headerBorder: "#c8c8c9";
|
|
19
|
+
headerBg: "#efeff0";
|
|
20
|
+
headerText: "#484848";
|
|
21
|
+
text: "#323232";
|
|
22
|
+
text2: "#181818";
|
|
23
|
+
text3: "#000000";
|
|
24
|
+
sub: "#959595";
|
|
25
|
+
popText: "#666";
|
|
26
|
+
toolbarBorder: "#ababab";
|
|
27
|
+
toolbarBg: "#f8f8f8";
|
|
28
|
+
modalBg: "#f7f7f7";
|
|
29
|
+
modalButtonBg: "#f8f8f8";
|
|
30
|
+
modalButtonBorder: "#c2c2c2";
|
|
31
|
+
inputDisabledBg: "#f3f3f3";
|
|
32
|
+
inputDisabledText: "#959595";
|
|
33
|
+
choiceBg: "#ffffff";
|
|
34
|
+
choiceText: "#999999";
|
|
35
|
+
choiceActiveBg: "#f3f3f3";
|
|
36
|
+
choiceActiveText: "#313131";
|
|
37
|
+
choiceBorder: "#cfcfcf";
|
|
38
|
+
selectorText: "#606060";
|
|
39
|
+
selectorActive: "#008ad2";
|
|
40
|
+
blue1: "#038bf4";
|
|
41
|
+
blue2: "#b7d6f5";
|
|
42
|
+
blue3: "#dbe6ff";
|
|
43
|
+
blue4: "#33b4ff";
|
|
44
|
+
blue5: "#30a2e6";
|
|
45
|
+
orange1: "#ff7200";
|
|
46
|
+
orange1Darker: "#cc5b00";
|
|
47
|
+
purple1: "#7357e8";
|
|
48
|
+
green1: "#3ec234";
|
|
49
|
+
green1Darker: "#38af2f";
|
|
50
|
+
pink1: "#ff388f";
|
|
51
|
+
red1: "#ea2700";
|
|
52
|
+
yellow1: "#ffde9d";
|
|
53
|
+
yellow2: "#e4a429";
|
|
54
|
+
yellow3: "#fff5db";
|
|
55
|
+
pinky1: "#f5c0b7";
|
|
56
|
+
pinky2: "#e07b67";
|
|
57
|
+
pinky3: "#ffe1db";
|
|
58
|
+
grey1: "#737373";
|
|
59
|
+
focusColor: "#dcaf00";
|
|
60
|
+
scrollbarsThumb: "#737373";
|
|
61
|
+
scrollbarsBg: "transparent";
|
|
62
|
+
tableStripedBg: "#fafafa";
|
|
63
|
+
toolButtonText: "#666e80";
|
|
64
|
+
};
|
|
65
|
+
}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
|
|
66
|
+
mx: (value: string | number) => {
|
|
67
|
+
marginLeft: string | number;
|
|
68
|
+
marginRight: string | number;
|
|
69
|
+
};
|
|
70
|
+
my: (value: string | number) => {
|
|
71
|
+
marginTop: string | number;
|
|
72
|
+
marginBottom: string | number;
|
|
73
|
+
};
|
|
74
|
+
px: (value: string | number) => {
|
|
75
|
+
paddingLeft: string | number;
|
|
76
|
+
paddingRight: string | number;
|
|
77
|
+
};
|
|
78
|
+
py: (value: string | number) => {
|
|
79
|
+
paddingTop: string | number;
|
|
80
|
+
paddingBottom: string | number;
|
|
81
|
+
};
|
|
82
|
+
size: (value: string | number) => {
|
|
83
|
+
width: string | number;
|
|
84
|
+
height: string | number;
|
|
85
|
+
};
|
|
86
|
+
}>> & {
|
|
87
|
+
Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
88
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
89
|
+
}, "css" | "variant"> & import("../../../../node_modules/@stitches/react/types/styled-component").TransformProps<{
|
|
90
|
+
variant?: "main";
|
|
91
|
+
}, {}> & {
|
|
92
|
+
css?: import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
|
|
93
|
+
colors: {
|
|
94
|
+
background: "white";
|
|
95
|
+
mainColor: "#008ad2";
|
|
96
|
+
mainColorAlt: "#006AA9";
|
|
97
|
+
activeBg: "#e7e7e7";
|
|
98
|
+
inactiveBg: "#d3d3de";
|
|
99
|
+
inactiveDarkBg: "#999";
|
|
100
|
+
toggleHandleBg: "#e0e0e0";
|
|
101
|
+
toggleHandleBorder: "#cdcdcd";
|
|
102
|
+
toggleBgDisabled: "#f0f0f0";
|
|
103
|
+
toggleHandleBorderDisabled: "#c29f7d";
|
|
104
|
+
toggleHandleBgDisabled: "#deae84";
|
|
105
|
+
icon: "#636363";
|
|
106
|
+
border: "#d5d5d5";
|
|
107
|
+
buttonBorder: "#bababa";
|
|
108
|
+
headerBorder: "#c8c8c9";
|
|
109
|
+
headerBg: "#efeff0";
|
|
110
|
+
headerText: "#484848";
|
|
111
|
+
text: "#323232";
|
|
112
|
+
text2: "#181818";
|
|
113
|
+
text3: "#000000";
|
|
114
|
+
sub: "#959595";
|
|
115
|
+
popText: "#666";
|
|
116
|
+
toolbarBorder: "#ababab";
|
|
117
|
+
toolbarBg: "#f8f8f8";
|
|
118
|
+
modalBg: "#f7f7f7";
|
|
119
|
+
modalButtonBg: "#f8f8f8";
|
|
120
|
+
modalButtonBorder: "#c2c2c2";
|
|
121
|
+
inputDisabledBg: "#f3f3f3";
|
|
122
|
+
inputDisabledText: "#959595";
|
|
123
|
+
choiceBg: "#ffffff";
|
|
124
|
+
choiceText: "#999999";
|
|
125
|
+
choiceActiveBg: "#f3f3f3";
|
|
126
|
+
choiceActiveText: "#313131";
|
|
127
|
+
choiceBorder: "#cfcfcf";
|
|
128
|
+
selectorText: "#606060";
|
|
129
|
+
selectorActive: "#008ad2";
|
|
130
|
+
blue1: "#038bf4";
|
|
131
|
+
blue2: "#b7d6f5";
|
|
132
|
+
blue3: "#dbe6ff";
|
|
133
|
+
blue4: "#33b4ff";
|
|
134
|
+
blue5: "#30a2e6";
|
|
135
|
+
orange1: "#ff7200";
|
|
136
|
+
orange1Darker: "#cc5b00";
|
|
137
|
+
purple1: "#7357e8";
|
|
138
|
+
green1: "#3ec234";
|
|
139
|
+
green1Darker: "#38af2f";
|
|
140
|
+
pink1: "#ff388f";
|
|
141
|
+
red1: "#ea2700";
|
|
142
|
+
yellow1: "#ffde9d";
|
|
143
|
+
yellow2: "#e4a429";
|
|
144
|
+
yellow3: "#fff5db";
|
|
145
|
+
pinky1: "#f5c0b7";
|
|
146
|
+
pinky2: "#e07b67";
|
|
147
|
+
pinky3: "#ffe1db";
|
|
148
|
+
grey1: "#737373";
|
|
149
|
+
focusColor: "#dcaf00";
|
|
150
|
+
scrollbarsThumb: "#737373";
|
|
151
|
+
scrollbarsBg: "transparent";
|
|
152
|
+
tableStripedBg: "#fafafa";
|
|
153
|
+
toolButtonText: "#666e80";
|
|
154
|
+
};
|
|
155
|
+
}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
|
|
156
|
+
mx: (value: string | number) => {
|
|
157
|
+
marginLeft: string | number;
|
|
158
|
+
marginRight: string | number;
|
|
159
|
+
};
|
|
160
|
+
my: (value: string | number) => {
|
|
161
|
+
marginTop: string | number;
|
|
162
|
+
marginBottom: string | number;
|
|
163
|
+
};
|
|
164
|
+
px: (value: string | number) => {
|
|
165
|
+
paddingLeft: string | number;
|
|
166
|
+
paddingRight: string | number;
|
|
167
|
+
};
|
|
168
|
+
py: (value: string | number) => {
|
|
169
|
+
paddingTop: string | number;
|
|
170
|
+
paddingBottom: string | number;
|
|
171
|
+
};
|
|
172
|
+
size: (value: string | number) => {
|
|
173
|
+
width: string | number;
|
|
174
|
+
height: string | number;
|
|
175
|
+
};
|
|
176
|
+
}>;
|
|
177
|
+
}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
178
|
+
};
|
|
179
|
+
export { ModalButtons, };
|
|
2
180
|
//# sourceMappingURL=ModalButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ModalButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AA+B1C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEhB,CAAC;AAEH,OAAO,EACH,YAAY,GACf,CAAC"}
|
|
@@ -1,2 +1,20 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { forwardRef } from "react";
|
|
2
|
+
import { useForwardedRef } from "@bedrock-layout/use-forwarded-ref";
|
|
3
|
+
import { fnWithProps } from "../../../types/fnWithProps.js";
|
|
4
|
+
import { useRipple } from "../../../utils/useRipple.js";
|
|
5
|
+
import { Container, StyledButton } from "./ModalButtons.styled.js";
|
|
6
|
+
const Button = forwardRef((props, ref) => {
|
|
7
|
+
const { children, onPointerDown, onKeyDown, ...rest } = props;
|
|
8
|
+
const innerRef = useForwardedRef(ref);
|
|
9
|
+
const ripple = useRipple({ ref: innerRef, onPointerDown, onKeyDown });
|
|
10
|
+
return (React.createElement(StyledButton, { ref: innerRef, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown, ...rest },
|
|
11
|
+
children,
|
|
12
|
+
ripple.ripples));
|
|
13
|
+
});
|
|
14
|
+
Button.displayName = "ModalButtons.Button";
|
|
15
|
+
Button.toString = () => StyledButton.toString();
|
|
16
|
+
const ModalButtons = fnWithProps(Container, {
|
|
17
|
+
Button,
|
|
18
|
+
});
|
|
19
|
+
export { ModalButtons, };
|
|
2
20
|
//# sourceMappingURL=ModalButtons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"ModalButtons.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIhE,MAAM,MAAM,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC;IAEtE,OAAO,CACH,oBAAC,YAAY,IACT,GAAG,EAAE,QAAQ,EACb,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,SAAS,EAAE,MAAM,CAAC,SAAS,KACvB,IAAI;QAEP,QAAQ;QACR,MAAM,CAAC,OAAO,CACJ,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAC3C,MAAM,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;AAEhD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,EAAE;IACxC,MAAM;CACT,CAAC,CAAC;AAEH,OAAO,EACH,YAAY,GACf,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const
|
|
1
|
+
declare const Container: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
|
|
2
2
|
colors: {
|
|
3
3
|
background: "white";
|
|
4
4
|
mainColor: "#008ad2";
|
|
@@ -82,94 +82,93 @@ declare const ModalButtons: import("../../../../node_modules/@stitches/react/typ
|
|
|
82
82
|
width: string | number;
|
|
83
83
|
height: string | number;
|
|
84
84
|
};
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
};
|
|
174
|
-
export { ModalButtons, };
|
|
85
|
+
}>>;
|
|
86
|
+
declare const StyledButton: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"button", {
|
|
87
|
+
variant?: "main";
|
|
88
|
+
}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
|
|
89
|
+
colors: {
|
|
90
|
+
background: "white";
|
|
91
|
+
mainColor: "#008ad2";
|
|
92
|
+
mainColorAlt: "#006AA9";
|
|
93
|
+
activeBg: "#e7e7e7";
|
|
94
|
+
inactiveBg: "#d3d3de";
|
|
95
|
+
inactiveDarkBg: "#999";
|
|
96
|
+
toggleHandleBg: "#e0e0e0";
|
|
97
|
+
toggleHandleBorder: "#cdcdcd";
|
|
98
|
+
toggleBgDisabled: "#f0f0f0";
|
|
99
|
+
toggleHandleBorderDisabled: "#c29f7d";
|
|
100
|
+
toggleHandleBgDisabled: "#deae84";
|
|
101
|
+
icon: "#636363";
|
|
102
|
+
border: "#d5d5d5";
|
|
103
|
+
buttonBorder: "#bababa";
|
|
104
|
+
headerBorder: "#c8c8c9";
|
|
105
|
+
headerBg: "#efeff0";
|
|
106
|
+
headerText: "#484848";
|
|
107
|
+
text: "#323232";
|
|
108
|
+
text2: "#181818";
|
|
109
|
+
text3: "#000000";
|
|
110
|
+
sub: "#959595";
|
|
111
|
+
popText: "#666";
|
|
112
|
+
toolbarBorder: "#ababab";
|
|
113
|
+
toolbarBg: "#f8f8f8";
|
|
114
|
+
modalBg: "#f7f7f7";
|
|
115
|
+
modalButtonBg: "#f8f8f8";
|
|
116
|
+
modalButtonBorder: "#c2c2c2";
|
|
117
|
+
inputDisabledBg: "#f3f3f3";
|
|
118
|
+
inputDisabledText: "#959595";
|
|
119
|
+
choiceBg: "#ffffff";
|
|
120
|
+
choiceText: "#999999";
|
|
121
|
+
choiceActiveBg: "#f3f3f3";
|
|
122
|
+
choiceActiveText: "#313131";
|
|
123
|
+
choiceBorder: "#cfcfcf";
|
|
124
|
+
selectorText: "#606060";
|
|
125
|
+
selectorActive: "#008ad2";
|
|
126
|
+
blue1: "#038bf4";
|
|
127
|
+
blue2: "#b7d6f5";
|
|
128
|
+
blue3: "#dbe6ff";
|
|
129
|
+
blue4: "#33b4ff";
|
|
130
|
+
blue5: "#30a2e6";
|
|
131
|
+
orange1: "#ff7200";
|
|
132
|
+
orange1Darker: "#cc5b00";
|
|
133
|
+
purple1: "#7357e8";
|
|
134
|
+
green1: "#3ec234";
|
|
135
|
+
green1Darker: "#38af2f";
|
|
136
|
+
pink1: "#ff388f";
|
|
137
|
+
red1: "#ea2700";
|
|
138
|
+
yellow1: "#ffde9d";
|
|
139
|
+
yellow2: "#e4a429";
|
|
140
|
+
yellow3: "#fff5db";
|
|
141
|
+
pinky1: "#f5c0b7";
|
|
142
|
+
pinky2: "#e07b67";
|
|
143
|
+
pinky3: "#ffe1db";
|
|
144
|
+
grey1: "#737373";
|
|
145
|
+
focusColor: "#dcaf00";
|
|
146
|
+
scrollbarsThumb: "#737373";
|
|
147
|
+
scrollbarsBg: "transparent";
|
|
148
|
+
tableStripedBg: "#fafafa";
|
|
149
|
+
toolButtonText: "#666e80";
|
|
150
|
+
};
|
|
151
|
+
}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
|
|
152
|
+
mx: (value: string | number) => {
|
|
153
|
+
marginLeft: string | number;
|
|
154
|
+
marginRight: string | number;
|
|
155
|
+
};
|
|
156
|
+
my: (value: string | number) => {
|
|
157
|
+
marginTop: string | number;
|
|
158
|
+
marginBottom: string | number;
|
|
159
|
+
};
|
|
160
|
+
px: (value: string | number) => {
|
|
161
|
+
paddingLeft: string | number;
|
|
162
|
+
paddingRight: string | number;
|
|
163
|
+
};
|
|
164
|
+
py: (value: string | number) => {
|
|
165
|
+
paddingTop: string | number;
|
|
166
|
+
paddingBottom: string | number;
|
|
167
|
+
};
|
|
168
|
+
size: (value: string | number) => {
|
|
169
|
+
width: string | number;
|
|
170
|
+
height: string | number;
|
|
171
|
+
};
|
|
172
|
+
}>>;
|
|
173
|
+
export { Container, StyledButton, };
|
|
175
174
|
//# sourceMappingURL=ModalButtons.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ModalButtons.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKb,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BhB,CAAC;AAEH,OAAO,EACH,SAAS,EACT,YAAY,GACf,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { dimensionsPxToRem, styled } from "../../../theme.js";
|
|
2
|
-
import {
|
|
2
|
+
import { rippleHostStyles } from "../../../utils/useRipple.styled.js";
|
|
3
3
|
import { NEGATIVE_PADDING } from "./Modal.styled.js";
|
|
4
4
|
const Container = styled("div", {
|
|
5
5
|
display: "flex",
|
|
@@ -7,7 +7,7 @@ const Container = styled("div", {
|
|
|
7
7
|
mx: NEGATIVE_PADDING,
|
|
8
8
|
marginBottom: NEGATIVE_PADDING,
|
|
9
9
|
});
|
|
10
|
-
const
|
|
10
|
+
const StyledButton = styled("button", rippleHostStyles, {
|
|
11
11
|
"border": "none",
|
|
12
12
|
"borderTop": "1px solid $modalButtonBorder",
|
|
13
13
|
"background": "$modalButtonBg",
|
|
@@ -34,8 +34,5 @@ const Button = styled("button", {
|
|
|
34
34
|
},
|
|
35
35
|
},
|
|
36
36
|
});
|
|
37
|
-
|
|
38
|
-
Button,
|
|
39
|
-
});
|
|
40
|
-
export { ModalButtons, };
|
|
37
|
+
export { Container, StyledButton, };
|
|
41
38
|
//# sourceMappingURL=ModalButtons.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalButtons.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ModalButtons.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/ModalButtons.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,iBAAiB,CAAC,GAAG,CAAC;IACjC,EAAE,EAAE,gBAAgB;IACpB,YAAY,EAAE,gBAAgB;CACjC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,EAAE,gBAAgB,EAAE;IACpD,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,8BAA8B;IAC3C,YAAY,EAAE,gBAAgB;IAC9B,MAAM,EAAE,CAAC;IACT,QAAQ,EAAE,iBAAiB,CAAC,GAAG,CAAC;IAChC,YAAY,EAAE,GAAG;IACjB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,QAAQ;IACtB,gBAAgB,EAAE,QAAQ;IAE1B,qBAAqB,EAAE;QACnB,UAAU,EAAE,8BAA8B;KAC7C;IAED,eAAe,EAAE;QACb,sBAAsB,EAAE,iBAAiB,CAAC,EAAE,CAAC;KAChD;IAED,cAAc,EAAE;QACZ,uBAAuB,EAAE,iBAAiB,CAAC,EAAE,CAAC;KACjD;IAED,UAAU,EAAE;QACR,OAAO,EAAE;YACL,IAAI,EAAE;gBACF,KAAK,EAAE,YAAY;aACtB;SACJ;KACJ;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,SAAS,EACT,YAAY,GACf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pop.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pop.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/pop/Pop.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKX,CAAC;AAEH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOR,CAAC;AAEH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQZ,CAAC;AAEH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAcV,CAAC;AAEH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGR,CAAC;AAEH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKZ,CAAC;AAEH,OAAO,EACH,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,GACX,CAAC"}
|