@coveord/plasma-mantine 55.8.0 → 56.0.0

package/dist/esm/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CheckSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    InfoSize16Px,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    Anchor,\n    AppShellNavbar,\n    Badge,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    MenuItem,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    Pagination,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Stepper,\n    Switch,\n    Tabs,\n    Text,\n    TextInput,\n    Tooltip,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    lineHeights: {md: '1.5'},\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n            h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n            h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        ActionIcon: ActionIcon.extend({\n            classNames: {root: ActionIconClasses.root},\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoSize16Px height={16} />,\n                color: 'navy',\n            },\n            classNames: AlertClasses,\n        }),\n        Anchor: Anchor.extend({\n            defaultProps: {\n                color: 'action.6',\n            },\n            classNames: {root: AnchorClasses.root},\n        }),\n        AppShellNavbar: AppShellNavbar.extend({\n            classNames: {navbar: AppShellNavBarClasses.navbar},\n        }),\n        Badge: Badge.extend({\n            classNames: {root: BadgeClasses.root},\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Button: Button.extend({\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--checkbox-icon-color': theme.colors.gray[7],\n                            '--checkbox-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        CloseButton: CloseButton.extend({\n            defaultProps: {\n                icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n            },\n        }),\n        ColorSwatch: ColorSwatch.extend({\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        }),\n        Combobox: Combobox.extend({\n            classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            classNames: {monthCell: DatePickerClasses.monthCell},\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'gray.3',\n            },\n        }),\n        Input: Input.extend({\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n        }),\n        InputWrapper: InputWrapper.extend({\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                color: 'action',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: {root: ListClasses.root},\n        }),\n        MenuItem: MenuItem.extend({\n            defaultProps: {\n                fw: 300,\n            },\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: color.primary.navy[9],\n                backgroundOpacity: 0.9,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'info',\n            },\n            classNames: {\n                root: NotificationClasses.root,\n                icon: NotificationClasses.icon,\n                closeButton: NotificationClasses.closeButton,\n            },\n            vars: NotificationVars,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Popover: Popover.extend({\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: {viewport: ScrollAreaClasses.viewport},\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {withCheckIcon: false, allowDeselect: false},\n            classNames: {input: SelectClasses.input, option: SelectClasses.option},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: {root: SkeletonClasses.root},\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: {\n                step: StepperClasses.step,\n                stepIcon: StepperClasses.stepIcon,\n                stepCompletedIcon: StepperClasses.stepCompletedIcon,\n                stepDescription: StepperClasses.stepDescription,\n                separator: StepperClasses.separator,\n                verticalSeparator: StepperClasses.verticalSeparator,\n            },\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        TabsTab: Tabs.Tab.extend({\n            defaultProps: {\n                px: 'sm',\n            },\n        }),\n        Text: Text.extend({\n            classNames: TextClasses,\n            vars: TextVars,\n        }),\n        TextInput: TextInput.extend({\n            defaultProps: {\n                radius: 8,\n            },\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                color: 'navy',\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n            classNames: TooltipClasses,\n        }),\n    },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","InfoSize16Px","InfoSize24Px","color","ActionIcon","Alert","Anchor","AppShellNavbar","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","createTheme","deepMerge","Divider","Input","InputWrapper","List","Loader","MenuItem","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Switch","Tabs","Text","TextInput","Tooltip","DatePicker","ActionIconClasses","AlertClasses","AnchorClasses","AppShellNavBarClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","NotificationClasses","PaginationClasses","RadioClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","TooltipClasses","NotificationVars","TextVars","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","components","extend","classNames","root","defaultProps","icon","height","navbar","variant","radius","theme","props","readOnly","disabled","vars","aria-label","size","withShadow","option","search","placeholder","rightSection","monthCell","_theme","anyProps","includes","__staticSelector","label","red","error","description","type","role","fw","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","closeButton","nextIcon","previousIcon","shadow","withArrow","viewport","withCheckIcon","allowDeselect","input","completedIcon","step","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","track","thumb","TabsTab","Tab","px","maw","multiline","zIndex"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    IconCalendarWeek,\n    IconCheck,\n    IconClock,\n    IconInfoCircleFilled,\n    IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    AppShell,\n    Badge,\n    Breadcrumbs,\n    Button,\n    Card,\n    Checkbox,\n    Chip,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Image,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    NumberInput,\n    Pagination,\n    Paper,\n    PasswordInput,\n    Pill,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Slider,\n    Stepper,\n    Switch,\n    Table,\n    Tabs,\n    Text,\n    Tooltip,\n} from '@mantine/core';\nimport {DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker} from '@mantine/dates';\nimport {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    variantColorResolver: plasmaVariantColorResolver,\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 'md',\n    lineHeights: {\n        xxs: '1.2',\n        xs: '1.16',\n        sm: '1.14',\n        md: '1.14',\n        lg: '1.11',\n        xl: '1.2',\n    },\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    radius: {\n        none: '0px',\n        xs: '2px',\n        sm: '4px',\n        md: '8px',\n        lg: '16px',\n        xl: '24px',\n        xxl: '32px',\n    },\n    primaryColor: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 'var(--coveo-fw-bold)',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n        },\n    },\n    fontSizes: {\n        xxs: '10px',\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\n    },\n    shadows: {\n        xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n        sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n    },\n    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        Accordion: Accordion.extend({\n            classNames: AccordionClasses,\n        }),\n        ActionIcon: ActionIcon.extend({\n            defaultProps: {\n                size: 'lg',\n            },\n            classNames: ActionIconClasses,\n        }),\n        AppShell: AppShell.extend({\n            vars: (theme) =>\n                ({\n                    root: {'--app-shell-border-color': theme.colors.gray[2]},\n                }) as any,\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoToken variant=\"advice\" />,\n                p: 'sm',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n                tt: 'none',\n            },\n        }),\n        Breadcrumbs: Breadcrumbs.extend({\n            classNames: BreadcrumbsClasses,\n            defaultProps: {\n                separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n                separatorMargin: 'xxs',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                size: 'sm',\n                vars: (theme) => ({\n                    root: {\n                        '--button-height': '32px',\n                        '--button-padding-x': theme.spacing.sm,\n                    },\n                }),\n            },\n            classNames: ButtonClasses,\n        }),\n        Card: Card.extend({\n            defaultProps: {\n                radius: 'lg',\n                shadow: 'xs',\n                padding: 'sm',\n                withBorder: true,\n            },\n            classNames: CardClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n        }),\n        CheckboxIndicator: Checkbox.Indicator.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: CheckboxIndicatorClasses,\n        }),\n        Chip: Chip.extend({\n            defaultProps: {\n                icon: <IconCheck size={16} />,\n            },\n            classNames: ChipClasses,\n        }),\n        CloseButton: CloseButton.extend({\n            defaultProps: {\n                icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n            },\n        }),\n        ColorSwatch: ColorSwatch.extend({\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        }),\n        Combobox: Combobox.extend({\n            classNames: ComboboxClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n            },\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DateInput: DateInput.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            classNames: DatePickerClasses,\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'var(--mantine-color-default-border)',\n            },\n        }),\n        Image: Image.extend({\n            defaultProps: {\n                fallbackSrc: placeholderSvg,\n            },\n        }),\n        Input: Input.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n        }),\n        InputWrapper: InputWrapper.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        root: {\n                            '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n                        },\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        PasswordInput: PasswordInput.extend({\n            vars: () => ({\n                root: {\n                    '--psi-button-size': 'var(--mantine-spacing-lg)',\n                },\n            }),\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n                type: 'circle',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: ListClasses,\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n            vars: () => {\n                const sizes = {\n                    '--modal-size-xs': '432px',\n                    '--modal-size-sm': '664px',\n                    '--modal-size-md': '896px',\n                    '--modal-size-lg': '1120px',\n                    '--modal-size-xl': '88%',\n                } as any;\n                return {\n                    root: {\n                        ...sizes,\n                    },\n                };\n            },\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: PlasmaColors.indigo[8],\n                backgroundOpacity: 0.7,\n                blur: 2,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MonthPicker: MonthPicker.extend({\n            classNames: MonthPickerClasses,\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            classNames: NotificationClasses,\n            defaultProps: {\n                icon: <IconInfoCircleFilled height={20} />,\n            },\n        }),\n        NumberInput: NumberInput.extend({\n            classNames: NumberInputClasses,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Paper: Paper.extend({\n            classNames: PaperClasses,\n        }),\n        PickerInputBase: PickerInputBase.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        Pill: Pill.extend({\n            classNames: PillClasses,\n        }),\n        Popover: Popover.extend({\n            classNames: PopoverClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n                position: 'bottom-start',\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        RadioCard: Radio.Card.extend({\n            classNames: RadioCardClasses,\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false, withCheckIcon: false},\n            classNames: SelectClasses,\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Slider: Slider.extend({\n            defaultProps: {\n                size: 'md',\n            },\n            classNames: SliderClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <IconCheck size={16} />,\n            },\n            classNames: StepperClasses,\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n            defaultProps: {\n                withThumbIndicator: false,\n            },\n        }),\n        Table: Table.extend({\n            classNames: TableClasses,\n            vars: () => ({\n                table: {\n                    '--table-border-color': 'var(--mantine-color-default-border)',\n                },\n            }),\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\n        }),\n        TimeInput: TimeInput.extend({\n            defaultProps: {\n                rightSection: <IconClock size={16} />,\n            },\n        }),\n        TimePicker: TimePicker.extend({\n            defaultProps: {\n                withDropdown: true,\n                format: '12h',\n            },\n            classNames: TimePickerClasses,\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                maw: 280,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n                color: PlasmaColors.violet[9],\n            },\n            classNames: TooltipClasses,\n        }),\n        YearPicker: YearPicker.extend({\n            classNames: YearPickerClasses,\n        }),\n    },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CrossSize16Px","FilterSize16Px","IconCalendarWeek","IconCheck","IconClock","IconInfoCircleFilled","IconSlash","color","ActionIcon","Alert","AppShell","Badge","Breadcrumbs","Button","Card","Checkbox","Chip","CloseButton","ColorSwatch","Combobox","ComboboxSearch","createTheme","deepMerge","Divider","Image","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","NumberInput","Pagination","Paper","PasswordInput","Pill","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Slider","Stepper","Switch","Table","Tabs","Text","Tooltip","DateInput","DatePicker","MonthPicker","PickerInputBase","TimeInput","TimePicker","YearPicker","Accordion","CheckboxIcon","CircleLoader","InfoToken","AccordionClasses","ActionIconClasses","AlertClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CardClasses","CheckboxClasses","CheckboxIndicatorClasses","ChipClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","MonthPickerClasses","NavLinkClasses","NotificationClasses","NumberInputClasses","PaginationClasses","PaperClasses","PillClasses","PopoverClasses","RadioClasses","RadioCardClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","SliderClasses","StepperClasses","TableClasses","TabsClasses","TextClasses","TimePickerClasses","TooltipClasses","YearPickerClasses","PlasmaColors","placeholderSvg","plasmaVariantColorResolver","plasmaTheme","variantColorResolver","fontFamily","black","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","components","extend","classNames","defaultProps","size","vars","theme","root","icon","variant","p","tt","separator","separatorMargin","shadow","padding","withBorder","props","readOnly","disabled","CheckboxIndicator","Indicator","height","aria-label","withShadow","middlewares","inline","placeholder","rightSection","miw","leftSection","fallbackSrc","_theme","anyProps","includes","__staticSelector","label","description","undefined","red","error","loaders","defaultLoaders","circle","type","role","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","hidePickedOptions","nextIcon","previousIcon","position","RadioCard","allowDeselect","withCheckIcon","completedIcon","track","thumb","withThumbIndicator","table","withDropdown","format","maw","multiline","withArrow","zIndex","violet"],"mappings":"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"}

package/dist/esm/theme/index.d.ts

@@ -1,2 +1,3 @@
+export * from './plasmaCSSVariablesResolver';
 export * from './Plasmantine';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC"}

package/dist/esm/theme/index.js

@@ -1,3 +1,4 @@
+export * from './plasmaCSSVariablesResolver';
 export * from './Plasmantine';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './Plasmantine';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"sources":["../../../src/theme/index.ts"],"sourcesContent":["export * from './plasmaCSSVariablesResolver';\nexport * from './Plasmantine';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,gBAAgB"}

package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAiC,MAAM,eAAe,CAAC;AAEnF,eAAO,MAAM,0BAA0B,EAAE,oBAWxC,CAAC"}
+{"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,oBAAoB,EAKvB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,0BAA0B,EAAE,oBA+DxC,CAAC"}

package/dist/esm/theme/plasmaCSSVariablesResolver.js

@@ -1,15 +1,74 @@
-import { keys } from '@mantine/core';
+import { alpha, defaultCssVariablesResolver, getPrimaryShade } from '@mantine/core';
 export const plasmaCSSVariablesResolver = (theme)=>{
-    const result = {
-        variables: {},
-        dark: {},
-        light: {}
+    // Get the default Mantine CSS variables
+    const mantineVariables = defaultCssVariablesResolver(theme);
+    // Define your custom variables
+    const customVariables = {
+        variables: {
+            '--coveo-fw-light': '300',
+            '--coveo-fw-normal': '400',
+            '--coveo-fw-bold': '500'
+        },
+        dark: {
+            '--coveo-color-title': 'var(--mantine-color-white)'
+        },
+        light: {
+            // custom colors
+            '--coveo-app-background': theme.colors.gray[0],
+            '--coveo-color-input-border': theme.colors.gray[3],
+            '--coveo-color-title': theme.colors.gray[8],
+            '--coveo-color-text-readonly': 'var(--mantine-color-text)',
+            '--coveo-color-bg-readonly': theme.colors.gray[1],
+            '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',
+            '--coveo-color-bg-dark-surface': theme.colors.violet[9],
+            // mantine overrides
+            '--mantine-color-default-border': theme.colors.gray[2],
+            '--mantine-color-error': theme.colors.red[5],
+            '--mantine-color-text': theme.colors.gray[6],
+            '--mantine-color-dimmed': theme.colors.gray[5],
+            '--mantine-color-gray-filled': theme.colors.gray[4],
+            '--mantine-color-warning-filled': theme.colors.yellow[4],
+            '--mantine-color-placeholder': theme.colors.gray[4],
+            '--mantine-color-default-hover': theme.colors.gray[1],
+            '--mantine-color-disabled': alpha('var(--mantine-color-gray-4)', 0.1),
+            '--mantine-color-disabled-color': theme.colors.gray[3]
+        }
     };
-    keys(theme.colors).forEach((color)=>{
-        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];
-        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];
+    Object.keys(theme.colors).forEach((color)=>{
+        Object.assign(customVariables.light, getVariantLightVariables({
+            theme,
+            color,
+            colorScheme: 'light'
+        }));
     });
+    // Merge Mantine variables with custom variables
+    const result = {
+        variables: {
+            ...mantineVariables.variables,
+            ...customVariables.variables
+        },
+        dark: {
+            ...mantineVariables.dark,
+            ...customVariables.dark
+        },
+        light: {
+            ...mantineVariables.light,
+            ...customVariables.light
+        }
+    };
     return result;
 };
+const getVariantLightVariables = ({ theme, color, colorScheme })=>{
+    if (!theme.colors[color]) {
+        return {};
+    }
+    if (colorScheme === 'light') {
+        const primaryShade = getPrimaryShade(theme, 'light');
+        return {
+            [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),
+            [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16)
+        };
+    }
+};
 
 //# sourceMappingURL=plasmaCSSVariablesResolver.js.map

package/dist/esm/theme/plasmaCSSVariablesResolver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {CSSVariablesResolver, ConvertCSSVariablesInput, keys} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    const result: ConvertCSSVariablesInput = {\n        variables: {},\n        dark: {},\n        light: {},\n    };\n    keys(theme.colors).forEach((color) => {\n        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];\n        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];\n    });\n    return result;\n};\n"],"names":["keys","plasmaCSSVariablesResolver","theme","result","variables","dark","light","colors","forEach","color"],"mappings":"AAAA,SAAwDA,IAAI,QAAO,gBAAgB;AAEnF,OAAO,MAAMC,6BAAmD,CAACC;IAC7D,MAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO,CAAC;IACZ;IACAN,KAAKE,MAAMK,MAAM,EAAEC,OAAO,CAAC,CAACC;QACxBN,OAAOG,KAAK,CAAC,CAAC,gBAAgB,EAAEG,MAAM,MAAM,CAAC,CAAC,GAAGP,MAAMK,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;QAC9FN,OAAOG,KAAK,CAAC,CAAC,gBAAgB,EAAEG,MAAM,YAAY,CAAC,CAAC,GAAGP,MAAMK,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;IACxG;IACA,OAAON;AACX,EAAE"}
+{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n    alpha,\n    ConvertCSSVariablesInput,\n    CSSVariablesResolver,\n    defaultCssVariablesResolver,\n    getPrimaryShade,\n    MantineColor,\n    MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    // Get the default Mantine CSS variables\n    const mantineVariables = defaultCssVariablesResolver(theme);\n\n    // Define your custom variables\n    const customVariables: ConvertCSSVariablesInput = {\n        variables: {\n            '--coveo-fw-light': '300',\n            '--coveo-fw-normal': '400',\n            '--coveo-fw-bold': '500',\n        },\n        dark: {'--coveo-color-title': 'var(--mantine-color-white)'},\n        light: {\n            // custom colors\n            '--coveo-app-background': theme.colors.gray[0],\n            '--coveo-color-input-border': theme.colors.gray[3],\n            '--coveo-color-title': theme.colors.gray[8],\n            '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n            '--coveo-color-bg-readonly': theme.colors.gray[1],\n            '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n            '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n            // mantine overrides\n            '--mantine-color-default-border': theme.colors.gray[2],\n            '--mantine-color-error': theme.colors.red[5],\n            '--mantine-color-text': theme.colors.gray[6],\n            '--mantine-color-dimmed': theme.colors.gray[5],\n            '--mantine-color-gray-filled': theme.colors.gray[4],\n            '--mantine-color-warning-filled': theme.colors.yellow[4],\n            '--mantine-color-placeholder': theme.colors.gray[4],\n            '--mantine-color-default-hover': theme.colors.gray[1],\n            '--mantine-color-disabled': alpha('var(--mantine-color-gray-4)', 0.1),\n            '--mantine-color-disabled-color': theme.colors.gray[3],\n        },\n    };\n\n    Object.keys(theme.colors).forEach((color) => {\n        Object.assign(\n            customVariables.light,\n            getVariantLightVariables({\n                theme,\n                color,\n                colorScheme: 'light',\n            }),\n        );\n    });\n    // Merge Mantine variables with custom variables\n    const result: ConvertCSSVariablesInput = {\n        variables: {\n            ...mantineVariables.variables,\n            ...customVariables.variables,\n        },\n        dark: {\n            ...mantineVariables.dark,\n            ...customVariables.dark,\n        },\n        light: {\n            ...mantineVariables.light,\n            ...customVariables.light,\n        },\n    };\n\n    return result;\n};\n\ninterface GetColorVariablesInput {\n    theme: MantineTheme;\n    color: MantineColor;\n    colorScheme: 'light' | 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n    if (!theme.colors[color]) {\n        return {};\n    }\n\n    if (colorScheme === 'light') {\n        const primaryShade = getPrimaryShade(theme, 'light');\n        return {\n            [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n            [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n        };\n    }\n};\n"],"names":["alpha","defaultCssVariablesResolver","getPrimaryShade","plasmaCSSVariablesResolver","theme","mantineVariables","customVariables","variables","dark","light","colors","gray","violet","red","yellow","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade"],"mappings":"AAAA,SACIA,KAAK,EAGLC,2BAA2B,EAC3BC,eAAe,QAGZ,gBAAgB;AAEvB,OAAO,MAAMC,6BAAmD,CAACC;IAC7D,wCAAwC;IACxC,MAAMC,mBAAmBJ,4BAA4BG;IAErD,+BAA+B;IAC/B,MAAME,kBAA4C;QAC9CC,WAAW;YACP,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;QACvB;QACAC,MAAM;YAAC,uBAAuB;QAA4B;QAC1DC,OAAO;YACH,gBAAgB;YAChB,0BAA0BL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YAC9C,8BAA8BP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YAClD,uBAAuBP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3C,+BAA+B;YAC/B,6BAA6BP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,iCAAiCP,MAAMM,MAAM,CAACE,MAAM,CAAC,EAAE;YAEvD,oBAAoB;YACpB,kCAAkCR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACtD,yBAAyBP,MAAMM,MAAM,CAACG,GAAG,CAAC,EAAE;YAC5C,wBAAwBT,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YAC5C,0BAA0BP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YAC9C,+BAA+BP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACnD,kCAAkCP,MAAMM,MAAM,CAACI,MAAM,CAAC,EAAE;YACxD,+BAA+BV,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACnD,iCAAiCP,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrD,4BAA4BX,MAAM,+BAA+B;YACjE,kCAAkCI,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QAC1D;IACJ;IAEAI,OAAOC,IAAI,CAACZ,MAAMM,MAAM,EAAEO,OAAO,CAAC,CAACC;QAC/BH,OAAOI,MAAM,CACTb,gBAAgBG,KAAK,EACrBW,yBAAyB;YACrBhB;YACAc;YACAG,aAAa;QACjB;IAER;IACA,gDAAgD;IAChD,MAAMC,SAAmC;QACrCf,WAAW;YACP,GAAGF,iBAAiBE,SAAS;YAC7B,GAAGD,gBAAgBC,SAAS;QAChC;QACAC,MAAM;YACF,GAAGH,iBAAiBG,IAAI;YACxB,GAAGF,gBAAgBE,IAAI;QAC3B;QACAC,OAAO;YACH,GAAGJ,iBAAiBI,KAAK;YACzB,GAAGH,gBAAgBG,KAAK;QAC5B;IACJ;IAEA,OAAOa;AACX,EAAE;AAQF,MAAMF,2BAA2B,CAAC,EAAChB,KAAK,EAAEc,KAAK,EAAEG,WAAW,EAAyB;IACjF,IAAI,CAACjB,MAAMM,MAAM,CAACQ,MAAM,EAAE;QACtB,OAAO,CAAC;IACZ;IAEA,IAAIG,gBAAgB,SAAS;QACzB,MAAME,eAAerB,gBAAgBE,OAAO;QAC5C,OAAO;YACH,CAAC,CAAC,gBAAgB,EAAEc,MAAM,MAAM,CAAC,CAAC,EAAElB,MAAMI,MAAMM,MAAM,CAACQ,MAAM,CAACK,aAAa,EAAE;YAC7E,CAAC,CAAC,gBAAgB,EAAEL,MAAM,YAAY,CAAC,CAAC,EAAElB,MAAMI,MAAMM,MAAM,CAACQ,MAAM,CAACK,aAAa,EAAE;QACvF;IACJ;AACJ"}

package/dist/esm/theme/plasmaVariantColorResolver.d.ts

@@ -0,0 +1,3 @@
+import { VariantColorsResolver } from '@mantine/core';
+export declare const plasmaVariantColorResolver: VariantColorsResolver;
+//# sourceMappingURL=plasmaVariantColorResolver.d.ts.map

package/dist/esm/theme/plasmaVariantColorResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plasmaVariantColorResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaVariantColorResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2D,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAE9G,eAAO,MAAM,0BAA0B,EAAE,qBAuBxC,CAAC"}

package/dist/esm/theme/plasmaVariantColorResolver.js

@@ -0,0 +1,27 @@
+import { defaultVariantColorsResolver, parseThemeColor, rem, rgba } from '@mantine/core';
+export const plasmaVariantColorResolver = (input)=>{
+    const defaultResolvedColors = defaultVariantColorsResolver(input);
+    const parsedColor = parseThemeColor({
+        color: input.color || input.theme.primaryColor,
+        theme: input.theme
+    });
+    if (input.variant === 'light') {
+        return {
+            background: rgba(parsedColor.value, 0.1),
+            hover: rgba(parsedColor.value, 0.16),
+            color: parsedColor.value,
+            border: `${rem(1)} solid transparent`
+        };
+    }
+    if (input.variant === 'subtle') {
+        return {
+            background: 'transparent',
+            hover: rgba(parsedColor.value, 0.16),
+            color: parsedColor.value,
+            border: `${rem(1)} solid transparent`
+        };
+    }
+    return defaultResolvedColors;
+};
+
+//# sourceMappingURL=plasmaVariantColorResolver.js.map

package/dist/esm/theme/plasmaVariantColorResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/plasmaVariantColorResolver.ts"],"sourcesContent":["import {defaultVariantColorsResolver, parseThemeColor, rem, rgba, VariantColorsResolver} from '@mantine/core';\n\nexport const plasmaVariantColorResolver: VariantColorsResolver = (input) => {\n    const defaultResolvedColors = defaultVariantColorsResolver(input);\n    const parsedColor = parseThemeColor({\n        color: input.color || input.theme.primaryColor,\n        theme: input.theme,\n    });\n    if (input.variant === 'light') {\n        return {\n            background: rgba(parsedColor.value, 0.1),\n            hover: rgba(parsedColor.value, 0.16),\n            color: parsedColor.value,\n            border: `${rem(1)} solid transparent`,\n        };\n    }\n    if (input.variant === 'subtle') {\n        return {\n            background: 'transparent',\n            hover: rgba(parsedColor.value, 0.16),\n            color: parsedColor.value,\n            border: `${rem(1)} solid transparent`,\n        };\n    }\n    return defaultResolvedColors;\n};\n"],"names":["defaultVariantColorsResolver","parseThemeColor","rem","rgba","plasmaVariantColorResolver","input","defaultResolvedColors","parsedColor","color","theme","primaryColor","variant","background","value","hover","border"],"mappings":"AAAA,SAAQA,4BAA4B,EAAEC,eAAe,EAAEC,GAAG,EAAEC,IAAI,QAA8B,gBAAgB;AAE9G,OAAO,MAAMC,6BAAoD,CAACC;IAC9D,MAAMC,wBAAwBN,6BAA6BK;IAC3D,MAAME,cAAcN,gBAAgB;QAChCO,OAAOH,MAAMG,KAAK,IAAIH,MAAMI,KAAK,CAACC,YAAY;QAC9CD,OAAOJ,MAAMI,KAAK;IACtB;IACA,IAAIJ,MAAMM,OAAO,KAAK,SAAS;QAC3B,OAAO;YACHC,YAAYT,KAAKI,YAAYM,KAAK,EAAE;YACpCC,OAAOX,KAAKI,YAAYM,KAAK,EAAE;YAC/BL,OAAOD,YAAYM,KAAK;YACxBE,QAAQ,GAAGb,IAAI,GAAG,kBAAkB,CAAC;QACzC;IACJ;IACA,IAAIG,MAAMM,OAAO,KAAK,UAAU;QAC5B,OAAO;YACHC,YAAY;YACZE,OAAOX,KAAKI,YAAYM,KAAK,EAAE;YAC/BL,OAAOD,YAAYM,KAAK;YACxBE,QAAQ,GAAGb,IAAI,GAAG,kBAAkB,CAAC;QACzC;IACJ;IACA,OAAOI;AACX,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "55.8.0",
+  "version": "56.0.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -42,18 +42,18 @@
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.52.2",
-    "@coveord/plasma-react-icons": "55.8.0",
-    "@coveord/plasma-tokens": "55.8.0"
+    "@coveord/plasma-react-icons": "55.8.2",
+    "@coveord/plasma-tokens": "55.8.2"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.17.3",
-    "@mantine/code-highlight": "7.17.3",
-    "@mantine/core": "7.17.3",
-    "@mantine/dates": "7.17.3",
-    "@mantine/form": "7.17.3",
-    "@mantine/hooks": "7.17.3",
-    "@mantine/modals": "7.17.3",
-    "@mantine/notifications": "7.17.3",
+    "@mantine/carousel": "8.0.2",
+    "@mantine/code-highlight": "8.0.2",
+    "@mantine/core": "8.0.2",
+    "@mantine/dates": "8.0.2",
+    "@mantine/form": "8.0.2",
+    "@mantine/hooks": "8.0.2",
+    "@mantine/modals": "8.0.2",
+    "@mantine/notifications": "8.0.2",
     "@swc/cli": "0.6.0",
     "@swc/core": "1.11.16",
     "@testing-library/dom": "10.4.0",
@@ -65,7 +65,11 @@
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.5",
     "cross-env": "7.0.3",
-    "embla-carousel-react": "7.1.0",
+    "embla-carousel": "8.5.2",
+    "embla-carousel-react": "8.5.2",
+    "eslint-plugin-testing-library": "6.2.0",
+    "eslint-plugin-vitest": "0.3.22",
+    "eslint-plugin-vitest-globals": "1.4.0",
     "identity-obj-proxy": "3.0.0",
     "jsdom": "26.0.0",
     "postcss": "8.5.3",
@@ -81,15 +85,15 @@
     "vitest": "3.1.1"
   },
   "peerDependencies": {
-    "@mantine/carousel": "^7.6.1",
-    "@mantine/code-highlight": "^7.6.1",
-    "@mantine/core": "^7.6.1",
-    "@mantine/dates": "^7.6.1",
-    "@mantine/form": "^7.6.1",
-    "@mantine/hooks": "^7.6.1",
-    "@mantine/modals": "^7.6.1",
-    "@mantine/notifications": "^7.6.1",
-    "embla-carousel-react": "^7.0.4",
+    "@mantine/carousel": "^8.0.2",
+    "@mantine/code-highlight": "^8.0.2",
+    "@mantine/core": "^8.0.2",
+    "@mantine/dates": "^8.0.2",
+    "@mantine/form": "^8.0.2",
+    "@mantine/hooks": "^8.0.2",
+    "@mantine/modals": "^8.0.2",
+    "@mantine/notifications": "^8.0.2",
+    "embla-carousel-react": "^8.5.2",
     "react": ">= 18.0.0",
     "react-dom": ">= 18.0.0"
   },

package/src/__tests__/Utils.tsx

@@ -2,16 +2,33 @@ import {render, RenderOptions, RenderResult} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';
 
+import {Combobox, createTheme, Popover} from '@mantine/core';
 import {Plasmantine} from '../theme';
 
+const testTheme = createTheme({
+    components: {
+        Popover: Popover.extend({
+            defaultProps: {
+                middlewares: {inline: true},
+            },
+        }),
+        Combobox: Combobox.extend({
+            defaultProps: {
+                middlewares: {inline: true},
+            },
+        }),
+    },
+});
+
 const customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): RenderResult => {
     const TestWrapper: FunctionComponent<PropsWithChildren> = ({children}) => (
-        <Plasmantine withCssVariables={false}>{children}</Plasmantine>
+        <Plasmantine withCssVariables={false} theme={testTheme}>
+            {children}
+        </Plasmantine>
     );
 
     return render(ui, {wrapper: TestWrapper, ...options});
 };
 
 export * from '@testing-library/react';
