@coveord/plasma-mantine 55.8.0 → 56.0.0

package/src/theme/plasmaCSSVariablesResolver.ts

@@ -1,14 +1,94 @@
-import {CSSVariablesResolver, ConvertCSSVariablesInput, keys} from '@mantine/core';
+import {
+    alpha,
+    ConvertCSSVariablesInput,
+    CSSVariablesResolver,
+    defaultCssVariablesResolver,
+    getPrimaryShade,
+    MantineColor,
+    MantineTheme,
+} from '@mantine/core';
 
 export const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {
-    const result: ConvertCSSVariablesInput = {
-        variables: {},
-        dark: {},
-        light: {},
+    // Get the default Mantine CSS variables
+    const mantineVariables = defaultCssVariablesResolver(theme);
+
+    // Define your custom variables
+    const customVariables: ConvertCSSVariablesInput = {
+        variables: {
+            '--coveo-fw-light': '300',
+            '--coveo-fw-normal': '400',
+            '--coveo-fw-bold': '500',
+        },
+        dark: {'--coveo-color-title': 'var(--mantine-color-white)'},
+        light: {
+            // custom colors
+            '--coveo-app-background': theme.colors.gray[0],
+            '--coveo-color-input-border': theme.colors.gray[3],
+            '--coveo-color-title': theme.colors.gray[8],
+            '--coveo-color-text-readonly': 'var(--mantine-color-text)',
+            '--coveo-color-bg-readonly': theme.colors.gray[1],
+            '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',
+            '--coveo-color-bg-dark-surface': theme.colors.violet[9],
+
+            // mantine overrides
+            '--mantine-color-default-border': theme.colors.gray[2],
+            '--mantine-color-error': theme.colors.red[5],
+            '--mantine-color-text': theme.colors.gray[6],
+            '--mantine-color-dimmed': theme.colors.gray[5],
+            '--mantine-color-gray-filled': theme.colors.gray[4],
+            '--mantine-color-warning-filled': theme.colors.yellow[4],
+            '--mantine-color-placeholder': theme.colors.gray[4],
+            '--mantine-color-default-hover': theme.colors.gray[1],
+            '--mantine-color-disabled': alpha('var(--mantine-color-gray-4)', 0.1),
+            '--mantine-color-disabled-color': theme.colors.gray[3],
+        },
     };
-    keys(theme.colors).forEach((color) => {
-        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];
-        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];
+
+    Object.keys(theme.colors).forEach((color) => {
+        Object.assign(
+            customVariables.light,
+            getVariantLightVariables({
+                theme,
+                color,
+                colorScheme: 'light',
+            }),
+        );
     });
+    // Merge Mantine variables with custom variables
+    const result: ConvertCSSVariablesInput = {
+        variables: {
+            ...mantineVariables.variables,
+            ...customVariables.variables,
+        },
+        dark: {
+            ...mantineVariables.dark,
+            ...customVariables.dark,
+        },
+        light: {
+            ...mantineVariables.light,
+            ...customVariables.light,
+        },
+    };
+
     return result;
 };
+
+interface GetColorVariablesInput {
+    theme: MantineTheme;
+    color: MantineColor;
+    colorScheme: 'light' | 'dark';
+}
+
+const getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {
+    if (!theme.colors[color]) {
+        return {};
+    }
+
+    if (colorScheme === 'light') {
+        const primaryShade = getPrimaryShade(theme, 'light');
+        return {
+            [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),
+            [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),
+        };
+    }
+};

package/src/theme/plasmaVariantColorResolver.ts

@@ -0,0 +1,26 @@
+import {defaultVariantColorsResolver, parseThemeColor, rem, rgba, VariantColorsResolver} from '@mantine/core';
+
+export const plasmaVariantColorResolver: VariantColorsResolver = (input) => {
+    const defaultResolvedColors = defaultVariantColorsResolver(input);
+    const parsedColor = parseThemeColor({
+        color: input.color || input.theme.primaryColor,
+        theme: input.theme,
+    });
+    if (input.variant === 'light') {
+        return {
+            background: rgba(parsedColor.value, 0.1),
+            hover: rgba(parsedColor.value, 0.16),
+            color: parsedColor.value,
+            border: `${rem(1)} solid transparent`,
+        };
+    }
+    if (input.variant === 'subtle') {
+        return {
+            background: 'transparent',
+            hover: rgba(parsedColor.value, 0.16),
+            color: parsedColor.value,
+            border: `${rem(1)} solid transparent`,
+        };
+    }
+    return defaultResolvedColors;
+};

package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts

@@ -1,19 +0,0 @@
-import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
-import { ReactNode } from 'react';
-export type HeaderActionsStyleNames = 'actions';
-export interface HeaderActionsProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderActionsFactory> {
-    children: ReactNode;
-}
-export type HeaderActionsFactory = Factory<{
-    props: HeaderActionsProps;
-    ref: HTMLDivElement;
-    stylesNames: HeaderActionsStyleNames;
-    compound: true;
-}>;
-export declare const HeaderActions: import("@mantine/core").MantineComponent<{
-    props: HeaderActionsProps;
-    ref: HTMLDivElement;
-    stylesNames: HeaderActionsStyleNames;
-    compound: true;
-}>;
-//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,oBAAoB,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;IACrC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,cAAc;iBACN,uBAAuB;cAC1B,IAAI;EAsBhB,CAAC"}

package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n        CompoundStylesApiProps<HeaderActionsFactory> {\n    children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n    props: HeaderActionsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderActionsStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n    gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n    const props = useProps('HeaderActions', defaultProps, _props);\n    const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Group\n            ref={ref}\n            gap={gap}\n            {...ctx.getStyles('actions', {className, style, classNames, styles, props})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["HeaderActions","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA4C;IAC9CC,KAAK;AACT;AAEO,IAAMF,gBAAgBG,IAAAA,aAAO,EAAuB,SAACC,QAAQC;IAChE,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcG;IACtD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,WAAW;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACrEQ;kBAEHF;;AAGb"}

package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap

@@ -1,73 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`Header > renders the specified breadcrumbs above the title 1`] = `
-<div>
-  <style
-    data-mantine-styles="classes"
-  >
-    @media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
-  </style>
-  <div
-    class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
-    data-variant="primary"
-    style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
-  >
-    <div
-      class="m_6d731127 mantine-Stack-root"
-      style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
-    >
-      <div
-        class="m_8b3717df mantine-Breadcrumbs-root"
-      >
-        <a
-          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
-          color="action.6"
-          data-underline="hover"
-          style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
-        >
-          One
-        </a>
-        <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
-        >
-          /
-        </div>
-        <a
-          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
-          color="action.6"
-          data-underline="hover"
-          style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
-        >
-          Two
-        </a>
-        <div
-          class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
-        >
-          /
-        </div>
-        <a
-          class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
-          color="action.6"
-          data-underline="hover"
-          style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
-        >
-          Three
-        </a>
-      </div>
-      <h1
-        class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
-        data-order="1"
-        data-variant="primary"
-        style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
-      >
-        Title
-      </h1>
-      <p
-        class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
-        data-size="md"
-        style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
-      />
-    </div>
-  </div>
-</div>
-`;

package/dist/cjs/components/modal/Modal.module.css

@@ -1,9 +0,0 @@
-.footer {
-    border-top: 1px solid var(--mantine-color-gray-3);
-}
-
-.modalFooterSticky {
-    padding-bottom: 0;
-    margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
-        calc(-1 * var(--mb-padding));
-}

package/dist/cjs/components/prompt/icons/critical.svg

@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 90">
-  <g filter="url(#critical-icon-a)">
-    <path fill="url(#critical-icon-b)" d="M54.217 15c1.155 0 2.257.489 3.032 1.346l12.694 14.031A4.089 4.089 0 0 1 71 33.121v18.856c0 .974-.348 1.916-.98 2.656L57.254 69.568A4.089 4.089 0 0 1 54.147 71H32.132a4.089 4.089 0 0 1-3.081-1.401L16.007 54.64A4.09 4.09 0 0 1 15 51.953V33.144c0-1.028.387-2.018 1.084-2.773l12.974-14.055A4.089 4.089 0 0 1 32.063 15h22.154Z"/>
-    <path stroke="url(#critical-icon-c)" stroke-linecap="round" d="M54.217 15.5a3.59 3.59 0 0 1 2.661 1.181l12.695 14.032c.597.66.927 1.518.927 2.408v18.856c0 .855-.305 1.681-.86 2.331L56.874 69.243a3.589 3.589 0 0 1-2.728 1.257H32.132a3.59 3.59 0 0 1-2.705-1.23L16.384 54.312a3.589 3.589 0 0 1-.884-2.358v-18.81c0-.902.34-1.771.952-2.434l12.974-14.055a3.589 3.589 0 0 1 2.637-1.155h22.154Z"/>
-  </g>
-  <path stroke="#FFD7D3" stroke-linecap="round" d="M44 51.91v-28"/>
-  <path stroke="#FFD7D3" stroke-linecap="round" stroke-linejoin="round" d="M44 60.088v2"/>
-  <defs>
-    <linearGradient id="critical-icon-b" x1="23" x2="97" y1="-9" y2="116.5" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#FB8E85"/>
-      <stop offset=".314" stop-color="#E03729"/>
-      <stop offset="1" stop-color="#A11409"/>
-    </linearGradient>
-    <linearGradient id="critical-icon-c" x1="29.5" x2="43" y1="17" y2="71" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#A11409"/>
-      <stop offset="1" stop-color="#CD2113"/>
-    </linearGradient>
-    <filter id="critical-icon-a" width="83.754" height="83.754" x="1.123" y="6.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-      <feOffset dy="4.956"/>
-      <feGaussianBlur stdDeviation="6.939"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.215764 0 0 0 0 0.161181 0 0 0 0.37 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_3737"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_3737" result="shape"/>
-    </filter>
-  </defs>
-</svg>

package/dist/cjs/components/prompt/icons/info.svg

@@ -1,27 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
-  <g filter="url(#info-icon-a)">
-    <circle cx="44" cy="44" r="28" fill="url(#info-icon-b)"/>
-    <circle cx="44" cy="44" r="27.5" stroke="url(#info-icon-c)" stroke-linecap="round"/>
-  </g>
-  <path stroke="#F5F6FF" stroke-linecap="round" d="M44 57V35h-3m3 22h-4m4 0h4m-4-26v-1"/>
-  <defs>
-    <linearGradient id="info-icon-b" x1="34.308" x2="55.308" y1="12.231" y2="78.462" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#8787DB"/>
-      <stop offset="1" stop-color="#525296"/>
-    </linearGradient>
-    <linearGradient id="info-icon-c" x1="56.385" x2="44" y1="79" y2="7" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#AEB0F1"/>
-      <stop offset="1" stop-color="#525296"/>
-    </linearGradient>
-    <filter id="info-icon-a" width="70" height="70" x="9" y="13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-      <feOffset dy="4"/>
-      <feGaussianBlur stdDeviation="3.5"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix values="0 0 0 0 0.420278 0 0 0 0 0.420278 0 0 0 0 0.741667 0 0 0 0.38 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_2221"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_2221" result="shape"/>
-    </filter>
-  </defs>
-</svg>

package/dist/cjs/components/prompt/icons/success.svg

@@ -1,27 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
-  <g filter="url(#success-icon-a)">
-    <circle cx="44" cy="44" r="28" fill="url(#success-icon-b)"/>
-    <circle cx="44" cy="44" r="27.5" stroke="url(#success-icon-c)" stroke-linecap="round"/>
-  </g>
-  <path stroke="#F2FFF9" stroke-linecap="round" stroke-linejoin="round" d="m30.571 47 7.858 7.858L59 34.286" opacity=".61"/>
-  <defs>
-    <linearGradient id="success-icon-b" x1="35.923" x2="74.692" y1="11.154" y2="115.615" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#12A344"/>
-      <stop offset="1" stop-color="#004A20"/>
-    </linearGradient>
-    <linearGradient id="success-icon-c" x1="16" x2="58" y1="-48" y2="93.5" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#004A20"/>
-      <stop offset=".762" stop-color="#12A344"/>
-    </linearGradient>
-    <filter id="success-icon-a" width="78" height="78" x="5" y="9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-      <feOffset dy="4"/>
-      <feGaussianBlur stdDeviation="5.5"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix values="0 0 0 0 0.0717188 0 0 0 0 0.6375 0 0 0 0 0.266536 0 0 0 0.43 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10466"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10466" result="shape"/>
-    </filter>
-  </defs>
-</svg>

package/dist/cjs/components/prompt/icons/warning.svg

@@ -1,27 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
-  <g filter="url(#warning-icon-a)">
-    <path fill="url(#warning-icon-b)" d="M38.827 17.951c1.795-3.383 6.643-3.383 8.438 0L70.37 61.495c1.688 3.181-.618 7.015-4.22 7.015H19.942c-3.6 0-5.907-3.834-4.219-7.015L38.827 17.95Z"/>
-    <path stroke="url(#warning-icon-c)" stroke-linecap="round" d="M39.269 18.186c1.607-3.03 5.947-3.03 7.555 0l23.104 43.543c1.511 2.848-.553 6.28-3.777 6.28H19.94c-3.224 0-5.288-3.432-3.777-6.28l23.105-43.543Z"/>
-  </g>
-  <path stroke="#493B08" stroke-linecap="round" d="M43 50.986v-22M43 58.151v2"/>
-  <defs>
-    <linearGradient id="warning-icon-b" x1="74.046" x2="37.546" y1="68.839" y2="4.839" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#E2B104"/>
-      <stop offset="1" stop-color="#FFE300"/>
-    </linearGradient>
-    <linearGradient id="warning-icon-c" x1="29" x2="51" y1="10" y2="72" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#E2B104"/>
-      <stop offset="1" stop-color="#F5D029"/>
-    </linearGradient>
-    <filter id="warning-icon-a" width="73.775" height="71.096" x="6.158" y="10.414" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-      <feOffset dy="4"/>
-      <feGaussianBlur stdDeviation="4.5"/>
-      <feComposite in2="hardAlpha" operator="out"/>
-      <feColorMatrix values="0 0 0 0 0.8875 0 0 0 0 0.695504 0 0 0 0 0.0147917 0 0 0 0.47 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10171"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10171" result="shape"/>
-    </filter>
-  </defs>
-</svg>

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts

@@ -1,16 +0,0 @@
-import { Icon as IconType } from '@coveord/plasma-react-icons';
-import { CompoundStylesApiProps, Factory } from '@mantine/core';
-export interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {
-    icon: IconType;
-}
-export type RowLayoutIconFactory = Factory<{
-    props: RowLayoutIconProps;
-    ref: SVGSVGElement;
-    compound: true;
-}>;
-export declare const RowLayoutIcon: import("@mantine/core").MantineComponent<{
-    props: RowLayoutIconProps;
-    ref: SVGSVGElement;
-    compound: true;
-}>;
-//# sourceMappingURL=RowLayoutIcon.d.ts.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RowLayoutIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAe,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAoB,MAAM,eAAe,CAAC;AAEjF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB,CAAC,oBAAoB,CAAC;IACpF,IAAI,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WATf,kBAAkB;SACpB,aAAa;cACR,IAAI;EAWhB,CAAC"}

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RowLayoutIcon", {
-    enumerable: true,
-    get: function() {
-        return RowLayoutIcon;
-    }
-});
-var _jsxruntime = require("react/jsx-runtime");
-var _plasmareacticons = require("@coveord/plasma-react-icons");
-var _core = require("@mantine/core");
-var defaultProps = {
-    icon: _plasmareacticons.ListSize16Px
-};
-var RowLayoutIcon = (0, _core.factory)(function(props, ref) {
-    var _useProps = (0, _core.useProps)('RowLayoutIcon', defaultProps, props), Icon = _useProps.icon;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Icon, {
-        ref: ref
-    });
-});
-
-//# sourceMappingURL=RowLayoutIcon.js.map

