@mantine/core 2.5.0-alpha.5 → 2.6.0-alpha.1
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/README.md +0 -1
- package/cjs/components/Accordion/Accordion.js +20 -30
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js +107 -2
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js +79 -0
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -0
- package/cjs/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.js +0 -0
- package/cjs/components/Accordion/AccordionItem/ChevronIcon.js.map +1 -0
- package/cjs/components/Accordion/use-accordion-state/use-accordion-state.js +65 -0
- package/cjs/components/Accordion/use-accordion-state/use-accordion-state.js.map +1 -0
- package/cjs/components/ActionIcon/ActionIcon.js +6 -25
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.styles.js +50 -80
- package/cjs/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/components/ActionIcon/CloseButton/CloseButton.js +2 -2
- package/cjs/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/Alert/Alert.js +8 -18
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Alert/Alert.styles.js +17 -20
- package/cjs/components/Alert/Alert.styles.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +8 -16
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +25 -26
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +7 -15
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +23 -29
- package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/components/Avatar/{PlaceholderIcon.js → AvatarPlaceholderIcon.js} +3 -3
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js +100 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -0
- package/cjs/{theme/GlobalStyles.js → components/Avatar/AvatarsGroup/AvatarsGroup.styles.js} +21 -21
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -0
- package/cjs/components/Badge/Badge.js +5 -16
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.styles.js +50 -65
- package/cjs/components/Badge/Badge.styles.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js +5 -11
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.styles.js +9 -11
- package/cjs/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +6 -13
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/cjs/components/Burger/Burger.js +7 -16
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Burger/Burger.styles.js +25 -23
- package/cjs/components/Burger/Burger.styles.js.map +1 -1
- package/cjs/components/Button/Button.js +12 -30
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +109 -136
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/UnstyledButton/UnstyledButton.js +3 -15
- package/cjs/components/Button/UnstyledButton/UnstyledButton.js.map +1 -1
- package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js +4 -6
- package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
- package/cjs/components/Card/Card.js +2 -9
- package/cjs/components/Card/Card.js.map +1 -1
- package/cjs/components/Card/Card.styles.js +5 -5
- package/cjs/components/Card/Card.styles.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.js +3 -15
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.styles.js +9 -10
- package/cjs/components/Card/CardSection/CardSection.styles.js.map +1 -1
- package/cjs/components/Center/Center.js +7 -4
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +5 -14
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +64 -57
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxIcon.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.js +9 -14
- package/cjs/components/Chips/Chip/Chip.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.styles.js +75 -74
- package/cjs/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chips/Chips.js +0 -4
- package/cjs/components/Chips/Chips.js.map +1 -1
- package/cjs/components/Code/Code.js +6 -20
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Code/Code.styles.js +14 -17
- package/cjs/components/Code/Code.styles.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +6 -6
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +11 -23
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.styles.js +7 -7
- package/cjs/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js +3 -14
- package/cjs/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +10 -23
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.styles.js +11 -12
- package/cjs/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js +6 -13
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js +28 -26
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js +5 -9
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js +29 -26
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +4 -4
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.styles.js +5 -5
- package/cjs/components/ColorPicker/Swatches/Swatches.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.js +5 -10
- package/cjs/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.styles.js +7 -8
- package/cjs/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +5 -10
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.styles.js +37 -39
- package/cjs/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/cjs/components/Container/Container.js +3 -20
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Container/Container.styles.js +8 -9
- package/cjs/components/Container/Container.styles.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +9 -17
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/Dialog/Dialog.styles.js +27 -8
- package/cjs/components/Dialog/Dialog.styles.js.map +1 -1
- package/cjs/components/Divider/Divider.js +7 -15
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.styles.js +20 -23
- package/cjs/components/Divider/Divider.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +20 -32
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +39 -30
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Grid/Col.js +8 -13
- package/cjs/components/Grid/Col.js.map +1 -1
- package/cjs/components/Grid/Grid.js +7 -12
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/get-responsive-styles.js +3 -8
- package/cjs/components/Grid/get-responsive-styles.js.map +1 -1
- package/cjs/components/Group/Group.js +6 -13
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.styles.js +11 -21
- package/cjs/components/Group/Group.styles.js.map +1 -1
- package/cjs/components/Highlight/Highlight.js.map +1 -1
- package/cjs/components/Image/Image.js +5 -11
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Image/Image.styles.js +12 -14
- package/cjs/components/Image/Image.styles.js.map +1 -1
- package/cjs/components/Input/Input.js +7 -16
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.styles.js +51 -56
- package/cjs/components/Input/Input.styles.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.js +5 -13
- package/cjs/components/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.styles.js +16 -18
- package/cjs/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.js +8 -12
- package/cjs/components/JsonInput/JsonInput.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js +3 -7
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/Kbd/Kbd.styles.js +6 -6
- package/cjs/components/Kbd/Kbd.styles.js.map +1 -1
- package/cjs/components/List/List.js +8 -15
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/List.styles.js +5 -7
- package/cjs/components/List/List.styles.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.js +5 -11
- package/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.styles.js +25 -22
- package/cjs/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/cjs/components/Loader/Loader.js +5 -19
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +7 -16
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.styles.js +2 -2
- package/cjs/components/LoadingOverlay/LoadingOverlay.styles.js.map +1 -1
- package/cjs/components/Mark/Mark.js +4 -5
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Menu/Menu.js +7 -24
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/Menu.styles.js +5 -5
- package/cjs/components/Menu/Menu.styles.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.js +7 -12
- package/cjs/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js +12 -13
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.js +5 -11
- package/cjs/components/Menu/MenuButton/MenuButton.js.map +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js +12 -16
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/cjs/components/Modal/Modal.js +15 -30
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +24 -18
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js +5 -11
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js +13 -14
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +13 -24
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.styles.js +17 -18
- package/cjs/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +0 -5
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js +8 -19
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +74 -66
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js +12 -23
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.styles.js +16 -27
- package/cjs/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/cjs/components/Pagination/DefaultItem/DefaultItem.js +59 -0
- package/cjs/components/Pagination/DefaultItem/DefaultItem.js.map +1 -0
- package/cjs/components/Pagination/Pagination.js +123 -0
- package/cjs/components/Pagination/Pagination.js.map +1 -0
- package/cjs/components/Pagination/Pagination.styles.js +81 -0
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -0
- package/cjs/components/Pagination/icons/DotsIcon.js +41 -0
- package/cjs/components/Pagination/icons/DotsIcon.js.map +1 -0
- package/cjs/{theme/MantineProvider/MantineProvider.js → components/Pagination/icons/NextIcon.js} +13 -10
- package/cjs/components/Pagination/icons/NextIcon.js.map +1 -0
- package/cjs/{theme/use-mantine-theme/use-mantine-theme.js → components/Pagination/icons/PrevIcon.js} +18 -15
- package/cjs/components/Pagination/icons/PrevIcon.js.map +1 -0
- package/cjs/components/Paper/Paper.js +2 -8
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Paper/Paper.styles.js +6 -8
- package/cjs/components/Paper/Paper.styles.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +4 -8
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Popover/Popover.js +7 -18
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +5 -5
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.js +4 -9
- package/cjs/components/Popover/PopoverBody/PopoverBody.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js +15 -16
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/cjs/components/Popper/Popper.js +3 -5
- package/cjs/components/Popper/Popper.js.map +1 -1
- package/cjs/components/Popper/Popper.styles.js +51 -41
- package/cjs/components/Popper/Popper.styles.js.map +1 -1
- package/cjs/components/Progress/Progress.js +7 -17
- package/cjs/components/Progress/Progress.js.map +1 -1
- package/cjs/components/Progress/Progress.styles.js +18 -17
- package/cjs/components/Progress/Progress.styles.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.js +6 -12
- package/cjs/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js +52 -54
- package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.js +0 -6
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/RingProgress/Curve/Curve.js +4 -14
- package/cjs/components/RingProgress/Curve/Curve.js.map +1 -1
- package/cjs/components/RingProgress/RingProgress.js +6 -11
- package/cjs/components/RingProgress/RingProgress.js.map +1 -1
- package/cjs/components/RingProgress/RingProgress.styles.js +2 -2
- package/cjs/components/RingProgress/RingProgress.styles.js.map +1 -1
- package/cjs/components/RingProgress/get-curves/get-curves.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +8 -15
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js +85 -93
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/cjs/components/Select/Select.js +2 -9
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js +5 -8
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js +5 -5
- package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
- package/cjs/components/Select/SelectItems/SelectItems.js +5 -10
- package/cjs/components/Select/SelectItems/SelectItems.js.map +1 -1
- package/cjs/components/Select/SelectItems/SelectItems.styles.js +18 -19
- package/cjs/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/ChevronIcon.js +4 -5
- package/cjs/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/SelectRightSection.js +1 -4
- package/cjs/components/Select/SelectRightSection/SelectRightSection.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js +6 -6
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js +4 -7
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js +5 -10
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.styles.js +17 -22
- package/cjs/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +0 -5
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +0 -5
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js +6 -12
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js +5 -7
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +7 -11
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.styles.js +13 -16
- package/cjs/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js +5 -10
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Slider/Track/Track.styles.js +11 -13
- package/cjs/components/Slider/Track/Track.styles.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.js +5 -15
- package/cjs/components/Spoiler/Spoiler.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.styles.js +9 -6
- package/cjs/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/cjs/components/Switch/Switch.js +5 -14
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +30 -31
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Table/Table.js +2 -8
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.styles.js +48 -45
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Tabs/Tab/Tab.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.js +5 -12
- package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.styles.js +73 -73
- package/cjs/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +9 -19
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.styles.js +30 -28
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Text/Text.js +2 -9
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/Text/Text.styles.js +32 -25
- package/cjs/components/Text/Text.styles.js.map +1 -1
- package/cjs/components/TextInput/TextInput.js +0 -4
- package/cjs/components/TextInput/TextInput.js.map +1 -1
- package/cjs/components/Textarea/Textarea.js +6 -8
- package/cjs/components/Textarea/Textarea.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js +5 -13
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js +17 -37
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js +0 -1
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js +6 -12
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js +75 -66
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/cjs/components/Title/Title.js +2 -8
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/Title.styles.js +4 -5
- package/cjs/components/Title/Title.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +6 -13
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +9 -11
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/Transition/GroupedTransition.js +0 -2
- package/cjs/components/Transition/GroupedTransition.js.map +1 -1
- package/cjs/components/Transition/Transition.js +0 -5
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/index.js +10 -0
- package/cjs/components/Transition/index.js.map +1 -0
- package/cjs/components/Transition/use-transition.js +3 -4
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +3 -13
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +20 -22
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
- package/cjs/index.js +99 -110
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +21 -31
- package/esm/components/Accordion/Accordion.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js +103 -2
- package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js +75 -0
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -0
- package/esm/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.js +0 -0
- package/esm/components/Accordion/AccordionItem/ChevronIcon.js.map +1 -0
- package/esm/components/Accordion/use-accordion-state/use-accordion-state.js +60 -0
- package/esm/components/Accordion/use-accordion-state/use-accordion-state.js.map +1 -0
- package/esm/components/ActionIcon/ActionIcon.js +7 -24
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.styles.js +45 -75
- package/esm/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/components/ActionIcon/CloseButton/CloseButton.js +1 -1
- package/esm/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/Alert/Alert.js +5 -14
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Alert/Alert.styles.js +14 -17
- package/esm/components/Alert/Alert.styles.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.js +2 -10
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.styles.js +25 -26
- package/esm/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +6 -12
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/Avatar.styles.js +19 -25
- package/esm/components/Avatar/Avatar.styles.js.map +1 -1
- package/esm/components/Avatar/{PlaceholderIcon.js → AvatarPlaceholderIcon.js} +3 -3
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js +92 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +42 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -0
- package/esm/components/Badge/Badge.js +4 -12
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Badge/Badge.styles.js +47 -62
- package/esm/components/Badge/Badge.styles.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js +2 -7
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.styles.js +8 -10
- package/esm/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +3 -9
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.styles.js +5 -5
- package/esm/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/esm/components/Burger/Burger.js +5 -12
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Burger/Burger.styles.js +25 -23
- package/esm/components/Burger/Burger.styles.js.map +1 -1
- package/esm/components/Button/Button.js +7 -22
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.styles.js +109 -136
- package/esm/components/Button/Button.styles.js.map +1 -1
- package/esm/components/Button/UnstyledButton/UnstyledButton.js +2 -13
- package/esm/components/Button/UnstyledButton/UnstyledButton.js.map +1 -1
- package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js +4 -6
- package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
- package/esm/components/Card/Card.js +1 -7
- package/esm/components/Card/Card.js.map +1 -1
- package/esm/components/Card/Card.styles.js +5 -5
- package/esm/components/Card/Card.styles.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.js +2 -13
- package/esm/components/Card/CardSection/CardSection.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.styles.js +5 -6
- package/esm/components/Card/CardSection/CardSection.styles.js.map +1 -1
- package/esm/components/Center/Center.js +7 -4
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +5 -12
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.styles.js +63 -56
- package/esm/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/esm/components/Checkbox/CheckboxIcon.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.js +6 -10
- package/esm/components/Chips/Chip/Chip.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.styles.js +65 -64
- package/esm/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/esm/components/Chips/Chips.js +0 -4
- package/esm/components/Chips/Chips.js.map +1 -1
- package/esm/components/Code/Code.js +4 -17
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Code/Code.styles.js +14 -17
- package/esm/components/Code/Code.styles.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +6 -6
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +5 -17
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.styles.js +7 -7
- package/esm/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js +3 -14
- package/esm/components/ColorPicker/AlphaSlider/AlphaSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +2 -14
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.styles.js +9 -10
- package/esm/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js +2 -8
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js +28 -26
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.js +2 -6
- package/esm/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js +29 -26
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +2 -2
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.styles.js +5 -5
- package/esm/components/ColorPicker/Swatches/Swatches.styles.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.js +2 -6
- package/esm/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.styles.js +7 -8
- package/esm/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +1 -5
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.styles.js +37 -39
- package/esm/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/esm/components/Container/Container.js +4 -19
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Container/Container.styles.js +5 -6
- package/esm/components/Container/Container.styles.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +6 -13
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/Dialog.styles.js +26 -7
- package/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/esm/components/Divider/Divider.js +5 -11
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Divider/Divider.styles.js +9 -12
- package/esm/components/Divider/Divider.styles.js.map +1 -1
- package/esm/components/Drawer/Drawer.js +20 -30
- package/esm/components/Drawer/Drawer.js.map +1 -1
- package/esm/components/Drawer/Drawer.styles.js +35 -26
- package/esm/components/Drawer/Drawer.styles.js.map +1 -1
- package/esm/components/Grid/Col.js +4 -8
- package/esm/components/Grid/Col.js.map +1 -1
- package/esm/components/Grid/Grid.js +3 -8
- package/esm/components/Grid/Grid.js.map +1 -1
- package/esm/components/Grid/get-responsive-styles.js +3 -8
- package/esm/components/Grid/get-responsive-styles.js.map +1 -1
- package/esm/components/Group/Group.js +2 -8
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/Group.styles.js +7 -17
- package/esm/components/Group/Group.styles.js.map +1 -1
- package/esm/components/Highlight/Highlight.js.map +1 -1
- package/esm/components/Image/Image.js +2 -7
- package/esm/components/Image/Image.js.map +1 -1
- package/esm/components/Image/Image.styles.js +11 -13
- package/esm/components/Image/Image.styles.js.map +1 -1
- package/esm/components/Input/Input.js +5 -11
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/Input.styles.js +46 -51
- package/esm/components/Input/Input.styles.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.js +2 -9
- package/esm/components/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.styles.js +15 -17
- package/esm/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/esm/components/JsonInput/JsonInput.js +4 -8
- package/esm/components/JsonInput/JsonInput.js.map +1 -1
- package/esm/components/Kbd/Kbd.js +2 -5
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/Kbd/Kbd.styles.js +6 -6
- package/esm/components/Kbd/Kbd.styles.js.map +1 -1
- package/esm/components/List/List.js +4 -10
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/List.styles.js +4 -6
- package/esm/components/List/List.styles.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.js +2 -7
- package/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.styles.js +25 -22
- package/esm/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/esm/components/Loader/Loader.js +3 -17
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +6 -14
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.styles.js +2 -2
- package/esm/components/LoadingOverlay/LoadingOverlay.styles.js.map +1 -1
- package/esm/components/Mark/Mark.js +3 -4
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Menu/Menu.js +7 -23
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/Menu.styles.js +5 -5
- package/esm/components/Menu/Menu.styles.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.js +3 -7
- package/esm/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.styles.js +11 -12
- package/esm/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.js +2 -7
- package/esm/components/Menu/MenuButton/MenuButton.js.map +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.styles.js +9 -13
- package/esm/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/esm/components/Modal/Modal.js +16 -29
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/Modal.styles.js +23 -17
- package/esm/components/Modal/Modal.styles.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.js +2 -7
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js +7 -8
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +4 -14
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.styles.js +16 -17
- package/esm/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +0 -5
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js +5 -15
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Notification/Notification.styles.js +74 -66
- package/esm/components/Notification/Notification.styles.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.js +7 -17
- package/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.styles.js +13 -24
- package/esm/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/esm/components/Pagination/DefaultItem/DefaultItem.js +51 -0
- package/esm/components/Pagination/DefaultItem/DefaultItem.js.map +1 -0
- package/esm/components/Pagination/Pagination.js +115 -0
- package/esm/components/Pagination/Pagination.js.map +1 -0
- package/esm/components/Pagination/Pagination.styles.js +77 -0
- package/esm/components/Pagination/Pagination.styles.js.map +1 -0
- package/esm/{theme/MantineProvider/MantineProvider.js → components/Pagination/icons/DotsIcon.js} +13 -10
- package/esm/components/Pagination/icons/DotsIcon.js.map +1 -0
- package/esm/{theme/utils/omit-styles/omit-styles.js → components/Pagination/icons/NextIcon.js} +15 -11
- package/esm/components/Pagination/icons/NextIcon.js.map +1 -0
- package/{cjs/theme/utils/omit-styles/omit-styles.js → esm/components/Pagination/icons/PrevIcon.js} +14 -14
- package/esm/components/Pagination/icons/PrevIcon.js.map +1 -0
- package/esm/components/Paper/Paper.js +1 -6
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Paper/Paper.styles.js +4 -6
- package/esm/components/Paper/Paper.styles.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +1 -5
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/components/Popover/Popover.js +5 -15
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/Popover.styles.js +5 -5
- package/esm/components/Popover/Popover.styles.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.js +2 -7
- package/esm/components/Popover/PopoverBody/PopoverBody.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js +11 -12
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/esm/components/Popper/Popper.js +2 -3
- package/esm/components/Popper/Popper.js.map +1 -1
- package/esm/components/Popper/Popper.styles.js +51 -41
- package/esm/components/Popper/Popper.styles.js.map +1 -1
- package/esm/components/Progress/Progress.js +5 -13
- package/esm/components/Progress/Progress.js.map +1 -1
- package/esm/components/Progress/Progress.styles.js +11 -10
- package/esm/components/Progress/Progress.styles.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.js +2 -7
- package/esm/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js +52 -54
- package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/esm/components/RadioGroup/RadioGroup.js +1 -6
- package/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/esm/components/RingProgress/Curve/Curve.js +3 -13
- package/esm/components/RingProgress/Curve/Curve.js.map +1 -1
- package/esm/components/RingProgress/RingProgress.js +3 -7
- package/esm/components/RingProgress/RingProgress.js.map +1 -1
- package/esm/components/RingProgress/RingProgress.styles.js +2 -2
- package/esm/components/RingProgress/RingProgress.styles.js.map +1 -1
- package/esm/components/RingProgress/get-curves/get-curves.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +3 -9
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.styles.js +84 -92
- package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/esm/components/Select/Select.js +2 -9
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.js +3 -6
- package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js +5 -5
- package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
- package/esm/components/Select/SelectItems/SelectItems.js +2 -6
- package/esm/components/Select/SelectItems/SelectItems.js.map +1 -1
- package/esm/components/Select/SelectItems/SelectItems.styles.js +15 -16
- package/esm/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
- package/esm/components/Select/SelectRightSection/ChevronIcon.js +3 -4
- package/esm/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
- package/esm/components/Select/SelectRightSection/SelectRightSection.js +1 -4
- package/esm/components/Select/SelectRightSection/SelectRightSection.js.map +1 -1
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js +1 -1
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js +2 -5
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js +2 -6
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.styles.js +16 -21
- package/esm/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +0 -5
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +0 -5
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js +4 -9
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js +4 -6
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +4 -7
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.styles.js +8 -11
- package/esm/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/esm/components/Slider/Track/Track.js +2 -7
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Slider/Track/Track.styles.js +7 -9
- package/esm/components/Slider/Track/Track.styles.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.js +2 -11
- package/esm/components/Spoiler/Spoiler.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.styles.js +9 -6
- package/esm/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/esm/components/Switch/Switch.js +5 -12
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/Switch.styles.js +24 -25
- package/esm/components/Switch/Switch.styles.js.map +1 -1
- package/esm/components/Table/Table.js +1 -6
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.styles.js +48 -45
- package/esm/components/Table/Table.styles.js.map +1 -1
- package/esm/components/Tabs/Tab/Tab.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.js +3 -9
- package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.styles.js +73 -73
- package/esm/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +5 -14
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.styles.js +30 -28
- package/esm/components/Tabs/Tabs.styles.js.map +1 -1
- package/esm/components/Text/Text.js +1 -7
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/Text/Text.styles.js +32 -25
- package/esm/components/Text/Text.styles.js.map +1 -1
- package/esm/components/TextInput/TextInput.js +0 -4
- package/esm/components/TextInput/TextInput.js.map +1 -1
- package/esm/components/Textarea/Textarea.js +2 -4
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.js +7 -13
- package/esm/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.styles.js +17 -37
- package/esm/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/esm/components/Timeline/Timeline.js +0 -1
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.js +2 -7
- package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js +75 -66
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/esm/components/Title/Title.js +1 -6
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/Title.styles.js +4 -5
- package/esm/components/Title/Title.styles.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +3 -9
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.styles.js +7 -9
- package/esm/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/esm/components/Transition/GroupedTransition.js +0 -2
- package/esm/components/Transition/GroupedTransition.js.map +1 -1
- package/esm/components/Transition/Transition.js +1 -5
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/components/Transition/index.js +6 -0
- package/esm/components/Transition/index.js.map +1 -0
- package/esm/components/Transition/use-transition.js +3 -4
- package/esm/components/Transition/use-transition.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +2 -11
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +19 -21
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
- package/esm/index.js +64 -59
- package/esm/index.js.map +1 -1
- package/lib/src/components/Accordion/Accordion.d.ts +15 -12
- package/lib/src/components/Accordion/Accordion.d.ts.map +1 -1
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.d.ts +15 -7
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts +12 -0
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts.map +1 -0
- package/lib/src/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.d.ts +0 -0
- package/lib/src/components/Accordion/AccordionItem/ChevronIcon.d.ts.map +1 -0
- package/lib/src/components/Accordion/index.d.ts +7 -0
- package/lib/src/components/Accordion/index.d.ts.map +1 -0
- package/lib/src/components/Accordion/use-accordion-state/use-accordion-state.d.ts +13 -0
- package/lib/src/components/Accordion/use-accordion-state/use-accordion-state.d.ts.map +1 -0
- package/lib/src/components/ActionIcon/ActionIcon.d.ts +7 -12
- package/lib/src/components/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts +8 -4
- package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/CloseButton/CloseButton.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/index.d.ts +8 -0
- package/lib/src/components/ActionIcon/index.d.ts.map +1 -0
- package/lib/src/components/Affix/index.d.ts +3 -0
- package/lib/src/components/Affix/index.d.ts.map +1 -0
- package/lib/src/components/Alert/Alert.d.ts +5 -5
- package/lib/src/components/Alert/Alert.d.ts.map +1 -1
- package/lib/src/components/Alert/Alert.styles.d.ts +6 -4
- package/lib/src/components/Alert/Alert.styles.d.ts.map +1 -1
- package/lib/src/components/Alert/index.d.ts +3 -0
- package/lib/src/components/Alert/index.d.ts.map +1 -0
- package/lib/src/components/Anchor/index.d.ts +3 -0
- package/lib/src/components/Anchor/index.d.ts.map +1 -0
- package/lib/src/components/Autocomplete/Autocomplete.d.ts +6 -7
- package/lib/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts +5 -3
- package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/index.d.ts +3 -0
- package/lib/src/components/Autocomplete/index.d.ts.map +1 -0
- package/lib/src/components/Avatar/Avatar.d.ts +4 -11
- package/lib/src/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/src/components/Avatar/Avatar.styles.d.ts +10 -8
- package/lib/src/components/Avatar/Avatar.styles.d.ts.map +1 -1
- package/lib/src/components/Avatar/AvatarPlaceholderIcon.d.ts +3 -0
- package/lib/src/components/Avatar/AvatarPlaceholderIcon.d.ts.map +1 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.d.ts +21 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.d.ts.map +1 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts +10 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts.map +1 -0
- package/lib/src/components/Avatar/index.d.ts +7 -0
- package/lib/src/components/Avatar/index.d.ts.map +1 -0
- package/lib/src/components/Badge/Badge.d.ts +6 -8
- package/lib/src/components/Badge/Badge.d.ts.map +1 -1
- package/lib/src/components/Badge/Badge.styles.d.ts +6 -4
- package/lib/src/components/Badge/Badge.styles.d.ts.map +1 -1
- package/lib/src/components/Badge/index.d.ts +4 -0
- package/lib/src/components/Badge/index.d.ts.map +1 -0
- package/lib/src/components/Blockquote/Blockquote.d.ts +4 -4
- package/lib/src/components/Blockquote/Blockquote.d.ts.map +1 -1
- package/lib/src/components/Blockquote/Blockquote.styles.d.ts +6 -4
- package/lib/src/components/Blockquote/Blockquote.styles.d.ts.map +1 -1
- package/lib/src/components/Blockquote/index.d.ts +4 -0
- package/lib/src/components/Blockquote/index.d.ts.map +1 -0
- package/lib/src/components/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/lib/src/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts +4 -1
- package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/lib/src/components/Breadcrumbs/index.d.ts +3 -0
- package/lib/src/components/Breadcrumbs/index.d.ts.map +1 -0
- package/lib/src/components/Burger/Burger.d.ts +4 -11
- package/lib/src/components/Burger/Burger.d.ts.map +1 -1
- package/lib/src/components/Burger/Burger.styles.d.ts +6 -5
- package/lib/src/components/Burger/Burger.styles.d.ts.map +1 -1
- package/lib/src/components/Burger/index.d.ts +4 -0
- package/lib/src/components/Burger/index.d.ts.map +1 -0
- package/lib/src/components/Button/Button.d.ts +9 -11
- package/lib/src/components/Button/Button.d.ts.map +1 -1
- package/lib/src/components/Button/Button.styles.d.ts +8 -4
- package/lib/src/components/Button/Button.styles.d.ts.map +1 -1
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.d.ts +4 -4
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts +4 -7
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts.map +1 -1
- package/lib/src/components/Button/index.d.ts +6 -0
- package/lib/src/components/Button/index.d.ts.map +1 -0
- package/lib/src/components/Card/Card.d.ts +3 -4
- package/lib/src/components/Card/Card.d.ts.map +1 -1
- package/lib/src/components/Card/Card.styles.d.ts +4 -1
- package/lib/src/components/Card/Card.styles.d.ts.map +1 -1
- package/lib/src/components/Card/CardSection/CardSection.d.ts +2 -2
- package/lib/src/components/Card/CardSection/CardSection.d.ts.map +1 -1
- package/lib/src/components/Card/CardSection/CardSection.styles.d.ts +5 -3
- package/lib/src/components/Card/CardSection/CardSection.styles.d.ts.map +1 -1
- package/lib/src/components/Card/index.d.ts +5 -0
- package/lib/src/components/Card/index.d.ts.map +1 -0
- package/lib/src/components/Center/index.d.ts +3 -0
- package/lib/src/components/Center/index.d.ts.map +1 -0
- package/lib/src/components/Checkbox/Checkbox.d.ts +7 -12
- package/lib/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/src/components/Checkbox/Checkbox.styles.d.ts +6 -4
- package/lib/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/lib/src/components/Checkbox/CheckboxIcon.d.ts +1 -2
- package/lib/src/components/Checkbox/CheckboxIcon.d.ts.map +1 -1
- package/lib/src/components/Checkbox/index.d.ts +6 -0
- package/lib/src/components/Checkbox/index.d.ts.map +1 -0
- package/lib/src/components/Chips/Chip/Chip.d.ts +4 -4
- package/lib/src/components/Chips/Chip/Chip.d.ts.map +1 -1
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts +6 -4
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts.map +1 -1
- package/lib/src/components/Chips/Chips.d.ts +4 -7
- package/lib/src/components/Chips/Chips.d.ts.map +1 -1
- package/lib/src/components/Chips/index.d.ts +5 -0
- package/lib/src/components/Chips/index.d.ts.map +1 -0
- package/lib/src/components/Code/Code.d.ts +3 -3
- package/lib/src/components/Code/Code.d.ts.map +1 -1
- package/lib/src/components/Code/Code.styles.d.ts +6 -4
- package/lib/src/components/Code/Code.styles.d.ts.map +1 -1
- package/lib/src/components/Code/index.d.ts +3 -0
- package/lib/src/components/Code/index.d.ts.map +1 -0
- package/lib/src/components/Collapse/Collapse.d.ts.map +1 -1
- package/lib/src/components/Collapse/index.d.ts +3 -0
- package/lib/src/components/Collapse/index.d.ts.map +1 -0
- package/lib/src/components/ColorInput/ColorInput.d.ts +4 -4
- package/lib/src/components/ColorInput/ColorInput.d.ts.map +1 -1
- package/lib/src/components/ColorInput/ColorInput.styles.d.ts +4 -1
- package/lib/src/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
- package/lib/src/components/ColorInput/index.d.ts +3 -0
- package/lib/src/components/ColorInput/index.d.ts.map +1 -0
- package/lib/src/components/ColorPicker/AlphaSlider/AlphaSlider.d.ts +1 -1
- package/lib/src/components/ColorPicker/AlphaSlider/AlphaSlider.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorPicker.d.ts +3 -7
- package/lib/src/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts +5 -3
- package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.d.ts +3 -3
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts +6 -4
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Saturation/Saturation.d.ts +3 -3
- package/lib/src/components/ColorPicker/Saturation/Saturation.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts +5 -3
- package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Swatches/Swatches.d.ts +2 -2
- package/lib/src/components/ColorPicker/Swatches/Swatches.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts +4 -1
- package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Thumb/Thumb.d.ts +3 -3
- package/lib/src/components/ColorPicker/Thumb/Thumb.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts +5 -3
- package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/index.d.ts +8 -0
- package/lib/src/components/ColorPicker/index.d.ts.map +1 -0
- package/lib/src/components/ColorSwatch/ColorSwatch.d.ts +2 -2
- package/lib/src/components/ColorSwatch/ColorSwatch.d.ts.map +1 -1
- package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts +5 -3
- package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts.map +1 -1
- package/lib/src/components/ColorSwatch/index.d.ts +3 -0
- package/lib/src/components/ColorSwatch/index.d.ts.map +1 -0
- package/lib/src/components/Container/Container.d.ts +2 -9
- package/lib/src/components/Container/Container.d.ts.map +1 -1
- package/lib/src/components/Container/Container.styles.d.ts +5 -3
- package/lib/src/components/Container/Container.styles.d.ts.map +1 -1
- package/lib/src/components/Container/index.d.ts +4 -0
- package/lib/src/components/Container/index.d.ts.map +1 -0
- package/lib/src/components/Dialog/Dialog.d.ts +4 -4
- package/lib/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/src/components/Dialog/Dialog.styles.d.ts +5 -3
- package/lib/src/components/Dialog/Dialog.styles.d.ts.map +1 -1
- package/lib/src/components/Dialog/index.d.ts +3 -0
- package/lib/src/components/Dialog/index.d.ts.map +1 -0
- package/lib/src/components/Divider/Divider.d.ts +5 -12
- package/lib/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/src/components/Divider/Divider.styles.d.ts +7 -6
- package/lib/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/lib/src/components/Divider/index.d.ts +4 -0
- package/lib/src/components/Divider/index.d.ts.map +1 -0
- package/lib/src/components/Drawer/Drawer.d.ts +7 -15
- package/lib/src/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/src/components/Drawer/Drawer.styles.d.ts +6 -5
- package/lib/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/lib/src/components/Drawer/index.d.ts +5 -0
- package/lib/src/components/Drawer/index.d.ts.map +1 -0
- package/lib/src/components/Grid/Col.d.ts +2 -3
- package/lib/src/components/Grid/Col.d.ts.map +1 -1
- package/lib/src/components/Grid/Grid.d.ts +2 -5
- package/lib/src/components/Grid/Grid.d.ts.map +1 -1
- package/lib/src/components/Grid/get-responsive-styles.d.ts +2 -3
- package/lib/src/components/Grid/get-responsive-styles.d.ts.map +1 -1
- package/lib/src/components/Grid/index.d.ts +5 -0
- package/lib/src/components/Grid/index.d.ts.map +1 -0
- package/lib/src/components/Group/Group.d.ts +3 -4
- package/lib/src/components/Group/Group.d.ts.map +1 -1
- package/lib/src/components/Group/Group.styles.d.ts +5 -3
- package/lib/src/components/Group/Group.styles.d.ts.map +1 -1
- package/lib/src/components/Group/index.d.ts +4 -0
- package/lib/src/components/Group/index.d.ts.map +1 -0
- package/lib/src/components/Highlight/Highlight.d.ts +2 -1
- package/lib/src/components/Highlight/Highlight.d.ts.map +1 -1
- package/lib/src/components/Highlight/index.d.ts +3 -0
- package/lib/src/components/Highlight/index.d.ts.map +1 -0
- package/lib/src/components/Image/Image.d.ts +4 -4
- package/lib/src/components/Image/Image.d.ts.map +1 -1
- package/lib/src/components/Image/Image.styles.d.ts +5 -3
- package/lib/src/components/Image/Image.styles.d.ts.map +1 -1
- package/lib/src/components/Image/index.d.ts +3 -0
- package/lib/src/components/Image/index.d.ts.map +1 -0
- package/lib/src/components/Input/Input.d.ts +9 -15
- package/lib/src/components/Input/Input.d.ts.map +1 -1
- package/lib/src/components/Input/Input.styles.d.ts +5 -3
- package/lib/src/components/Input/Input.styles.d.ts.map +1 -1
- package/lib/src/components/Input/index.d.ts +4 -0
- package/lib/src/components/Input/index.d.ts.map +1 -0
- package/lib/src/components/InputWrapper/InputWrapper.d.ts +12 -6
- package/lib/src/components/InputWrapper/InputWrapper.d.ts.map +1 -1
- package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts +5 -3
- package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts.map +1 -1
- package/lib/src/components/InputWrapper/index.d.ts +3 -0
- package/lib/src/components/InputWrapper/index.d.ts.map +1 -0
- package/lib/src/components/JsonInput/JsonInput.d.ts +2 -2
- package/lib/src/components/JsonInput/JsonInput.d.ts.map +1 -1
- package/lib/src/components/JsonInput/index.d.ts +4 -0
- package/lib/src/components/JsonInput/index.d.ts.map +1 -0
- package/lib/src/components/Kbd/Kbd.d.ts +2 -2
- package/lib/src/components/Kbd/Kbd.d.ts.map +1 -1
- package/lib/src/components/Kbd/Kbd.styles.d.ts +4 -1
- package/lib/src/components/Kbd/Kbd.styles.d.ts.map +1 -1
- package/lib/src/components/Kbd/index.d.ts +3 -0
- package/lib/src/components/Kbd/index.d.ts.map +1 -0
- package/lib/src/components/List/List.d.ts +4 -6
- package/lib/src/components/List/List.d.ts.map +1 -1
- package/lib/src/components/List/List.styles.d.ts +5 -3
- package/lib/src/components/List/List.styles.d.ts.map +1 -1
- package/lib/src/components/List/ListItem/ListItem.d.ts +3 -3
- package/lib/src/components/List/ListItem/ListItem.d.ts.map +1 -1
- package/lib/src/components/List/ListItem/ListItem.styles.d.ts +5 -3
- package/lib/src/components/List/ListItem/ListItem.styles.d.ts.map +1 -1
- package/lib/src/components/List/index.d.ts +5 -0
- package/lib/src/components/List/index.d.ts.map +1 -0
- package/lib/src/components/Loader/Loader.d.ts +4 -14
- package/lib/src/components/Loader/Loader.d.ts.map +1 -1
- package/lib/src/components/Loader/index.d.ts +3 -0
- package/lib/src/components/Loader/index.d.ts.map +1 -0
- package/lib/src/components/Loader/loaders/loader-props.d.ts +2 -1
- package/lib/src/components/Loader/loaders/loader-props.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/LoadingOverlay.d.ts +2 -2
- package/lib/src/components/LoadingOverlay/LoadingOverlay.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts +4 -1
- package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/index.d.ts +3 -0
- package/lib/src/components/LoadingOverlay/index.d.ts.map +1 -0
- package/lib/src/components/Mark/Mark.d.ts +3 -3
- package/lib/src/components/Mark/Mark.d.ts.map +1 -1
- package/lib/src/components/Mark/index.d.ts +3 -0
- package/lib/src/components/Mark/index.d.ts.map +1 -0
- package/lib/src/components/MediaQuery/MediaQuery.d.ts +13 -0
- package/lib/src/components/MediaQuery/MediaQuery.d.ts.map +1 -0
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts +11 -0
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts.map +1 -0
- package/lib/src/components/Menu/Menu.d.ts +10 -17
- package/lib/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/src/components/Menu/Menu.styles.d.ts +4 -1
- package/lib/src/components/Menu/Menu.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts +5 -5
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts +5 -3
- package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuButton/MenuButton.d.ts +3 -3
- package/lib/src/components/Menu/MenuButton/MenuButton.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts +6 -4
- package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuItem/MenuItem.d.ts +2 -2
- package/lib/src/components/Menu/MenuItem/MenuItem.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuLabel/MenuLabel.d.ts +1 -1
- package/lib/src/components/Menu/MenuLabel/MenuLabel.d.ts.map +1 -1
- package/lib/src/components/Menu/index.d.ts +8 -0
- package/lib/src/components/Menu/index.d.ts.map +1 -0
- package/lib/src/components/Modal/Modal.d.ts +5 -13
- package/lib/src/components/Modal/Modal.d.ts.map +1 -1
- package/lib/src/components/Modal/Modal.styles.d.ts +4 -3
- package/lib/src/components/Modal/Modal.styles.d.ts.map +1 -1
- package/lib/src/components/Modal/index.d.ts +4 -0
- package/lib/src/components/Modal/index.d.ts.map +1 -0
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.d.ts +3 -3
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts +5 -3
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.d.ts +9 -8
- package/lib/src/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts +5 -4
- package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/index.d.ts +4 -0
- package/lib/src/components/MultiSelect/index.d.ts.map +1 -0
- package/lib/src/components/NativeSelect/NativeSelect.d.ts +5 -3
- package/lib/src/components/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/lib/src/components/NativeSelect/index.d.ts +3 -0
- package/lib/src/components/NativeSelect/index.d.ts.map +1 -0
- package/lib/src/components/Notification/Notification.d.ts +7 -5
- package/lib/src/components/Notification/Notification.d.ts.map +1 -1
- package/lib/src/components/Notification/Notification.styles.d.ts +6 -4
- package/lib/src/components/Notification/Notification.styles.d.ts.map +1 -1
- package/lib/src/components/Notification/index.d.ts +3 -0
- package/lib/src/components/Notification/index.d.ts.map +1 -0
- package/lib/src/components/NumberInput/NumberInput.d.ts +3 -3
- package/lib/src/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/src/components/NumberInput/NumberInput.styles.d.ts +5 -3
- package/lib/src/components/NumberInput/NumberInput.styles.d.ts.map +1 -1
- package/lib/src/components/NumberInput/index.d.ts +3 -0
- package/lib/src/components/NumberInput/index.d.ts.map +1 -0
- package/lib/src/components/Overlay/index.d.ts +3 -0
- package/lib/src/components/Overlay/index.d.ts.map +1 -0
- package/lib/src/components/Pagination/DefaultItem/DefaultItem.d.ts +11 -0
- package/lib/src/components/Pagination/DefaultItem/DefaultItem.d.ts.map +1 -0
- package/lib/src/components/Pagination/Pagination.d.ts +37 -0
- package/lib/src/components/Pagination/Pagination.d.ts.map +1 -0
- package/lib/src/components/Pagination/Pagination.styles.d.ts +12 -0
- package/lib/src/components/Pagination/Pagination.styles.d.ts.map +1 -0
- package/lib/src/components/Pagination/icons/DotsIcon.d.ts +3 -0
- package/lib/src/components/Pagination/icons/DotsIcon.d.ts.map +1 -0
- package/lib/src/components/Pagination/icons/NextIcon.d.ts +3 -0
- package/lib/src/components/Pagination/icons/NextIcon.d.ts.map +1 -0
- package/lib/src/components/Pagination/icons/PrevIcon.d.ts +3 -0
- package/lib/src/components/Pagination/icons/PrevIcon.d.ts.map +1 -0
- package/lib/src/components/Pagination/index.d.ts +4 -0
- package/lib/src/components/Pagination/index.d.ts.map +1 -0
- package/lib/src/components/Paper/Paper.d.ts +3 -3
- package/lib/src/components/Paper/Paper.d.ts.map +1 -1
- package/lib/src/components/Paper/Paper.styles.d.ts +6 -4
- package/lib/src/components/Paper/Paper.styles.d.ts.map +1 -1
- package/lib/src/components/Paper/index.d.ts +3 -0
- package/lib/src/components/Paper/index.d.ts.map +1 -0
- package/lib/src/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/lib/src/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/lib/src/components/PasswordInput/index.d.ts +3 -0
- package/lib/src/components/PasswordInput/index.d.ts.map +1 -0
- package/lib/src/components/Popover/Popover.d.ts +4 -4
- package/lib/src/components/Popover/Popover.d.ts.map +1 -1
- package/lib/src/components/Popover/Popover.styles.d.ts +4 -1
- package/lib/src/components/Popover/Popover.styles.d.ts.map +1 -1
- package/lib/src/components/Popover/PopoverBody/PopoverBody.d.ts +4 -4
- package/lib/src/components/Popover/PopoverBody/PopoverBody.d.ts.map +1 -1
- package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts +6 -4
- package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts.map +1 -1
- package/lib/src/components/Popover/index.d.ts +3 -0
- package/lib/src/components/Popover/index.d.ts.map +1 -0
- package/lib/src/components/Popper/Popper.d.ts +1 -1
- package/lib/src/components/Popper/Popper.d.ts.map +1 -1
- package/lib/src/components/Popper/Popper.styles.d.ts +4 -1
- package/lib/src/components/Popper/Popper.styles.d.ts.map +1 -1
- package/lib/src/components/Popper/index.d.ts +3 -0
- package/lib/src/components/Popper/index.d.ts.map +1 -0
- package/lib/src/components/Portal/index.d.ts +3 -0
- package/lib/src/components/Portal/index.d.ts.map +1 -0
- package/lib/src/components/Progress/Progress.d.ts +5 -12
- package/lib/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/src/components/Progress/Progress.styles.d.ts +6 -5
- package/lib/src/components/Progress/Progress.styles.d.ts.map +1 -1
- package/lib/src/components/Progress/index.d.ts +4 -0
- package/lib/src/components/Progress/index.d.ts.map +1 -0
- package/lib/src/components/RadioGroup/Radio/Radio.d.ts +5 -5
- package/lib/src/components/RadioGroup/Radio/Radio.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts +6 -4
- package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/RadioGroup.d.ts +5 -14
- package/lib/src/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/index.d.ts +6 -0
- package/lib/src/components/RadioGroup/index.d.ts.map +1 -0
- package/lib/src/components/RingProgress/Curve/Curve.d.ts +3 -4
- package/lib/src/components/RingProgress/Curve/Curve.d.ts.map +1 -1
- package/lib/src/components/RingProgress/RingProgress.d.ts +4 -4
- package/lib/src/components/RingProgress/RingProgress.d.ts.map +1 -1
- package/lib/src/components/RingProgress/RingProgress.styles.d.ts +4 -1
- package/lib/src/components/RingProgress/RingProgress.styles.d.ts.map +1 -1
- package/lib/src/components/RingProgress/get-curves/get-curves.d.ts +2 -1
- package/lib/src/components/RingProgress/get-curves/get-curves.d.ts.map +1 -1
- package/lib/src/components/RingProgress/index.d.ts +3 -0
- package/lib/src/components/RingProgress/index.d.ts.map +1 -0
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts +6 -7
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts +7 -5
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/index.d.ts +3 -0
- package/lib/src/components/SegmentedControl/index.d.ts.map +1 -0
- package/lib/src/components/Select/Select.d.ts +5 -8
- package/lib/src/components/Select/Select.d.ts.map +1 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts +5 -5
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts +4 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts.map +1 -1
- package/lib/src/components/Select/SelectItems/SelectItems.d.ts +3 -3
- package/lib/src/components/Select/SelectItems/SelectItems.d.ts.map +1 -1
- package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts +5 -3
- package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts.map +1 -1
- package/lib/src/components/Select/SelectRightSection/ChevronIcon.d.ts +2 -2
- package/lib/src/components/Select/SelectRightSection/ChevronIcon.d.ts.map +1 -1
- package/lib/src/components/Select/SelectRightSection/SelectRightSection.d.ts +2 -3
- package/lib/src/components/Select/SelectRightSection/SelectRightSection.d.ts.map +1 -1
- package/lib/src/components/Select/index.d.ts +5 -0
- package/lib/src/components/Select/index.d.ts.map +1 -0
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts +4 -5
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
- package/lib/src/components/SimpleGrid/index.d.ts +3 -0
- package/lib/src/components/SimpleGrid/index.d.ts.map +1 -0
- package/lib/src/components/Slider/Marks/Marks.d.ts +4 -4
- package/lib/src/components/Slider/Marks/Marks.d.ts.map +1 -1
- package/lib/src/components/Slider/Marks/Marks.styles.d.ts +6 -4
- package/lib/src/components/Slider/Marks/Marks.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts +4 -4
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/src/components/Slider/Slider/Slider.d.ts +4 -4
- package/lib/src/components/Slider/Slider/Slider.d.ts.map +1 -1
- package/lib/src/components/Slider/SliderRoot/SliderRoot.d.ts +3 -3
- package/lib/src/components/Slider/SliderRoot/SliderRoot.d.ts.map +1 -1
- package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts +5 -3
- package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/Thumb/Thumb.d.ts +5 -5
- package/lib/src/components/Slider/Thumb/Thumb.d.ts.map +1 -1
- package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts +6 -4
- package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/Track/Track.d.ts +4 -4
- package/lib/src/components/Slider/Track/Track.d.ts.map +1 -1
- package/lib/src/components/Slider/Track/Track.styles.d.ts +6 -4
- package/lib/src/components/Slider/Track/Track.styles.d.ts.map +1 -1
- package/lib/src/components/Spoiler/Spoiler.d.ts +3 -3
- package/lib/src/components/Spoiler/Spoiler.d.ts.map +1 -1
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts +4 -3
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts.map +1 -1
- package/lib/src/components/Spoiler/index.d.ts +3 -0
- package/lib/src/components/Spoiler/index.d.ts.map +1 -0
- package/lib/src/components/Switch/Switch.d.ts +8 -10
- package/lib/src/components/Switch/Switch.d.ts.map +1 -1
- package/lib/src/components/Switch/Switch.styles.d.ts +6 -5
- package/lib/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/lib/src/components/Switch/index.d.ts +4 -0
- package/lib/src/components/Switch/index.d.ts.map +1 -0
- package/lib/src/components/Table/Table.d.ts +2 -2
- package/lib/src/components/Table/Table.d.ts.map +1 -1
- package/lib/src/components/Table/Table.styles.d.ts +4 -3
- package/lib/src/components/Table/Table.styles.d.ts.map +1 -1
- package/lib/src/components/Table/index.d.ts +3 -0
- package/lib/src/components/Table/index.d.ts.map +1 -0
- package/lib/src/components/Tabs/Tab/Tab.d.ts +1 -1
- package/lib/src/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts +4 -4
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts +6 -5
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.d.ts +8 -12
- package/lib/src/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.styles.d.ts +5 -3
- package/lib/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/index.d.ts +5 -0
- package/lib/src/components/Tabs/index.d.ts.map +1 -0
- package/lib/src/components/Text/Text.d.ts +3 -3
- package/lib/src/components/Text/Text.d.ts.map +1 -1
- package/lib/src/components/Text/Text.styles.d.ts +6 -4
- package/lib/src/components/Text/Text.styles.d.ts.map +1 -1
- package/lib/src/components/Text/index.d.ts +3 -0
- package/lib/src/components/Text/index.d.ts.map +1 -0
- package/lib/src/components/TextInput/TextInput.d.ts +5 -3
- package/lib/src/components/TextInput/TextInput.d.ts.map +1 -1
- package/lib/src/components/TextInput/index.d.ts +3 -0
- package/lib/src/components/TextInput/index.d.ts.map +1 -0
- package/lib/src/components/Textarea/Textarea.d.ts +5 -3
- package/lib/src/components/Textarea/Textarea.d.ts.map +1 -1
- package/lib/src/components/Textarea/index.d.ts +3 -0
- package/lib/src/components/Textarea/index.d.ts.map +1 -0
- package/lib/src/components/ThemeIcon/ThemeIcon.d.ts +5 -11
- package/lib/src/components/ThemeIcon/ThemeIcon.d.ts.map +1 -1
- package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts +8 -4
- package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts.map +1 -1
- package/lib/src/components/ThemeIcon/index.d.ts +5 -0
- package/lib/src/components/ThemeIcon/index.d.ts.map +1 -0
- package/lib/src/components/Timeline/Timeline.d.ts +4 -7
- package/lib/src/components/Timeline/Timeline.d.ts.map +1 -1
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.d.ts +4 -4
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts +6 -4
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts.map +1 -1
- package/lib/src/components/Timeline/index.d.ts +5 -0
- package/lib/src/components/Timeline/index.d.ts.map +1 -0
- package/lib/src/components/Title/Title.d.ts +4 -3
- package/lib/src/components/Title/Title.d.ts.map +1 -1
- package/lib/src/components/Title/Title.styles.d.ts +4 -3
- package/lib/src/components/Title/Title.styles.d.ts.map +1 -1
- package/lib/src/components/Title/index.d.ts +3 -0
- package/lib/src/components/Title/index.d.ts.map +1 -0
- package/lib/src/components/Tooltip/Tooltip.d.ts +4 -4
- package/lib/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/src/components/Tooltip/Tooltip.styles.d.ts +6 -4
- package/lib/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/lib/src/components/Tooltip/index.d.ts +3 -0
- package/lib/src/components/Tooltip/index.d.ts.map +1 -0
- package/lib/src/components/Transition/GroupedTransition.d.ts +2 -2
- package/lib/src/components/Transition/GroupedTransition.d.ts.map +1 -1
- package/lib/src/components/Transition/Transition.d.ts +2 -6
- package/lib/src/components/Transition/Transition.d.ts.map +1 -1
- package/lib/src/components/Transition/index.d.ts +7 -0
- package/lib/src/components/Transition/index.d.ts.map +1 -0
- package/lib/src/components/Transition/use-transition.d.ts +1 -3
- package/lib/src/components/Transition/use-transition.d.ts.map +1 -1
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.d.ts +2 -2
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.d.ts.map +1 -1
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts +4 -1
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts.map +1 -1
- package/lib/src/components/TypographyStylesProvider/index.d.ts +3 -0
- package/lib/src/components/TypographyStylesProvider/index.d.ts.map +1 -0
- package/lib/src/demos.d.ts.map +1 -1
- package/lib/src/index.d.ts +71 -141
- package/lib/src/index.d.ts.map +1 -1
- package/lib/src/utils/index.d.ts +0 -1
- package/lib/src/utils/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js +0 -117
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +0 -1
- package/cjs/components/Accordion/AccordionControl/AccordionControl.styles.js +0 -48
- package/cjs/components/Accordion/AccordionControl/AccordionControl.styles.js.map +0 -1
- package/cjs/components/Accordion/AccordionControl/ChevronIcon.js.map +0 -1
- package/cjs/components/Avatar/PlaceholderIcon.js.map +0 -1
- package/cjs/ssr/ServerStyles.js +0 -20
- package/cjs/ssr/ServerStyles.js.map +0 -1
- package/cjs/ssr/SsrProvider.js +0 -22
- package/cjs/ssr/SsrProvider.js.map +0 -1
- package/cjs/ssr/console-patch.js +0 -17
- package/cjs/ssr/console-patch.js.map +0 -1
- package/cjs/ssr/use-styles-cleanup.js +0 -19
- package/cjs/ssr/use-styles-cleanup.js.map +0 -1
- package/cjs/theme/GlobalStyles.js.map +0 -1
- package/cjs/theme/MantineProvider/MantineProvider.js.map +0 -1
- package/cjs/theme/MantineProvider/theme-context.js +0 -16
- package/cjs/theme/MantineProvider/theme-context.js.map +0 -1
- package/cjs/theme/NormalizeCSS.js +0 -170
- package/cjs/theme/NormalizeCSS.js.map +0 -1
- package/cjs/theme/colors.js +0 -177
- package/cjs/theme/colors.js.map +0 -1
- package/cjs/theme/create-memo-styles.js +0 -24
- package/cjs/theme/create-memo-styles.js.map +0 -1
- package/cjs/theme/create-styles.js +0 -13
- package/cjs/theme/create-styles.js.map +0 -1
- package/cjs/theme/default-theme.js +0 -72
- package/cjs/theme/default-theme.js.map +0 -1
- package/cjs/theme/use-mantine-theme/use-mantine-theme.js.map +0 -1
- package/cjs/theme/utils/get-focus-styles/get-focus-styles.js +0 -19
- package/cjs/theme/utils/get-focus-styles/get-focus-styles.js.map +0 -1
- package/cjs/theme/utils/get-font-styles/get-font-styles.js +0 -14
- package/cjs/theme/utils/get-font-styles/get-font-styles.js.map +0 -1
- package/cjs/theme/utils/get-shared-color-scheme/get-shared-color-scheme.js +0 -59
- package/cjs/theme/utils/get-shared-color-scheme/get-shared-color-scheme.js.map +0 -1
- package/cjs/theme/utils/get-size-value/get-size-value.js +0 -17
- package/cjs/theme/utils/get-size-value/get-size-value.js.map +0 -1
- package/cjs/theme/utils/get-theme-color/get-theme-color.js +0 -15
- package/cjs/theme/utils/get-theme-color/get-theme-color.js.map +0 -1
- package/cjs/theme/utils/hex-to-rgba/hex-to-rgba.js +0 -21
- package/cjs/theme/utils/hex-to-rgba/hex-to-rgba.js.map +0 -1
- package/cjs/theme/utils/merge-class-names/merge-class-names.js +0 -19
- package/cjs/theme/utils/merge-class-names/merge-class-names.js.map +0 -1
- package/cjs/theme/utils/merge-styles/merge-styles.js +0 -16
- package/cjs/theme/utils/merge-styles/merge-styles.js.map +0 -1
- package/cjs/theme/utils/merge-theme/merge-theme.js +0 -46
- package/cjs/theme/utils/merge-theme/merge-theme.js.map +0 -1
- package/cjs/theme/utils/omit-styles/omit-styles.js.map +0 -1
- package/cjs/utils/ClickOutsideProvider/ClickOutsiteProvider.js +0 -59
- package/cjs/utils/ClickOutsideProvider/ClickOutsiteProvider.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.js +0 -108
- package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.styles.js +0 -44
- package/esm/components/Accordion/AccordionControl/AccordionControl.styles.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/ChevronIcon.js.map +0 -1
- package/esm/components/Avatar/PlaceholderIcon.js.map +0 -1
- package/esm/ssr/ServerStyles.js +0 -11
- package/esm/ssr/ServerStyles.js.map +0 -1
- package/esm/ssr/SsrProvider.js +0 -14
- package/esm/ssr/SsrProvider.js.map +0 -1
- package/esm/ssr/console-patch.js +0 -13
- package/esm/ssr/console-patch.js.map +0 -1
- package/esm/ssr/use-styles-cleanup.js +0 -15
- package/esm/ssr/use-styles-cleanup.js.map +0 -1
- package/esm/theme/GlobalStyles.js +0 -42
- package/esm/theme/GlobalStyles.js.map +0 -1
- package/esm/theme/MantineProvider/MantineProvider.js.map +0 -1
- package/esm/theme/MantineProvider/theme-context.js +0 -10
- package/esm/theme/MantineProvider/theme-context.js.map +0 -1
- package/esm/theme/NormalizeCSS.js +0 -166
- package/esm/theme/NormalizeCSS.js.map +0 -1
- package/esm/theme/colors.js +0 -173
- package/esm/theme/colors.js.map +0 -1
- package/esm/theme/create-memo-styles.js +0 -20
- package/esm/theme/create-memo-styles.js.map +0 -1
- package/esm/theme/create-styles.js +0 -9
- package/esm/theme/create-styles.js.map +0 -1
- package/esm/theme/default-theme.js +0 -66
- package/esm/theme/default-theme.js.map +0 -1
- package/esm/theme/use-mantine-theme/use-mantine-theme.js +0 -34
- package/esm/theme/use-mantine-theme/use-mantine-theme.js.map +0 -1
- package/esm/theme/utils/get-focus-styles/get-focus-styles.js +0 -15
- package/esm/theme/utils/get-focus-styles/get-focus-styles.js.map +0 -1
- package/esm/theme/utils/get-font-styles/get-font-styles.js +0 -10
- package/esm/theme/utils/get-font-styles/get-font-styles.js.map +0 -1
- package/esm/theme/utils/get-shared-color-scheme/get-shared-color-scheme.js +0 -55
- package/esm/theme/utils/get-shared-color-scheme/get-shared-color-scheme.js.map +0 -1
- package/esm/theme/utils/get-size-value/get-size-value.js +0 -13
- package/esm/theme/utils/get-size-value/get-size-value.js.map +0 -1
- package/esm/theme/utils/get-theme-color/get-theme-color.js +0 -11
- package/esm/theme/utils/get-theme-color/get-theme-color.js.map +0 -1
- package/esm/theme/utils/hex-to-rgba/hex-to-rgba.js +0 -17
- package/esm/theme/utils/hex-to-rgba/hex-to-rgba.js.map +0 -1
- package/esm/theme/utils/merge-class-names/merge-class-names.js +0 -11
- package/esm/theme/utils/merge-class-names/merge-class-names.js.map +0 -1
- package/esm/theme/utils/merge-styles/merge-styles.js +0 -12
- package/esm/theme/utils/merge-styles/merge-styles.js.map +0 -1
- package/esm/theme/utils/merge-theme/merge-theme.js +0 -42
- package/esm/theme/utils/merge-theme/merge-theme.js.map +0 -1
- package/esm/theme/utils/omit-styles/omit-styles.js.map +0 -1
- package/esm/utils/ClickOutsideProvider/ClickOutsiteProvider.js +0 -49
- package/esm/utils/ClickOutsideProvider/ClickOutsiteProvider.js.map +0 -1
- package/lib/index.umd.js +0 -99
- package/lib/index.umd.js.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.d.ts +0 -17
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.d.ts.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.styles.d.ts +0 -8
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.styles.d.ts.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/ChevronIcon.d.ts.map +0 -1
- package/lib/src/components/Avatar/PlaceholderIcon.d.ts +0 -3
- package/lib/src/components/Avatar/PlaceholderIcon.d.ts.map +0 -1
- package/lib/src/ssr/ServerStyles.d.ts +0 -9
- package/lib/src/ssr/ServerStyles.d.ts.map +0 -1
- package/lib/src/ssr/SsrProvider.d.ts +0 -9
- package/lib/src/ssr/SsrProvider.d.ts.map +0 -1
- package/lib/src/ssr/console-patch.d.ts +0 -2
- package/lib/src/ssr/console-patch.d.ts.map +0 -1
- package/lib/src/ssr/index.d.ts +0 -7
- package/lib/src/ssr/index.d.ts.map +0 -1
- package/lib/src/ssr/use-styles-cleanup.d.ts +0 -2
- package/lib/src/ssr/use-styles-cleanup.d.ts.map +0 -1
- package/lib/src/theme/GlobalStyles.d.ts +0 -2
- package/lib/src/theme/GlobalStyles.d.ts.map +0 -1
- package/lib/src/theme/MantineProvider/MantineProvider.d.ts +0 -11
- package/lib/src/theme/MantineProvider/MantineProvider.d.ts.map +0 -1
- package/lib/src/theme/MantineProvider/theme-context.d.ts +0 -5
- package/lib/src/theme/MantineProvider/theme-context.d.ts.map +0 -1
- package/lib/src/theme/NormalizeCSS.d.ts +0 -2
- package/lib/src/theme/NormalizeCSS.d.ts.map +0 -1
- package/lib/src/theme/colors.d.ts +0 -18
- package/lib/src/theme/colors.d.ts.map +0 -1
- package/lib/src/theme/create-memo-styles.d.ts +0 -4
- package/lib/src/theme/create-memo-styles.d.ts.map +0 -1
- package/lib/src/theme/create-styles.d.ts +0 -12
- package/lib/src/theme/create-styles.d.ts.map +0 -1
- package/lib/src/theme/default-theme.d.ts +0 -5
- package/lib/src/theme/default-theme.d.ts.map +0 -1
- package/lib/src/theme/index.d.ts +0 -20
- package/lib/src/theme/index.d.ts.map +0 -1
- package/lib/src/theme/types.d.ts +0 -56
- package/lib/src/theme/types.d.ts.map +0 -1
- package/lib/src/theme/use-mantine-theme/use-mantine-theme.d.ts +0 -3
- package/lib/src/theme/use-mantine-theme/use-mantine-theme.d.ts.map +0 -1
- package/lib/src/theme/utils/get-focus-styles/get-focus-styles.d.ts +0 -12
- package/lib/src/theme/utils/get-focus-styles/get-focus-styles.d.ts.map +0 -1
- package/lib/src/theme/utils/get-font-styles/get-font-styles.d.ts +0 -7
- package/lib/src/theme/utils/get-font-styles/get-font-styles.d.ts.map +0 -1
- package/lib/src/theme/utils/get-shared-color-scheme/get-shared-color-scheme.d.ts +0 -27
- package/lib/src/theme/utils/get-shared-color-scheme/get-shared-color-scheme.d.ts.map +0 -1
- package/lib/src/theme/utils/get-size-value/get-size-value.d.ts +0 -6
- package/lib/src/theme/utils/get-size-value/get-size-value.d.ts.map +0 -1
- package/lib/src/theme/utils/get-theme-color/get-theme-color.d.ts +0 -7
- package/lib/src/theme/utils/get-theme-color/get-theme-color.d.ts.map +0 -1
- package/lib/src/theme/utils/hex-to-rgba/hex-to-rgba.d.ts +0 -2
- package/lib/src/theme/utils/hex-to-rgba/hex-to-rgba.d.ts.map +0 -1
- package/lib/src/theme/utils/merge-class-names/merge-class-names.d.ts +0 -2
- package/lib/src/theme/utils/merge-class-names/merge-class-names.d.ts.map +0 -1
- package/lib/src/theme/utils/merge-styles/merge-styles.d.ts +0 -5
- package/lib/src/theme/utils/merge-styles/merge-styles.d.ts.map +0 -1
- package/lib/src/theme/utils/merge-theme/merge-theme.d.ts +0 -3
- package/lib/src/theme/utils/merge-theme/merge-theme.d.ts.map +0 -1
- package/lib/src/theme/utils/omit-styles/omit-styles.d.ts +0 -4
- package/lib/src/theme/utils/omit-styles/omit-styles.d.ts.map +0 -1
- package/lib/src/utils/ClickOutsideProvider/ClickOutsiteProvider.d.ts +0 -14
- package/lib/src/utils/ClickOutsideProvider/ClickOutsiteProvider.d.ts.map +0 -1
|
@@ -3,17 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var styles = require('@mantine/styles');
|
|
7
7
|
var getPosition = require('../utils/get-position/get-position.js');
|
|
8
8
|
var isMarkFilled = require('./is-mark-filled.js');
|
|
9
9
|
var Marks_styles = require('./Marks.styles.js');
|
|
10
|
-
var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
|
|
11
|
-
var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
|
|
12
10
|
|
|
13
11
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
14
12
|
|
|
15
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
17
14
|
|
|
18
15
|
var __defProp = Object.defineProperty;
|
|
19
16
|
var __defProps = Object.defineProperties;
|
|
@@ -41,22 +38,20 @@ function Marks({
|
|
|
41
38
|
min,
|
|
42
39
|
max,
|
|
43
40
|
value,
|
|
44
|
-
themeOverride,
|
|
45
41
|
classNames,
|
|
46
|
-
styles,
|
|
42
|
+
styles: styles$1,
|
|
47
43
|
offset,
|
|
48
44
|
onChange
|
|
49
45
|
}) {
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
const _styles = mergeStyles.mergeStyles(classes, styles);
|
|
46
|
+
const { classes, cx } = Marks_styles['default']({ size, color }, classNames, "slider");
|
|
47
|
+
const _styles = styles.mergeStyles(classes, styles$1);
|
|
53
48
|
const items = marks.map((mark, index) => /* @__PURE__ */ React__default.createElement("div", {
|
|
54
49
|
className: classes.markWrapper,
|
|
55
50
|
style: __spreadProps(__spreadValues({}, _styles.markWrapper), { left: `${getPosition.getPosition({ value: mark.value, min, max })}%` }),
|
|
56
51
|
key: index
|
|
57
52
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
58
53
|
style: __spreadValues(__spreadValues({}, _styles.mark), mark.value <= value ? _styles.markFilled : null),
|
|
59
|
-
className:
|
|
54
|
+
className: cx(classes.mark, {
|
|
60
55
|
[classes.markFilled]: isMarkFilled.isMarkFilled({ mark, value, offset })
|
|
61
56
|
})
|
|
62
57
|
}), mark.label && /* @__PURE__ */ React__default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marks.js","sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Marks.js","sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import React from 'react';\nimport {\n mergeStyles,\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n} from '@mantine/styles';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\nimport useStyles from './Marks.styles';\n\nexport type MarksStylesNames = ClassNames<typeof useStyles>;\n\ninterface MarksProps extends DefaultProps<MarksStylesNames> {\n marks: { value: number; label?: React.ReactNode }[];\n size: MantineNumberSize;\n color: MantineColor;\n min: number;\n max: number;\n value: number;\n onChange(value: number): void;\n offset?: number;\n}\n\nexport function Marks({\n marks,\n color,\n size,\n min,\n max,\n value,\n classNames,\n styles,\n offset,\n onChange,\n}: MarksProps) {\n const { classes, cx } = useStyles({ size, color }, classNames, 'slider');\n const _styles = mergeStyles(classes, styles);\n\n const items = marks.map((mark, index) => (\n <div\n className={classes.markWrapper}\n style={{ ..._styles.markWrapper, left: `${getPosition({ value: mark.value, min, max })}%` }}\n key={index}\n >\n <div\n style={{ ..._styles.mark, ...(mark.value <= value ? _styles.markFilled : null) }}\n className={cx(classes.mark, {\n [classes.markFilled]: isMarkFilled({ mark, value, offset }),\n })}\n />\n {mark.label && (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div\n className={classes.markLabel}\n style={_styles.markLabel}\n onMouseDown={(event) => {\n event.stopPropagation();\n onChange(mark.value);\n }}\n onTouchStart={(event) => {\n event.stopPropagation();\n onChange(mark.value);\n }}\n >\n {mark.label}\n </div>\n )}\n </div>\n ));\n\n return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"names":["styles","useStyles","mergeStyles","React","getPosition","isMarkFilled"],"mappings":"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"}
|
|
@@ -2,39 +2,34 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var styles = require('@mantine/styles');
|
|
5
6
|
var SliderRoot_styles = require('../SliderRoot/SliderRoot.styles.js');
|
|
6
|
-
var createMemoStyles = require('../../../theme/create-memo-styles.js');
|
|
7
|
-
var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
|
|
8
|
-
var getThemeColor = require('../../../theme/utils/get-theme-color/get-theme-color.js');
|
|
9
7
|
|
|
10
|
-
var useStyles =
|
|
8
|
+
var useStyles = styles.createStyles((theme, { size, color }) => ({
|
|
11
9
|
markWrapper: {
|
|
12
10
|
position: "absolute",
|
|
13
11
|
top: 0
|
|
14
12
|
},
|
|
15
|
-
mark:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
transform: `translateX(-${MARK_SIZE / 2}px)`,
|
|
25
|
-
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.white
|
|
26
|
-
};
|
|
13
|
+
mark: {
|
|
14
|
+
boxSizing: "border-box",
|
|
15
|
+
border: `${styles.getSizeValue({ size, sizes: SliderRoot_styles.sizes }) >= 8 ? "2px" : "1px"} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`,
|
|
16
|
+
zIndex: 1,
|
|
17
|
+
height: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }),
|
|
18
|
+
width: styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }),
|
|
19
|
+
borderRadius: 1e3,
|
|
20
|
+
transform: `translateX(-${styles.getSizeValue({ sizes: SliderRoot_styles.sizes, size }) / 2}px)`,
|
|
21
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.white
|
|
27
22
|
},
|
|
28
|
-
markFilled:
|
|
29
|
-
borderColor:
|
|
30
|
-
}
|
|
31
|
-
markLabel:
|
|
23
|
+
markFilled: {
|
|
24
|
+
borderColor: styles.getThemeColor({ theme, color, shade: 6 })
|
|
25
|
+
},
|
|
26
|
+
markLabel: {
|
|
32
27
|
transform: "translate(-50%, 0)",
|
|
33
28
|
fontSize: theme.fontSizes.sm,
|
|
34
29
|
color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
|
|
35
30
|
marginTop: theme.spacing.xs / 2
|
|
36
|
-
}
|
|
37
|
-
});
|
|
31
|
+
}
|
|
32
|
+
}));
|
|
38
33
|
|
|
39
34
|
exports.default = useStyles;
|
|
40
35
|
//# sourceMappingURL=Marks.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marks.styles.js","sources":["../../../../src/components/Slider/Marks/Marks.styles.ts"],"sourcesContent":["import {\n
|
|
1
|
+
{"version":3,"file":"Marks.styles.js","sources":["../../../../src/components/Slider/Marks/Marks.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSizeValue,\n getThemeColor,\n MantineColor,\n} from '@mantine/styles';\nimport { sizes } from '../SliderRoot/SliderRoot.styles';\n\ninterface MarksStyles {\n color: MantineColor;\n size: MantineNumberSize;\n}\n\nexport default createStyles((theme, { size, color }: MarksStyles) => ({\n markWrapper: {\n position: 'absolute',\n top: 0,\n },\n\n mark: {\n boxSizing: 'border-box',\n border: `${getSizeValue({ size, sizes }) >= 8 ? '2px' : '1px'} solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n }`,\n zIndex: 1,\n height: getSizeValue({ sizes, size }),\n width: getSizeValue({ sizes, size }),\n borderRadius: 1000,\n transform: `translateX(-${getSizeValue({ sizes, size }) / 2}px)`,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.white,\n },\n\n markFilled: {\n borderColor: getThemeColor({ theme, color, shade: 6 }),\n },\n\n markLabel: {\n transform: 'translate(-50%, 0)',\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n marginTop: theme.spacing.xs / 2,\n },\n}));\n"],"names":["createStyles","getSizeValue","sizes","getThemeColor"],"mappings":";;;;;;;AAMA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;AACzD,EAAE,WAAW,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,GAAG,EAAE,CAAC;AACV,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,MAAM,EAAE,CAAC,EAAEC,mBAAY,CAAC,EAAE,IAAI,SAAEC,uBAAK,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvJ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAED,mBAAY,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACzC,IAAI,KAAK,EAAED,mBAAY,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC;AACxC,IAAI,YAAY,EAAE,GAAG;AACrB,IAAI,SAAS,EAAE,CAAC,YAAY,EAAED,mBAAY,CAAC,SAAEC,uBAAK,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;AACpE,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,WAAW,EAAEC,oBAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AAC1D,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,SAAS,EAAE,oBAAoB;AACnC,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
|
|
@@ -49,7 +49,6 @@ var __objRest = (source, exclude) => {
|
|
|
49
49
|
};
|
|
50
50
|
function RangeSlider(_a) {
|
|
51
51
|
var _b = _a, {
|
|
52
|
-
themeOverride,
|
|
53
52
|
classNames,
|
|
54
53
|
styles,
|
|
55
54
|
color,
|
|
@@ -72,7 +71,6 @@ function RangeSlider(_a) {
|
|
|
72
71
|
thumbFromLabel = "",
|
|
73
72
|
thumbToLabel = ""
|
|
74
73
|
} = _b, others = __objRest(_b, [
|
|
75
|
-
"themeOverride",
|
|
76
74
|
"classNames",
|
|
77
75
|
"styles",
|
|
78
76
|
"color",
|
|
@@ -230,7 +228,6 @@ function RangeSlider(_a) {
|
|
|
230
228
|
labelTransitionDuration,
|
|
231
229
|
labelTransitionTimingFunction,
|
|
232
230
|
labelAlwaysOn,
|
|
233
|
-
themeOverride,
|
|
234
231
|
onBlur: () => setFocused(-1),
|
|
235
232
|
classNames,
|
|
236
233
|
styles
|
|
@@ -245,7 +242,6 @@ function RangeSlider(_a) {
|
|
|
245
242
|
onMouseDownCapture: handleTrackMouseDownCapture,
|
|
246
243
|
onMouseUpCapture: () => setDragging(-1),
|
|
247
244
|
onKeyDownCapture: handleTrackKeydownCapture,
|
|
248
|
-
themeOverride,
|
|
249
245
|
styles,
|
|
250
246
|
classNames
|
|
251
247
|
}), /* @__PURE__ */ React__default.createElement(Track.Track, {
|
|
@@ -258,7 +254,6 @@ function RangeSlider(_a) {
|
|
|
258
254
|
min,
|
|
259
255
|
max,
|
|
260
256
|
value: _value[1],
|
|
261
|
-
themeOverride,
|
|
262
257
|
styles,
|
|
263
258
|
classNames,
|
|
264
259
|
onChange: (val) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize } from '../../../theme';\nimport { MantineTransition } from '../../Transition/Transition';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getDragEventsAssigner } from '../utils/get-drag-events-assigner/get-drag-events-assigner';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type RangeSliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\ntype Value = [number, number];\n\nexport interface RangeSliderProps\n extends DefaultProps<RangeSliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange' | 'defaultValue'> {\n /** Color from theme.colors */\n color?: string;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Minimal range interval */\n minRange?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Current value for controlled slider */\n value?: Value;\n\n /** Default value for uncontrolled slider */\n defaultValue?: Value;\n\n /** Called each time value changes */\n onChange?(value: Value): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** First thumb aria-label */\n thumbFromLabel?: string;\n\n /** Second thumb aria-label */\n thumbToLabel?: string;\n}\n\nexport function RangeSlider({\n themeOverride,\n classNames,\n styles,\n color,\n value,\n onChange,\n size = 'md',\n radius = 'xl',\n min = 0,\n max = 100,\n minRange = 10,\n step = 1,\n defaultValue,\n name,\n marks = [],\n label = (f) => f,\n labelTransition = 'skew-down',\n labelTransitionDuration = 150,\n labelTransitionTimingFunction,\n labelAlwaysOn = false,\n thumbFromLabel = '',\n thumbToLabel = '',\n ...others\n}: RangeSliderProps) {\n const [dragging, setDragging] = useState(-1);\n const [focused, setFocused] = useState(-1);\n const [_value, setValue] = useUncontrolled<Value>({\n value,\n defaultValue,\n finalValue: [min, max],\n rule: (val) => Array.isArray(val),\n onChange,\n });\n const _valueRef = useRef(_value);\n const container = useRef<HTMLDivElement>();\n const thumbs = useRef<HTMLDivElement[]>([]);\n const start = useRef<number>();\n const offset = useRef<number>();\n const positions = [\n getPosition({ value: _value[0], min, max }),\n getPosition({ value: _value[1], min, max }),\n ];\n\n const _setValue = (val: Value) => {\n setValue(val);\n _valueRef.current = val;\n };\n\n const setRangedValue = (val: number, index: number) => {\n const clone: Value = [..._valueRef.current];\n clone[index] = val;\n\n if (index === 0) {\n if (val > clone[1] - minRange) {\n clone[1] = Math.min(val + minRange, max);\n }\n\n if (val > (max - minRange || min)) {\n clone[index] = _valueRef.current[index];\n }\n }\n\n if (index === 1) {\n if (val < clone[0] + minRange) {\n clone[0] = Math.max(val - minRange, min);\n }\n\n if (val < (minRange || min)) {\n clone[index] = _valueRef.current[index];\n }\n }\n _setValue(clone);\n };\n\n const handleChange = (val: number, index: number) => {\n if (container.current) {\n const containerWidth = container.current.getBoundingClientRect().width;\n const nextValue = getChangeValue({ value: val, containerWidth, min, max, step });\n setRangedValue(nextValue, index);\n }\n };\n\n const onDrag = (event: any) => {\n container.current && container.current.focus();\n handleChange(getClientPosition(event) + start.current - offset.current, dragging);\n };\n\n const onDragEnd = () => {\n setDragging(-1);\n };\n\n const { assignEvents, removeEvents } = getDragEventsAssigner({\n onDrag,\n onDragEnd,\n });\n\n useEffect(() => removeEvents, []);\n\n function handleThumbMouseDown(\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n index: number\n ) {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n start.current = thumbs.current[index].offsetLeft;\n offset.current = getClientPosition(event as any);\n\n assignEvents();\n }\n\n const handleTrackMouseDown = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n const changePosition = getClientPosition(event.nativeEvent);\n const rect = container.current.getBoundingClientRect();\n\n start.current = changePosition - rect.left;\n offset.current = changePosition;\n\n assignEvents();\n handleChange(changePosition - rect.left, dragging);\n };\n\n const handleTrackMouseDownCapture = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n container.current.focus();\n const rect = container.current.getBoundingClientRect();\n const changePosition = getClientPosition(event.nativeEvent);\n const changeValue = getChangeValue({\n value: changePosition - rect.left,\n max,\n min,\n step,\n containerWidth: rect.width,\n });\n\n const nearestHandle =\n Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;\n\n setDragging(nearestHandle);\n };\n\n const getFocusedThumbIndex = () => {\n if (focused !== 1 && focused !== 0) {\n setFocused(0);\n return 0;\n }\n\n return focused;\n };\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.nativeEvent.code) {\n case 'ArrowUp':\n case 'ArrowRight': {\n event.preventDefault();\n const focusedIndex = getFocusedThumbIndex();\n thumbs.current[focusedIndex].focus();\n setRangedValue(\n Math.min(Math.max(_valueRef.current[focusedIndex] + step, min), max),\n focusedIndex\n );\n break;\n }\n\n case 'ArrowDown':\n case 'ArrowLeft': {\n event.preventDefault();\n const focusedIndex = getFocusedThumbIndex();\n thumbs.current[focusedIndex].focus();\n setRangedValue(\n Math.min(Math.max(_valueRef.current[focusedIndex] - step, min), max),\n focusedIndex\n );\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n const sharedThumbProps = {\n max,\n min,\n color,\n size,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n themeOverride,\n onBlur: () => setFocused(-1),\n classNames,\n styles,\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n elementRef={container}\n onTouchStart={handleTrackMouseDown}\n onMouseDown={handleTrackMouseDown}\n onTouchStartCapture={handleTrackMouseDownCapture}\n onTouchEndCapture={() => setDragging(-1)}\n onMouseDownCapture={handleTrackMouseDownCapture}\n onMouseUpCapture={() => setDragging(-1)}\n onKeyDownCapture={handleTrackKeydownCapture}\n themeOverride={themeOverride}\n styles={styles}\n classNames={classNames}\n >\n <Track\n offset={positions[0]}\n filled={positions[1] - positions[0]}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value[1]}\n themeOverride={themeOverride}\n styles={styles}\n classNames={classNames}\n onChange={(val) => {\n const nearestValue = Math.abs(_value[0] - val) > Math.abs(_value[1] - val) ? 1 : 0;\n const clone: Value = [..._value];\n clone[nearestValue] = val;\n _setValue(clone);\n }}\n >\n <Thumb\n {...sharedThumbProps}\n value={_value[0]}\n position={positions[0]}\n dragging={dragging === 0}\n label={typeof label === 'function' ? label(_value[0]) : label}\n elementRef={(node) => {\n thumbs.current[0] = node;\n }}\n thumbLabel={thumbFromLabel}\n onMouseDown={(event) => handleThumbMouseDown(event, 0)}\n onFocus={() => setFocused(0)}\n />\n\n <Thumb\n {...sharedThumbProps}\n thumbLabel={thumbToLabel}\n value={_value[1]}\n position={positions[1]}\n dragging={dragging === 1}\n label={typeof label === 'function' ? label(_value[1]) : label}\n elementRef={(node) => {\n thumbs.current[1] = node;\n }}\n onMouseDown={(event) => handleThumbMouseDown(event, 1)}\n onFocus={() => setFocused(1)}\n />\n </Track>\n\n <input type=\"hidden\" name={`${name}_from`} value={_value[0]} />\n <input type=\"hidden\" name={`${name}_to`} value={_value[1]} />\n </SliderRoot>\n );\n}\n\nRangeSlider.displayName = '@mantine/core/RangeSlider';\n"],"names":["useState","useUncontrolled","useRef","getPosition","getChangeValue","getClientPosition","getDragEventsAssigner","useEffect","React","SliderRoot","Track","Thumb"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getDragEventsAssigner } from '../utils/get-drag-events-assigner/get-drag-events-assigner';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type RangeSliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\ntype Value = [number, number];\n\nexport interface RangeSliderProps\n extends DefaultProps<RangeSliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange' | 'defaultValue'> {\n /** Color from theme.colors */\n color?: MantineColor;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Minimal range interval */\n minRange?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Current value for controlled slider */\n value?: Value;\n\n /** Default value for uncontrolled slider */\n defaultValue?: Value;\n\n /** Called each time value changes */\n onChange?(value: Value): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** First thumb aria-label */\n thumbFromLabel?: string;\n\n /** Second thumb aria-label */\n thumbToLabel?: string;\n}\n\nexport function RangeSlider({\n classNames,\n styles,\n color,\n value,\n onChange,\n size = 'md',\n radius = 'xl',\n min = 0,\n max = 100,\n minRange = 10,\n step = 1,\n defaultValue,\n name,\n marks = [],\n label = (f) => f,\n labelTransition = 'skew-down',\n labelTransitionDuration = 150,\n labelTransitionTimingFunction,\n labelAlwaysOn = false,\n thumbFromLabel = '',\n thumbToLabel = '',\n ...others\n}: RangeSliderProps) {\n const [dragging, setDragging] = useState(-1);\n const [focused, setFocused] = useState(-1);\n const [_value, setValue] = useUncontrolled<Value>({\n value,\n defaultValue,\n finalValue: [min, max],\n rule: (val) => Array.isArray(val),\n onChange,\n });\n const _valueRef = useRef(_value);\n const container = useRef<HTMLDivElement>();\n const thumbs = useRef<HTMLDivElement[]>([]);\n const start = useRef<number>();\n const offset = useRef<number>();\n const positions = [\n getPosition({ value: _value[0], min, max }),\n getPosition({ value: _value[1], min, max }),\n ];\n\n const _setValue = (val: Value) => {\n setValue(val);\n _valueRef.current = val;\n };\n\n const setRangedValue = (val: number, index: number) => {\n const clone: Value = [..._valueRef.current];\n clone[index] = val;\n\n if (index === 0) {\n if (val > clone[1] - minRange) {\n clone[1] = Math.min(val + minRange, max);\n }\n\n if (val > (max - minRange || min)) {\n clone[index] = _valueRef.current[index];\n }\n }\n\n if (index === 1) {\n if (val < clone[0] + minRange) {\n clone[0] = Math.max(val - minRange, min);\n }\n\n if (val < (minRange || min)) {\n clone[index] = _valueRef.current[index];\n }\n }\n _setValue(clone);\n };\n\n const handleChange = (val: number, index: number) => {\n if (container.current) {\n const containerWidth = container.current.getBoundingClientRect().width;\n const nextValue = getChangeValue({ value: val, containerWidth, min, max, step });\n setRangedValue(nextValue, index);\n }\n };\n\n const onDrag = (event: any) => {\n container.current && container.current.focus();\n handleChange(getClientPosition(event) + start.current - offset.current, dragging);\n };\n\n const onDragEnd = () => {\n setDragging(-1);\n };\n\n const { assignEvents, removeEvents } = getDragEventsAssigner({\n onDrag,\n onDragEnd,\n });\n\n useEffect(() => removeEvents, []);\n\n function handleThumbMouseDown(\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>,\n index: number\n ) {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n start.current = thumbs.current[index].offsetLeft;\n offset.current = getClientPosition(event as any);\n\n assignEvents();\n }\n\n const handleTrackMouseDown = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n const changePosition = getClientPosition(event.nativeEvent);\n const rect = container.current.getBoundingClientRect();\n\n start.current = changePosition - rect.left;\n offset.current = changePosition;\n\n assignEvents();\n handleChange(changePosition - rect.left, dragging);\n };\n\n const handleTrackMouseDownCapture = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n container.current.focus();\n const rect = container.current.getBoundingClientRect();\n const changePosition = getClientPosition(event.nativeEvent);\n const changeValue = getChangeValue({\n value: changePosition - rect.left,\n max,\n min,\n step,\n containerWidth: rect.width,\n });\n\n const nearestHandle =\n Math.abs(_value[0] - changeValue) > Math.abs(_value[1] - changeValue) ? 1 : 0;\n\n setDragging(nearestHandle);\n };\n\n const getFocusedThumbIndex = () => {\n if (focused !== 1 && focused !== 0) {\n setFocused(0);\n return 0;\n }\n\n return focused;\n };\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.nativeEvent.code) {\n case 'ArrowUp':\n case 'ArrowRight': {\n event.preventDefault();\n const focusedIndex = getFocusedThumbIndex();\n thumbs.current[focusedIndex].focus();\n setRangedValue(\n Math.min(Math.max(_valueRef.current[focusedIndex] + step, min), max),\n focusedIndex\n );\n break;\n }\n\n case 'ArrowDown':\n case 'ArrowLeft': {\n event.preventDefault();\n const focusedIndex = getFocusedThumbIndex();\n thumbs.current[focusedIndex].focus();\n setRangedValue(\n Math.min(Math.max(_valueRef.current[focusedIndex] - step, min), max),\n focusedIndex\n );\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n const sharedThumbProps = {\n max,\n min,\n color,\n size,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n onBlur: () => setFocused(-1),\n classNames,\n styles,\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n elementRef={container}\n onTouchStart={handleTrackMouseDown}\n onMouseDown={handleTrackMouseDown}\n onTouchStartCapture={handleTrackMouseDownCapture}\n onTouchEndCapture={() => setDragging(-1)}\n onMouseDownCapture={handleTrackMouseDownCapture}\n onMouseUpCapture={() => setDragging(-1)}\n onKeyDownCapture={handleTrackKeydownCapture}\n styles={styles}\n classNames={classNames}\n >\n <Track\n offset={positions[0]}\n filled={positions[1] - positions[0]}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value[1]}\n styles={styles}\n classNames={classNames}\n onChange={(val) => {\n const nearestValue = Math.abs(_value[0] - val) > Math.abs(_value[1] - val) ? 1 : 0;\n const clone: Value = [..._value];\n clone[nearestValue] = val;\n _setValue(clone);\n }}\n >\n <Thumb\n {...sharedThumbProps}\n value={_value[0]}\n position={positions[0]}\n dragging={dragging === 0}\n label={typeof label === 'function' ? label(_value[0]) : label}\n elementRef={(node) => {\n thumbs.current[0] = node;\n }}\n thumbLabel={thumbFromLabel}\n onMouseDown={(event) => handleThumbMouseDown(event, 0)}\n onFocus={() => setFocused(0)}\n />\n\n <Thumb\n {...sharedThumbProps}\n thumbLabel={thumbToLabel}\n value={_value[1]}\n position={positions[1]}\n dragging={dragging === 1}\n label={typeof label === 'function' ? label(_value[1]) : label}\n elementRef={(node) => {\n thumbs.current[1] = node;\n }}\n onMouseDown={(event) => handleThumbMouseDown(event, 1)}\n onFocus={() => setFocused(1)}\n />\n </Track>\n\n <input type=\"hidden\" name={`${name}_from`} value={_value[0]} />\n <input type=\"hidden\" name={`${name}_to`} value={_value[1]} />\n </SliderRoot>\n );\n}\n\nRangeSlider.displayName = '@mantine/core/RangeSlider';\n"],"names":["useState","useUncontrolled","useRef","getPosition","getChangeValue","getClientPosition","getDragEventsAssigner","useEffect","React","SliderRoot","Track","Thumb"],"mappings":"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"}
|
|
@@ -49,7 +49,6 @@ var __objRest = (source, exclude) => {
|
|
|
49
49
|
};
|
|
50
50
|
function Slider(_a) {
|
|
51
51
|
var _b = _a, {
|
|
52
|
-
themeOverride,
|
|
53
52
|
classNames,
|
|
54
53
|
styles,
|
|
55
54
|
color,
|
|
@@ -70,7 +69,6 @@ function Slider(_a) {
|
|
|
70
69
|
labelAlwaysOn = false,
|
|
71
70
|
thumbLabel = ""
|
|
72
71
|
} = _b, others = __objRest(_b, [
|
|
73
|
-
"themeOverride",
|
|
74
72
|
"classNames",
|
|
75
73
|
"styles",
|
|
76
74
|
"color",
|
|
@@ -172,7 +170,6 @@ function Slider(_a) {
|
|
|
172
170
|
onMouseDownCapture: () => setDragging(true),
|
|
173
171
|
onMouseUpCapture: () => setDragging(false),
|
|
174
172
|
onKeyDownCapture: handleTrackKeydownCapture,
|
|
175
|
-
themeOverride,
|
|
176
173
|
classNames,
|
|
177
174
|
styles
|
|
178
175
|
}), /* @__PURE__ */ React__default.createElement(Track.Track, {
|
|
@@ -185,7 +182,6 @@ function Slider(_a) {
|
|
|
185
182
|
min,
|
|
186
183
|
max,
|
|
187
184
|
value: _value,
|
|
188
|
-
themeOverride,
|
|
189
185
|
onChange: setValue,
|
|
190
186
|
styles,
|
|
191
187
|
classNames
|
|
@@ -204,7 +200,6 @@ function Slider(_a) {
|
|
|
204
200
|
labelTransitionDuration,
|
|
205
201
|
labelTransitionTimingFunction,
|
|
206
202
|
labelAlwaysOn,
|
|
207
|
-
themeOverride,
|
|
208
203
|
classNames,
|
|
209
204
|
styles,
|
|
210
205
|
thumbLabel
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize } from '../../../theme';\nimport { MantineTransition } from '../../Transition/Transition';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getDragEventsAssigner } from '../utils/get-drag-events-assigner/get-drag-events-assigner';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type SliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\nexport interface SliderProps\n extends DefaultProps<SliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Color from theme.colors */\n color?: string;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Current value for controlled slider */\n value?: number;\n\n /** Default value for uncontrolled slider */\n defaultValue?: number;\n\n /** Called each time value changes */\n onChange?(value: number): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** Thumb aria-label */\n thumbLabel?: string;\n}\n\nexport function Slider({\n themeOverride,\n classNames,\n styles,\n color,\n value,\n onChange,\n size = 'md',\n radius = 'xl',\n min = 0,\n max = 100,\n step = 1,\n defaultValue,\n name,\n marks = [],\n label = (f) => f,\n labelTransition = 'skew-down',\n labelTransitionDuration = 150,\n labelTransitionTimingFunction,\n labelAlwaysOn = false,\n thumbLabel = '',\n ...others\n}: SliderProps) {\n const [dragging, setDragging] = useState(false);\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: 0,\n rule: (val) => typeof val === 'number',\n onChange,\n });\n const container = useRef<HTMLDivElement>();\n const thumb = useRef<HTMLDivElement>();\n const start = useRef<number>();\n const offset = useRef<number>();\n const position = getPosition({ value: _value, min, max });\n const _label = typeof label === 'function' ? label(_value) : label;\n\n const handleChange = (val: number) => {\n if (container.current) {\n const containerWidth = container.current.getBoundingClientRect().width;\n const nextValue = getChangeValue({ value: val, containerWidth, min, max, step });\n setValue(nextValue);\n }\n };\n\n const onDrag = useCallback((event: any) => {\n container.current && container.current.focus();\n handleChange(getClientPosition(event) + start.current - offset.current);\n }, []);\n\n const onDragEnd = useCallback(() => {\n setDragging(false);\n }, []);\n\n const { assignEvents, removeEvents } = getDragEventsAssigner({\n onDrag,\n onDragEnd,\n });\n\n useEffect(() => removeEvents, []);\n\n function handleThumbMouseDown(\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n start.current = thumb.current.offsetLeft;\n offset.current = getClientPosition(event as any);\n\n assignEvents();\n }\n\n const handleTrackMouseDown = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n const changePosition = getClientPosition(event.nativeEvent);\n const rect = container.current.getBoundingClientRect();\n\n start.current = changePosition - rect.left;\n offset.current = changePosition;\n\n assignEvents();\n handleChange(changePosition - rect.left);\n };\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.nativeEvent.code) {\n case 'ArrowUp':\n case 'ArrowRight': {\n event.preventDefault();\n thumb.current.focus();\n setValue(Math.min(Math.max(_value + step, min), max));\n break;\n }\n\n case 'ArrowDown':\n case 'ArrowLeft': {\n event.preventDefault();\n thumb.current.focus();\n setValue(Math.min(Math.max(_value - step, min), max));\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n elementRef={container}\n onTouchStart={handleTrackMouseDown}\n onMouseDown={handleTrackMouseDown}\n onTouchStartCapture={() => setDragging(true)}\n onTouchEndCapture={() => setDragging(false)}\n onMouseDownCapture={() => setDragging(true)}\n onMouseUpCapture={() => setDragging(false)}\n onKeyDownCapture={handleTrackKeydownCapture}\n themeOverride={themeOverride}\n classNames={classNames}\n styles={styles}\n >\n <Track\n offset={0}\n filled={position}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value}\n themeOverride={themeOverride}\n onChange={setValue}\n styles={styles}\n classNames={classNames}\n >\n <Thumb\n max={max}\n min={min}\n value={_value}\n position={position}\n dragging={dragging}\n color={color}\n size={size}\n label={_label}\n elementRef={thumb}\n onMouseDown={handleThumbMouseDown}\n labelTransition={labelTransition}\n labelTransitionDuration={labelTransitionDuration}\n labelTransitionTimingFunction={labelTransitionTimingFunction}\n labelAlwaysOn={labelAlwaysOn}\n themeOverride={themeOverride}\n classNames={classNames}\n styles={styles}\n thumbLabel={thumbLabel}\n />\n </Track>\n\n <input type=\"hidden\" name={name} value={_value} />\n </SliderRoot>\n );\n}\n\nSlider.displayName = '@mantine/core/Slider';\n"],"names":["useState","useUncontrolled","useRef","getPosition","getChangeValue","useCallback","getClientPosition","getDragEventsAssigner","useEffect","React","SliderRoot","Track","Thumb"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider/Slider.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect, useCallback } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, MantineColor } from '@mantine/styles';\nimport { MantineTransition } from '../../Transition';\nimport { getClientPosition } from '../utils/get-client-position/get-client-position';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { getChangeValue } from '../utils/get-change-value/get-change-value';\nimport { getDragEventsAssigner } from '../utils/get-drag-events-assigner/get-drag-events-assigner';\nimport { Thumb, ThumbStylesNames } from '../Thumb/Thumb';\nimport { Track, TrackStylesNames } from '../Track/Track';\nimport { MarksStylesNames } from '../Marks/Marks';\nimport { SliderRoot, SliderRootStylesNames } from '../SliderRoot/SliderRoot';\n\nexport type SliderStylesNames =\n | SliderRootStylesNames\n | ThumbStylesNames\n | TrackStylesNames\n | MarksStylesNames;\n\nexport interface SliderProps\n extends DefaultProps<SliderStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Color from theme.colors */\n color?: MantineColor;\n\n /** Track border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined track and thumb size, number to set sizes in px */\n size?: MantineNumberSize;\n\n /** Minimal possible value */\n min?: number;\n\n /** Maximum possible value */\n max?: number;\n\n /** Number by which value will be incremented/decremented with thumb drag and arrows */\n step?: number;\n\n /** Current value for controlled slider */\n value?: number;\n\n /** Default value for uncontrolled slider */\n defaultValue?: number;\n\n /** Called each time value changes */\n onChange?(value: number): void;\n\n /** Hidden input name, use with uncontrolled variant */\n name?: string;\n\n /** Marks which will be placed on the track */\n marks?: { value: number; label?: React.ReactNode }[];\n\n /** Function to generate label or any react node to render instead, set to null to disable label */\n label?: React.ReactNode | ((value: number) => React.ReactNode);\n\n /** Label appear/disappear transition */\n labelTransition?: MantineTransition;\n\n /** Label appear/disappear transition duration in ms */\n labelTransitionDuration?: number;\n\n /** Label appear/disappear transition timing function, defaults to theme.transitionRimingFunction */\n labelTransitionTimingFunction?: string;\n\n /** If true label will be not be hidden when user stops dragging */\n labelAlwaysOn?: boolean;\n\n /** Thumb aria-label */\n thumbLabel?: string;\n}\n\nexport function Slider({\n classNames,\n styles,\n color,\n value,\n onChange,\n size = 'md',\n radius = 'xl',\n min = 0,\n max = 100,\n step = 1,\n defaultValue,\n name,\n marks = [],\n label = (f) => f,\n labelTransition = 'skew-down',\n labelTransitionDuration = 150,\n labelTransitionTimingFunction,\n labelAlwaysOn = false,\n thumbLabel = '',\n ...others\n}: SliderProps) {\n const [dragging, setDragging] = useState(false);\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: 0,\n rule: (val) => typeof val === 'number',\n onChange,\n });\n const container = useRef<HTMLDivElement>();\n const thumb = useRef<HTMLDivElement>();\n const start = useRef<number>();\n const offset = useRef<number>();\n const position = getPosition({ value: _value, min, max });\n const _label = typeof label === 'function' ? label(_value) : label;\n\n const handleChange = (val: number) => {\n if (container.current) {\n const containerWidth = container.current.getBoundingClientRect().width;\n const nextValue = getChangeValue({ value: val, containerWidth, min, max, step });\n setValue(nextValue);\n }\n };\n\n const onDrag = useCallback((event: any) => {\n container.current && container.current.focus();\n handleChange(getClientPosition(event) + start.current - offset.current);\n }, []);\n\n const onDragEnd = useCallback(() => {\n setDragging(false);\n }, []);\n\n const { assignEvents, removeEvents } = getDragEventsAssigner({\n onDrag,\n onDragEnd,\n });\n\n useEffect(() => removeEvents, []);\n\n function handleThumbMouseDown(\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) {\n if (event.cancelable) {\n event.preventDefault();\n event.stopPropagation();\n }\n\n start.current = thumb.current.offsetLeft;\n offset.current = getClientPosition(event as any);\n\n assignEvents();\n }\n\n const handleTrackMouseDown = (\n event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>\n ) => {\n if (event.cancelable) {\n event.preventDefault();\n }\n\n const changePosition = getClientPosition(event.nativeEvent);\n const rect = container.current.getBoundingClientRect();\n\n start.current = changePosition - rect.left;\n offset.current = changePosition;\n\n assignEvents();\n handleChange(changePosition - rect.left);\n };\n\n const handleTrackKeydownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.nativeEvent.code) {\n case 'ArrowUp':\n case 'ArrowRight': {\n event.preventDefault();\n thumb.current.focus();\n setValue(Math.min(Math.max(_value + step, min), max));\n break;\n }\n\n case 'ArrowDown':\n case 'ArrowLeft': {\n event.preventDefault();\n thumb.current.focus();\n setValue(Math.min(Math.max(_value - step, min), max));\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return (\n <SliderRoot\n {...others}\n size={size}\n elementRef={container}\n onTouchStart={handleTrackMouseDown}\n onMouseDown={handleTrackMouseDown}\n onTouchStartCapture={() => setDragging(true)}\n onTouchEndCapture={() => setDragging(false)}\n onMouseDownCapture={() => setDragging(true)}\n onMouseUpCapture={() => setDragging(false)}\n onKeyDownCapture={handleTrackKeydownCapture}\n classNames={classNames}\n styles={styles}\n >\n <Track\n offset={0}\n filled={position}\n marks={marks}\n size={size}\n radius={radius}\n color={color}\n min={min}\n max={max}\n value={_value}\n onChange={setValue}\n styles={styles}\n classNames={classNames}\n >\n <Thumb\n max={max}\n min={min}\n value={_value}\n position={position}\n dragging={dragging}\n color={color}\n size={size}\n label={_label}\n elementRef={thumb}\n onMouseDown={handleThumbMouseDown}\n labelTransition={labelTransition}\n labelTransitionDuration={labelTransitionDuration}\n labelTransitionTimingFunction={labelTransitionTimingFunction}\n labelAlwaysOn={labelAlwaysOn}\n classNames={classNames}\n styles={styles}\n thumbLabel={thumbLabel}\n />\n </Track>\n\n <input type=\"hidden\" name={name} value={_value} />\n </SliderRoot>\n );\n}\n\nSlider.displayName = '@mantine/core/Slider';\n"],"names":["useState","useUncontrolled","useRef","getPosition","getChangeValue","useCallback","getClientPosition","getDragEventsAssigner","useEffect","React","SliderRoot","Track","Thumb"],"mappings":"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"}
|
|
@@ -3,15 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var styles = require('@mantine/styles');
|
|
7
7
|
var SliderRoot_styles = require('./SliderRoot.styles.js');
|
|
8
|
-
var useMantineTheme = require('../../../theme/use-mantine-theme/use-mantine-theme.js');
|
|
9
|
-
var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
|
|
10
8
|
|
|
11
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
12
10
|
|
|
13
11
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
15
12
|
|
|
16
13
|
var __defProp = Object.defineProperty;
|
|
17
14
|
var __defProps = Object.defineProperties;
|
|
@@ -51,23 +48,20 @@ function SliderRoot(_a) {
|
|
|
51
48
|
elementRef,
|
|
52
49
|
size,
|
|
53
50
|
classNames,
|
|
54
|
-
styles
|
|
55
|
-
themeOverride
|
|
51
|
+
styles: styles$1
|
|
56
52
|
} = _b, others = __objRest(_b, [
|
|
57
53
|
"className",
|
|
58
54
|
"style",
|
|
59
55
|
"elementRef",
|
|
60
56
|
"size",
|
|
61
57
|
"classNames",
|
|
62
|
-
"styles"
|
|
63
|
-
"themeOverride"
|
|
58
|
+
"styles"
|
|
64
59
|
]);
|
|
65
|
-
const
|
|
66
|
-
const
|
|
67
|
-
const _styles = mergeStyles.mergeStyles(classes, styles);
|
|
60
|
+
const { classes, cx } = SliderRoot_styles['default']({ size }, classNames, "slider");
|
|
61
|
+
const _styles = styles.mergeStyles(classes, styles$1);
|
|
68
62
|
return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({}, others), {
|
|
69
63
|
tabIndex: -1,
|
|
70
|
-
className:
|
|
64
|
+
className: cx(classes.root, className),
|
|
71
65
|
ref: elementRef,
|
|
72
66
|
style: __spreadValues(__spreadValues({}, style), _styles.root)
|
|
73
67
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"SliderRoot.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, MantineNumberSize, DefaultProps, ClassNames } from '@mantine/styles';\nimport useStyles from './SliderRoot.styles';\n\nexport type SliderRootStylesNames = ClassNames<typeof useStyles>;\n\ninterface SliderRootProps\n extends DefaultProps<SliderRootStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n elementRef: React.ForwardedRef<HTMLDivElement>;\n size: MantineNumberSize;\n children: React.ReactNode;\n}\n\nexport function SliderRoot({\n className,\n style,\n elementRef,\n size,\n classNames,\n styles,\n ...others\n}: SliderRootProps) {\n const { classes, cx } = useStyles({ size }, classNames, 'slider');\n const _styles = mergeStyles(classes, styles);\n\n return (\n <div\n {...others}\n tabIndex={-1}\n className={cx(classes.root, className)}\n ref={elementRef}\n style={{ ...style, ..._styles.root }}\n />\n );\n}\n\nSliderRoot.displayName = '@mantine/core/SliderRoot';\n"],"names":["styles","useStyles","mergeStyles","React"],"mappings":"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"}
|
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var getSizeValue = require('../../../theme/utils/get-size-value/get-size-value.js');
|
|
7
|
-
var getFontStyles = require('../../../theme/utils/get-font-styles/get-font-styles.js');
|
|
5
|
+
var styles = require('@mantine/styles');
|
|
8
6
|
|
|
9
7
|
var __defProp = Object.defineProperty;
|
|
10
8
|
var __defProps = Object.defineProperties;
|
|
@@ -32,16 +30,16 @@ const sizes = {
|
|
|
32
30
|
lg: 10,
|
|
33
31
|
xl: 12
|
|
34
32
|
};
|
|
35
|
-
var useStyles =
|
|
36
|
-
root:
|
|
33
|
+
var useStyles = styles.createStyles((theme, { size }) => ({
|
|
34
|
+
root: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
|
|
37
35
|
WebkitTapHighlightColor: "transparent",
|
|
38
36
|
outline: 0,
|
|
39
|
-
height:
|
|
37
|
+
height: styles.getSizeValue({ sizes, size }) * 2,
|
|
40
38
|
display: "flex",
|
|
41
39
|
alignItems: "center",
|
|
42
40
|
cursor: "pointer"
|
|
43
41
|
})
|
|
44
|
-
});
|
|
42
|
+
}));
|
|
45
43
|
|
|
46
44
|
exports.default = useStyles;
|
|
47
45
|
exports.sizes = sizes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderRoot.styles.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.styles.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"SliderRoot.styles.js","sources":["../../../../src/components/Slider/SliderRoot/SliderRoot.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getSizeValue, MantineNumberSize } from '@mantine/styles';\n\ninterface SliderRootStyles {\n size: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 4,\n sm: 6,\n md: 8,\n lg: 10,\n xl: 12,\n};\n\nexport default createStyles((theme, { size }: SliderRootStyles) => ({\n root: {\n ...getFontStyles(theme),\n WebkitTapHighlightColor: 'transparent',\n outline: 0,\n height: getSizeValue({ sizes, size }) * 2,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n },\n}));\n"],"names":["createStyles","getFontStyles","getSizeValue"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,CAAC;AACP,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,oBAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AAChE,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAEC,mBAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC;AAC7C,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;;"}
|
|
@@ -3,16 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var Transition = require('../../Transition/Transition.js');
|
|
6
|
+
var styles = require('@mantine/styles');
|
|
8
7
|
var Thumb_styles = require('./Thumb.styles.js');
|
|
9
|
-
var
|
|
10
|
-
var mergeStyles = require('../../../theme/utils/merge-styles/merge-styles.js');
|
|
8
|
+
var Transition = require('../../Transition/Transition.js');
|
|
11
9
|
|
|
12
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
13
11
|
|
|
14
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
15
|
-
var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
|
|
16
13
|
|
|
17
14
|
var __defProp = Object.defineProperty;
|
|
18
15
|
var __defProps = Object.defineProperties;
|
|
@@ -43,9 +40,8 @@ function Thumb({
|
|
|
43
40
|
dragging,
|
|
44
41
|
onMouseDown,
|
|
45
42
|
color,
|
|
46
|
-
themeOverride,
|
|
47
43
|
classNames,
|
|
48
|
-
styles,
|
|
44
|
+
styles: styles$1,
|
|
49
45
|
size,
|
|
50
46
|
labelTransition,
|
|
51
47
|
labelTransitionDuration,
|
|
@@ -55,9 +51,9 @@ function Thumb({
|
|
|
55
51
|
onFocus,
|
|
56
52
|
onBlur
|
|
57
53
|
}) {
|
|
58
|
-
const theme =
|
|
59
|
-
const classes = Thumb_styles['default']({ color,
|
|
60
|
-
const _styles =
|
|
54
|
+
const theme = styles.useMantineTheme();
|
|
55
|
+
const { classes, cx } = Thumb_styles['default']({ color, size }, classNames, "slider");
|
|
56
|
+
const _styles = styles.mergeStyles(classes, styles$1);
|
|
61
57
|
const [focused, setFocused] = React.useState(false);
|
|
62
58
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
63
59
|
tabIndex: 0,
|
|
@@ -67,7 +63,7 @@ function Thumb({
|
|
|
67
63
|
"aria-valuemin": min,
|
|
68
64
|
"aria-valuenow": value,
|
|
69
65
|
ref: elementRef,
|
|
70
|
-
className:
|
|
66
|
+
className: cx(classes.thumb, { [classes.dragging]: dragging }),
|
|
71
67
|
onFocus: () => {
|
|
72
68
|
setFocused(true);
|
|
73
69
|
typeof onFocus === "function" && onFocus();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Thumb.js","sources":["../../../../src/components/Slider/Thumb/Thumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n useMantineTheme,\n mergeStyles,\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n} from '@mantine/styles';\nimport { Transition, MantineTransition } from '../../Transition';\nimport useStyles from './Thumb.styles';\n\nexport type ThumbStylesNames = ClassNames<typeof useStyles>;\n\ninterface ThumbProps extends DefaultProps<ThumbStylesNames> {\n max: number;\n min: number;\n value: number;\n position: number;\n dragging: boolean;\n color: MantineColor;\n size: MantineNumberSize;\n label: React.ReactNode;\n elementRef: React.ForwardedRef<HTMLDivElement>;\n onMouseDown(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;\n labelTransition?: MantineTransition;\n labelTransitionDuration?: number;\n labelTransitionTimingFunction?: string;\n labelAlwaysOn: boolean;\n thumbLabel: string;\n onFocus?(): void;\n onBlur?(): void;\n}\n\nexport function Thumb({\n max,\n min,\n value,\n position,\n label,\n elementRef,\n dragging,\n onMouseDown,\n color,\n classNames,\n styles,\n size,\n labelTransition,\n labelTransitionDuration,\n labelTransitionTimingFunction,\n labelAlwaysOn,\n thumbLabel,\n onFocus,\n onBlur,\n}: ThumbProps) {\n const theme = useMantineTheme();\n const { classes, cx } = useStyles({ color, size }, classNames, 'slider');\n const _styles = mergeStyles(classes, styles);\n const [focused, setFocused] = useState(false);\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n tabIndex={0}\n role=\"slider\"\n aria-label={thumbLabel}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n ref={elementRef}\n className={cx(classes.thumb, { [classes.dragging]: dragging })}\n onFocus={() => {\n setFocused(true);\n typeof onFocus === 'function' && onFocus();\n }}\n onBlur={() => {\n setFocused(false);\n typeof onBlur === 'function' && onBlur();\n }}\n onTouchStart={onMouseDown}\n onMouseDown={onMouseDown}\n onClick={(event) => event.stopPropagation()}\n style={{ ..._styles.thumb, ...(dragging ? _styles.dragging : null), left: `${position}%` }}\n >\n <Transition\n mounted={label != null && (labelAlwaysOn || dragging || focused)}\n duration={labelTransitionDuration}\n transition={labelTransition}\n timingFunction={labelTransitionTimingFunction || theme.transitionTimingFunction}\n >\n {(transitionStyles) => (\n <div style={{ ..._styles.label, ...transitionStyles }} className={classes.label}>\n {label}\n </div>\n )}\n </Transition>\n </div>\n );\n}\n\nThumb.displayName = '@mantine/core/SliderThumb';\n"],"names":["styles","useMantineTheme","useStyles","mergeStyles","useState","React","Transition"],"mappings":"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"}
|