@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.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/cjs/components/ActionIcon/ActionIcon.js +7 -5
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/cjs/components/Affix/Affix.js +109 -0
- package/cjs/components/Affix/Affix.js.map +1 -0
- package/cjs/components/Affix/Affix.module.css.js +8 -0
- package/cjs/components/Affix/Affix.module.css.js.map +1 -0
- package/cjs/components/Alert/Alert.js +147 -0
- package/cjs/components/Alert/Alert.js.map +1 -0
- package/cjs/components/Alert/Alert.module.css.js +8 -0
- package/cjs/components/Alert/Alert.module.css.js.map +1 -0
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.js +73 -0
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -0
- package/cjs/components/AspectRatio/AspectRatio.module.css.js +8 -0
- package/cjs/components/AspectRatio/AspectRatio.module.css.js.map +1 -0
- package/cjs/components/Avatar/Avatar.js +140 -0
- package/cjs/components/Avatar/Avatar.js.map +1 -0
- package/cjs/components/Avatar/Avatar.module.css.js +8 -0
- package/cjs/components/Avatar/Avatar.module.css.js.map +1 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js +16 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +79 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +8 -0
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -0
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js +45 -0
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/Badge/Badge.js +134 -0
- package/cjs/components/Badge/Badge.js.map +1 -0
- package/cjs/components/Badge/Badge.module.css.js +8 -0
- package/cjs/components/Badge/Badge.module.css.js.map +1 -0
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/converters/parsers.js +4 -4
- package/cjs/components/ColorPicker/converters/parsers.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js +3 -3
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/CopyButton/CopyButton.js.map +1 -1
- package/cjs/components/Divider/Divider.js +111 -0
- package/cjs/components/Divider/Divider.js.map +1 -0
- package/cjs/components/Divider/Divider.module.css.js +8 -0
- package/cjs/components/Divider/Divider.module.css.js.map +1 -0
- package/cjs/components/FileButton/FileButton.js.map +1 -1
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js +121 -0
- package/cjs/components/Overlay/Overlay.js.map +1 -0
- package/cjs/components/Overlay/Overlay.module.css.js +8 -0
- package/cjs/components/Overlay/Overlay.module.css.js.map +1 -0
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.context.js +11 -0
- package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollArea.js +12 -29
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +78 -0
- package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +94 -0
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +73 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +71 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +80 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +91 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +121 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +11 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +135 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +94 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +93 -0
- package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +108 -0
- package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -0
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +63 -0
- package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -0
- package/cjs/components/ScrollArea/use-resize-observer.js +27 -0
- package/cjs/components/ScrollArea/use-resize-observer.js.map +1 -0
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js +22 -0
- package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -0
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js +15 -0
- package/cjs/components/ScrollArea/utils/compose-event-handlers.js.map +1 -0
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js +22 -0
- package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -0
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +24 -0
- package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -0
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js +11 -0
- package/cjs/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -0
- package/cjs/components/ScrollArea/utils/get-thumb-size.js +15 -0
- package/cjs/components/ScrollArea/utils/get-thumb-size.js.map +1 -0
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +10 -0
- package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -0
- package/cjs/components/ScrollArea/utils/linear-scale.js +15 -0
- package/cjs/components/ScrollArea/utils/linear-scale.js.map +1 -0
- package/cjs/components/ScrollArea/utils/to-int.js +10 -0
- package/cjs/components/ScrollArea/utils/to-int.js.map +1 -0
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +4 -11
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +4 -11
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +5 -8
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.module.css.js +1 -1
- package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js +5 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/Text/Text.js +1 -1
- package/cjs/components/Text/Text.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +1 -1
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +65 -0
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -0
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +8 -0
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -0
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +3 -0
- package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +1 -1
- package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +15 -8
- package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +1 -0
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js +35 -0
- package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -0
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js +6 -5
- package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/cjs/core/MantineProvider/default-theme.js +28 -26
- package/cjs/core/MantineProvider/default-theme.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +39 -2
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/cjs/core/utils/units-converters/px.js +21 -10
- package/cjs/core/utils/units-converters/px.js.map +1 -1
- package/cjs/core/utils/units-converters/rem.js +23 -9
- package/cjs/core/utils/units-converters/rem.js.map +1 -1
- package/cjs/index.css +1687 -285
- package/cjs/index.js +16 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +7 -5
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/esm/components/Affix/Affix.js +101 -0
- package/esm/components/Affix/Affix.js.map +1 -0
- package/esm/components/Affix/Affix.module.css.js +4 -0
- package/esm/components/Affix/Affix.module.css.js.map +1 -0
- package/esm/components/Alert/Alert.js +139 -0
- package/esm/components/Alert/Alert.js.map +1 -0
- package/esm/components/Alert/Alert.module.css.js +4 -0
- package/esm/components/Alert/Alert.module.css.js.map +1 -0
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.js +65 -0
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -0
- package/esm/components/AspectRatio/AspectRatio.module.css.js +4 -0
- package/esm/components/AspectRatio/AspectRatio.module.css.js.map +1 -0
- package/esm/components/Avatar/Avatar.js +132 -0
- package/esm/components/Avatar/Avatar.js.map +1 -0
- package/esm/components/Avatar/Avatar.module.css.js +4 -0
- package/esm/components/Avatar/Avatar.module.css.js.map +1 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js +11 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +71 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +4 -0
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -0
- package/esm/components/Avatar/AvatarPlaceholderIcon.js +37 -0
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/Badge/Badge.js +126 -0
- package/esm/components/Badge/Badge.js.map +1 -0
- package/esm/components/Badge/Badge.module.css.js +4 -0
- package/esm/components/Badge/Badge.module.css.js.map +1 -0
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/converters/parsers.js +4 -4
- package/esm/components/ColorPicker/converters/parsers.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js +3 -3
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/CopyButton/CopyButton.js.map +1 -1
- package/esm/components/Divider/Divider.js +103 -0
- package/esm/components/Divider/Divider.js.map +1 -0
- package/esm/components/Divider/Divider.module.css.js +4 -0
- package/esm/components/Divider/Divider.module.css.js.map +1 -0
- package/esm/components/FileButton/FileButton.js.map +1 -1
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Overlay/Overlay.js +113 -0
- package/esm/components/Overlay/Overlay.js.map +1 -0
- package/esm/components/Overlay/Overlay.module.css.js +4 -0
- package/esm/components/Overlay/Overlay.module.css.js.map +1 -0
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Popover/Popover.js +1 -1
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.context.js +6 -0
- package/esm/components/ScrollArea/ScrollArea.context.js.map +1 -0
- package/esm/components/ScrollArea/ScrollArea.js +12 -16
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +69 -0
- package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +86 -0
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +65 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +63 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +72 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +83 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +113 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +6 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +127 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +86 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +85 -0
- package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +99 -0
- package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -0
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +55 -0
- package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -0
- package/esm/components/ScrollArea/use-resize-observer.js +23 -0
- package/esm/components/ScrollArea/use-resize-observer.js.map +1 -0
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js +18 -0
- package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -0
- package/esm/components/ScrollArea/utils/compose-event-handlers.js +11 -0
- package/esm/components/ScrollArea/utils/compose-event-handlers.js.map +1 -0
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js +18 -0
- package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -0
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +20 -0
- package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -0
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js +7 -0
- package/esm/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -0
- package/esm/components/ScrollArea/utils/get-thumb-size.js +11 -0
- package/esm/components/ScrollArea/utils/get-thumb-size.js.map +1 -0
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +6 -0
- package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -0
- package/esm/components/ScrollArea/utils/linear-scale.js +11 -0
- package/esm/components/ScrollArea/utils/linear-scale.js.map +1 -0
- package/esm/components/ScrollArea/utils/to-int.js +6 -0
- package/esm/components/ScrollArea/utils/to-int.js.map +1 -0
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +4 -11
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +4 -11
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +5 -8
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.module.css.js +1 -1
- package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js +5 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/Text/Text.js +1 -1
- package/esm/components/Text/Text.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +1 -1
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Tooltip/use-tooltip.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +57 -0
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -0
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +4 -0
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -0
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +3 -0
- package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +1 -1
- package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +15 -8
- package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +1 -0
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js +31 -0
- package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -0
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js +6 -5
- package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
- package/esm/core/MantineProvider/default-theme.js +28 -26
- package/esm/core/MantineProvider/default-theme.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +40 -3
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
- package/esm/core/utils/units-converters/px.js +21 -10
- package/esm/core/utils/units-converters/px.js.map +1 -1
- package/esm/core/utils/units-converters/rem.js +23 -9
- package/esm/core/utils/units-converters/rem.js.map +1 -1
- package/esm/index.css +1687 -285
- package/esm/index.js +8 -0
- package/esm/index.js.map +1 -1
- package/lib/components/ActionIcon/ActionIcon.d.ts +9 -8
- package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts +3 -3
- package/lib/components/Affix/Affix.d.ts +37 -0
- package/lib/components/Affix/index.d.ts +2 -0
- package/lib/components/Alert/Alert.d.ts +37 -0
- package/lib/components/Alert/index.d.ts +2 -0
- package/lib/components/Anchor/Anchor.d.ts +1 -1
- package/lib/components/AspectRatio/AspectRatio.d.ts +24 -0
- package/lib/components/AspectRatio/index.d.ts +2 -0
- package/lib/components/Avatar/Avatar.d.ts +56 -0
- package/lib/components/Avatar/AvatarGroup/AvatarGroup.context.d.ts +5 -0
- package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts +24 -0
- package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts +2 -0
- package/lib/components/Avatar/index.d.ts +3 -0
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +1 -1
- package/lib/components/Badge/Badge.d.ts +47 -0
- package/lib/components/Badge/index.d.ts +2 -0
- package/lib/components/Blockquote/Blockquote.d.ts +2 -2
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/lib/components/Burger/Burger.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +5 -5
- package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/lib/components/Center/Center.d.ts +2 -2
- package/lib/components/CloseButton/CloseButton.d.ts +1 -1
- package/lib/components/Code/Code.d.ts +2 -2
- package/lib/components/ColorPicker/ColorPicker.d.ts +7 -7
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +5 -4
- package/lib/components/Container/Container.d.ts +1 -1
- package/lib/components/CopyButton/CopyButton.d.ts +1 -1
- package/lib/components/Divider/Divider.d.ts +33 -0
- package/lib/components/Divider/index.d.ts +2 -0
- package/lib/components/FileButton/FileButton.d.ts +3 -3
- package/lib/components/Group/Group.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +10 -10
- package/lib/components/Input/InputWrapper/InputWrapper.d.ts +3 -3
- package/lib/components/Input/use-input-props.d.ts +10 -10
- package/lib/components/Loader/Loader.d.ts +1 -1
- package/lib/components/Overlay/Overlay.d.ts +49 -0
- package/lib/components/Overlay/index.d.ts +2 -0
- package/lib/components/Paper/Paper.d.ts +2 -2
- package/lib/components/Popover/Popover.d.ts +16 -16
- package/lib/components/Popover/use-popover.d.ts +1 -32
- package/lib/components/ScrollArea/ScrollArea.context.d.ts +23 -0
- package/lib/components/ScrollArea/ScrollArea.d.ts +2 -2
- package/lib/components/ScrollArea/ScrollArea.types.d.ts +23 -0
- package/lib/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.d.ts +6 -0
- package/lib/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.d.ts +30 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.d.ts +7 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.d.ts +6 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.d.ts +7 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.d.ts +7 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.d.ts +6 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +15 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.d.ts +21 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.d.ts +3 -0
- package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.d.ts +3 -0
- package/lib/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.d.ts +9 -0
- package/lib/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.d.ts +5 -0
- package/lib/components/ScrollArea/use-resize-observer.d.ts +1 -0
- package/lib/components/ScrollArea/utils/add-unlinked-scroll-listener.d.ts +1 -0
- package/lib/components/ScrollArea/utils/compose-event-handlers.d.ts +3 -0
- package/lib/components/ScrollArea/utils/get-scroll-position-from-pointer.d.ts +2 -0
- package/lib/components/ScrollArea/utils/get-thumb-offset-from-scroll.d.ts +2 -0
- package/lib/components/ScrollArea/utils/get-thumb-ratio.d.ts +1 -0
- package/lib/components/ScrollArea/utils/get-thumb-size.d.ts +2 -0
- package/lib/components/ScrollArea/utils/index.d.ts +8 -0
- package/lib/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.d.ts +1 -0
- package/lib/components/ScrollArea/utils/linear-scale.d.ts +1 -0
- package/lib/components/ScrollArea/utils/to-int.d.ts +1 -0
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +5 -5
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +10 -14
- package/lib/components/Slider/Slider/Slider.d.ts +10 -14
- package/lib/components/Slider/Thumb/Thumb.d.ts +2 -4
- package/lib/components/Stack/Stack.d.ts +1 -1
- package/lib/components/Switch/Switch.d.ts +3 -3
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +3 -3
- package/lib/components/Table/Table.d.ts +6 -6
- package/lib/components/Tabs/Tabs.d.ts +10 -10
- package/lib/components/Tabs/TabsList/TabsList.d.ts +2 -2
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +3 -3
- package/lib/components/Text/Text.d.ts +2 -2
- package/lib/components/Tooltip/Tooltip.d.ts +7 -7
- package/lib/components/Tooltip/Tooltip.types.d.ts +2 -2
- package/lib/components/Tooltip/use-tooltip.d.ts +2 -2
- package/lib/components/TypographyStylesProvider/TypographyStylesProvider.d.ts +17 -0
- package/lib/components/TypographyStylesProvider/index.d.ts +2 -0
- package/lib/components/index.d.ts +8 -0
- package/lib/core/MantineProvider/MantineCssVariables/MantineCssVariables.d.ts +1 -1
- package/lib/core/MantineProvider/MantineCssVariables/remove-default-variables.d.ts +2 -0
- package/lib/core/MantineProvider/MantineProvider.d.ts +1 -0
- package/lib/core/MantineProvider/theme.types.d.ts +2 -0
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.d.ts +3 -2
- package/lib/core/utils/units-converters/px.d.ts +1 -1
- package/lib/core/utils/units-converters/rem.d.ts +2 -2
- package/package.json +3 -5
- package/styles.css +1687 -285
|
@@ -1,15 +1,52 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
1
|
+
import { useRef, useContext, useEffect } from 'react';
|
|
2
2
|
import { MantineContext } from '../Mantine.context.js';
|
|
3
3
|
|
|
4
|
+
function disableTransition() {
|
|
5
|
+
const style = document.createElement("style");
|
|
6
|
+
style.innerHTML = "* {transition: none !important;}";
|
|
7
|
+
document.head.appendChild(style);
|
|
8
|
+
const clear = () => {
|
|
9
|
+
try {
|
|
10
|
+
document.head.removeChild(style);
|
|
11
|
+
} catch (e) {
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
return clear;
|
|
15
|
+
}
|
|
4
16
|
function useMantineColorScheme() {
|
|
17
|
+
const clearStylesRef = useRef();
|
|
18
|
+
const timeoutRef = useRef();
|
|
5
19
|
const ctx = useContext(MantineContext);
|
|
6
20
|
if (!ctx) {
|
|
7
21
|
throw new Error("[@mantine/core] MantineProvider was not found in tree");
|
|
8
22
|
}
|
|
23
|
+
const setColorScheme = (value) => {
|
|
24
|
+
ctx.setColorScheme(value);
|
|
25
|
+
clearStylesRef.current = disableTransition();
|
|
26
|
+
window.clearTimeout(timeoutRef.current);
|
|
27
|
+
timeoutRef.current = window.setTimeout(() => {
|
|
28
|
+
var _a;
|
|
29
|
+
(_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
|
|
30
|
+
}, 10);
|
|
31
|
+
};
|
|
32
|
+
const clearColorScheme = () => {
|
|
33
|
+
ctx.clearColorScheme();
|
|
34
|
+
clearStylesRef.current = disableTransition();
|
|
35
|
+
window.clearTimeout(timeoutRef.current);
|
|
36
|
+
timeoutRef.current = window.setTimeout(() => {
|
|
37
|
+
var _a;
|
|
38
|
+
(_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
|
|
39
|
+
}, 10);
|
|
40
|
+
};
|
|
41
|
+
useEffect(() => () => {
|
|
42
|
+
var _a;
|
|
43
|
+
(_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
|
|
44
|
+
window.clearTimeout(timeoutRef.current);
|
|
45
|
+
}, []);
|
|
9
46
|
return {
|
|
10
47
|
colorScheme: ctx.colorScheme,
|
|
11
|
-
setColorScheme
|
|
12
|
-
clearColorScheme
|
|
48
|
+
setColorScheme,
|
|
49
|
+
clearColorScheme
|
|
13
50
|
};
|
|
14
51
|
}
|
|
15
52
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { MantineContext } from '../Mantine.context';\n\nexport function useMantineColorScheme() {\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme
|
|
1
|
+
{"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n const style = document.createElement('style');\n style.innerHTML = '* {transition: none !important;}';\n document.head.appendChild(style);\n const clear = () => {\n try {\n document.head.removeChild(style);\n } catch (e) {\n // Already removed\n }\n };\n return clear;\n}\n\nexport function useMantineColorScheme() {\n const clearStylesRef = useRef<() => void>();\n const timeoutRef = useRef<number>();\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n const setColorScheme = (value: MantineColorScheme) => {\n ctx.setColorScheme(value);\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const clearColorScheme = () => {\n ctx.clearColorScheme();\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n useEffect(\n () => () => {\n clearStylesRef.current?.();\n window.clearTimeout(timeoutRef.current);\n },\n []\n );\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme,\n clearColorScheme,\n };\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,iBAAiB,GAAG;AAC7B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAChD,EAAE,KAAK,CAAC,SAAS,GAAG,kCAAkC,CAAC;AACvD,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,IAAI;AACR,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACvC,KAAK,CAAC,OAAO,CAAC,EAAE;AAChB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,cAAc,GAAG,MAAM,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAC9B,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,CAAC,KAAK,KAAK;AACpC,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;AAC3B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM,MAAM;AACxB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC7E,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}
|
|
@@ -1,18 +1,29 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
1
|
+
function getTransformedScaledValue(value) {
|
|
2
|
+
var _a;
|
|
3
|
+
if (typeof value !== "string" || !value.includes("var(--mantine-scale)")) {
|
|
3
4
|
return value;
|
|
4
5
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
return (_a = value.match(/^calc\((.*?)\)$/)) == null ? void 0 : _a[1].split("*")[0].trim();
|
|
7
|
+
}
|
|
8
|
+
function px(value) {
|
|
9
|
+
const transformedValue = getTransformedScaledValue(value);
|
|
10
|
+
if (typeof transformedValue === "number") {
|
|
11
|
+
return transformedValue;
|
|
12
|
+
}
|
|
13
|
+
if (typeof transformedValue === "string") {
|
|
14
|
+
if (transformedValue.includes("calc") || transformedValue.includes("var")) {
|
|
15
|
+
return transformedValue;
|
|
16
|
+
}
|
|
17
|
+
if (transformedValue.includes("px")) {
|
|
18
|
+
return Number(transformedValue.replace("px", ""));
|
|
8
19
|
}
|
|
9
|
-
if (
|
|
10
|
-
return Number(
|
|
20
|
+
if (transformedValue.includes("rem")) {
|
|
21
|
+
return Number(transformedValue.replace("rem", "")) * 16;
|
|
11
22
|
}
|
|
12
|
-
if (
|
|
13
|
-
return Number(
|
|
23
|
+
if (transformedValue.includes("em")) {
|
|
24
|
+
return Number(transformedValue.replace("em", "")) * 16;
|
|
14
25
|
}
|
|
15
|
-
return Number(
|
|
26
|
+
return Number(transformedValue);
|
|
16
27
|
}
|
|
17
28
|
return NaN;
|
|
18
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformedScaledValue(value: unknown) {\n if (typeof value !== 'string' || !value.includes('var(--mantine-scale)')) {\n return value;\n }\n\n return value\n .match(/^calc\\((.*?)\\)$/)?.[1]\n .split('*')[0]\n .trim();\n}\n\nexport function px(value: unknown) {\n const transformedValue = getTransformedScaledValue(value);\n\n if (typeof transformedValue === 'number') {\n return transformedValue;\n }\n\n if (typeof transformedValue === 'string') {\n if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n return transformedValue;\n }\n\n if (transformedValue.includes('px')) {\n return Number(transformedValue.replace('px', ''));\n }\n\n if (transformedValue.includes('rem')) {\n return Number(transformedValue.replace('rem', '')) * 16;\n }\n\n if (transformedValue.includes('em')) {\n return Number(transformedValue.replace('em', '')) * 16;\n }\n\n return Number(transformedValue);\n }\n\n return NaN;\n}\n"],"names":[],"mappings":"AAAA,SAAS,yBAAyB,CAAC,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;AAC5E,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC7F,CAAC;AACM,SAAS,EAAE,CAAC,KAAK,EAAE;AAC1B,EAAE,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;AAC5D,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,OAAO,gBAAgB,CAAC;AAC5B,GAAG;AACH,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/E,MAAM,OAAO,gBAAgB,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC1C,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC9D,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7D,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACpC,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
|
|
@@ -1,18 +1,32 @@
|
|
|
1
|
-
function
|
|
2
|
-
return (
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
function scaleRem(remValue) {
|
|
2
|
+
return `calc(${remValue} * var(--mantine-scale))`;
|
|
3
|
+
}
|
|
4
|
+
function createConverter(units, { shouldScale = false } = {}) {
|
|
5
|
+
return (value) => {
|
|
6
|
+
if (value === 0 || value === "0") {
|
|
7
|
+
return "0";
|
|
8
|
+
}
|
|
9
|
+
if (typeof value === "number") {
|
|
10
|
+
const val = `${value / 16}${units}`;
|
|
11
|
+
return shouldScale ? scaleRem(val) : val;
|
|
5
12
|
}
|
|
6
|
-
if (typeof
|
|
7
|
-
|
|
13
|
+
if (typeof value === "string") {
|
|
14
|
+
if (value.includes("calc(") || value.includes("var(")) {
|
|
15
|
+
return value;
|
|
16
|
+
}
|
|
17
|
+
if (value.includes(units)) {
|
|
18
|
+
return shouldScale ? scaleRem(value) : value;
|
|
19
|
+
}
|
|
20
|
+
const replaced = value.replace("px", "");
|
|
8
21
|
if (!Number.isNaN(Number(replaced))) {
|
|
9
|
-
|
|
22
|
+
const val = `${Number(replaced) / 16}${units}`;
|
|
23
|
+
return shouldScale ? scaleRem(val) : val;
|
|
10
24
|
}
|
|
11
25
|
}
|
|
12
|
-
return
|
|
26
|
+
return value;
|
|
13
27
|
};
|
|
14
28
|
}
|
|
15
|
-
const rem = createConverter("rem");
|
|
29
|
+
const rem = createConverter("rem", { shouldScale: true });
|
|
16
30
|
const em = createConverter("em");
|
|
17
31
|
|
|
18
32
|
export { em, rem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function createConverter(units: string) {\n return (
|
|
1
|
+
{"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n return `calc(${remValue} * var(--mantine-scale))`;\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n return (value: unknown) => {\n if (value === 0 || value === '0') {\n return '0';\n }\n\n if (typeof value === 'number') {\n const val = `${value / 16}${units}`;\n return shouldScale ? scaleRem(val) : val;\n }\n\n if (typeof value === 'string') {\n if (value.includes('calc(') || value.includes('var(')) {\n return value;\n }\n\n if (value.includes(units)) {\n return shouldScale ? scaleRem(value) : value;\n }\n\n const replaced = value.replace('px', '');\n if (!Number.isNaN(Number(replaced))) {\n const val = `${Number(replaced) / 16}${units}`;\n return shouldScale ? scaleRem(val) : val;\n }\n }\n\n return value as string;\n };\n}\n\nexport const rem = createConverter('rem', { shouldScale: true });\nexport const em = createConverter('em');\n"],"names":[],"mappings":"AAAA,SAAS,QAAQ,CAAC,QAAQ,EAAE;AAC5B,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AACpD,CAAC;AACD,SAAS,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,EAAE;AAC9D,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE;AACtC,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1C,MAAM,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC/C,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC7D,QAAQ,OAAO,KAAK,CAAC;AACrB,OAAO;AACP,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACjC,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACrD,OAAO;AACP,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AAC3C,QAAQ,MAAM,GAAG,GAAG,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACvD,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACjD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;AACrD,MAAC,EAAE,GAAG,eAAe,CAAC,IAAI;;;;"}
|