@mantine/core 7.1.2 → 7.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Accordion/Accordion.context.js.map +1 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxGroup.context.js.map +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/Chip/ChipGroup/ChipGroup.js.map +1 -1
- package/cjs/components/Chip/ChipGroup.context.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/Combobox/Combobox.context.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxClearButton/ComboboxClearButton.js.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-combobox.js.map +1 -1
- package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/FileInput/FileInput.js.map +1 -1
- package/cjs/components/Floating/use-delayed-hover.js.map +1 -1
- package/cjs/components/Floating/use-floating-auto-update.js.map +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js +1 -1
- package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
- package/cjs/components/HoverCard/HoverCard.context.js.map +1 -1
- package/cjs/components/HoverCard/HoverCard.js.map +1 -1
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js +10 -2
- package/cjs/components/HoverCard/HoverCardTarget/HoverCardTarget.js.map +1 -1
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/JsonInput/JsonInput.js.map +1 -1
- package/cjs/components/Menu/Menu.context.js.map +1 -1
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/cjs/components/ModalBase/use-modal.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +16 -5
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/NavLink/NavLink.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js +2 -0
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/Pagination/Pagination.context.js.map +1 -1
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Pill/Pill.js.map +1 -1
- package/cjs/components/PinInput/PinInput.js.map +1 -1
- package/cjs/components/Popover/Popover.context.js.map +1 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/use-popover.js.map +1 -1
- package/cjs/components/Radio/Radio.js +2 -1
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/Radio/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/Radio/RadioGroup.context.js.map +1 -1
- package/cjs/components/Radio/RadioIcon.js +1 -1
- package/cjs/components/Radio/RadioIcon.js.map +1 -1
- package/cjs/components/Rating/Rating.js +38 -9
- package/cjs/components/Rating/Rating.js.map +1 -1
- package/cjs/components/Rating/RatingItem/RatingItem.js +6 -1
- package/cjs/components/Rating/RatingItem/RatingItem.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Select/Select.js +3 -3
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Stepper/Stepper.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.context.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/TagsInput/TagsInput.js +4 -0
- package/cjs/components/TagsInput/TagsInput.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/use-transition.js.map +1 -1
- package/cjs/core/DirectionProvider/DirectionProvider.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/get-merged-variables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/cjs/core/factory/create-polymorphic-component.js.map +1 -1
- package/cjs/core/utils/close-on-escape/close-on-escape.js.map +1 -1
- package/cjs/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js.map +1 -1
- package/cjs/index.css +2 -2
- package/esm/components/Accordion/Accordion.context.mjs.map +1 -1
- package/esm/components/Accordion/Accordion.mjs.map +1 -1
- package/esm/components/Alert/Alert.mjs.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.mjs.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.mjs.map +1 -1
- package/esm/components/Checkbox/CheckboxGroup.context.mjs.map +1 -1
- package/esm/components/Chip/Chip.mjs.map +1 -1
- package/esm/components/Chip/ChipGroup/ChipGroup.mjs.map +1 -1
- package/esm/components/Chip/ChipGroup.context.mjs.map +1 -1
- package/esm/components/Collapse/Collapse.mjs.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.mjs.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.mjs.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.mjs.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.mjs.map +1 -1
- package/esm/components/Combobox/Combobox.context.mjs.map +1 -1
- package/esm/components/Combobox/Combobox.mjs.map +1 -1
- package/esm/components/Combobox/ComboboxClearButton/ComboboxClearButton.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/use-combobox.mjs.map +1 -1
- package/esm/components/Combobox/use-combobox/use-virtualized-combobox.mjs.map +1 -1
- package/esm/components/CopyButton/CopyButton.mjs.map +1 -1
- package/esm/components/Dialog/Dialog.mjs.map +1 -1
- package/esm/components/FileButton/FileButton.mjs.map +1 -1
- package/esm/components/FileInput/FileInput.mjs.map +1 -1
- package/esm/components/Floating/use-delayed-hover.mjs.map +1 -1
- package/esm/components/Floating/use-floating-auto-update.mjs.map +1 -1
- package/esm/components/Highlight/highlighter/highlighter.mjs +1 -1
- package/esm/components/Highlight/highlighter/highlighter.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCard.context.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCard.mjs.map +1 -1
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs +10 -2
- package/esm/components/HoverCard/HoverCardTarget/HoverCardTarget.mjs.map +1 -1
- package/esm/components/Image/Image.mjs.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
- package/esm/components/JsonInput/JsonInput.mjs.map +1 -1
- package/esm/components/Menu/Menu.context.mjs.map +1 -1
- package/esm/components/Menu/Menu.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.context.mjs.map +1 -1
- package/esm/components/ModalBase/ModalBase.mjs.map +1 -1
- package/esm/components/ModalBase/use-modal.mjs.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.mjs +17 -6
- package/esm/components/MultiSelect/MultiSelect.mjs.map +1 -1
- package/esm/components/NavLink/NavLink.mjs.map +1 -1
- package/esm/components/Notification/Notification.mjs.map +1 -1
- package/esm/components/NumberInput/NumberInput.mjs +2 -0
- package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.context.mjs.map +1 -1
- package/esm/components/Pagination/Pagination.mjs.map +1 -1
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.mjs.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/esm/components/Pill/Pill.mjs.map +1 -1
- package/esm/components/PinInput/PinInput.mjs.map +1 -1
- package/esm/components/Popover/Popover.context.mjs.map +1 -1
- package/esm/components/Popover/Popover.mjs.map +1 -1
- package/esm/components/Popover/use-popover.mjs.map +1 -1
- package/esm/components/Radio/Radio.mjs +2 -1
- package/esm/components/Radio/Radio.mjs.map +1 -1
- package/esm/components/Radio/RadioGroup/RadioGroup.mjs.map +1 -1
- package/esm/components/Radio/RadioGroup.context.mjs.map +1 -1
- package/esm/components/Radio/RadioIcon.mjs +1 -1
- package/esm/components/Radio/RadioIcon.mjs.map +1 -1
- package/esm/components/Rating/Rating.mjs +38 -9
- package/esm/components/Rating/Rating.mjs.map +1 -1
- package/esm/components/Rating/RatingItem/RatingItem.mjs +6 -1
- package/esm/components/Rating/RatingItem/RatingItem.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.mjs.map +1 -1
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/esm/components/Select/Select.mjs +3 -3
- package/esm/components/Select/Select.mjs.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
- package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.mjs.map +1 -1
- package/esm/components/Stepper/Stepper.mjs.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.mjs.map +1 -1
- package/esm/components/Switch/SwitchGroup.context.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.context.mjs.map +1 -1
- package/esm/components/Tabs/Tabs.mjs.map +1 -1
- package/esm/components/TagsInput/TagsInput.mjs +4 -0
- package/esm/components/TagsInput/TagsInput.mjs.map +1 -1
- package/esm/components/Tooltip/Tooltip.mjs.map +1 -1
- package/esm/components/Tooltip/use-tooltip.mjs.map +1 -1
- package/esm/components/Transition/Transition.mjs.map +1 -1
- package/esm/components/Transition/use-transition.mjs.map +1 -1
- package/esm/core/DirectionProvider/DirectionProvider.mjs.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/get-merged-variables.mjs.map +1 -1
- package/esm/core/MantineProvider/MantineProvider.mjs.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs.map +1 -1
- package/esm/core/factory/create-polymorphic-component.mjs.map +1 -1
- package/esm/core/utils/close-on-escape/close-on-escape.mjs.map +1 -1
- package/esm/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs.map +1 -1
- package/esm/index.css +2 -2
- package/esm/index.layer.css +2 -2
- package/esm/styles/Paper.css +1 -1
- package/esm/styles/Paper.layer.css +1 -1
- package/esm/styles/Radio.css +1 -1
- package/esm/styles/Radio.layer.css +1 -1
- package/esm/styles/Rating.css +1 -1
- package/esm/styles/Rating.layer.css +1 -1
- package/lib/components/Accordion/Accordion.context.d.ts +4 -4
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +2 -2
- package/lib/components/Alert/Alert.d.ts +1 -1
- package/lib/components/Anchor/Anchor.d.ts +2 -2
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +2 -2
- package/lib/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/lib/components/Avatar/Avatar.d.ts +2 -2
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +2 -2
- package/lib/components/Badge/Badge.d.ts +3 -3
- package/lib/components/Button/Button.d.ts +2 -2
- package/lib/components/Card/Card.d.ts +2 -2
- package/lib/components/Card/CardSection/CardSection.d.ts +2 -2
- package/lib/components/Center/Center.d.ts +2 -2
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/lib/components/Checkbox/CheckboxGroup.context.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +1 -1
- package/lib/components/Chip/ChipGroup/ChipGroup.d.ts +1 -1
- package/lib/components/Chip/ChipGroup.context.d.ts +2 -2
- package/lib/components/CloseButton/CloseButton.d.ts +2 -2
- package/lib/components/Collapse/Collapse.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.d.ts +3 -3
- package/lib/components/ColorPicker/ColorSlider/ColorSlider.d.ts +4 -4
- package/lib/components/ColorPicker/Saturation/Saturation.d.ts +4 -4
- package/lib/components/ColorPicker/Swatches/Swatches.d.ts +1 -1
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +2 -2
- package/lib/components/Combobox/Combobox.context.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +1 -1
- package/lib/components/Combobox/Combobox.types.d.ts +3 -3
- package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts +1 -1
- package/lib/components/Combobox/use-combobox/use-combobox.d.ts +17 -17
- package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts +7 -7
- package/lib/components/CopyButton/CopyButton.d.ts +3 -3
- package/lib/components/Dialog/Dialog.d.ts +1 -1
- package/lib/components/FileButton/FileButton.d.ts +4 -4
- package/lib/components/FileInput/FileInput.d.ts +1 -1
- package/lib/components/Floating/use-delayed-hover.d.ts +2 -2
- package/lib/components/Floating/use-floating-auto-update.d.ts +1 -1
- package/lib/components/Highlight/Highlight.d.ts +2 -2
- package/lib/components/HoverCard/HoverCard.context.d.ts +2 -2
- package/lib/components/HoverCard/HoverCard.d.ts +2 -2
- package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts +2 -0
- package/lib/components/Image/Image.d.ts +4 -3
- package/lib/components/Input/Input.d.ts +2 -2
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +1 -1
- package/lib/components/InputBase/InputBase.d.ts +2 -2
- package/lib/components/JsonInput/JsonInput.d.ts +1 -1
- package/lib/components/Menu/Menu.context.d.ts +6 -6
- package/lib/components/Menu/Menu.d.ts +5 -5
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +2 -2
- package/lib/components/ModalBase/ModalBase.context.d.ts +5 -5
- package/lib/components/ModalBase/ModalBase.d.ts +1 -1
- package/lib/components/ModalBase/use-modal.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/lib/components/NavLink/NavLink.d.ts +4 -4
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/NumberInput/NumberInput.d.ts +4 -4
- package/lib/components/Overlay/Overlay.d.ts +2 -2
- package/lib/components/Pagination/Pagination.context.d.ts +6 -6
- package/lib/components/Pagination/Pagination.d.ts +1 -1
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +10 -10
- package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts +6 -6
- package/lib/components/Paper/Paper.d.ts +2 -2
- package/lib/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/lib/components/Pill/Pill.d.ts +1 -1
- package/lib/components/PinInput/PinInput.d.ts +2 -2
- package/lib/components/Popover/Popover.context.d.ts +6 -6
- package/lib/components/Popover/Popover.d.ts +4 -4
- package/lib/components/Popover/use-popover.d.ts +4 -4
- package/lib/components/Radio/RadioGroup/RadioGroup.d.ts +1 -1
- package/lib/components/Radio/RadioGroup.context.d.ts +1 -1
- package/lib/components/Rating/Rating.d.ts +2 -2
- package/lib/components/Rating/RatingItem/RatingItem.d.ts +3 -2
- package/lib/components/ScrollArea/ScrollArea.context.d.ts +8 -8
- package/lib/components/ScrollArea/ScrollArea.d.ts +2 -2
- package/lib/components/ScrollArea/ScrollArea.types.d.ts +7 -7
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +5 -5
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.d.ts +4 -4
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/Select/Select.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +3 -3
- package/lib/components/Slider/Slider/Slider.d.ts +3 -3
- package/lib/components/Slider/Thumb/Thumb.d.ts +4 -4
- package/lib/components/Stepper/Stepper.d.ts +1 -1
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +1 -1
- package/lib/components/Switch/SwitchGroup.context.d.ts +1 -1
- package/lib/components/Tabs/Tabs.context.d.ts +3 -3
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/TagsInput/TagsInput.d.ts +3 -3
- package/lib/components/Text/Text.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.d.ts +1 -1
- package/lib/components/Tooltip/use-tooltip.d.ts +1 -1
- package/lib/components/Transition/Transition.d.ts +1 -1
- package/lib/components/Transition/use-transition.d.ts +4 -4
- package/lib/components/UnstyledButton/UnstyledButton.d.ts +2 -2
- package/lib/core/Box/Box.d.ts +2 -2
- package/lib/core/DirectionProvider/DirectionProvider.d.ts +2 -2
- package/lib/core/MantineProvider/Mantine.context.d.ts +5 -5
- package/lib/core/MantineProvider/MantineCssVariables/get-merged-variables.d.ts +1 -1
- package/lib/core/MantineProvider/MantineProvider.d.ts +2 -2
- package/lib/core/MantineProvider/color-scheme-managers/types.d.ts +5 -5
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.d.ts +1 -1
- package/lib/core/factory/create-polymorphic-component.d.ts +4 -4
- package/lib/core/factory/polymorphic-factory.d.ts +2 -2
- package/lib/core/utils/close-on-escape/close-on-escape.d.ts +2 -2
- package/lib/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.d.ts +1 -1
- package/package.json +2 -2
package/esm/styles/Paper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-1b7284a3{-webkit-tap-highlight-color:transparent;background-color:var(--mantine-color-body);border:var(--_paper-border
|
|
1
|
+
.m-1b7284a3{-webkit-tap-highlight-color:transparent;background-color:var(--mantine-color-body);border:var(--_paper-border,none);border-radius:var(--paper-radius,var(--mantine-radius-default));box-shadow:var(--paper-shadow,none);display:block;outline:0;text-decoration:none;touch-action:manipulation}[data-mantine-color-scheme=light] .m-1b7284a3[data-with-border]{--_paper-border:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-1b7284a3[data-with-border]{--_paper-border:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}.m-1b7284a3:not([data-with-border]){--_paper-border:none!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer mantine {.m-1b7284a3{-webkit-tap-highlight-color:transparent;background-color:var(--mantine-color-body);border:var(--_paper-border
|
|
1
|
+
@layer mantine {.m-1b7284a3{-webkit-tap-highlight-color:transparent;background-color:var(--mantine-color-body);border:var(--_paper-border,none);border-radius:var(--paper-radius,var(--mantine-radius-default));box-shadow:var(--paper-shadow,none);display:block;outline:0;text-decoration:none;touch-action:manipulation}[data-mantine-color-scheme=light] .m-1b7284a3[data-with-border]{--_paper-border:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-1b7284a3[data-with-border]{--_paper-border:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}.m-1b7284a3:not([data-with-border]){--_paper-border:none!important}}
|
package/esm/styles/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-f3f1af94{--radio-size-xs:calc(1rem*var(--mantine-scale));--radio-size-sm:calc(1.25rem*var(--mantine-scale));--radio-size-md:calc(1.5rem*var(--mantine-scale));--radio-size-lg:calc(1.875rem*var(--mantine-scale));--radio-size-xl:calc(2.25rem*var(--mantine-scale));--radio-size:var(--radio-size-sm);--radio-icon-size:calc(var(--radio-size)
|
|
1
|
+
.m-f3f1af94{--radio-size-xs:calc(1rem*var(--mantine-scale));--radio-size-sm:calc(1.25rem*var(--mantine-scale));--radio-size-md:calc(1.5rem*var(--mantine-scale));--radio-size-lg:calc(1.875rem*var(--mantine-scale));--radio-size-xl:calc(2.25rem*var(--mantine-scale));--radio-size:var(--radio-size-sm);--radio-icon-size-xs:calc(0.375rem*var(--mantine-scale));--radio-icon-size-sm:calc(0.5rem*var(--mantine-scale));--radio-icon-size-md:calc(0.625rem*var(--mantine-scale));--radio-icon-size-lg:calc(0.875rem*var(--mantine-scale));--radio-icon-size-xl:calc(1rem*var(--mantine-scale));--radio-icon-size:var(--radio-icon-size-sm)}.m-89c4f5e4{height:var(--radio-size);order:var(--_radio-order,1);position:relative;width:var(--radio-size)}.m-89c4f5e4[data-label-position=left]{--_radio-order:2}.m-f3ed6b2b{color:var(--_radio-icon-color,var(--mantine-color-white));height:var(--radio-icon-size);left:calc(50% - var(--radio-icon-size)/2);opacity:var(--_radio-icon-opacity,0);pointer-events:none;position:absolute;top:calc(50% - var(--radio-icon-size)/2);transform:var(--_radio-icon-transform,scale(.2) translateY(calc(.625rem*var(--mantine-scale))));transition:opacity .1s ease,transform .2s ease;width:var(--radio-icon-size)}.m-8a3dbb89{-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background-color:var(--_radio-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_radio-bd-color);border-radius:var(--radio-radius,var(--radio-size));cursor:var(--_cursor,var(--mantine-cursor-type));display:flex;height:var(--radio-size);justify-content:center;margin:0;position:relative;transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:ease;width:var(--radio-size)}[data-mantine-color-scheme=light] .m-8a3dbb89{--_radio-bg:var(--mantine-color-white);--_radio-bd-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-8a3dbb89{--_radio-bg:var(--mantine-color-dark-6);--_radio-bd-color:var(--mantine-color-dark-4)}.m-8a3dbb89:checked{--_radio-bg:var(--radio-color,var(--mantine-primary-color-filled));--_radio-bd-color:var(--radio-color,var(--mantine-primary-color-filled))}.m-8a3dbb89:checked+.m-f3ed6b2b{--_radio-icon-opacity:1;--_radio-icon-transform:scale(1)}.m-8a3dbb89:disabled{--_cursor:not-allowed}[data-mantine-color-scheme=light] .m-8a3dbb89:disabled{--_radio-bg:var(--mantine-color-gray-1);--_radio-bd-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=light] .m-8a3dbb89:disabled+.m-f3ed6b2b{--_radio-icon-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-8a3dbb89:disabled{--_radio-bg:var(--mantine-color-dark-5);--_radio-bd-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .m-8a3dbb89:disabled+.m-f3ed6b2b{--_radio-icon-color:var(--mantine-color-dark-7)}.m-8a3dbb89[data-error]{--_radio-bd-color:var(--mantine-color-error)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer mantine {.m-f3f1af94{--radio-size-xs:calc(1rem*var(--mantine-scale));--radio-size-sm:calc(1.25rem*var(--mantine-scale));--radio-size-md:calc(1.5rem*var(--mantine-scale));--radio-size-lg:calc(1.875rem*var(--mantine-scale));--radio-size-xl:calc(2.25rem*var(--mantine-scale));--radio-size:var(--radio-size-sm);--radio-icon-size:calc(var(--radio-size)
|
|
1
|
+
@layer mantine {.m-f3f1af94{--radio-size-xs:calc(1rem*var(--mantine-scale));--radio-size-sm:calc(1.25rem*var(--mantine-scale));--radio-size-md:calc(1.5rem*var(--mantine-scale));--radio-size-lg:calc(1.875rem*var(--mantine-scale));--radio-size-xl:calc(2.25rem*var(--mantine-scale));--radio-size:var(--radio-size-sm);--radio-icon-size-xs:calc(0.375rem*var(--mantine-scale));--radio-icon-size-sm:calc(0.5rem*var(--mantine-scale));--radio-icon-size-md:calc(0.625rem*var(--mantine-scale));--radio-icon-size-lg:calc(0.875rem*var(--mantine-scale));--radio-icon-size-xl:calc(1rem*var(--mantine-scale));--radio-icon-size:var(--radio-icon-size-sm)}.m-89c4f5e4{height:var(--radio-size);order:var(--_radio-order,1);position:relative;width:var(--radio-size)}.m-89c4f5e4[data-label-position=left]{--_radio-order:2}.m-f3ed6b2b{color:var(--_radio-icon-color,var(--mantine-color-white));height:var(--radio-icon-size);left:calc(50% - var(--radio-icon-size)/2);opacity:var(--_radio-icon-opacity,0);pointer-events:none;position:absolute;top:calc(50% - var(--radio-icon-size)/2);transform:var(--_radio-icon-transform,scale(.2) translateY(calc(.625rem*var(--mantine-scale))));transition:opacity .1s ease,transform .2s ease;width:var(--radio-icon-size)}.m-8a3dbb89{-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;background-color:var(--_radio-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_radio-bd-color);border-radius:var(--radio-radius,var(--radio-size));cursor:var(--_cursor,var(--mantine-cursor-type));display:flex;height:var(--radio-size);justify-content:center;margin:0;position:relative;transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:ease;width:var(--radio-size)}[data-mantine-color-scheme=light] .m-8a3dbb89{--_radio-bg:var(--mantine-color-white);--_radio-bd-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-8a3dbb89{--_radio-bg:var(--mantine-color-dark-6);--_radio-bd-color:var(--mantine-color-dark-4)}.m-8a3dbb89:checked{--_radio-bg:var(--radio-color,var(--mantine-primary-color-filled));--_radio-bd-color:var(--radio-color,var(--mantine-primary-color-filled))}.m-8a3dbb89:checked+.m-f3ed6b2b{--_radio-icon-opacity:1;--_radio-icon-transform:scale(1)}.m-8a3dbb89:disabled{--_cursor:not-allowed}[data-mantine-color-scheme=light] .m-8a3dbb89:disabled{--_radio-bg:var(--mantine-color-gray-1);--_radio-bd-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=light] .m-8a3dbb89:disabled+.m-f3ed6b2b{--_radio-icon-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-8a3dbb89:disabled{--_radio-bg:var(--mantine-color-dark-5);--_radio-bd-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme=dark] .m-8a3dbb89:disabled+.m-f3ed6b2b{--_radio-icon-color:var(--mantine-color-dark-7)}.m-8a3dbb89[data-error]{--_radio-bd-color:var(--mantine-color-error)}}
|
package/esm/styles/Rating.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;pointer-events:var(--_pointer-events);width:
|
|
1
|
+
.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;flex-wrap:wrap;pointer-events:var(--_pointer-events);width:fit-content}.m-f8d312f2:has(input:disabled){--_pointer-events:none}.m-61734bb7{position:relative;transform:var(--_transform);transition:transform .1s ease;z-index:var(--_z-index)}.m-61734bb7[data-active]{--_z-index:1;--_transform:scale(1.1)}.m-5662a89a{stroke:var(--_star-color);fill:var(--_star-color);display:block;height:var(--rating-size);width:var(--rating-size)}[data-mantine-color-scheme=light] .m-5662a89a{--_star-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-5662a89a{--_star-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-5662a89a[data-filled]{--_star-color:var(--rating-color)}.m-211007ba{-webkit-tap-highlight-color:transparent;height:0;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:0}.m-211007ba:focus-visible+label{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.m-21342ee4{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;left:0;position:absolute;top:0;z-index:var(--rating-item-z-index,0)}.m-21342ee4[data-read-only]{cursor:default}.m-21342ee4:last-of-type{position:relative}.m-fae05d6a{clip-path:var(--rating-symbol-clip-path)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer mantine {.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;pointer-events:var(--_pointer-events);width:
|
|
1
|
+
@layer mantine {.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;flex-wrap:wrap;pointer-events:var(--_pointer-events);width:fit-content}.m-f8d312f2:has(input:disabled){--_pointer-events:none}.m-61734bb7{position:relative;transform:var(--_transform);transition:transform .1s ease;z-index:var(--_z-index)}.m-61734bb7[data-active]{--_z-index:1;--_transform:scale(1.1)}.m-5662a89a{stroke:var(--_star-color);fill:var(--_star-color);display:block;height:var(--rating-size);width:var(--rating-size)}[data-mantine-color-scheme=light] .m-5662a89a{--_star-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-5662a89a{--_star-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-5662a89a[data-filled]{--_star-color:var(--rating-color)}.m-211007ba{-webkit-tap-highlight-color:transparent;height:0;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:0}.m-211007ba:focus-visible+label{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.m-21342ee4{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;left:0;position:absolute;top:0;z-index:var(--rating-item-z-index,0)}.m-21342ee4[data-read-only]{cursor:default}.m-21342ee4:last-of-type{position:relative}.m-fae05d6a{clip-path:var(--rating-symbol-clip-path)}}
|
|
@@ -9,10 +9,10 @@ interface AccordionContext {
|
|
|
9
9
|
chevronPosition: AccordionChevronPosition | undefined;
|
|
10
10
|
order: AccordionHeadingOrder | undefined;
|
|
11
11
|
chevron: React.ReactNode;
|
|
12
|
-
onChange(value: string)
|
|
13
|
-
isItemActive(value: string)
|
|
14
|
-
getControlId(value: string)
|
|
15
|
-
getRegionId(value: string)
|
|
12
|
+
onChange: (value: string) => void;
|
|
13
|
+
isItemActive: (value: string) => boolean;
|
|
14
|
+
getControlId: (value: string) => string;
|
|
15
|
+
getRegionId: (value: string) => string;
|
|
16
16
|
getStyles: GetStylesApi<AccordionFactory>;
|
|
17
17
|
variant: string | undefined;
|
|
18
18
|
unstyled: boolean | undefined;
|
|
@@ -15,7 +15,7 @@ export interface AccordionProps<Multiple extends boolean = false> extends BoxPro
|
|
|
15
15
|
/** Default value for uncontrolled component */
|
|
16
16
|
defaultValue?: AccordionValue<Multiple>;
|
|
17
17
|
/** Called when value changes */
|
|
18
|
-
onChange
|
|
18
|
+
onChange?: (value: AccordionValue<Multiple>) => void;
|
|
19
19
|
/** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
|
|
20
20
|
loop?: boolean;
|
|
21
21
|
/** Transition duration in ms, `200` by default */
|
|
@@ -42,10 +42,10 @@ export declare const ActionIcon: (<C = "button">(props: import("../../core/facto
|
|
|
42
42
|
component?: any;
|
|
43
43
|
} & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
|
|
44
44
|
ref?: any;
|
|
45
|
-
renderRoot
|
|
45
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
46
46
|
}) | (ActionIconProps & {
|
|
47
47
|
component: React.ElementType<any>;
|
|
48
|
-
renderRoot
|
|
48
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
49
49
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
50
50
|
props: ActionIconProps;
|
|
51
51
|
defaultComponent: 'button';
|
|
@@ -17,7 +17,7 @@ export interface AlertProps extends BoxProps, StylesApiProps<AlertFactory>, Elem
|
|
|
17
17
|
/** Determines whether close button should be displayed, `false` by default */
|
|
18
18
|
withCloseButton?: boolean;
|
|
19
19
|
/** Called when the close button is clicked */
|
|
20
|
-
onClose
|
|
20
|
+
onClose?: () => void;
|
|
21
21
|
/** Close button `aria-label` */
|
|
22
22
|
closeButtonLabel?: string;
|
|
23
23
|
}
|
|
@@ -20,10 +20,10 @@ export declare const Anchor: (<C = "a">(props: import("../../core/factory/create
|
|
|
20
20
|
component?: any;
|
|
21
21
|
} & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
|
|
22
22
|
ref?: any;
|
|
23
|
-
renderRoot
|
|
23
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
24
24
|
}) | (AnchorProps & {
|
|
25
25
|
component: React.ElementType<any>;
|
|
26
|
-
renderRoot
|
|
26
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
27
27
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
28
28
|
props: AnchorProps;
|
|
29
29
|
defaultComponent: 'a';
|
|
@@ -16,10 +16,10 @@ export declare const AppShellSection: (<C = "div">(props: import("../../../core/
|
|
|
16
16
|
component?: any;
|
|
17
17
|
} & Omit<Omit<any, "ref">, "component" | keyof AppShellSectionProps> & {
|
|
18
18
|
ref?: any;
|
|
19
|
-
renderRoot
|
|
19
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
20
20
|
}) | (AppShellSectionProps & {
|
|
21
21
|
component: React.ElementType<any>;
|
|
22
|
-
renderRoot
|
|
22
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
23
23
|
})>, never> & import("../../../core/factory/factory").ThemeExtend<{
|
|
24
24
|
props: AppShellSectionProps;
|
|
25
25
|
defaultRef: HTMLDivElement;
|
|
@@ -8,7 +8,7 @@ export interface AutocompleteProps extends BoxProps, __BaseInputProps, ComboboxL
|
|
|
8
8
|
/** Uncontrolled component default value */
|
|
9
9
|
defaultValue?: string;
|
|
10
10
|
/** Called when value changes */
|
|
11
|
-
onChange
|
|
11
|
+
onChange?: (value: string) => void;
|
|
12
12
|
}
|
|
13
13
|
export type AutocompleteFactory = Factory<{
|
|
14
14
|
props: AutocompleteProps;
|
|
@@ -39,10 +39,10 @@ export declare const Avatar: (<C = "div">(props: import("../../core/factory/crea
|
|
|
39
39
|
component?: any;
|
|
40
40
|
} & Omit<Omit<any, "ref">, "component" | keyof AvatarProps> & {
|
|
41
41
|
ref?: any;
|
|
42
|
-
renderRoot
|
|
42
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
43
43
|
}) | (AvatarProps & {
|
|
44
44
|
component: React.ElementType<any>;
|
|
45
|
-
renderRoot
|
|
45
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
46
46
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
47
47
|
props: AvatarProps;
|
|
48
48
|
defaultRef: HTMLDivElement;
|
|
@@ -21,10 +21,10 @@ export declare const BackgroundImage: (<C = "div">(props: import("../../core/fac
|
|
|
21
21
|
component?: any;
|
|
22
22
|
} & Omit<Omit<any, "ref">, "component" | keyof BackgroundImageProps> & {
|
|
23
23
|
ref?: any;
|
|
24
|
-
renderRoot
|
|
24
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
25
25
|
}) | (BackgroundImageProps & {
|
|
26
26
|
component: React.ElementType<any>;
|
|
27
|
-
renderRoot
|
|
27
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
28
28
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
29
29
|
props: BackgroundImageProps;
|
|
30
30
|
defaultRef: HTMLDivElement;
|
|
@@ -35,10 +35,10 @@ export declare const Badge: (<C = "div">(props: import("../../core/factory/creat
|
|
|
35
35
|
component?: any;
|
|
36
36
|
} & Omit<Omit<any, "ref">, "component" | keyof BadgeProps> & {
|
|
37
37
|
ref?: any;
|
|
38
|
-
renderRoot
|
|
38
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
39
39
|
}) | (BadgeProps & {
|
|
40
|
-
component: React.ElementType<any>;
|
|
41
|
-
renderRoot
|
|
40
|
+
component: React.ElementType<any>;
|
|
41
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
42
42
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
43
43
|
props: BadgeProps;
|
|
44
44
|
defaultRef: HTMLDivElement;
|
|
@@ -49,10 +49,10 @@ export declare const Button: (<C = "button">(props: import("../../core/factory/c
|
|
|
49
49
|
component?: any;
|
|
50
50
|
} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
|
|
51
51
|
ref?: any;
|
|
52
|
-
renderRoot
|
|
52
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
53
53
|
}) | (ButtonProps & {
|
|
54
54
|
component: React.ElementType<any>;
|
|
55
|
-
renderRoot
|
|
55
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
56
56
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
57
57
|
props: ButtonProps;
|
|
58
58
|
defaultRef: HTMLButtonElement;
|
|
@@ -31,10 +31,10 @@ export declare const Card: (<C = "div">(props: import("../../core/factory/create
|
|
|
31
31
|
component?: any;
|
|
32
32
|
} & Omit<Omit<any, "ref">, "component" | keyof CardProps> & {
|
|
33
33
|
ref?: any;
|
|
34
|
-
renderRoot
|
|
34
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
35
35
|
}) | (CardProps & {
|
|
36
36
|
component: React.ElementType<any>;
|
|
37
|
-
renderRoot
|
|
37
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
38
38
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
39
39
|
props: CardProps;
|
|
40
40
|
defaultRef: HTMLDivElement;
|
|
@@ -18,10 +18,10 @@ export declare const CardSection: (<C = "div">(props: import("../../../core/fact
|
|
|
18
18
|
component?: any;
|
|
19
19
|
} & Omit<Omit<any, "ref">, "component" | keyof CardSectionProps> & {
|
|
20
20
|
ref?: any;
|
|
21
|
-
renderRoot
|
|
21
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
22
22
|
}) | (CardSectionProps & {
|
|
23
23
|
component: React.ElementType<any>;
|
|
24
|
-
renderRoot
|
|
24
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
25
25
|
})>, never> & import("../../../core/factory/factory").ThemeExtend<{
|
|
26
26
|
props: CardSectionProps;
|
|
27
27
|
defaultRef: HTMLDivElement;
|
|
@@ -17,10 +17,10 @@ export declare const Center: (<C = "div">(props: import("../../core/factory/crea
|
|
|
17
17
|
component?: any;
|
|
18
18
|
} & Omit<Omit<any, "ref">, "component" | keyof CenterProps> & {
|
|
19
19
|
ref?: any;
|
|
20
|
-
renderRoot
|
|
20
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
21
21
|
}) | (CenterProps & {
|
|
22
22
|
component: React.ElementType<any>;
|
|
23
|
-
renderRoot
|
|
23
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
24
24
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
25
25
|
props: CenterProps;
|
|
26
26
|
defaultRef: HTMLDivElement;
|
|
@@ -10,7 +10,7 @@ export interface CheckboxGroupProps extends Omit<InputWrapperProps, 'onChange'>
|
|
|
10
10
|
/** Default value for uncontrolled component */
|
|
11
11
|
defaultValue?: string[];
|
|
12
12
|
/** Called when value changes */
|
|
13
|
-
onChange
|
|
13
|
+
onChange?: (value: string[]) => void;
|
|
14
14
|
/** Props passed down to the `Input.Wrapper` */
|
|
15
15
|
wrapperProps?: Record<string, any>;
|
|
16
16
|
/** Controls size of the `Input.Wrapper`, `'sm'` by default */
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { MantineSize } from '../../core';
|
|
3
3
|
interface CheckboxGroupContextValue {
|
|
4
4
|
value: string[];
|
|
5
|
-
onChange(event: React.ChangeEvent<HTMLInputElement>)
|
|
5
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
6
6
|
size: MantineSize | (string & {}) | undefined;
|
|
7
7
|
}
|
|
8
8
|
export declare const CheckboxGroupProvider: import("react").Provider<CheckboxGroupContextValue | null>;
|
|
@@ -20,7 +20,7 @@ export interface ChipProps extends BoxProps, StylesApiProps<ChipFactory>, Elemen
|
|
|
20
20
|
/** Default checked state for uncontrolled component */
|
|
21
21
|
defaultChecked?: boolean;
|
|
22
22
|
/** Calls when checked state changes */
|
|
23
|
-
onChange
|
|
23
|
+
onChange?: (checked: boolean) => void;
|
|
24
24
|
/** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` */
|
|
25
25
|
color?: MantineColor;
|
|
26
26
|
/** Static id to bind input with label */
|
|
@@ -7,7 +7,7 @@ export interface ChipGroupProps<T extends boolean = false> {
|
|
|
7
7
|
/** Uncontrolled component initial value */
|
|
8
8
|
defaultValue?: T extends true ? string[] : string | null;
|
|
9
9
|
/** Called when value changes */
|
|
10
|
-
onChange
|
|
10
|
+
onChange?: (value: T extends true ? string[] : string) => void;
|
|
11
11
|
/** <Chip /> components */
|
|
12
12
|
children?: React.ReactNode;
|
|
13
13
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
interface ChipGroupContextValue {
|
|
3
|
-
isChipSelected(value: string)
|
|
4
|
-
onChange(event: React.ChangeEvent<HTMLInputElement>)
|
|
3
|
+
isChipSelected: (value: string) => boolean;
|
|
4
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
5
|
multiple: boolean;
|
|
6
6
|
}
|
|
7
7
|
export declare const ChipGroupProvider: ({ children, value }: {
|
|
@@ -32,10 +32,10 @@ export declare const CloseButton: (<C = "button">(props: import("../../core/fact
|
|
|
32
32
|
component?: any;
|
|
33
33
|
} & Omit<Omit<any, "ref">, "component" | keyof CloseButtonProps> & {
|
|
34
34
|
ref?: any;
|
|
35
|
-
renderRoot
|
|
35
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
36
36
|
}) | (CloseButtonProps & {
|
|
37
37
|
component: React.ElementType<any>;
|
|
38
|
-
renderRoot
|
|
38
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
39
39
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
40
40
|
props: CloseButtonProps;
|
|
41
41
|
defaultComponent: 'button';
|
|
@@ -4,7 +4,7 @@ export interface CollapseProps extends BoxProps, Omit<React.ComponentPropsWithou
|
|
|
4
4
|
/** Opened state */
|
|
5
5
|
in: boolean;
|
|
6
6
|
/** Called each time transition ends */
|
|
7
|
-
onTransitionEnd
|
|
7
|
+
onTransitionEnd?: () => void;
|
|
8
8
|
/** Transition duration in ms, `200` by default */
|
|
9
9
|
transitionDuration?: number;
|
|
10
10
|
/** Transition timing function, default value is `ease` */
|
|
@@ -10,9 +10,9 @@ export interface __ColorPickerProps {
|
|
|
10
10
|
/** Uncontrolled component default value */
|
|
11
11
|
defaultValue?: string;
|
|
12
12
|
/** Called when color changes */
|
|
13
|
-
onChange
|
|
13
|
+
onChange?: (value: string) => void;
|
|
14
14
|
/** Called when user stops dragging or changes value with arrow keys */
|
|
15
|
-
onChangeEnd
|
|
15
|
+
onChangeEnd?: (value: string) => void;
|
|
16
16
|
/** Color format, `'hex'` by default */
|
|
17
17
|
format?: ColorFormat;
|
|
18
18
|
/** Determines whether color picker should be displayed, `true` by default */
|
|
@@ -37,7 +37,7 @@ export interface ColorPickerProps extends BoxProps, __ColorPickerProps, StylesAp
|
|
|
37
37
|
/** Alpha slider `aria-label` */
|
|
38
38
|
alphaLabel?: string;
|
|
39
39
|
/** Called when one of the color swatches is clicked */
|
|
40
|
-
onColorSwatchClick
|
|
40
|
+
onColorSwatchClick?: (color: string) => void;
|
|
41
41
|
}
|
|
42
42
|
export type ColorPickerFactory = Factory<{
|
|
43
43
|
props: ColorPickerProps;
|
|
@@ -2,10 +2,10 @@ import React from 'react';
|
|
|
2
2
|
import { ElementProps, MantineSize } from '../../../core';
|
|
3
3
|
export interface __ColorSliderProps extends ElementProps<'div', 'onChange'> {
|
|
4
4
|
value: number;
|
|
5
|
-
onChange
|
|
6
|
-
onChangeEnd
|
|
7
|
-
onScrubStart
|
|
8
|
-
onScrubEnd
|
|
5
|
+
onChange?: (value: number) => void;
|
|
6
|
+
onChangeEnd?: (value: number) => void;
|
|
7
|
+
onScrubStart?: () => void;
|
|
8
|
+
onScrubEnd?: () => void;
|
|
9
9
|
size?: MantineSize | (string & {});
|
|
10
10
|
focusable?: boolean;
|
|
11
11
|
}
|
|
@@ -2,10 +2,10 @@ import { ElementProps, MantineSize } from '../../../core';
|
|
|
2
2
|
import { HsvaColor } from '../ColorPicker.types';
|
|
3
3
|
export interface SaturationProps extends ElementProps<'div', 'onChange'> {
|
|
4
4
|
value: HsvaColor;
|
|
5
|
-
onChange(color: Partial<HsvaColor>)
|
|
6
|
-
onChangeEnd(color: Partial<HsvaColor>)
|
|
7
|
-
onScrubStart
|
|
8
|
-
onScrubEnd
|
|
5
|
+
onChange: (color: Partial<HsvaColor>) => void;
|
|
6
|
+
onChangeEnd: (color: Partial<HsvaColor>) => void;
|
|
7
|
+
onScrubStart?: () => void;
|
|
8
|
+
onScrubEnd?: () => void;
|
|
9
9
|
saturationLabel?: string;
|
|
10
10
|
size: MantineSize | (string & {});
|
|
11
11
|
color: string;
|
|
@@ -6,6 +6,6 @@ export interface SwatchesProps extends ElementProps<'div'> {
|
|
|
6
6
|
swatchesPerRow?: number;
|
|
7
7
|
focusable?: boolean;
|
|
8
8
|
onChangeEnd?: (color: string) => void;
|
|
9
|
-
setValue(value: string)
|
|
9
|
+
setValue: (value: string) => void;
|
|
10
10
|
}
|
|
11
11
|
export declare const Swatches: React.ForwardRefExoticComponent<SwatchesProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -27,10 +27,10 @@ export declare const ColorSwatch: (<C = "div">(props: import("../../core/factory
|
|
|
27
27
|
component?: any;
|
|
28
28
|
} & Omit<Omit<any, "ref">, "component" | keyof ColorSwatchProps> & {
|
|
29
29
|
ref?: any;
|
|
30
|
-
renderRoot
|
|
30
|
+
renderRoot?: ((props: any) => any) | undefined;
|
|
31
31
|
}) | (ColorSwatchProps & {
|
|
32
32
|
component: React.ElementType<any>;
|
|
33
|
-
renderRoot
|
|
33
|
+
renderRoot?: ((props: Record<string, any>) => any) | undefined;
|
|
34
34
|
})>, never> & import("../../core/factory/factory").ThemeExtend<{
|
|
35
35
|
props: ColorSwatchProps;
|
|
36
36
|
defaultRef: HTMLDivElement;
|
|
@@ -6,7 +6,7 @@ import type { ComboboxStore } from './use-combobox/use-combobox';
|
|
|
6
6
|
export interface ComboboxContextValue {
|
|
7
7
|
getStyles: GetStylesApi<ComboboxFactory>;
|
|
8
8
|
store: ComboboxStore;
|
|
9
|
-
onOptionSubmit
|
|
9
|
+
onOptionSubmit?: (value: string, optionProps: ComboboxOptionProps) => void;
|
|
10
10
|
size: MantineSize | (string & {});
|
|
11
11
|
resetSelectionOnOptionHover: boolean | undefined;
|
|
12
12
|
readOnly: boolean | undefined;
|
|
@@ -26,7 +26,7 @@ export interface ComboboxProps extends __PopoverProps, StylesApiProps<ComboboxFa
|
|
|
26
26
|
/** Combobox store, can be used to control combobox state */
|
|
27
27
|
store?: ComboboxStore;
|
|
28
28
|
/** Called when item is selected with `Enter` key or by clicking it */
|
|
29
|
-
onOptionSubmit
|
|
29
|
+
onOptionSubmit?: (value: string, optionProps: ComboboxOptionProps) => void;
|
|
30
30
|
/** Controls items `font-size` and `padding`, `'sm'` by default */
|
|
31
31
|
size?: MantineSize | (string & {});
|
|
32
32
|
/** Controls `padding` of the dropdown, `4` by default */
|
|
@@ -24,13 +24,13 @@ export interface ComboboxLikeProps {
|
|
|
24
24
|
/** Uncontrolled dropdown initial opened state */
|
|
25
25
|
defaultDropdownOpened?: boolean;
|
|
26
26
|
/** Called when dropdown opens */
|
|
27
|
-
onDropdownOpen
|
|
27
|
+
onDropdownOpen?: () => void;
|
|
28
28
|
/** Called when dropdown closes */
|
|
29
|
-
onDropdownClose
|
|
29
|
+
onDropdownClose?: () => void;
|
|
30
30
|
/** Determines whether the first option should be selected when value changes, `false` by default */
|
|
31
31
|
selectFirstOptionOnChange?: boolean;
|
|
32
32
|
/** Called when option is submitted from dropdown with mouse click or `Enter` key */
|
|
33
|
-
onOptionSubmit
|
|
33
|
+
onOptionSubmit?: (value: string) => void;
|
|
34
34
|
/** Props passed down to `Combobox` component */
|
|
35
35
|
comboboxProps?: ComboboxProps;
|
|
36
36
|
/** Function based on which items are filtered and sorted */
|
|
@@ -3,6 +3,6 @@ import { __CloseButtonProps } from '../../CloseButton';
|
|
|
3
3
|
import { ElementProps, MantineSize } from '../../../core';
|
|
4
4
|
export interface ComboboxClearButtonProps extends __CloseButtonProps, ElementProps<'button'> {
|
|
5
5
|
size?: MantineSize | (string & {}) | number;
|
|
6
|
-
onClear()
|
|
6
|
+
onClear: () => void;
|
|
7
7
|
}
|
|
8
8
|
export declare const ComboboxClearButton: React.ForwardRefExoticComponent<ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -4,54 +4,54 @@ export interface ComboboxStore {
|
|
|
4
4
|
/** Current dropdown opened state */
|
|
5
5
|
dropdownOpened: boolean;
|
|
6
6
|
/** Opens dropdown */
|
|
7
|
-
openDropdown(eventSource?: ComboboxDropdownEventSource)
|
|
7
|
+
openDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
|
|
8
8
|
/** Closes dropdown */
|
|
9
|
-
closeDropdown(eventSource?: ComboboxDropdownEventSource)
|
|
9
|
+
closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
|
|
10
10
|
/** Toggles dropdown opened state */
|
|
11
|
-
toggleDropdown(eventSource?: ComboboxDropdownEventSource)
|
|
11
|
+
toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
|
|
12
12
|
/** Selected option index */
|
|
13
13
|
selectedOptionIndex: number;
|
|
14
14
|
/** Selects `Combobox.Option` by index */
|
|
15
|
-
selectOption(index: number)
|
|
15
|
+
selectOption: (index: number) => void;
|
|
16
16
|
/** Selects first `Combobox.Option` with `active` prop.
|
|
17
17
|
* If there are no such options, the function does nothing.
|
|
18
18
|
*/
|
|
19
|
-
selectActiveOption()
|
|
19
|
+
selectActiveOption: () => string | null;
|
|
20
20
|
/** Selects first `Combobox.Option` that is not disabled.
|
|
21
21
|
* If there are no such options, the function does nothing.
|
|
22
22
|
* */
|
|
23
|
-
selectFirstOption()
|
|
23
|
+
selectFirstOption: () => string | null;
|
|
24
24
|
/** Selects next `Combobox.Option` that is not disabled.
|
|
25
25
|
* If the current option is the last one, the function selects first option, if `loop` is true.
|
|
26
26
|
*/
|
|
27
|
-
selectNextOption()
|
|
27
|
+
selectNextOption: () => string | null;
|
|
28
28
|
/** Selects previous `Combobox.Option` that is not disabled.
|
|
29
29
|
* If the current option is the first one, the function selects last option, if `loop` is true.
|
|
30
30
|
* */
|
|
31
|
-
selectPreviousOption()
|
|
31
|
+
selectPreviousOption: () => string | null;
|
|
32
32
|
/** Resets selected option index to -1, removes `data-combobox-selected` from selected option */
|
|
33
|
-
resetSelectedOption()
|
|
33
|
+
resetSelectedOption: () => void;
|
|
34
34
|
/** Triggers `onClick` event of selected option.
|
|
35
35
|
* If there is no selected option, the function does nothing.
|
|
36
36
|
*/
|
|
37
|
-
clickSelectedOption()
|
|
37
|
+
clickSelectedOption: () => void;
|
|
38
38
|
/** Updates selected option index to currently selected or active option.
|
|
39
39
|
* The function is required to be used with searchable components to update selected option index
|
|
40
40
|
* when options list changes based on search query.
|
|
41
41
|
*/
|
|
42
|
-
updateSelectedOptionIndex(target?: 'active' | 'selected')
|
|
42
|
+
updateSelectedOptionIndex: (target?: 'active' | 'selected') => void;
|
|
43
43
|
/** List id, used for `aria-*` attributes */
|
|
44
44
|
listId: string | null;
|
|
45
45
|
/** Sets list id */
|
|
46
|
-
setListId(id: string)
|
|
46
|
+
setListId: (id: string) => void;
|
|
47
47
|
/** Ref of `Combobox.Search` input */
|
|
48
48
|
searchRef: React.MutableRefObject<HTMLInputElement | null>;
|
|
49
49
|
/** Moves focus to `Combobox.Search` input */
|
|
50
|
-
focusSearchInput()
|
|
50
|
+
focusSearchInput: () => void;
|
|
51
51
|
/** Ref of the target element */
|
|
52
52
|
targetRef: React.MutableRefObject<HTMLElement | null>;
|
|
53
53
|
/** Moves focus to the target element */
|
|
54
|
-
focusTarget()
|
|
54
|
+
focusTarget: () => void;
|
|
55
55
|
}
|
|
56
56
|
export interface UseComboboxOptions {
|
|
57
57
|
/** Default value for `dropdownOpened`, `false` by default */
|
|
@@ -59,11 +59,11 @@ export interface UseComboboxOptions {
|
|
|
59
59
|
/** Controlled `dropdownOpened` state */
|
|
60
60
|
opened?: boolean;
|
|
61
61
|
/** Called when `dropdownOpened` state changes */
|
|
62
|
-
onOpenedChange
|
|
62
|
+
onOpenedChange?: (opened: boolean) => void;
|
|
63
63
|
/** Called when dropdown closes with event source: keyboard, mouse or unknown */
|
|
64
|
-
onDropdownClose
|
|
64
|
+
onDropdownClose?: (eventSource: ComboboxDropdownEventSource) => void;
|
|
65
65
|
/** Called when dropdown opens with event source: keyboard, mouse or unknown */
|
|
66
|
-
onDropdownOpen
|
|
66
|
+
onDropdownOpen?: (eventSource: ComboboxDropdownEventSource) => void;
|
|
67
67
|
/** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
|
|
68
68
|
loop?: boolean;
|
|
69
69
|
/** `behavior` passed down to `element.scrollIntoView`, `'instant'` by default */
|
|
@@ -5,21 +5,21 @@ interface UseComboboxOptions {
|
|
|
5
5
|
/** Controlled `dropdownOpened` state */
|
|
6
6
|
opened?: boolean;
|
|
7
7
|
/** Called when `dropdownOpened` state changes */
|
|
8
|
-
onOpenedChange
|
|
8
|
+
onOpenedChange?: (opened: boolean) => void;
|
|
9
9
|
/** Called when dropdown closes */
|
|
10
|
-
onDropdownClose
|
|
10
|
+
onDropdownClose?: () => void;
|
|
11
11
|
/** Called when dropdown opens */
|
|
12
|
-
onDropdownOpen
|
|
12
|
+
onDropdownOpen?: () => void;
|
|
13
13
|
/** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
|
|
14
14
|
loop?: boolean;
|
|
15
15
|
/** Function to determine whether the option is disabled */
|
|
16
|
-
isOptionDisabled
|
|
16
|
+
isOptionDisabled?: (optionIndex: number) => boolean;
|
|
17
17
|
totalOptionsCount: number;
|
|
18
|
-
getOptionId(index: number)
|
|
18
|
+
getOptionId: (index: number) => string | null;
|
|
19
19
|
selectedOptionIndex: number;
|
|
20
|
-
setSelectedOptionIndex(index: number)
|
|
20
|
+
setSelectedOptionIndex: (index: number) => void;
|
|
21
21
|
activeOptionIndex?: number;
|
|
22
|
-
onSelectedOptionSubmit(index: number)
|
|
22
|
+
onSelectedOptionSubmit: (index: number) => void;
|
|
23
23
|
}
|
|
24
24
|
export declare function useVirtualizedCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, totalOptionsCount, isOptionDisabled, getOptionId, selectedOptionIndex, setSelectedOptionIndex, activeOptionIndex, onSelectedOptionSubmit, }?: UseComboboxOptions): ComboboxStore;
|
|
25
25
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export interface CopyButtonProps {
|
|
3
3
|
/** Children callback, provides current status and copy function as an argument */
|
|
4
|
-
children(payload: {
|
|
4
|
+
children: (payload: {
|
|
5
5
|
copied: boolean;
|
|
6
|
-
copy()
|
|
7
|
-
})
|
|
6
|
+
copy: () => void;
|
|
7
|
+
}) => React.ReactNode;
|
|
8
8
|
/** Value that will be copied to the clipboard when the button is clicked */
|
|
9
9
|
value: string;
|
|
10
10
|
/** Copied status timeout in ms, `1000` by default */
|
|
@@ -13,7 +13,7 @@ export interface DialogProps extends BoxProps, AffixBaseProps, PaperBaseProps, S
|
|
|
13
13
|
/** Determines whether the close button should be displayed, `true` by default */
|
|
14
14
|
withCloseButton?: boolean;
|
|
15
15
|
/** Called when the close button is clicked */
|
|
16
|
-
onClose
|
|
16
|
+
onClose?: () => void;
|
|
17
17
|
/** Dialog content */
|
|
18
18
|
children?: React.ReactNode;
|
|
19
19
|
/** Opened state */
|