@mantine/core 3.1.9 → 3.2.3
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 +2 -2
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js +2 -2
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.styles.js +16 -21
- package/cjs/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/components/ActionIcon/CloseButton/CloseButton.js +2 -1
- package/cjs/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/Alert/Alert.styles.js +5 -5
- package/cjs/components/Alert/Alert.styles.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +5 -2
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/Anchor/Anchor.styles.js +17 -0
- package/cjs/components/Anchor/Anchor.styles.js.map +1 -0
- package/cjs/components/AppShell/AppShell.js +2 -2
- package/cjs/components/AppShell/AppShell.js.map +1 -1
- package/cjs/components/AppShell/AppShell.styles.js +3 -3
- package/cjs/components/AppShell/AppShell.styles.js.map +1 -1
- package/cjs/components/AppShell/Header/Header.styles.js +2 -2
- package/cjs/components/AppShell/Header/Header.styles.js.map +1 -1
- package/cjs/components/AppShell/Navbar/Navbar.js +1 -1
- package/cjs/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/cjs/components/AppShell/Navbar/Navbar.styles.js +6 -6
- package/cjs/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
- package/cjs/components/AppShell/get-sorted-breakpoints.js +3 -5
- package/cjs/components/AppShell/get-sorted-breakpoints.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +21 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +7 -7
- package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +3 -3
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
- package/cjs/components/Badge/Badge.styles.js +6 -10
- package/cjs/components/Badge/Badge.styles.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.styles.js +2 -2
- package/cjs/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/cjs/components/Burger/Burger.styles.js +2 -2
- package/cjs/components/Burger/Burger.styles.js.map +1 -1
- package/cjs/components/Button/Button.js +4 -9
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +19 -35
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js +1 -1
- package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.js +6 -3
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.styles.js +4 -4
- package/cjs/components/Card/CardSection/CardSection.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +3 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +5 -5
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.js +1 -2
- package/cjs/components/Chips/Chip/Chip.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.styles.js +17 -17
- package/cjs/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Code/Code.styles.js +1 -1
- package/cjs/components/Code/Code.styles.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +3 -3
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +2 -2
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.styles.js +2 -2
- package/cjs/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js +5 -5
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js +3 -3
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.styles.js +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.styles.js +3 -3
- package/cjs/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/cjs/components/Container/Container.styles.js +3 -3
- package/cjs/components/Container/Container.styles.js.map +1 -1
- package/cjs/components/Dialog/Dialog.styles.js +2 -2
- package/cjs/components/Dialog/Dialog.styles.js.map +1 -1
- package/cjs/components/Divider/Divider.styles.js +7 -15
- package/cjs/components/Divider/Divider.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +2 -4
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +7 -6
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Grid/Col/Col.js +27 -1
- package/cjs/components/Grid/Col/Col.js.map +1 -1
- package/cjs/components/Grid/Col/Col.styles.js +30 -5
- package/cjs/components/Grid/Col/Col.styles.js.map +1 -1
- package/cjs/components/Grid/Grid.styles.js +1 -1
- package/cjs/components/Grid/Grid.styles.js.map +1 -1
- package/cjs/components/Group/Group.js +1 -4
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.styles.js +6 -6
- package/cjs/components/Group/Group.styles.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +5 -1
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/Image/Image.styles.js +3 -3
- package/cjs/components/Image/Image.styles.js.map +1 -1
- package/cjs/components/Input/Input.styles.js +11 -11
- package/cjs/components/Input/Input.styles.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.styles.js +3 -3
- package/cjs/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.styles.js +1 -1
- package/cjs/components/JsonInput/JsonInput.styles.js.map +1 -1
- package/cjs/components/List/List.styles.js +2 -2
- package/cjs/components/List/List.styles.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.styles.js +1 -1
- package/cjs/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/cjs/components/Loader/Loader.js +3 -4
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +1 -3
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/Mark/Mark.js +1 -5
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/MediaQuery/MediaQuery.styles.js +4 -4
- package/cjs/components/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/cjs/components/Menu/Menu.js +2 -0
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.js +10 -8
- package/cjs/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js +4 -4
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +2 -4
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +1 -1
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js +6 -6
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +72 -32
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.styles.js +3 -3
- package/cjs/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +2 -0
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +2 -10
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js +58 -24
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.styles.js +3 -3
- package/cjs/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +2 -3
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Pagination/DefaultItem/DefaultItem.js +2 -2
- package/cjs/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
- package/cjs/components/Pagination/Pagination.js +3 -5
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +6 -6
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Paper/Paper.styles.js +3 -3
- package/cjs/components/Paper/Paper.styles.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +7 -4
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.styles.js +6 -6
- package/cjs/components/PasswordInput/PasswordInput.styles.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordToggleIcon.js +15 -43
- package/cjs/components/PasswordInput/PasswordToggleIcon.js.map +1 -1
- package/cjs/components/Popover/Popover.js +6 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js +5 -5
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/cjs/components/Popper/Popper.js +12 -2
- package/cjs/components/Popper/Popper.js.map +1 -1
- package/cjs/components/Progress/Progress.js +2 -3
- package/cjs/components/Progress/Progress.js.map +1 -1
- package/cjs/components/Progress/Progress.styles.js +7 -7
- package/cjs/components/Progress/Progress.styles.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js +11 -11
- package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RingProgress/Curve/Curve.js +3 -13
- package/cjs/components/RingProgress/Curve/Curve.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js +5 -5
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/cjs/components/Select/Select.js +43 -27
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js +37 -27
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js +24 -7
- package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
- package/cjs/components/Select/SelectItems/SelectItems.styles.js +5 -5
- package/cjs/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/ChevronIcon.js +1 -1
- package/cjs/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js +9 -8
- package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js +3 -2
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.styles.js +8 -4
- package/cjs/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
- package/cjs/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js +15 -0
- package/cjs/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/cjs/components/Skeleton/Skeleton.styles.js +1 -1
- package/cjs/components/Skeleton/Skeleton.styles.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.styles.js +5 -5
- package/cjs/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +10 -7
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +12 -6
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js +2 -2
- package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +5 -6
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.styles.js +6 -5
- package/cjs/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/cjs/components/Slider/Track/Track.styles.js +4 -4
- package/cjs/components/Slider/Track/Track.styles.js.map +1 -1
- package/cjs/components/Space/Space.js +3 -4
- package/cjs/components/Space/Space.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.js +3 -3
- package/cjs/components/Spoiler/Spoiler.js.map +1 -1
- package/cjs/components/Stepper/Step/Step.js +131 -0
- package/cjs/components/Stepper/Step/Step.js.map +1 -0
- package/cjs/components/Stepper/Step/Step.styles.js +104 -0
- package/cjs/components/Stepper/Step/Step.styles.js.map +1 -0
- package/cjs/components/Stepper/Stepper.js +127 -0
- package/cjs/components/Stepper/Stepper.js.map +1 -0
- package/cjs/components/Stepper/Stepper.styles.js +79 -0
- package/cjs/components/Stepper/Stepper.styles.js.map +1 -0
- package/cjs/components/Switch/Switch.styles.js +11 -11
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Table/Table.styles.js +1 -1
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.js +9 -5
- package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.styles.js +14 -12
- package/cjs/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +2 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.styles.js +1 -1
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/Text/Text.styles.js +1 -1
- package/cjs/components/Text/Text.styles.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js +3 -3
- package/cjs/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js +3 -15
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/cjs/components/Title/Title.styles.js +1 -1
- package/cjs/components/Title/Title.styles.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.styles.js +3 -3
- package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/cjs/components/TransferList/DefaultItem/DefaultItem.js +25 -0
- package/cjs/components/TransferList/DefaultItem/DefaultItem.js.map +1 -0
- package/cjs/components/TransferList/RenderList/RenderList.js +154 -0
- package/cjs/components/TransferList/RenderList/RenderList.js.map +1 -0
- package/cjs/components/TransferList/RenderList/RenderList.styles.js +65 -0
- package/cjs/components/TransferList/RenderList/RenderList.styles.js.map +1 -0
- package/cjs/components/TransferList/TransferList.js +146 -0
- package/cjs/components/TransferList/TransferList.js.map +1 -0
- package/cjs/components/TransferList/use-selection-state/use-selection-state.js +42 -0
- package/cjs/components/TransferList/use-selection-state/use-selection-state.js.map +1 -0
- package/cjs/components/Transition/use-transition.js +1 -0
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +2 -2
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js +3 -3
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +2 -2
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.styles.js +17 -22
- package/esm/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/components/ActionIcon/CloseButton/CloseButton.js +3 -2
- package/esm/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/Alert/Alert.styles.js +6 -6
- package/esm/components/Alert/Alert.styles.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +5 -2
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/Anchor/Anchor.styles.js +13 -0
- package/esm/components/Anchor/Anchor.styles.js.map +1 -0
- package/esm/components/AppShell/AppShell.js +2 -2
- package/esm/components/AppShell/AppShell.js.map +1 -1
- package/esm/components/AppShell/AppShell.styles.js +4 -4
- package/esm/components/AppShell/AppShell.styles.js.map +1 -1
- package/esm/components/AppShell/Header/Header.styles.js +3 -3
- package/esm/components/AppShell/Header/Header.styles.js.map +1 -1
- package/esm/components/AppShell/Navbar/Navbar.js +1 -1
- package/esm/components/AppShell/Navbar/Navbar.js.map +1 -1
- package/esm/components/AppShell/Navbar/Navbar.styles.js +7 -7
- package/esm/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
- package/esm/components/AppShell/get-sorted-breakpoints.js +3 -5
- package/esm/components/AppShell/get-sorted-breakpoints.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.js +23 -8
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.styles.js +3 -3
- package/esm/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/esm/components/Avatar/Avatar.styles.js +8 -8
- package/esm/components/Avatar/Avatar.styles.js.map +1 -1
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +4 -4
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
- package/esm/components/Badge/Badge.styles.js +7 -11
- package/esm/components/Badge/Badge.styles.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.styles.js +3 -3
- package/esm/components/Blockquote/Blockquote.styles.js.map +1 -1
- package/esm/components/Burger/Burger.styles.js +3 -3
- package/esm/components/Burger/Burger.styles.js.map +1 -1
- package/esm/components/Button/Button.js +5 -10
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.styles.js +20 -36
- package/esm/components/Button/Button.styles.js.map +1 -1
- package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js +2 -2
- package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.js +6 -3
- package/esm/components/Card/CardSection/CardSection.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.styles.js +5 -5
- package/esm/components/Card/CardSection/CardSection.styles.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +3 -1
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.styles.js +6 -6
- package/esm/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.js +2 -3
- package/esm/components/Chips/Chip/Chip.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.styles.js +18 -18
- package/esm/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/esm/components/Code/Code.styles.js +2 -2
- package/esm/components/Code/Code.styles.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +4 -4
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +3 -3
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.styles.js +3 -3
- package/esm/components/ColorPicker/ColorPicker.styles.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js +6 -6
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js +4 -4
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.styles.js +2 -2
- package/esm/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.styles.js +4 -4
- package/esm/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
- package/esm/components/Container/Container.styles.js +4 -4
- package/esm/components/Container/Container.styles.js.map +1 -1
- package/esm/components/Dialog/Dialog.styles.js +3 -3
- package/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/esm/components/Divider/Divider.styles.js +8 -16
- package/esm/components/Divider/Divider.styles.js.map +1 -1
- package/esm/components/Drawer/Drawer.js +1 -3
- package/esm/components/Drawer/Drawer.js.map +1 -1
- package/esm/components/Drawer/Drawer.styles.js +8 -7
- package/esm/components/Drawer/Drawer.styles.js.map +1 -1
- package/esm/components/Grid/Col/Col.js +27 -1
- package/esm/components/Grid/Col/Col.js.map +1 -1
- package/esm/components/Grid/Col/Col.styles.js +31 -6
- package/esm/components/Grid/Col/Col.styles.js.map +1 -1
- package/esm/components/Grid/Grid.styles.js +2 -2
- package/esm/components/Grid/Grid.styles.js.map +1 -1
- package/esm/components/Group/Group.js +1 -4
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/Group.styles.js +7 -7
- package/esm/components/Group/Group.styles.js.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.js +5 -1
- package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/esm/components/Image/Image.styles.js +4 -4
- package/esm/components/Image/Image.styles.js.map +1 -1
- package/esm/components/Input/Input.styles.js +12 -12
- package/esm/components/Input/Input.styles.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.styles.js +4 -4
- package/esm/components/InputWrapper/InputWrapper.styles.js.map +1 -1
- package/esm/components/JsonInput/JsonInput.styles.js +2 -2
- package/esm/components/JsonInput/JsonInput.styles.js.map +1 -1
- package/esm/components/List/List.styles.js +3 -3
- package/esm/components/List/List.styles.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.styles.js +2 -2
- package/esm/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/esm/components/Loader/Loader.js +4 -5
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +1 -3
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/Mark/Mark.js +2 -6
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/MediaQuery/MediaQuery.styles.js +3 -3
- package/esm/components/MediaQuery/MediaQuery.styles.js.map +1 -1
- package/esm/components/Menu/Menu.js +2 -0
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.js +8 -6
- package/esm/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.styles.js +2 -2
- package/esm/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.styles.js +5 -5
- package/esm/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/esm/components/Modal/Modal.js +1 -3
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/Modal.styles.js +2 -2
- package/esm/components/Modal/Modal.styles.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.js +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js +7 -7
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +72 -32
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.styles.js +4 -4
- package/esm/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +3 -1
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/Notification/Notification.styles.js +3 -11
- package/esm/components/Notification/Notification.styles.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.js +56 -22
- package/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.styles.js +4 -4
- package/esm/components/NumberInput/NumberInput.styles.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +3 -4
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Pagination/DefaultItem/DefaultItem.js +2 -2
- package/esm/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
- package/esm/components/Pagination/Pagination.js +2 -4
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/Pagination.styles.js +7 -7
- package/esm/components/Pagination/Pagination.styles.js.map +1 -1
- package/esm/components/Paper/Paper.styles.js +4 -4
- package/esm/components/Paper/Paper.styles.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +8 -5
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.styles.js +7 -7
- package/esm/components/PasswordInput/PasswordInput.styles.js.map +1 -1
- package/esm/components/PasswordInput/PasswordToggleIcon.js +15 -43
- package/esm/components/PasswordInput/PasswordToggleIcon.js.map +1 -1
- package/esm/components/Popover/Popover.js +6 -1
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js +6 -6
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/esm/components/Popper/Popper.js +12 -2
- package/esm/components/Popper/Popper.js.map +1 -1
- package/esm/components/Progress/Progress.js +3 -4
- package/esm/components/Progress/Progress.js.map +1 -1
- package/esm/components/Progress/Progress.styles.js +8 -8
- package/esm/components/Progress/Progress.styles.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js +12 -12
- package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/esm/components/RingProgress/Curve/Curve.js +4 -14
- package/esm/components/RingProgress/Curve/Curve.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.styles.js +6 -6
- package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/esm/components/Select/Select.js +44 -28
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.js +37 -27
- package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js +24 -7
- package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
- package/esm/components/Select/SelectItems/SelectItems.styles.js +6 -6
- package/esm/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
- package/esm/components/Select/SelectRightSection/ChevronIcon.js +2 -2
- package/esm/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js +5 -4
- package/esm/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js +4 -3
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.styles.js +9 -5
- package/esm/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
- package/esm/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js +11 -0
- package/esm/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/esm/components/Skeleton/Skeleton.styles.js +2 -2
- package/esm/components/Skeleton/Skeleton.styles.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.styles.js +6 -6
- package/esm/components/Slider/Marks/Marks.styles.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +12 -9
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +14 -8
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js +3 -3
- package/esm/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +4 -5
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.styles.js +7 -6
- package/esm/components/Slider/Thumb/Thumb.styles.js.map +1 -1
- package/esm/components/Slider/Track/Track.styles.js +5 -5
- package/esm/components/Slider/Track/Track.styles.js.map +1 -1
- package/esm/components/Space/Space.js +4 -5
- package/esm/components/Space/Space.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.js +3 -3
- package/esm/components/Spoiler/Spoiler.js.map +1 -1
- package/esm/components/Stepper/Step/Step.js +123 -0
- package/esm/components/Stepper/Step/Step.js.map +1 -0
- package/esm/components/Stepper/Step/Step.styles.js +100 -0
- package/esm/components/Stepper/Step/Step.styles.js.map +1 -0
- package/esm/components/Stepper/Stepper.js +119 -0
- package/esm/components/Stepper/Stepper.js.map +1 -0
- package/esm/components/Stepper/Stepper.styles.js +75 -0
- package/esm/components/Stepper/Stepper.styles.js.map +1 -0
- package/esm/components/Switch/Switch.styles.js +12 -12
- package/esm/components/Switch/Switch.styles.js.map +1 -1
- package/esm/components/Table/Table.styles.js +2 -2
- package/esm/components/Table/Table.styles.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.js +7 -3
- package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.styles.js +15 -13
- package/esm/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +2 -1
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.styles.js +2 -2
- package/esm/components/Tabs/Tabs.styles.js.map +1 -1
- package/esm/components/Text/Text.styles.js +2 -2
- package/esm/components/Text/Text.styles.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.styles.js +4 -4
- package/esm/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js +4 -16
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/esm/components/Title/Title.styles.js +2 -2
- package/esm/components/Title/Title.styles.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.styles.js +4 -4
- package/esm/components/Tooltip/Tooltip.styles.js.map +1 -1
- package/esm/components/TransferList/DefaultItem/DefaultItem.js +17 -0
- package/esm/components/TransferList/DefaultItem/DefaultItem.js.map +1 -0
- package/esm/components/TransferList/RenderList/RenderList.js +146 -0
- package/esm/components/TransferList/RenderList/RenderList.js.map +1 -0
- package/esm/components/TransferList/RenderList/RenderList.styles.js +61 -0
- package/esm/components/TransferList/RenderList/RenderList.styles.js.map +1 -0
- package/esm/components/TransferList/TransferList.js +137 -0
- package/esm/components/TransferList/TransferList.js.map +1 -0
- package/esm/components/TransferList/use-selection-state/use-selection-state.js +38 -0
- package/esm/components/TransferList/use-selection-state/use-selection-state.js.map +1 -0
- package/esm/components/Transition/use-transition.js +2 -1
- package/esm/components/Transition/use-transition.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +3 -3
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
- package/esm/index.js +3 -0
- package/esm/index.js.map +1 -1
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts +1 -0
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts +2 -1
- 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/Alert/Alert.styles.d.ts +1 -0
- package/lib/src/components/Alert/Alert.styles.d.ts.map +1 -1
- package/lib/src/components/Anchor/Anchor.d.ts.map +1 -1
- package/lib/src/components/Anchor/Anchor.styles.d.ts +7 -0
- package/lib/src/components/Anchor/Anchor.styles.d.ts.map +1 -0
- package/lib/src/components/AppShell/AppShell.styles.d.ts +2 -1
- package/lib/src/components/AppShell/AppShell.styles.d.ts.map +1 -1
- package/lib/src/components/AppShell/Header/Header.styles.d.ts +1 -0
- package/lib/src/components/AppShell/Header/Header.styles.d.ts.map +1 -1
- package/lib/src/components/AppShell/Navbar/Navbar.styles.d.ts +3 -5
- package/lib/src/components/AppShell/Navbar/Navbar.styles.d.ts.map +1 -1
- package/lib/src/components/AppShell/get-sorted-breakpoints.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/Autocomplete.d.ts +2 -0
- package/lib/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
- package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/lib/src/components/Avatar/Avatar.styles.d.ts +1 -0
- package/lib/src/components/Avatar/Avatar.styles.d.ts.map +1 -1
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts +1 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts.map +1 -1
- package/lib/src/components/Badge/Badge.styles.d.ts +1 -0
- package/lib/src/components/Badge/Badge.styles.d.ts.map +1 -1
- package/lib/src/components/Blockquote/Blockquote.styles.d.ts +1 -0
- package/lib/src/components/Blockquote/Blockquote.styles.d.ts.map +1 -1
- package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -0
- package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
- package/lib/src/components/Burger/Burger.styles.d.ts +1 -0
- package/lib/src/components/Burger/Burger.styles.d.ts.map +1 -1
- package/lib/src/components/Button/Button.d.ts.map +1 -1
- package/lib/src/components/Button/Button.styles.d.ts +5 -4
- package/lib/src/components/Button/Button.styles.d.ts.map +1 -1
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts +1 -0
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts.map +1 -1
- package/lib/src/components/Card/Card.styles.d.ts +1 -0
- package/lib/src/components/Card/Card.styles.d.ts.map +1 -1
- package/lib/src/components/Card/CardSection/CardSection.d.ts +1 -1
- package/lib/src/components/Card/CardSection/CardSection.d.ts.map +1 -1
- package/lib/src/components/Card/CardSection/CardSection.styles.d.ts +1 -0
- package/lib/src/components/Card/CardSection/CardSection.styles.d.ts.map +1 -1
- package/lib/src/components/Checkbox/Checkbox.d.ts +5 -0
- package/lib/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/src/components/Checkbox/Checkbox.styles.d.ts +1 -0
- package/lib/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/lib/src/components/Chips/Chip/Chip.d.ts.map +1 -1
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts +3 -2
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts.map +1 -1
- package/lib/src/components/Code/Code.styles.d.ts +1 -0
- package/lib/src/components/Code/Code.styles.d.ts.map +1 -1
- package/lib/src/components/ColorInput/ColorInput.d.ts.map +1 -1
- package/lib/src/components/ColorInput/ColorInput.styles.d.ts +1 -0
- package/lib/src/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts +1 -0
- package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts +1 -0
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts +1 -0
- package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts +1 -0
- package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts +1 -0
- package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts.map +1 -1
- package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts +1 -0
- package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts.map +1 -1
- package/lib/src/components/Container/Container.styles.d.ts +1 -0
- package/lib/src/components/Container/Container.styles.d.ts.map +1 -1
- package/lib/src/components/Dialog/Dialog.styles.d.ts +1 -0
- package/lib/src/components/Dialog/Dialog.styles.d.ts.map +1 -1
- package/lib/src/components/Divider/Divider.styles.d.ts +1 -0
- package/lib/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/lib/src/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/src/components/Drawer/Drawer.styles.d.ts +2 -0
- package/lib/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/lib/src/components/Grid/Col/Col.d.ts +11 -1
- package/lib/src/components/Grid/Col/Col.d.ts.map +1 -1
- package/lib/src/components/Grid/Col/Col.styles.d.ts +7 -1
- package/lib/src/components/Grid/Col/Col.styles.d.ts.map +1 -1
- package/lib/src/components/Grid/Grid.styles.d.ts +1 -0
- package/lib/src/components/Grid/Grid.styles.d.ts.map +1 -1
- package/lib/src/components/Group/Group.d.ts +0 -2
- package/lib/src/components/Group/Group.d.ts.map +1 -1
- package/lib/src/components/Group/Group.styles.d.ts +1 -1
- package/lib/src/components/Group/Group.styles.d.ts.map +1 -1
- package/lib/src/components/Highlight/highlighter/highlighter.d.ts +1 -1
- package/lib/src/components/Highlight/highlighter/highlighter.d.ts.map +1 -1
- package/lib/src/components/Image/Image.styles.d.ts +1 -0
- package/lib/src/components/Image/Image.styles.d.ts.map +1 -1
- package/lib/src/components/Input/Input.styles.d.ts +2 -1
- package/lib/src/components/Input/Input.styles.d.ts.map +1 -1
- package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts +1 -0
- package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts.map +1 -1
- package/lib/src/components/JsonInput/JsonInput.styles.d.ts +1 -0
- package/lib/src/components/JsonInput/JsonInput.styles.d.ts.map +1 -1
- package/lib/src/components/Kbd/Kbd.styles.d.ts +1 -0
- package/lib/src/components/Kbd/Kbd.styles.d.ts.map +1 -1
- package/lib/src/components/List/List.styles.d.ts +1 -0
- package/lib/src/components/List/List.styles.d.ts.map +1 -1
- package/lib/src/components/List/ListItem/ListItem.styles.d.ts +1 -0
- package/lib/src/components/List/ListItem/ListItem.styles.d.ts.map +1 -1
- package/lib/src/components/Loader/Loader.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/LoadingOverlay.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts +1 -0
- package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts.map +1 -1
- package/lib/src/components/Mark/Mark.d.ts.map +1 -1
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts +1 -0
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/Menu.d.ts +1 -1
- package/lib/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/src/components/Menu/Menu.styles.d.ts +1 -0
- package/lib/src/components/Menu/Menu.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts +2 -0
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts +1 -0
- package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts +1 -0
- package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts.map +1 -1
- package/lib/src/components/Modal/Modal.d.ts.map +1 -1
- package/lib/src/components/Modal/Modal.styles.d.ts +1 -0
- package/lib/src/components/Modal/Modal.styles.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts +1 -0
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.d.ts +4 -0
- package/lib/src/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts +1 -0
- package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts.map +1 -1
- package/lib/src/components/NativeSelect/NativeSelect.d.ts.map +1 -1
- package/lib/src/components/Notification/Notification.styles.d.ts +1 -0
- package/lib/src/components/Notification/Notification.styles.d.ts.map +1 -1
- package/lib/src/components/NumberInput/NumberInput.d.ts +4 -4
- package/lib/src/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/src/components/NumberInput/NumberInput.styles.d.ts +1 -0
- package/lib/src/components/NumberInput/NumberInput.styles.d.ts.map +1 -1
- package/lib/src/components/Overlay/Overlay.d.ts.map +1 -1
- package/lib/src/components/Pagination/DefaultItem/DefaultItem.d.ts.map +1 -1
- package/lib/src/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/src/components/Pagination/Pagination.styles.d.ts +1 -0
- package/lib/src/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/lib/src/components/Pagination/icons/index.d.ts +6 -0
- package/lib/src/components/Pagination/icons/index.d.ts.map +1 -0
- package/lib/src/components/Paper/Paper.styles.d.ts +1 -0
- package/lib/src/components/Paper/Paper.styles.d.ts.map +1 -1
- package/lib/src/components/PasswordInput/PasswordInput.d.ts +5 -0
- package/lib/src/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/lib/src/components/PasswordInput/PasswordInput.styles.d.ts +1 -0
- package/lib/src/components/PasswordInput/PasswordInput.styles.d.ts.map +1 -1
- package/lib/src/components/PasswordInput/PasswordToggleIcon.d.ts +3 -2
- package/lib/src/components/PasswordInput/PasswordToggleIcon.d.ts.map +1 -1
- package/lib/src/components/Popover/Popover.d.ts.map +1 -1
- package/lib/src/components/Popover/Popover.styles.d.ts +1 -0
- package/lib/src/components/Popover/Popover.styles.d.ts.map +1 -1
- package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts +1 -0
- package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts.map +1 -1
- package/lib/src/components/Popper/Popper.d.ts +5 -1
- package/lib/src/components/Popper/Popper.d.ts.map +1 -1
- package/lib/src/components/Popper/Popper.styles.d.ts +1 -0
- package/lib/src/components/Popper/Popper.styles.d.ts.map +1 -1
- package/lib/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/src/components/Progress/Progress.styles.d.ts +1 -0
- package/lib/src/components/Progress/Progress.styles.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts +1 -0
- package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
- package/lib/src/components/RingProgress/Curve/Curve.d.ts.map +1 -1
- package/lib/src/components/RingProgress/RingProgress.styles.d.ts +1 -0
- package/lib/src/components/RingProgress/RingProgress.styles.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts +7 -7
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts +1 -0
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/lib/src/components/Select/Select.d.ts +2 -0
- package/lib/src/components/Select/Select.d.ts.map +1 -1
- package/lib/src/components/Select/Select.styles.d.ts +1 -0
- package/lib/src/components/Select/Select.styles.d.ts.map +1 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts +4 -0
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts +1 -0
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts.map +1 -1
- package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts +1 -0
- package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts.map +1 -1
- package/lib/src/components/Select/SelectRightSection/ChevronIcon.d.ts.map +1 -1
- package/lib/src/components/Select/SelectRightSection/get-select-right-section-props.d.ts +3 -1
- package/lib/src/components/Select/SelectRightSection/get-select-right-section-props.d.ts.map +1 -1
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts +1 -1
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
- package/lib/src/components/SimpleGrid/SimpleGrid.styles.d.ts +3 -1
- package/lib/src/components/SimpleGrid/SimpleGrid.styles.d.ts.map +1 -1
- package/lib/src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +4 -0
- package/lib/src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.d.ts.map +1 -0
- package/lib/src/components/Skeleton/Skeleton.styles.d.ts +1 -0
- package/lib/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/Marks/Marks.styles.d.ts +1 -0
- package/lib/src/components/Slider/Marks/Marks.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts +3 -4
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/src/components/Slider/Slider/Slider.d.ts +4 -5
- package/lib/src/components/Slider/Slider/Slider.d.ts.map +1 -1
- package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts +1 -0
- package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/Thumb/Thumb.d.ts +1 -0
- package/lib/src/components/Slider/Thumb/Thumb.d.ts.map +1 -1
- package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts +1 -0
- package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts.map +1 -1
- package/lib/src/components/Slider/Track/Track.styles.d.ts +1 -0
- package/lib/src/components/Slider/Track/Track.styles.d.ts.map +1 -1
- package/lib/src/components/Space/Space.d.ts.map +1 -1
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts +1 -0
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts.map +1 -1
- package/lib/src/components/Stepper/Step/Step.d.ts +36 -0
- package/lib/src/components/Stepper/Step/Step.d.ts.map +1 -0
- package/lib/src/components/Stepper/Step/Step.styles.d.ts +22 -0
- package/lib/src/components/Stepper/Step/Step.styles.d.ts.map +1 -0
- package/lib/src/components/Stepper/Stepper.d.ts +38 -0
- package/lib/src/components/Stepper/Stepper.d.ts.map +1 -0
- package/lib/src/components/Stepper/Stepper.styles.d.ts +17 -0
- package/lib/src/components/Stepper/Stepper.styles.d.ts.map +1 -0
- package/lib/src/components/Stepper/index.d.ts +5 -0
- package/lib/src/components/Stepper/index.d.ts.map +1 -0
- package/lib/src/components/Switch/Switch.styles.d.ts +1 -0
- package/lib/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/lib/src/components/Table/Table.styles.d.ts +1 -0
- package/lib/src/components/Table/Table.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts +1 -0
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.d.ts +8 -2
- package/lib/src/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.styles.d.ts +3 -2
- package/lib/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/lib/src/components/Text/Text.styles.d.ts +2 -1
- package/lib/src/components/Text/Text.styles.d.ts.map +1 -1
- package/lib/src/components/Textarea/Textarea.styles.d.ts +1 -0
- package/lib/src/components/Textarea/Textarea.styles.d.ts.map +1 -1
- package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts +1 -0
- package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts.map +1 -1
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts +1 -0
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts.map +1 -1
- package/lib/src/components/Title/Title.styles.d.ts +1 -0
- package/lib/src/components/Title/Title.styles.d.ts.map +1 -1
- package/lib/src/components/Tooltip/Tooltip.styles.d.ts +1 -0
- package/lib/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
- package/lib/src/components/TransferList/DefaultItem/DefaultItem.d.ts +3 -0
- package/lib/src/components/TransferList/DefaultItem/DefaultItem.d.ts.map +1 -0
- package/lib/src/components/TransferList/RenderList/RenderList.d.ts +26 -0
- package/lib/src/components/TransferList/RenderList/RenderList.d.ts.map +1 -0
- package/lib/src/components/TransferList/RenderList/RenderList.styles.d.ts +11 -0
- package/lib/src/components/TransferList/RenderList/RenderList.styles.d.ts.map +1 -0
- package/lib/src/components/TransferList/TransferList.d.ts +33 -0
- package/lib/src/components/TransferList/TransferList.d.ts.map +1 -0
- package/lib/src/components/TransferList/index.d.ts +4 -0
- package/lib/src/components/TransferList/index.d.ts.map +1 -0
- package/lib/src/components/TransferList/types.d.ts +13 -0
- package/lib/src/components/TransferList/types.d.ts.map +1 -0
- package/lib/src/components/TransferList/use-selection-state/use-selection-state.d.ts +7 -0
- package/lib/src/components/TransferList/use-selection-state/use-selection-state.d.ts.map +1 -0
- package/lib/src/components/Transition/use-transition.d.ts.map +1 -1
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts +1 -0
- package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts.map +1 -1
- package/lib/src/demos.d.ts.map +1 -1
- package/lib/src/index.d.ts +2 -0
- package/lib/src/index.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -60,8 +60,7 @@ const Overlay = React.forwardRef((_a, ref) => {
|
|
|
60
60
|
"radius",
|
|
61
61
|
"sx"
|
|
62
62
|
]);
|
|
63
|
-
const { css, sxClassName, cx } = styles.useSx({ sx, className });
|
|
64
|
-
const theme = styles.useMantineTheme();
|
|
63
|
+
const { css, sxClassName, cx, theme } = styles.useSx({ sx, className });
|
|
65
64
|
const Element = component || "div";
|
|
66
65
|
const background = gradient ? { backgroundImage: gradient } : { backgroundColor: color };
|
|
67
66
|
return /* @__PURE__ */ React__default.createElement(Element, __spreadValues({
|
|
@@ -72,7 +71,7 @@ const Overlay = React.forwardRef((_a, ref) => {
|
|
|
72
71
|
bottom: 0,
|
|
73
72
|
left: 0,
|
|
74
73
|
right: 0,
|
|
75
|
-
borderRadius:
|
|
74
|
+
borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
|
|
76
75
|
zIndex
|
|
77
76
|
})), sxClassName),
|
|
78
77
|
ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n PolymorphicComponentProps,\n PolymorphicRef,\n MantineNumberSize,\n
|
|
1
|
+
{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n PolymorphicComponentProps,\n PolymorphicRef,\n MantineNumberSize,\n useSx,\n DefaultProps,\n} from '@mantine/styles';\n\ninterface _OverlayProps extends DefaultProps {\n /** Overlay opacity */\n opacity?: React.CSSProperties['opacity'];\n\n /** Overlay background-color */\n color?: React.CSSProperties['backgroundColor'];\n\n /** Use gradient instead of background-color */\n gradient?: string;\n\n /** Overlay z-index */\n zIndex?: React.CSSProperties['zIndex'];\n\n /** Value from theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n}\n\nexport type OverlayProps<C extends React.ElementType> = PolymorphicComponentProps<C, _OverlayProps>;\n\ntype OverlayComponent = <C extends React.ElementType = 'div'>(\n props: OverlayProps<C>\n) => React.ReactElement;\n\nexport const Overlay: OverlayComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'div'>(\n {\n className,\n opacity = 0.6,\n color = '#fff',\n gradient,\n zIndex = 1000,\n component,\n radius = 0,\n sx,\n ...others\n }: OverlayProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const { css, sxClassName, cx, theme } = useSx({ sx, className });\n const Element = component || 'div';\n const background = gradient ? { backgroundImage: gradient } : { backgroundColor: color };\n\n return (\n <Element\n className={cx(\n css({\n ...background,\n opacity,\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n zIndex,\n }),\n sxClassName\n )}\n ref={ref}\n {...others}\n />\n );\n }\n);\n\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":["forwardRef","useSx","React"],"mappings":"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"}
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var PrevIcon = require('../icons/PrevIcon.js');
|
|
7
|
-
var NextIcon = require('../icons/NextIcon.js');
|
|
8
6
|
var DotsIcon = require('../icons/DotsIcon.js');
|
|
7
|
+
var NextIcon = require('../icons/NextIcon.js');
|
|
8
|
+
var PrevIcon = require('../icons/PrevIcon.js');
|
|
9
9
|
var FirstIcon = require('../icons/FirstIcon.js');
|
|
10
10
|
var LastIcon = require('../icons/LastIcon.js');
|
|
11
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/Pagination/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/Pagination/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport * as _icons from '../icons';\n\nexport interface PaginationItemProps extends React.ComponentPropsWithoutRef<'button'> {\n page: number | 'dots' | 'prev' | 'next' | 'first' | 'last';\n active?: boolean;\n onClick?: () => void;\n}\n\nconst icons = {\n dots: _icons.DotsIcon,\n next: _icons.NextIcon,\n prev: _icons.PrevIcon,\n first: _icons.FirstIcon,\n last: _icons.LastIcon,\n};\n\nexport function DefaultItem({ page, active, onClick, ...others }: PaginationItemProps) {\n const Item = icons[page];\n const children = Item ? <Item /> : page;\n\n return (\n <button type=\"button\" onClick={onClick} {...others}>\n {children}\n </button>\n );\n}\n\nDefaultItem.displayName = '@mantine/core/Pagination/DefaultItem';\n"],"names":["_icons.DotsIcon","_icons.NextIcon","_icons.PrevIcon","_icons.FirstIcon","_icons.LastIcon","React"],"mappings":"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"}
|
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var hooks = require('@mantine/hooks');
|
|
7
|
-
var styles = require('@mantine/styles');
|
|
8
7
|
var Group = require('../Group/Group.js');
|
|
9
8
|
var DefaultItem = require('./DefaultItem/DefaultItem.js');
|
|
10
9
|
var Pagination_styles = require('./Pagination.styles.js');
|
|
@@ -45,7 +44,7 @@ const Pagination = React.forwardRef((_a, ref) => {
|
|
|
45
44
|
var _b = _a, {
|
|
46
45
|
itemComponent: Item = DefaultItem.DefaultItem,
|
|
47
46
|
classNames,
|
|
48
|
-
styles
|
|
47
|
+
styles,
|
|
49
48
|
page,
|
|
50
49
|
initialPage = 1,
|
|
51
50
|
color,
|
|
@@ -79,8 +78,7 @@ const Pagination = React.forwardRef((_a, ref) => {
|
|
|
79
78
|
"withControls",
|
|
80
79
|
"sx"
|
|
81
80
|
]);
|
|
82
|
-
const theme = styles
|
|
83
|
-
const { classes, cx } = Pagination_styles['default']({ color, size, radius }, { classNames, styles: styles$1, name: "Pagination" });
|
|
81
|
+
const { classes, cx, theme } = Pagination_styles['default']({ color, size, radius }, { classNames, styles, name: "Pagination" });
|
|
84
82
|
const { range, setPage, next, previous, active, first, last } = hooks.usePagination({
|
|
85
83
|
page,
|
|
86
84
|
siblings,
|
|
@@ -102,7 +100,7 @@ const Pagination = React.forwardRef((_a, ref) => {
|
|
|
102
100
|
onClick: pageNumber !== "dots" ? () => setPage(pageNumber) : void 0
|
|
103
101
|
}));
|
|
104
102
|
return /* @__PURE__ */ React__default.createElement(Group.Group, __spreadValues({
|
|
105
|
-
spacing: spacing ||
|
|
103
|
+
spacing: spacing || theme.fn.size({ size, sizes: theme.spacing }) / 2,
|
|
106
104
|
ref,
|
|
107
105
|
sx
|
|
108
106
|
}, others), withEdges && /* @__PURE__ */ React__default.createElement(Item, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { usePagination } from '@mantine/hooks';\nimport {
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { usePagination } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Group, GroupProps } from '../Group/Group';\nimport { DefaultItem, PaginationItemProps } from './DefaultItem/DefaultItem';\nimport useStyles from './Pagination.styles';\n\nexport type PaginationStylesNames = ClassNames<typeof useStyles>;\n\nexport interface PaginationProps\n extends DefaultProps<PaginationStylesNames>,\n Omit<GroupProps, 'classNames' | 'styles' | 'onChange'> {\n /** Change item component */\n itemComponent?: React.FC<PaginationItemProps>;\n\n /** Active item color from theme, defaults to theme.primaryColor */\n color?: MantineColor;\n\n /** Active initial page for uncontrolled component */\n initialPage?: number;\n\n /** Controlled active page number */\n page?: number;\n\n /** Total amount of pages */\n total: number;\n\n /** Siblings amount on left/right side of selected page */\n siblings?: number;\n\n /** Amount of elements visible on left/right edges */\n boundaries?: number;\n\n /** Callback fired after change of each page */\n onChange?: (page: number) => void;\n\n /** Callback to control aria-labels */\n getItemAriaLabel?: (\n page: number | 'dots' | 'prev' | 'next' | 'first' | 'last'\n ) => string | undefined;\n\n /** Spacing between items from theme or number to set value in px, defaults to theme.spacing.xs / 2 */\n spacing?: MantineNumberSize;\n\n /** Predefined item size or number to set width and height in px */\n size?: MantineNumberSize;\n\n /** Predefined item radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Show/hide jump to start/end controls */\n withEdges?: boolean;\n\n /** Show/hide prev/next controls */\n withControls?: boolean;\n}\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n itemComponent: Item = DefaultItem,\n classNames,\n styles,\n page,\n initialPage = 1,\n color,\n total,\n siblings = 1,\n boundaries = 1,\n size = 'md',\n radius = 'sm',\n onChange,\n getItemAriaLabel,\n spacing,\n withEdges = false,\n withControls = true,\n sx,\n ...others\n }: PaginationProps,\n ref\n ) => {\n const { classes, cx, theme } = useStyles(\n { color, size, radius },\n { classNames, styles, name: 'Pagination' }\n );\n\n const { range, setPage, next, previous, active, first, last } = usePagination({\n page,\n siblings,\n total,\n onChange,\n initialPage,\n boundaries,\n });\n\n const items = range.map((pageNumber, index) => (\n <Item\n key={index}\n page={pageNumber}\n active={pageNumber === active}\n aria-label={typeof getItemAriaLabel === 'function' ? getItemAriaLabel(pageNumber) : null}\n tabIndex={pageNumber === 'dots' ? -1 : 0}\n className={cx(classes.item, {\n [classes.active]: pageNumber === active,\n [classes.dots]: pageNumber === 'dots',\n })}\n onClick={pageNumber !== 'dots' ? () => setPage(pageNumber) : undefined}\n />\n ));\n\n return (\n <Group\n spacing={spacing || theme.fn.size({ size, sizes: theme.spacing }) / 2}\n ref={ref}\n sx={sx}\n {...others}\n >\n {withEdges && (\n <Item\n page=\"first\"\n onClick={first}\n aria-label={getItemAriaLabel ? getItemAriaLabel('first') : undefined}\n aria-disabled={active === 1}\n className={classes.item}\n disabled={active === 1}\n />\n )}\n\n {withControls && (\n <Item\n page=\"prev\"\n onClick={previous}\n aria-label={getItemAriaLabel ? getItemAriaLabel('prev') : undefined}\n aria-disabled={active === 1}\n className={classes.item}\n disabled={active === 1}\n />\n )}\n\n {items}\n\n {withControls && (\n <Item\n page=\"next\"\n onClick={next}\n aria-label={getItemAriaLabel ? getItemAriaLabel('next') : undefined}\n aria-disabled={active === total}\n className={classes.item}\n disabled={active === total}\n />\n )}\n\n {withEdges && (\n <Item\n page=\"last\"\n onClick={last}\n aria-label={getItemAriaLabel ? getItemAriaLabel('last') : undefined}\n aria-disabled={active === total}\n className={classes.item}\n disabled={active === total}\n />\n )}\n </Group>\n );\n }\n);\n\nPagination.displayName = '@mantine/core/Pagination';\n"],"names":["forwardRef","DefaultItem","useStyles","usePagination","React","Group"],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ var useStyles = styles.createStyles((theme, { size, radius, color }, getRef) =>
|
|
|
43
43
|
variant: "filled"
|
|
44
44
|
});
|
|
45
45
|
return {
|
|
46
|
-
item: __spreadProps(__spreadValues({},
|
|
46
|
+
item: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
|
|
47
47
|
cursor: "pointer",
|
|
48
48
|
userSelect: "none",
|
|
49
49
|
display: "flex",
|
|
@@ -52,11 +52,11 @@ var useStyles = styles.createStyles((theme, { size, radius, color }, getRef) =>
|
|
|
52
52
|
fontWeight: 500,
|
|
53
53
|
border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[3]}`,
|
|
54
54
|
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
|
|
55
|
-
height:
|
|
56
|
-
minWidth:
|
|
57
|
-
padding: `0 ${
|
|
58
|
-
fontSize:
|
|
59
|
-
borderRadius:
|
|
55
|
+
height: theme.fn.size({ size, sizes }),
|
|
56
|
+
minWidth: theme.fn.size({ size, sizes }),
|
|
57
|
+
padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 2}px`,
|
|
58
|
+
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
59
|
+
borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
|
|
60
60
|
lineHeight: 1,
|
|
61
61
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.white,
|
|
62
62
|
[`&:active:not(:disabled):not(.${dots.ref})`]: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import {\n createStyles,\n getSharedColorScheme,\n MantineNumberSize,\n
|
|
1
|
+
{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import {\n createStyles,\n getSharedColorScheme,\n MantineNumberSize,\n MantineColor,\n} from '@mantine/styles';\n\ninterface PaginationStyles {\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nconst sizes = {\n xs: 22,\n sm: 26,\n md: 32,\n lg: 38,\n xl: 44,\n};\n\nexport default createStyles((theme, { size, radius, color }: PaginationStyles, getRef) => {\n const dots = {\n ref: getRef('dots'),\n cursor: 'default',\n borderColor: 'transparent',\n backgroundColor: 'transparent',\n } as const;\n\n const colors = getSharedColorScheme({\n color,\n theme,\n variant: 'filled',\n });\n\n return {\n item: {\n ...theme.fn.focusStyles(),\n cursor: 'pointer',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 500,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3]\n }`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n height: theme.fn.size({ size, sizes }),\n minWidth: theme.fn.size({ size, sizes }),\n padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 2}px`,\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n lineHeight: 1,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white,\n\n [`&:active:not(:disabled):not(.${dots.ref})`]: {\n transform: 'translateY(1px)',\n },\n\n '&:disabled': {\n opacity: 0.6,\n cursor: 'not-allowed',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n },\n\n active: {\n borderColor: 'transparent',\n color: colors.color,\n backgroundColor: colors.background,\n },\n\n dots,\n };\n});\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}
|
|
@@ -24,16 +24,16 @@ var __spreadValues = (a, b) => {
|
|
|
24
24
|
};
|
|
25
25
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
26
|
var useStyles = styles.createStyles((theme, { radius, shadow, padding, withBorder }) => ({
|
|
27
|
-
root: __spreadProps(__spreadValues({},
|
|
27
|
+
root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
|
|
28
28
|
WebkitTapHighlightColor: "transparent",
|
|
29
29
|
display: "block",
|
|
30
30
|
textDecoration: "none",
|
|
31
31
|
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
|
|
32
32
|
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
|
|
33
33
|
boxSizing: "border-box",
|
|
34
|
-
borderRadius:
|
|
34
|
+
borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
|
|
35
35
|
boxShadow: theme.shadows[shadow] || shadow || "none",
|
|
36
|
-
padding:
|
|
36
|
+
padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
|
|
37
37
|
border: withBorder ? `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}` : void 0
|
|
38
38
|
})
|
|
39
39
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineShadow } from '@mantine/styles';\n\ninterface PaperStyles {\n radius: MantineNumberSize;\n shadow: MantineShadow;\n padding: MantineNumberSize;\n withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, padding, withBorder }: PaperStyles) => ({\n root: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n display: 'block',\n textDecoration: 'none',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n boxSizing: 'border-box',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n boxShadow: theme.shadows[shadow] || shadow || 'none',\n padding: theme.fn.size({ size: padding, sizes: theme.spacing }),\n border: withBorder\n ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n : undefined,\n },\n}));\n"],"names":["createStyles"],"mappings":"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"}
|
|
@@ -85,6 +85,7 @@ const PasswordInput = React.forwardRef((_a, ref) => {
|
|
|
85
85
|
classNames,
|
|
86
86
|
styles: styles$1,
|
|
87
87
|
variant,
|
|
88
|
+
visibilityToggleIcon: VisibilityToggleIcon = PasswordToggleIcon.PasswordToggleIcon,
|
|
88
89
|
__staticSelector = "PasswordInput",
|
|
89
90
|
rightSection: _rightSection,
|
|
90
91
|
rightSectionWidth: _rightSectionWidth,
|
|
@@ -107,13 +108,15 @@ const PasswordInput = React.forwardRef((_a, ref) => {
|
|
|
107
108
|
"classNames",
|
|
108
109
|
"styles",
|
|
109
110
|
"variant",
|
|
111
|
+
"visibilityToggleIcon",
|
|
110
112
|
"__staticSelector",
|
|
111
113
|
"rightSection",
|
|
112
114
|
"rightSectionWidth",
|
|
113
115
|
"rightSectionProps",
|
|
114
116
|
"sx"
|
|
115
117
|
]);
|
|
116
|
-
const
|
|
118
|
+
const theme = styles.useMantineTheme();
|
|
119
|
+
const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });
|
|
117
120
|
const { classes, cx } = PasswordInput_styles['default']({ size, rightSectionWidth }, { name: "PasswordInput" });
|
|
118
121
|
const uuid = hooks.useUuid(id);
|
|
119
122
|
const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
|
|
@@ -121,7 +124,7 @@ const PasswordInput = React.forwardRef((_a, ref) => {
|
|
|
121
124
|
const rightSection = /* @__PURE__ */ React__default.createElement(ActionIcon.ActionIcon, {
|
|
122
125
|
tabIndex: toggleTabIndex,
|
|
123
126
|
radius,
|
|
124
|
-
size:
|
|
127
|
+
size: theme.fn.size({ size, sizes: buttonSizes }),
|
|
125
128
|
"aria-hidden": "true",
|
|
126
129
|
onMouseDown: (event) => {
|
|
127
130
|
event.preventDefault();
|
|
@@ -133,9 +136,9 @@ const PasswordInput = React.forwardRef((_a, ref) => {
|
|
|
133
136
|
toggle();
|
|
134
137
|
}
|
|
135
138
|
}
|
|
136
|
-
}, /* @__PURE__ */ React__default.createElement(
|
|
139
|
+
}, /* @__PURE__ */ React__default.createElement(VisibilityToggleIcon, {
|
|
137
140
|
reveal,
|
|
138
|
-
size:
|
|
141
|
+
size: theme.fn.size({ size, sizes: iconSizes })
|
|
139
142
|
}));
|
|
140
143
|
return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues({
|
|
141
144
|
required,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useBooleanToggle, useUuid } from '@mantine/hooks';\nimport {
|
|
1
|
+
{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useBooleanToggle, useUuid } from '@mantine/hooks';\nimport { useExtractedMargins, useMantineTheme } from '@mantine/styles';\nimport { ActionIcon } from '../ActionIcon/ActionIcon';\nimport { TextInput } from '../TextInput/TextInput';\nimport { Input } from '../Input';\nimport { InputWrapper } from '../InputWrapper';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\nimport useStyles from './PasswordInput.styles';\n\nexport interface PasswordInputProps extends React.ComponentPropsWithoutRef<typeof TextInput> {\n /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n toggleTabIndex?: -1 | 0;\n\n /** Provide your own visibility toggle icon */\n visibilityToggleIcon?: React.FC<{ reveal: boolean; size: number }>;\n}\n\nconst buttonSizes = {\n xs: 22,\n sm: 28,\n md: 26,\n lg: 32,\n xl: 40,\n};\n\nconst iconSizes = {\n xs: 12,\n sm: 15,\n md: 17,\n lg: 19,\n xl: 21,\n};\n\nconst rightSectionSizes = {\n xs: 28,\n sm: 34,\n md: 34,\n lg: 44,\n xl: 54,\n};\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(\n (\n {\n radius = 'sm',\n disabled,\n size = 'sm',\n toggleTabIndex = -1,\n className,\n id,\n label,\n error,\n required,\n style,\n icon,\n description,\n wrapperProps,\n classNames,\n styles,\n variant,\n visibilityToggleIcon: VisibilityToggleIcon = PasswordToggleIcon,\n __staticSelector = 'PasswordInput',\n rightSection: _rightSection,\n rightSectionWidth: _rightSectionWidth,\n rightSectionProps: _rightSectionProps,\n sx,\n ...others\n }: PasswordInputProps,\n ref\n ) => {\n const theme = useMantineTheme();\n const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });\n const { classes, cx } = useStyles({ size, rightSectionWidth }, { name: 'PasswordInput' });\n const uuid = useUuid(id);\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const [reveal, toggle] = useBooleanToggle(false);\n\n const rightSection = (\n <ActionIcon<'button'>\n tabIndex={toggleTabIndex}\n radius={radius}\n size={theme.fn.size({ size, sizes: buttonSizes })}\n aria-hidden=\"true\"\n onMouseDown={(event) => {\n event.preventDefault();\n toggle();\n }}\n onKeyDown={(event) => {\n if (event.nativeEvent.code === 'Space') {\n event.preventDefault();\n toggle();\n }\n }}\n >\n <VisibilityToggleIcon reveal={reveal} size={theme.fn.size({ size, sizes: iconSizes })} />\n </ActionIcon>\n );\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={mergedStyles}\n classNames={classNames}\n styles={styles}\n __staticSelector={__staticSelector}\n sx={sx}\n {...wrapperProps}\n >\n <Input<'div'>\n component=\"div\"\n required={required}\n invalid={!!error}\n icon={icon}\n size={size}\n classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n styles={styles}\n radius={radius}\n disabled={disabled}\n __staticSelector={__staticSelector}\n rightSectionWidth={rightSectionWidth}\n rightSection={!disabled && rightSection}\n variant={variant}\n >\n <input\n type={reveal ? 'text' : 'password'}\n className={cx(classes.innerInput, { [classes.withIcon]: icon })}\n disabled={disabled}\n id={uuid}\n ref={ref}\n {...rest}\n />\n </Input>\n </InputWrapper>\n );\n }\n);\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":["forwardRef","styles","PasswordToggleIcon","useMantineTheme","useStyles","useUuid","useExtractedMargins","useBooleanToggle","React","ActionIcon","InputWrapper","Input"],"mappings":"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"}
|
|
@@ -29,17 +29,17 @@ var useStyles = styles.createStyles((theme, { size, rightSectionWidth }) => ({
|
|
|
29
29
|
position: "relative",
|
|
30
30
|
overflow: "hidden"
|
|
31
31
|
},
|
|
32
|
-
innerInput: __spreadProps(__spreadValues({},
|
|
32
|
+
innerInput: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
33
33
|
backgroundColor: "transparent",
|
|
34
34
|
border: 0,
|
|
35
35
|
boxSizing: "border-box",
|
|
36
36
|
position: "absolute",
|
|
37
37
|
display: "block",
|
|
38
38
|
width: `calc(100% - ${rightSectionWidth}px)`,
|
|
39
|
-
paddingLeft:
|
|
40
|
-
fontSize:
|
|
41
|
-
height:
|
|
42
|
-
lineHeight: `${
|
|
39
|
+
paddingLeft: theme.fn.size({ size, sizes: Input_styles.sizes }) / 3,
|
|
40
|
+
fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
|
|
41
|
+
height: theme.fn.size({ size, sizes: Input_styles.sizes }) - 2,
|
|
42
|
+
lineHeight: `${theme.fn.size({ size, sizes: Input_styles.sizes }) - 2}px`,
|
|
43
43
|
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
|
|
44
44
|
top: 0,
|
|
45
45
|
bottom: 0,
|
|
@@ -58,7 +58,7 @@ var useStyles = styles.createStyles((theme, { size, rightSectionWidth }) => ({
|
|
|
58
58
|
}
|
|
59
59
|
}),
|
|
60
60
|
withIcon: {
|
|
61
|
-
paddingLeft: `${
|
|
61
|
+
paddingLeft: `${theme.fn.size({ size, sizes: Input_styles.sizes })}px !important`
|
|
62
62
|
}
|
|
63
63
|
}));
|
|
64
64
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordInput.styles.js","sources":["../../../src/components/PasswordInput/PasswordInput.styles.ts"],"sourcesContent":["import { createStyles, MantineSize
|
|
1
|
+
{"version":3,"file":"PasswordInput.styles.js","sources":["../../../src/components/PasswordInput/PasswordInput.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\ninterface PasswordInputStyles {\n size: MantineSize;\n rightSectionWidth: number;\n}\n\nexport default createStyles((theme, { size, rightSectionWidth }: PasswordInputStyles) => ({\n input: {\n position: 'relative',\n overflow: 'hidden',\n },\n\n innerInput: {\n ...theme.fn.fontStyles(),\n backgroundColor: 'transparent',\n border: 0,\n boxSizing: 'border-box',\n position: 'absolute',\n display: 'block',\n width: `calc(100% - ${rightSectionWidth}px)`,\n paddingLeft: theme.fn.size({ size, sizes: INPUT_SIZES }) / 3,\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n height: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n lineHeight: `${theme.fn.size({ size, sizes: INPUT_SIZES }) - 2}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n\n '&:focus': {\n outline: 0,\n },\n\n '&:disabled': {\n cursor: 'not-allowed',\n },\n\n '&::placeholder': {\n opacity: 1,\n userSelect: 'none',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n },\n },\n\n withIcon: {\n paddingLeft: `${theme.fn.size({ size, sizes: INPUT_SIZES })}px !important`,\n },\n}));\n"],"names":["createStyles","INPUT_SIZES"],"mappings":"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"}
|
|
@@ -8,49 +8,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
8
8
|
|
|
9
9
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
var __objRest = (source, exclude) => {
|
|
28
|
-
var target = {};
|
|
29
|
-
for (var prop in source)
|
|
30
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
31
|
-
target[prop] = source[prop];
|
|
32
|
-
if (source != null && __getOwnPropSymbols)
|
|
33
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
34
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
35
|
-
target[prop] = source[prop];
|
|
36
|
-
}
|
|
37
|
-
return target;
|
|
38
|
-
};
|
|
39
|
-
function PasswordToggleIcon(_a) {
|
|
40
|
-
var _b = _a, { reveal, size = 15 } = _b, others = __objRest(_b, ["reveal", "size"]);
|
|
41
|
-
return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
|
|
42
|
-
width: size,
|
|
43
|
-
height: size,
|
|
44
|
-
viewBox: "0 0 15 15",
|
|
45
|
-
fill: "none",
|
|
46
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
47
|
-
}, others), /* @__PURE__ */ React__default.createElement("path", {
|
|
48
|
-
d: reveal ? "M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z" : "M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",
|
|
49
|
-
fill: "currentColor",
|
|
50
|
-
fillRule: "evenodd",
|
|
51
|
-
clipRule: "evenodd"
|
|
52
|
-
}));
|
|
53
|
-
}
|
|
11
|
+
const PasswordToggleIcon = ({
|
|
12
|
+
reveal,
|
|
13
|
+
size = 15
|
|
14
|
+
}) => /* @__PURE__ */ React__default.createElement("svg", {
|
|
15
|
+
width: size,
|
|
16
|
+
height: size,
|
|
17
|
+
viewBox: "0 0 15 15",
|
|
18
|
+
fill: "none",
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
20
|
+
}, /* @__PURE__ */ React__default.createElement("path", {
|
|
21
|
+
d: reveal ? "M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z" : "M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",
|
|
22
|
+
fill: "currentColor",
|
|
23
|
+
fillRule: "evenodd",
|
|
24
|
+
clipRule: "evenodd"
|
|
25
|
+
}));
|
|
54
26
|
|
|
55
27
|
exports.PasswordToggleIcon = PasswordToggleIcon;
|
|
56
28
|
//# sourceMappingURL=PasswordToggleIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordToggleIcon.js","sources":["../../../src/components/PasswordInput/PasswordToggleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PasswordToggleIconProps
|
|
1
|
+
{"version":3,"file":"PasswordToggleIcon.js","sources":["../../../src/components/PasswordInput/PasswordToggleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PasswordToggleIconProps {\n reveal: boolean;\n size: number;\n}\n\nexport type PasswordInputVisibilityToggleIcon = React.FC<PasswordToggleIconProps>;\n\nexport const PasswordToggleIcon: PasswordInputVisibilityToggleIcon = ({\n reveal,\n size = 15,\n}: PasswordToggleIconProps) => (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d={\n reveal\n ? 'M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z'\n : 'M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z'\n }\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n);\n"],"names":["React"],"mappings":";;;;;;;;;;AACY,MAAC,kBAAkB,GAAG,CAAC;AACnC,EAAE,MAAM;AACR,EAAE,IAAI,GAAG,EAAE;AACX,CAAC,qBAAqBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,EAAE,KAAK,EAAE,IAAI;AACb,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,OAAO,EAAE,WAAW;AACtB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,4BAA4B;AACrC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC/C,EAAE,CAAC,EAAE,MAAM,GAAG,y6BAAy6B,GAAG,gjBAAgjB;AAC1+C,EAAE,IAAI,EAAE,cAAc;AACtB,EAAE,QAAQ,EAAE,SAAS;AACrB,EAAE,QAAQ,EAAE,SAAS;AACrB,CAAC,CAAC;;;;"}
|
|
@@ -109,10 +109,15 @@ function Popover(_a) {
|
|
|
109
109
|
const [dropdownElement, setDropdownElement] = React.useState(null);
|
|
110
110
|
const focusTrapRef = hooks.useFocusTrap(!noFocusTrap && opened);
|
|
111
111
|
hooks.useClickOutside(() => !noClickOutside && handleClose(), null, [rootElement, dropdownElement]);
|
|
112
|
-
hooks.useFocusReturn({
|
|
112
|
+
const returnFocus = hooks.useFocusReturn({
|
|
113
|
+
opened: opened || noFocusTrap,
|
|
114
|
+
transitionDuration,
|
|
115
|
+
shouldReturnFocus: false
|
|
116
|
+
});
|
|
113
117
|
const handleKeydown = (event) => {
|
|
114
118
|
if (!noEscape && event.nativeEvent.code === "Escape") {
|
|
115
119
|
handleClose();
|
|
120
|
+
window.setTimeout(returnFocus, 0);
|
|
116
121
|
}
|
|
117
122
|
};
|
|
118
123
|
const uuid = hooks.useUuid(id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n useClickOutside,\n useFocusTrap,\n useMergedRef,\n useFocusReturn,\n useUuid,\n} from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineMargin,\n} from '@mantine/styles';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { PopoverBody, PopoverBodyStylesNames } from './PopoverBody/PopoverBody';\nimport useStyles from './Popover.styles';\n\nexport type PopoverStylesNames = ClassNames<typeof useStyles> | PopoverBodyStylesNames;\n\nexport interface PopoverProps\n extends Omit<DefaultProps<PopoverStylesNames>, MantineMargin>,\n SharedPopperProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Disable closing by click outside */\n noClickOutside?: boolean;\n\n /** Disable focus trap (may impact close on escape feature) */\n noFocusTrap?: boolean;\n\n /** Disables close on escape */\n noEscape?: boolean;\n\n /** Adds close button */\n withCloseButton?: boolean;\n\n /** True to disable popover */\n disabled?: boolean;\n\n /** True to display popover */\n opened: boolean;\n\n /** Called when popover closes */\n onClose?(): void;\n\n /** Element which is used to position popover */\n target: React.ReactNode;\n\n /** Content inside popover */\n children: React.ReactNode;\n\n /** Optional popover title */\n title?: React.ReactNode;\n\n /** Popover body padding, value from theme.spacing or number to set padding in px */\n spacing?: MantineNumberSize;\n\n /** Popover body radius, value from theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Popover shadow, value from theme.shadows or string to set box-shadow to any value */\n shadow?: MantineShadow;\n\n /** aria-label for close button */\n closeButtonLabel?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n}\n\nexport function Popover({\n className,\n children,\n target,\n title,\n onClose,\n opened,\n zIndex = 1,\n arrowSize = 4,\n withArrow = false,\n transition = 'fade',\n transitionDuration = 200,\n transitionTimingFunction,\n gutter = 10,\n position = 'left',\n placement = 'center',\n disabled = false,\n noClickOutside = false,\n noFocusTrap = false,\n noEscape = false,\n withCloseButton = false,\n radius = 'sm',\n spacing = 'md',\n shadow = 'sm',\n closeButtonLabel,\n positionDependencies = [],\n id,\n classNames,\n styles,\n sx,\n ...others\n}: PopoverProps) {\n const { classes, cx } = useStyles(null, { sx, classNames, styles, name: 'Popover' });\n const handleClose = () => typeof onClose === 'function' && onClose();\n const [referenceElement, setReferenceElement] = useState(null);\n const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n\n useClickOutside(() => !noClickOutside && handleClose(), null, [rootElement, dropdownElement]);\n useFocusReturn({ opened: opened || noFocusTrap, transitionDuration });\n\n const handleKeydown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!noEscape && event.nativeEvent.code === 'Escape') {\n handleClose();\n }\n };\n\n const uuid = useUuid(id);\n const titleId = `${uuid}-title`;\n const bodyId = `${uuid}-body`;\n\n return (\n <div className={cx(classes.root, className)} id={id} ref={setRootElement} {...others}>\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={opened && !disabled}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[radius, shadow, spacing, ...positionDependencies]}\n >\n <PopoverBody\n shadow={shadow}\n radius={radius}\n spacing={spacing}\n withCloseButton={withCloseButton}\n titleId={titleId}\n bodyId={bodyId}\n closeButtonLabel={closeButtonLabel}\n onClose={handleClose}\n ref={useMergedRef(focusTrapRef, setDropdownElement)}\n onKeyDownCapture={handleKeydown}\n classNames={classNames}\n styles={styles}\n >\n {children}\n </PopoverBody>\n </Popper>\n\n <div className={classes.target} ref={setReferenceElement}>\n {target}\n </div>\n </div>\n );\n}\n\nPopover.displayName = '@mantine/core/Popover';\n"],"names":["useStyles","useState","useFocusTrap","useClickOutside","useFocusReturn","useUuid","React","Popper","PopoverBody","useMergedRef"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n useClickOutside,\n useFocusTrap,\n useMergedRef,\n useFocusReturn,\n useUuid,\n} from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineShadow,\n ClassNames,\n MantineMargin,\n} from '@mantine/styles';\nimport { Popper, SharedPopperProps } from '../Popper/Popper';\nimport { PopoverBody, PopoverBodyStylesNames } from './PopoverBody/PopoverBody';\nimport useStyles from './Popover.styles';\n\nexport type PopoverStylesNames = ClassNames<typeof useStyles> | PopoverBodyStylesNames;\n\nexport interface PopoverProps\n extends Omit<DefaultProps<PopoverStylesNames>, MantineMargin>,\n SharedPopperProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Disable closing by click outside */\n noClickOutside?: boolean;\n\n /** Disable focus trap (may impact close on escape feature) */\n noFocusTrap?: boolean;\n\n /** Disables close on escape */\n noEscape?: boolean;\n\n /** Adds close button */\n withCloseButton?: boolean;\n\n /** True to disable popover */\n disabled?: boolean;\n\n /** True to display popover */\n opened: boolean;\n\n /** Called when popover closes */\n onClose?(): void;\n\n /** Element which is used to position popover */\n target: React.ReactNode;\n\n /** Content inside popover */\n children: React.ReactNode;\n\n /** Optional popover title */\n title?: React.ReactNode;\n\n /** Popover body padding, value from theme.spacing or number to set padding in px */\n spacing?: MantineNumberSize;\n\n /** Popover body radius, value from theme.radius or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Popover shadow, value from theme.shadows or string to set box-shadow to any value */\n shadow?: MantineShadow;\n\n /** aria-label for close button */\n closeButtonLabel?: string;\n\n /** useEffect dependencies to force update tooltip position */\n positionDependencies?: any[];\n}\n\nexport function Popover({\n className,\n children,\n target,\n title,\n onClose,\n opened,\n zIndex = 1,\n arrowSize = 4,\n withArrow = false,\n transition = 'fade',\n transitionDuration = 200,\n transitionTimingFunction,\n gutter = 10,\n position = 'left',\n placement = 'center',\n disabled = false,\n noClickOutside = false,\n noFocusTrap = false,\n noEscape = false,\n withCloseButton = false,\n radius = 'sm',\n spacing = 'md',\n shadow = 'sm',\n closeButtonLabel,\n positionDependencies = [],\n id,\n classNames,\n styles,\n sx,\n ...others\n}: PopoverProps) {\n const { classes, cx } = useStyles(null, { sx, classNames, styles, name: 'Popover' });\n const handleClose = () => typeof onClose === 'function' && onClose();\n const [referenceElement, setReferenceElement] = useState(null);\n const [rootElement, setRootElement] = useState<HTMLDivElement>(null);\n const [dropdownElement, setDropdownElement] = useState<HTMLDivElement>(null);\n const focusTrapRef = useFocusTrap(!noFocusTrap && opened);\n\n useClickOutside(() => !noClickOutside && handleClose(), null, [rootElement, dropdownElement]);\n\n const returnFocus = useFocusReturn({\n opened: opened || noFocusTrap,\n transitionDuration,\n shouldReturnFocus: false,\n });\n\n const handleKeydown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (!noEscape && event.nativeEvent.code === 'Escape') {\n handleClose();\n window.setTimeout(returnFocus, 0);\n }\n };\n\n const uuid = useUuid(id);\n const titleId = `${uuid}-title`;\n const bodyId = `${uuid}-body`;\n\n return (\n <div className={cx(classes.root, className)} id={id} ref={setRootElement} {...others}>\n <Popper\n referenceElement={referenceElement}\n transitionDuration={transitionDuration}\n transition={transition}\n mounted={opened && !disabled}\n position={position}\n placement={placement}\n gutter={gutter}\n withArrow={withArrow}\n arrowSize={arrowSize}\n zIndex={zIndex}\n arrowClassName={classes.arrow}\n forceUpdateDependencies={[radius, shadow, spacing, ...positionDependencies]}\n >\n <PopoverBody\n shadow={shadow}\n radius={radius}\n spacing={spacing}\n withCloseButton={withCloseButton}\n titleId={titleId}\n bodyId={bodyId}\n closeButtonLabel={closeButtonLabel}\n onClose={handleClose}\n ref={useMergedRef(focusTrapRef, setDropdownElement)}\n onKeyDownCapture={handleKeydown}\n classNames={classNames}\n styles={styles}\n >\n {children}\n </PopoverBody>\n </Popper>\n\n <div className={classes.target} ref={setReferenceElement}>\n {target}\n </div>\n </div>\n );\n}\n\nPopover.displayName = '@mantine/core/Popover';\n"],"names":["useStyles","useState","useFocusTrap","useClickOutside","useFocusReturn","useUuid","React","Popper","PopoverBody","useMergedRef"],"mappings":"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"}
|