@coveord/plasma-mantine 52.27.4 → 53.0.1

package/dist/esm/styles/Tabs.module.css

@@ -0,0 +1,37 @@
+.list {
+    &[data-orientation='horizontal'] {
+        &::before {
+            border-style: none;
+        }
+        border-bottom: rem(1) solid var(--mantine-color-gray-3);
+    }
+    &[data-orientation='vertical'] {
+        &::before {
+            border-style: none;
+        }
+        border-right: rem(1) solid var(--mantine-color-gray-3);
+    }
+}
+
+.tab {
+    &[data-orientation='horizontal'] {
+        border-bottom: rem(1) solid transparent;
+        margin-bottom: rem(-1);
+        &[data-active] {
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
+        }
+    }
+    &[data-orientation='vertical'] {
+        border-right: rem(1) solid transparent;
+        margin-right: rem(-1);
+        &[data-active] {
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
+        }
+    }
+    & :hover {
+        background-color: var(--mantine-color-gray-0);
+    }
+    &:not([data-active]):hover {
+        border-color: var(--mantine-color-gray-3);
+    }
+}

package/dist/esm/styles/Text.module.css

@@ -0,0 +1,3 @@
+.root {
+    font-weight: 300;
+}

package/dist/esm/styles/Title.module.css

@@ -0,0 +1,5 @@
+.root {
+    &:is(h1, h2, h3, h4, h5, h6) {
+        letter-spacing: 0.011em;
+    }
+}

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

@@ -1,19 +1,20 @@
+import { MantineColorsTuple } from '@mantine/core';
 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];
