@coveord/plasma-mantine 55.3.3 → 55.3.4-next.0

package/dist/cjs/theme/Theme.js

@@ -13,42 +13,31 @@ var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _plasmatokens = require("@coveord/plasma-tokens");
 var _core = require("@mantine/core");
-var _dates = require("@mantine/dates");
-var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
-var _Anchormodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Anchor.module.css"));
-var _AppShellNavBarmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/AppShellNavBar.module.css"));
 var _Badgemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Badge.module.css"));
 var _Buttonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Button.module.css"));
 var _Checkboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Checkbox.module.css"));
 var _Comboboxmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Combobox.module.css"));
-var _DatePickermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/DatePicker.module.css"));
-var _Inputmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Input.module.css"));
 var _InputWrappermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/InputWrapper.module.css"));
 var _Listmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/List.module.css"));
 var _Modalmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Modal.module.css"));
 var _NavLinkmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/NavLink.module.css"));
-var _Notificationmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Notification.module.css"));
-var _Paginationmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Pagination.module.css"));
 var _Radiomodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Radio.module.css"));
 var _ReadOnlyInputmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ReadOnlyInput.module.css"));
 var _ReadOnlyStatemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ReadOnlyState.module.css"));
 var _ScrollAreamodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ScrollArea.module.css"));
 var _SegmentedControlmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/SegmentedControl.module.css"));
-var _Selectmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Select.module.css"));
 var _Skeletonmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Skeleton.module.css"));
 var _Steppermodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Stepper.module.css"));
 var _Tabsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tabs.module.css"));
 var _Textmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Text.module.css"));
 var _Tooltipmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Tooltip.module.css"));
