@coveord/plasma-mantine 48.10.0 → 48.12.1

package/dist/cjs/components/table/TableHeader.js

@@ -8,11 +8,14 @@ Object.defineProperty(exports, "TableHeader", {
         return TableHeader;
     }
 });
+var _objectSpread = require("@swc/helpers/lib/_object_spread.js").default;
+var _objectSpreadProps = require("@swc/helpers/lib/_object_spread_props.js").default;
+var _objectWithoutProperties = require("@swc/helpers/lib/_object_without_properties.js").default;
 var _jsxRuntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var useStyles = (0, _core.createStyles)(function(theme) {
     return {
-        header: {
+        root: {
             position: "sticky",
             top: 0,
             zIndex: 13,
@@ -21,17 +24,28 @@ var useStyles = (0, _core.createStyles)(function(theme) {
         }
     };
 });
-var TableHeader = function(param) {
-    var children = param.children;
-    var classes = useStyles().classes;
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, {
+var TableHeader = function(_param) {
+    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _objectWithoutProperties(_param, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = useStyles(null, {
+        name: "TableHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_core.Group, _objectSpreadProps(_objectSpread({
         position: "right",
         spacing: "lg",
-        className: classes.header,
+        className: classes.root,
         px: "md",
-        py: "sm",
+        py: "sm"
+    }, others), {
         children: children
-    });
+    }));
 };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/cjs/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","children","classes","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAaaA;;;eAAAA;;;;oBAbqB;AAGlC,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEO,IAAMV,cAAoD,gBAAgB;QAAdY,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,qBAACC,WAAK;QAACT,UAAS;QAAQU,SAAQ;QAAKC,WAAWH,QAAQT,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEN;;AAGb"}
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["TableHeader","useStyles","createStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","classNames","styles","unstyled","children","others","classes","name","Group","spacing","className","px","py"],"mappings":"AAAA;;;;+BAkBaA;;;eAAAA;;;;;;;oBAlB8C;AAG3D,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOO,IAAMV,cAAmD,iBAM1D;QALFY,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,qBAACE,WAAK;QAACd,UAAS;QAAQe,SAAQ;QAAKC,WAAWJ,QAAQb,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASP;kBAC7ED;;AAGb"}

package/dist/cjs/theme/PlasmaColors.js

@@ -12,6 +12,22 @@ var _plasmaTokens = require("@coveord/plasma-tokens");
 var toMantineColor = function(plasmaColor) {
     return Object.values(plasmaColor);
 };
+var navy = toMantineColor(_plasmaTokens.color.primary.navy);
+var red = toMantineColor(_plasmaTokens.color.accent.red);
+var yellow = toMantineColor(_plasmaTokens.color.accent.yellow);
+var teal = toMantineColor(_plasmaTokens.color.accent.teal);
+var lime = [
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[0],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[6],
+    _plasmaTokens.color.secondary.lime[9],
+    _plasmaTokens.color.secondary.lime[9],
+    _plasmaTokens.color.secondary.lime[9]
+];
 var PlasmaColors = {
     // Primary
     gray: toMantineColor(_plasmaTokens.color.primary.gray),
@@ -27,27 +43,21 @@ var PlasmaColors = {
         _plasmaTokens.color.primary.action[8],
         _plasmaTokens.color.primary.action[9]
     ],
-    navy: toMantineColor(_plasmaTokens.color.primary.navy),
+    navy: navy,
+    info: navy,
     // Accent
     blue: toMantineColor(_plasmaTokens.color.accent.blue),
-    red: toMantineColor(_plasmaTokens.color.accent.red),
-    teal: toMantineColor(_plasmaTokens.color.accent.teal),
-    yellow: toMantineColor(_plasmaTokens.color.accent.yellow),
+    red: red,
+    critical: red,
+    teal: teal,
+    new: teal,
+    yellow: yellow,
+    warning: yellow,
     // Secondary
     green: toMantineColor(_plasmaTokens.color.secondary.green),
     indigo: toMantineColor(_plasmaTokens.color.secondary.indigo),
-    lime: [
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[0],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[6],
-        _plasmaTokens.color.secondary.lime[9],
-        _plasmaTokens.color.secondary.lime[9],
-        _plasmaTokens.color.secondary.lime[9]
-    ],
+    lime: lime,
+    success: lime,
     purple: toMantineColor(_plasmaTokens.color.secondary.purple)
 };
 

package/dist/cjs/theme/PlasmaColors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy: toMantineColor(color.primary.navy),\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red: toMantineColor(color.accent.red),\n    teal: toMantineColor(color.accent.teal),\n    yellow: toMantineColor(color.accent.yellow),\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime: [\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n    ] as Tuple<string, 10>,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","gray","color","primary","action","navy","blue","accent","red","teal","yellow","green","secondary","indigo","lime","purple"],"mappings":"AAAA;;;;+BAMaA;;;eAAAA;;;4BANO;AAGpB,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAEX,IAAMF,eAAe;IACxB,UAAU;IACVK,MAAMJ,eAAeK,mBAAK,CAACC,OAAO,CAACF,IAAI;IACvCG,QAAQ;QACJF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBF,mBAAK,CAACC,OAAO,CAACC,MAAM,CAAC,EAAE;KAC1B;IACDC,MAAMR,eAAeK,mBAAK,CAACC,OAAO,CAACE,IAAI;IACvC,SAAS;IACTC,MAAMT,eAAeK,mBAAK,CAACK,MAAM,CAACD,IAAI;IACtCE,KAAKX,eAAeK,mBAAK,CAACK,MAAM,CAACC,GAAG;IACpCC,MAAMZ,eAAeK,mBAAK,CAACK,MAAM,CAACE,IAAI;IACtCC,QAAQb,eAAeK,mBAAK,CAACK,MAAM,CAACG,MAAM;IAC1C,YAAY;IACZC,OAAOd,eAAeK,mBAAK,CAACU,SAAS,CAACD,KAAK;IAC3CE,QAAQhB,eAAeK,mBAAK,CAACU,SAAS,CAACC,MAAM;IAC7CC,MAAM;QACFZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBZ,mBAAK,CAACU,SAAS,CAACE,IAAI,CAAC,EAAE;KAC1B;IACDC,QAAQlB,eAAeK,mBAAK,CAACU,SAAS,CAACG,MAAM;AACjD"}
+{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n] as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy,\n    info: navy,\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red,\n    critical: red,\n    teal,\n    new: teal,\n    yellow,\n    warning: yellow,\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime,\n    success: lime,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["PlasmaColors","toMantineColor","plasmaColor","Object","values","navy","color","primary","red","accent","yellow","teal","lime","secondary","gray","action","info","blue","critical","new","warning","green","indigo","success","purple"],"mappings":"AAAA;;;;+BAuBaA;;;eAAAA;;;4BAvBO;AAGpB,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAElB,IAAMG,OAAOJ,eAAeK,mBAAK,CAACC,OAAO,CAACF,IAAI;AAC9C,IAAMG,MAAMP,eAAeK,mBAAK,CAACG,MAAM,CAACD,GAAG;AAC3C,IAAME,SAAST,eAAeK,mBAAK,CAACG,MAAM,CAACC,MAAM;AACjD,IAAMC,OAAOV,eAAeK,mBAAK,CAACG,MAAM,CAACE,IAAI;AAC7C,IAAMC,OAAO;IACTN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBN,mBAAK,CAACO,SAAS,CAACD,IAAI,CAAC,EAAE;CAC1B;AAEM,IAAMZ,eAAe;IACxB,UAAU;IACVc,MAAMb,eAAeK,mBAAK,CAACC,OAAO,CAACO,IAAI;IACvCC,QAAQ;QACJT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;QACvBT,mBAAK,CAACC,OAAO,CAACQ,MAAM,CAAC,EAAE;KAC1B;IACDV,MAAAA;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeK,mBAAK,CAACG,MAAM,CAACQ,IAAI;IACtCT,KAAAA;IACAU,UAAUV;IACVG,MAAAA;IACAQ,KAAKR;IACLD,QAAAA;IACAU,SAASV;IACT,YAAY;IACZW,OAAOpB,eAAeK,mBAAK,CAACO,SAAS,CAACQ,KAAK;IAC3CC,QAAQrB,eAAeK,mBAAK,CAACO,SAAS,CAACS,MAAM;IAC7CV,MAAAA;IACAW,SAASX;IACTY,QAAQvB,eAAeK,mBAAK,CAACO,SAAS,CAACW,MAAM;AACjD"}

