@coveord/plasma-mantine 55.7.2-next.2 → 55.7.2-next.21

package/src/theme/PlasmaColors.ts

@@ -23,150 +23,150 @@ const lime = [
 
 export const PlasmaColors = {
     // Primary
-    blue: toMantineColor({
-        'blue-0': '#f8f9ff',
-        'blue-1': '#eef2ff',
-        'blue-2': '#d5defe',
-        'blue-3': '#a6bcfe',
-        'blue-4': '#6e99fd',
-        'blue-5': '#1169da',
-        'blue-6': '#063c82',
-        'blue-7': '#03275a',
-        'blue-8': '#01193f',
-        'blue-9': '#010e29',
-    }),
-    red: toMantineColor({
-        'red-0': '#fff8f8',
-        'red-1': '#feefee',
-        'red-2': '#fdd5d5',
-        'red-3': '#fca7a5',
-        'red-4': '#fb6f6c',
-        'red-5': '#d2271b',
-        'red-6': '#7e0f17',
-        'red-7': '#58050f',
-        'red-8': '#3e020a',
-        'red-9': '#280104',
-    }),
-    gray: toMantineColor({
-        'gray-0': '#f9f9fa',
-        'gray-1': '#f1f2f4',
-        'gray-2': '#dddfe3',
-        'gray-3': '#b9bdc7',
-        'gray-4': '#959cab',
-        'gray-5': '#676d7a',
-        'gray-6': '#3b3e46',
-        'gray-7': '#26292f',
-        'gray-8': '#191b1f',
-        'gray-9': '#0e0f12',
-    }),
-    dark: toMantineColor({
-        'dark-0': '#c9c9c9',
-        'dark-1': '#b8b8b8',
-        'dark-2': '#828282',
-        'dark-3': '#696969',
-        'dark-4': '#424242',
-        'dark-5': '#3b3b3b',
-        'dark-6': '#2e2e2e',
-        'dark-7': '#242424',
-        'dark-8': '#1f1f1f',
-        'dark-9': '#141414',
-    }),
-    teal: toMantineColor({
-        'teal-0': '#e5fff9',
-        'teal-1': '#bffff0',
-        'teal-2': '#1efadc',
-        'teal-3': '#18d4bb',
-        'teal-4': '#0faf99',
-        'teal-5': '#077b6b',
-        'teal-6': '#02473e',
-        'teal-7': '#012f2a',
-        'teal-8': '#011f1b',
-        'teal-9': '#001210',
-    }),
-    yellow: toMantineColor({
-        'yellow-0': '#fff9e5',
-        'yellow-1': '#fff2c0',
-        'yellow-2': '#fbe000',
-        'yellow-3': '#e5b800',
-        'yellow-4': '#c89300',
-        'yellow-5': '#936400',
-        'yellow-6': '#593700',
-        'yellow-7': '#3c2301',
-        'yellow-8': '#291700',
-        'yellow-9': '#180d00',
-    }),
-    violet: toMantineColor({
-        'violet-0': '#faf8ff',
-        'violet-1': '#f4f0ff',
-        'violet-2': '#e3daff',
-        'violet-3': '#c7b2ff',
-        'violet-4': '#ac86ff',
-        'violet-5': '#8a36ff',
-        'violet-6': '#5500aa',
-        'violet-7': '#390076',
-        'violet-8': '#270054',
-        'violet-9': '#180037',
-    }),
-    grape: toMantineColor({
-        'grape-0': '#fbf8fd',
-        'grape-1': '#f6f0fb',
-        'grape-2': '#e7d6f5',
-        'grape-3': '#d2b0ed',
-        'grape-4': '#bc85e3',
-        'grape-5': '#9946c7',
-        'grape-6': '#592676',
-        'grape-7': '#3c1851',
-        'grape-8': '#290e38',
-        'grape-9': '#190624',
-    }),
-    'cyan (Not used)': toMantineColor({
-        'cyan-0': '#e3fafc',
-        'cyan-1': '#c5f6fa',
-        'cyan-2': '#99e9f2',
-        'cyan-3': '#66d9e8',
-        'cyan-4': '#3bc9db',
-        'cyan-5': '#22b8cf',
-        'cyan-6': '#15aabf',
-        'cyan-7': '#1098ad',
-        'cyan-8': '#0c8599',
-        'cyan-9': '#0b7285',
-    }),
-    orange: toMantineColor({
-        'orange-0': '#fff8f5',
-        'orange-1': '#ffefe8',
-        'orange-2': '#ffeedd',
-        'orange-3': '#fea980',
-        'orange-4': '#f27a38',
-        'orange-5': '#b84b11',
-        'orange-6': '#6c2a00',
-        'orange-7': '#491b02',
-        'orange-8': '#301301',
-        'orange-9': '#1c0a00',
-    }),
-    indigo: toMantineColor({
-        'indigo-0': '#f9f9fb',
-        'indigo-1': '#f1f1f9',
-        'indigo-2': '#dbdbf2',
-        'indigo-3': '#babadf',
-        'indigo-4': '#9797cb',
-        'indigo-5': '#6767a4',
-        'indigo-6': '#393968',
-        'indigo-7': '#252547',
-        'indigo-8': '#181831',
-        'indigo-9': '#0d0d1f',
-    }),
-    green: toMantineColor({
-        'green-0': '#e9ffed',
-        'green-1': '#cdfed5',
-        'green-2': '#73fa84',
-        'green-3': '#32d961',
-        'green-4': '#15b43c',
-        'green-5': '#0b7e2f',
-        'green-6': '#044918',
-        'green-7': '#02300f',
-        'green-8': '#012008',
-        'green-9': '#001304',
-    }),
+    blue: [
+        '#f8f9ff',
+        '#eef2ff',
+        '#d5defe',
+        '#a6bcfe',
+        '#6e99fd',
+        '#1169da',
+        '#063c82',
+        '#03275a',
+        '#01193f',
+        '#010e29',
+    ] satisfies MantineColorsTuple,
+    red: [
+        '#fff8f8',
+        '#feefee',
+        '#fdd5d5',
+        '#fca7a5',
+        '#fb6f6c',
+        '#d2271b',
+        '#7e0f17',
+        '#58050f',
+        '#3e020a',
+        '#280104',
+    ] satisfies MantineColorsTuple,
+    gray: [
+        '#f9f9fa',
+        '#f1f2f4',
+        '#dddfe3',
+        '#b9bdc7',
+        '#959cab',
+        '#676d7a',
+        '#3b3e46',
+        '#26292f',
+        '#191b1f',
+        '#0e0f12',
+    ] satisfies MantineColorsTuple,
+    dark: [
+        '#c9c9c9',
+        '#b8b8b8',
+        '#828282',
+        '#696969',
+        '#424242',
+        '#3b3b3b',
+        '#2e2e2e',
+        '#242424',
+        '#1f1f1f',
+        '#141414',
+    ] satisfies MantineColorsTuple,
+    teal: [
+        '#e5fff9',
+        '#bffff0',
+        '#1efadc',
+        '#18d4bb',
+        '#0faf99',
+        '#077b6b',
+        '#02473e',
+        '#012f2a',
+        '#011f1b',
+        '#001210',
+    ] satisfies MantineColorsTuple,
+    yellow: [
+        '#fff9e5',
+        '#fff2c0',
+        '#fbe000',
+        '#e5b800',
+        '#c89300',
+        '#936400',
+        '#593700',
+        '#3c2301',
+        '#291700',
+        '#180d00',
+    ] satisfies MantineColorsTuple,
+    violet: [
+        '#faf8ff',
+        '#f4f0ff',
+        '#e3daff',
+        '#c7b2ff',
+        '#ac86ff',
+        '#8a36ff',
+        '#5500aa',
+        '#390076',
+        '#270054',
+        '#180037',
+    ] satisfies MantineColorsTuple,
+    grape: [
+        '#fbf8fd',
+        '#f6f0fb',
+        '#e7d6f5',
+        '#d2b0ed',
+        '#bc85e3',
+        '#9946c7',
+        '#592676',
+        '#3c1851',
+        '#290e38',
+        '#190624',
+    ] satisfies MantineColorsTuple,
+    cyan: [
+        '#e3fafc',
+        '#c5f6fa',
+        '#99e9f2',
+        '#66d9e8',
+        '#3bc9db',
+        '#22b8cf',
+        '#15aabf',
+        '#1098ad',
+        '#0c8599',
+        '#0b7285',
+    ] satisfies MantineColorsTuple,
+    orange: [
+        '#fff8f5',
+        '#ffefe8',
+        '#ffeedd',
+        '#fea980',
+        '#f27a38',
+        '#b84b11',
+        '#6c2a00',
+        '#491b02',
+        '#301301',
+        '#1c0a00',
+    ] satisfies MantineColorsTuple,
+    indigo: [
+        '#f9f9fb',
+        '#f1f1f9',
+        '#dbdbf2',
+        '#babadf',
+        '#9797cb',
+        '#6767a4',
+        '#393968',
+        '#252547',
+        '#181831',
+        '#0d0d1f',
+    ] satisfies MantineColorsTuple,
+    green: [
+        '#e9ffed',
+        '#cdfed5',
+        '#73fa84',
+        '#32d961',
+        '#15b43c',
+        '#0b7e2f',
+        '#044918',
+        '#02300f',
+        '#012008',
+        '#001304',
+    ] satisfies MantineColorsTuple,
     navy,
     info: navy,
     // Accent

package/src/theme/Theme.tsx

@@ -4,14 +4,16 @@ import {
     CheckSize16Px,
     CrossSize16Px,
     FilterSize16Px,
-    InfoSize16Px,
+    IconSlash,
     InfoSize24Px,
 } from '@coveord/plasma-react-icons';
 import {color} from '@coveord/plasma-tokens';
 import {
+    ActionIcon,
     Alert,
     AppShell,
     Badge,
+    Breadcrumbs,
     Button,
     Checkbox,
     CloseButton,
@@ -44,15 +46,21 @@ import {
     Text,
     Tooltip,
 } from '@mantine/core';
+import {InfoToken} from '../components';
+import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
 import BadgeClasses from '../styles/Badge.module.css';
+import BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';
 import ButtonClasses from '../styles/Button.module.css';
 import CheckboxClasses from '../styles/Checkbox.module.css';
+import CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';
 import ComboboxClasses from '../styles/Combobox.module.css';
+import InputClasses from '../styles/Input.module.css';
 import InputWrapperClasses from '../styles/InputWrapper.module.css';
 import ListClasses from '../styles/List.module.css';
 import ModalClasses from '../styles/Modal.module.css';
 import NavLinkClasses from '../styles/NavLink.module.css';
+import PaginationClasses from '../styles/Pagination.module.css';
 import RadioClasses from '../styles/Radio.module.css';
 import ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';
 import ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';
@@ -97,7 +105,7 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},
             h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},
             h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},