-var _Notificationvars = require("../vars/Notification.vars");
-var _Textvars = require("../vars/Text.vars");
 var _PlasmaColors = require("./PlasmaColors");
 var plasmaTheme = (0, _core.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: _plasmatokens.color.primary.gray[9],
-    defaultRadius: 8,
+    defaultRadius: 'md',
     lineHeights: {
         md: '1.5'
     },
@@ -60,43 +49,50 @@ var plasmaTheme = (0, _core.createTheme)({
         lg: '32px',
         xl: '40px'
     },
-    primaryColor: 'action',
+    primaryColor: 'blue',
     headings: {
         fontFamily: 'canada-type-gibson, sans-serif',
         fontWeight: '500',
         sizes: {
             h1: {
-                fontSize: '48px',
-                lineHeight: '1.5',
-                fontWeight: '300'
+                fontSize: '40px',
+                lineHeight: '1.2',
+                fontWeight: '500'
             },
             h2: {
                 fontSize: '32px',
-                lineHeight: '1.5',
+                lineHeight: '1.25',
                 fontWeight: '500'
             },
             h3: {
                 fontSize: '24px',
-                lineHeight: '1.5',
+                lineHeight: '1.33',
                 fontWeight: '500'
             },
             h4: {
                 fontSize: '18px',
-                lineHeight: '1.5',
+                lineHeight: '1.2',
                 fontWeight: '300'
             },
             h5: {
-                fontSize: '14px',
-                lineHeight: '1.5',
+                fontSize: '16px',
+                lineHeight: '1.25',
                 fontWeight: '500'
             },
             h6: {
                 fontSize: '12px',
-                lineHeight: '1.5',
+                lineHeight: '1.33',
                 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)',
@@ -104,44 +100,29 @@ var plasmaTheme = (0, _core.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.PlasmaColors,
     components: {
-        ActionIcon: _core.ActionIcon.extend({
-            classNames: {
-                root: _ActionIconmodulecss.default.root
-            }
-        }),
         Alert: _core.Alert.extend({
             defaultProps: {
                 icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.InfoSize16Px, {
                     height: 16
                 }),
-                color: 'navy'
+                radius: 'lg'
             },
             classNames: _Alertmodulecss.default
         }),
-        Anchor: _core.Anchor.extend({
-            defaultProps: {
-                color: 'action.6'
-            },
-            classNames: {
-                root: _Anchormodulecss.default.root
-            }
-        }),
-        AppShellNavbar: _core.AppShellNavbar.extend({
-            classNames: {
-                navbar: _AppShellNavBarmodulecss.default.navbar
-            }
-        }),
         Badge: _core.Badge.extend({
-            classNames: {
-                root: _Badgemodulecss.default.root
-            },
+            classNames: _Badgemodulecss.default,
             defaultProps: {
                 variant: 'light'
             }
         }),
         Button: _core.Button.extend({
+            defaultProps: {
+                radius: 'lg',
+                size: 'sm'
+            },
             classNames: _Buttonmodulecss.default
         }),
         Checkbox: _core.Checkbox.extend({
@@ -183,10 +164,7 @@ var plasmaTheme = (0, _core.createTheme)({
             }
         }),
         Combobox: _core.Combobox.extend({
-            classNames: {
-                option: _Selectmodulecss.default.option,
-                search: _Comboboxmodulecss.default.search
-            }
+            classNames: _Comboboxmodulecss.default
         }),
         ComboboxSearch: _core.ComboboxSearch.extend({
             defaultProps: {
@@ -197,28 +175,24 @@ var plasmaTheme = (0, _core.createTheme)({
                 })
             }
         }),
-        DatePicker: _dates.DatePicker.extend({
-            classNames: {
-                monthCell: _DatePickermodulecss.default.monthCell
-            }
-        }),
-        Divider: _core.Divider.extend({
-            defaultProps: {
-                color: 'gray.3'
-            }
-        }),
         Input: _core.Input.extend({
+            defaultProps: {
+                size: 'sm'
+            },
             classNames: function(_theme, props) {
                 var anyProps = props;
                 if (anyProps.readOnly && !props.disabled && ![
                     'Select'
                 ].includes(anyProps.__staticSelector)) {
-                    return (0, _core.deepMerge)(_Inputmodulecss.default, _ReadOnlyInputmodulecss.default);
+                    return _ReadOnlyInputmodulecss.default;
                 }
-                return _Inputmodulecss.default;
+                return {};
             }
         }),
         InputWrapper: _core.InputWrapper.extend({
+            defaultProps: {
+                size: 'sm'
+            },
             classNames: _InputWrappermodulecss.default,
             vars: function(theme, props) {
                 var anyProps = props;
@@ -248,14 +222,7 @@ var plasmaTheme = (0, _core.createTheme)({
             }
         }),
         List: _core.List.extend({
-            classNames: {
-                root: _Listmodulecss.default.root
-            }
-        }),
-        MenuItem: _core.MenuItem.extend({
-            defaultProps: {
-                fw: 300
-            }
+            classNames: _Listmodulecss.default
         }),
         Modal: _core.Modal.extend({
             classNames: _Modalmodulecss.default
@@ -283,25 +250,10 @@ var plasmaTheme = (0, _core.createTheme)({
             defaultProps: {
                 icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.InfoSize24Px, {
                     height: 24
-                }),
-                color: 'info'
-            },
-            classNames: {
-                root: _Notificationmodulecss.default.root,
-                icon: _Notificationmodulecss.default.icon,
-                closeButton: _Notificationmodulecss.default.closeButton
-            },
-            vars: _Notificationvars.NotificationVars
+                })
+            }
         }),
         Pagination: _core.Pagination.extend({
-            classNames: _Paginationmodulecss.default,
-            vars: function() {
-                return {
-                    root: {
-                        '--pagination-control-fz': 'var(--mantine-font-size-sm)'
-                    }
-                };
-            },
             defaultProps: {
                 nextIcon: _plasmareacticons.ArrowHeadRightSize16Px,
                 previousIcon: _plasmareacticons.ArrowHeadLeftSize16Px
@@ -335,41 +287,25 @@ var plasmaTheme = (0, _core.createTheme)({
             }
         }),
         ScrollArea: _core.ScrollArea.extend({
-            classNames: {
-                viewport: _ScrollAreamodulecss.default.viewport
-            }
+            classNames: _ScrollAreamodulecss.default
         }),
         SegmentedControl: _core.SegmentedControl.extend({
             classNames: _SegmentedControlmodulecss.default
         }),
         Select: _core.Select.extend({
             defaultProps: {
-                withCheckIcon: false,
                 allowDeselect: false
-            },
-            classNames: {
-                input: _Selectmodulecss.default.input,
-                option: _Selectmodulecss.default.option
             }
         }),
         Skeleton: _core.Skeleton.extend({
-            classNames: {
-                root: _Skeletonmodulecss.default.root
-            }
+            classNames: _Skeletonmodulecss.default
         }),
         Stepper: _core.Stepper.extend({
             defaultProps: {
                 size: 'xs',
                 completedIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CheckSize16Px, {})
             },
-            classNames: {
-                step: _Steppermodulecss.default.step,
-                stepIcon: _Steppermodulecss.default.stepIcon,
-                stepCompletedIcon: _Steppermodulecss.default.stepCompletedIcon,
-                stepDescription: _Steppermodulecss.default.stepDescription,
-                separator: _Steppermodulecss.default.separator,
-                verticalSeparator: _Steppermodulecss.default.verticalSeparator
-            }
+            classNames: _Steppermodulecss.default
         }),
         Switch: _core.Switch.extend({
             classNames: function(theme, props) {
@@ -401,19 +337,11 @@ var plasmaTheme = (0, _core.createTheme)({
         Tabs: _core.Tabs.extend({
             classNames: _Tabsmodulecss.default
         }),
-        TabsTab: _core.Tabs.Tab.extend({
-            defaultProps: {
-                px: 'sm'
-            }
-        }),
         Text: _core.Text.extend({
-            classNames: _Textmodulecss.default,
-            vars: _Textvars.TextVars
-        }),
-        TextInput: _core.TextInput.extend({
             defaultProps: {
-                radius: 8
-            }
+                size: 'sm'
+            },
+            classNames: _Textmodulecss.default
         }),
         Tooltip: _core.Tooltip.extend({
             defaultProps: {

package/dist/cjs/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":["plasmaTheme","createTheme","fontFamily","black","color","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","PlasmaColors","components","ActionIcon","extend","classNames","root","ActionIconClasses","Alert","defaultProps","icon","InfoSize16Px","height","AlertClasses","Anchor","AnchorClasses","AppShellNavbar","navbar","AppShellNavBarClasses","Badge","BadgeClasses","variant","Button","ButtonClasses","Checkbox","radius","theme","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","vars","CloseButton","CrossSize16Px","aria-label","ColorSwatch","size","withShadow","Combobox","option","SelectClasses","search","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DatePicker","monthCell","DatePickerClasses","Divider","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","red","error","description","Loader","type","role","List","ListClasses","MenuItem","fw","Modal","ModalClasses","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","NotificationClasses","closeButton","NotificationVars","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","viewport","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","withCheckIcon","allowDeselect","input","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","step","StepperClasses","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","Switch","track","thumb","Tabs","TabsClasses","TabsTab","Tab","px","Text","TextClasses","TextVars","TextInput","Tooltip","maw","multiline","zIndex","TooltipClasses"],"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    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":["plasmaTheme","createTheme","fontFamily","black","color","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","PlasmaColors","components","Alert","extend","defaultProps","icon","InfoSize16Px","height","radius","classNames","AlertClasses","Badge","BadgeClasses","variant","Button","size","ButtonClasses","Checkbox","theme","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","vars","root","CloseButton","CrossSize16Px","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","Input","_theme","anyProps","includes","__staticSelector","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","red","error","description","Loader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","Pagination","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","StepperClasses","Switch","track","thumb","Tabs","TabsClasses","Text","TextClasses","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":"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"}

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

package/dist/cjs/theme/plasmaCSSVariablesResolver.js

@@ -8,17 +8,13 @@ Object.defineProperty(exports, "plasmaCSSVariablesResolver", {
         return plasmaCSSVariablesResolver;
     }
 });
-var _core = require("@mantine/core");
 var plasmaCSSVariablesResolver = function(theme) {
     var result = {
         variables: {},
         dark: {},
         light: {}
     };
-    (0, _core.keys)(theme.colors).forEach(function(color) {
-        result.light["--mantine-color-".concat(color, "-light")] = theme.colors[color][color === 'gray' ? 1 : 0];
-        result.light["--mantine-color-".concat(color, "-light-hover")] = theme.colors[color][color === 'gray' ? 2 : 1];
-    });
+    result.light['--mantine-color-error'] = theme.colors.red[5];
     return result;
 };
 

package/dist/cjs/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":["plasmaCSSVariablesResolver","theme","result","variables","dark","light","keys","colors","forEach","color"],"mappings":";;;;+BAEaA;;;eAAAA;;;oBAFsD;AAE5D,IAAMA,6BAAmD,SAACC;IAC7D,IAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO,CAAC;IACZ;IACAC,IAAAA,UAAI,EAACL,MAAMM,MAAM,EAAEC,OAAO,CAAC,SAACC;QACxBP,OAAOG,KAAK,CAAC,AAAC,mBAAwB,OAANI,OAAM,UAAQ,GAAGR,MAAMM,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;QAC9FP,OAAOG,KAAK,CAAC,AAAC,mBAAwB,OAANI,OAAM,gBAAc,GAAGR,MAAMM,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;IACxG;IACA,OAAOP;AACX"}
+{"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":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,6BAAmD,SAACC;IAC7D,IAAMC,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"}

package/dist/esm/components/alert/Alert.d.ts

@@ -0,0 +1,17 @@
+export declare const AlertTip: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;
+export declare const AlertSuccess: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;
+export declare const AlertWarning: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;
+export declare const AlertCritical: import("react").ForwardRefExoticComponent<import("@mantine/core").AlertProps & import("react").RefAttributes<HTMLDivElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/esm/components/alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ;;iDAIixC,MAAO,SAAS;EAJ3tC,CAAC;AAC5F,eAAO,MAAM,YAAY;;iDAG6wC,MAAO,SAAS;EAH9sC,CAAC;AACzG,eAAO,MAAM,YAAY;;iDAE6wC,MAAO,SAAS;EAFhtC,CAAC;AACvG,eAAO,MAAM,aAAa;;iDAC4wC,MAAO,SAAS;EAD7sC,CAAC"}

package/dist/esm/components/alert/Alert.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckmarkSize16Px, CriticalSize16Px, TipSize16Px, WarningSize16Px } from '@coveord/plasma-react-icons';
+import { Alert } from '@mantine/core';
+export const AlertTip = Alert.withProps({
+    color: 'gray',
+    icon: /*#__PURE__*/ _jsx(TipSize16Px, {
+        height: 16
+    })
+});
+export const AlertSuccess = Alert.withProps({
+    color: 'success',
+    icon: /*#__PURE__*/ _jsx(CheckmarkSize16Px, {
+        height: 16
+    })
+});
+export const AlertWarning = Alert.withProps({
+    color: 'warning',
+    icon: /*#__PURE__*/ _jsx(WarningSize16Px, {
+        height: 16
+    })
+});
+export const AlertCritical = Alert.withProps({
+    color: 'critical',
+    icon: /*#__PURE__*/ _jsx(CriticalSize16Px, {
+        height: 16
+    })
+});
+
+//# sourceMappingURL=Alert.js.map

package/dist/esm/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/alert/Alert.tsx"],"sourcesContent":["import {CheckmarkSize16Px, CriticalSize16Px, TipSize16Px, WarningSize16Px} from '@coveord/plasma-react-icons';\nimport {Alert} from '@mantine/core';\n\nexport const AlertTip = Alert.withProps({color: 'gray', icon: <TipSize16Px height={16} />});\nexport const AlertSuccess = Alert.withProps({color: 'success', icon: <CheckmarkSize16Px height={16} />});\nexport const AlertWarning = Alert.withProps({color: 'warning', icon: <WarningSize16Px height={16} />});\nexport const AlertCritical = Alert.withProps({color: 'critical', icon: <CriticalSize16Px height={16} />});\n"],"names":["CheckmarkSize16Px","CriticalSize16Px","TipSize16Px","WarningSize16Px","Alert","AlertTip","withProps","color","icon","height","AlertSuccess","AlertWarning","AlertCritical"],"mappings":";AAAA,SAAQA,iBAAiB,EAAEC,gBAAgB,EAAEC,WAAW,EAAEC,eAAe,QAAO,8BAA8B;AAC9G,SAAQC,KAAK,QAAO,gBAAgB;AAEpC,OAAO,MAAMC,WAAWD,MAAME,SAAS,CAAC;IAACC,OAAO;IAAQC,oBAAM,KAACN;QAAYO,QAAQ;;AAAM,GAAG;AAC5F,OAAO,MAAMC,eAAeN,MAAME,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,KAACR;QAAkBS,QAAQ;;AAAM,GAAG;AACzG,OAAO,MAAME,eAAeP,MAAME,SAAS,CAAC;IAACC,OAAO;IAAWC,oBAAM,KAACL;QAAgBM,QAAQ;;AAAM,GAAG;AACvG,OAAO,MAAMG,gBAAgBR,MAAME,SAAS,CAAC;IAACC,OAAO;IAAYC,oBAAM,KAACP;QAAiBQ,QAAQ;;AAAM,GAAG"}

package/dist/esm/components/alert/index.d.ts

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

package/dist/esm/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/components/alert/index.js

@@ -0,0 +1,3 @@
+export * from './Alert';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/alert/index.ts"],"sourcesContent":["export * from './Alert';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/badge/Badge.d.ts

@@ -0,0 +1,8 @@
+export declare const BadgePrimary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeSecondary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeTertiary: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeInfo: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeRecommended: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeCritical: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+export declare const BadgeWarning: <L = "div">(props: import("@mantine/core").PolymorphicComponentProps<L, import("@mantine/core").BadgeProps>) => React.ReactElement;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/esm/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,kHAOqD,MAC5E,YAAY,AARiD,CAAC;AAChE,eAAO,MAAM,cAAc,kHAMmD,MAC5E,YAAY,AAPqD,CAAC;AACpE,eAAO,MAAM,aAAa,kHAKoD,MAC5E,YAAY,AANoD,CAAC;AAEnE,eAAO,MAAM,SAAS,kHAGwD,MAC5E,YAAY,AAJ8C,CAAC;AAC7D,eAAO,MAAM,gBAAgB,kHAEiD,MAC5E,YAAY,AAHuE,CAAC;AACtF,eAAO,MAAM,aAAa,kHACoD,MAC5E,YAAY,AAFqE,CAAC;AACpF,eAAO,MAAM,YAAY,kHAAqD,MAC5E,YAAY,AADmE,CAAC"}

package/dist/esm/components/badge/Badge.js

@@ -0,0 +1,27 @@
+import { Badge } from '@mantine/core';
+export const BadgePrimary = Badge.withProps({
+    variant: 'light'
+});
+export const BadgeSecondary = Badge.withProps({
+    variant: 'outline'
+});
+export const BadgeTertiary = Badge.withProps({
+    variant: 'default'
+});
+export const BadgeInfo = Badge.withProps({
+    variant: 'light'
+});
+export const BadgeRecommended = Badge.withProps({
+    variant: 'light',
+    color: 'success'
+});
+export const BadgeCritical = Badge.withProps({
+    variant: 'light',
+    color: 'critical'
+});
+export const BadgeWarning = Badge.withProps({
+    variant: 'light',
+    color: 'warning'
+});
+
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import {Badge} from '@mantine/core';\n\nexport const BadgePrimary = Badge.withProps({variant: 'light'});\nexport const BadgeSecondary = Badge.withProps({variant: 'outline'});\nexport const BadgeTertiary = Badge.withProps({variant: 'default'});\n\nexport const BadgeInfo = Badge.withProps({variant: 'light'});\nexport const BadgeRecommended = Badge.withProps({variant: 'light', color: 'success'});\nexport const BadgeCritical = Badge.withProps({variant: 'light', color: 'critical'});\nexport const BadgeWarning = Badge.withProps({variant: 'light', color: 'warning'});\n"],"names":["Badge","BadgePrimary","withProps","variant","BadgeSecondary","BadgeTertiary","BadgeInfo","BadgeRecommended","color","BadgeCritical","BadgeWarning"],"mappings":"AAAA,SAAQA,KAAK,QAAO,gBAAgB;AAEpC,OAAO,MAAMC,eAAeD,MAAME,SAAS,CAAC;IAACC,SAAS;AAAO,GAAG;AAChE,OAAO,MAAMC,iBAAiBJ,MAAME,SAAS,CAAC;IAACC,SAAS;AAAS,GAAG;AACpE,OAAO,MAAME,gBAAgBL,MAAME,SAAS,CAAC;IAACC,SAAS;AAAS,GAAG;AAEnE,OAAO,MAAMG,YAAYN,MAAME,SAAS,CAAC;IAACC,SAAS;AAAO,GAAG;AAC7D,OAAO,MAAMI,mBAAmBP,MAAME,SAAS,CAAC;IAACC,SAAS;IAASK,OAAO;AAAS,GAAG;AACtF,OAAO,MAAMC,gBAAgBT,MAAME,SAAS,CAAC;IAACC,SAAS;IAASK,OAAO;AAAU,GAAG;AACpF,OAAO,MAAME,eAAeV,MAAME,SAAS,CAAC;IAACC,SAAS;IAASK,OAAO;AAAS,GAAG"}

package/dist/esm/components/badge/index.d.ts

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

package/dist/esm/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/components/badge/index.js

@@ -0,0 +1,3 @@
+export * from './Badge';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/badge/index.ts"],"sourcesContent":["export * from './Badge';\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/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-gray-3);
+    border-color: var(--mantine-color-default-border);
     flex: 1;
 }
 

package/dist/esm/components/button/Button.d.ts

@@ -45,4 +45,9 @@ export declare const Button: (<C = "button">(props: import("@mantine/core").Poly
 }> & {
     Group: typeof ButtonGroup;
 };
+export declare const ButtonPrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+export declare const ButtonSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+export declare const ButtonTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+export declare const ButtonDestructive: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+export declare const ButtonDestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
 //# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,kBAAkB,EAClB,KAAK,WAAW,EAChB,WAAW,IAAI,kBAAkB,EACjC,iBAAiB,EACjB,aAAa,EAGhB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM,+FANH,MAAO,YAChB;;;;;;eAO2G,MAC1G,WACR;;;WAfW,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;KAC7B;;WADU,OAAO,WAAW;CA6BhC,CAAC;AAGF,eAAO,MAAM,aAAa,8FA5CF,MAAM,YA4CoC,CAAC;AACnE,eAAO,MAAM,eAAe,8FA7CJ,MAAM,YA6CqC,CAAC;AACpE,eAAO,MAAM,cAAc,8FA9CH,MAAM,YA8CqC,CAAC;AACpE,eAAO,MAAM,iBAAiB,8FA/CN,MAAM,YA+C6E,CAAC;AAC5G,eAAO,MAAM,0BAA0B,8FAhDf,MAAM,YAgDqF,CAAC"}