@coveord/plasma-mantine 52.4.3 → 52.5.0

package/dist/esm/theme/Theme.js

@@ -1,7 +1,8 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_destructuring_empty } from "@swc/helpers/_/_object_destructuring_empty";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { InfoSize24Px } from "@coveord/plasma-react-icons";
+import { CheckSize16Px, InfoSize24Px } from "@coveord/plasma-react-icons";
 import { color } from "@coveord/plasma-tokens";
 import { getSize, rem } from "@mantine/core";
 import { PlasmaColors } from "./PlasmaColors";
@@ -123,7 +124,7 @@ export var plasmaTheme = {
         },
         Modal: {
             styles: function(theme, param, param1) {
-                var fullScreen = param.fullScreen, size = param1.size;
+                var fullScreen = param.fullScreen, padding = param.padding, size = param1.size, variant = param1.variant;
                 return {
                     content: {
                         flex: fullScreen ? "0 0 100%" : "0 0 ".concat(getSize({
@@ -143,14 +144,25 @@ export var plasmaTheme = {
                         fontSize: theme.headings.sizes.h3.fontSize,
                         lineHeight: theme.headings.sizes.h3.lineHeight,
                         fontWeight: 500
+                    },
+                    header: {
+                        borderBottom: variant !== "prompt" ? "1px solid ".concat(color.primary.gray[3]) : null
+                    },
+                    body: {
+                        "&:not(:only-child)": {
+                            paddingTop: variant === "prompt" ? 0 : getSize({
+                                size: padding,
+                                sizes: plasmaTheme.spacing
+                            })
+                        }
                     }
                 };
-            },
+            }
+        },
+        ModalOverlay: {
             defaultProps: {
-                overlayProps: {
-                    color: color.primary.navy[9],
-                    opacity: 0.9
-                }
+                color: color.primary.navy[9],
+                opacity: 0.9
             }
         },
         InputWrapper: {
@@ -323,6 +335,76 @@ export var plasmaTheme = {
                     zIndex: "unset"
                 }
             }
+        },
+        Stepper: {
+            defaultProps: {
+                size: "xs",
+                completedIcon: /*#__PURE__*/ _jsx(CheckSize16Px, {})
+            },
+            styles: function(theme, param, param1) {
+                var ref = _object_destructuring_empty(param), size = param1.size;
+                return {
+                    step: {
+                        "&[disabled]": {
+                            color: theme.colors.gray[5],
+                            "& .mantine-Stepper-stepDescription": {
+                                color: theme.colors.gray[5]
+                            },
+                            "& .mantine-Stepper-stepIcon": {
+                                borderColor: theme.colors.gray[1]
+                            }
+                        }
+                    },
+                    stepIcon: {
+                        fontWeight: 500,
+                        backgroundColor: theme.colors.gray[1],
+                        color: "inherit",
+                        border: "".concat(rem(1), " solid ").concat(theme.colors.gray[3]),
+                        "&[data-progress]": {
+                            backgroundColor: theme.white
+                        },
+                        "&[data-completed]": {
+                            backgroundColor: theme.white,
+                            borderColor: theme.colors.lime[6],
+                            color: theme.colors.lime[6]
+                        }
+                    },
+                    stepCompletedIcon: {
+                        color: theme.colors.lime[6],
+                        fontSize: rem(16)
+                    },
+                    stepDescription: {
+                        color: theme.colors.gray[7],
+                        fontSize: getSize({
+                            size: size,
+                            sizes: theme.fontSizes
+                        })
+                    },
+                    separator: {
+                        height: rem(1),
+                        backgroundColor: theme.colors.gray[3]
+                    },
+                    separatorActive: {
+                        backgroundColor: theme.colors.gray[3]
+                    },
+                    verticalSeparator: {
+                        borderLeft: "".concat(rem(1), " solid ").concat(theme.colors.gray[3])
+                    },
+                    verticalSeparatorActive: {
+                        borderColor: theme.colors.gray[3]
+                    }
+                };
+            }
+        },
+        Tabs: {
+            styles: function(theme, param) {
+                var orientation = param.orientation;
+                var _obj;
+                return {
+                    tabsList: _define_property({}, orientation === "horizontal" ? "borderBottom" : "borderRight", "".concat(rem(1), " solid ").concat(theme.colors.gray[3])),
+                    tab: (_obj = {}, _define_property(_obj, orientation === "horizontal" ? "borderBottom" : "borderRight", "".concat(rem(1), " solid transparent")), _define_property(_obj, orientation === "horizontal" ? "marginBottom" : "marginRight", rem(-1)), _obj)
+                };
+            }
         }
     }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {getSize, MantineThemeOverride, NotificationProps, rem} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/src/mantine-styles/src/theme/default-theme.ts\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    lineHeight: 1.5,\n    spacing: {\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: undefined, fontWeight: 300},\n            h2: {fontSize: '32px', lineHeight: undefined, fontWeight: 500},\n            h3: {fontSize: '24px', lineHeight: undefined, fontWeight: 500},\n            h4: {fontSize: '18px', lineHeight: undefined, fontWeight: 300},\n            h5: {fontSize: '14px', lineHeight: undefined, fontWeight: 500},\n            h6: {fontSize: '12px', lineHeight: undefined, 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        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: {\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em'},\n                },\n            },\n        },\n        Text: {\n            defaultProps: {\n                weight: 300,\n            },\n            styles: (theme, {}, {size}) => ({\n                root: {\n                    fontSize: getSize({size: size ?? 'sm', sizes: theme.fontSizes}),\n                },\n            }),\n        },\n        Button: {\n            styles: () => ({\n                root: {\n                    fontWeight: 400,\n                },\n            }),\n            variants: {\n                outline: () => ({\n                    root: {\n                        backgroundColor: 'white',\n                    },\n                }),\n            },\n        },\n        Modal: {\n            styles: (theme, {fullScreen}, {size}) => ({\n                content: {\n                    flex: fullScreen\n                        ? '0 0 100%'\n                        : `0 0 ${getSize({\n                              size,\n                              sizes: {\n                                  xs: rem(440),\n                                  sm: rem(550),\n                                  md: rem(800),\n                                  lg: rem(1334),\n                                  xl: rem('85%'),\n                              },\n                          })}`,\n                    overflow: 'auto',\n                },\n                title: {\n                    width: '100%',\n                    fontSize: theme.headings.sizes.h3.fontSize,\n                    lineHeight: theme.headings.sizes.h3.lineHeight,\n                    fontWeight: 500,\n                },\n            }),\n            defaultProps: {\n                overlayProps: {\n                    color: color.primary.navy[9],\n                    opacity: 0.9,\n                },\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n            styles: (theme) => ({\n                label: {\n                    marginBottom: theme.spacing.xs,\n                },\n                description: {\n                    fontSize: theme.fontSizes.sm,\n                    color: theme.colors.gray[7],\n                    marginBottom: theme.spacing.xs,\n                },\n                invalid: {\n                    color: theme.colors.red[9],\n                    borderColor: theme.colors.red[6],\n                },\n                error: {\n                    color: theme.colors.red[9],\n                },\n            }),\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n                multiline: true,\n                zIndex: 10000,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action.6',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n            styles: (theme) => ({\n                label: {\n                    fontSize: theme.fontSizes.sm,\n                    fontWeight: 300,\n                },\n            }),\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n        Popover: {\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        },\n        Badge: {\n            styles: {\n                root: {\n                    textTransform: 'none',\n                    padding: '4px 8px',\n                    fontWeight: 500,\n                },\n            },\n        },\n        ColorSwatch: {\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        },\n        MenuItem: {\n            defaultProps: {\n                fw: 300,\n            },\n        },\n        Notification: {\n            styles: (theme, {color: notificationType}: NotificationProps) => ({\n                root: {\n                    borderColor: theme.colors.gray[3],\n                    backgroundColor: theme.colors.gray[0],\n                    boxShadow: theme.shadows.lg,\n                    padding: theme.spacing.sm,\n                    '&[data-with-icon]': {\n                        paddingLeft: theme.spacing.sm,\n                    },\n                },\n                icon: {\n                    backgroundColor: 'transparent',\n                    marginRight: theme.spacing.sm,\n                    color: theme.colors?.[notificationType][6],\n                },\n                closeButton: {\n                    margin: theme.spacing.xs,\n                    color: theme.colors.gray[5],\n                },\n            }),\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'info',\n            },\n        },\n        Skeleton: {\n            styles: {\n                visible: {\n                    '&::before': {zIndex: 'unset'},\n                    '&::after': {zIndex: 'unset'},\n                },\n            },\n        },\n        Segmented: {\n            styles: {\n                control: {\n                    zIndex: 'unset',\n                },\n            },\n        },\n    },\n};\n"],"names":["InfoSize24Px","color","getSize","rem","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","lineHeight","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","root","letterSpacing","Text","weight","theme","size","fontSizes","Button","variants","outline","backgroundColor","Modal","fullScreen","content","flex","overflow","width","overlayProps","navy","opacity","InputWrapper","withAsterisk","label","marginBottom","description","invalid","red","borderColor","error","TextInput","radius","Tooltip","withArrow","withinPortal","multiline","zIndex","Loader","variant","DateRangePicker","cell","textAlign","Anchor","fn","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","padding","ColorSwatch","withShadow","MenuItem","fw","Notification","notificationType","boxShadow","paddingLeft","marginRight","closeButton","margin","Skeleton","visible","Segmented","control"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {CheckSize16Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    getSize,\n    rem,\n    type MantineThemeOverride,\n    type NotificationProps,\n    type StepperStylesParams,\n    type TabsStylesParams,\n} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/src/mantine-styles/src/theme/default-theme.ts\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    lineHeight: 1.5,\n    spacing: {\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: undefined, fontWeight: 300},\n            h2: {fontSize: '32px', lineHeight: undefined, fontWeight: 500},\n            h3: {fontSize: '24px', lineHeight: undefined, fontWeight: 500},\n            h4: {fontSize: '18px', lineHeight: undefined, fontWeight: 300},\n            h5: {fontSize: '14px', lineHeight: undefined, fontWeight: 500},\n            h6: {fontSize: '12px', lineHeight: undefined, 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        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: {\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em'},\n                },\n            },\n        },\n        Text: {\n            defaultProps: {\n                weight: 300,\n            },\n            styles: (theme, {}, {size}) => ({\n                root: {\n                    fontSize: getSize({size: size ?? 'sm', sizes: theme.fontSizes}),\n                },\n            }),\n        },\n        Button: {\n            styles: () => ({\n                root: {\n                    fontWeight: 400,\n                },\n            }),\n            variants: {\n                outline: () => ({\n                    root: {\n                        backgroundColor: 'white',\n                    },\n                }),\n            },\n        },\n        Modal: {\n            styles: (theme, {fullScreen, padding}, {size, variant}) => ({\n                content: {\n                    flex: fullScreen\n                        ? '0 0 100%'\n                        : `0 0 ${getSize({\n                              size,\n                              sizes: {\n                                  xs: rem(440),\n                                  sm: rem(550),\n                                  md: rem(800),\n                                  lg: rem(1334),\n                                  xl: rem('85%'),\n                              },\n                          })}`,\n                    overflow: 'auto',\n                },\n                title: {\n                    width: '100%',\n                    fontSize: theme.headings.sizes.h3.fontSize,\n                    lineHeight: theme.headings.sizes.h3.lineHeight,\n                    fontWeight: 500,\n                },\n                header: {\n                    borderBottom: variant !== 'prompt' ? `1px solid ${color.primary.gray[3]}` : null,\n                },\n                body: {\n                    '&:not(:only-child)': {\n                        paddingTop: variant === 'prompt' ? 0 : getSize({size: padding, sizes: plasmaTheme.spacing}),\n                    },\n                },\n            }),\n        },\n        ModalOverlay: {\n            defaultProps: {\n                color: color.primary.navy[9],\n                opacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n            styles: (theme) => ({\n                label: {\n                    marginBottom: theme.spacing.xs,\n                },\n                description: {\n                    fontSize: theme.fontSizes.sm,\n                    color: theme.colors.gray[7],\n                    marginBottom: theme.spacing.xs,\n                },\n                invalid: {\n                    color: theme.colors.red[9],\n                    borderColor: theme.colors.red[6],\n                },\n                error: {\n                    color: theme.colors.red[9],\n                },\n            }),\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n                multiline: true,\n                zIndex: 10000,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action.6',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n            styles: (theme) => ({\n                label: {\n                    fontSize: theme.fontSizes.sm,\n                    fontWeight: 300,\n                },\n            }),\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n        Popover: {\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        },\n        Badge: {\n            styles: {\n                root: {\n                    textTransform: 'none',\n                    padding: '4px 8px',\n                    fontWeight: 500,\n                },\n            },\n        },\n        ColorSwatch: {\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        },\n        MenuItem: {\n            defaultProps: {\n                fw: 300,\n            },\n        },\n        Notification: {\n            styles: (theme, {color: notificationType}: NotificationProps) => ({\n                root: {\n                    borderColor: theme.colors.gray[3],\n                    backgroundColor: theme.colors.gray[0],\n                    boxShadow: theme.shadows.lg,\n                    padding: theme.spacing.sm,\n                    '&[data-with-icon]': {\n                        paddingLeft: theme.spacing.sm,\n                    },\n                },\n                icon: {\n                    backgroundColor: 'transparent',\n                    marginRight: theme.spacing.sm,\n                    color: theme.colors?.[notificationType][6],\n                },\n                closeButton: {\n                    margin: theme.spacing.xs,\n                    color: theme.colors.gray[5],\n                },\n            }),\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'info',\n            },\n        },\n        Skeleton: {\n            styles: {\n                visible: {\n                    '&::before': {zIndex: 'unset'},\n                    '&::after': {zIndex: 'unset'},\n                },\n            },\n        },\n        Segmented: {\n            styles: {\n                control: {\n                    zIndex: 'unset',\n                },\n            },\n        },\n        Stepper: {\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            styles: (theme, {}: StepperStylesParams, {size}) => ({\n                step: {\n                    '&[disabled]': {\n                        color: theme.colors.gray[5],\n                        '& .mantine-Stepper-stepDescription': {\n                            color: theme.colors.gray[5],\n                        },\n                        '& .mantine-Stepper-stepIcon': {\n                            borderColor: theme.colors.gray[1],\n                        },\n                    },\n                },\n                stepIcon: {\n                    fontWeight: 500,\n                    backgroundColor: theme.colors.gray[1],\n                    color: 'inherit',\n                    border: `${rem(1)} solid ${theme.colors.gray[3]}`,\n                    '&[data-progress]': {\n                        backgroundColor: theme.white,\n                    },\n\n                    '&[data-completed]': {\n                        backgroundColor: theme.white,\n                        borderColor: theme.colors.lime[6],\n                        color: theme.colors.lime[6],\n                    },\n                },\n                stepCompletedIcon: {\n                    color: theme.colors.lime[6],\n                    fontSize: rem(16),\n                },\n                stepDescription: {\n                    color: theme.colors.gray[7],\n                    fontSize: getSize({size, sizes: theme.fontSizes}),\n                },\n                separator: {\n                    height: rem(1),\n                    backgroundColor: theme.colors.gray[3],\n                },\n                separatorActive: {\n                    backgroundColor: theme.colors.gray[3],\n                },\n                verticalSeparator: {\n                    borderLeft: `${rem(1)} solid ${theme.colors.gray[3]}`,\n                },\n                verticalSeparatorActive: {\n                    borderColor: theme.colors.gray[3],\n                },\n            }),\n        },\n        Tabs: {\n            styles: (theme, {orientation}: TabsStylesParams) => ({\n                tabsList: {\n                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid ${\n                        theme.colors.gray[3]\n                    }`,\n                },\n                tab: {\n                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid transparent`,\n                    [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: rem(-1),\n                },\n            }),\n        },\n    },\n};\n"],"names":["CheckSize16Px","InfoSize24Px","color","getSize","rem","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","lineHeight","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","root","letterSpacing","Text","weight","theme","size","fontSizes","Button","variants","outline","backgroundColor","Modal","fullScreen","padding","variant","content","flex","overflow","width","header","borderBottom","body","paddingTop","ModalOverlay","navy","opacity","InputWrapper","withAsterisk","label","marginBottom","description","invalid","red","borderColor","error","TextInput","radius","Tooltip","withArrow","withinPortal","multiline","zIndex","Loader","DateRangePicker","cell","textAlign","Anchor","fn","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","ColorSwatch","withShadow","MenuItem","fw","Notification","notificationType","boxShadow","paddingLeft","marginRight","closeButton","margin","Skeleton","visible","Segmented","control","Stepper","completedIcon","step","stepIcon","border","white","lime","stepCompletedIcon","stepDescription","separator","separatorActive","verticalSeparator","borderLeft","verticalSeparatorActive","Tabs","orientation","tabsList","tab"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "52.4.3",
+  "version": "52.5.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -31,49 +31,48 @@
     "@dnd-kit/modifiers": "6.0.1",
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
-    "@mantine/utils": "6.0.10",
-    "@monaco-editor/react": "4.5.0",
+    "@mantine/utils": "6.0.11",
+    "@monaco-editor/react": "4.5.1",
     "@swc/helpers": "0.5.1",
-    "@tanstack/react-table": "8.8.5",
-    "@tanstack/table-core": "8.8.5",
+    "@tanstack/react-table": "8.9.1",
+    "@tanstack/table-core": "8.9.1",
     "dayjs": "1.11.7",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.37.1",
-    "@coveord/plasma-react-icons": "52.4.3",
-    "@coveord/plasma-tokens": "52.4.3"
+    "monaco-editor": "0.38.0",
+    "@coveord/plasma-react-icons": "52.5.0",
+    "@coveord/plasma-tokens": "52.5.0"
   },
   "devDependencies": {
     "@emotion/react": "11.10.8",
-    "@mantine/carousel": "6.0.10",
-    "@mantine/core": "6.0.10",
-    "@mantine/dates": "6.0.10",
-    "@mantine/form": "6.0.10",
-    "@mantine/hooks": "6.0.10",
-    "@mantine/modals": "6.0.10",
-    "@mantine/notifications": "6.0.10",
+    "@mantine/carousel": "6.0.11",
+    "@mantine/core": "6.0.11",
+    "@mantine/dates": "6.0.11",
+    "@mantine/form": "6.0.11",
+    "@mantine/hooks": "6.0.11",
+    "@mantine/modals": "6.0.11",
+    "@mantine/notifications": "6.0.11",
     "@swc/cli": "0.1.62",
-    "@swc/core": "1.3.56",
+    "@swc/core": "1.3.58",
     "@swc/jest": "0.2.26",
-    "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@testing-library/user-event": "14.4.3",
-    "@types/jest": "29.1.2",
+    "@types/jest": "29.5.1",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.defaultsdeep": "4.6.7",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.1",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
     "@types/testing-library__jest-dom": "5.14.5",
     "csstype": "3.1.2",
     "embla-carousel-react": "7.1.0",
-    "eslint-plugin-testing-library": "5.10.3",
-    "eslint-plugin-vitest": "0.1.4",
+    "eslint-plugin-testing-library": "5.11.0",
+    "eslint-plugin-vitest": "0.2.2",
     "eslint-plugin-vitest-globals": "1.3.1",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.2.1",
-    "jest-environment-jsdom": "29.1.2",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
     "jest-junit": "13.2.0",
     "npm-run-all": "4.1.5",
     "publint": "0.1.11",
@@ -82,7 +81,7 @@
     "rimraf": "3.0.2",
     "tslib": "2.5.0",
     "typescript": "5.0.3",
-    "vitest": "0.30.1"
+    "vitest": "0.31.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.0",

package/src/components/prompt/Prompt.tsx

@@ -18,7 +18,6 @@ const useStyles = createStyles((theme) => ({
         fontSize: theme.headings.sizes.h3.fontSize,
         lineHeight: theme.headings.sizes.h3.lineHeight,
     },
-    default: {},
     success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},
     warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},
     critical: {
@@ -33,7 +32,12 @@ const useStyles = createStyles((theme) => ({
 }));
 
 export interface PromptProps extends ModalProps {
-    variant: 'default' | 'success' | 'warning' | 'critical' | 'info';
+    /**
+     * Controls prompt appearance
+     *
+     * @default "info"
+     */
+    variant?: 'success' | 'warning' | 'critical' | 'info';
     children: ReactNode;
 }
 interface PromptType {
@@ -41,9 +45,8 @@ interface PromptType {
     Footer: typeof PromptFooter;
 }
 
-export const Prompt: PromptType = ({children, variant, size, ...otherProps}) => {
+export const Prompt: PromptType = ({children, variant = 'info', ...otherProps}) => {
     const {classes, cx} = useStyles();
-    const defaultVariant = variant === 'default';
     const convertedChildren = Children.toArray(children) as ReactElement[];
 
     const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);
@@ -51,14 +54,14 @@ export const Prompt: PromptType = ({children, variant, size, ...otherProps}) =>
 
     const classNames = {
         header: cx(classes.header, classes[variant]),
-        close: !defaultVariant && classes.whiteClose,
+        close: classes.whiteClose,
         body: classes.body,
-        modal: !defaultVariant && classes.modalType,
+        modal: classes.modalType,
         title: classes.title,
     };
 
     return (
-        <Modal padding={0} classNames={classNames} size={defaultVariant ? size : 'sm'} {...otherProps}>
+        <Modal variant="prompt" padding={0} classNames={classNames} size={'sm'} {...otherProps}>
             <div className={classes.innerBody}>{otherChildren}</div>
             {footer}
         </Modal>

package/src/components/table/Th.tsx

@@ -6,7 +6,6 @@ const useStyles = createStyles((theme) => ({
     th: {
         fontWeight: '400 !important' as any,
         padding: '0 !important',
-        color: theme.black + '!important',
         verticalAlign: 'middle',
     },
 
@@ -14,9 +13,11 @@ const useStyles = createStyles((theme) => ({
         width: '100%',
         padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
         whiteSpace: 'nowrap',
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[8] : theme.colors.gray[0],
+        color: theme.colors.gray[6],
 
         '&:hover': {
-            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[6] : theme.colors.gray[2],
+            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[7] : theme.colors.gray[1],
         },
     },
 }));
@@ -49,7 +50,7 @@ export const Th = <T,>({header}: ThProps<T>) => {
     if (!header.column.getCanSort()) {
         return (
             <th className={classes.th} style={{width}}>
-                <Text size="xs" py="xs" px="sm">
+                <Text size="xs" py="xs" px="sm" fw={500}>
                     {flexRender(header.column.columnDef.header, header.getContext())}
                 </Text>
             </th>
@@ -64,7 +65,9 @@ export const Th = <T,>({header}: ThProps<T>) => {
         <th className={classes.th} style={{width}} aria-sort={SortingLabels[sortingOrder]}>
             <UnstyledButton onClick={onSort} className={classes.control}>
                 <Group position="apart" noWrap>
-                    <Text size="xs">{flexRender(header.column.columnDef.header, header.getContext())}</Text>
+                    <Text size="xs" fw={500}>
+                        {flexRender(header.column.columnDef.header, header.getContext())}
+                    </Text>
                     <Center>
                         <Icon height={14} />
                     </Center>

package/src/theme/Theme.tsx

@@ -1,6 +1,13 @@
-import {InfoSize24Px} from '@coveord/plasma-react-icons';
+import {CheckSize16Px, InfoSize24Px} from '@coveord/plasma-react-icons';
 import {color} from '@coveord/plasma-tokens';
-import {getSize, MantineThemeOverride, NotificationProps, rem} from '@mantine/core';
+import {
+    getSize,
+    rem,
+    type MantineThemeOverride,
+    type NotificationProps,
+    type StepperStylesParams,
+    type TabsStylesParams,
+} from '@mantine/core';
 
 import {PlasmaColors} from './PlasmaColors';
 
@@ -83,7 +90,7 @@ export const plasmaTheme: MantineThemeOverride = {
             },
         },
         Modal: {
-            styles: (theme, {fullScreen}, {size}) => ({
+            styles: (theme, {fullScreen, padding}, {size, variant}) => ({
                 content: {
                     flex: fullScreen
                         ? '0 0 100%'
@@ -105,12 +112,20 @@ export const plasmaTheme: MantineThemeOverride = {
                     lineHeight: theme.headings.sizes.h3.lineHeight,
                     fontWeight: 500,
                 },
+                header: {
+                    borderBottom: variant !== 'prompt' ? `1px solid ${color.primary.gray[3]}` : null,
+                },
+                body: {
+                    '&:not(:only-child)': {
+                        paddingTop: variant === 'prompt' ? 0 : getSize({size: padding, sizes: plasmaTheme.spacing}),
+                    },
+                },
             }),
+        },
+        ModalOverlay: {
             defaultProps: {
-                overlayProps: {
-                    color: color.primary.navy[9],
-                    opacity: 0.9,
-                },
+                color: color.primary.navy[9],
+                opacity: 0.9,
             },
         },
         InputWrapper: {
@@ -268,5 +283,73 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
             },
         },
+        Stepper: {
+            defaultProps: {
+                size: 'xs',
+                completedIcon: <CheckSize16Px />,
+            },
+            styles: (theme, {}: StepperStylesParams, {size}) => ({
+                step: {
+                    '&[disabled]': {
+                        color: theme.colors.gray[5],
+                        '& .mantine-Stepper-stepDescription': {
+                            color: theme.colors.gray[5],
+                        },
+                        '& .mantine-Stepper-stepIcon': {
+                            borderColor: theme.colors.gray[1],
+                        },
+                    },
+                },
+                stepIcon: {
+                    fontWeight: 500,
+                    backgroundColor: theme.colors.gray[1],
+                    color: 'inherit',
+                    border: `${rem(1)} solid ${theme.colors.gray[3]}`,
+                    '&[data-progress]': {
+                        backgroundColor: theme.white,
+                    },
+
+                    '&[data-completed]': {
+                        backgroundColor: theme.white,
+                        borderColor: theme.colors.lime[6],
+                        color: theme.colors.lime[6],
+                    },
+                },
+                stepCompletedIcon: {
+                    color: theme.colors.lime[6],
+                    fontSize: rem(16),
+                },
+                stepDescription: {
+                    color: theme.colors.gray[7],
+                    fontSize: getSize({size, sizes: theme.fontSizes}),
+                },
+                separator: {
+                    height: rem(1),
+                    backgroundColor: theme.colors.gray[3],
+                },
+                separatorActive: {
+                    backgroundColor: theme.colors.gray[3],
+                },
+                verticalSeparator: {
+                    borderLeft: `${rem(1)} solid ${theme.colors.gray[3]}`,
+                },
+                verticalSeparatorActive: {
+                    borderColor: theme.colors.gray[3],
+                },
+            }),
+        },
+        Tabs: {
+            styles: (theme, {orientation}: TabsStylesParams) => ({
+                tabsList: {
+                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid ${
+                        theme.colors.gray[3]
+                    }`,
+                },
+                tab: {
+                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid transparent`,
+                    [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: rem(-1),
+                },
+            }),
+        },
     },
 };