package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayoutIcon.tsx"],"sourcesContent":["import {Icon as IconType, ListSize16Px} from '@coveord/plasma-react-icons';\nimport {CompoundStylesApiProps, Factory, factory, useProps} from '@mantine/core';\n\nexport interface RowLayoutIconProps extends CompoundStylesApiProps<RowLayoutIconFactory> {\n    icon: IconType;\n}\n\nexport type RowLayoutIconFactory = Factory<{\n    props: RowLayoutIconProps;\n    ref: SVGSVGElement;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<RowLayoutIconProps> = {\n    icon: ListSize16Px,\n};\n\nexport const RowLayoutIcon = factory<RowLayoutIconFactory>((props, ref) => {\n    const {icon: Icon} = useProps('RowLayoutIcon', defaultProps, props);\n\n    return <Icon ref={ref} />;\n});\n"],"names":["RowLayoutIcon","defaultProps","icon","ListSize16Px","factory","props","ref","useProps","Icon"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;gCAjBgC;oBACoB;AAYjE,IAAMC,eAA4C;IAC9CC,MAAMC,8BAAY;AACtB;AAEO,IAAMH,gBAAgBI,IAAAA,aAAO,EAAuB,SAACC,OAAOC;IAC/D,IAAqBC,YAAAA,IAAAA,cAAQ,EAAC,iBAAiBN,cAAcI,QAAtDH,AAAMM,OAAQD,UAAdL;IAEP,qBAAO,qBAACM;QAAKF,KAAKA;;AACtB"}

