@mantine/core 7.0.0-beta.3 → 7.0.0-beta.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 +2 -1
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js +1 -2
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js +1 -1
- package/cjs/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/Alert/Alert.js +2 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Anchor/Anchor.js +4 -3
- package/cjs/components/Anchor/Anchor.js.map +1 -1
- package/cjs/components/AppShell/AppShell.js.map +1 -1
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js +9 -1
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -1
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js +9 -1
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -1
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js +1 -1
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js.map +1 -1
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js +1 -1
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js +2 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Card/Card.js +1 -1
- package/cjs/components/Card/Card.js.map +1 -1
- package/cjs/components/Card/CardSection/CardSection.js +1 -19
- package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Chip/Chip.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +1 -0
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js +4 -3
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/Combobox/Combobox.js +4 -1
- package/cjs/components/Combobox/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +1 -1
- package/cjs/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js +1 -1
- package/cjs/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js +5 -1
- package/cjs/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js +1 -1
- package/cjs/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js +0 -2
- package/cjs/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js +1 -1
- package/cjs/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js +9 -5
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/cjs/components/Container/Container.js +3 -1
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +3 -2
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/Drawer/DrawerBody.js +1 -1
- package/cjs/components/Drawer/DrawerBody.js.map +1 -1
- package/cjs/components/Drawer/DrawerCloseButton.js +1 -1
- package/cjs/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/cjs/components/Drawer/DrawerContent.js.map +1 -1
- package/cjs/components/Drawer/DrawerHeader.js +1 -1
- package/cjs/components/Drawer/DrawerHeader.js.map +1 -1
- package/cjs/components/Drawer/DrawerOverlay.js +1 -1
- package/cjs/components/Drawer/DrawerOverlay.js.map +1 -1
- package/cjs/components/Drawer/DrawerRoot.js +2 -1
- package/cjs/components/Drawer/DrawerRoot.js.map +1 -1
- package/cjs/components/Drawer/DrawerTitle.js +1 -1
- package/cjs/components/Drawer/DrawerTitle.js.map +1 -1
- package/cjs/components/Fieldset/Fieldset.js.map +1 -1
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/GridCol/GridCol.js +1 -1
- package/cjs/components/Grid/GridCol/GridCol.js.map +1 -1
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Indicator/Indicator.js.map +1 -1
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Input/use-input-props.js +4 -2
- package/cjs/components/Input/use-input-props.js.map +1 -1
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.js +1 -1
- package/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/Menu/Menu.context.js.map +1 -1
- package/cjs/components/Menu/Menu.js +2 -1
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/cjs/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js +0 -2
- package/cjs/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -1
- package/cjs/components/Menu/MenuItem/MenuItem.js +1 -2
- package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js +1 -1
- package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/cjs/components/Modal/ModalBody.js +1 -1
- package/cjs/components/Modal/ModalBody.js.map +1 -1
- package/cjs/components/Modal/ModalCloseButton.js +1 -1
- package/cjs/components/Modal/ModalCloseButton.js.map +1 -1
- package/cjs/components/Modal/ModalContent.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +1 -1
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/Modal/ModalOverlay.js +1 -1
- package/cjs/components/Modal/ModalOverlay.js.map +1 -1
- package/cjs/components/Modal/ModalRoot.js +2 -1
- package/cjs/components/Modal/ModalRoot.js.map +1 -1
- package/cjs/components/Modal/ModalTitle.js +1 -1
- package/cjs/components/Modal/ModalTitle.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.context.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.js +6 -3
- package/cjs/components/ModalBase/ModalBase.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseBody.js +11 -1
- package/cjs/components/ModalBase/ModalBaseBody.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseCloseButton.js +2 -1
- package/cjs/components/ModalBase/ModalBaseCloseButton.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseContent.js +22 -15
- package/cjs/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseHeader.js +3 -1
- package/cjs/components/ModalBase/ModalBaseHeader.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseOverlay.js +1 -0
- package/cjs/components/ModalBase/ModalBaseOverlay.js.map +1 -1
- package/cjs/components/ModalBase/ModalBaseTitle.js +12 -1
- package/cjs/components/ModalBase/ModalBaseTitle.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +5 -3
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/NativeSelect/NativeSelect.js +3 -2
- package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js +1 -0
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js +1 -21
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js.map +1 -1
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js +1 -1
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js.map +1 -1
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.js +3 -1
- package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
- package/cjs/components/Pill/Pill.js +2 -1
- package/cjs/components/Pill/Pill.js.map +1 -1
- package/cjs/components/PinInput/PinInput.js +11 -7
- 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/PopoverDropdown/PopoverDropdown.js +0 -2
- package/cjs/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js +1 -1
- package/cjs/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -1
- package/cjs/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -1
- package/cjs/components/Progress/ProgressSection/ProgressSection.js +0 -2
- package/cjs/components/Progress/ProgressSection/ProgressSection.js.map +1 -1
- package/cjs/components/Radio/Radio.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/Select/Select.js +9 -5
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js +6 -3
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +2 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Stepper/Stepper.js.map +1 -1
- package/cjs/components/Stepper/StepperStep/StepperStep.js +0 -2
- package/cjs/components/Stepper/StepperStep/StepperStep.js.map +1 -1
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Table/Table.components.js +1 -1
- package/cjs/components/Table/Table.components.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/TabsList/TabsList.js.map +1 -1
- package/cjs/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/cjs/components/TagsInput/TagsInput.js +5 -3
- package/cjs/components/TagsInput/TagsInput.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js +0 -2
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js +3 -0
- package/cjs/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +5 -3
- package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +1 -1
- package/cjs/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/cjs/index.css +63 -51
- package/esm/components/Accordion/Accordion.context.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +2 -1
- package/esm/components/Accordion/Accordion.js.map +1 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.js +1 -2
- package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js +1 -1
- package/esm/components/Accordion/AccordionPanel/AccordionPanel.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/Alert/Alert.js +2 -1
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Anchor/Anchor.js +4 -3
- package/esm/components/Anchor/Anchor.js.map +1 -1
- package/esm/components/AppShell/AppShell.js.map +1 -1
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js +8 -1
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -1
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js +8 -1
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -1
- package/esm/components/AppShell/AppShellMain/AppShellMain.js +1 -1
- package/esm/components/AppShell/AppShellMain/AppShellMain.js.map +1 -1
- package/esm/components/AppShell/AppShellSection/AppShellSection.js +1 -1
- package/esm/components/AppShell/AppShellSection/AppShellSection.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.js +2 -1
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Card/Card.js +1 -1
- package/esm/components/Card/Card.js.map +1 -1
- package/esm/components/Card/CardSection/CardSection.js +1 -19
- package/esm/components/Card/CardSection/CardSection.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Chip/Chip.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +1 -0
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.context.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +1 -1
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js +4 -3
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/Combobox/Combobox.js +4 -1
- package/esm/components/Combobox/Combobox.js.map +1 -1
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js +1 -1
- package/esm/components/Combobox/ComboboxEmpty/ComboboxEmpty.js.map +1 -1
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js +1 -1
- package/esm/components/Combobox/ComboboxFooter/ComboboxFooter.js.map +1 -1
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js +5 -1
- package/esm/components/Combobox/ComboboxGroup/ComboboxGroup.js.map +1 -1
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js +1 -1
- package/esm/components/Combobox/ComboboxHeader/ComboboxHeader.js.map +1 -1
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js +0 -2
- package/esm/components/Combobox/ComboboxOption/ComboboxOption.js.map +1 -1
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js +1 -1
- package/esm/components/Combobox/ComboboxOptions/ComboboxOptions.js.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js +8 -5
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/esm/components/Container/Container.js +3 -1
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +3 -2
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Drawer/DrawerBody.js +1 -1
- package/esm/components/Drawer/DrawerBody.js.map +1 -1
- package/esm/components/Drawer/DrawerCloseButton.js +1 -1
- package/esm/components/Drawer/DrawerCloseButton.js.map +1 -1
- package/esm/components/Drawer/DrawerContent.js.map +1 -1
- package/esm/components/Drawer/DrawerHeader.js +1 -1
- package/esm/components/Drawer/DrawerHeader.js.map +1 -1
- package/esm/components/Drawer/DrawerOverlay.js +1 -1
- package/esm/components/Drawer/DrawerOverlay.js.map +1 -1
- package/esm/components/Drawer/DrawerRoot.js +2 -1
- package/esm/components/Drawer/DrawerRoot.js.map +1 -1
- package/esm/components/Drawer/DrawerTitle.js +1 -1
- package/esm/components/Drawer/DrawerTitle.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.js.map +1 -1
- package/esm/components/Grid/Grid.js.map +1 -1
- package/esm/components/Grid/GridCol/GridCol.js +1 -1
- package/esm/components/Grid/GridCol/GridCol.js.map +1 -1
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Image/Image.js.map +1 -1
- package/esm/components/Indicator/Indicator.js.map +1 -1
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Input/use-input-props.js +4 -2
- package/esm/components/Input/use-input-props.js.map +1 -1
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.js +1 -1
- package/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/Menu/Menu.context.js.map +1 -1
- package/esm/components/Menu/Menu.js +2 -1
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/esm/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js +0 -2
- package/esm/components/Menu/MenuDropdown/MenuDropdown.js.map +1 -1
- package/esm/components/Menu/MenuItem/MenuItem.js +1 -2
- package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js +1 -1
- package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
- package/esm/components/Modal/ModalBody.js +1 -1
- package/esm/components/Modal/ModalBody.js.map +1 -1
- package/esm/components/Modal/ModalCloseButton.js +1 -1
- package/esm/components/Modal/ModalCloseButton.js.map +1 -1
- package/esm/components/Modal/ModalContent.js.map +1 -1
- package/esm/components/Modal/ModalHeader.js +1 -1
- package/esm/components/Modal/ModalHeader.js.map +1 -1
- package/esm/components/Modal/ModalOverlay.js +1 -1
- package/esm/components/Modal/ModalOverlay.js.map +1 -1
- package/esm/components/Modal/ModalRoot.js +2 -1
- package/esm/components/Modal/ModalRoot.js.map +1 -1
- package/esm/components/Modal/ModalTitle.js +1 -1
- package/esm/components/Modal/ModalTitle.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.context.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.js +6 -3
- package/esm/components/ModalBase/ModalBase.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseBody.js +11 -1
- package/esm/components/ModalBase/ModalBaseBody.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseCloseButton.js +2 -1
- package/esm/components/ModalBase/ModalBaseCloseButton.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseContent.js +22 -15
- package/esm/components/ModalBase/ModalBaseContent.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseHeader.js +3 -1
- package/esm/components/ModalBase/ModalBaseHeader.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseOverlay.js +1 -0
- package/esm/components/ModalBase/ModalBaseOverlay.js.map +1 -1
- package/esm/components/ModalBase/ModalBaseTitle.js +12 -1
- package/esm/components/ModalBase/ModalBaseTitle.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +5 -3
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/NativeSelect/NativeSelect.js +3 -2
- package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js +1 -0
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Pagination/PaginationControl/PaginationControl.js +1 -21
- package/esm/components/Pagination/PaginationControl/PaginationControl.js.map +1 -1
- package/esm/components/Pagination/PaginationDots/PaginationDots.js +1 -1
- package/esm/components/Pagination/PaginationDots/PaginationDots.js.map +1 -1
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -1
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/PasswordInput/PasswordInput.js +3 -1
- package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
- package/esm/components/Pill/Pill.js +2 -1
- package/esm/components/Pill/Pill.js.map +1 -1
- package/esm/components/PinInput/PinInput.js +11 -7
- package/esm/components/PinInput/PinInput.js.map +1 -1
- package/esm/components/Popover/Popover.context.js.map +1 -1
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js +0 -2
- package/esm/components/Popover/PopoverDropdown/PopoverDropdown.js.map +1 -1
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js +1 -1
- package/esm/components/Progress/ProgressLabel/ProgressLabel.js.map +1 -1
- package/esm/components/Progress/ProgressRoot/ProgressRoot.js.map +1 -1
- package/esm/components/Progress/ProgressSection/ProgressSection.js +0 -2
- package/esm/components/Progress/ProgressSection/ProgressSection.js.map +1 -1
- package/esm/components/Radio/Radio.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/Select/Select.js +9 -5
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js +6 -3
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +2 -1
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Stepper/Stepper.js.map +1 -1
- package/esm/components/Stepper/StepperStep/StepperStep.js +0 -2
- package/esm/components/Stepper/StepperStep/StepperStep.js.map +1 -1
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Table/Table.components.js +1 -1
- package/esm/components/Table/Table.components.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/TabsList/TabsList.js.map +1 -1
- package/esm/components/Tabs/TabsPanel/TabsPanel.js.map +1 -1
- package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
- package/esm/components/TagsInput/TagsInput.js +5 -3
- package/esm/components/TagsInput/TagsInput.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.js +0 -2
- package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js +3 -0
- package/esm/core/Box/style-props/resolvers/color-resolver/color-resolver.js.map +1 -1
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +5 -3
- package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js +1 -1
- package/esm/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.js.map +1 -1
- package/esm/index.css +63 -51
- package/esm/styles/Badge.css +1 -1
- package/esm/styles/Checkbox.css +1 -1
- package/esm/styles/Image.css +1 -1
- package/esm/styles/Input.css +1 -1
- package/esm/styles/PasswordInput.css +1 -1
- package/esm/styles/Radio.css +1 -1
- package/esm/styles/Rating.css +1 -1
- package/esm/styles/global.css +1 -1
- package/lib/components/Accordion/Accordion.context.d.ts +1 -0
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts +2 -2
- package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts +2 -2
- package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts +2 -2
- package/lib/components/ActionIcon/ActionIcon.d.ts +1 -1
- package/lib/components/Alert/Alert.d.ts +1 -1
- package/lib/components/AppShell/AppShell.d.ts +1 -1
- package/lib/components/AppShell/AppShellMain/AppShellMain.d.ts +2 -2
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +2 -2
- package/lib/components/Avatar/Avatar.d.ts +1 -1
- package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts +1 -1
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +1 -1
- package/lib/components/Badge/Badge.d.ts +1 -1
- package/lib/components/Blockquote/Blockquote.d.ts +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Card/Card.d.ts +3 -3
- package/lib/components/Card/CardSection/CardSection.d.ts +2 -2
- package/lib/components/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.context.d.ts +1 -0
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +77 -1
- package/lib/components/Combobox/ComboboxEmpty/ComboboxEmpty.d.ts +2 -2
- package/lib/components/Combobox/ComboboxFooter/ComboboxFooter.d.ts +2 -2
- package/lib/components/Combobox/ComboboxGroup/ComboboxGroup.d.ts +2 -2
- package/lib/components/Combobox/ComboboxHeader/ComboboxHeader.d.ts +2 -2
- package/lib/components/Combobox/ComboboxOption/ComboboxOption.d.ts +2 -2
- package/lib/components/Combobox/ComboboxOptions/ComboboxOptions.d.ts +2 -2
- package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts +2 -1
- package/lib/components/Drawer/DrawerBody.d.ts +2 -2
- package/lib/components/Drawer/DrawerCloseButton.d.ts +2 -2
- package/lib/components/Drawer/DrawerContent.d.ts +2 -2
- package/lib/components/Drawer/DrawerHeader.d.ts +2 -2
- package/lib/components/Drawer/DrawerOverlay.d.ts +2 -2
- package/lib/components/Drawer/DrawerTitle.d.ts +2 -2
- package/lib/components/Fieldset/Fieldset.d.ts +1 -1
- package/lib/components/Grid/Grid.d.ts +1 -1
- package/lib/components/Grid/GridCol/GridCol.d.ts +2 -2
- package/lib/components/Group/Group.d.ts +1 -1
- package/lib/components/Image/Image.d.ts +1 -1
- package/lib/components/Indicator/Indicator.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/use-input-props.d.ts +5 -3
- package/lib/components/List/List.d.ts +1 -1
- package/lib/components/List/ListItem/ListItem.d.ts +2 -2
- package/lib/components/Menu/Menu.context.d.ts +1 -0
- package/lib/components/Menu/MenuDivider/MenuDivider.d.ts +2 -2
- package/lib/components/Menu/MenuDropdown/MenuDropdown.d.ts +2 -2
- package/lib/components/Menu/MenuItem/MenuItem.d.ts +3 -3
- package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +2 -2
- package/lib/components/Modal/ModalBody.d.ts +2 -2
- package/lib/components/Modal/ModalCloseButton.d.ts +2 -2
- package/lib/components/Modal/ModalContent.d.ts +2 -2
- package/lib/components/Modal/ModalHeader.d.ts +2 -2
- package/lib/components/Modal/ModalOverlay.d.ts +2 -2
- package/lib/components/Modal/ModalRoot.d.ts +1 -1
- package/lib/components/Modal/ModalTitle.d.ts +2 -2
- package/lib/components/ModalBase/ModalBase.context.d.ts +1 -0
- package/lib/components/ModalBase/ModalBase.d.ts +3 -2
- package/lib/components/ModalBase/ModalBaseContent.d.ts +2 -2
- package/lib/components/Notification/Notification.d.ts +1 -1
- package/lib/components/Overlay/Overlay.d.ts +1 -1
- package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts +2 -2
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +2 -2
- package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts +1 -1
- package/lib/components/Paper/Paper.d.ts +2 -2
- 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 +2 -2
- package/lib/components/Popover/Popover.d.ts +2 -2
- package/lib/components/Popover/PopoverDropdown/PopoverDropdown.d.ts +2 -2
- package/lib/components/Progress/ProgressLabel/ProgressLabel.d.ts +2 -2
- package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts +1 -1
- package/lib/components/Progress/ProgressSection/ProgressSection.d.ts +2 -2
- package/lib/components/Radio/Radio.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +1 -1
- package/lib/components/SimpleGrid/SimpleGrid.d.ts +2 -2
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +1 -1
- package/lib/components/Slider/Slider/Slider.d.ts +1 -1
- package/lib/components/Slider/SliderRoot/SliderRoot.d.ts +1 -1
- package/lib/components/Stack/Stack.d.ts +1 -1
- package/lib/components/Stepper/Stepper.d.ts +2 -2
- package/lib/components/Stepper/StepperStep/StepperStep.d.ts +2 -2
- package/lib/components/Switch/Switch.d.ts +1 -1
- package/lib/components/Table/Table.components.d.ts +2 -2
- package/lib/components/Table/Table.d.ts +2 -2
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/Tabs/TabsList/TabsList.d.ts +2 -2
- package/lib/components/Tabs/TabsPanel/TabsPanel.d.ts +2 -2
- package/lib/components/Tabs/TabsTab/TabsTab.d.ts +2 -2
- package/lib/components/ThemeIcon/ThemeIcon.d.ts +1 -1
- package/lib/components/Timeline/Timeline.d.ts +1 -1
- package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts +3 -3
- package/lib/components/Tooltip/Tooltip.types.d.ts +1 -1
- package/lib/core/Box/style-props/style-props.types.d.ts +14 -15
- package/lib/core/MantineProvider/theme.types.d.ts +4 -4
- package/lib/core/styles-api/styles-api.types.d.ts +3 -1
- package/package.json +3 -3
package/cjs/index.css
CHANGED
|
@@ -81,11 +81,6 @@ body {
|
|
|
81
81
|
--mantine-moz-font-smoothing: grayscale;
|
|
82
82
|
--mantine-color-white: #fff;
|
|
83
83
|
--mantine-color-black: #000;
|
|
84
|
-
--mantine-primary-color-filled: var(--mantine-color-blue-filled);
|
|
85
|
-
--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
|
|
86
|
-
--mantine-primary-color-light: var(--mantine-color-blue-light);
|
|
87
|
-
--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
|
|
88
|
-
--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
|
|
89
84
|
--mantine-line-height: 1.55;
|
|
90
85
|
--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial,
|
|
91
86
|
sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
@@ -95,6 +90,11 @@ body {
|
|
|
95
90
|
Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
|
96
91
|
--mantine-heading-font-weight: 700;
|
|
97
92
|
--mantine-radius-default: calc(0.25rem * var(--mantine-scale));
|
|
93
|
+
--mantine-primary-color-filled: var(--mantine-color-blue-filled);
|
|
94
|
+
--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
|
|
95
|
+
--mantine-primary-color-light: var(--mantine-color-blue-light);
|
|
96
|
+
--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
|
|
97
|
+
--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
|
|
98
98
|
--mantine-breakpoint-xs: 36em;
|
|
99
99
|
--mantine-breakpoint-sm: 48em;
|
|
100
100
|
--mantine-breakpoint-md: 62em;
|
|
@@ -310,6 +310,7 @@ body {
|
|
|
310
310
|
|
|
311
311
|
:root[data-mantine-color-scheme='dark'] {
|
|
312
312
|
--mantine-color-scheme: dark;
|
|
313
|
+
--mantine-color-bright: var(--mantine-color-white);
|
|
313
314
|
--mantine-color-text: var(--mantine-color-dark-0);
|
|
314
315
|
--mantine-color-body: #1a1b1e;
|
|
315
316
|
--mantine-color-error: #c92a2a;
|
|
@@ -322,106 +323,107 @@ body {
|
|
|
322
323
|
--mantine-color-dimmed: var(--mantine-color-dark-2);
|
|
323
324
|
--mantine-color-dark-filled: #141517;
|
|
324
325
|
--mantine-color-dark-filled-hover: #101113;
|
|
325
|
-
--mantine-color-dark-light: rgba(37, 38, 43, 0.
|
|
326
|
-
--mantine-color-dark-light-hover: rgba(37, 38, 43, 0.
|
|
327
|
-
--mantine-color-dark-light-color: #
|
|
326
|
+
--mantine-color-dark-light: rgba(37, 38, 43, 0.15);
|
|
327
|
+
--mantine-color-dark-light-hover: rgba(37, 38, 43, 0.2);
|
|
328
|
+
--mantine-color-dark-light-color: #5c5f66;
|
|
328
329
|
--mantine-color-dark-outline: #373a40;
|
|
329
330
|
--mantine-color-dark-outline-hover: rgba(55, 58, 64, 0.05);
|
|
330
331
|
--mantine-color-gray-filled: #343a40;
|
|
331
332
|
--mantine-color-gray-filled-hover: #212529;
|
|
332
|
-
--mantine-color-gray-light: rgba(134, 142, 150, 0.
|
|
333
|
-
--mantine-color-gray-light-hover: rgba(134, 142, 150, 0.
|
|
334
|
-
--mantine-color-gray-light-color: #
|
|
333
|
+
--mantine-color-gray-light: rgba(134, 142, 150, 0.15);
|
|
334
|
+
--mantine-color-gray-light-hover: rgba(134, 142, 150, 0.2);
|
|
335
|
+
--mantine-color-gray-light-color: #dee2e6;
|
|
335
336
|
--mantine-color-gray-outline: #ced4da;
|
|
336
337
|
--mantine-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
|
|
337
338
|
--mantine-color-red-filled: #e03131;
|
|
338
339
|
--mantine-color-red-filled-hover: #c92a2a;
|
|
339
|
-
--mantine-color-red-light: rgba(250, 82, 82, 0.
|
|
340
|
-
--mantine-color-red-light-hover: rgba(250, 82, 82, 0.
|
|
341
|
-
--mantine-color-red-light-color: #
|
|
340
|
+
--mantine-color-red-light: rgba(250, 82, 82, 0.15);
|
|
341
|
+
--mantine-color-red-light-hover: rgba(250, 82, 82, 0.2);
|
|
342
|
+
--mantine-color-red-light-color: #ffa8a8;
|
|
342
343
|
--mantine-color-red-outline: #ff8787;
|
|
343
344
|
--mantine-color-red-outline-hover: rgba(255, 135, 135, 0.05);
|
|
344
345
|
--mantine-color-pink-filled: #c2255c;
|
|
345
346
|
--mantine-color-pink-filled-hover: #a61e4d;
|
|
346
|
-
--mantine-color-pink-light: rgba(230, 73, 128, 0.
|
|
347
|
-
--mantine-color-pink-light-hover: rgba(230, 73, 128, 0.
|
|
348
|
-
--mantine-color-pink-light-color: #
|
|
347
|
+
--mantine-color-pink-light: rgba(230, 73, 128, 0.15);
|
|
348
|
+
--mantine-color-pink-light-hover: rgba(230, 73, 128, 0.2);
|
|
349
|
+
--mantine-color-pink-light-color: #faa2c1;
|
|
349
350
|
--mantine-color-pink-outline: #f783ac;
|
|
350
351
|
--mantine-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
|
|
351
352
|
--mantine-color-grape-filled: #9c36b5;
|
|
352
353
|
--mantine-color-grape-filled-hover: #862e9c;
|
|
353
|
-
--mantine-color-grape-light: rgba(190, 75, 219, 0.
|
|
354
|
-
--mantine-color-grape-light-hover: rgba(190, 75, 219, 0.
|
|
355
|
-
--mantine-color-grape-light-color: #
|
|
354
|
+
--mantine-color-grape-light: rgba(190, 75, 219, 0.15);
|
|
355
|
+
--mantine-color-grape-light-hover: rgba(190, 75, 219, 0.2);
|
|
356
|
+
--mantine-color-grape-light-color: #e599f7;
|
|
356
357
|
--mantine-color-grape-outline: #da77f2;
|
|
357
358
|
--mantine-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
|
|
358
359
|
--mantine-color-violet-filled: #6741d9;
|
|
359
360
|
--mantine-color-violet-filled-hover: #5f3dc4;
|
|
360
|
-
--mantine-color-violet-light: rgba(121, 80, 242, 0.
|
|
361
|
-
--mantine-color-violet-light-hover: rgba(121, 80, 242, 0.
|
|
362
|
-
--mantine-color-violet-light-color: #
|
|
361
|
+
--mantine-color-violet-light: rgba(121, 80, 242, 0.15);
|
|
362
|
+
--mantine-color-violet-light-hover: rgba(121, 80, 242, 0.2);
|
|
363
|
+
--mantine-color-violet-light-color: #b197fc;
|
|
363
364
|
--mantine-color-violet-outline: #9775fa;
|
|
364
365
|
--mantine-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
|
|
365
366
|
--mantine-color-indigo-filled: #3b5bdb;
|
|
366
367
|
--mantine-color-indigo-filled-hover: #364fc7;
|
|
367
|
-
--mantine-color-indigo-light: rgba(76, 110, 245, 0.
|
|
368
|
-
--mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.
|
|
369
|
-
--mantine-color-indigo-light-color: #
|
|
368
|
+
--mantine-color-indigo-light: rgba(76, 110, 245, 0.15);
|
|
369
|
+
--mantine-color-indigo-light-hover: rgba(76, 110, 245, 0.2);
|
|
370
|
+
--mantine-color-indigo-light-color: #91a7ff;
|
|
370
371
|
--mantine-color-indigo-outline: #748ffc;
|
|
371
372
|
--mantine-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
|
|
372
373
|
--mantine-color-blue-filled: #1971c2;
|
|
373
374
|
--mantine-color-blue-filled-hover: #1864ab;
|
|
374
|
-
--mantine-color-blue-light: rgba(34, 139, 230, 0.
|
|
375
|
-
--mantine-color-blue-light-hover: rgba(34, 139, 230, 0.
|
|
376
|
-
--mantine-color-blue-light-color: #
|
|
375
|
+
--mantine-color-blue-light: rgba(34, 139, 230, 0.15);
|
|
376
|
+
--mantine-color-blue-light-hover: rgba(34, 139, 230, 0.2);
|
|
377
|
+
--mantine-color-blue-light-color: #74c0fc;
|
|
377
378
|
--mantine-color-blue-outline: #4dabf7;
|
|
378
379
|
--mantine-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
|
|
379
380
|
--mantine-color-cyan-filled: #0c8599;
|
|
380
381
|
--mantine-color-cyan-filled-hover: #0b7285;
|
|
381
|
-
--mantine-color-cyan-light: rgba(21, 170, 191, 0.
|
|
382
|
-
--mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.
|
|
383
|
-
--mantine-color-cyan-light-color: #
|
|
382
|
+
--mantine-color-cyan-light: rgba(21, 170, 191, 0.15);
|
|
383
|
+
--mantine-color-cyan-light-hover: rgba(21, 170, 191, 0.2);
|
|
384
|
+
--mantine-color-cyan-light-color: #66d9e8;
|
|
384
385
|
--mantine-color-cyan-outline: #3bc9db;
|
|
385
386
|
--mantine-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
|
|
386
387
|
--mantine-color-teal-filled: #099268;
|
|
387
388
|
--mantine-color-teal-filled-hover: #087f5b;
|
|
388
|
-
--mantine-color-teal-light: rgba(18, 184, 134, 0.
|
|
389
|
-
--mantine-color-teal-light-hover: rgba(18, 184, 134, 0.
|
|
390
|
-
--mantine-color-teal-light-color: #
|
|
389
|
+
--mantine-color-teal-light: rgba(18, 184, 134, 0.15);
|
|
390
|
+
--mantine-color-teal-light-hover: rgba(18, 184, 134, 0.2);
|
|
391
|
+
--mantine-color-teal-light-color: #63e6be;
|
|
391
392
|
--mantine-color-teal-outline: #38d9a9;
|
|
392
393
|
--mantine-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
|
|
393
394
|
--mantine-color-green-filled: #2f9e44;
|
|
394
395
|
--mantine-color-green-filled-hover: #2b8a3e;
|
|
395
|
-
--mantine-color-green-light: rgba(64, 192, 87, 0.
|
|
396
|
-
--mantine-color-green-light-hover: rgba(64, 192, 87, 0.
|
|
397
|
-
--mantine-color-green-light-color: #
|
|
396
|
+
--mantine-color-green-light: rgba(64, 192, 87, 0.15);
|
|
397
|
+
--mantine-color-green-light-hover: rgba(64, 192, 87, 0.2);
|
|
398
|
+
--mantine-color-green-light-color: #8ce99a;
|
|
398
399
|
--mantine-color-green-outline: #69db7c;
|
|
399
400
|
--mantine-color-green-outline-hover: rgba(105, 219, 124, 0.05);
|
|
400
401
|
--mantine-color-lime-filled: #66a80f;
|
|
401
402
|
--mantine-color-lime-filled-hover: #5c940d;
|
|
402
|
-
--mantine-color-lime-light: rgba(130, 201, 30, 0.
|
|
403
|
-
--mantine-color-lime-light-hover: rgba(130, 201, 30, 0.
|
|
404
|
-
--mantine-color-lime-light-color: #
|
|
403
|
+
--mantine-color-lime-light: rgba(130, 201, 30, 0.15);
|
|
404
|
+
--mantine-color-lime-light-hover: rgba(130, 201, 30, 0.2);
|
|
405
|
+
--mantine-color-lime-light-color: #c0eb75;
|
|
405
406
|
--mantine-color-lime-outline: #a9e34b;
|
|
406
407
|
--mantine-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
|
|
407
408
|
--mantine-color-yellow-filled: #f08c00;
|
|
408
409
|
--mantine-color-yellow-filled-hover: #e67700;
|
|
409
|
-
--mantine-color-yellow-light: rgba(250, 176, 5, 0.
|
|
410
|
-
--mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.
|
|
411
|
-
--mantine-color-yellow-light-color: #
|
|
410
|
+
--mantine-color-yellow-light: rgba(250, 176, 5, 0.15);
|
|
411
|
+
--mantine-color-yellow-light-hover: rgba(250, 176, 5, 0.2);
|
|
412
|
+
--mantine-color-yellow-light-color: #ffe066;
|
|
412
413
|
--mantine-color-yellow-outline: #ffd43b;
|
|
413
414
|
--mantine-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
|
|
414
415
|
--mantine-color-orange-filled: #e8590c;
|
|
415
416
|
--mantine-color-orange-filled-hover: #d9480f;
|
|
416
|
-
--mantine-color-orange-light: rgba(253, 126, 20, 0.
|
|
417
|
-
--mantine-color-orange-light-hover: rgba(253, 126, 20, 0.
|
|
418
|
-
--mantine-color-orange-light-color: #
|
|
417
|
+
--mantine-color-orange-light: rgba(253, 126, 20, 0.15);
|
|
418
|
+
--mantine-color-orange-light-hover: rgba(253, 126, 20, 0.2);
|
|
419
|
+
--mantine-color-orange-light-color: #ffc078;
|
|
419
420
|
--mantine-color-orange-outline: #ffa94d;
|
|
420
421
|
--mantine-color-orange-outline-hover: rgba(255, 169, 77, 0.05);
|
|
421
422
|
}
|
|
422
423
|
|
|
423
424
|
:root[data-mantine-color-scheme='light'] {
|
|
424
425
|
--mantine-color-scheme: light;
|
|
426
|
+
--mantine-color-bright: var(--mantine-color-black);
|
|
425
427
|
--mantine-color-text: #000;
|
|
426
428
|
--mantine-color-body: #fff;
|
|
427
429
|
--mantine-color-error: #fa5252;
|
|
@@ -1161,7 +1163,7 @@ body {
|
|
|
1161
1163
|
--_input-padding-left: var(--_input-padding);
|
|
1162
1164
|
--_input-padding-right: var(--_input-padding);
|
|
1163
1165
|
--_input-placeholder-color: var(--mantine-color-placeholder);
|
|
1164
|
-
--_input-color:
|
|
1166
|
+
--_input-color: var(--mantine-color-text);
|
|
1165
1167
|
--_input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
|
|
1166
1168
|
--_input-right-section-size: var(
|
|
1167
1169
|
--input-right-section-width,
|
|
@@ -2345,8 +2347,11 @@ body {
|
|
|
2345
2347
|
padding: 0;
|
|
2346
2348
|
display: block;
|
|
2347
2349
|
margin: 0;
|
|
2348
|
-
transition:
|
|
2350
|
+
transition:
|
|
2351
|
+
border-color 100ms ease,
|
|
2352
|
+
background-color 100ms ease;
|
|
2349
2353
|
cursor: var(--_checkbox-cursor, var(--mantine-cursor-type));
|
|
2354
|
+
-webkit-tap-highlight-color: transparent;
|
|
2350
2355
|
}
|
|
2351
2356
|
|
|
2352
2357
|
[data-mantine-color-scheme='light'] .m-26063560 {
|
|
@@ -2407,7 +2412,9 @@ body {
|
|
|
2407
2412
|
pointer-events: none;
|
|
2408
2413
|
transform: var(--_checkbox-icon-transform, translateY(calc(0.3125rem * var(--mantine-scale))) scale(0.5));
|
|
2409
2414
|
opacity: var(--_checkbox-icon-opacity, 0);
|
|
2410
|
-
transition:
|
|
2415
|
+
transition:
|
|
2416
|
+
transform 100ms ease,
|
|
2417
|
+
opacity 100ms ease;
|
|
2411
2418
|
}
|
|
2412
2419
|
|
|
2413
2420
|
.m-f85678b6 {
|
|
@@ -2521,7 +2528,7 @@ body {
|
|
|
2521
2528
|
display: var(--_badge-display, inline-flex);
|
|
2522
2529
|
align-items: center;
|
|
2523
2530
|
justify-content: center;
|
|
2524
|
-
width: var(--_badge-width,
|
|
2531
|
+
width: var(--_badge-width, fit-content);
|
|
2525
2532
|
text-transform: uppercase;
|
|
2526
2533
|
font-weight: 700;
|
|
2527
2534
|
letter-spacing: calc(0.015625rem * var(--mantine-scale));
|
|
@@ -3721,6 +3728,7 @@ body {
|
|
|
3721
3728
|
|
|
3722
3729
|
.m-9e117634 {
|
|
3723
3730
|
display: block;
|
|
3731
|
+
flex: 0 1;
|
|
3724
3732
|
object-fit: var(--image-object-fit, cover);
|
|
3725
3733
|
width: 100%;
|
|
3726
3734
|
border-radius: var(--image-radius, 0);
|
|
@@ -4712,6 +4720,7 @@ body {
|
|
|
4712
4720
|
inset: 0;
|
|
4713
4721
|
outline: 0;
|
|
4714
4722
|
font-size: inherit;
|
|
4723
|
+
color: inherit;
|
|
4715
4724
|
}
|
|
4716
4725
|
|
|
4717
4726
|
[data-disabled] .m-f2d85dd2,
|
|
@@ -4888,6 +4897,7 @@ body {
|
|
|
4888
4897
|
transition-timing-function: ease;
|
|
4889
4898
|
transition-duration: 100ms;
|
|
4890
4899
|
cursor: var(--_cursor, var(--mantine-cursor-type));
|
|
4900
|
+
-webkit-tap-highlight-color: transparent;
|
|
4891
4901
|
}
|
|
4892
4902
|
|
|
4893
4903
|
[data-mantine-color-scheme='light'] .m-8a3dbb89 {
|
|
@@ -4991,6 +5001,7 @@ body {
|
|
|
4991
5001
|
overflow: hidden;
|
|
4992
5002
|
white-space: nowrap;
|
|
4993
5003
|
opacity: 0;
|
|
5004
|
+
-webkit-tap-highlight-color: transparent;
|
|
4994
5005
|
}
|
|
4995
5006
|
|
|
4996
5007
|
.m-211007ba:focus-visible + label {
|
|
@@ -5005,6 +5016,7 @@ body {
|
|
|
5005
5016
|
top: 0;
|
|
5006
5017
|
left: 0;
|
|
5007
5018
|
z-index: var(--rating-item-z-index, 0);
|
|
5019
|
+
-webkit-tap-highlight-color: transparent;
|
|
5008
5020
|
}
|
|
5009
5021
|
|
|
5010
5022
|
.m-21342ee4[data-read-only] {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.context.js","sources":["../../../src/components/Accordion/Accordion.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport { AccordionChevronPosition, AccordionHeadingOrder } from './Accordion.types';\nimport type { AccordionFactory } from './Accordion';\n\ninterface AccordionContext {\n loop: boolean | undefined;\n transitionDuration: number | undefined;\n disableChevronRotation: boolean | undefined;\n chevronPosition: AccordionChevronPosition | undefined;\n order: AccordionHeadingOrder | undefined;\n chevron: React.ReactNode;\n onChange(value: string): void;\n isItemActive(value: string): boolean;\n getControlId(value: string): string;\n getRegionId(value: string): string;\n getStyles: GetStylesApi<AccordionFactory>;\n variant: string | undefined;\n}\n\nexport const [AccordionProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n 'Accordion component was not found in the tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB;AACzE,EAAE,+CAA+C;AACjD;;;;"}
|
|
1
|
+
{"version":3,"file":"Accordion.context.js","sources":["../../../src/components/Accordion/Accordion.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi } from '../../core';\nimport { AccordionChevronPosition, AccordionHeadingOrder } from './Accordion.types';\nimport type { AccordionFactory } from './Accordion';\n\ninterface AccordionContext {\n loop: boolean | undefined;\n transitionDuration: number | undefined;\n disableChevronRotation: boolean | undefined;\n chevronPosition: AccordionChevronPosition | undefined;\n order: AccordionHeadingOrder | undefined;\n chevron: React.ReactNode;\n onChange(value: string): void;\n isItemActive(value: string): boolean;\n getControlId(value: string): string;\n getRegionId(value: string): string;\n getStyles: GetStylesApi<AccordionFactory>;\n variant: string | undefined;\n unstyled: boolean | undefined;\n}\n\nexport const [AccordionProvider, useAccordionContext] = createSafeContext<AccordionContext>(\n 'Accordion component was not found in the tree'\n);\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB;AACzE,EAAE,+CAA+C;AACjD;;;;"}
|
|
@@ -155,7 +155,8 @@ function Accordion(_props) {
|
|
|
155
155
|
chevron,
|
|
156
156
|
loop,
|
|
157
157
|
getStyles,
|
|
158
|
-
variant
|
|
158
|
+
variant,
|
|
159
|
+
unstyled
|
|
159
160
|
}
|
|
160
161
|
},
|
|
161
162
|
/* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues(__spreadValues({}, getStyles("root")), others), { variant, "data-accordion": true }), children)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineRadius,\n getSafeId,\n ExtendComponent,\n MantineThemeComponent,\n rem,\n getRadius,\n} from '../../core';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionItem } from './AccordionItem/AccordionItem';\nimport { AccordionPanel } from './AccordionPanel/AccordionPanel';\nimport { AccordionControl } from './AccordionControl/AccordionControl';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport classes from './Accordion.module.css';\nimport { AccordionProvider } from './Accordion.context';\n\nexport type AccordionStylesNames =\n | 'root'\n | 'content'\n | 'item'\n | 'panel'\n | 'icon'\n | 'chevron'\n | 'label'\n | 'itemTitle'\n | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n extends BoxProps,\n StylesApiProps<AccordionFactory>,\n ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n /** Determines whether multiple items can be opened at a time, `false` by default */\n multiple?: Multiple;\n\n /** Value for controlled component */\n value?: AccordionValue<Multiple>;\n\n /** Default value for uncontrolled component */\n defaultValue?: AccordionValue<Multiple>;\n\n /** Called when value changes */\n onChange?(value: AccordionValue<Multiple>): void;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */\n loop?: boolean;\n\n /** Transition duration in ms, `200` by default */\n transitionDuration?: number;\n\n /** Determines whether chevron rotation should be disabled, `false` by default */\n disableChevronRotation?: boolean;\n\n /** Position of the chevron relative to the item label, `right` by default */\n chevronPosition?: AccordionChevronPosition;\n\n /** Size of the chevron icon container, `24` by default */\n chevronSize?: number | string;\n\n /** Heading order, has no effect on visuals */\n order?: AccordionHeadingOrder;\n\n /** Custom chevron icon that will be used in all items */\n chevron?: React.ReactNode;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */\n radius?: MantineRadius | (string & {}) | number;\n}\n\nexport type AccordionFactory = Factory<{\n props: AccordionProps;\n ref: HTMLDivElement;\n stylesNames: AccordionStylesNames;\n vars: AccordionCssVariables;\n variant: AccordionVariant;\n}>;\n\nconst defaultProps: Partial<AccordionProps> = {\n multiple: false,\n disableChevronRotation: false,\n transitionDuration: 200,\n chevronPosition: 'right',\n variant: 'default',\n chevronSize: 15,\n chevron: <AccordionChevron />,\n};\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n (_, { transitionDuration, chevronSize, radius }) => ({\n root: {\n '--accordion-transition-duration': `${transitionDuration}ms`,\n '--accordion-chevron-size': rem(chevronSize),\n '--accordion-radius': getRadius(radius),\n },\n })\n);\n\nexport function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>) {\n const props = useProps('Accordion', defaultProps as AccordionProps<Multiple>, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n id,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n ...others\n } = props;\n\n const uid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: multiple ? ([] as any) : null,\n onChange,\n });\n\n const isItemActive = (itemValue: string) =>\n Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n const handleItemChange = (itemValue: string) => {\n const nextValue: AccordionValue<Multiple> = Array.isArray(_value)\n ? _value.includes(itemValue)\n ? _value.filter((selectedValue) => selectedValue !== itemValue)\n : [..._value, itemValue]\n : itemValue === _value\n ? null\n : (itemValue as any);\n\n handleChange(nextValue);\n };\n\n const getStyles = useStyles<AccordionFactory>({\n name: 'Accordion',\n classes,\n props: props as AccordionProps,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <AccordionProvider\n value={{\n isItemActive,\n onChange: handleItemChange,\n getControlId: getSafeId(\n `${uid}-control`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n getRegionId: getSafeId(\n `${uid}-panel`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n order,\n chevron,\n loop,\n getStyles,\n variant,\n }}\n >\n <Box {...getStyles('root')} {...others} variant={variant} data-accordion>\n {children}\n </Box>\n </AccordionProvider>\n );\n}\n\nconst extendAccordion = (c: ExtendComponent<AccordionFactory>): MantineThemeComponent => c;\n\nAccordion.extend = extendAccordion;\nAccordion.classes = classes;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n MantineRadius,\n getSafeId,\n ExtendComponent,\n MantineThemeComponent,\n rem,\n getRadius,\n} from '../../core';\nimport { AccordionChevron } from './AccordionChevron';\nimport { AccordionItem } from './AccordionItem/AccordionItem';\nimport { AccordionPanel } from './AccordionPanel/AccordionPanel';\nimport { AccordionControl } from './AccordionControl/AccordionControl';\nimport { AccordionChevronPosition, AccordionHeadingOrder, AccordionValue } from './Accordion.types';\nimport classes from './Accordion.module.css';\nimport { AccordionProvider } from './Accordion.context';\n\nexport type AccordionStylesNames =\n | 'root'\n | 'content'\n | 'item'\n | 'panel'\n | 'icon'\n | 'chevron'\n | 'label'\n | 'itemTitle'\n | 'control';\n\nexport type AccordionVariant = 'default' | 'contained' | 'filled' | 'separated';\nexport type AccordionCssVariables = {\n root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';\n};\n\nexport interface AccordionProps<Multiple extends boolean = false>\n extends BoxProps,\n StylesApiProps<AccordionFactory>,\n ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {\n /** Determines whether multiple items can be opened at a time, `false` by default */\n multiple?: Multiple;\n\n /** Value for controlled component */\n value?: AccordionValue<Multiple>;\n\n /** Default value for uncontrolled component */\n defaultValue?: AccordionValue<Multiple>;\n\n /** Called when value changes */\n onChange?(value: AccordionValue<Multiple>): void;\n\n /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */\n loop?: boolean;\n\n /** Transition duration in ms, `200` by default */\n transitionDuration?: number;\n\n /** Determines whether chevron rotation should be disabled, `false` by default */\n disableChevronRotation?: boolean;\n\n /** Position of the chevron relative to the item label, `right` by default */\n chevronPosition?: AccordionChevronPosition;\n\n /** Size of the chevron icon container, `24` by default */\n chevronSize?: number | string;\n\n /** Heading order, has no effect on visuals */\n order?: AccordionHeadingOrder;\n\n /** Custom chevron icon that will be used in all items */\n chevron?: React.ReactNode;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */\n radius?: MantineRadius;\n}\n\nexport type AccordionFactory = Factory<{\n props: AccordionProps;\n ref: HTMLDivElement;\n stylesNames: AccordionStylesNames;\n vars: AccordionCssVariables;\n variant: AccordionVariant;\n}>;\n\nconst defaultProps: Partial<AccordionProps> = {\n multiple: false,\n disableChevronRotation: false,\n transitionDuration: 200,\n chevronPosition: 'right',\n variant: 'default',\n chevronSize: 15,\n chevron: <AccordionChevron />,\n};\n\nconst varsResolver = createVarsResolver<AccordionFactory>(\n (_, { transitionDuration, chevronSize, radius }) => ({\n root: {\n '--accordion-transition-duration': `${transitionDuration}ms`,\n '--accordion-chevron-size': rem(chevronSize),\n '--accordion-radius': getRadius(radius),\n },\n })\n);\n\nexport function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>) {\n const props = useProps('Accordion', defaultProps as AccordionProps<Multiple>, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n id,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n ...others\n } = props;\n\n const uid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: multiple ? ([] as any) : null,\n onChange,\n });\n\n const isItemActive = (itemValue: string) =>\n Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n\n const handleItemChange = (itemValue: string) => {\n const nextValue: AccordionValue<Multiple> = Array.isArray(_value)\n ? _value.includes(itemValue)\n ? _value.filter((selectedValue) => selectedValue !== itemValue)\n : [..._value, itemValue]\n : itemValue === _value\n ? null\n : (itemValue as any);\n\n handleChange(nextValue);\n };\n\n const getStyles = useStyles<AccordionFactory>({\n name: 'Accordion',\n classes,\n props: props as AccordionProps,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <AccordionProvider\n value={{\n isItemActive,\n onChange: handleItemChange,\n getControlId: getSafeId(\n `${uid}-control`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n getRegionId: getSafeId(\n `${uid}-panel`,\n 'Accordion.Item component was rendered with invalid value or without value'\n ),\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n order,\n chevron,\n loop,\n getStyles,\n variant,\n unstyled,\n }}\n >\n <Box {...getStyles('root')} {...others} variant={variant} data-accordion>\n {children}\n </Box>\n </AccordionProvider>\n );\n}\n\nconst extendAccordion = (c: ExtendComponent<AccordionFactory>): MantineThemeComponent => c;\n\nAccordion.extend = extendAccordion;\nAccordion.classes = classes;\nAccordion.displayName = '@mantine/core/Accordion';\nAccordion.Item = AccordionItem;\nAccordion.Panel = AccordionPanel;\nAccordion.Control = AccordionControl;\nAccordion.Chevron = AccordionChevron;\n"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,6 @@ const AccordionControl = factory((props, ref) => {
|
|
|
46
46
|
className,
|
|
47
47
|
style,
|
|
48
48
|
styles,
|
|
49
|
-
unstyled,
|
|
50
49
|
vars,
|
|
51
50
|
chevron,
|
|
52
51
|
icon,
|
|
@@ -59,7 +58,6 @@ const AccordionControl = factory((props, ref) => {
|
|
|
59
58
|
"className",
|
|
60
59
|
"style",
|
|
61
60
|
"styles",
|
|
62
|
-
"unstyled",
|
|
63
61
|
"vars",
|
|
64
62
|
"chevron",
|
|
65
63
|
"icon",
|
|
@@ -76,6 +74,7 @@ const AccordionControl = factory((props, ref) => {
|
|
|
76
74
|
const content = /* @__PURE__ */ React.createElement(
|
|
77
75
|
UnstyledButton,
|
|
78
76
|
__spreadProps(__spreadValues(__spreadValues({}, others), ctx.getStyles("control", { className, classNames, style, styles, variant: ctx.variant })), {
|
|
77
|
+
unstyled: ctx.unstyled,
|
|
79
78
|
mod: [
|
|
80
79
|
"accordion-control",
|
|
81
80
|
{ active: isActive, "chevron-position": ctx.chevronPosition, disabled }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionControl.js","sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n
|
|
1
|
+
{"version":3,"file":"AccordionControl.js","sources":["../../../../src/components/Accordion/AccordionControl/AccordionControl.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n createScopedKeydownHandler,\n} from '../../../core';\nimport { UnstyledButton } from '../../UnstyledButton';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';\n\nexport interface AccordionControlProps\n extends BoxProps,\n CompoundStylesApiProps<AccordionControlFactory>,\n ElementProps<'button'> {\n /** Disables control button */\n disabled?: boolean;\n\n /** Custom chevron icon */\n chevron?: React.ReactNode;\n\n /** Control label */\n children?: React.ReactNode;\n\n /** Icon displayed next to the label */\n icon?: React.ReactNode;\n}\n\nexport type AccordionControlFactory = Factory<{\n props: AccordionControlProps;\n ref: HTMLButtonElement;\n stylesNames: AccordionControlStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<AccordionControlProps> = {};\n\nexport const AccordionControl = factory<AccordionControlFactory>((props, ref) => {\n const {\n classNames,\n className,\n style,\n styles,\n vars,\n chevron,\n icon,\n onClick,\n onKeyDown,\n children,\n disabled,\n ...others\n } = useProps('AccordionControl', defaultProps, props);\n\n const { value } = useAccordionItemContext();\n const ctx = useAccordionContext();\n const isActive = ctx.isItemActive(value);\n const shouldWrapWithHeading = typeof ctx.order === 'number';\n const Heading = `h${ctx.order!}` as const;\n\n const content = (\n <UnstyledButton<'button'>\n {...others}\n {...ctx.getStyles('control', { className, classNames, style, styles, variant: ctx.variant })}\n unstyled={ctx.unstyled}\n mod={[\n 'accordion-control',\n { active: isActive, 'chevron-position': ctx.chevronPosition, disabled },\n ]}\n ref={ref}\n onClick={(event) => {\n onClick?.(event);\n ctx.onChange(value);\n }}\n type=\"button\"\n disabled={disabled}\n aria-expanded={isActive}\n aria-controls={ctx.getRegionId(value)}\n id={ctx.getControlId(value)}\n onKeyDown={createScopedKeydownHandler({\n siblingSelector: '[data-accordion-control]',\n parentSelector: '[data-accordion]',\n activateOnFocus: false,\n loop: ctx.loop,\n orientation: 'vertical',\n onKeyDown,\n })}\n >\n <Box\n component=\"span\"\n mod={{ rotate: !ctx.disableChevronRotation && isActive, position: ctx.chevronPosition }}\n {...ctx.getStyles('chevron', { classNames, styles })}\n >\n {chevron || ctx.chevron}\n </Box>\n <span {...ctx.getStyles('label', { classNames, styles })}>{children}</span>\n {icon && (\n <Box\n component=\"span\"\n mod={{ 'chevron-position': ctx.chevronPosition }}\n {...ctx.getStyles('icon', { classNames, styles })}\n >\n {icon}\n </Box>\n )}\n </UnstyledButton>\n );\n\n return shouldWrapWithHeading ? (\n <Heading {...ctx.getStyles('itemTitle', { classNames, styles })}>{content}</Heading>\n ) : (\n content\n );\n});\n\nAccordionControl.displayName = '@mantine/core/AccordionControl';\nAccordionControl.classes = classes;\n"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ const AccordionItem = factory((props, ref) => {
|
|
|
40
40
|
"AccordionItem",
|
|
41
41
|
defaultProps,
|
|
42
42
|
props
|
|
43
|
-
), { classNames, className, style, styles,
|
|
43
|
+
), { classNames, className, style, styles, vars, value } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "vars", "value"]);
|
|
44
44
|
const ctx = useAccordionContext();
|
|
45
45
|
return /* @__PURE__ */ React.createElement(AccordionItemProvider, { value: { value } }, /* @__PURE__ */ React.createElement(
|
|
46
46
|
Box,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n CompoundStylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { useAccordionContext } from '../Accordion.context';\nimport { AccordionItemProvider } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionItemStylesNames = 'item';\n\nexport interface AccordionItemProps\n extends BoxProps,\n CompoundStylesApiProps<AccordionItemFactory>,\n ElementProps<'div'> {\n /** Value that is used to manage accordion state */\n value: string;\n}\n\nexport type AccordionItemFactory = Factory<{\n props: AccordionItemProps;\n ref: HTMLDivElement;\n stylesNames: AccordionItemStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<AccordionItemProps> = {};\n\nexport const AccordionItem = factory<AccordionItemFactory>((props, ref) => {\n const { classNames, className, style, styles, vars, value, ...others } = useProps(\n 'AccordionItem',\n defaultProps,\n props\n );\n const ctx = useAccordionContext();\n\n return (\n <AccordionItemProvider value={{ value }}>\n <Box\n ref={ref}\n mod={{ active: ctx.isItemActive(value) }}\n {...ctx.getStyles('item', { className, classNames, styles, style, variant: ctx.variant })}\n {...others}\n />\n </AccordionItemProvider>\n );\n});\n\nAccordionItem.displayName = '@mantine/core/AccordionItem';\nAccordionItem.classes = classes;\n"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const AccordionPanel = factory((props, ref) => {
|
|
|
43
43
|
"AccordionPanel",
|
|
44
44
|
defaultProps,
|
|
45
45
|
props
|
|
46
|
-
), { classNames, className, style, styles,
|
|
46
|
+
), { classNames, className, style, styles, vars, children } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "vars", "children"]);
|
|
47
47
|
const { value } = useAccordionItemContext();
|
|
48
48
|
const ctx = useAccordionContext();
|
|
49
49
|
return /* @__PURE__ */ React.createElement(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.js","sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"AccordionPanel.js","sources":["../../../../src/components/Accordion/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n CompoundStylesApiProps,\n factory,\n ElementProps,\n useProps,\n Factory,\n} from '../../../core';\nimport { Collapse } from '../../Collapse';\nimport { useAccordionContext } from '../Accordion.context';\nimport { useAccordionItemContext } from '../AccordionItem.context';\nimport classes from '../Accordion.module.css';\n\nexport type AccordionPanelStylesNames = 'panel' | 'content';\n\nexport interface AccordionPanelProps\n extends BoxProps,\n CompoundStylesApiProps<AccordionPanelFactory>,\n ElementProps<'div', 'onTransitionEnd'> {}\n\nexport type AccordionPanelFactory = Factory<{\n props: AccordionPanelProps;\n ref: HTMLDivElement;\n stylesNames: AccordionPanelStylesNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<AccordionPanelProps> = {};\n\nexport const AccordionPanel = factory<AccordionPanelFactory>((props, ref) => {\n const { classNames, className, style, styles, vars, children, ...others } = useProps(\n 'AccordionPanel',\n defaultProps,\n props\n );\n\n const { value } = useAccordionItemContext();\n const ctx = useAccordionContext();\n\n return (\n <Collapse\n ref={ref}\n {...ctx.getStyles('panel', { className, classNames, style, styles })}\n {...others}\n in={ctx.isItemActive(value)}\n transitionDuration={ctx.transitionDuration}\n role=\"region\"\n id={ctx.getRegionId(value)}\n aria-labelledby={ctx.getControlId(value)}\n >\n <div {...ctx.getStyles('content', { classNames, styles })}>{children}</div>\n </Collapse>\n );\n});\n\nAccordionPanel.displayName = '@mantine/core/AccordionPanel';\nAccordionPanel.classes = classes;\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n useProps,\n StylesApiProps,\n useStyles,\n MantineSize,\n MantineColor,\n MantineGradient,\n getRadius,\n polymorphicFactory,\n getSize,\n createVarsResolver,\n MantineRadius,\n PolymorphicFactory,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { LoaderProps, Loader } from '../Loader';\nimport { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';\nimport classes from './ActionIcon.module.css';\n\nexport type ActionIconVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader';\nexport type ActionIconCssVariables = {\n root: '--ai-radius' | '--ai-size' | '--ai-bg' | '--ai-hover' | '--ai-color' | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n 'data-disabled'?: boolean;\n __staticSelector?: string;\n\n /** Determines whether `Loader` component should be displayed instead of the `children`, `false` by default */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n\n /** Controls width and height of the button. Numbers are converted to rem. `'md'` by default. */\n size?: MantineSize | (string & {}) | number;\n\n /** Key of `theme.colors` or any valid CSS color. Default value is `theme.primaryColor`. */\n color?: MantineColor;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */\n radius?: MantineRadius
|
|
1
|
+
{"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BoxProps,\n useProps,\n StylesApiProps,\n useStyles,\n MantineSize,\n MantineColor,\n MantineGradient,\n getRadius,\n polymorphicFactory,\n getSize,\n createVarsResolver,\n MantineRadius,\n PolymorphicFactory,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { LoaderProps, Loader } from '../Loader';\nimport { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';\nimport classes from './ActionIcon.module.css';\n\nexport type ActionIconVariant =\n | 'filled'\n | 'light'\n | 'outline'\n | 'transparent'\n | 'white'\n | 'subtle'\n | 'default'\n | 'gradient';\n\nexport type ActionIconStylesNames = 'root' | 'loader';\nexport type ActionIconCssVariables = {\n root: '--ai-radius' | '--ai-size' | '--ai-bg' | '--ai-hover' | '--ai-color' | '--ai-bd';\n};\n\nexport interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {\n 'data-disabled'?: boolean;\n __staticSelector?: string;\n\n /** Determines whether `Loader` component should be displayed instead of the `children`, `false` by default */\n loading?: boolean;\n\n /** Props added to the `Loader` component (only visible when `loading` prop is set) */\n loaderProps?: LoaderProps;\n\n /** Controls width and height of the button. Numbers are converted to rem. `'md'` by default. */\n size?: MantineSize | (string & {}) | number;\n\n /** Key of `theme.colors` or any valid CSS color. Default value is `theme.primaryColor`. */\n color?: MantineColor;\n\n /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */\n radius?: MantineRadius;\n\n /** Gradient data used when `variant=\"gradient\"`, default value is `theme.defaultGradient` */\n gradient?: MantineGradient;\n\n /** Sets `disabled` and `data-disabled` attributes on the button element */\n disabled?: boolean;\n\n /** Icon displayed inside the button */\n children?: React.ReactNode;\n}\n\nexport type ActionIconFactory = PolymorphicFactory<{\n props: ActionIconProps;\n defaultComponent: 'button';\n defaultRef: HTMLButtonElement;\n stylesNames: ActionIconStylesNames;\n variant: ActionIconVariant;\n vars: ActionIconCssVariables;\n staticComponents: {\n Group: typeof ActionIconGroup;\n };\n}>;\n\nconst defaultProps: Partial<ActionIconProps> = {\n variant: 'filled',\n size: 'md',\n};\n\nconst varsResolver = createVarsResolver<ActionIconFactory>(\n (theme, { size, radius, variant, gradient, color }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n gradient,\n variant: variant!,\n });\n\n return {\n root: {\n '--ai-size': getSize(size, 'ai-size'),\n '--ai-radius': getRadius(radius),\n '--ai-bg': colors.background,\n '--ai-hover': colors.hover,\n '--ai-color': colors.color,\n '--ai-bd': colors.border,\n },\n };\n }\n);\n\nexport const ActionIcon = polymorphicFactory<ActionIconFactory>((_props, ref) => {\n const props = useProps('ActionIcon', defaultProps, _props);\n const {\n className,\n unstyled,\n variant,\n classNames,\n styles,\n style,\n loading,\n loaderProps,\n size,\n color,\n radius,\n __staticSelector,\n gradient,\n vars,\n children,\n disabled,\n 'data-disabled': dataDisabled,\n ...others\n } = props;\n\n const getStyles = useStyles<ActionIconFactory>({\n name: ['ActionIcon', __staticSelector],\n props,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <UnstyledButton\n {...getStyles('root', { active: !disabled && !loading && !dataDisabled })}\n {...others}\n unstyled={unstyled}\n variant={variant}\n size={size}\n disabled={disabled || loading}\n ref={ref}\n mod={{ loading, disabled: disabled || dataDisabled }}\n >\n {loading ? (\n <Loader\n {...getStyles('loader')}\n color=\"var(--ai-color)\"\n size=\"calc(var(--ai-size) * 0.55)\"\n {...loaderProps}\n />\n ) : (\n children\n )}\n </UnstyledButton>\n );\n});\n\nActionIcon.classes = classes;\nActionIcon.displayName = '@mantine/core/ActionIcon';\nActionIcon.Group = ActionIconGroup;\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n getRadius,\n MantineRadius,\n MantineColor,\n} from '../../core';\nimport classes from './Alert.module.css';\nimport { CloseButton } from '../CloseButton';\n\nexport type AlertStylesNames =\n | 'root'\n | 'body'\n | 'label'\n | 'title'\n | 'icon'\n | 'wrapper'\n | 'message'\n | 'closeButton';\nexport type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';\nexport type AlertCssVariables = {\n root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';\n};\n\nexport interface AlertProps\n extends BoxProps,\n StylesApiProps<AlertFactory>,\n ElementProps<'div', 'title'> {\n /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */\n radius?: MantineRadius
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '@mantine/hooks';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n getRadius,\n MantineRadius,\n MantineColor,\n} from '../../core';\nimport classes from './Alert.module.css';\nimport { CloseButton } from '../CloseButton';\n\nexport type AlertStylesNames =\n | 'root'\n | 'body'\n | 'label'\n | 'title'\n | 'icon'\n | 'wrapper'\n | 'message'\n | 'closeButton';\nexport type AlertVariant = 'filled' | 'light' | 'outline' | 'default' | 'transparent' | 'white';\nexport type AlertCssVariables = {\n root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';\n};\n\nexport interface AlertProps\n extends BoxProps,\n StylesApiProps<AlertFactory>,\n ElementProps<'div', 'title'> {\n /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */\n radius?: MantineRadius;\n\n /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor` */\n color?: MantineColor;\n\n /** Alert title */\n title?: React.ReactNode;\n\n /** Icon displayed next to the title */\n icon?: React.ReactNode;\n\n /** Determines whether close button should be displayed, `false` by default */\n withCloseButton?: boolean;\n\n /** Called when the close button is clicked */\n onClose?(): void;\n\n /** Close button `aria-label` */\n closeButtonLabel?: string;\n}\n\nexport type AlertFactory = Factory<{\n props: AlertProps;\n ref: HTMLDivElement;\n stylesNames: AlertStylesNames;\n vars: AlertCssVariables;\n variant: AlertVariant;\n}>;\n\nconst defaultProps: Partial<AlertProps> = {\n variant: 'light',\n};\n\nconst varsResolver = createVarsResolver<AlertFactory>((theme, { radius, color, variant }) => {\n const colors = theme.variantColorResolver({\n color: color || theme.primaryColor,\n theme,\n variant: variant!,\n });\n\n return {\n root: {\n '--alert-radius': getRadius(radius),\n '--alert-bg': colors.background,\n '--alert-color': colors.color,\n '--alert-bd': colors.border,\n },\n };\n});\n\nexport const Alert = factory<AlertFactory>((_props, ref) => {\n const props = useProps('Alert', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n radius,\n color,\n title,\n children,\n id,\n icon,\n withCloseButton,\n onClose,\n closeButtonLabel,\n variant,\n ...others\n } = props;\n\n const getStyles = useStyles<AlertFactory>({\n name: 'Alert',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n const rootId = useId(id);\n const titleId = (title && `${rootId}-title`) || undefined;\n const bodyId = `${rootId}-body`;\n\n return (\n <Box\n id={rootId}\n {...getStyles('root', { variant })}\n variant={variant}\n ref={ref}\n {...others}\n role=\"alert\"\n aria-describedby={bodyId}\n aria-labelledby={titleId}\n >\n <div {...getStyles('wrapper')}>\n {icon && <div {...getStyles('icon')}>{icon}</div>}\n\n <div {...getStyles('body')}>\n {title && (\n <div {...getStyles('title')} data-with-close-button={withCloseButton || undefined}>\n <span id={titleId} {...getStyles('label')}>\n {title}\n </span>\n </div>\n )}\n\n <div id={bodyId} {...getStyles('message')}>\n {children}\n </div>\n </div>\n\n {withCloseButton && (\n <CloseButton\n {...getStyles('closeButton')}\n onClick={onClose}\n variant=\"transparent\"\n size={16}\n iconSize={16}\n aria-label={closeButtonLabel}\n unstyled={unstyled}\n />\n )}\n </div>\n </Box>\n );\n});\n\nAlert.classes = classes;\nAlert.displayName = '@mantine/core/Alert';\n"],"names":[],"mappings":"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"}
|
|
@@ -40,16 +40,17 @@ const defaultProps = {
|
|
|
40
40
|
underline: "hover"
|
|
41
41
|
};
|
|
42
42
|
const Anchor = polymorphicFactory((props, ref) => {
|
|
43
|
-
const _a = useProps("Anchor", defaultProps, props), { underline, className } = _a, others = __objRest(_a, ["underline", "className"]);
|
|
43
|
+
const _a = useProps("Anchor", defaultProps, props), { underline, className, unstyled } = _a, others = __objRest(_a, ["underline", "className", "unstyled"]);
|
|
44
44
|
return /* @__PURE__ */ React.createElement(
|
|
45
45
|
Text,
|
|
46
46
|
__spreadProps(__spreadValues({
|
|
47
47
|
component: "a",
|
|
48
48
|
ref,
|
|
49
|
-
className: cx(classes.root, className)
|
|
49
|
+
className: cx({ [classes.root]: !unstyled }, className)
|
|
50
50
|
}, others), {
|
|
51
51
|
mod: { underline },
|
|
52
|
-
__staticSelector: "Anchor"
|
|
52
|
+
__staticSelector: "Anchor",
|
|
53
|
+
unstyled
|
|
53
54
|
})
|
|
54
55
|
);
|
|
55
56
|
});
|