-export {userEvent};
-export {customRender as render};
+export {customRender as render, userEvent};

package/src/__tests__/VitestSetup.ts

@@ -29,6 +29,7 @@ window.ResizeObserver =
         observe: vi.fn(),
         unobserve: vi.fn(),
     }));
+document.queryCommandSupported = document.queryCommandSupported || vi.fn().mockReturnValue(true);
 
 // Temporarily workaround for bug in @testing-library/react when use user-event with `vi.useFakeTimers()`
 beforeAll(() => {

package/src/components/accordion/Accordion.module.css

@@ -0,0 +1,3 @@
+.disabled {
+    pointer-events: none;
+}

package/src/components/accordion/Accordion.tsx

@@ -0,0 +1,22 @@
+import {Accordion, type AccordionControlProps, type MantineComponent} from '@mantine/core';
+import classes from './Accordion.module.css';
+
+export const DisabledControl = Accordion.Control.withProps({
+    chevron: <></>,
+    className: classes.disabled,
+}) as MantineComponent<{
+    props: Omit<AccordionControlProps, 'disabled' | 'chevron'>;
+    ref: HTMLButtonElement;
+    compound: true;
+}>;
+
+// Add the new static component to the Accordion component
+declare module '@mantine/core' {
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    namespace Accordion {
+        let ControlDisabled: typeof DisabledControl;
+    }
+}
+
+Accordion.ControlDisabled = DisabledControl;
+export {Accordion};

package/src/components/accordion/index.ts

@@ -0,0 +1 @@
+export {Accordion} from './Accordion';

package/src/components/action-icon/ActionIcon.tsx

@@ -26,6 +26,14 @@ type ActionIconOverloadFactory = Factory<{
     variant: ActionIconVariant;
     staticComponents: {
         Group: typeof ActionIconGroup;
+        Primary: typeof ActionIconPrimary;
+        Secondary: typeof ActionIconSecondary;
+        Tertiary: typeof ActionIconTertiary;
+        Quaternary: typeof ActionIconQuaternary;
+        DestructivePrimary: typeof ActionIconDestructive;
+        DestructiveSecondary: typeof ActionIconDestructiveSecondary;
+        DestructiveTertiary: typeof ActionIconDestructiveTertiary;
+        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
 }>;
 
@@ -51,4 +59,29 @@ export const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(
         );
     },
 );
+
+const ActionIconPrimary = ActionIcon.withProps({variant: 'filled'});
+const ActionIconSecondary = ActionIcon.withProps({variant: 'light'});
+const ActionIconTertiary = ActionIcon.withProps({
+    variant: 'default',
+    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),
+});
+const ActionIconQuaternary = ActionIcon.withProps({variant: 'subtle'});
+
+const ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});
+const ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});
+const ActionIconDestructiveTertiary = ActionIcon.withProps({
+    variant: 'default',
+    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),
+});
+const ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});
+
 ActionIcon.Group = MantineActionIcon.Group;
