@coveord/plasma-mantine 55.7.2-next.0 → 55.7.2

package/dist/esm/theme/Theme.js

@@ -1,32 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowHeadLeftSize16Px, ArrowHeadRightSize16Px, CheckSize16Px, CrossSize16Px, FilterSize16Px, InfoSize16Px, InfoSize24Px } from '@coveord/plasma-react-icons';
 import { color } from '@coveord/plasma-tokens';
-import { Alert, Badge, Button, Checkbox, CloseButton, ColorSwatch, Combobox, ComboboxSearch, createTheme, deepMerge, Input, InputWrapper, List, Loader, Modal, MultiSelect, NavLink, Notification, Pagination, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Stepper, Switch, Tabs, Text, Tooltip } from '@mantine/core';
+import { 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 } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
+import AnchorClasses from '../styles/Anchor.module.css';
+import AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';
 import BadgeClasses from '../styles/Badge.module.css';
 import ButtonClasses from '../styles/Button.module.css';
 import CheckboxClasses from '../styles/Checkbox.module.css';
 import ComboboxClasses from '../styles/Combobox.module.css';
+import DatePickerClasses from '../styles/DatePicker.module.css';
+import InputClasses from '../styles/Input.module.css';
 import InputWrapperClasses from '../styles/InputWrapper.module.css';
 import ListClasses from '../styles/List.module.css';
 import ModalClasses from '../styles/Modal.module.css';
 import NavLinkClasses from '../styles/NavLink.module.css';
+import NotificationClasses from '../styles/Notification.module.css';
+import PaginationClasses from '../styles/Pagination.module.css';
 import RadioClasses from '../styles/Radio.module.css';
 import ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';
 import ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';
 import ScrollAreaClasses from '../styles/ScrollArea.module.css';
 import SegmentedControlClasses from '../styles/SegmentedControl.module.css';
+import SelectClasses from '../styles/Select.module.css';
 import SkeletonClasses from '../styles/Skeleton.module.css';
 import StepperClasses from '../styles/Stepper.module.css';
 import TabsClasses from '../styles/Tabs.module.css';
 import TextClasses from '../styles/Text.module.css';
 import TooltipClasses from '../styles/Tooltip.module.css';