package/dist/cjs/styles/Anchor.module.css

@@ -1,6 +0,0 @@
-.root {
-    @mixin hover {
-        text-decoration: underline;
-        color: var(--mantine-color-action-8);
-    }
-}

package/dist/cjs/styles/AppShellNavBar.module.css

@@ -1,3 +0,0 @@
-.navbar {
-    border-color: var(--mantine-color-gray-3);
-}

package/dist/cjs/styles/Notification.module.css

@@ -1,20 +0,0 @@
-.root {
-    border-color: var(--mantine-color-gray-3);
-    background-color: var(--mantine-color-gray-0);
-    box-shadow: var(--mantine-shadow-lg);
-    padding: var(--mantine-spacing-sm);
-
-    &[data-with-icon] {
-        padding-left: var(--mantine-spacing-sm);
-    }
-}
-
-.icon {
-    background-color: transparent;
-    margin-right: var(--mantine-spacing-sm);
-}
-
-.closeButton {
-    margin: var(--mantine-spacing-xs);
-    color: var(--mantine-color-gray-5);
-}

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

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

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

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

package/dist/cjs/vars/Notification.vars.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NotificationVars", {
-    enumerable: true,
-    get: function() {
-        return NotificationVars;
-    }
-});
-var NotificationVars = function(theme, props) {
-    if (props.color === 'success') {
-        return {
-            root: {},
-            icon: {
-                color: theme.colors.success[6]
-            }
-        };
-    }
-    if (props.color === 'warning') {
-        return {
-            root: {},
-            icon: {
-                color: theme.colors.warning[6]
-            }
-        };
-    }
-    if (props.color === 'critical') {
-        return {
-            root: {},
-            icon: {
-                color: theme.colors.critical[6]
-            }
-        };
-    }
-    return {
-        root: {},
-        icon: {
-            color: theme.colors.info[6]
-        }
-    };
-};
-
-//# sourceMappingURL=Notification.vars.js.map

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

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

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

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

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

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