-            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '300'},
+            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},
             h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},
             h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},
         },
@@ -119,6 +127,13 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
     primaryShade: 5,
     colors: PlasmaColors,
     components: {
+        ActionIcon: ActionIcon.extend({
+            defaultProps: {
+                size: 24,
+                radius: 'sm',
+            },
+            classNames: ActionIconClasses,
+        }),
         AppShell: AppShell.extend({
             vars: (theme) =>
                 ({
@@ -127,8 +142,8 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         Alert: Alert.extend({
             defaultProps: {
-                icon: <InfoSize16Px height={16} />,
-                p: 'xs',
+                icon: <InfoToken variant="advice" />,
+                p: 'sm',
             },
             classNames: AlertClasses,
         }),
@@ -138,6 +153,13 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
                 variant: 'light',
             },
         }),
+        Breadcrumbs: Breadcrumbs.extend({
+            classNames: BreadcrumbsClasses,
+            defaultProps: {
+                separator: <IconSlash size={16} color="var(--mantine-color-dimmed)" />,
+                separatorMargin: 'xxs',
+            },
+        }),
         Button: Button.extend({
             defaultProps: {
                 size: 'sm',
@@ -166,6 +188,12 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
                 return {root: {}};
             },
         }),
+        CheckboxIndicator: Checkbox.Indicator.extend({
+            defaultProps: {
+                radius: 'sm',
+            },
+            classNames: CheckboxIndicatorClasses,
+        }),
         CloseButton: CloseButton.extend({
             defaultProps: {
                 icon: <CrossSize16Px height={16} aria-label="close" />,
@@ -198,10 +226,16 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             classNames: (_theme, props) => {
                 const anyProps = props as any;
                 if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {
-                    return ReadOnlyInputClasses;
+                    return deepMerge(InputClasses, ReadOnlyInputClasses);
                 }
-                return {};
+                return InputClasses;
             },
+            vars: (theme, props) => ({
+                wrapper: {
+                    '--input-margin-top':
+                        props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,
+                },
+            }),
         }),
         InputWrapper: InputWrapper.extend({
             defaultProps: {
@@ -252,8 +286,9 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         ModalOverlay: Modal.Overlay.extend({
             defaultProps: {
-                color: color.primary.navy[9],
-                backgroundOpacity: 0.9,
+                color: PlasmaColors.indigo[8],
+                backgroundOpacity: 0.7,
+                blur: 2,
             },
         }),
         ModalRoot: Modal.Root.extend({
@@ -269,6 +304,7 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
             },
         }),
         Pagination: Pagination.extend({
+            classNames: PaginationClasses,
             defaultProps: {
                 nextIcon: ArrowHeadRightSize16Px,
                 previousIcon: ArrowHeadLeftSize16Px,
@@ -343,6 +379,11 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         Table: Table.extend({
             classNames: TableClasses,
+            vars: () => ({
+                table: {
+                    '--table-border-color': 'var(--mantine-color-default-border)',
+                },
+            }),
         }),
         Tabs: Tabs.extend({
             classNames: TabsClasses,
@@ -355,7 +396,6 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         Tooltip: Tooltip.extend({
             defaultProps: {
-                color: 'navy',
                 maw: 300,
                 multiline: true,
                 withArrow: true,

package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts

@@ -1,36 +1,18 @@
-import {MantineColorsTuple, MantineTheme} from '@mantine/core';
+import {MantineTheme} from '@mantine/core';
+import {PlasmaColors} from '../PlasmaColors';
 import {plasmaCSSVariablesResolver} from '../plasmaCSSVariablesResolver';
 
-const red: MantineColorsTuple = [
-    '#ffe8e8',
-    '#ffcfcf',
-    '#ff9b9c',
-    '#ff6464',
-    '#fe3837',
-    '#fe1b19',
-    '#ff0909',
-    '#e40000',
-    '#cb0000',
-    '#b10000',
-];
-
-const gray: MantineColorsTuple = [
-    '#f9f9fa',
-    '#f1f2f4',
-    '#dddfe3',
-    '#b9bdc7',
-    '#959cab',
-    '#676d7a',
-    '#3b3e46',
-    '#26292f',
-    '#191b1f',
-    '#0e0f12',
-];
-
 describe('plasmaCSSVariablesResolver', () => {
     it('updates the error color', () => {
-        const variables = plasmaCSSVariablesResolver({colors: {red, gray}} as MantineTheme);
-        expect(variables.light['--mantine-color-error']).toBe(red[5]);
-        expect(variables.light['--mantine-color-default-border']).toBe(gray[2]);
+        const variables = plasmaCSSVariablesResolver({colors: PlasmaColors} as unknown as MantineTheme);
+        expect(variables.light['--mantine-color-error']).toBe('#d2271b');
+        expect(variables.light['--mantine-color-default-border']).toBe('#dddfe3');
+        expect(variables.light['--coveo-color-input-border']).toBe('#b9bdc7');
+        expect(variables.light['--mantine-color-text']).toBe('#3b3e46');
+        expect(variables.light['--mantine-color-dimmed']).toBe('#676d7a');
+        expect(variables.light['--mantine-color-gray-filled']).toBe('#959cab');
+        expect(variables.light['--mantine-color-gray-light']).toBe('#f9f9fa');
+        expect(variables.light['--mantine-color-gray-light-hover']).toBe('#f1f2f4');
+        expect(variables.light['--mantine-color-warning-filled']).toBe('#c89300');
     });
 });

package/src/theme/plasmaCSSVariablesResolver.ts

@@ -5,8 +5,21 @@ export const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {
         variables: {},
         dark: {},
         light: {
+            // custom colors
+            '--coveo-color-input-border': theme.colors.gray[3],
+            '--coveo-color-title': theme.colors.gray[8],
+            '--coveo-color-text-disabled': theme.colors.gray[3],
+
+            // 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-gray-light': theme.colors.gray[0],
+            '--mantine-color-gray-light-hover': theme.colors.gray[1],
+            '--mantine-color-warning-filled': theme.colors.yellow[4],
+            '--mantine-color-placeholder': theme.colors.gray[4],
         },
     };
     return result;

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/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/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"}