+import { NotificationVars } from '../vars/Notification.vars';
+import { TextVars } from '../vars/Text.vars';
 import { PlasmaColors } from './PlasmaColors';
 export const plasmaTheme = createTheme({
     // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts
     fontFamily: 'canada-type-gibson, sans-serif',
     black: color.primary.gray[9],
-    defaultRadius: 'md',
+    defaultRadius: 8,
     lineHeights: {
         md: '1.5'
     },
@@ -38,50 +49,43 @@ export const plasmaTheme = createTheme({
         lg: '32px',
         xl: '40px'
     },
-    primaryColor: 'blue',
+    primaryColor: 'action',
     headings: {
         fontFamily: 'canada-type-gibson, sans-serif',
         fontWeight: '500',
         sizes: {
             h1: {
-                fontSize: '40px',
-                lineHeight: '1.2',
-                fontWeight: '500'
+                fontSize: '48px',
+                lineHeight: '1.5',
+                fontWeight: '300'
             },
             h2: {
                 fontSize: '32px',
-                lineHeight: '1.25',
+                lineHeight: '1.5',
                 fontWeight: '500'
             },
             h3: {
                 fontSize: '24px',
-                lineHeight: '1.33',
+                lineHeight: '1.5',
                 fontWeight: '500'
             },
             h4: {
                 fontSize: '18px',
-                lineHeight: '1.2',
+                lineHeight: '1.5',
                 fontWeight: '300'
             },
             h5: {
-                fontSize: '16px',
-                lineHeight: '1.25',
+                fontSize: '14px',
+                lineHeight: '1.5',
                 fontWeight: '500'
             },
             h6: {
                 fontSize: '12px',
-                lineHeight: '1.33',
+                lineHeight: '1.5',
                 fontWeight: '500'
             }
         }
     },
-    fontSizes: {
-        xs: '12px',
-        sm: '14px',
-        md: '16px',
-        lg: '18px',
-        xl: '20px'
-    },
     shadows: {
         xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',
         sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',
@@ -89,29 +93,44 @@ export const plasmaTheme = createTheme({
         lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',
         xl: '0px 16px 24px rgba(4, 8, 31, 0.06)'
     },
-    primaryShade: 5,
     colors: PlasmaColors,
     components: {
+        ActionIcon: ActionIcon.extend({
+            classNames: {
+                root: ActionIconClasses.root
+            }
+        }),
         Alert: Alert.extend({
             defaultProps: {
                 icon: /*#__PURE__*/ _jsx(InfoSize16Px, {
                     height: 16
                 }),
-                radius: 'lg'
+                color: 'navy'
             },
             classNames: AlertClasses
         }),
+        Anchor: Anchor.extend({
+            defaultProps: {
+                color: 'action.6'
+            },
+            classNames: {
+                root: AnchorClasses.root
+            }
+        }),
+        AppShellNavbar: AppShellNavbar.extend({
+            classNames: {
+                navbar: AppShellNavBarClasses.navbar
+            }
+        }),
         Badge: Badge.extend({
-            classNames: BadgeClasses,
+            classNames: {
+                root: BadgeClasses.root
+            },
             defaultProps: {
                 variant: 'light'
             }
         }),
         Button: Button.extend({
-            defaultProps: {
-                radius: 'lg',
-                size: 'sm'
-            },
             classNames: ButtonClasses
         }),
         Checkbox: Checkbox.extend({
@@ -153,7 +172,10 @@ export const plasmaTheme = createTheme({
             }
         }),
         Combobox: Combobox.extend({
-            classNames: ComboboxClasses
+            classNames: {
+                option: SelectClasses.option,
+                search: ComboboxClasses.search
+            }
         }),
         ComboboxSearch: ComboboxSearch.extend({
             defaultProps: {
@@ -164,24 +186,28 @@ export const plasmaTheme = createTheme({
                 })
             }
         }),
-        Input: Input.extend({
+        DatePicker: DatePicker.extend({
+            classNames: {
+                monthCell: DatePickerClasses.monthCell
+            }
+        }),
+        Divider: Divider.extend({
             defaultProps: {
-                size: 'sm'
-            },
+                color: 'gray.3'
+            }
+        }),
+        Input: Input.extend({
             classNames: (_theme, props)=>{
                 const anyProps = props;
                 if (anyProps.readOnly && !props.disabled && ![
                     'Select'
                 ].includes(anyProps.__staticSelector)) {
-                    return ReadOnlyInputClasses;
+                    return deepMerge(InputClasses, ReadOnlyInputClasses);
                 }
-                return {};
+                return InputClasses;
             }
         }),
         InputWrapper: InputWrapper.extend({
-            defaultProps: {
-                size: 'sm'
-            },
             classNames: InputWrapperClasses,
             vars: (theme, props)=>{
                 const anyProps = props;
@@ -211,7 +237,14 @@ export const plasmaTheme = createTheme({
             }
         }),
         List: List.extend({
-            classNames: ListClasses
+            classNames: {
+                root: ListClasses.root
+            }
+        }),
+        MenuItem: MenuItem.extend({
+            defaultProps: {
+                fw: 300
+            }
         }),
         Modal: Modal.extend({
             classNames: ModalClasses
@@ -239,10 +272,23 @@ export const plasmaTheme = createTheme({
             defaultProps: {
                 icon: /*#__PURE__*/ _jsx(InfoSize24Px, {
                     height: 24
-                })
-            }
+                }),
+                color: 'info'
+            },
+            classNames: {
+                root: NotificationClasses.root,
+                icon: NotificationClasses.icon,
+                closeButton: NotificationClasses.closeButton
+            },
+            vars: NotificationVars
         }),
         Pagination: Pagination.extend({
+            classNames: PaginationClasses,
+            vars: ()=>({
+                    root: {
+                        '--pagination-control-fz': 'var(--mantine-font-size-sm)'
+                    }
+                }),
             defaultProps: {
                 nextIcon: ArrowHeadRightSize16Px,
                 previousIcon: ArrowHeadLeftSize16Px
@@ -276,25 +322,41 @@ export const plasmaTheme = createTheme({
             }
         }),
         ScrollArea: ScrollArea.extend({
-            classNames: ScrollAreaClasses
+            classNames: {
+                viewport: ScrollAreaClasses.viewport
+            }
         }),
         SegmentedControl: SegmentedControl.extend({
             classNames: SegmentedControlClasses
         }),
         Select: Select.extend({
             defaultProps: {
+                withCheckIcon: false,
                 allowDeselect: false
+            },
+            classNames: {
+                input: SelectClasses.input,
+                option: SelectClasses.option
             }
         }),
         Skeleton: Skeleton.extend({
-            classNames: SkeletonClasses
+            classNames: {
+                root: SkeletonClasses.root
+            }
         }),
         Stepper: Stepper.extend({
             defaultProps: {
                 size: 'xs',
                 completedIcon: /*#__PURE__*/ _jsx(CheckSize16Px, {})
             },
-            classNames: StepperClasses
+            classNames: {
+                step: StepperClasses.step,
+                stepIcon: StepperClasses.stepIcon,
+                stepCompletedIcon: StepperClasses.stepCompletedIcon,
+                stepDescription: StepperClasses.stepDescription,
+                separator: StepperClasses.separator,
+                verticalSeparator: StepperClasses.verticalSeparator
+            }
         }),
         Switch: Switch.extend({
             classNames: (theme, props)=>{
@@ -326,11 +388,19 @@ export const plasmaTheme = createTheme({
         Tabs: Tabs.extend({
             classNames: TabsClasses
         }),
+        TabsTab: Tabs.Tab.extend({
+            defaultProps: {
+                px: 'sm'
+            }
+        }),
         Text: Text.extend({
+            classNames: TextClasses,
+            vars: TextVars
+        }),
+        TextInput: TextInput.extend({
             defaultProps: {
-                size: 'sm'
-            },
-            classNames: TextClasses
+                radius: 8
+            }
         }),
         Tooltip: Tooltip.extend({
             defaultProps: {

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    Alert,\n    Badge,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\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    Tooltip,\n} from '@mantine/core';\nimport AlertClasses from '../styles/Alert.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 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 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 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 {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: 'md',\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: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n            h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '300'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n        },\n    },\n    fontSizes: {\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\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    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoSize16Px height={16} />,\n                radius: 'lg',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                radius: 'lg',\n                size: 'sm',\n            },\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: ComboboxClasses,\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\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 ReadOnlyInputClasses;\n                }\n                return {};\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                        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: ListClasses,\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            },\n        }),\n        Pagination: Pagination.extend({\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: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\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        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\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","Alert","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","createTheme","deepMerge","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Switch","Tabs","Text","Tooltip","AlertClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","RadioClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","TooltipClasses","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","fontSizes","shadows","primaryShade","colors","components","extend","defaultProps","icon","height","radius","classNames","variant","size","theme","props","readOnly","disabled","vars","root","aria-label","withShadow","placeholder","rightSection","_theme","anyProps","includes","__staticSelector","label","red","error","description","type","role","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","nextIcon","previousIcon","shadow","withArrow","allowDeselect","completedIcon","track","thumb","maw","multiline","zIndex"],"mappings":"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"}
+{"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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"mergeCSSVariablesResolvers.d.ts","sourceRoot":"","sources":["../../../src/theme/mergeCSSVariablesResolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAY,MAAM,eAAe,CAAC;AAE9D,eAAO,MAAM,0BAA0B,iBACpB,oBAAoB,EAAE,KAAG,oBAMlC,CAAC"}
+{"version":3,"file":"mergeCSSVariablesResolvers.d.ts","sourceRoot":"","sources":["../../../src/theme/mergeCSSVariablesResolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAY,MAAM,eAAe,CAAC;AAE9D,eAAO,MAAM,0BAA0B,GAClC,GAAG,WAAW,oBAAoB,EAAE,KAAG,oBAMlC,CAAC"}

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,EAA2B,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAE7E,eAAO,MAAM,0BAA0B,EAAE,oBAQxC,CAAC"}
+{"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"}

package/dist/esm/theme/plasmaCSSVariablesResolver.js

@@ -1,10 +1,14 @@
+import { keys } from '@mantine/core';
 export const plasmaCSSVariablesResolver = (theme)=>{
     const result = {
         variables: {},
         dark: {},
         light: {}
     };
-    result.light['--mantine-color-error'] = theme.colors.red[5];
+    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];
+    });
     return result;
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {ConvertCSSVariablesInput, CSSVariablesResolver} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    const result: ConvertCSSVariablesInput = {\n        variables: {},\n        dark: {},\n        light: {},\n    };\n    result.light['--mantine-color-error'] = theme.colors.red[5];\n    return result;\n};\n"],"names":["plasmaCSSVariablesResolver","theme","result","variables","dark","light","colors","red"],"mappings":"AAEA,OAAO,MAAMA,6BAAmD,CAACC;IAC7D,MAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO,CAAC;IACZ;IACAH,OAAOG,KAAK,CAAC,wBAAwB,GAAGJ,MAAMK,MAAM,CAACC,GAAG,CAAC,EAAE;IAC3D,OAAOL;AACX,EAAE"}
+{"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"}

package/dist/esm/utils/createFactoryComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,KAAG,CAAU,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}
+{"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAE,OAAO,CAAC,KAAG,CAAU,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}

package/dist/esm/utils/overrideComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAC1B,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,EAC3E,gBAAgB,8CAEL,SAAS,cACR,gBAAgB,KAC7B,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,gBAG5E,CAAC"}
+{"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAC1B,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,EAC3E,gBAAgB,GAAG,MAAM,CAAC,MAAM,SAAS,EAAE,KAAK,CAAC,EAEjD,WAAW,SAAS,EACpB,YAAY,gBAAgB,KAC7B,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,UAAU,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,gBAG5E,CAAC"}

package/dist/esm/vars/Notification.vars.d.ts

@@ -0,0 +1,3 @@
+import { NotificationFactory, PartialVarsResolver } from '@mantine/core';
+export declare const NotificationVars: PartialVarsResolver<NotificationFactory>;
+//# sourceMappingURL=Notification.vars.d.ts.map

package/dist/esm/vars/Notification.vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.vars.d.ts","sourceRoot":"","sources":["../../../src/vars/Notification.vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAEvE,eAAO,MAAM,gBAAgB,EAAE,mBAAmB,CAAC,mBAAmB,CAWrE,CAAC"}

package/dist/esm/vars/Notification.vars.js

@@ -0,0 +1,34 @@
+export const NotificationVars = (theme, props)=>{
+    if (props.color === 'success') {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.success[6]
+            }
+        };
+    }
+    if (props.color === 'warning') {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.warning[6]
+            }
+        };
+    }
+    if (props.color === 'critical') {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.critical[6]
+            }
+        };
+    }
+    return {
+        root: {},
+        icon: {
+            color: theme.colors.info[6]
+        }
+    };
+};
+
+//# sourceMappingURL=Notification.vars.js.map

package/dist/esm/vars/Notification.vars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vars/Notification.vars.ts"],"sourcesContent":["import {NotificationFactory, PartialVarsResolver} from '@mantine/core';\n\nexport const NotificationVars: PartialVarsResolver<NotificationFactory> = (theme, props) => {\n    if (props.color === 'success') {\n        return {root: {}, icon: {color: theme.colors.success[6]}};\n    }\n    if (props.color === 'warning') {\n        return {root: {}, icon: {color: theme.colors.warning[6]}};\n    }\n    if (props.color === 'critical') {\n        return {root: {}, icon: {color: theme.colors.critical[6]}};\n    }\n    return {root: {}, icon: {color: theme.colors.info[6]}};\n};\n"],"names":["NotificationVars","theme","props","color","root","icon","colors","success","warning","critical","info"],"mappings":"AAEA,OAAO,MAAMA,mBAA6D,CAACC,OAAOC;IAC9E,IAAIA,MAAMC,KAAK,KAAK,WAAW;QAC3B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACC,OAAO,CAAC,EAAE;YAAA;QAAC;IAC5D;IACA,IAAIL,MAAMC,KAAK,KAAK,WAAW;QAC3B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACE,OAAO,CAAC,EAAE;YAAA;QAAC;IAC5D;IACA,IAAIN,MAAMC,KAAK,KAAK,YAAY;QAC5B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACG,QAAQ,CAAC,EAAE;YAAA;QAAC;IAC7D;IACA,OAAO;QAACL,MAAM,CAAC;QAAGC,MAAM;YAACF,OAAOF,MAAMK,MAAM,CAACI,IAAI,CAAC,EAAE;QAAA;IAAC;AACzD,EAAE"}

package/dist/esm/vars/Text.vars.d.ts

@@ -0,0 +1,3 @@
+import { PartialVarsResolver, TextFactory } from '@mantine/core';
+export declare const TextVars: PartialVarsResolver<TextFactory>;
+//# sourceMappingURL=Text.vars.d.ts.map

package/dist/esm/vars/Text.vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vars.d.ts","sourceRoot":"","sources":["../../../src/vars/Text.vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,WAAW,EAAc,MAAM,eAAe,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAKrD,CAAC"}

package/dist/esm/vars/Text.vars.js

@@ -0,0 +1,15 @@
+import { getFontSize } from '@mantine/core';
+export const TextVars = (theme, props)=>{
+    if (!props.size) {
+        return {
+            root: {
+                '--text-fz': getFontSize('sm')
+            }
+        };
+    }
+    return {
+        root: {}
+    };
+};
+
+//# sourceMappingURL=Text.vars.js.map

package/dist/esm/vars/Text.vars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vars/Text.vars.ts"],"sourcesContent":["import {PartialVarsResolver, TextFactory, getFontSize} from '@mantine/core';\n\nexport const TextVars: PartialVarsResolver<TextFactory> = (theme, props) => {\n    if (!props.size) {\n        return {root: {'--text-fz': getFontSize('sm')}};\n    }\n    return {root: {}};\n};\n"],"names":["getFontSize","TextVars","theme","props","size","root"],"mappings":"AAAA,SAA0CA,WAAW,QAAO,gBAAgB;AAE5E,OAAO,MAAMC,WAA6C,CAACC,OAAOC;IAC9D,IAAI,CAACA,MAAMC,IAAI,EAAE;QACb,OAAO;YAACC,MAAM;gBAAC,aAAaL,YAAY;YAAK;QAAC;IAClD;IACA,OAAO;QAACK,MAAM,CAAC;IAAC;AACpB,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "55.7.2-next.0",
+  "version": "55.7.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -32,34 +32,34 @@
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.22",
-    "@monaco-editor/react": "4.6.0",
+    "@monaco-editor/react": "4.7.0",
     "@swc/helpers": "0.5.15",
-    "@tanstack/react-table": "8.20.6",
-    "@tanstack/table-core": "8.20.5",
+    "@tanstack/react-table": "8.21.2",
+    "@tanstack/table-core": "8.21.2",
     "clsx": "2.1.1",
     "dayjs": "1.11.13",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.52.2",
-    "@coveord/plasma-react-icons": "55.7.2-next.0",
-    "@coveord/plasma-tokens": "55.7.2-next.0"
+    "@coveord/plasma-tokens": "55.7.2",
+    "@coveord/plasma-react-icons": "55.7.2"
   },
   "devDependencies": {
-    "@mantine/carousel": "7.16.1",
-    "@mantine/code-highlight": "7.16.1",
-    "@mantine/core": "7.16.1",
-    "@mantine/dates": "7.16.1",
-    "@mantine/form": "7.16.1",
-    "@mantine/hooks": "7.16.1",
-    "@mantine/modals": "7.16.1",
-    "@mantine/notifications": "7.16.1",
+    "@mantine/carousel": "7.17.1",
+    "@mantine/code-highlight": "7.17.1",
+    "@mantine/core": "7.17.1",
+    "@mantine/dates": "7.17.1",
+    "@mantine/form": "7.17.1",
+    "@mantine/hooks": "7.17.1",
+    "@mantine/modals": "7.17.1",
+    "@mantine/notifications": "7.17.1",
     "@swc/cli": "0.6.0",
-    "@swc/core": "1.10.8",
+    "@swc/core": "1.11.8",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.2.0",
-    "@testing-library/user-event": "14.6.0",
+    "@testing-library/user-event": "14.6.1",
     "@types/lodash.debounce": "4.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
     "@types/react": "18.3.18",
@@ -67,17 +67,17 @@
     "embla-carousel-react": "7.1.0",
     "identity-obj-proxy": "3.0.0",
     "jsdom": "26.0.0",
-    "postcss": "8.5.1",
+    "postcss": "8.5.3",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.3.2",
+    "publint": "0.3.9",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "sass": "1.83.4",
+    "sass": "1.85.1",
     "tslib": "2.8.1",
-    "typescript": "5.7.3",
-    "vitest": "3.0.5"
+    "typescript": "5.8.2",
+    "vitest": "3.0.8"
   },
   "peerDependencies": {
     "@mantine/carousel": "^7.6.1",

package/src/components/browser-preview/BrowserPreview.module.css

@@ -2,7 +2,7 @@
     box-shadow: var(--mantine-shadow-md);
     border-radius: var(--mantine-radius-default);
     border: 1px solid;
-    border-color: var(--mantine-color-default-border);
+    border-color: var(--mantine-color-gray-3);
     flex: 1;
 }