+ActionIcon.Primary = ActionIconPrimary;
+ActionIcon.Secondary = ActionIconSecondary;
+ActionIcon.Tertiary = ActionIconTertiary;
+ActionIcon.Quaternary = ActionIconQuaternary;
+ActionIcon.DestructivePrimary = ActionIconDestructive;
+ActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;
+ActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;
+ActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;

package/src/components/alert/Alert.tsx

@@ -0,0 +1,73 @@
+import {
+    AlertCssVariables,
+    AlertProps,
+    AlertStylesNames,
+    AlertVariant,
+    Factory,
+    Alert as MantineAlert,
+    polymorphicFactory,
+} from '@mantine/core';
+import {InfoToken} from '../info-token/InfoToken';
+
+type AlertOverloadFactory = Factory<{
+    props: AlertProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: AlertStylesNames;
+    vars: AlertCssVariables;
+    variant: AlertVariant;
+    staticComponents: {
+        Information: typeof AlertInformation;
+        Advice: typeof AlertAdvice;
+        Warning: typeof AlertWarning;
+        Critical: typeof AlertCritical;
+    };
+}>;
+
+export const Alert = polymorphicFactory<AlertOverloadFactory>((props, ref) => <MantineAlert {...props} ref={ref} />);
+
+const AlertInformation = Alert.withProps({
+    color: 'gray',
+    icon: <InfoToken variant="information" />,
+    vars: () => ({
+        root: {
+            '--alert-color': 'var(--mantine-color-text)',
+            '--alert-bg': 'var(--mantine-color-gray-light)',
+        },
+    }),
+});
+
+const AlertAdvice = Alert.withProps({
+    icon: <InfoToken variant="advice" />,
+    vars: () => ({
+        root: {
+            '--alert-color': 'var(--mantine-primary-color-filled)',
+            '--alert-bg': 'var(--mantine-primary-color-light)',
+        },
+    }),
+});
+
+const AlertWarning = Alert.withProps({
+    color: 'warning',
+    icon: <InfoToken variant="warning" />,
+    vars: () => ({
+        root: {
+            '--alert-color': 'var(--mantine-color-warning-filled)',
+            '--alert-bg': 'var(--mantine-color-warning-light)',
+        },
+    }),
+});
+const AlertCritical = Alert.withProps({
+    icon: <InfoToken variant="error" />,
+    vars: () => ({
+        root: {
+            '--alert-color': 'var(--mantine-color-error)',
+            '--alert-bg': 'var(--mantine-color-red-light)',
+        },
+    }),
+});
+
+Alert.Information = AlertInformation;
+Alert.Advice = AlertAdvice;
+Alert.Warning = AlertWarning;
+Alert.Critical = AlertCritical;

package/src/components/alert/index.ts

@@ -0,0 +1 @@
+export * from './Alert';