package/dist/cjs/vars/Text.vars.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TextVars", {
-    enumerable: true,
-    get: function() {
-        return TextVars;
-    }
-});
-var _core = require("@mantine/core");
-var TextVars = function(theme, props) {
-    if (!props.size) {
-        return {
-            root: {
-                '--text-fz': (0, _core.getFontSize)('sm')
-            }
-        };
-    }
-    return {
-        root: {}
-    };
-};
-
-//# sourceMappingURL=Text.vars.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/vars/Text.vars.ts"],"sourcesContent":["import {PartialVarsResolver, TextFactory, getFontSize} from '@mantine/core';\n\nexport const TextVars: PartialVarsResolver<TextFactory> = (theme, props) => {\n    if (!props.size) {\n        return {root: {'--text-fz': getFontSize('sm')}};\n    }\n    return {root: {}};\n};\n"],"names":["TextVars","theme","props","size","root","getFontSize"],"mappings":";;;;+BAEaA;;;eAAAA;;;oBAF+C;AAErD,IAAMA,WAA6C,SAACC,OAAOC;IAC9D,IAAI,CAACA,MAAMC,IAAI,EAAE;QACb,OAAO;YAACC,MAAM;gBAAC,aAAaC,IAAAA,iBAAW,EAAC;YAAK;QAAC;IAClD;IACA,OAAO;QAACD,MAAM,CAAC;IAAC;AACpB"}