+    gray: MantineColorsTuple;
+    action: MantineColorsTuple;
+    navy: MantineColorsTuple;
+    info: MantineColorsTuple;
+    blue: MantineColorsTuple;
+    red: MantineColorsTuple;
+    critical: MantineColorsTuple;
+    teal: MantineColorsTuple;
+    new: MantineColorsTuple;
+    yellow: MantineColorsTuple;
+    warning: MantineColorsTuple;
+    green: MantineColorsTuple;
+    indigo: MantineColorsTuple;
+    lime: MantineColorsTuple;
+    success: MantineColorsTuple;
+    purple: MantineColorsTuple;
 };
 //# sourceMappingURL=PlasmaColors.d.ts.map

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

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

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\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,MAAMC,iBAAiB,CAACC,cACpBC,OAAOC,MAAM,CAACF;AAElB,MAAMG,OAAOJ,eAAeD,MAAMM,OAAO,CAACD,IAAI;AAC9C,MAAME,MAAMN,eAAeD,MAAMQ,MAAM,CAACD,GAAG;AAC3C,MAAME,SAASR,eAAeD,MAAMQ,MAAM,CAACC,MAAM;AACjD,MAAMC,OAAOT,eAAeD,MAAMQ,MAAM,CAACE,IAAI;AAC7C,MAAMC,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,MAAME,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;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeD,MAAMQ,MAAM,CAACS,IAAI;IACtCV;IACAW,UAAUX;IACVG;IACAS,KAAKT;IACLD;IACAW,SAASX;IACT,YAAY;IACZY,OAAOpB,eAAeD,MAAMY,SAAS,CAACS,KAAK;IAC3CC,QAAQrB,eAAeD,MAAMY,SAAS,CAACU,MAAM;IAC7CX;IACAY,SAASZ;IACTa,QAAQvB,eAAeD,MAAMY,SAAS,CAACY,MAAM;AACjD,EAAE"}
+{"version":3,"sources":["../../../src/theme/PlasmaColors.ts"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {MantineColorsTuple} from '@mantine/core';\n\nconst toMantineColor = (plasmaColor: Record<string, string>): MantineColorsTuple =>\n    Object.values(plasmaColor) as unknown as MantineColorsTuple;\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 MantineColorsTuple;\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 MantineColorsTuple,\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,MAAMC,iBAAiB,CAACC,cACpBC,OAAOC,MAAM,CAACF;AAElB,MAAMG,OAAOJ,eAAeD,MAAMM,OAAO,CAACD,IAAI;AAC9C,MAAME,MAAMN,eAAeD,MAAMQ,MAAM,CAACD,GAAG;AAC3C,MAAME,SAASR,eAAeD,MAAMQ,MAAM,CAACC,MAAM;AACjD,MAAMC,OAAOT,eAAeD,MAAMQ,MAAM,CAACE,IAAI;AAC7C,MAAMC,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,MAAME,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;IACAW,MAAMX;IACN,SAAS;IACTY,MAAMhB,eAAeD,MAAMQ,MAAM,CAACS,IAAI;IACtCV;IACAW,UAAUX;IACVG;IACAS,KAAKT;IACLD;IACAW,SAASX;IACT,YAAY;IACZY,OAAOpB,eAAeD,MAAMY,SAAS,CAACS,KAAK;IAC3CC,QAAQrB,eAAeD,MAAMY,SAAS,CAACU,MAAM;IAC7CX;IACAY,SAASZ;IACTa,QAAQvB,eAAeD,MAAMY,SAAS,CAACY,MAAM;AACjD,EAAE"}

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

@@ -1,3 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
-export declare const Plasmantine: FunctionComponent<PropsWithChildren<unknown>>;
+import { MantineProviderProps } from '@mantine/core';
+import { FunctionComponent } from 'react';
+export declare const Plasmantine: FunctionComponent<MantineProviderProps>;
 //# sourceMappingURL=Plasmantine.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAIrE,CAAC"}
+{"version":3,"file":"Plasmantine.d.ts","sourceRoot":"","sources":["../../../src/theme/Plasmantine.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,oBAAoB,EAAsB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAMxC,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,oBAAoB,CAc/D,CAAC"}

package/dist/esm/theme/Plasmantine.js

@@ -1,11 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MantineProvider } from '@mantine/core';
+import { MantineProvider, mergeThemeOverrides } from '@mantine/core';
+import { plasmaCSSVariablesResolver } from './plasmaCSSVariablesResolver';
 import { plasmaTheme } from './Theme';
-export const Plasmantine = ({ children })=>/*#__PURE__*/ _jsx(MantineProvider, {
-        withGlobalStyles: true,
-        withNormalizeCSS: true,
-        theme: plasmaTheme,
+import { mergeCSSVariablesResolvers } from './mergeCSSVariablesResolvers';
+export const Plasmantine = ({ children, theme: externalTheme, cssVariablesResolver: externalCSSVariablesResolver, ...others })=>{
+    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);
+    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);
+    return /*#__PURE__*/ _jsx(MantineProvider, {
+        theme: theme,
+        cssVariablesResolver: cssVariablesResolver,
+        ...others,
         children: children
     });
+};
 
 //# sourceMappingURL=Plasmantine.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\nimport {plasmaTheme} from './Theme';\n\nexport const Plasmantine: FunctionComponent<PropsWithChildren<unknown>> = ({children}) => (\n    <MantineProvider withGlobalStyles withNormalizeCSS theme={plasmaTheme}>\n        {children}\n    </MantineProvider>\n);\n"],"names":["MantineProvider","plasmaTheme","Plasmantine","children","withGlobalStyles","withNormalizeCSS","theme"],"mappings":";AAAA,SAAQA,eAAe,QAAO,gBAAgB;AAG9C,SAAQC,WAAW,QAAO,UAAU;AAEpC,OAAO,MAAMC,cAA6D,CAAC,EAACC,QAAQ,EAAC,iBACjF,KAACH;QAAgBI,gBAAgB;QAACC,gBAAgB;QAACC,OAAOL;kBACrDE;OAEP"}
+{"version":3,"sources":["../../../src/theme/Plasmantine.tsx"],"sourcesContent":["import {MantineProvider, MantineProviderProps, mergeThemeOverrides} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {plasmaCSSVariablesResolver} from './plasmaCSSVariablesResolver';\nimport {plasmaTheme} from './Theme';\nimport {mergeCSSVariablesResolvers} from './mergeCSSVariablesResolvers';\n\nexport const Plasmantine: FunctionComponent<MantineProviderProps> = ({\n    children,\n    theme: externalTheme,\n    cssVariablesResolver: externalCSSVariablesResolver,\n    ...others\n}) => {\n    const theme = mergeThemeOverrides(plasmaTheme, externalTheme);\n    const cssVariablesResolver = mergeCSSVariablesResolvers(plasmaCSSVariablesResolver, externalCSSVariablesResolver);\n\n    return (\n        <MantineProvider theme={theme} cssVariablesResolver={cssVariablesResolver} {...others}>\n            {children}\n        </MantineProvider>\n    );\n};\n"],"names":["MantineProvider","mergeThemeOverrides","plasmaCSSVariablesResolver","plasmaTheme","mergeCSSVariablesResolvers","Plasmantine","children","theme","externalTheme","cssVariablesResolver","externalCSSVariablesResolver","others"],"mappings":";AAAA,SAAQA,eAAe,EAAwBC,mBAAmB,QAAO,gBAAgB;AAGzF,SAAQC,0BAA0B,QAAO,+BAA+B;AACxE,SAAQC,WAAW,QAAO,UAAU;AACpC,SAAQC,0BAA0B,QAAO,+BAA+B;AAExE,OAAO,MAAMC,cAAuD,CAAC,EACjEC,QAAQ,EACRC,OAAOC,aAAa,EACpBC,sBAAsBC,4BAA4B,EAClD,GAAGC,QACN;IACG,MAAMJ,QAAQN,oBAAoBE,aAAaK;IAC/C,MAAMC,uBAAuBL,2BAA2BF,4BAA4BQ;IAEpF,qBACI,KAACV;QAAgBO,OAAOA;QAAOE,sBAAsBA;QAAuB,GAAGE,MAAM;kBAChFL;;AAGb,EAAE"}

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

@@ -1,3 +1,3 @@
-import { type MantineThemeOverride } from '@mantine/core';
+import { MantineThemeOverride } from '@mantine/core';
 export declare const plasmaTheme: MantineThemeOverride;
 //# sourceMappingURL=Theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,oBAAoB,EAI5B,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,WAAW,EAAE,oBAgazB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAiBH,oBAAoB,EAoBvB,MAAM,eAAe,CAAC;AA+BvB,eAAO,MAAM,WAAW,EAAE,oBAwNxB,CAAC"}