package/dist/cjs/theme/Theme.js

@@ -216,6 +216,15 @@ var plasmaTheme = {
                 shadow: "md",
                 withArrow: true
             }
+        },
+        Badge: {
+            styles: {
+                root: {
+                    textTransform: "none",
+                    padding: "4px 8px",
+                    fontWeight: 500
+                }
+            }
         }
     }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\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: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\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',\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        },\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    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\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: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\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',\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        },\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    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","ArrowHeadRightSize24Px","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","padding"],"mappings":"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"}

package/dist/definitions/components/table/TableHeader.d.ts

@@ -1,3 +1,14 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-export declare const TableHeader: FunctionComponent<PropsWithChildren>;
+import { DefaultProps, Selectors } from '@mantine/core';
+import { FunctionComponent, ReactNode } from 'react';
+declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<"root">) => {
+    classes: Record<"root", string>;
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+declare type TableHeaderStylesNames = Selectors<typeof useStyles>;
+interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    children?: ReactNode;
+}
+export declare const TableHeader: FunctionComponent<TableHeaderProps>;
+export {};
 //# sourceMappingURL=TableHeader.d.ts.map

package/dist/definitions/components/table/TableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAY3D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAO5D,CAAC"}
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAS,SAAS,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,iBAAiB,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAEnD,QAAA,MAAM,SAAS;;;;CAQZ,CAAC;AAEJ,aAAK,sBAAsB,GAAG,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;AAC1D,UAAU,gBAAiB,SAAQ,YAAY,CAAC,sBAAsB,CAAC;IAEnE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAa3D,CAAC"}