package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts

@@ -1,19 +0,0 @@
-import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
-import { ReactNode } from 'react';
-export type HeaderActionsStyleNames = 'actions';
-export interface HeaderActionsProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderActionsFactory> {
-    children: ReactNode;
-}
-export type HeaderActionsFactory = Factory<{
-    props: HeaderActionsProps;
-    ref: HTMLDivElement;
-    stylesNames: HeaderActionsStyleNames;
-    compound: true;
-}>;
-export declare const HeaderActions: import("@mantine/core").MantineComponent<{
-    props: HeaderActionsProps;
-    ref: HTMLDivElement;
-    stylesNames: HeaderActionsStyleNames;
-    compound: true;
-}>;
-//# sourceMappingURL=HeaderActions.d.ts.map

package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,MAAM,WAAW,kBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,oBAAoB,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;IACrC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,aAAa;WAVf,kBAAkB;SACpB,cAAc;iBACN,uBAAuB;cAC1B,IAAI;EAsBhB,CAAC"}

package/dist/esm/components/header/HeaderActions/HeaderActions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderActionsStyleNames = 'actions';\n\nexport interface HeaderActionsProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n        CompoundStylesApiProps<HeaderActionsFactory> {\n    children: ReactNode;\n}\n\nexport type HeaderActionsFactory = Factory<{\n    props: HeaderActionsProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderActionsStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderActionsProps> = {\n    gap: 'sm',\n};\n\nexport const HeaderActions = factory<HeaderActionsFactory>((_props, ref) => {\n    const props = useProps('HeaderActions', defaultProps, _props);\n    const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Group\n            ref={ref}\n            gap={gap}\n            {...ctx.getStyles('actions', {className, style, classNames, styles, props})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["Group","factory","useProps","useHeaderContext","defaultProps","gap","HeaderActions","_props","ref","props","className","classNames","styles","style","children","vars","others","ctx","getStyles"],"mappings":";AAAA,SAAyCA,KAAK,EAAcC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAEpG,SAAQC,gBAAgB,QAAO,oBAAoB;AAiBnD,MAAMC,eAA4C;IAC9CC,KAAK;AACT;AAEA,OAAO,MAAMC,gBAAgBL,QAA8B,CAACM,QAAQC;IAChE,MAAMC,QAAQP,SAAS,iBAAiBE,cAAcG;IACtD,MAAM,EAACF,GAAG,EAAEK,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAC/E,MAAMQ,MAAMd;IAEZ,qBACI,KAACH;QACGQ,KAAKA;QACLH,KAAKA;QACJ,GAAGY,IAAIC,SAAS,CAAC,WAAW;YAACR;YAAWG;YAAOF;YAAYC;YAAQH;QAAK,EAAE;QAC1E,GAAGO,MAAM;kBAETF;;AAGb,GAAG"}