@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
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import React, { useState, useRef } from 'react';
|
|
2
|
+
import { useScrollIntoView } from '@mantine/hooks';
|
|
3
|
+
import useStyles from './RenderList.styles.js';
|
|
4
|
+
import { UnstyledButton } from '../../Button/UnstyledButton/UnstyledButton.js';
|
|
5
|
+
import { Text } from '../../Text/Text.js';
|
|
6
|
+
import { TextInput } from '../../TextInput/TextInput.js';
|
|
7
|
+
import { ActionIcon } from '../../ActionIcon/ActionIcon.js';
|
|
8
|
+
import { PrevIcon } from '../../Pagination/icons/PrevIcon.js';
|
|
9
|
+
import { NextIcon } from '../../Pagination/icons/NextIcon.js';
|
|
10
|
+
import { FirstIcon } from '../../Pagination/icons/FirstIcon.js';
|
|
11
|
+
import { LastIcon } from '../../Pagination/icons/LastIcon.js';
|
|
12
|
+
|
|
13
|
+
function RenderList({
|
|
14
|
+
className,
|
|
15
|
+
data,
|
|
16
|
+
onSelect,
|
|
17
|
+
selection,
|
|
18
|
+
itemComponent: ItemComponent,
|
|
19
|
+
listComponent,
|
|
20
|
+
searchPlaceholder,
|
|
21
|
+
filter,
|
|
22
|
+
nothingFound,
|
|
23
|
+
title,
|
|
24
|
+
reversed,
|
|
25
|
+
onMoveAll,
|
|
26
|
+
onMove,
|
|
27
|
+
height,
|
|
28
|
+
classNames,
|
|
29
|
+
styles
|
|
30
|
+
}) {
|
|
31
|
+
const { classes, cx } = useStyles({ reversed, height }, { name: "TransferList", classNames, styles });
|
|
32
|
+
const [query, setQuery] = useState("");
|
|
33
|
+
const [hovered, setHovered] = useState(-1);
|
|
34
|
+
const filteredData = data.filter((item) => filter(query, item));
|
|
35
|
+
const ListComponent = listComponent || "div";
|
|
36
|
+
const itemsRefs = useRef({});
|
|
37
|
+
const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({
|
|
38
|
+
duration: 0,
|
|
39
|
+
offset: 5,
|
|
40
|
+
cancelable: false,
|
|
41
|
+
isList: true
|
|
42
|
+
});
|
|
43
|
+
const items = filteredData.map((item, index) => /* @__PURE__ */ React.createElement(UnstyledButton, {
|
|
44
|
+
tabIndex: -1,
|
|
45
|
+
onClick: () => onSelect(item.value),
|
|
46
|
+
key: item.value,
|
|
47
|
+
onMouseEnter: () => setHovered(index),
|
|
48
|
+
className: cx(classes.transferListItem, {
|
|
49
|
+
[classes.transferListItemHovered]: index === hovered
|
|
50
|
+
}),
|
|
51
|
+
ref: (node) => {
|
|
52
|
+
if (itemsRefs && itemsRefs.current) {
|
|
53
|
+
itemsRefs.current[item.value] = node;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}, /* @__PURE__ */ React.createElement(ItemComponent, {
|
|
57
|
+
data: item,
|
|
58
|
+
selected: selection.includes(item.value)
|
|
59
|
+
})));
|
|
60
|
+
const handleSearchKeydown = (event) => {
|
|
61
|
+
switch (event.code) {
|
|
62
|
+
case "Enter": {
|
|
63
|
+
if (filteredData[hovered]) {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
onSelect(filteredData[hovered].value);
|
|
66
|
+
}
|
|
67
|
+
break;
|
|
68
|
+
}
|
|
69
|
+
case "ArrowDown": {
|
|
70
|
+
event.preventDefault();
|
|
71
|
+
setHovered((current) => {
|
|
72
|
+
var _a;
|
|
73
|
+
const nextIndex = current < filteredData.length - 1 ? current + 1 : current;
|
|
74
|
+
targetRef.current = itemsRefs.current[(_a = filteredData[nextIndex]) == null ? void 0 : _a.value];
|
|
75
|
+
scrollIntoView({
|
|
76
|
+
alignment: "end"
|
|
77
|
+
});
|
|
78
|
+
return nextIndex;
|
|
79
|
+
});
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
case "ArrowUp": {
|
|
83
|
+
event.preventDefault();
|
|
84
|
+
setHovered((current) => {
|
|
85
|
+
var _a;
|
|
86
|
+
const nextIndex = current > 0 ? current - 1 : current;
|
|
87
|
+
targetRef.current = itemsRefs.current[(_a = filteredData[nextIndex]) == null ? void 0 : _a.value];
|
|
88
|
+
scrollIntoView({
|
|
89
|
+
alignment: "start"
|
|
90
|
+
});
|
|
91
|
+
return nextIndex;
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
return /* @__PURE__ */ React.createElement("div", {
|
|
97
|
+
className: cx(classes.transferList, className)
|
|
98
|
+
}, title && /* @__PURE__ */ React.createElement(Text, {
|
|
99
|
+
weight: 500,
|
|
100
|
+
className: classes.transferListTitle
|
|
101
|
+
}, title), /* @__PURE__ */ React.createElement("div", {
|
|
102
|
+
className: classes.transferListBody
|
|
103
|
+
}, /* @__PURE__ */ React.createElement("div", {
|
|
104
|
+
className: classes.transferListHeader
|
|
105
|
+
}, /* @__PURE__ */ React.createElement(TextInput, {
|
|
106
|
+
value: query,
|
|
107
|
+
onChange: (event) => {
|
|
108
|
+
setQuery(event.currentTarget.value);
|
|
109
|
+
setHovered(0);
|
|
110
|
+
},
|
|
111
|
+
onFocus: () => setHovered(0),
|
|
112
|
+
onBlur: () => setHovered(-1),
|
|
113
|
+
placeholder: searchPlaceholder,
|
|
114
|
+
radius: 0,
|
|
115
|
+
onKeyDown: handleSearchKeydown,
|
|
116
|
+
sx: { flex: 1 },
|
|
117
|
+
classNames: { input: classes.transferListSearch }
|
|
118
|
+
}), /* @__PURE__ */ React.createElement(ActionIcon, {
|
|
119
|
+
variant: "default",
|
|
120
|
+
size: 36,
|
|
121
|
+
radius: 0,
|
|
122
|
+
className: classes.transferListControl,
|
|
123
|
+
disabled: selection.length === 0,
|
|
124
|
+
onClick: onMove
|
|
125
|
+
}, reversed ? /* @__PURE__ */ React.createElement(PrevIcon, null) : /* @__PURE__ */ React.createElement(NextIcon, null)), /* @__PURE__ */ React.createElement(ActionIcon, {
|
|
126
|
+
variant: "default",
|
|
127
|
+
size: 36,
|
|
128
|
+
radius: 0,
|
|
129
|
+
className: classes.transferListControl,
|
|
130
|
+
disabled: data.length === 0,
|
|
131
|
+
onClick: onMoveAll
|
|
132
|
+
}, reversed ? /* @__PURE__ */ React.createElement(FirstIcon, null) : /* @__PURE__ */ React.createElement(LastIcon, null))), /* @__PURE__ */ React.createElement(ListComponent, {
|
|
133
|
+
className: classes.transferListItems,
|
|
134
|
+
ref: scrollableRef,
|
|
135
|
+
onMouseLeave: () => setHovered(-1)
|
|
136
|
+
}, items.length > 0 ? items : /* @__PURE__ */ React.createElement(Text, {
|
|
137
|
+
color: "dimmed",
|
|
138
|
+
size: "sm",
|
|
139
|
+
align: "center",
|
|
140
|
+
mt: "sm"
|
|
141
|
+
}, nothingFound))));
|
|
142
|
+
}
|
|
143
|
+
RenderList.displayName = "@mantine/core/RenderList";
|
|
144
|
+
|
|
145
|
+
export { RenderList };
|
|
146
|
+
//# sourceMappingURL=RenderList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderList.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { DefaultProps, ClassNames } from '@mantine/styles';\nimport { useScrollIntoView } from '@mantine/hooks';\nimport { UnstyledButton } from '../../Button';\nimport { ActionIcon } from '../../ActionIcon';\nimport { TextInput } from '../../TextInput';\nimport { Text } from '../../Text';\nimport { LastIcon, NextIcon, FirstIcon, PrevIcon } from '../../Pagination/icons';\nimport { TransferListItem, TransferListItemComponent } from '../types';\nimport useStyles from './RenderList.styles';\n\nexport type RenderListStylesNames = ClassNames<typeof useStyles>;\n\ninterface RenderListProps extends DefaultProps<RenderListStylesNames> {\n data: TransferListItem[];\n onSelect(value: string): void;\n selection: string[];\n itemComponent: TransferListItemComponent;\n searchPlaceholder: string;\n filter(query: string, item: TransferListItem): boolean;\n nothingFound?: React.ReactNode;\n title?: React.ReactNode;\n reversed?: boolean;\n onMoveAll(): void;\n onMove(): void;\n height: number;\n listComponent?: React.FC<any>;\n}\n\nexport function RenderList({\n className,\n data,\n onSelect,\n selection,\n itemComponent: ItemComponent,\n listComponent,\n searchPlaceholder,\n filter,\n nothingFound,\n title,\n reversed,\n onMoveAll,\n onMove,\n height,\n classNames,\n styles,\n}: RenderListProps) {\n const { classes, cx } = useStyles(\n { reversed, height },\n { name: 'TransferList', classNames, styles }\n );\n const [query, setQuery] = useState('');\n const [hovered, setHovered] = useState(-1);\n const filteredData = data.filter((item) => filter(query, item));\n const ListComponent = listComponent || 'div';\n\n const itemsRefs = useRef<Record<string, HTMLButtonElement>>({});\n\n const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n duration: 0,\n offset: 5,\n cancelable: false,\n isList: true,\n });\n\n const items = filteredData.map((item, index) => (\n <UnstyledButton\n tabIndex={-1}\n onClick={() => onSelect(item.value)}\n key={item.value}\n onMouseEnter={() => setHovered(index)}\n className={cx(classes.transferListItem, {\n [classes.transferListItemHovered]: index === hovered,\n })}\n ref={(node: HTMLButtonElement) => {\n if (itemsRefs && itemsRefs.current) {\n // eslint-disable-next-line no-param-reassign\n itemsRefs.current[item.value] = node;\n }\n }}\n >\n <ItemComponent data={item} selected={selection.includes(item.value)} />\n </UnstyledButton>\n ));\n\n const handleSearchKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case 'Enter': {\n if (filteredData[hovered]) {\n event.preventDefault();\n onSelect(filteredData[hovered].value);\n }\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current < filteredData.length - 1 ? current + 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'end',\n });\n\n return nextIndex;\n });\n break;\n }\n\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => {\n const nextIndex = current > 0 ? current - 1 : current;\n\n targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n scrollIntoView({\n alignment: 'start',\n });\n\n return nextIndex;\n });\n }\n }\n };\n\n return (\n <div className={cx(classes.transferList, className)}>\n {title && (\n <Text weight={500} className={classes.transferListTitle}>\n {title}\n </Text>\n )}\n\n <div className={classes.transferListBody}>\n <div className={classes.transferListHeader}>\n <TextInput\n value={query}\n onChange={(event) => {\n setQuery(event.currentTarget.value);\n setHovered(0);\n }}\n onFocus={() => setHovered(0)}\n onBlur={() => setHovered(-1)}\n placeholder={searchPlaceholder}\n radius={0}\n onKeyDown={handleSearchKeydown}\n sx={{ flex: 1 }}\n classNames={{ input: classes.transferListSearch }}\n />\n\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={selection.length === 0}\n onClick={onMove}\n >\n {reversed ? <PrevIcon /> : <NextIcon />}\n </ActionIcon>\n\n <ActionIcon\n variant=\"default\"\n size={36}\n radius={0}\n className={classes.transferListControl}\n disabled={data.length === 0}\n onClick={onMoveAll}\n >\n {reversed ? <FirstIcon /> : <LastIcon />}\n </ActionIcon>\n </div>\n\n <ListComponent\n className={classes.transferListItems}\n ref={scrollableRef}\n onMouseLeave={() => setHovered(-1)}\n >\n {items.length > 0 ? (\n items\n ) : (\n <Text color=\"dimmed\" size=\"sm\" align=\"center\" mt=\"sm\">\n {nothingFound}\n </Text>\n )}\n </ListComponent>\n </div>\n </div>\n );\n}\n\nRenderList.displayName = '@mantine/core/RenderList';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { createStyles } from '@mantine/styles';
|
|
2
|
+
|
|
3
|
+
var useStyles = createStyles((theme, { reversed, height }) => ({
|
|
4
|
+
transferList: {
|
|
5
|
+
flex: 1,
|
|
6
|
+
display: "flex",
|
|
7
|
+
flexDirection: "column"
|
|
8
|
+
},
|
|
9
|
+
transferListItem: {
|
|
10
|
+
display: "block",
|
|
11
|
+
width: "calc(100% - 14px)",
|
|
12
|
+
padding: 7,
|
|
13
|
+
marginLeft: theme.spacing.sm - 7,
|
|
14
|
+
marginRight: theme.spacing.sm - 7,
|
|
15
|
+
borderRadius: theme.radius.sm
|
|
16
|
+
},
|
|
17
|
+
transferListItemHovered: {
|
|
18
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
|
|
19
|
+
},
|
|
20
|
+
transferListItems: {
|
|
21
|
+
paddingTop: theme.spacing.xs / 2,
|
|
22
|
+
paddingBottom: theme.spacing.xs / 2,
|
|
23
|
+
overflow: "auto",
|
|
24
|
+
height,
|
|
25
|
+
maxHeight: height
|
|
26
|
+
},
|
|
27
|
+
transferListHeader: {
|
|
28
|
+
display: "flex",
|
|
29
|
+
flexDirection: reversed ? "row-reverse" : "row"
|
|
30
|
+
},
|
|
31
|
+
transferListBody: {
|
|
32
|
+
flex: 1,
|
|
33
|
+
overflow: "hidden",
|
|
34
|
+
borderRadius: theme.radius.sm,
|
|
35
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
|
|
36
|
+
border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
|
|
37
|
+
},
|
|
38
|
+
transferListTitle: {
|
|
39
|
+
marginBottom: 5
|
|
40
|
+
},
|
|
41
|
+
transferListSearch: {
|
|
42
|
+
borderTopWidth: 0,
|
|
43
|
+
borderRightWidth: 0,
|
|
44
|
+
borderLeftWidth: 0,
|
|
45
|
+
display: "block",
|
|
46
|
+
borderBottomColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
47
|
+
},
|
|
48
|
+
transferListControl: {
|
|
49
|
+
borderTop: 0,
|
|
50
|
+
borderRightWidth: reversed ? void 0 : 0,
|
|
51
|
+
borderLeftWidth: reversed ? 0 : void 0,
|
|
52
|
+
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4],
|
|
53
|
+
"&:disabled": {
|
|
54
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : "transparent",
|
|
55
|
+
borderColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}));
|
|
59
|
+
|
|
60
|
+
export default useStyles;
|
|
61
|
+
//# sourceMappingURL=RenderList.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderList.styles.js","sources":["../../../../src/components/TransferList/RenderList/RenderList.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\ninterface RenderListStyles {\n reversed: boolean;\n height: number;\n}\n\nexport default createStyles((theme, { reversed, height }: RenderListStyles) => ({\n transferList: {\n flex: 1,\n display: 'flex',\n flexDirection: 'column',\n },\n\n transferListItem: {\n display: 'block',\n width: 'calc(100% - 14px)',\n padding: 7,\n marginLeft: theme.spacing.sm - 7,\n marginRight: theme.spacing.sm - 7,\n borderRadius: theme.radius.sm,\n },\n\n transferListItemHovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n },\n\n transferListItems: {\n paddingTop: theme.spacing.xs / 2,\n paddingBottom: theme.spacing.xs / 2,\n overflow: 'auto',\n height,\n maxHeight: height,\n },\n\n transferListHeader: {\n display: 'flex',\n flexDirection: reversed ? 'row-reverse' : 'row',\n },\n\n transferListBody: {\n flex: 1,\n overflow: 'hidden',\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n }`,\n },\n\n transferListTitle: {\n marginBottom: 5,\n },\n\n transferListSearch: {\n borderTopWidth: 0,\n borderRightWidth: 0,\n borderLeftWidth: 0,\n display: 'block',\n borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n\n transferListControl: {\n borderTop: 0,\n borderRightWidth: reversed ? undefined : 0,\n borderLeftWidth: reversed ? 0 : undefined,\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n\n '&:disabled': {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : 'transparent',\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4],\n },\n },\n}));\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import React, { forwardRef } from 'react';
|
|
2
|
+
import { RenderList } from './RenderList/RenderList.js';
|
|
3
|
+
import { DefaultItem } from './DefaultItem/DefaultItem.js';
|
|
4
|
+
import { useSelectionState } from './use-selection-state/use-selection-state.js';
|
|
5
|
+
import { SimpleGrid } from '../SimpleGrid/SimpleGrid.js';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __objRest = (source, exclude) => {
|
|
24
|
+
var target = {};
|
|
25
|
+
for (var prop in source)
|
|
26
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
27
|
+
target[prop] = source[prop];
|
|
28
|
+
if (source != null && __getOwnPropSymbols)
|
|
29
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
30
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
31
|
+
target[prop] = source[prop];
|
|
32
|
+
}
|
|
33
|
+
return target;
|
|
34
|
+
};
|
|
35
|
+
function defaultFilter(query, item) {
|
|
36
|
+
return item.label.toLowerCase().trim().includes(query.toLowerCase().trim());
|
|
37
|
+
}
|
|
38
|
+
const TransferList = forwardRef((_a, ref) => {
|
|
39
|
+
var _b = _a, {
|
|
40
|
+
value,
|
|
41
|
+
onChange,
|
|
42
|
+
itemComponent = DefaultItem,
|
|
43
|
+
searchPlaceholder,
|
|
44
|
+
filter = defaultFilter,
|
|
45
|
+
nothingFound,
|
|
46
|
+
titles = [null, null],
|
|
47
|
+
initialSelection,
|
|
48
|
+
listHeight = 150,
|
|
49
|
+
listComponent,
|
|
50
|
+
breakpoint,
|
|
51
|
+
classNames,
|
|
52
|
+
styles,
|
|
53
|
+
sx
|
|
54
|
+
} = _b, others = __objRest(_b, [
|
|
55
|
+
"value",
|
|
56
|
+
"onChange",
|
|
57
|
+
"itemComponent",
|
|
58
|
+
"searchPlaceholder",
|
|
59
|
+
"filter",
|
|
60
|
+
"nothingFound",
|
|
61
|
+
"titles",
|
|
62
|
+
"initialSelection",
|
|
63
|
+
"listHeight",
|
|
64
|
+
"listComponent",
|
|
65
|
+
"breakpoint",
|
|
66
|
+
"classNames",
|
|
67
|
+
"styles",
|
|
68
|
+
"sx"
|
|
69
|
+
]);
|
|
70
|
+
const [selection, handlers] = useSelectionState(initialSelection);
|
|
71
|
+
const handleMoveAll = (listIndex) => {
|
|
72
|
+
const items = Array(2);
|
|
73
|
+
const moveToIndex = listIndex === 0 ? 1 : 0;
|
|
74
|
+
items[listIndex] = [];
|
|
75
|
+
items[moveToIndex] = [...value[moveToIndex], ...value[listIndex]];
|
|
76
|
+
onChange(items);
|
|
77
|
+
handlers.deselectAll(listIndex);
|
|
78
|
+
};
|
|
79
|
+
const handleMove = (listIndex) => {
|
|
80
|
+
const moveToIndex = listIndex === 0 ? 1 : 0;
|
|
81
|
+
const items = Array(2);
|
|
82
|
+
const transferData = value[listIndex].reduce((acc, item) => {
|
|
83
|
+
if (!selection[listIndex].includes(item.value)) {
|
|
84
|
+
acc.filtered.push(item);
|
|
85
|
+
} else {
|
|
86
|
+
acc.current.push(item);
|
|
87
|
+
}
|
|
88
|
+
return acc;
|
|
89
|
+
}, { filtered: [], current: [] });
|
|
90
|
+
items[listIndex] = transferData.filtered;
|
|
91
|
+
items[moveToIndex] = [...transferData.current, ...value[moveToIndex]];
|
|
92
|
+
onChange(items);
|
|
93
|
+
handlers.deselectAll(listIndex);
|
|
94
|
+
};
|
|
95
|
+
const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] : void 0;
|
|
96
|
+
return /* @__PURE__ */ React.createElement(SimpleGrid, __spreadValues({
|
|
97
|
+
cols: 2,
|
|
98
|
+
spacing: "xl",
|
|
99
|
+
breakpoints,
|
|
100
|
+
ref
|
|
101
|
+
}, others), /* @__PURE__ */ React.createElement(RenderList, {
|
|
102
|
+
data: value[0],
|
|
103
|
+
selection: selection[0],
|
|
104
|
+
onSelect: (val) => handlers.select(0, val),
|
|
105
|
+
onMoveAll: () => handleMoveAll(0),
|
|
106
|
+
onMove: () => handleMove(0),
|
|
107
|
+
itemComponent,
|
|
108
|
+
searchPlaceholder,
|
|
109
|
+
filter,
|
|
110
|
+
nothingFound,
|
|
111
|
+
title: titles[0],
|
|
112
|
+
height: listHeight,
|
|
113
|
+
listComponent,
|
|
114
|
+
classNames,
|
|
115
|
+
styles
|
|
116
|
+
}), /* @__PURE__ */ React.createElement(RenderList, {
|
|
117
|
+
data: value[1],
|
|
118
|
+
selection: selection[1],
|
|
119
|
+
onSelect: (val) => handlers.select(1, val),
|
|
120
|
+
onMoveAll: () => handleMoveAll(1),
|
|
121
|
+
onMove: () => handleMove(1),
|
|
122
|
+
itemComponent,
|
|
123
|
+
searchPlaceholder,
|
|
124
|
+
filter,
|
|
125
|
+
nothingFound,
|
|
126
|
+
title: titles[1],
|
|
127
|
+
height: listHeight,
|
|
128
|
+
listComponent,
|
|
129
|
+
classNames,
|
|
130
|
+
styles,
|
|
131
|
+
reversed: true
|
|
132
|
+
}));
|
|
133
|
+
});
|
|
134
|
+
TransferList.displayName = "@mantine/core/TransferList";
|
|
135
|
+
|
|
136
|
+
export { TransferList, defaultFilter };
|
|
137
|
+
//# sourceMappingURL=TransferList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TransferList.js","sources":["../../../src/components/TransferList/TransferList.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize } from '@mantine/styles';\nimport { RenderList, RenderListStylesNames } from './RenderList/RenderList';\nimport { DefaultItem } from './DefaultItem/DefaultItem';\nimport { SimpleGrid } from '../SimpleGrid';\nimport { useSelectionState, Selection } from './use-selection-state/use-selection-state';\nimport { TransferListData, TransferListItemComponent, TransferListItem } from './types';\n\nexport type TransferListStylesNames = RenderListStylesNames;\n\nexport interface TransferListProps\n extends DefaultProps<TransferListStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n /** Current value */\n value: TransferListData;\n\n /** Called when value changes */\n onChange(value: TransferListData): void;\n\n /** Initial items selection */\n initialSelection?: Selection;\n\n /** Custom item component */\n itemComponent?: TransferListItemComponent;\n\n /** Search fields placeholder */\n searchPlaceholder?: string;\n\n /** Nothing found message */\n nothingFound?: React.ReactNode;\n\n /** Function to filter search results */\n filter?(query: string, item: TransferListItem): boolean;\n\n /** Lists titles */\n titles?: [string, string];\n\n /** List items height */\n listHeight?: number;\n\n /** Change list component, can be used to add custom scrollbars */\n listComponent?: React.FC<any>;\n\n /** Breakpoint at which list will collapse to single column layout */\n breakpoint?: MantineNumberSize;\n}\n\nexport function defaultFilter(query: string, item: TransferListItem) {\n return item.label.toLowerCase().trim().includes(query.toLowerCase().trim());\n}\n\nexport const TransferList = forwardRef<HTMLDivElement, TransferListProps>(\n (\n {\n value,\n onChange,\n itemComponent = DefaultItem,\n searchPlaceholder,\n filter = defaultFilter,\n nothingFound,\n titles = [null, null],\n initialSelection,\n listHeight = 150,\n listComponent,\n breakpoint,\n classNames,\n styles,\n sx,\n ...others\n }: TransferListProps,\n ref\n ) => {\n const [selection, handlers] = useSelectionState(initialSelection);\n\n const handleMoveAll = (listIndex: 0 | 1) => {\n const items: TransferListData = Array(2) as any;\n const moveToIndex = listIndex === 0 ? 1 : 0;\n items[listIndex] = [];\n items[moveToIndex] = [...value[moveToIndex], ...value[listIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const handleMove = (listIndex: 0 | 1) => {\n const moveToIndex = listIndex === 0 ? 1 : 0;\n const items: TransferListData = Array(2) as any;\n const transferData = value[listIndex].reduce(\n (acc, item) => {\n if (!selection[listIndex].includes(item.value)) {\n acc.filtered.push(item);\n } else {\n acc.current.push(item);\n }\n return acc;\n },\n { filtered: [], current: [] }\n );\n items[listIndex] = transferData.filtered;\n items[moveToIndex] = [...transferData.current, ...value[moveToIndex]];\n onChange(items);\n handlers.deselectAll(listIndex);\n };\n\n const breakpoints = breakpoint ? [{ maxWidth: breakpoint, cols: 1 }] : undefined;\n\n return (\n <SimpleGrid cols={2} spacing=\"xl\" breakpoints={breakpoints} ref={ref} {...others}>\n <RenderList\n data={value[0]}\n selection={selection[0]}\n onSelect={(val) => handlers.select(0, val)}\n onMoveAll={() => handleMoveAll(0)}\n onMove={() => handleMove(0)}\n itemComponent={itemComponent}\n searchPlaceholder={searchPlaceholder}\n filter={filter}\n nothingFound={nothingFound}\n title={titles[0]}\n height={listHeight}\n listComponent={listComponent}\n classNames={classNames}\n styles={styles}\n />\n\n <RenderList\n data={value[1]}\n selection={selection[1]}\n onSelect={(val) => handlers.select(1, val)}\n onMoveAll={() => handleMoveAll(1)}\n onMove={() => handleMove(1)}\n itemComponent={itemComponent}\n searchPlaceholder={searchPlaceholder}\n filter={filter}\n nothingFound={nothingFound}\n title={titles[1]}\n height={listHeight}\n listComponent={listComponent}\n classNames={classNames}\n styles={styles}\n reversed\n />\n </SimpleGrid>\n );\n }\n);\n\nTransferList.displayName = '@mantine/core/TransferList';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
|
|
3
|
+
function useSelectionState(initialSelection = [[], []]) {
|
|
4
|
+
const [selection, setSelection] = useState(initialSelection);
|
|
5
|
+
const handleSelect = (listIndex, value) => setSelection((currentSelection) => {
|
|
6
|
+
const listSelection = currentSelection[listIndex];
|
|
7
|
+
let result = listSelection;
|
|
8
|
+
if (typeof value === "string") {
|
|
9
|
+
if (listSelection.includes(value)) {
|
|
10
|
+
result = listSelection.filter((item) => item !== value);
|
|
11
|
+
} else {
|
|
12
|
+
result = [...listSelection, value];
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
const clone = [...currentSelection];
|
|
16
|
+
clone[listIndex] = result;
|
|
17
|
+
return clone;
|
|
18
|
+
});
|
|
19
|
+
const handleDeselect = (listIndex, values) => setSelection((currentSelection) => {
|
|
20
|
+
const clone = [...currentSelection];
|
|
21
|
+
clone[listIndex] = currentSelection[listIndex].filter((item) => !values.includes(item));
|
|
22
|
+
return clone;
|
|
23
|
+
});
|
|
24
|
+
const handleDeselectAll = (listIndex) => setSelection((currentSelection) => {
|
|
25
|
+
const clone = [...currentSelection];
|
|
26
|
+
clone[listIndex] = [];
|
|
27
|
+
return clone;
|
|
28
|
+
});
|
|
29
|
+
const handlers = {
|
|
30
|
+
select: handleSelect,
|
|
31
|
+
deselect: handleDeselect,
|
|
32
|
+
deselectAll: handleDeselectAll
|
|
33
|
+
};
|
|
34
|
+
return [selection, handlers];
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
export { useSelectionState };
|
|
38
|
+
//# sourceMappingURL=use-selection-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-selection-state.js","sources":["../../../../src/components/TransferList/use-selection-state/use-selection-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport type Selection = [string[], string[]];\n\nexport function useSelectionState(initialSelection: Selection = [[], []]) {\n const [selection, setSelection] = useState<Selection>(initialSelection);\n\n const handleSelect = (listIndex: 0 | 1, value: string) =>\n setSelection((currentSelection) => {\n const listSelection = currentSelection[listIndex];\n let result = listSelection;\n\n if (typeof value === 'string') {\n if (listSelection.includes(value)) {\n result = listSelection.filter((item) => item !== value);\n } else {\n result = [...listSelection, value];\n }\n }\n\n const clone: Selection = [...currentSelection];\n clone[listIndex] = result;\n return clone;\n });\n\n const handleDeselect = (listIndex: 0 | 1, values: string[]) =>\n setSelection((currentSelection) => {\n const clone: Selection = [...currentSelection];\n clone[listIndex] = currentSelection[listIndex].filter((item) => !values.includes(item));\n return clone;\n });\n\n const handleDeselectAll = (listIndex: 0 | 1) =>\n setSelection((currentSelection) => {\n const clone: Selection = [...currentSelection];\n clone[listIndex] = [];\n return clone;\n });\n\n const handlers = {\n select: handleSelect,\n deselect: handleDeselect,\n deselectAll: handleDeselectAll,\n };\n\n return [selection, handlers] as const;\n}\n"],"names":[],"mappings":";;AACO,SAAS,iBAAiB,CAAC,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;AAC/D,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAC/D,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AAChF,IAAI,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACtD,IAAI,IAAI,MAAM,GAAG,aAAa,CAAC;AAC/B,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzC,QAAQ,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC;AAChE,OAAO,MAAM;AACb,QAAQ,MAAM,GAAG,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,CAAC;AAC3C,OAAO;AACP,KAAK;AACL,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;AAC9B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AACnF,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5F,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AAC9E,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AAC1B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG;AACnB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,QAAQ,EAAE,cAAc;AAC5B,IAAI,WAAW,EAAE,iBAAiB;AAClC,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC/B;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useState, useRef } from 'react';
|
|
1
|
+
import { useState, useRef, useEffect } from 'react';
|
|
2
2
|
import { useReducedMotion, useDidUpdate } from '@mantine/hooks';
|
|
3
3
|
import { useMantineTheme } from '@mantine/styles';
|
|
4
4
|
|
|
@@ -34,6 +34,7 @@ function useTransition({
|
|
|
34
34
|
useDidUpdate(() => {
|
|
35
35
|
handleStateChange(mounted);
|
|
36
36
|
}, [mounted]);
|
|
37
|
+
useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
|
|
37
38
|
return {
|
|
38
39
|
transitionDuration,
|
|
39
40
|
transitionStatus,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter?(): void;\n onExit?(): void;\n onEntered?(): void;\n onExited?(): void;\n}\n\nexport function useTransition({\n duration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited,\n}: UseTransition) {\n const theme = useMantineTheme();\n const reduceMotion = useReducedMotion();\n const transitionDuration = reduceMotion ? 0 : duration;\n const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n const timeoutRef = useRef<number>(-1);\n\n const handleStateChange = (shouldMount: boolean) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n\n setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n window.clearTimeout(timeoutRef.current);\n\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === 'function' && preHandler();\n setStatus(shouldMount ? 'entering' : 'exiting');\n }, 10);\n\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n }, transitionDuration);\n };\n\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || theme.transitionTimingFunction,\n };\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC;AACzD,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACpD,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACtD,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3C,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,EAAE,kBAAkB,CAAC,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,KAAK,CAAC,wBAAwB;AAC9E,GAAG,CAAC;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter?(): void;\n onExit?(): void;\n onEntered?(): void;\n onExited?(): void;\n}\n\nexport function useTransition({\n duration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited,\n}: UseTransition) {\n const theme = useMantineTheme();\n const reduceMotion = useReducedMotion();\n const transitionDuration = reduceMotion ? 0 : duration;\n const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n const timeoutRef = useRef<number>(-1);\n\n const handleStateChange = (shouldMount: boolean) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n\n setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n window.clearTimeout(timeoutRef.current);\n\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === 'function' && preHandler();\n setStatus(shouldMount ? 'entering' : 'exiting');\n }, 10);\n\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n }, transitionDuration);\n };\n\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n\n useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || theme.transitionTimingFunction,\n };\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;AAClC,EAAE,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC;AACzD,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACpD,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACtD,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3C,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,EAAE,kBAAkB,CAAC,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAE,YAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAE,SAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACrE,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,KAAK,CAAC,wBAAwB;AAC9E,GAAG,CAAC;AACJ;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStyles
|
|
1
|
+
import { createStyles } from '@mantine/styles';
|
|
2
2
|
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
4
|
var __defProps = Object.defineProperties;
|
|
@@ -34,7 +34,7 @@ var useStyles = createStyles((theme) => {
|
|
|
34
34
|
return acc;
|
|
35
35
|
}, {});
|
|
36
36
|
return {
|
|
37
|
-
root: __spreadProps(__spreadValues(__spreadProps(__spreadValues({},
|
|
37
|
+
root: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
|
|
38
38
|
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
|
|
39
39
|
lineHeight: theme.lineHeight,
|
|
40
40
|
fontSize: theme.fontSizes.md,
|
|
@@ -58,7 +58,7 @@ var useStyles = createStyles((theme) => {
|
|
|
58
58
|
borderRight: 0,
|
|
59
59
|
borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === "dark" ? 4 : 6]}`
|
|
60
60
|
},
|
|
61
|
-
"& a": __spreadProps(__spreadValues({},
|
|
61
|
+
"& a": __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
|
|
62
62
|
color: theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 6],
|
|
63
63
|
textDecoration: "none",
|
|
64
64
|
"&:hover": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypographyStylesProvider.styles.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getFocusStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => {\n const headings = Object.keys(theme.headings.sizes).reduce((acc, h) => {\n acc[`& ${h}`] = {\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n marginTop: theme.spacing.xl * theme.headings.sizes[h].lineHeight,\n marginBottom: theme.spacing.sm,\n ...theme.headings.sizes[h],\n\n '@media (max-width: 755px)': {\n fontSize:\n typeof theme.headings.sizes[h].fontSize === 'number' &&\n (theme.headings.sizes[h].fontSize as number) / 1.3,\n },\n };\n\n return acc;\n }, {});\n\n return {\n root: {\n ...getFontStyles(theme),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.md,\n\n '@media (max-width: 755px)': {\n fontSize: theme.fontSizes.sm,\n },\n\n ...headings,\n\n '& img': {\n maxWidth: '100%',\n marginBottom: theme.spacing.xs,\n },\n\n '& p': {\n marginTop: 0,\n marginBottom: theme.spacing.lg,\n },\n\n '& hr': {\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.sm,\n borderBottom: 0,\n borderLeft: 0,\n borderRight: 0,\n borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === 'dark' ? 4 : 6]}`,\n },\n\n '& a': {\n ...getFocusStyles(theme),\n color: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 6],\n textDecoration: 'none',\n\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n\n '& pre': {\n padding: theme.spacing.xs,\n lineHeight: theme.lineHeight,\n margin: 0,\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.md,\n overflowX: 'auto',\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n },\n\n '& code': {\n lineHeight: theme.lineHeight,\n padding: `1px ${theme.spacing.xs / 1}`,\n borderRadius: theme.radius.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[0],\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.xs,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[3]\n }`,\n },\n\n '& ul, & ol': {\n marginBottom: theme.spacing.md,\n paddingLeft: theme.spacing.lg * 2,\n\n '& li': {\n marginTop: theme.spacing.xs,\n },\n },\n\n '& table': {\n width: '100%',\n borderCollapse: 'collapse',\n captionSide: 'bottom',\n marginBottom: theme.spacing.md,\n\n '& caption': {\n marginTop: theme.spacing.xs,\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n },\n\n '& th': {\n textAlign: 'left',\n fontWeight: 'bold',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n fontSize: 14,\n padding: '7px 10px',\n },\n\n '& thead th': {\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& tfoot th': {\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& td': {\n padding: '7px 10px',\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n fontSize: 14,\n },\n\n '& tr:last-of-type td': {\n borderBottom: 'none',\n },\n },\n\n '& blockquote': {\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n margin: `${theme.spacing.md}px 0`,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '& cite': {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n },\n };\n});\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"TypographyStylesProvider.styles.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => {\n const headings = Object.keys(theme.headings.sizes).reduce((acc, h) => {\n acc[`& ${h}`] = {\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n marginTop: theme.spacing.xl * theme.headings.sizes[h].lineHeight,\n marginBottom: theme.spacing.sm,\n ...theme.headings.sizes[h],\n\n '@media (max-width: 755px)': {\n fontSize:\n typeof theme.headings.sizes[h].fontSize === 'number' &&\n (theme.headings.sizes[h].fontSize as number) / 1.3,\n },\n };\n\n return acc;\n }, {});\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.md,\n\n '@media (max-width: 755px)': {\n fontSize: theme.fontSizes.sm,\n },\n\n ...headings,\n\n '& img': {\n maxWidth: '100%',\n marginBottom: theme.spacing.xs,\n },\n\n '& p': {\n marginTop: 0,\n marginBottom: theme.spacing.lg,\n },\n\n '& hr': {\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.sm,\n borderBottom: 0,\n borderLeft: 0,\n borderRight: 0,\n borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === 'dark' ? 4 : 6]}`,\n },\n\n '& a': {\n ...theme.fn.focusStyles(),\n color: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 6],\n textDecoration: 'none',\n\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n\n '& pre': {\n padding: theme.spacing.xs,\n lineHeight: theme.lineHeight,\n margin: 0,\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.md,\n overflowX: 'auto',\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n },\n\n '& code': {\n lineHeight: theme.lineHeight,\n padding: `1px ${theme.spacing.xs / 1}`,\n borderRadius: theme.radius.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[0],\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.xs,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[3]\n }`,\n },\n\n '& ul, & ol': {\n marginBottom: theme.spacing.md,\n paddingLeft: theme.spacing.lg * 2,\n\n '& li': {\n marginTop: theme.spacing.xs,\n },\n },\n\n '& table': {\n width: '100%',\n borderCollapse: 'collapse',\n captionSide: 'bottom',\n marginBottom: theme.spacing.md,\n\n '& caption': {\n marginTop: theme.spacing.xs,\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n },\n\n '& th': {\n textAlign: 'left',\n fontWeight: 'bold',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n fontSize: 14,\n padding: '7px 10px',\n },\n\n '& thead th': {\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& tfoot th': {\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& td': {\n padding: '7px 10px',\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n fontSize: 14,\n },\n\n '& tr:last-of-type td': {\n borderBottom: 'none',\n },\n },\n\n '& blockquote': {\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n margin: `${theme.spacing.md}px 0`,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '& cite': {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n },\n };\n});\n"],"names":[],"mappings":"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"}
|
package/esm/index.js
CHANGED
|
@@ -102,6 +102,8 @@ export { RangeSlider } from './components/Slider/RangeSlider/RangeSlider.js';
|
|
|
102
102
|
export { sizes as SLIDER_SIZES } from './components/Slider/SliderRoot/SliderRoot.styles.js';
|
|
103
103
|
export { Space } from './components/Space/Space.js';
|
|
104
104
|
export { Spoiler } from './components/Spoiler/Spoiler.js';
|
|
105
|
+
export { Step } from './components/Stepper/Step/Step.js';
|
|
106
|
+
export { Stepper } from './components/Stepper/Stepper.js';
|
|
105
107
|
export { Switch } from './components/Switch/Switch.js';
|
|
106
108
|
export { sizes as SWITCH_SIZES } from './components/Switch/Switch.styles.js';
|
|
107
109
|
export { Table } from './components/Table/Table.js';
|
|
@@ -116,6 +118,7 @@ export { Timeline } from './components/Timeline/Timeline.js';
|
|
|
116
118
|
export { TimelineItem } from './components/Timeline/TimelineItem/TimelineItem.js';
|
|
117
119
|
export { Title } from './components/Title/Title.js';
|
|
118
120
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
|
121
|
+
export { TransferList } from './components/TransferList/TransferList.js';
|
|
119
122
|
export { Transition } from './components/Transition/Transition.js';
|
|
120
123
|
export { GroupedTransition } from './components/Transition/GroupedTransition.js';
|
|
121
124
|
export { TypographyStylesProvider } from './components/TypographyStylesProvider/TypographyStylesProvider.js';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -7,6 +7,7 @@ interface AccordionItemStyles {
|
|
|
7
7
|
declare const _default: (params: AccordionItemStyles, options?: import("@mantine/styles/lib/tss/create-styles").UseStylesOptions<"content" | "icon" | "label" | "item" | "itemOpened" | "control" | "contentInner">) => {
|
|
8
8
|
classes: Record<"content" | "icon" | "label" | "item" | "itemOpened" | "control" | "contentInner", string>;
|
|
9
9
|
cx: (...args: any) => string;
|
|
10
|
+
theme: import("@mantine/styles").MantineTheme;
|
|
10
11
|
};
|
|
11
12
|
export default _default;
|
|
12
13
|
//# sourceMappingURL=AccordionItem.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":"AAEA,oBAAY,qBAAqB,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC
|
|
1
|
+
{"version":3,"file":"AccordionItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"names":[],"mappings":"AAEA,oBAAY,qBAAqB,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD,UAAU,mBAAmB;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC;;;;;;AAID,wBAwEE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,YAAY,EACZ,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAEL,YAAY,EACZ,iBAAiB,EAEjB,YAAY,EAEZ,yBAAyB,EAEzB,UAAU,EACX,MAAM,iBAAiB,CAAC;AACzB,OAAO,SAAS,EAAE,EAAS,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,oBAAY,qBAAqB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjE,UAAU,gBAAiB,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IACpE,kCAAkC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,sDAAsD;IACtD,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,mEAAmE;IACnE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,uCAAuC;IACvC,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,yBAAyB,CAClF,CAAC,EACD,gBAAgB,CACjB,CAAC;AAEF,aAAK,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAChE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAgDpE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MantineNumberSize, MantineColor } from '@mantine/styles';
|
|
1
|
+
import { MantineNumberSize, MantineColor, MantineTheme } from '@mantine/styles';
|
|
2
2
|
export declare type ActionIconVariant = 'hover' | 'filled' | 'outline' | 'light' | 'default' | 'transparent';
|
|
3
3
|
interface ActionIconStyles {
|
|
4
4
|
color: MantineColor;
|
|
@@ -15,6 +15,7 @@ export declare const sizes: {
|
|
|
15
15
|
declare const _default: (params: ActionIconStyles, options?: import("@mantine/styles/lib/tss/create-styles").UseStylesOptions<"transparent" | "light" | "default" | "filled" | "outline" | "root" | "loading" | "hover">) => {
|
|
16
16
|
classes: Record<"transparent" | "light" | "default" | "filled" | "outline" | "root" | "loading" | "hover", string>;
|
|
17
17
|
cx: (...args: any) => string;
|
|
18
|
+
theme: MantineTheme;
|
|
18
19
|
};
|
|
19
20
|
export default _default;
|
|
20
21
|
//# sourceMappingURL=ActionIcon.styles.d.ts.map
|