package/dist/definitions/theme/PlasmaColors.d.ts

@@ -2,13 +2,18 @@ export declare const PlasmaColors: {
     gray: [string, string, string, string, string, string, string, string, string, string];
     action: [string, string, string, string, string, string, string, string, string, string];
     navy: [string, string, string, string, string, string, string, string, string, string];
+    info: [string, string, string, string, string, string, string, string, string, string];
     blue: [string, string, string, string, string, string, string, string, string, string];
     red: [string, string, string, string, string, string, string, string, string, string];
+    critical: [string, string, string, string, string, string, string, string, string, string];
     teal: [string, string, string, string, string, string, string, string, string, string];
+    new: [string, string, string, string, string, string, string, string, string, string];
     yellow: [string, string, string, string, string, string, string, string, string, string];
+    warning: [string, string, string, string, string, string, string, string, string, string];
     green: [string, string, string, string, string, string, string, string, string, string];
     indigo: [string, string, string, string, string, string, string, string, string, string];
     lime: [string, string, string, string, string, string, string, string, string, string];
+    success: [string, string, string, string, string, string, string, string, string, string];
     purple: [string, string, string, string, string, string, string, string, string, string];
 };
 //# sourceMappingURL=PlasmaColors.d.ts.map

package/dist/definitions/theme/PlasmaColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;;;;;;;;;;;CAqCxB,CAAC"}
+{"version":3,"file":"PlasmaColors.d.ts","sourceRoot":"","sources":["../../../src/theme/PlasmaColors.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;CA+BxB,CAAC"}

package/dist/definitions/theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBA0JzB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,oBAAoB,EAAoB,MAAM,eAAe,CAAC;AAI1F,eAAO,MAAM,WAAW,EAAE,oBAmKzB,CAAC"}

package/dist/esm/components/table/TableHeader.js

@@ -1,8 +1,11 @@
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _object_without_properties from "@swc/helpers/src/_object_without_properties.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createStyles, Group } from "@mantine/core";
 var useStyles = createStyles(function(theme) {
     return {
-        header: {
+        root: {
             position: "sticky",
             top: 0,
             zIndex: 13,
@@ -11,17 +14,28 @@ var useStyles = createStyles(function(theme) {
         }
     };
 });
-export var TableHeader = function(param) {
-    var children = param.children;
-    var classes = useStyles().classes;
-    return /*#__PURE__*/ _jsx(Group, {
+export var TableHeader = function(_param) {
+    var classNames = _param.classNames, styles = _param.styles, unstyled = _param.unstyled, children = _param.children, others = _object_without_properties(_param, [
+        "classNames",
+        "styles",
+        "unstyled",
+        "children"
+    ]);
+    var classes = useStyles(null, {
+        name: "TableHeader",
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled
+    }).classes;
+    return /*#__PURE__*/ _jsx(Group, _object_spread_props(_object_spread({
         position: "right",
         spacing: "lg",
-        className: classes.header,
+        className: classes.root,
         px: "md",
-        py: "sm",
+        py: "sm"
+    }, others), {
         children: children
-    });
+    }));
 };
 
 //# sourceMappingURL=TableHeader.js.map

package/dist/esm/components/table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, Group} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    header: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\nexport const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {\n    const {classes} = useStyles();\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.header} px=\"md\" py=\"sm\">\n            {children}\n        </Group>\n    );\n};\n"],"names":["createStyles","Group","useStyles","theme","header","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","children","classes","spacing","className","px","py"],"mappings":"AAAA;AAAA,SAAQA,YAAY,EAAEC,KAAK,QAAO,gBAAgB;AAGlD,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,QAAQ;YACJC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAEA,OAAO,IAAME,cAAoD,gBAAgB;QAAdC,iBAAAA;IAC/D,IAAM,AAACC,UAAWZ,YAAXY;IACP,qBACI,KAACb;QAAMI,UAAS;QAAQU,SAAQ;QAAKC,WAAWF,QAAQV,MAAM;QAAEa,IAAG;QAAKC,IAAG;kBACtEL;;AAGb,EAAE"}
+{"version":3,"sources":["../../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';\nimport {FunctionComponent, ReactNode} from 'react';\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        top: 0,\n        zIndex: 13, // skeleton is 11\n        backgroundColor: theme.colors.gray[1],\n        borderBottom: `1px solid ${theme.colors.gray[4]}`,\n    },\n}));\n\ntype TableHeaderStylesNames = Selectors<typeof useStyles>;\ninterface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {\n    /* Children of header (ie: actions, datepicker, etc.) */\n    children?: ReactNode;\n}\nexport const TableHeader: FunctionComponent<TableHeaderProps> = ({\n    classNames,\n    styles,\n    unstyled,\n    children,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});\n    return (\n        <Group position=\"right\" spacing=\"lg\" className={classes.root} px=\"md\" py=\"sm\" {...others}>\n            {children}\n        </Group>\n    );\n};\n"],"names":["createStyles","Group","useStyles","theme","root","position","top","zIndex","backgroundColor","colors","gray","borderBottom","TableHeader","classNames","styles","unstyled","children","others","classes","name","spacing","className","px","py"],"mappings":"AAAA;;;;AAAA,SAAQA,YAAY,EAAgBC,KAAK,QAAkB,gBAAgB;AAG3E,IAAMC,YAAYF,aAAa,SAACG;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,KAAK;YACLC,QAAQ;YACRC,iBAAiBL,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;YACrCC,cAAc,AAAC,aAAiC,OAArBR,MAAMM,MAAM,CAACC,IAAI,CAAC,EAAE;QACnD;IACJ;;AAOA,OAAO,IAAME,cAAmD,iBAM1D;QALFC,oBAAAA,YACAC,gBAAAA,QACAC,kBAAAA,UACAC,kBAAAA,UACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAM,AAACE,UAAWhB,UAAU,IAAI,EAAE;QAACiB,MAAM;QAAeN,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,GAA7EG;IACP,qBACI,KAACjB;QAAMI,UAAS;QAAQe,SAAQ;QAAKC,WAAWH,QAAQd,IAAI;QAAEkB,IAAG;QAAKC,IAAG;OAASN;kBAC7ED;;AAGb,EAAE"}

package/dist/esm/theme/PlasmaColors.js

@@ -2,6 +2,22 @@ import { color } from "@coveord/plasma-tokens";
 var toMantineColor = function(plasmaColor) {
     return Object.values(plasmaColor);
 };
+var navy = toMantineColor(color.primary.navy);
+var red = toMantineColor(color.accent.red);
+var yellow = toMantineColor(color.accent.yellow);
+var teal = toMantineColor(color.accent.teal);
+var lime = [
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[9],
+    color.secondary.lime[9],
+    color.secondary.lime[9]
+];
 export var PlasmaColors = {
     // Primary
     gray: toMantineColor(color.primary.gray),
@@ -17,27 +33,21 @@ export var PlasmaColors = {
         color.primary.action[8],
         color.primary.action[9]
     ],
-    navy: toMantineColor(color.primary.navy),
+    navy: navy,
+    info: navy,
     // Accent
     blue: toMantineColor(color.accent.blue),
-    red: toMantineColor(color.accent.red),
-    teal: toMantineColor(color.accent.teal),
-    yellow: toMantineColor(color.accent.yellow),
+    red: red,
+    critical: red,
+    teal: teal,
+    new: teal,
+    yellow: yellow,
+    warning: yellow,
     // Secondary
     green: toMantineColor(color.secondary.green),
     indigo: toMantineColor(color.secondary.indigo),
-    lime: [
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[9],
-        color.secondary.lime[9],
-        color.secondary.lime[9]
-    ],
+    lime: lime,
+    success: lime,
     purple: toMantineColor(color.secondary.purple)
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy: toMantineColor(color.primary.navy),\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red: toMantineColor(color.accent.red),\n    teal: toMantineColor(color.accent.teal),\n    yellow: toMantineColor(color.accent.yellow),\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime: [\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[0],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[6],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n        color.secondary.lime[9],\n    ] as Tuple<string, 10>,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["color","toMantineColor","plasmaColor","Object","values","PlasmaColors","gray","primary","action","navy","blue","accent","red","teal","yellow","green","secondary","indigo","lime","purple"],"mappings":"AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAG7C,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAElB,OAAO,IAAMG,eAAe;IACxB,UAAU;IACVC,MAAML,eAAeD,MAAMO,OAAO,CAACD,IAAI;IACvCE,QAAQ;QACJR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;QACvBR,MAAMO,OAAO,CAACC,MAAM,CAAC,EAAE;KAC1B;IACDC,MAAMR,eAAeD,MAAMO,OAAO,CAACE,IAAI;IACvC,SAAS;IACTC,MAAMT,eAAeD,MAAMW,MAAM,CAACD,IAAI;IACtCE,KAAKX,eAAeD,MAAMW,MAAM,CAACC,GAAG;IACpCC,MAAMZ,eAAeD,MAAMW,MAAM,CAACE,IAAI;IACtCC,QAAQb,eAAeD,MAAMW,MAAM,CAACG,MAAM;IAC1C,YAAY;IACZC,OAAOd,eAAeD,MAAMgB,SAAS,CAACD,KAAK;IAC3CE,QAAQhB,eAAeD,MAAMgB,SAAS,CAACC,MAAM;IAC7CC,MAAM;QACFlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;QACvBlB,MAAMgB,SAAS,CAACE,IAAI,CAAC,EAAE;KAC1B;IACDC,QAAQlB,eAAeD,MAAMgB,SAAS,CAACG,MAAM;AACjD,EAAE"}
+{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {Tuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>\n    Object.values(plasmaColor) as Tuple<string, 10>;\n\nconst navy = toMantineColor(color.primary.navy);\nconst red = toMantineColor(color.accent.red);\nconst yellow = toMantineColor(color.accent.yellow);\nconst teal = toMantineColor(color.accent.teal);\nconst lime = [\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[0],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[6],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n    color.secondary.lime[9],\n] as Tuple<string, 10>;\n\nexport const PlasmaColors = {\n    // Primary\n    gray: toMantineColor(color.primary.gray),\n    action: [\n        color.primary.action[1],\n        color.primary.action[1],\n        color.primary.action[2],\n        color.primary.action[3],\n        color.primary.action[4],\n        color.primary.action[6],\n        color.primary.action[6],\n        color.primary.action[8],\n        color.primary.action[8],\n        color.primary.action[9],\n    ] as Tuple<string, 10>,\n    navy,\n    info: navy,\n    // Accent\n    blue: toMantineColor(color.accent.blue),\n    red,\n    critical: red,\n    teal,\n    new: teal,\n    yellow,\n    warning: yellow,\n    // Secondary\n    green: toMantineColor(color.secondary.green),\n    indigo: toMantineColor(color.secondary.indigo),\n    lime,\n    success: lime,\n    purple: toMantineColor(color.secondary.purple),\n};\n"],"names":["color","toMantineColor","plasmaColor","Object","values","navy","primary","red","accent","yellow","teal","lime","secondary","PlasmaColors","gray","action","info","blue","critical","new","warning","green","indigo","success","purple"],"mappings":"AAAA,SAAQA,KAAK,QAAO,yBAAyB;AAG7C,IAAMC,iBAAiB,SAACC;WACpBC,OAAOC,MAAM,CAACF;;AAElB,IAAMG,OAAOJ,eAAeD,MAAMM,OAAO,CAACD,IAAI;AAC9C,IAAME,MAAMN,eAAeD,MAAMQ,MAAM,CAACD,GAAG;AAC3C,IAAME,SAASR,eAAeD,MAAMQ,MAAM,CAACC,MAAM;AACjD,IAAMC,OAAOT,eAAeD,MAAMQ,MAAM,CAACE,IAAI;AAC7C,IAAMC,OAAO;IACTX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;IACvBX,MAAMY,SAAS,CAACD,IAAI,CAAC,EAAE;CAC1B;AAED,OAAO,IAAME,eAAe;IACxB,UAAU;IACVC,MAAMb,eAAeD,MAAMM,OAAO,CAACQ,IAAI;IACvCC,QAAQ;QACJf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;QACvBf,MAAMM,OAAO,CAACS,MAAM,CAAC,EAAE;KAC1B;IACDV,MAAAA;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeD,MAAMQ,MAAM,CAACS,IAAI;IACtCV,KAAAA;IACAW,UAAUX;IACVG,MAAAA;IACAS,KAAKT;IACLD,QAAAA;IACAW,SAASX;IACT,YAAY;IACZY,OAAOpB,eAAeD,MAAMY,SAAS,CAACS,KAAK;IAC3CC,QAAQrB,eAAeD,MAAMY,SAAS,CAACU,MAAM;IAC7CX,MAAAA;IACAY,SAASZ;IACTa,QAAQvB,eAAeD,MAAMY,SAAS,CAACY,MAAM;AACjD,EAAE"}

package/dist/esm/theme/Theme.js

@@ -206,6 +206,15 @@ export var plasmaTheme = {
                 shadow: "md",
                 withArrow: true
             }
+        },
+        Badge: {
+            styles: {
+                root: {
+                    textTransform: "none",
+                    padding: "4px 8px",
+                    fontWeight: 500
+                }
+            }
         }
     }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\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: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\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',\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        },\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    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {ArrowHeadRightSize24Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {ButtonStylesParams, MantineThemeOverride, ModalStylesParams} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    spacing: {\n        xs: 8,\n        sm: 16,\n        md: 24,\n        lg: 32,\n        xl: 40,\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: 48, lineHeight: '56px', fontWeight: undefined},\n            h2: {fontSize: 32, lineHeight: '40px', fontWeight: undefined},\n            h3: {fontSize: 28, lineHeight: '40px', fontWeight: undefined},\n            h4: {fontSize: 24, lineHeight: '32px', fontWeight: undefined},\n            h5: {fontSize: 18, lineHeight: '28px', fontWeight: undefined},\n            h6: {fontSize: 16, lineHeight: '24px', fontWeight: undefined},\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: (theme) => ({\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em', color: theme.colors.gray[9]},\n                },\n            }),\n        },\n        Button: {\n            styles: (theme, params: ButtonStylesParams) => ({\n                root: {\n                    '&': {fontWeight: 400},\n                    backgroundColor: params.variant === 'outline' ? 'white' : undefined,\n                },\n            }),\n        },\n        Modal: {\n            styles: (theme, {size, fullScreen}: ModalStylesParams) => ({\n                modal: {\n                    width: fullScreen\n                        ? undefined\n                        : theme.fn.size({size, sizes: {xs: 320, sm: 440, md: '45%', lg: 1334, xl: '85%'}}),\n                },\n            }),\n            defaultProps: {\n                overlayColor: color.primary.navy[9],\n                overlayOpacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n            styles: (theme) => ({\n                description: {\n                    fontSize: 'inherit',\n                    paddingBottom: theme.spacing.xs,\n                },\n            }),\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                withArrow: true,\n                withinPortal: true,\n            },\n        },\n        Breadcrumbs: {\n            defaultProps: {\n                separator: <ArrowHeadRightSize24Px height={24} />,\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',\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        },\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    },\n};\n"],"names":["ArrowHeadRightSize24Px","InfoSize24Px","color","PlasmaColors","plasmaTheme","colorScheme","fontFamily","black","primary","gray","defaultRadius","spacing","xs","sm","md","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","undefined","h2","h3","h4","h5","h6","shadows","colors","components","Alert","defaultProps","icon","height","styles","title","Title","theme","root","letterSpacing","Button","params","backgroundColor","variant","Modal","size","fullScreen","modal","width","fn","overlayColor","navy","overlayOpacity","InputWrapper","withAsterisk","TextInput","radius","description","paddingBottom","Tooltip","withArrow","withinPortal","Breadcrumbs","separator","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","padding"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "48.10.0",
+  "version": "48.12.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",

package/src/components/table/TableHeader.tsx

@@ -1,8 +1,8 @@
-import {createStyles, Group} from '@mantine/core';
-import {FunctionComponent, PropsWithChildren} from 'react';
+import {createStyles, DefaultProps, Group, Selectors} from '@mantine/core';
+import {FunctionComponent, ReactNode} from 'react';
 
 const useStyles = createStyles((theme) => ({
-    header: {
+    root: {
         position: 'sticky',
         top: 0,
         zIndex: 13, // skeleton is 11
@@ -11,10 +11,21 @@ const useStyles = createStyles((theme) => ({
     },
 }));
 
-export const TableHeader: FunctionComponent<PropsWithChildren> = ({children}) => {
-    const {classes} = useStyles();
+type TableHeaderStylesNames = Selectors<typeof useStyles>;
+interface TableHeaderProps extends DefaultProps<TableHeaderStylesNames> {
+    /* Children of header (ie: actions, datepicker, etc.) */
+    children?: ReactNode;
+}
+export const TableHeader: FunctionComponent<TableHeaderProps> = ({
+    classNames,
+    styles,
+    unstyled,
+    children,
+    ...others
+}) => {
+    const {classes} = useStyles(null, {name: 'TableHeader', classNames, styles, unstyled});
     return (
-        <Group position="right" spacing="lg" className={classes.header} px="md" py="sm">
+        <Group position="right" spacing="lg" className={classes.root} px="md" py="sm" {...others}>
             {children}
         </Group>
     );

package/src/theme/PlasmaColors.ts

@@ -4,6 +4,23 @@ import {Tuple} from '@mantine/core';
 const toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>
     Object.values(plasmaColor) as Tuple<string, 10>;
 
+const navy = toMantineColor(color.primary.navy);
+const red = toMantineColor(color.accent.red);
+const yellow = toMantineColor(color.accent.yellow);
+const teal = toMantineColor(color.accent.teal);
+const lime = [
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[9],
+    color.secondary.lime[9],
+    color.secondary.lime[9],
+] as Tuple<string, 10>;
+
 export const PlasmaColors = {
     // Primary
     gray: toMantineColor(color.primary.gray),
@@ -19,26 +36,20 @@ export const PlasmaColors = {
         color.primary.action[8],
         color.primary.action[9],
     ] as Tuple<string, 10>,
-    navy: toMantineColor(color.primary.navy),
+    navy,
+    info: navy,
     // Accent
     blue: toMantineColor(color.accent.blue),
-    red: toMantineColor(color.accent.red),
-    teal: toMantineColor(color.accent.teal),
-    yellow: toMantineColor(color.accent.yellow),
+    red,
+    critical: red,
+    teal,
+    new: teal,
+    yellow,
+    warning: yellow,
     // Secondary
     green: toMantineColor(color.secondary.green),
     indigo: toMantineColor(color.secondary.indigo),
-    lime: [
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[9],
-        color.secondary.lime[9],
-        color.secondary.lime[9],
-    ] as Tuple<string, 10>,
+    lime,
+    success: lime,
     purple: toMantineColor(color.secondary.purple),
 };

package/src/theme/Theme.tsx

@@ -157,5 +157,14 @@ export const plasmaTheme: MantineThemeOverride = {
                 withArrow: true,
             },
         },
+        Badge: {
+            styles: {
+                root: {
+                    textTransform: 'none',
+                    padding: '4px 8px',
+                    fontWeight: 500,
+                },
+            },
+        },
     },
 };