@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13
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/cjs/components/ActionIcon/ActionIcon.js +119 -33
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +79 -20
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/cjs/components/Affix/Affix.js +78 -28
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/Alert/Alert.js +121 -41
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +46 -5
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.js +48 -20
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +109 -41
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -2
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +49 -22
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js +37 -2
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js +53 -19
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/Badge/Badge.js +110 -39
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +87 -40
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +89 -31
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Burger/Burger.js +82 -29
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Button/Button.js +135 -55
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js +79 -20
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/Center/Center.js +46 -18
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/CheckIcon.js +42 -9
- package/cjs/components/Checkbox/CheckIcon.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +140 -39
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js +61 -17
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/cjs/components/CloseButton/CloseButton.js +49 -10
- package/cjs/components/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/CloseButton/CloseIcon.js +56 -7
- package/cjs/components/CloseButton/CloseIcon.js.map +1 -1
- package/cjs/components/Code/Code.js +61 -20
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +72 -24
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/Collapse/use-collapse.js +110 -71
- package/cjs/components/Collapse/use-collapse.js.map +1 -1
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js +64 -16
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +204 -87
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js +122 -44
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js +60 -11
- package/cjs/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js +139 -57
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +73 -10
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.js +48 -9
- package/cjs/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/cjs/components/ColorPicker/converters/converters.js +48 -48
- package/cjs/components/ColorPicker/converters/converters.js.map +1 -1
- package/cjs/components/ColorPicker/converters/parsers.js +116 -105
- package/cjs/components/ColorPicker/converters/parsers.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +89 -28
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +60 -4
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -14
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/cjs/components/Container/Container.js +48 -20
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js +34 -7
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Divider/Divider.js +86 -24
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Fieldset/Fieldset.js +104 -0
- package/cjs/components/Fieldset/Fieldset.js.map +1 -0
- package/cjs/components/Fieldset/Fieldset.module.css.js +8 -0
- package/cjs/components/Fieldset/Fieldset.module.css.js.map +1 -0
- package/cjs/components/FileButton/FileButton.js +79 -18
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js +74 -16
- package/cjs/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js +91 -47
- package/cjs/components/Floating/FloatingArrow/get-arrow-position-styles.js.map +1 -1
- package/cjs/components/Floating/get-floating-position/get-floating-position.js +6 -6
- package/cjs/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/cjs/components/Floating/use-delayed-hover.js +24 -26
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Floating/use-floating-auto-update.js +27 -18
- package/cjs/components/Floating/use-floating-auto-update.js.map +1 -1
- package/cjs/components/FocusTrap/FocusTrap.js +12 -8
- package/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/cjs/components/Group/Group.js +99 -34
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js +1 -1
- package/cjs/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/cjs/components/Highlight/Highlight.js +52 -5
- package/cjs/components/Highlight/Highlight.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +13 -25
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/InlineInput/InlineInput.js +97 -23
- package/cjs/components/InlineInput/InlineInput.js.map +1 -1
- package/cjs/components/Input/Input.js +169 -54
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.js +80 -24
- package/cjs/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/cjs/components/Input/InputError/InputError.js +80 -24
- package/cjs/components/Input/InputError/InputError.js.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.js +105 -33
- package/cjs/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +65 -16
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +176 -63
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -6
- package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/cjs/components/Input/InputWrapper.context.js +4 -4
- package/cjs/components/Input/InputWrapper.context.js.map +1 -1
- package/cjs/components/Input/use-input-props.js +121 -35
- package/cjs/components/Input/use-input-props.js.map +1 -1
- package/cjs/components/InputBase/InputBase.js +37 -7
- package/cjs/components/InputBase/InputBase.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js +50 -22
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/Loader/Loader.js +90 -27
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/loaders/Bars.js +33 -6
- package/cjs/components/Loader/loaders/Bars.js.map +1 -1
- package/cjs/components/Loader/loaders/Dots.js +33 -12
- package/cjs/components/Loader/loaders/Dots.js.map +1 -1
- package/cjs/components/Loader/loaders/Oval.js +33 -3
- package/cjs/components/Loader/loaders/Oval.js.map +1 -1
- package/cjs/components/Mark/Mark.js +50 -22
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Mark/get-mark-color.js +8 -8
- package/cjs/components/Mark/get-mark-color.js.map +1 -1
- package/cjs/components/Modal/Modal.context.js +13 -0
- package/cjs/components/Modal/Modal.context.js.map +1 -0
- package/cjs/components/Modal/Modal.js +96 -0
- package/cjs/components/Modal/Modal.js.map +1 -0
- package/cjs/components/Modal/Modal.module.css.js +8 -0
- package/cjs/components/Modal/Modal.module.css.js.map +1 -0
- package/cjs/components/Modal/ModalBody.js +60 -0
- package/cjs/components/Modal/ModalBody.js.map +1 -0
- package/cjs/components/Modal/ModalCloseButton.js +60 -0
- package/cjs/components/Modal/ModalCloseButton.js.map +1 -0
- package/cjs/components/Modal/ModalContent.js +68 -0
- package/cjs/components/Modal/ModalContent.js.map +1 -0
- package/cjs/components/Modal/ModalHeader.js +60 -0
- package/cjs/components/Modal/ModalHeader.js.map +1 -0
- package/cjs/components/Modal/ModalOverlay.js +60 -0
- package/cjs/components/Modal/ModalOverlay.js.map +1 -0
- package/cjs/components/Modal/ModalRoot.js +133 -0
- package/cjs/components/Modal/ModalRoot.js.map +1 -0
- package/cjs/components/Modal/ModalTitle.js +60 -0
- package/cjs/components/Modal/ModalTitle.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.context.js +13 -0
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.js +124 -0
- package/cjs/components/ModalBase/ModalBase.js.map +1 -0
- package/cjs/components/ModalBase/ModalBase.module.css.js +8 -0
- package/cjs/components/ModalBase/ModalBase.module.css.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseBody.js +57 -0
- package/cjs/components/ModalBase/ModalBaseBody.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseCloseButton.js +65 -0
- package/cjs/components/ModalBase/ModalBaseCloseButton.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseContent.js +86 -0
- package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseHeader.js +52 -0
- package/cjs/components/ModalBase/ModalBaseHeader.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js +70 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js.map +1 -0
- package/cjs/components/ModalBase/ModalBaseTitle.js +57 -0
- package/cjs/components/ModalBase/ModalBaseTitle.js.map +1 -0
- package/cjs/components/ModalBase/NativeScrollArea.js +16 -0
- package/cjs/components/ModalBase/NativeScrollArea.js.map +1 -0
- package/cjs/components/ModalBase/use-lock-scroll.js +28 -0
- package/cjs/components/ModalBase/use-lock-scroll.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-body-id.js +18 -0
- package/cjs/components/ModalBase/use-modal-body-id.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-title-id.js +18 -0
- package/cjs/components/ModalBase/use-modal-title-id.js.map +1 -0
- package/cjs/components/ModalBase/use-modal-transition.js +34 -0
- package/cjs/components/ModalBase/use-modal-transition.js.map +1 -0
- package/cjs/components/ModalBase/use-modal.js +40 -0
- package/cjs/components/ModalBase/use-modal.js.map +1 -0
- package/cjs/components/NativeSelect/NativeSelect.js +55 -7
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelectOption.js +36 -9
- package/cjs/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/cjs/components/Notification/Notification.js +153 -0
- package/cjs/components/Notification/Notification.js.map +1 -0
- package/cjs/components/Notification/Notification.module.css.js +8 -0
- package/cjs/components/Notification/Notification.module.css.js.map +1 -0
- package/cjs/components/Overlay/Overlay.js +93 -27
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Paper/Paper.js +83 -22
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js +3 -1
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js +213 -109
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js +131 -47
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js +57 -20
- package/cjs/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/cjs/components/Popover/use-popover.js +75 -79
- package/cjs/components/Popover/use-popover.js.map +1 -1
- package/cjs/components/Portal/OptionalPortal.js +34 -7
- package/cjs/components/Portal/OptionalPortal.js.map +1 -1
- package/cjs/components/Portal/Portal.js +50 -24
- package/cjs/components/Portal/Portal.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js +3 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js +187 -40
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +55 -23
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +80 -39
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +42 -10
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +50 -11
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +63 -24
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +72 -31
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +104 -51
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +3 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +120 -56
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +73 -26
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +72 -26
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +85 -40
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +48 -7
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/cjs/components/ScrollArea/use-resize-observer.js +16 -16
- package/cjs/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -14
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js +6 -6
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -11
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +11 -11
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js +2 -2
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/cjs/components/ScrollArea/utils/get-thumb-size.js +4 -4
- package/cjs/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -1
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/cjs/components/ScrollArea/utils/linear-scale.js +6 -6
- package/cjs/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/cjs/components/ScrollArea/utils/to-int.js +1 -1
- package/cjs/components/ScrollArea/utils/to-int.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +211 -88
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js +39 -9
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/Marks/is-mark-filled.js +1 -7
- package/cjs/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +359 -193
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +265 -123
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.context.js +3 -1
- package/cjs/components/Slider/Slider.context.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js +43 -6
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +80 -13
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js +60 -13
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Slider/utils/get-change-value/get-change-value.js +16 -11
- package/cjs/components/Slider/utils/get-change-value/get-change-value.js.map +1 -1
- package/cjs/components/Slider/utils/get-client-position/get-client-position.js +5 -5
- package/cjs/components/Slider/utils/get-client-position/get-client-position.js.map +1 -1
- package/cjs/components/Slider/utils/get-position/get-position.js +2 -2
- package/cjs/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/cjs/components/Stack/Stack.js +78 -25
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Switch/Switch.js +167 -53
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js +61 -17
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup.context.js.map +1 -1
- package/cjs/components/Table/Table.components.js +74 -39
- package/cjs/components/Table/Table.components.js.map +1 -1
- package/cjs/components/Table/Table.context.js +3 -1
- package/cjs/components/Table/Table.context.js.map +1 -1
- package/cjs/components/Table/Table.js +133 -42
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Tabs/Tabs.context.js +3 -1
- package/cjs/components/Tabs/Tabs.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +146 -60
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.js +61 -18
- package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js +56 -14
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js +108 -31
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/Text/Text.js +117 -41
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/TextInput/TextInput.js +23 -3
- package/cjs/components/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Title/Title.js +69 -29
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/get-title-size.js +12 -12
- package/cjs/components/Title/get-title-size.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +213 -68
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js +139 -54
- package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js +54 -56
- package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js +5 -7
- package/cjs/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js +74 -61
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js +35 -21
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/get-transition-props/get-transition-props.js +19 -3
- package/cjs/components/Transition/get-transition-props/get-transition-props.js.map +1 -1
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.js +42 -17
- package/cjs/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/cjs/components/Transition/transitions.js +108 -79
- package/cjs/components/Transition/transitions.js.map +1 -1
- package/cjs/components/Transition/use-transition.js +48 -40
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +43 -15
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.js +72 -16
- package/cjs/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.js +32 -4
- package/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/cjs/core/Box/Box.js +60 -17
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/Box/get-box-mod/get-box-mod.js +38 -19
- package/cjs/core/Box/get-box-mod/get-box-mod.js.map +1 -1
- package/cjs/core/Box/get-box-style/get-box-style.js +38 -14
- package/cjs/core/Box/get-box-style/get-box-style.js.map +1 -1
- package/cjs/core/Box/get-style-object/get-style-object.js +29 -10
- package/cjs/core/Box/get-style-object/get-style-object.js.map +1 -1
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js +150 -48
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js +71 -40
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js +40 -9
- package/cjs/core/Box/style-props/parse-style-props/sort-media-queries.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js +5 -5
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +10 -10
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js +1 -1
- package/cjs/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/index.js +6 -6
- package/cjs/core/Box/style-props/resolvers/index.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js +4 -4
- package/cjs/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/size-resolver/size-resolver.js +4 -4
- package/cjs/core/Box/style-props/resolvers/size-resolver/size-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +11 -11
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/style-props-data.js +43 -43
- package/cjs/core/Box/style-props/style-props-data.js.map +1 -1
- package/cjs/core/Box/use-random-classname/use-random-classname.js +2 -2
- package/cjs/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.js +26 -20
- package/cjs/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/cjs/core/InlineStyles/InlineStyles.js +9 -2
- package/cjs/core/InlineStyles/InlineStyles.js.map +1 -1
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js +5 -3
- package/cjs/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js +21 -7
- package/cjs/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +49 -4
- package/cjs/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js +8 -8
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +22 -17
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +101 -86
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -3
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -21
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.js +37 -23
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +19 -10
- package/cjs/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/darken/darken.js +7 -7
- package/cjs/core/MantineProvider/color-functions/darken/darken.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js +152 -147
- package/cjs/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js +8 -8
- package/cjs/core/MantineProvider/color-functions/get-gradient/get-gradient.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js +7 -7
- package/cjs/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js +2 -2
- package/cjs/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js +7 -7
- package/cjs/core/MantineProvider/color-functions/is-light-color/is-light-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/lighten/lighten.js +6 -6
- package/cjs/core/MantineProvider/color-functions/lighten/lighten.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js +34 -34
- package/cjs/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/rgba/rgba.js +5 -5
- package/cjs/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.js +91 -100
- package/cjs/core/MantineProvider/color-functions/to-rgba/to-rgba.js.map +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/color-scheme-managers/local-storage-manager.js +40 -38
- package/cjs/core/MantineProvider/color-scheme-managers/local-storage-manager.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js +7 -11
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js +1 -3
- package/cjs/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/wrap-with-selector.js +2 -2
- package/cjs/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/cjs/core/MantineProvider/create-theme/create-theme.js +1 -1
- package/cjs/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/cjs/core/MantineProvider/default-colors.js +168 -168
- package/cjs/core/MantineProvider/default-colors.js.map +1 -1
- package/cjs/core/MantineProvider/default-theme.js +81 -73
- package/cjs/core/MantineProvider/default-theme.js.map +1 -1
- package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +27 -28
- package/cjs/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js.map +1 -1
- package/cjs/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js +1 -1
- package/cjs/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/cjs/core/MantineProvider/suppress-nextjs-warning.js +6 -12
- package/cjs/core/MantineProvider/suppress-nextjs-warning.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js +3 -3
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +43 -42
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +45 -39
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/cjs/core/MantineProvider/use-props/use-props.js +21 -5
- package/cjs/core/MantineProvider/use-props/use-props.js.map +1 -1
- package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js +10 -7
- package/cjs/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.js +1 -1
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/factory/factory.js +4 -4
- package/cjs/core/factory/factory.js.map +1 -1
- package/cjs/core/factory/polymorphic-factory.js +3 -3
- package/cjs/core/factory/polymorphic-factory.js.map +1 -1
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -1
- package/cjs/core/styles-api/create-vars-resolver/create-vars-resolver.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js +25 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js +7 -5
- package/cjs/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js +13 -7
- package/cjs/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js +8 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js +1 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js +1 -2
- package/cjs/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js +6 -3
- package/cjs/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js +18 -10
- package/cjs/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js +7 -3
- package/cjs/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js +24 -3
- package/cjs/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/get-style.js +30 -2
- package/cjs/core/styles-api/use-styles/get-style/get-style.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js +34 -12
- package/cjs/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js +29 -10
- package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js +24 -8
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js.map +1 -1
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js +18 -7
- package/cjs/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js.map +1 -1
- package/cjs/core/styles-api/use-styles/use-styles.js +46 -33
- package/cjs/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.js +1 -1
- package/cjs/core/utils/camel-to-kebab-case/camel-to-kebab-case.js.map +1 -1
- package/cjs/core/utils/close-on-escape/close-on-escape.js +9 -9
- package/cjs/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/cjs/core/utils/create-safe-context/create-safe-context.js +10 -10
- package/cjs/core/utils/create-safe-context/create-safe-context.js.map +1 -1
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js +96 -85
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/cjs/core/utils/deep-merge/deep-merge.js +33 -19
- package/cjs/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/cjs/core/utils/filter-props/filter-props.js +6 -6
- package/cjs/core/utils/filter-props/filter-props.js.map +1 -1
- package/cjs/core/utils/find-element-ancestor/find-element-ancestor.js +4 -5
- package/cjs/core/utils/find-element-ancestor/find-element-ancestor.js.map +1 -1
- package/cjs/core/utils/get-default-z-index/get-default-z-index.js +6 -6
- package/cjs/core/utils/get-default-z-index/get-default-z-index.js.map +1 -1
- package/cjs/core/utils/get-safe-id/get-safe-id.js +6 -6
- package/cjs/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/cjs/core/utils/get-size/get-size.js +13 -17
- package/cjs/core/utils/get-size/get-size.js.map +1 -1
- package/cjs/core/utils/is-element/is-element.js +9 -9
- package/cjs/core/utils/is-element/is-element.js.map +1 -1
- package/cjs/core/utils/is-number-like/is-number-like.js +9 -9
- package/cjs/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/cjs/core/utils/keys/keys.js +1 -1
- package/cjs/core/utils/keys/keys.js.map +1 -1
- package/cjs/core/utils/noop/noop.js +2 -1
- package/cjs/core/utils/noop/noop.js.map +1 -1
- package/cjs/core/utils/units-converters/px.js +23 -24
- package/cjs/core/utils/units-converters/px.js.map +1 -1
- package/cjs/core/utils/units-converters/rem.js +25 -25
- package/cjs/core/utils/units-converters/rem.js.map +1 -1
- package/cjs/index.css +379 -38
- package/cjs/index.js +38 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +119 -33
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +79 -20
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/esm/components/Affix/Affix.js +78 -28
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/Alert/Alert.js +121 -41
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +46 -5
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.js +48 -20
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +109 -41
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js +2 -2
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +49 -22
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/Avatar/AvatarPlaceholderIcon.js +37 -2
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js +53 -19
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/Badge/Badge.js +110 -39
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +87 -40
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +89 -31
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Burger/Burger.js +82 -29
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Button/Button.js +135 -55
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.js +79 -20
- package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/esm/components/Center/Center.js +46 -18
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/CheckIcon.js +42 -9
- package/esm/components/Checkbox/CheckIcon.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +141 -40
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js +61 -17
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/esm/components/CloseButton/CloseButton.js +49 -10
- package/esm/components/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/CloseButton/CloseIcon.js +56 -7
- package/esm/components/CloseButton/CloseIcon.js.map +1 -1
- package/esm/components/Code/Code.js +61 -20
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +72 -24
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/Collapse/use-collapse.js +110 -71
- package/esm/components/Collapse/use-collapse.js.map +1 -1
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js +64 -16
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +204 -87
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js +122 -44
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/esm/components/ColorPicker/HueSlider/HueSlider.js +60 -11
- package/esm/components/ColorPicker/HueSlider/HueSlider.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.js +139 -57
- package/esm/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +73 -10
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.js +48 -9
- package/esm/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/esm/components/ColorPicker/converters/converters.js +48 -48
- package/esm/components/ColorPicker/converters/converters.js.map +1 -1
- package/esm/components/ColorPicker/converters/parsers.js +116 -105
- package/esm/components/ColorPicker/converters/parsers.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +89 -28
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +60 -4
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +14 -14
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/esm/components/Container/Container.js +48 -20
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/CopyButton/CopyButton.js +34 -7
- package/esm/components/CopyButton/CopyButton.js.map +1 -1
- package/esm/components/Divider/Divider.js +86 -24
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.js +96 -0
- package/esm/components/Fieldset/Fieldset.js.map +1 -0
- package/esm/components/Fieldset/Fieldset.module.css.js +4 -0
- package/esm/components/Fieldset/Fieldset.module.css.js.map +1 -0
- package/esm/components/FileButton/FileButton.js +79 -18
- package/esm/components/FileButton/FileButton.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js +74 -16
- package/esm/components/Floating/FloatingArrow/FloatingArrow.js.map +1 -1
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.js +91 -47
- package/esm/components/Floating/FloatingArrow/get-arrow-position-styles.js.map +1 -1
- package/esm/components/Floating/get-floating-position/get-floating-position.js +6 -6
- package/esm/components/Floating/get-floating-position/get-floating-position.js.map +1 -1
- package/esm/components/Floating/use-delayed-hover.js +24 -26
- package/esm/components/Floating/use-delayed-hover.js.map +1 -1
- package/esm/components/Floating/use-floating-auto-update.js +27 -18
- package/esm/components/Floating/use-floating-auto-update.js.map +1 -1
- package/esm/components/FocusTrap/FocusTrap.js +12 -8
- package/esm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/esm/components/Group/Group.js +99 -34
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js +1 -1
- package/esm/components/Group/filter-falsy-children/filter-falsy-children.js.map +1 -1
- package/esm/components/Highlight/Highlight.js +52 -5
- package/esm/components/Highlight/Highlight.js.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.js +13 -25
- package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/esm/components/InlineInput/InlineInput.js +97 -24
- package/esm/components/InlineInput/InlineInput.js.map +1 -1
- package/esm/components/Input/Input.js +169 -54
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputDescription/InputDescription.js +80 -24
- package/esm/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/esm/components/Input/InputError/InputError.js +80 -24
- package/esm/components/Input/InputError/InputError.js.map +1 -1
- package/esm/components/Input/InputLabel/InputLabel.js +105 -33
- package/esm/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +65 -16
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +176 -63
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js +6 -6
- package/esm/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map +1 -1
- package/esm/components/Input/InputWrapper.context.js +4 -4
- package/esm/components/Input/InputWrapper.context.js.map +1 -1
- package/esm/components/Input/use-input-props.js +121 -35
- package/esm/components/Input/use-input-props.js.map +1 -1
- package/esm/components/InputBase/InputBase.js +37 -7
- package/esm/components/InputBase/InputBase.js.map +1 -1
- package/esm/components/Kbd/Kbd.js +50 -22
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/Loader/Loader.js +90 -27
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Loader/loaders/Bars.js +33 -6
- package/esm/components/Loader/loaders/Bars.js.map +1 -1
- package/esm/components/Loader/loaders/Dots.js +33 -12
- package/esm/components/Loader/loaders/Dots.js.map +1 -1
- package/esm/components/Loader/loaders/Oval.js +33 -3
- package/esm/components/Loader/loaders/Oval.js.map +1 -1
- package/esm/components/Mark/Mark.js +50 -22
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Mark/get-mark-color.js +8 -8
- package/esm/components/Mark/get-mark-color.js.map +1 -1
- package/esm/components/Modal/Modal.context.js +8 -0
- package/esm/components/Modal/Modal.context.js.map +1 -0
- package/esm/components/Modal/Modal.js +88 -0
- package/esm/components/Modal/Modal.js.map +1 -0
- package/esm/components/Modal/Modal.module.css.js +4 -0
- package/esm/components/Modal/Modal.module.css.js.map +1 -0
- package/esm/components/Modal/ModalBody.js +52 -0
- package/esm/components/Modal/ModalBody.js.map +1 -0
- package/esm/components/Modal/ModalCloseButton.js +52 -0
- package/esm/components/Modal/ModalCloseButton.js.map +1 -0
- package/esm/components/Modal/ModalContent.js +60 -0
- package/esm/components/Modal/ModalContent.js.map +1 -0
- package/esm/components/Modal/ModalHeader.js +52 -0
- package/esm/components/Modal/ModalHeader.js.map +1 -0
- package/esm/components/Modal/ModalOverlay.js +52 -0
- package/esm/components/Modal/ModalOverlay.js.map +1 -0
- package/esm/components/Modal/ModalRoot.js +125 -0
- package/esm/components/Modal/ModalRoot.js.map +1 -0
- package/esm/components/Modal/ModalTitle.js +52 -0
- package/esm/components/Modal/ModalTitle.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.context.js +8 -0
- package/esm/components/ModalBase/ModalBase.context.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.js +116 -0
- package/esm/components/ModalBase/ModalBase.js.map +1 -0
- package/esm/components/ModalBase/ModalBase.module.css.js +4 -0
- package/esm/components/ModalBase/ModalBase.module.css.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseBody.js +48 -0
- package/esm/components/ModalBase/ModalBaseBody.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseCloseButton.js +56 -0
- package/esm/components/ModalBase/ModalBaseCloseButton.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseContent.js +77 -0
- package/esm/components/ModalBase/ModalBaseContent.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseHeader.js +43 -0
- package/esm/components/ModalBase/ModalBaseHeader.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js +62 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js.map +1 -0
- package/esm/components/ModalBase/ModalBaseTitle.js +48 -0
- package/esm/components/ModalBase/ModalBaseTitle.js.map +1 -0
- package/esm/components/ModalBase/NativeScrollArea.js +8 -0
- package/esm/components/ModalBase/NativeScrollArea.js.map +1 -0
- package/esm/components/ModalBase/use-lock-scroll.js +24 -0
- package/esm/components/ModalBase/use-lock-scroll.js.map +1 -0
- package/esm/components/ModalBase/use-modal-body-id.js +14 -0
- package/esm/components/ModalBase/use-modal-body-id.js.map +1 -0
- package/esm/components/ModalBase/use-modal-title-id.js +14 -0
- package/esm/components/ModalBase/use-modal-title-id.js.map +1 -0
- package/esm/components/ModalBase/use-modal-transition.js +30 -0
- package/esm/components/ModalBase/use-modal-transition.js.map +1 -0
- package/esm/components/ModalBase/use-modal.js +36 -0
- package/esm/components/ModalBase/use-modal.js.map +1 -0
- package/esm/components/NativeSelect/NativeSelect.js +55 -7
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelectOption.js +36 -9
- package/esm/components/NativeSelect/NativeSelectOption.js.map +1 -1
- package/esm/components/Notification/Notification.js +145 -0
- package/esm/components/Notification/Notification.js.map +1 -0
- package/esm/components/Notification/Notification.module.css.js +4 -0
- package/esm/components/Notification/Notification.module.css.js.map +1 -0
- package/esm/components/Overlay/Overlay.js +93 -27
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Paper/Paper.js +83 -22
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Popover/Popover.context.js +3 -1
- package/esm/components/Popover/Popover.context.js.map +1 -1
- package/esm/components/Popover/Popover.js +213 -109
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +131 -47
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js +57 -20
- package/esm/components/Popover/PopoverTarget/PopoverTarget.js.map +1 -1
- package/esm/components/Popover/use-popover.js +75 -79
- package/esm/components/Popover/use-popover.js.map +1 -1
- package/esm/components/Portal/OptionalPortal.js +34 -7
- package/esm/components/Portal/OptionalPortal.js.map +1 -1
- package/esm/components/Portal/Portal.js +50 -24
- package/esm/components/Portal/Portal.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.js +3 -1
- package/esm/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.js +187 -40
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +55 -23
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +80 -39
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +42 -10
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +50 -11
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +63 -24
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +72 -31
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +104 -51
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +3 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +120 -56
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +73 -26
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +72 -26
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +85 -40
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +48 -7
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -1
- package/esm/components/ScrollArea/use-resize-observer.js +16 -16
- package/esm/components/ScrollArea/use-resize-observer.js.map +1 -1
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js +14 -14
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -1
- package/esm/components/ScrollArea/utils/compose-event-handlers.js +6 -6
- package/esm/components/ScrollArea/utils/compose-event-handlers.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js +11 -11
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +11 -11
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js +2 -2
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -1
- package/esm/components/ScrollArea/utils/get-thumb-size.js +4 -4
- package/esm/components/ScrollArea/utils/get-thumb-size.js.map +1 -1
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +1 -1
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -1
- package/esm/components/ScrollArea/utils/linear-scale.js +6 -6
- package/esm/components/ScrollArea/utils/linear-scale.js.map +1 -1
- package/esm/components/ScrollArea/utils/to-int.js +1 -1
- package/esm/components/ScrollArea/utils/to-int.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +211 -88
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js +39 -9
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/Marks/is-mark-filled.js +1 -7
- package/esm/components/Slider/Marks/is-mark-filled.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +359 -193
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +265 -123
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Slider.context.js +3 -1
- package/esm/components/Slider/Slider.context.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js +43 -6
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +80 -13
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Track/Track.js +60 -13
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Slider/utils/get-change-value/get-change-value.js +16 -11
- package/esm/components/Slider/utils/get-change-value/get-change-value.js.map +1 -1
- package/esm/components/Slider/utils/get-client-position/get-client-position.js +5 -5
- package/esm/components/Slider/utils/get-client-position/get-client-position.js.map +1 -1
- package/esm/components/Slider/utils/get-position/get-position.js +2 -2
- package/esm/components/Slider/utils/get-position/get-position.js.map +1 -1
- package/esm/components/Stack/Stack.js +78 -25
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Switch/Switch.js +168 -54
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js +61 -17
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/esm/components/Switch/SwitchGroup.context.js.map +1 -1
- package/esm/components/Table/Table.components.js +74 -39
- package/esm/components/Table/Table.components.js.map +1 -1
- package/esm/components/Table/Table.context.js +3 -1
- package/esm/components/Table/Table.context.js.map +1 -1
- package/esm/components/Table/Table.js +133 -42
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Tabs/Tabs.context.js +3 -1
- package/esm/components/Tabs/Tabs.context.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +146 -60
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/TabsList/TabsList.js +61 -18
- package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.js +56 -14
- package/esm/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js +108 -31
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/Text/Text.js +117 -41
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/TextInput/TextInput.js +23 -3
- package/esm/components/TextInput/TextInput.js.map +1 -1
- package/esm/components/Title/Title.js +69 -29
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/get-title-size.js +12 -12
- package/esm/components/Title/get-title-size.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +213 -68
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js +139 -54
- package/esm/components/Tooltip/TooltipFloating/TooltipFloating.js.map +1 -1
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js +54 -56
- package/esm/components/Tooltip/TooltipFloating/use-floating-tooltip.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.context.js.map +1 -1
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js +5 -7
- package/esm/components/Tooltip/TooltipGroup/TooltipGroup.js.map +1 -1
- package/esm/components/Tooltip/use-tooltip.js +74 -61
- package/esm/components/Tooltip/use-tooltip.js.map +1 -1
- package/esm/components/Transition/Transition.js +35 -21
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/components/Transition/get-transition-props/get-transition-props.js +19 -3
- package/esm/components/Transition/get-transition-props/get-transition-props.js.map +1 -1
- package/esm/components/Transition/get-transition-styles/get-transition-styles.js +42 -17
- package/esm/components/Transition/get-transition-styles/get-transition-styles.js.map +1 -1
- package/esm/components/Transition/transitions.js +108 -79
- package/esm/components/Transition/transitions.js.map +1 -1
- package/esm/components/Transition/use-transition.js +48 -40
- package/esm/components/Transition/use-transition.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +43 -15
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.js +72 -16
- package/esm/components/UnstyledButton/UnstyledButton.js.map +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.js +32 -4
- package/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/esm/core/Box/Box.js +60 -17
- package/esm/core/Box/Box.js.map +1 -1
- package/esm/core/Box/get-box-mod/get-box-mod.js +38 -19
- package/esm/core/Box/get-box-mod/get-box-mod.js.map +1 -1
- package/esm/core/Box/get-box-style/get-box-style.js +38 -14
- package/esm/core/Box/get-box-style/get-box-style.js.map +1 -1
- package/esm/core/Box/get-style-object/get-style-object.js +29 -10
- package/esm/core/Box/get-style-object/get-style-object.js.map +1 -1
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js +150 -48
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js +71 -40
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/sort-media-queries.js +40 -9
- package/esm/core/Box/style-props/parse-style-props/sort-media-queries.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js +5 -5
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +10 -10
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js +1 -1
- package/esm/core/Box/style-props/resolvers/identity-resolver/identity-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/index.js +6 -6
- package/esm/core/Box/style-props/resolvers/index.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js +4 -4
- package/esm/core/Box/style-props/resolvers/line-height-resolver/line-height-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/size-resolver/size-resolver.js +4 -4
- package/esm/core/Box/style-props/resolvers/size-resolver/size-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +11 -11
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/esm/core/Box/style-props/style-props-data.js +43 -43
- package/esm/core/Box/style-props/style-props-data.js.map +1 -1
- package/esm/core/Box/use-random-classname/use-random-classname.js +2 -2
- package/esm/core/Box/use-random-classname/use-random-classname.js.map +1 -1
- package/esm/core/DirectionProvider/DirectionProvider.js +26 -20
- package/esm/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/esm/core/InlineStyles/InlineStyles.js +9 -2
- package/esm/core/InlineStyles/InlineStyles.js.map +1 -1
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js +5 -3
- package/esm/core/InlineStyles/css-object-to-string/css-object-to-string.js.map +1 -1
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js +21 -7
- package/esm/core/InlineStyles/styles-to-string/styles-to-string.js.map +1 -1
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js +49 -4
- package/esm/core/MantineProvider/ColorSchemeScript/ColorSchemeScript.js.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.js +8 -8
- package/esm/core/MantineProvider/Mantine.context.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +22 -17
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +101 -86
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js +3 -3
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js +21 -21
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.js +37 -23
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js +19 -10
- package/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/darken/darken.js +7 -7
- package/esm/core/MantineProvider/color-functions/darken/darken.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js +152 -147
- package/esm/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-gradient/get-gradient.js +8 -8
- package/esm/core/MantineProvider/color-functions/get-gradient/get-gradient.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js +7 -7
- package/esm/core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js +2 -2
- package/esm/core/MantineProvider/color-functions/get-theme-color/get-theme-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/is-light-color/is-light-color.js +7 -7
- package/esm/core/MantineProvider/color-functions/is-light-color/is-light-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/lighten/lighten.js +6 -6
- package/esm/core/MantineProvider/color-functions/lighten/lighten.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js +34 -34
- package/esm/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/rgba/rgba.js +5 -5
- package/esm/core/MantineProvider/color-functions/rgba/rgba.js.map +1 -1
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.js +91 -100
- package/esm/core/MantineProvider/color-functions/to-rgba/to-rgba.js.map +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/color-scheme-managers/local-storage-manager.js +40 -38
- package/esm/core/MantineProvider/color-scheme-managers/local-storage-manager.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js +7 -11
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js +1 -3
- package/esm/core/MantineProvider/convert-css-variables/css-variables-object-to-string.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/wrap-with-selector.js +2 -2
- package/esm/core/MantineProvider/convert-css-variables/wrap-with-selector.js.map +1 -1
- package/esm/core/MantineProvider/create-theme/create-theme.js +1 -1
- package/esm/core/MantineProvider/create-theme/create-theme.js.map +1 -1
- package/esm/core/MantineProvider/default-colors.js +168 -168
- package/esm/core/MantineProvider/default-colors.js.map +1 -1
- package/esm/core/MantineProvider/default-theme.js +81 -73
- package/esm/core/MantineProvider/default-theme.js.map +1 -1
- package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js +27 -28
- package/esm/core/MantineProvider/merge-mantine-theme/merge-mantine-theme.js.map +1 -1
- package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js +1 -1
- package/esm/core/MantineProvider/merge-theme-overrides/merge-theme-overrides.js.map +1 -1
- package/esm/core/MantineProvider/suppress-nextjs-warning.js +6 -12
- package/esm/core/MantineProvider/suppress-nextjs-warning.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js +3 -3
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +43 -42
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +45 -39
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/esm/core/MantineProvider/use-props/use-props.js +21 -5
- package/esm/core/MantineProvider/use-props/use-props.js.map +1 -1
- package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js +10 -7
- package/esm/core/MantineProvider/use-respect-reduce-motion/use-respect-reduce-motion.js.map +1 -1
- package/esm/core/factory/create-polymorphic-component.js +1 -1
- package/esm/core/factory/create-polymorphic-component.js.map +1 -1
- package/esm/core/factory/factory.js +4 -4
- package/esm/core/factory/factory.js.map +1 -1
- package/esm/core/factory/polymorphic-factory.js +3 -3
- package/esm/core/factory/polymorphic-factory.js.map +1 -1
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js +1 -1
- package/esm/core/styles-api/create-vars-resolver/create-vars-resolver.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.js +25 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js +7 -5
- package/esm/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js +13 -7
- package/esm/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js +8 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-resolved-class-names/get-resolved-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js +1 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-root-class-name/get-root-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js +1 -2
- package/esm/core/styles-api/use-styles/get-class-name/get-selector-class-name/get-selector-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js +6 -3
- package/esm/core/styles-api/use-styles/get-class-name/get-static-class-names/get-static-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js +18 -10
- package/esm/core/styles-api/use-styles/get-class-name/get-theme-class-names/get-theme-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js +7 -3
- package/esm/core/styles-api/use-styles/get-class-name/get-variant-class-name/get-variant-class-name.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js +20 -3
- package/esm/core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/get-style.js +30 -2
- package/esm/core/styles-api/use-styles/get-style/get-style.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js +34 -12
- package/esm/core/styles-api/use-styles/get-style/get-theme-styles/get-theme-styles.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js +29 -10
- package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js +24 -8
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/merge-vars.js.map +1 -1
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js +18 -7
- package/esm/core/styles-api/use-styles/get-style/resolve-vars/resolve-vars.js.map +1 -1
- package/esm/core/styles-api/use-styles/use-styles.js +46 -33
- package/esm/core/styles-api/use-styles/use-styles.js.map +1 -1
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.js +1 -1
- package/esm/core/utils/camel-to-kebab-case/camel-to-kebab-case.js.map +1 -1
- package/esm/core/utils/close-on-escape/close-on-escape.js +9 -9
- package/esm/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/esm/core/utils/create-safe-context/create-safe-context.js +10 -10
- package/esm/core/utils/create-safe-context/create-safe-context.js.map +1 -1
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js +96 -85
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/esm/core/utils/deep-merge/deep-merge.js +33 -19
- package/esm/core/utils/deep-merge/deep-merge.js.map +1 -1
- package/esm/core/utils/filter-props/filter-props.js +6 -6
- package/esm/core/utils/filter-props/filter-props.js.map +1 -1
- package/esm/core/utils/find-element-ancestor/find-element-ancestor.js +4 -5
- package/esm/core/utils/find-element-ancestor/find-element-ancestor.js.map +1 -1
- package/esm/core/utils/get-default-z-index/get-default-z-index.js +6 -6
- package/esm/core/utils/get-default-z-index/get-default-z-index.js.map +1 -1
- package/esm/core/utils/get-safe-id/get-safe-id.js +6 -6
- package/esm/core/utils/get-safe-id/get-safe-id.js.map +1 -1
- package/esm/core/utils/get-size/get-size.js +13 -17
- package/esm/core/utils/get-size/get-size.js.map +1 -1
- package/esm/core/utils/is-element/is-element.js +9 -9
- package/esm/core/utils/is-element/is-element.js.map +1 -1
- package/esm/core/utils/is-number-like/is-number-like.js +9 -9
- package/esm/core/utils/is-number-like/is-number-like.js.map +1 -1
- package/esm/core/utils/keys/keys.js +1 -1
- package/esm/core/utils/keys/keys.js.map +1 -1
- package/esm/core/utils/noop/noop.js +2 -1
- package/esm/core/utils/noop/noop.js.map +1 -1
- package/esm/core/utils/units-converters/px.js +23 -24
- package/esm/core/utils/units-converters/px.js.map +1 -1
- package/esm/core/utils/units-converters/rem.js +25 -25
- package/esm/core/utils/units-converters/rem.js.map +1 -1
- package/esm/index.css +379 -38
- package/esm/index.js +19 -0
- package/esm/index.js.map +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +10 -0
- package/lib/components/Anchor/Anchor.d.ts +7 -0
- package/lib/components/Avatar/Avatar.d.ts +10 -0
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +7 -0
- package/lib/components/Badge/Badge.d.ts +7 -0
- package/lib/components/Button/Button.d.ts +9 -0
- package/lib/components/Center/Center.d.ts +7 -0
- package/lib/components/CloseButton/CloseButton.d.ts +6 -0
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +7 -0
- package/lib/components/Fieldset/Fieldset.d.ts +27 -0
- package/lib/components/Fieldset/index.d.ts +2 -0
- package/lib/components/Highlight/Highlight.d.ts +6 -0
- package/lib/components/InlineInput/InlineInput.d.ts +1 -0
- package/lib/components/InlineInput/index.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +15 -0
- package/lib/components/InputBase/InputBase.d.ts +6 -0
- package/lib/components/Modal/Modal.context.d.ts +14 -0
- package/lib/components/Modal/Modal.d.ts +59 -0
- package/lib/components/Modal/ModalBody.d.ts +17 -0
- package/lib/components/Modal/ModalCloseButton.d.ts +17 -0
- package/lib/components/Modal/ModalContent.d.ts +17 -0
- package/lib/components/Modal/ModalHeader.d.ts +17 -0
- package/lib/components/Modal/ModalOverlay.d.ts +17 -0
- package/lib/components/Modal/ModalRoot.d.ts +39 -0
- package/lib/components/Modal/ModalTitle.d.ts +17 -0
- package/lib/components/Modal/index.d.ts +16 -0
- package/lib/components/ModalBase/ModalBase.context.d.ts +22 -0
- package/lib/components/ModalBase/ModalBase.d.ts +41 -0
- package/lib/components/ModalBase/ModalBaseBody.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseCloseButton.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseContent.d.ts +12 -0
- package/lib/components/ModalBase/ModalBaseHeader.d.ts +5 -0
- package/lib/components/ModalBase/ModalBaseOverlay.d.ts +9 -0
- package/lib/components/ModalBase/ModalBaseTitle.d.ts +5 -0
- package/lib/components/ModalBase/NativeScrollArea.d.ts +6 -0
- package/lib/components/ModalBase/index.d.ts +16 -0
- package/lib/components/ModalBase/use-lock-scroll.d.ts +6 -0
- package/lib/components/ModalBase/use-modal-body-id.d.ts +1 -0
- package/lib/components/ModalBase/use-modal-content.d.ts +12 -0
- package/lib/components/ModalBase/use-modal-title-id.d.ts +1 -0
- package/lib/components/ModalBase/use-modal-transition.d.ts +2 -0
- package/lib/components/ModalBase/use-modal.d.ts +19 -0
- package/lib/components/Notification/Notification.d.ts +44 -0
- package/lib/components/Notification/index.d.ts +2 -0
- package/lib/components/Overlay/Overlay.d.ts +7 -0
- package/lib/components/Paper/Paper.d.ts +6 -0
- package/lib/components/Text/Text.d.ts +7 -0
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +5 -0
- package/lib/components/VisuallyHidden/VisuallyHidden.d.ts +1 -0
- package/lib/components/index.d.ts +4 -0
- package/lib/core/factory/factory.d.ts +4 -1
- package/lib/core/factory/polymorphic-factory.d.ts +2 -2
- package/lib/core/styles-api/styles-api.types.d.ts +1 -0
- package/lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts +3 -1
- package/lib/core/styles-api/use-styles/use-styles.d.ts +2 -2
- package/lib/index.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1,68 +1,68 @@
|
|
|
1
1
|
import { round } from './parsers.js';
|
|
2
2
|
|
|
3
3
|
function hsvaToRgbaObject({ h, s, v, a }) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
4
|
+
const _h = h / 360 * 6;
|
|
5
|
+
const _s = s / 100;
|
|
6
|
+
const _v = v / 100;
|
|
7
|
+
const hh = Math.floor(_h);
|
|
8
|
+
const l = _v * (1 - _s);
|
|
9
|
+
const c = _v * (1 - (_h - hh) * _s);
|
|
10
|
+
const d = _v * (1 - (1 - _h + hh) * _s);
|
|
11
|
+
const module = hh % 6;
|
|
12
|
+
return {
|
|
13
|
+
r: round([_v, c, l, l, d, _v][module] * 255),
|
|
14
|
+
g: round([d, _v, _v, c, l, l][module] * 255),
|
|
15
|
+
b: round([l, l, d, _v, _v, c][module] * 255),
|
|
16
|
+
a: round(a, 2)
|
|
17
|
+
};
|
|
18
18
|
}
|
|
19
19
|
function hsvaToRgba(color, includeAlpha) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
const { r, g, b, a } = hsvaToRgbaObject(color);
|
|
21
|
+
if (!includeAlpha) {
|
|
22
|
+
return `rgb(${r}, ${g}, ${b})`;
|
|
23
|
+
}
|
|
24
|
+
return `rgba(${r}, ${g}, ${b}, ${round(a, 2)})`;
|
|
25
25
|
}
|
|
26
26
|
function hsvaToHsl({ h, s, v, a }, includeAlpha) {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
const hh = (200 - s) * v / 100;
|
|
28
|
+
const result = {
|
|
29
|
+
h: Math.round(h),
|
|
30
|
+
s: Math.round(hh > 0 && hh < 200 ? s * v / 100 / (hh <= 100 ? hh : 200 - hh) * 100 : 0),
|
|
31
|
+
l: Math.round(hh / 2)
|
|
32
|
+
};
|
|
33
|
+
if (!includeAlpha) {
|
|
34
|
+
return `hsl(${result.h}, ${result.s}%, ${result.l}%)`;
|
|
35
|
+
}
|
|
36
|
+
return `hsla(${result.h}, ${result.s}%, ${result.l}%, ${round(a, 2)})`;
|
|
37
37
|
}
|
|
38
38
|
function formatHexPart(number) {
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
const hex = number.toString(16);
|
|
40
|
+
return hex.length < 2 ? `0${hex}` : hex;
|
|
41
41
|
}
|
|
42
42
|
function hsvaToHex(color) {
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
const { r, g, b } = hsvaToRgbaObject(color);
|
|
44
|
+
return `#${formatHexPart(r)}${formatHexPart(g)}${formatHexPart(b)}`;
|
|
45
45
|
}
|
|
46
46
|
function hsvaToHexa(color) {
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
const a = Math.round(color.a * 255);
|
|
48
|
+
return `${hsvaToHex(color)}${formatHexPart(a)}`;
|
|
49
49
|
}
|
|
50
50
|
const CONVERTERS = {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
hex: hsvaToHex,
|
|
52
|
+
hexa: (color) => hsvaToHexa(color),
|
|
53
|
+
rgb: (color) => hsvaToRgba(color, false),
|
|
54
|
+
rgba: (color) => hsvaToRgba(color, true),
|
|
55
|
+
hsl: (color) => hsvaToHsl(color, false),
|
|
56
|
+
hsla: (color) => hsvaToHsl(color, true)
|
|
57
57
|
};
|
|
58
58
|
function convertHsvaTo(format, color) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
59
|
+
if (!color) {
|
|
60
|
+
return "#000000";
|
|
61
|
+
}
|
|
62
|
+
if (!(format in CONVERTERS)) {
|
|
63
|
+
return CONVERTERS.hex(color);
|
|
64
|
+
}
|
|
65
|
+
return CONVERTERS[format](color);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
export { convertHsvaTo, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"converters.js","sources":["../../../../src/components/ColorPicker/converters/converters.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat } from '../ColorPicker.types';\nimport { round } from './parsers';\n\nexport function hsvaToRgbaObject({ h, s, v, a }: HsvaColor): RgbaColor {\n const _h = (h / 360) * 6;\n const _s = s / 100;\n const _v = v / 100;\n\n const hh = Math.floor(_h);\n const l = _v * (1 - _s);\n const c = _v * (1 - (_h - hh) * _s);\n const d = _v * (1 - (1 - _h + hh) * _s);\n const module = hh % 6;\n\n return {\n r: round([_v, c, l, l, d, _v][module] * 255),\n g: round([d, _v, _v, c, l, l][module] * 255),\n b: round([l, l, d, _v, _v, c][module] * 255),\n a: round(a, 2),\n };\n}\n\nexport function hsvaToRgba(color: HsvaColor, includeAlpha: boolean) {\n const { r, g, b, a } = hsvaToRgbaObject(color);\n\n if (!includeAlpha) {\n return `rgb(${r}, ${g}, ${b})`;\n }\n\n return `rgba(${r}, ${g}, ${b}, ${round(a, 2)})`;\n}\n\nexport function hsvaToHsl({ h, s, v, a }: HsvaColor, includeAlpha: boolean) {\n const hh = ((200 - s) * v) / 100;\n\n const result = {\n h: Math.round(h),\n s: Math.round(hh > 0 && hh < 200 ? ((s * v) / 100 / (hh <= 100 ? hh : 200 - hh)) * 100 : 0),\n l: Math.round(hh / 2),\n };\n\n if (!includeAlpha) {\n return `hsl(${result.h}, ${result.s}%, ${result.l}%)`;\n }\n\n return `hsla(${result.h}, ${result.s}%, ${result.l}%, ${round(a, 2)})`;\n}\n\nfunction formatHexPart(number: number) {\n const hex = number.toString(16);\n return hex.length < 2 ? `0${hex}` : hex;\n}\n\nexport function hsvaToHex(color: HsvaColor) {\n const { r, g, b } = hsvaToRgbaObject(color);\n return `#${formatHexPart(r)}${formatHexPart(g)}${formatHexPart(b)}`;\n}\n\nexport function hsvaToHexa(color: HsvaColor) {\n const a = Math.round(color.a * 255);\n\n return `${hsvaToHex(color)}${formatHexPart(a)}`;\n}\n\nconst CONVERTERS: Record<ColorFormat, (color: HsvaColor) => string> = {\n hex: hsvaToHex,\n hexa: (color) => hsvaToHexa(color),\n rgb: (color) => hsvaToRgba(color, false),\n rgba: (color) => hsvaToRgba(color, true),\n hsl: (color) => hsvaToHsl(color, false),\n hsla: (color) => hsvaToHsl(color, true),\n};\n\nexport function convertHsvaTo(format: ColorFormat, color: HsvaColor) {\n if (!color) {\n return '#000000';\n }\n\n if (!(format in CONVERTERS)) {\n return CONVERTERS.hex(color);\n }\n\n return CONVERTERS[format](color);\n}\n"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"converters.js","sources":["../../../../src/components/ColorPicker/converters/converters.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat } from '../ColorPicker.types';\nimport { round } from './parsers';\n\nexport function hsvaToRgbaObject({ h, s, v, a }: HsvaColor): RgbaColor {\n const _h = (h / 360) * 6;\n const _s = s / 100;\n const _v = v / 100;\n\n const hh = Math.floor(_h);\n const l = _v * (1 - _s);\n const c = _v * (1 - (_h - hh) * _s);\n const d = _v * (1 - (1 - _h + hh) * _s);\n const module = hh % 6;\n\n return {\n r: round([_v, c, l, l, d, _v][module] * 255),\n g: round([d, _v, _v, c, l, l][module] * 255),\n b: round([l, l, d, _v, _v, c][module] * 255),\n a: round(a, 2),\n };\n}\n\nexport function hsvaToRgba(color: HsvaColor, includeAlpha: boolean) {\n const { r, g, b, a } = hsvaToRgbaObject(color);\n\n if (!includeAlpha) {\n return `rgb(${r}, ${g}, ${b})`;\n }\n\n return `rgba(${r}, ${g}, ${b}, ${round(a, 2)})`;\n}\n\nexport function hsvaToHsl({ h, s, v, a }: HsvaColor, includeAlpha: boolean) {\n const hh = ((200 - s) * v) / 100;\n\n const result = {\n h: Math.round(h),\n s: Math.round(hh > 0 && hh < 200 ? ((s * v) / 100 / (hh <= 100 ? hh : 200 - hh)) * 100 : 0),\n l: Math.round(hh / 2),\n };\n\n if (!includeAlpha) {\n return `hsl(${result.h}, ${result.s}%, ${result.l}%)`;\n }\n\n return `hsla(${result.h}, ${result.s}%, ${result.l}%, ${round(a, 2)})`;\n}\n\nfunction formatHexPart(number: number) {\n const hex = number.toString(16);\n return hex.length < 2 ? `0${hex}` : hex;\n}\n\nexport function hsvaToHex(color: HsvaColor) {\n const { r, g, b } = hsvaToRgbaObject(color);\n return `#${formatHexPart(r)}${formatHexPart(g)}${formatHexPart(b)}`;\n}\n\nexport function hsvaToHexa(color: HsvaColor) {\n const a = Math.round(color.a * 255);\n\n return `${hsvaToHex(color)}${formatHexPart(a)}`;\n}\n\nconst CONVERTERS: Record<ColorFormat, (color: HsvaColor) => string> = {\n hex: hsvaToHex,\n hexa: (color) => hsvaToHexa(color),\n rgb: (color) => hsvaToRgba(color, false),\n rgba: (color) => hsvaToRgba(color, true),\n hsl: (color) => hsvaToHsl(color, false),\n hsla: (color) => hsvaToHsl(color, true),\n};\n\nexport function convertHsvaTo(format: ColorFormat, color: HsvaColor) {\n if (!color) {\n return '#000000';\n }\n\n if (!(format in CONVERTERS)) {\n return CONVERTERS.hex(color);\n }\n\n return CONVERTERS[format](color);\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,137 +1,148 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
function round(number, digits = 0, base = 10 ** digits) {
|
|
21
|
+
return Math.round(base * number) / base;
|
|
3
22
|
}
|
|
4
23
|
function hslaToHsva({ h, s, l, a }) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
24
|
+
const ss = s * ((l < 50 ? l : 100 - l) / 100);
|
|
25
|
+
return {
|
|
26
|
+
h,
|
|
27
|
+
s: ss > 0 ? 2 * ss / (l + ss) * 100 : 0,
|
|
28
|
+
v: l + ss,
|
|
29
|
+
a
|
|
30
|
+
};
|
|
12
31
|
}
|
|
13
32
|
const angleUnits = {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
33
|
+
grad: 360 / 400,
|
|
34
|
+
turn: 360,
|
|
35
|
+
rad: 360 / (Math.PI * 2)
|
|
17
36
|
};
|
|
18
|
-
function parseHue(value, unit =
|
|
19
|
-
|
|
37
|
+
function parseHue(value, unit = "deg") {
|
|
38
|
+
return Number(value) * (angleUnits[unit] || 1);
|
|
20
39
|
}
|
|
21
40
|
const HSL_REGEXP = /hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
|
|
22
41
|
function parseHsla(color) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
const match = HSL_REGEXP.exec(color);
|
|
43
|
+
if (!match) {
|
|
44
|
+
return { h: 0, s: 0, v: 0, a: 1 };
|
|
45
|
+
}
|
|
46
|
+
return hslaToHsva({
|
|
47
|
+
h: parseHue(match[1], match[2]),
|
|
48
|
+
s: Number(match[3]),
|
|
49
|
+
l: Number(match[4]),
|
|
50
|
+
a: match[5] === void 0 ? 1 : Number(match[5]) / (match[6] ? 100 : 1)
|
|
51
|
+
});
|
|
33
52
|
}
|
|
34
53
|
function rgbaToHsva({ r, g, b, a }) {
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
return {
|
|
45
|
-
h: round(60 * (hh < 0 ? hh + 6 : hh), 3),
|
|
46
|
-
s: round(max ? (delta / max) * 100 : 0, 3),
|
|
47
|
-
v: round((max / 255) * 100, 3),
|
|
48
|
-
a,
|
|
49
|
-
};
|
|
54
|
+
const max = Math.max(r, g, b);
|
|
55
|
+
const delta = max - Math.min(r, g, b);
|
|
56
|
+
const hh = delta ? max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta : 0;
|
|
57
|
+
return {
|
|
58
|
+
h: round(60 * (hh < 0 ? hh + 6 : hh), 3),
|
|
59
|
+
s: round(max ? delta / max * 100 : 0, 3),
|
|
60
|
+
v: round(max / 255 * 100, 3),
|
|
61
|
+
a
|
|
62
|
+
};
|
|
50
63
|
}
|
|
51
64
|
function parseHex(color) {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return rgbaToHsva({
|
|
55
|
-
r: parseInt(hex[0] + hex[0], 16),
|
|
56
|
-
g: parseInt(hex[1] + hex[1], 16),
|
|
57
|
-
b: parseInt(hex[2] + hex[2], 16),
|
|
58
|
-
a: 1,
|
|
59
|
-
});
|
|
60
|
-
}
|
|
65
|
+
const hex = color[0] === "#" ? color.slice(1) : color;
|
|
66
|
+
if (hex.length === 3) {
|
|
61
67
|
return rgbaToHsva({
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
r: parseInt(hex[0] + hex[0], 16),
|
|
69
|
+
g: parseInt(hex[1] + hex[1], 16),
|
|
70
|
+
b: parseInt(hex[2] + hex[2], 16),
|
|
71
|
+
a: 1
|
|
66
72
|
});
|
|
73
|
+
}
|
|
74
|
+
return rgbaToHsva({
|
|
75
|
+
r: parseInt(hex.slice(0, 2), 16),
|
|
76
|
+
g: parseInt(hex.slice(2, 4), 16),
|
|
77
|
+
b: parseInt(hex.slice(4, 6), 16),
|
|
78
|
+
a: 1
|
|
79
|
+
});
|
|
67
80
|
}
|
|
68
81
|
function parseHexa(color) {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
82
|
+
const hex = color[0] === "#" ? color.slice(1) : color;
|
|
83
|
+
const roundA = (a2) => round(parseInt(a2, 16) / 255, 3);
|
|
84
|
+
if (hex.length === 4) {
|
|
85
|
+
const withoutOpacity2 = hex.slice(0, 3);
|
|
86
|
+
const a2 = roundA(hex[3] + hex[3]);
|
|
87
|
+
const hsvaColor2 = __spreadProps(__spreadValues({}, parseHex(withoutOpacity2)), { a: a2 });
|
|
88
|
+
return hsvaColor2;
|
|
89
|
+
}
|
|
90
|
+
const withoutOpacity = hex.slice(0, 6);
|
|
91
|
+
const a = roundA(hex.slice(6, 8));
|
|
92
|
+
const hsvaColor = __spreadProps(__spreadValues({}, parseHex(withoutOpacity)), { a });
|
|
93
|
+
return hsvaColor;
|
|
81
94
|
}
|
|
82
95
|
const RGB_REGEXP = /rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i;
|
|
83
96
|
function parseRgba(color) {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
97
|
+
const match = RGB_REGEXP.exec(color);
|
|
98
|
+
if (!match) {
|
|
99
|
+
return { h: 0, s: 0, v: 0, a: 1 };
|
|
100
|
+
}
|
|
101
|
+
return rgbaToHsva({
|
|
102
|
+
r: Number(match[1]) / (match[2] ? 100 / 255 : 1),
|
|
103
|
+
g: Number(match[3]) / (match[4] ? 100 / 255 : 1),
|
|
104
|
+
b: Number(match[5]) / (match[6] ? 100 / 255 : 1),
|
|
105
|
+
a: match[7] === void 0 ? 1 : Number(match[7]) / (match[8] ? 100 : 1)
|
|
106
|
+
});
|
|
94
107
|
}
|
|
95
108
|
const VALIDATION_REGEXP = {
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
109
|
+
hex: /^#?([0-9A-F]{3}){1,2}$/i,
|
|
110
|
+
hexa: /^#?([0-9A-F]{4}){1,2}$/i,
|
|
111
|
+
rgb: /^rgb\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
|
|
112
|
+
rgba: /^rgba\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i,
|
|
113
|
+
hsl: /hsl\(\s*(\d+)\s*,\s*(\d+(?:\.\d+)?%)\s*,\s*(\d+(?:\.\d+)?%)\)/i,
|
|
114
|
+
hsla: /^hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*(\d*(?:\.\d+)?)\)$/i
|
|
102
115
|
};
|
|
103
116
|
const CONVERTERS = {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
117
|
+
hex: parseHex,
|
|
118
|
+
hexa: parseHexa,
|
|
119
|
+
rgb: parseRgba,
|
|
120
|
+
rgba: parseRgba,
|
|
121
|
+
hsl: parseHsla,
|
|
122
|
+
hsla: parseHsla
|
|
110
123
|
};
|
|
111
124
|
function isColorValid(color) {
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
return true;
|
|
116
|
-
}
|
|
125
|
+
for (const [, regexp] of Object.entries(VALIDATION_REGEXP)) {
|
|
126
|
+
if (regexp.test(color)) {
|
|
127
|
+
return true;
|
|
117
128
|
}
|
|
118
|
-
|
|
129
|
+
}
|
|
130
|
+
return false;
|
|
119
131
|
}
|
|
120
132
|
function parseColor(color) {
|
|
121
|
-
|
|
122
|
-
return { h: 0, s: 0, v: 0, a: 1 };
|
|
123
|
-
}
|
|
124
|
-
if (color === 'transparent') {
|
|
125
|
-
return { h: 0, s: 0, v: 0, a: 0 };
|
|
126
|
-
}
|
|
127
|
-
const trimmed = color.trim();
|
|
128
|
-
// eslint-disable-next-line no-restricted-syntax
|
|
129
|
-
for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {
|
|
130
|
-
if (regexp.test(trimmed)) {
|
|
131
|
-
return CONVERTERS[rule](trimmed);
|
|
132
|
-
}
|
|
133
|
-
}
|
|
133
|
+
if (typeof color !== "string") {
|
|
134
134
|
return { h: 0, s: 0, v: 0, a: 1 };
|
|
135
|
+
}
|
|
136
|
+
if (color === "transparent") {
|
|
137
|
+
return { h: 0, s: 0, v: 0, a: 0 };
|
|
138
|
+
}
|
|
139
|
+
const trimmed = color.trim();
|
|
140
|
+
for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {
|
|
141
|
+
if (regexp.test(trimmed)) {
|
|
142
|
+
return CONVERTERS[rule](trimmed);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
return { h: 0, s: 0, v: 0, a: 1 };
|
|
135
146
|
}
|
|
136
147
|
|
|
137
148
|
export { isColorValid, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, round };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parsers.js","sources":["../../../../src/components/ColorPicker/converters/parsers.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat, HslaColor } from '../ColorPicker.types';\n\nexport function round(number: number, digits = 0, base = 10 ** digits) {\n return Math.round(base * number) / base;\n}\n\nfunction hslaToHsva({ h, s, l, a }: HslaColor): HsvaColor {\n const ss = s * ((l < 50 ? l : 100 - l) / 100);\n\n return {\n h,\n s: ss > 0 ? ((2 * ss) / (l + ss)) * 100 : 0,\n v: l + ss,\n a,\n };\n}\n\nconst angleUnits: Record<string, number> = {\n grad: 360 / 400,\n turn: 360,\n rad: 360 / (Math.PI * 2),\n};\n\nexport function parseHue(value: string, unit = 'deg') {\n return Number(value) * (angleUnits[unit] || 1);\n}\n\nconst HSL_REGEXP =\n /hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseHsla(color: string): HsvaColor {\n const match = HSL_REGEXP.exec(color);\n\n if (!match) {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n return hslaToHsva({\n h: parseHue(match[1], match[2]),\n s: Number(match[3]),\n l: Number(match[4]),\n a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1),\n });\n}\n\nfunction rgbaToHsva({ r, g, b, a }: RgbaColor): HsvaColor {\n const max = Math.max(r, g, b);\n const delta = max - Math.min(r, g, b);\n\n const hh = delta\n ? max === r\n ? (g - b) / delta\n : max === g\n ? 2 + (b - r) / delta\n : 4 + (r - g) / delta\n : 0;\n\n return {\n h: round(60 * (hh < 0 ? hh + 6 : hh), 3),\n s: round(max ? (delta / max) * 100 : 0, 3),\n v: round((max / 255) * 100, 3),\n a,\n };\n}\n\nexport function parseHex(color: string): HsvaColor {\n const hex = color[0] === '#' ? color.slice(1) : color;\n\n if (hex.length === 3) {\n return rgbaToHsva({\n r: parseInt(hex[0] + hex[0], 16),\n g: parseInt(hex[1] + hex[1], 16),\n b: parseInt(hex[2] + hex[2], 16),\n a: 1,\n });\n }\n\n return rgbaToHsva({\n r: parseInt(hex.slice(0, 2), 16),\n g: parseInt(hex.slice(2, 4), 16),\n b: parseInt(hex.slice(4, 6), 16),\n a: 1,\n });\n}\n\nexport function parseHexa(color: string): HsvaColor {\n const hex = color[0] === '#' ? color.slice(1) : color;\n\n const roundA = (a: string) => round(parseInt(a, 16) / 255, 3);\n if (hex.length === 4) {\n const withoutOpacity = hex.slice(0, 3);\n const a = roundA(hex[3] + hex[3]);\n\n const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n return hsvaColor;\n }\n\n const withoutOpacity = hex.slice(0, 6);\n const a = roundA(hex.slice(6, 8));\n const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n return hsvaColor;\n}\n\nconst RGB_REGEXP =\n /rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseRgba(color: string): HsvaColor {\n const match = RGB_REGEXP.exec(color);\n\n if (!match) {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n return rgbaToHsva({\n r: Number(match[1]) / (match[2] ? 100 / 255 : 1),\n g: Number(match[3]) / (match[4] ? 100 / 255 : 1),\n b: Number(match[5]) / (match[6] ? 100 / 255 : 1),\n a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1),\n });\n}\n\nconst VALIDATION_REGEXP: Record<ColorFormat, RegExp> = {\n hex: /^#?([0-9A-F]{3}){1,2}$/i,\n hexa: /^#?([0-9A-F]{4}){1,2}$/i,\n rgb: /^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n rgba: /^rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n hsl: /hsl\\(\\s*(\\d+)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\)/i,\n hsla: /^hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*(\\d*(?:\\.\\d+)?)\\)$/i,\n};\n\nconst CONVERTERS: Record<ColorFormat, (color: string) => HsvaColor> = {\n hex: parseHex,\n hexa: parseHexa,\n rgb: parseRgba,\n rgba: parseRgba,\n hsl: parseHsla,\n hsla: parseHsla,\n};\n\nexport function isColorValid(color: string) {\n // eslint-disable-next-line no-restricted-syntax\n for (const [, regexp] of Object.entries(VALIDATION_REGEXP)) {\n if (regexp.test(color)) {\n return true;\n }\n }\n\n return false;\n}\n\nexport function parseColor(color: string): HsvaColor {\n if (typeof color !== 'string') {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n if (color === 'transparent') {\n return { h: 0, s: 0, v: 0, a: 0 };\n }\n\n const trimmed = color.trim();\n\n // eslint-disable-next-line no-restricted-syntax\n for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {\n if (regexp.test(trimmed)) {\n return CONVERTERS[rule as keyof typeof CONVERTERS](trimmed);\n }\n }\n\n return { h: 0, s: 0, v: 0, a: 1 };\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"parsers.js","sources":["../../../../src/components/ColorPicker/converters/parsers.ts"],"sourcesContent":["import { HsvaColor, RgbaColor, ColorFormat, HslaColor } from '../ColorPicker.types';\n\nexport function round(number: number, digits = 0, base = 10 ** digits) {\n return Math.round(base * number) / base;\n}\n\nfunction hslaToHsva({ h, s, l, a }: HslaColor): HsvaColor {\n const ss = s * ((l < 50 ? l : 100 - l) / 100);\n\n return {\n h,\n s: ss > 0 ? ((2 * ss) / (l + ss)) * 100 : 0,\n v: l + ss,\n a,\n };\n}\n\nconst angleUnits: Record<string, number> = {\n grad: 360 / 400,\n turn: 360,\n rad: 360 / (Math.PI * 2),\n};\n\nexport function parseHue(value: string, unit = 'deg') {\n return Number(value) * (angleUnits[unit] || 1);\n}\n\nconst HSL_REGEXP =\n /hsla?\\(?\\s*(-?\\d*\\.?\\d+)(deg|rad|grad|turn)?[,\\s]+(-?\\d*\\.?\\d+)%?[,\\s]+(-?\\d*\\.?\\d+)%?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseHsla(color: string): HsvaColor {\n const match = HSL_REGEXP.exec(color);\n\n if (!match) {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n return hslaToHsva({\n h: parseHue(match[1], match[2]),\n s: Number(match[3]),\n l: Number(match[4]),\n a: match[5] === undefined ? 1 : Number(match[5]) / (match[6] ? 100 : 1),\n });\n}\n\nfunction rgbaToHsva({ r, g, b, a }: RgbaColor): HsvaColor {\n const max = Math.max(r, g, b);\n const delta = max - Math.min(r, g, b);\n\n const hh = delta\n ? max === r\n ? (g - b) / delta\n : max === g\n ? 2 + (b - r) / delta\n : 4 + (r - g) / delta\n : 0;\n\n return {\n h: round(60 * (hh < 0 ? hh + 6 : hh), 3),\n s: round(max ? (delta / max) * 100 : 0, 3),\n v: round((max / 255) * 100, 3),\n a,\n };\n}\n\nexport function parseHex(color: string): HsvaColor {\n const hex = color[0] === '#' ? color.slice(1) : color;\n\n if (hex.length === 3) {\n return rgbaToHsva({\n r: parseInt(hex[0] + hex[0], 16),\n g: parseInt(hex[1] + hex[1], 16),\n b: parseInt(hex[2] + hex[2], 16),\n a: 1,\n });\n }\n\n return rgbaToHsva({\n r: parseInt(hex.slice(0, 2), 16),\n g: parseInt(hex.slice(2, 4), 16),\n b: parseInt(hex.slice(4, 6), 16),\n a: 1,\n });\n}\n\nexport function parseHexa(color: string): HsvaColor {\n const hex = color[0] === '#' ? color.slice(1) : color;\n\n const roundA = (a: string) => round(parseInt(a, 16) / 255, 3);\n if (hex.length === 4) {\n const withoutOpacity = hex.slice(0, 3);\n const a = roundA(hex[3] + hex[3]);\n\n const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n return hsvaColor;\n }\n\n const withoutOpacity = hex.slice(0, 6);\n const a = roundA(hex.slice(6, 8));\n const hsvaColor: HsvaColor = { ...parseHex(withoutOpacity), a };\n return hsvaColor;\n}\n\nconst RGB_REGEXP =\n /rgba?\\(?\\s*(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?[,\\s]+(-?\\d*\\.?\\d+)(%)?,?\\s*[/\\s]*(-?\\d*\\.?\\d+)?(%)?\\s*\\)?/i;\n\nexport function parseRgba(color: string): HsvaColor {\n const match = RGB_REGEXP.exec(color);\n\n if (!match) {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n return rgbaToHsva({\n r: Number(match[1]) / (match[2] ? 100 / 255 : 1),\n g: Number(match[3]) / (match[4] ? 100 / 255 : 1),\n b: Number(match[5]) / (match[6] ? 100 / 255 : 1),\n a: match[7] === undefined ? 1 : Number(match[7]) / (match[8] ? 100 : 1),\n });\n}\n\nconst VALIDATION_REGEXP: Record<ColorFormat, RegExp> = {\n hex: /^#?([0-9A-F]{3}){1,2}$/i,\n hexa: /^#?([0-9A-F]{4}){1,2}$/i,\n rgb: /^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n rgba: /^rgba\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i,\n hsl: /hsl\\(\\s*(\\d+)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\s*,\\s*(\\d+(?:\\.\\d+)?%)\\)/i,\n hsla: /^hsla\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%,\\s*(\\d*(?:\\.\\d+)?)\\)$/i,\n};\n\nconst CONVERTERS: Record<ColorFormat, (color: string) => HsvaColor> = {\n hex: parseHex,\n hexa: parseHexa,\n rgb: parseRgba,\n rgba: parseRgba,\n hsl: parseHsla,\n hsla: parseHsla,\n};\n\nexport function isColorValid(color: string) {\n // eslint-disable-next-line no-restricted-syntax\n for (const [, regexp] of Object.entries(VALIDATION_REGEXP)) {\n if (regexp.test(color)) {\n return true;\n }\n }\n\n return false;\n}\n\nexport function parseColor(color: string): HsvaColor {\n if (typeof color !== 'string') {\n return { h: 0, s: 0, v: 0, a: 1 };\n }\n\n if (color === 'transparent') {\n return { h: 0, s: 0, v: 0, a: 0 };\n }\n\n const trimmed = color.trim();\n\n // eslint-disable-next-line no-restricted-syntax\n for (const [rule, regexp] of Object.entries(VALIDATION_REGEXP)) {\n if (regexp.test(trimmed)) {\n return CONVERTERS[rule as keyof typeof CONVERTERS](trimmed);\n }\n }\n\n return { h: 0, s: 0, v: 0, a: 1 };\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __rest } from 'tslib';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import classes from './ColorSwatch.module.css.js';
|
|
4
3
|
import { rem } from '../../core/utils/units-converters/rem.js';
|
|
@@ -9,39 +8,101 @@ import { Box } from '../../core/Box/Box.js';
|
|
|
9
8
|
import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
|
|
10
9
|
import { getRadius } from '../../core/utils/get-size/get-size.js';
|
|
11
10
|
|
|
11
|
+
var __defProp = Object.defineProperty;
|
|
12
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
13
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
14
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
15
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
16
|
+
var __spreadValues = (a, b) => {
|
|
17
|
+
for (var prop in b || (b = {}))
|
|
18
|
+
if (__hasOwnProp.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
if (__getOwnPropSymbols)
|
|
21
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
22
|
+
if (__propIsEnum.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
}
|
|
25
|
+
return a;
|
|
26
|
+
};
|
|
27
|
+
var __objRest = (source, exclude) => {
|
|
28
|
+
var target = {};
|
|
29
|
+
for (var prop in source)
|
|
30
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
if (source != null && __getOwnPropSymbols)
|
|
33
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
+
target[prop] = source[prop];
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
};
|
|
12
39
|
const defaultProps = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
40
|
+
size: rem(28),
|
|
41
|
+
radius: rem(28),
|
|
42
|
+
withShadow: true
|
|
16
43
|
};
|
|
17
44
|
const varsResolver = createVarsResolver((_, { radius, size }) => ({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
45
|
+
root: {
|
|
46
|
+
"--cs-radius": getRadius(radius),
|
|
47
|
+
"--cs-size": rem(size)
|
|
48
|
+
}
|
|
22
49
|
}));
|
|
23
50
|
const ColorSwatch = polymorphicFactory((_props, ref) => {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
51
|
+
const props = useProps("ColorSwatch", defaultProps, _props);
|
|
52
|
+
const _a = useProps("ColorSwatch", defaultProps, props), {
|
|
53
|
+
classNames,
|
|
54
|
+
className,
|
|
55
|
+
style,
|
|
56
|
+
styles,
|
|
57
|
+
unstyled,
|
|
58
|
+
vars,
|
|
59
|
+
color,
|
|
60
|
+
size,
|
|
61
|
+
radius,
|
|
62
|
+
withShadow,
|
|
63
|
+
children,
|
|
64
|
+
variant
|
|
65
|
+
} = _a, others = __objRest(_a, [
|
|
66
|
+
"classNames",
|
|
67
|
+
"className",
|
|
68
|
+
"style",
|
|
69
|
+
"styles",
|
|
70
|
+
"unstyled",
|
|
71
|
+
"vars",
|
|
72
|
+
"color",
|
|
73
|
+
"size",
|
|
74
|
+
"radius",
|
|
75
|
+
"withShadow",
|
|
76
|
+
"children",
|
|
77
|
+
"variant"
|
|
78
|
+
]);
|
|
79
|
+
const getStyles = useStyles({
|
|
80
|
+
name: "ColorSwatch",
|
|
81
|
+
props,
|
|
82
|
+
classes,
|
|
83
|
+
className,
|
|
84
|
+
style,
|
|
85
|
+
classNames,
|
|
86
|
+
styles,
|
|
87
|
+
unstyled,
|
|
88
|
+
vars,
|
|
89
|
+
varsResolver
|
|
90
|
+
});
|
|
91
|
+
return /* @__PURE__ */ React.createElement(
|
|
92
|
+
Box,
|
|
93
|
+
__spreadValues(__spreadValues({
|
|
94
|
+
ref,
|
|
95
|
+
variant,
|
|
96
|
+
size
|
|
97
|
+
}, getStyles("root", { focusable: true })), others),
|
|
98
|
+
/* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("alphaOverlay"))),
|
|
99
|
+
withShadow && /* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("shadowOverlay"))),
|
|
100
|
+
/* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("colorOverlay", { style: { backgroundColor: color } }))),
|
|
101
|
+
/* @__PURE__ */ React.createElement("span", __spreadValues({}, getStyles("childrenOverlay")), children)
|
|
102
|
+
);
|
|
43
103
|
});
|
|
44
|
-
ColorSwatch.
|
|
104
|
+
ColorSwatch.classes = classes;
|
|
105
|
+
ColorSwatch.displayName = "@mantine/core/ColorSwatch";
|
|
45
106
|
|
|
46
107
|
export { ColorSwatch };
|
|
47
108
|
//# sourceMappingURL=ColorSwatch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSwatch.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n MantineRadius,\n StylesApiProps,\n getRadius,\n polymorphicFactory,\n rem,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport classes from './ColorSwatch.module.css';\n\nexport type ColorSwatchStylesNames =\n | 'root'\n | 'alphaOverlay'\n | 'shadowOverlay'\n | 'colorOverlay'\n | 'childrenOverlay';\nexport type ColorSwatchVariant = string;\nexport type ColorSwatchCssVariables = {\n root: '--cs-radius' | '--cs-size';\n};\n\nexport interface ColorSwatchProps extends BoxProps, StylesApiProps<ColorSwatchFactory> {\n /** Color to display, not related to `theme.colors` – supports only CSS color values */\n color: string;\n\n /** Controls `width` and `height` of the swatch, any valid CSS value, numbers are converted to rem */\n size?: React.CSSProperties['width'];\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Determines whether the swatch should have inner `box-shadow`, `true` by default */\n withShadow?: boolean;\n\n /** Content rendered inside the swatch */\n children?: React.ReactNode;\n}\n\nexport type ColorSwatchFactory = PolymorphicFactory<{\n props: ColorSwatchProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: ColorSwatchStylesNames;\n vars: ColorSwatchCssVariables;\n variant: ColorSwatchVariant;\n}>;\n\nconst defaultProps: Partial<ColorSwatchProps> = {\n size: rem(28),\n radius: rem(28),\n withShadow: true,\n};\n\nconst varsResolver = createVarsResolver<ColorSwatchFactory>((_, { radius, size }) => ({\n root: {\n '--cs-radius': getRadius(radius),\n '--cs-size': rem(size),\n },\n}));\n\nexport const ColorSwatch = polymorphicFactory<ColorSwatchFactory>((_props, ref) => {\n const props = useProps('ColorSwatch', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n color,\n size,\n radius,\n withShadow,\n children,\n variant,\n ...others\n } = useProps('ColorSwatch', defaultProps, props);\n\n const getStyles = useStyles<ColorSwatchFactory>({\n name: 'ColorSwatch',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('root', { focusable: true })}\n {...others}\n >\n <span {...getStyles('alphaOverlay')} />\n {withShadow && <span {...getStyles('shadowOverlay')} />}\n <span {...getStyles('colorOverlay', { style: { backgroundColor: color } })} />\n <span {...getStyles('childrenOverlay')}>{children}</span>\n </Box>\n );\n});\n\nColorSwatch.displayName = '@mantine/core/ColorSwatch';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorSwatch.js","sources":["../../../src/components/ColorSwatch/ColorSwatch.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n MantineRadius,\n StylesApiProps,\n getRadius,\n polymorphicFactory,\n rem,\n useProps,\n useStyles,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport classes from './ColorSwatch.module.css';\n\nexport type ColorSwatchStylesNames =\n | 'root'\n | 'alphaOverlay'\n | 'shadowOverlay'\n | 'colorOverlay'\n | 'childrenOverlay';\nexport type ColorSwatchVariant = string;\nexport type ColorSwatchCssVariables = {\n root: '--cs-radius' | '--cs-size';\n};\n\nexport interface ColorSwatchProps extends BoxProps, StylesApiProps<ColorSwatchFactory> {\n /** Color to display, not related to `theme.colors` – supports only CSS color values */\n color: string;\n\n /** Controls `width` and `height` of the swatch, any valid CSS value, numbers are converted to rem */\n size?: React.CSSProperties['width'];\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Determines whether the swatch should have inner `box-shadow`, `true` by default */\n withShadow?: boolean;\n\n /** Content rendered inside the swatch */\n children?: React.ReactNode;\n}\n\nexport type ColorSwatchFactory = PolymorphicFactory<{\n props: ColorSwatchProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: ColorSwatchStylesNames;\n vars: ColorSwatchCssVariables;\n variant: ColorSwatchVariant;\n}>;\n\nconst defaultProps: Partial<ColorSwatchProps> = {\n size: rem(28),\n radius: rem(28),\n withShadow: true,\n};\n\nconst varsResolver = createVarsResolver<ColorSwatchFactory>((_, { radius, size }) => ({\n root: {\n '--cs-radius': getRadius(radius),\n '--cs-size': rem(size),\n },\n}));\n\nexport const ColorSwatch = polymorphicFactory<ColorSwatchFactory>((_props, ref) => {\n const props = useProps('ColorSwatch', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n color,\n size,\n radius,\n withShadow,\n children,\n variant,\n ...others\n } = useProps('ColorSwatch', defaultProps, props);\n\n const getStyles = useStyles<ColorSwatchFactory>({\n name: 'ColorSwatch',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('root', { focusable: true })}\n {...others}\n >\n <span {...getStyles('alphaOverlay')} />\n {withShadow && <span {...getStyles('shadowOverlay')} />}\n <span {...getStyles('colorOverlay', { style: { backgroundColor: color } })} />\n <span {...getStyles('childrenOverlay')}>{children}</span>\n </Box>\n );\n});\n\nColorSwatch.classes = classes;\nColorSwatch.displayName = '@mantine/core/ColorSwatch';\n"],"names":[],"mappings":"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"}
|