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

package/dist/esm/components/prompt/Prompt.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, createVarsResolver, factory, Image, useProps, useStyles } from '@mantine/core';
 import { Children } from 'react';
+import { Header } from '../header';
 import { Modal } from '../modal';
 import Critical from './icons/critical.svg';
 import Info from './icons/info.svg';
@@ -49,6 +50,15 @@ export const Prompt = factory((_props, ref)=>{
     Children.forEach(children, (child)=>{
         (child.type === Modal.Footer ? footers : otherChildren).push(child);
     });
+    const titleContent = typeof title === 'string' ? /*#__PURE__*/ _jsx(Modal.Title, {
+        component: Header,
+        renderRoot: (p)=>/*#__PURE__*/ _jsx(Header, {
+                variant: "secondary",
+                ...p,
+                children: p.children
+            }),
+        children: title
+    }) : title;
     return /*#__PURE__*/ _jsx(PromptContextProvider, {
         value: {
             variant,
@@ -57,7 +67,7 @@ export const Prompt = factory((_props, ref)=>{
         children: /*#__PURE__*/ _jsxs(Modal.Root, {
             ref: ref,
             variant: "prompt",
-            size: "lg",
+            size: "sm",
             ...others,
             ...getStyles('root'),
             children: [
@@ -76,10 +86,7 @@ export const Prompt = factory((_props, ref)=>{
                                     ...getStyles('icon', stylesApiProps),
                                     src: PROMPT_VARIANT_ICONS_SRC[variant]
                                 }),
-                                /*#__PURE__*/ _jsx(Modal.Title, {
-                                    ...getStyles('title', stylesApiProps),
-                                    children: title
-                                }),
+                                titleContent,
                                 /*#__PURE__*/ _jsx(Modal.CloseButton, {
                                     ...getStyles('close', stylesApiProps)
                                 })

package/dist/esm/components/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof Modal.Footer;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Modal.Footer ? footers : otherChildren).push(child);\n    });\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"lg\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,KAAK,QAAO,WAAW;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCxC,SAASyC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,qBACI,KAACpC;QAAsBwC,OAAO;YAAC9B;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAM8C,IAAI;YAACtB,KAAKA;YAAKT,SAAQ;YAASgC,MAAK;YAAM,GAAGb,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMgD,OAAO;oBAAE,GAAGb,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMiD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMkD,MAAM;4BAAE,GAAGf,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGuD,KAAI;oCACJC,MAAK;oCACJ,GAAGjB,UAAU,QAAQE,eAAe;oCACrCgB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACf,MAAMsD,KAAK;oCAAE,GAAGnB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC1B,MAAMuD,WAAW;oCAAE,GAAGpB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAMwD,IAAI;4BAAE,GAAGrB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOmC,YAAY,GAAGlD;AACtBe,OAAOoC,aAAa,GAAGlD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Header} from '../header';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof Modal.Footer;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n    centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Modal.Footer ? footers : otherChildren).push(child);\n    });\n\n    const titleContent =\n        typeof title === 'string' ? (\n            <Modal.Title\n                component={Header}\n                renderRoot={(p) => (\n                    <Header variant=\"secondary\" {...p}>\n                        {p.children}\n                    </Header>\n                )}\n            >\n                {title}\n            </Modal.Title>\n        ) : (\n            title\n        );\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        {titleContent}\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Header","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","titleContent","Title","component","renderRoot","p","value","Root","size","Overlay","Content","alt","role","src","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,MAAM,QAAO,YAAY;AACjC,SAAQC,KAAK,QAAO,WAAW;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAexB,mBAAkC,CAACyB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS5B,QAAuB,CAAC6B,QAAQC;IAClD,MAAMC,QAAQ7B,SAAS,UAAUkB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYtC,UAAyB;QACvCuC,MAAM;QACNX;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCzC,SAAS0C,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,MAAMI,eACF,OAAOnB,UAAU,yBACb,KAAC1B,MAAM8C,KAAK;QACRC,WAAWhD;QACXiD,YAAY,CAACC,kBACT,KAAClD;gBAAOgB,SAAQ;gBAAa,GAAGkC,CAAC;0BAC5BA,EAAEtB,QAAQ;;kBAIlBD;SAGLA;IAGR,qBACI,KAACrB;QAAsB6C,OAAO;YAACnC;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAMmD,IAAI;YAAC3B,KAAKA;YAAKT,SAAQ;YAASqC,MAAK;YAAM,GAAGlB,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMqD,OAAO;oBAAE,GAAGlB,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMsD,OAAO;oBAAE,GAAGnB,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMD,MAAM;4BAAE,GAAGoC,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACxB;oCACG4D,KAAI;oCACJC,MAAK;oCACJ,GAAGrB,UAAU,QAAQE,eAAe;oCACrCoB,KAAKhD,wBAAwB,CAACM,QAAQ;;gCAG7C8B;8CACD,KAAC7C,MAAM0D,WAAW;oCAAE,GAAGvB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAM2D,IAAI;4BAAE,GAAGxB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC7C;gCAAK,GAAG2C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOsC,YAAY,GAAGrD;AACtBe,OAAOuC,aAAa,GAAGrD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}

package/dist/esm/components/prompt/PromptCancelButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAG7C,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,uBACb,SAAQ,sBAAsB,CAAC,yBAAyB,CAAC,EACrD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oCAAoC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,iBAAiB;iBACT,oCAAoC;cACvC,IAAI;EAkBhB,CAAC"}
+{"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACjF,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAGrD,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,uBACb,SAAQ,sBAAsB,CAAC,yBAAyB,CAAC,EACrD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oCAAoC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,iBAAiB;iBACT,oCAAoC;cACvC,IAAI;EAWhB,CAAC"}

package/dist/esm/components/prompt/PromptCancelButton.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, factory, useProps } from '@mantine/core';
+import { factory, useProps } from '@mantine/core';
+import { Button } from '../button/Button';
 import { usePromptContext } from './Prompt.context';
 const defaultProps = {};
 export const PromptCancelButton = factory((_props, ref)=>{
     const { getStyles } = usePromptContext();
     const props = useProps('PromptCancelButton', defaultProps, _props);
     const { className, classNames, style, styles, unstyled, vars, ...others } = props;
-    return /*#__PURE__*/ _jsx(Button, {
+    return /*#__PURE__*/ _jsx(Button.Tertiary, {
         ref: ref,
-        variant: "outline",
         ...others,
         ...getStyles('cancel', {
             style,

package/dist/esm/components/prompt/PromptCancelButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {ButtonProps} from '../button/Button';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n    extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n    props: PromptCancelButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptCancelButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n    const {getStyles} = usePromptContext();\n    const props = useProps('PromptCancelButton', defaultProps, _props);\n    const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"outline\"\n            {...others}\n            {...getStyles('cancel', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["Button","factory","useProps","usePromptContext","defaultProps","PromptCancelButton","_props","ref","getStyles","props","className","classNames","style","styles","unstyled","vars","others","variant"],"mappings":";AAAA,SAAQA,MAAM,EAA0BC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAEzF,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBJ,QAAmC,CAACK,QAAQC;IAC1E,MAAM,EAACC,SAAS,EAAC,GAAGL;IACpB,MAAMM,QAAQP,SAAS,sBAAsBE,cAAcE;IAC3D,MAAM,EAACI,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBACI,KAACT;QACGO,KAAKA;QACLU,SAAQ;QACP,GAAGD,MAAM;QACT,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG3E,GAAG"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n    extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n    props: PromptCancelButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptCancelButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n    const {getStyles} = usePromptContext();\n    const props = useProps('PromptCancelButton', defaultProps, _props);\n    const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n    return <Button.Tertiary ref={ref} {...others} {...getStyles('cancel', {style, styles, className, classNames})} />;\n});\n"],"names":["factory","useProps","Button","usePromptContext","defaultProps","PromptCancelButton","_props","ref","getStyles","props","className","classNames","style","styles","unstyled","vars","others","Tertiary"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AACrD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBL,QAAmC,CAACM,QAAQC;IAC1E,MAAM,EAACC,SAAS,EAAC,GAAGL;IACpB,MAAMM,QAAQR,SAAS,sBAAsBG,cAAcE;IAC3D,MAAM,EAACI,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBAAO,KAACP,OAAOe,QAAQ;QAACV,KAAKA;QAAM,GAAGS,MAAM;QAAG,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AACjH,GAAG"}

package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACjF,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAIrD,MAAM,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,sBAAsB,CAAC,0BAA0B,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAWH,eAAO,MAAM,mBAAmB;WAfrB,wBAAwB;SAC1B,iBAAiB;iBACT,qCAAqC;cACxC,IAAI;EAwChB,CAAC"}
+{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAW,OAAO,EAAsC,MAAM,eAAe,CAAC;AAE5G,OAAO,EAAS,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAIrD,MAAM,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,sBAAsB,CAAC,0BAA0B,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAgBH,eAAO,MAAM,mBAAmB;WApBrB,wBAAwB;SAC1B,iBAAiB;iBACT,qCAAqC;cACxC,IAAI;EA2ChB,CAAC"}

package/dist/esm/components/prompt/PromptConfirmButton.js

@@ -2,21 +2,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { factory, useProps } from '@mantine/core';
 import { Button } from '../button/Button';
 import { usePromptContext } from './Prompt.context';
-const COLOR_BY_VARIANT = {
-    success: 'var(--mantine-primary-color-filled)',
-    info: 'var(--mantine-primary-color-filled)',
-    warning: 'var(--mantine-color-error)',
-    critical: 'var(--mantine-color-error)'
+const COMPONENT_BY_VARIANT = {
+    success: Button.Primary,
+    info: Button.Primary,
+    warning: Button.DestructivePrimary,
+    critical: Button.DestructivePrimary
 };
 const defaultProps = {};
 export const PromptConfirmButton = factory((_props, ref)=>{
     const { variant, getStyles } = usePromptContext();
     const props = useProps('PromptConfirmButton', defaultProps, _props);
     const { className, classNames, style, styles, unstyled, vars, disabled, disabledTooltip, disabledTooltipProps, ...others } = props;
-    return /*#__PURE__*/ _jsx(Button, {
+    const Component = COMPONENT_BY_VARIANT[variant];
+    return /*#__PURE__*/ _jsx(Component, {
         ref: ref,
-        variant: "filled",
-        color: COLOR_BY_VARIANT[variant],
         disabled: disabled,
         disabledTooltip: disabledTooltip,
         disabledTooltipProps: disabledTooltipProps,

package/dist/esm/components/prompt/PromptConfirmButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n    extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n    props: PromptConfirmButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptConfirmButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n    success: 'var(--mantine-primary-color-filled)',\n    info: 'var(--mantine-primary-color-filled)',\n    warning: 'var(--mantine-color-error)',\n    critical: 'var(--mantine-color-error)',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n    const {variant, getStyles} = usePromptContext();\n    const props = useProps('PromptConfirmButton', defaultProps, _props);\n    const {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, PolymorphicComponentProps, useProps} from '@mantine/core';\nimport {JSXElementConstructor, ReactElement} from 'react';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n    extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n    props: PromptConfirmButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptConfirmButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst COMPONENT_BY_VARIANT: Record<\n    PromptVariant,\n    <L = 'button'>(\n        props: PolymorphicComponentProps<L, ButtonProps>,\n    ) => ReactElement<any, string | JSXElementConstructor<any>>\n> = {\n    success: Button.Primary,\n    info: Button.Primary,\n    warning: Button.DestructivePrimary,\n    critical: Button.DestructivePrimary,\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n    const {variant, getStyles} = usePromptContext();\n    const props = useProps('PromptConfirmButton', defaultProps, _props);\n    const {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n    const Component = COMPONENT_BY_VARIANT[variant];\n    return (\n        <Component\n            ref={ref}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["factory","useProps","Button","usePromptContext","COMPONENT_BY_VARIANT","success","Primary","info","warning","DestructivePrimary","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","Component"],"mappings":";AAAA,SAAgCA,OAAO,EAAsCC,QAAQ,QAAO,gBAAgB;AAE5G,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,uBAKF;IACAC,SAASH,OAAOI,OAAO;IACvBC,MAAML,OAAOI,OAAO;IACpBE,SAASN,OAAOO,kBAAkB;IAClCC,UAAUR,OAAOO,kBAAkB;AACvC;AAEA,MAAME,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBZ,QAAoC,CAACa,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGb;IAC7B,MAAMc,QAAQhB,SAAS,uBAAuBU,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IACJ,MAAMW,YAAYxB,oBAAoB,CAACW,QAAQ;IAC/C,qBACI,KAACa;QACGd,KAAKA;QACLU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}

package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
+{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;;;;;;;;;;CAarD,CAAC"}

package/dist/esm/components/table/Table.module.css

@@ -61,14 +61,14 @@
 }
 
 .filterEmpty {
-    color: var(--mantine-color-gray-5);
+    color: var(--mantine-color-dimmed);
 }
 
 /* Table.Header */
 .headerRoot {
     border-bottom: 1px solid var(--mantine-color-default-border);
     border-top: 1px solid var(--mantine-color-default-border);
-    background-color: var(--mantine-color-gray-1);
+    background-color: var(--mantine-color-gray-light);
     padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
     position: relative;
     min-height: 69px;
@@ -100,11 +100,11 @@
         padding-right: var(--mantine-spacing-xl);
     }
 
-    background-color: var(--mantine-color-gray-0);
+    background-color: var(--mantine-color-gray-light);
 
     &[data-control='true'] {
         @mixin hover {
-            background-color: var(--mantine-color-gray-1);
+            background-color: var(--mantine-color-gray-light-hover);
         }
     }
 }

package/dist/esm/components/table/Table.types.d.ts

@@ -1,4 +1,4 @@
-import { Icon } from '@coveord/plasma-react-icons';
+import { TablerIcon } from '@coveord/plasma-react-icons';
 import { BoxProps, StylesApiProps } from '@mantine/core';
 import { ColumnDef, CoreOptions, Row, TableOptions } from '@tanstack/table-core';
 import { ReactElement, ReactNode } from 'react';
@@ -18,7 +18,7 @@ export interface TableLayout {
      * Icon illustrating the layout.
      * Will be displayed in the layout control
      */
-    Icon?: Icon;
+    Icon?: TablerIcon;
     /**
      * Header portion of the table.
      * In the standard row layout that is where column headers would be displayed.

package/dist/esm/components/table/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.types.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/table/Table.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/table/Table.types.ts"],"sourcesContent":["import {Icon} from '@coveord/plasma-react-icons';\nimport {BoxProps, StylesApiProps} from '@mantine/core';\nimport {ColumnDef, CoreOptions, Row, TableOptions} from '@tanstack/table-core';\nimport {ReactElement, ReactNode} from 'react';\n\nimport {type PlasmaTableFactory} from './Table';\nimport {TableStore} from './use-table';\n\nexport type TableLayoutProps<TData = unknown> = Pick<\n    TableProps<TData>,\n    'getRowExpandedContent' | 'getRowAttributes' | 'getRowActions' | 'loading'\n> &\n    TableProps<TData>['layoutProps'];\n\nexport interface TableLayout {\n    (props: {children: ReactNode}): ReactElement;\n    /**\n     * Name of the layout.\n     * Will be displayed in the layout control\n     */\n    displayName: string;\n    /**\n     * Icon illustrating the layout.\n     * Will be displayed in the layout control\n     */\n    Icon?: Icon;\n    /**\n     * Header portion of the table.\n     * In the standard row layout that is where column headers would be displayed.\n     */\n    Header: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n    /**\n     * Body portion of the table.\n     * In the standard row layout that is where the rows would be displayed.\n     */\n    Body: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n}\n\nexport interface TableProps<TData> extends BoxProps, StylesApiProps<PlasmaTableFactory> {\n    store: TableStore<TData>;\n    /**\n     * Data to display in the table. Use `null` when the table is initially loading.\n     */\n    data: TData[] | null;\n    /**\n     * Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n     */\n    getRowId?: CoreOptions<TData>['getRowId'];\n    /**\n     * Allows to define html attributes that will be passed down to each row.\n     */\n    getRowAttributes?: (datum: TData, index: number, row: Row<TData>) => Record<string, unknown>;\n    /**\n     * Function that generates the expandable content of a row\n     * Return null for rows that don't need to be expandable\n     *\n     * @param datum the row for which the children should be generated.\n     */\n    getRowExpandedContent?: (datum: TData, index: number, row: Row<TData>) => ReactNode;\n    /**\n     * Function that generates the actions for the selected rows\n     * If the table doesn't support multi selection, access the data[0]\n     * Return an empty array for rows that don't have actions\n     *\n     * @param datum the row for which the children should be generated.\n     * @default []\n     */\n    getRowActions?: (data: TData[]) => TableAction[];\n    /**\n     * Columns to display in the table.\n     *\n     * @see https://tanstack.com/table/v8/docs/guide/column-defs\n     */\n    columns: Array<ColumnDef<TData>>;\n    /**\n     * Available layouts\n     *\n     * @default [Table.Layouts.Rows]\n     */\n    layouts?: TableLayout[];\n    /**\n     * Props passed down to the active layout Header and Body components\n     */\n    layoutProps?: {\n        /**\n         * Called by the table layout when a row is double clicked.\n         * @param selectedRow The data of the row that was double clicked\n         * @param index The index of the row that was double clicked\n         * @param row The row object that was double clicked\n         * @returns\n         */\n        onRowDoubleClick?: (selectedRow: TData, index: number, row: Row<TData>) => void;\n    } & Record<string, unknown>;\n    /**\n     * Whether the table is loading or not\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Children to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n     *\n     * @example\n     * <Table ...>\n     *     <Table.Header>\n     *         <div>Hello</div>\n     *     </Table.Header>\n     * </Table>\n     */\n    children?: ReactNode;\n    /**\n     * Nodes that are considered inside the table.\n     *\n     * Rows normally get unselected when clicking outside the table, but sometimes it has difficulties guessing what is inside or outside, for example when using modals.\n     * You can use this prop to force the table to consider some nodes to be inside the table.\n     *\n     * @see https://mantine.dev/hooks/use-click-outside/#multiple-nodes\n     */\n    additionalRootNodes?: HTMLElement[];\n    /**\n     * Additional options that can be passed to the table\n     */\n    options?: Omit<\n        Partial<TableOptions<TData>>,\n        | 'initialState'\n        | 'data'\n        | 'columns'\n        | 'manualPagination'\n        | 'enableMultiRowSelection'\n        | 'getRowId'\n        | 'getRowCanExpand'\n        | 'enableRowSelection'\n        | 'onRowSelectionChange'\n    >;\n}\n\nexport interface TableAction {\n    /**\n     * Group to which the action belongs\n     * $$primary is reserved for primary actions\n     * $$confirmPrompt is reserved for InlineConfirm.Prompt, it will hide other actions when prompt is opened\n     * other string will be considered secondary custom group\n     */\n    group: '$$primary' | '$$confirmPrompt' | (string & {});\n    /**\n     * Component to render, should be either `Table.PrimaryAction` or `Table.SecondaryAction`\n     */\n    component: ReactNode;\n}\n"],"names":[],"mappings":"AAwIA,WAYC"}
+{"version":3,"sources":["../../../../src/components/table/Table.types.ts"],"sourcesContent":["import {TablerIcon} from '@coveord/plasma-react-icons';\nimport {BoxProps, StylesApiProps} from '@mantine/core';\nimport {ColumnDef, CoreOptions, Row, TableOptions} from '@tanstack/table-core';\nimport {ReactElement, ReactNode} from 'react';\n\nimport {type PlasmaTableFactory} from './Table';\nimport {TableStore} from './use-table';\n\nexport type TableLayoutProps<TData = unknown> = Pick<\n    TableProps<TData>,\n    'getRowExpandedContent' | 'getRowAttributes' | 'getRowActions' | 'loading'\n> &\n    TableProps<TData>['layoutProps'];\n\nexport interface TableLayout {\n    (props: {children: ReactNode}): ReactElement;\n    /**\n     * Name of the layout.\n     * Will be displayed in the layout control\n     */\n    displayName: string;\n    /**\n     * Icon illustrating the layout.\n     * Will be displayed in the layout control\n     */\n    Icon?: TablerIcon;\n    /**\n     * Header portion of the table.\n     * In the standard row layout that is where column headers would be displayed.\n     */\n    Header: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n    /**\n     * Body portion of the table.\n     * In the standard row layout that is where the rows would be displayed.\n     */\n    Body: <TData>(props: TableLayoutProps<TData>) => ReactElement;\n}\n\nexport interface TableProps<TData> extends BoxProps, StylesApiProps<PlasmaTableFactory> {\n    store: TableStore<TData>;\n    /**\n     * Data to display in the table. Use `null` when the table is initially loading.\n     */\n    data: TData[] | null;\n    /**\n     * Defines how each row is uniquely identified. It is highly recommended that you specify this prop to an ID that makes sense.\n     */\n    getRowId?: CoreOptions<TData>['getRowId'];\n    /**\n     * Allows to define html attributes that will be passed down to each row.\n     */\n    getRowAttributes?: (datum: TData, index: number, row: Row<TData>) => Record<string, unknown>;\n    /**\n     * Function that generates the expandable content of a row\n     * Return null for rows that don't need to be expandable\n     *\n     * @param datum the row for which the children should be generated.\n     */\n    getRowExpandedContent?: (datum: TData, index: number, row: Row<TData>) => ReactNode;\n    /**\n     * Function that generates the actions for the selected rows\n     * If the table doesn't support multi selection, access the data[0]\n     * Return an empty array for rows that don't have actions\n     *\n     * @param datum the row for which the children should be generated.\n     * @default []\n     */\n    getRowActions?: (data: TData[]) => TableAction[];\n    /**\n     * Columns to display in the table.\n     *\n     * @see https://tanstack.com/table/v8/docs/guide/column-defs\n     */\n    columns: Array<ColumnDef<TData>>;\n    /**\n     * Available layouts\n     *\n     * @default [Table.Layouts.Rows]\n     */\n    layouts?: TableLayout[];\n    /**\n     * Props passed down to the active layout Header and Body components\n     */\n    layoutProps?: {\n        /**\n         * Called by the table layout when a row is double clicked.\n         * @param selectedRow The data of the row that was double clicked\n         * @param index The index of the row that was double clicked\n         * @param row The row object that was double clicked\n         * @returns\n         */\n        onRowDoubleClick?: (selectedRow: TData, index: number, row: Row<TData>) => void;\n    } & Record<string, unknown>;\n    /**\n     * Whether the table is loading or not\n     *\n     * @default false\n     */\n    loading?: boolean;\n    /**\n     * Children to display in the table. They need to be wrap in either `Table.Header` or `Table.Footer`\n     *\n     * @example\n     * <Table ...>\n     *     <Table.Header>\n     *         <div>Hello</div>\n     *     </Table.Header>\n     * </Table>\n     */\n    children?: ReactNode;\n    /**\n     * Nodes that are considered inside the table.\n     *\n     * Rows normally get unselected when clicking outside the table, but sometimes it has difficulties guessing what is inside or outside, for example when using modals.\n     * You can use this prop to force the table to consider some nodes to be inside the table.\n     *\n     * @see https://mantine.dev/hooks/use-click-outside/#multiple-nodes\n     */\n    additionalRootNodes?: HTMLElement[];\n    /**\n     * Additional options that can be passed to the table\n     */\n    options?: Omit<\n        Partial<TableOptions<TData>>,\n        | 'initialState'\n        | 'data'\n        | 'columns'\n        | 'manualPagination'\n        | 'enableMultiRowSelection'\n        | 'getRowId'\n        | 'getRowCanExpand'\n        | 'enableRowSelection'\n        | 'onRowSelectionChange'\n    >;\n}\n\nexport interface TableAction {\n    /**\n     * Group to which the action belongs\n     * $$primary is reserved for primary actions\n     * $$confirmPrompt is reserved for InlineConfirm.Prompt, it will hide other actions when prompt is opened\n     * other string will be considered secondary custom group\n     */\n    group: '$$primary' | '$$confirmPrompt' | (string & {});\n    /**\n     * Component to render, should be either `Table.PrimaryAction` or `Table.SecondaryAction`\n     */\n    component: ReactNode;\n}\n"],"names":[],"mappings":"AAwIA,WAYC"}

package/dist/esm/components/table/layouts/TableLayoutControl.js

@@ -15,7 +15,7 @@ export const TableLayoutControl = ()=>{
                             Icon ? /*#__PURE__*/ _jsxs(_Fragment, {
                                 children: [
                                     /*#__PURE__*/ _jsx(Icon, {
-                                        height: 16
+                                        size: 16
                                     }),
                                     /*#__PURE__*/ _jsx(Space, {
                                         w: "xs"

package/dist/esm/components/table/layouts/TableLayoutControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n    const {layouts, store} = useTableContext();\n    return layouts.length > 1 ? (\n        <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n            <SegmentedControl\n                data={layouts.map(({displayName, Icon}) => ({\n                    value: displayName,\n                    label: (\n                        <Center>\n                            {Icon ? (\n                                <>\n                                    <Icon height={16} />\n                                    <Space w=\"xs\" />\n                                </>\n                            ) : null}\n                            <Box>{displayName}</Box>\n                        </Center>\n                    ),\n                }))}\n                value={store.state.layout === null ? layouts[0].displayName : store.state.layout}\n                onChange={store.setLayout}\n            />\n        </Grid.Col>\n    ) : null;\n};\n"],"names":["Box","Center","Grid","SegmentedControl","Space","TableComponentsOrder","useTableContext","TableLayoutControl","layouts","store","length","Col","order","LayoutControl","span","data","map","displayName","Icon","value","label","height","w","state","layout","onChange","setLayout"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,QAAO,gBAAgB;AACzE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AAEhD,OAAO,MAAMC,qBAAqB;IAC9B,MAAM,EAACC,OAAO,EAAEC,KAAK,EAAC,GAAGH;IACzB,OAAOE,QAAQE,MAAM,GAAG,kBACpB,KAACR,KAAKS,GAAG;QAACC,OAAOP,qBAAqBQ,aAAa;QAAEC,MAAK;kBACtD,cAAA,KAACX;YACGY,MAAMP,QAAQQ,GAAG,CAAC,CAAC,EAACC,WAAW,EAAEC,IAAI,EAAC,GAAM,CAAA;oBACxCC,OAAOF;oBACPG,qBACI,MAACnB;;4BACIiB,qBACG;;kDACI,KAACA;wCAAKG,QAAQ;;kDACd,KAACjB;wCAAMkB,GAAE;;;iCAEb;0CACJ,KAACtB;0CAAKiB;;;;gBAGlB,CAAA;YACAE,OAAOV,MAAMc,KAAK,CAACC,MAAM,KAAK,OAAOhB,OAAO,CAAC,EAAE,CAACS,WAAW,GAAGR,MAAMc,KAAK,CAACC,MAAM;YAChFC,UAAUhB,MAAMiB,SAAS;;SAGjC;AACR,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/layouts/TableLayoutControl.tsx"],"sourcesContent":["import {Box, Center, Grid, SegmentedControl, Space} from '@mantine/core';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport const TableLayoutControl = () => {\n    const {layouts, store} = useTableContext();\n    return layouts.length > 1 ? (\n        <Grid.Col order={TableComponentsOrder.LayoutControl} span=\"content\">\n            <SegmentedControl\n                data={layouts.map(({displayName, Icon}) => ({\n                    value: displayName,\n                    label: (\n                        <Center>\n                            {Icon ? (\n                                <>\n                                    <Icon size={16} />\n                                    <Space w=\"xs\" />\n                                </>\n                            ) : null}\n                            <Box>{displayName}</Box>\n                        </Center>\n                    ),\n                }))}\n                value={store.state.layout === null ? layouts[0].displayName : store.state.layout}\n                onChange={store.setLayout}\n            />\n        </Grid.Col>\n    ) : null;\n};\n"],"names":["Box","Center","Grid","SegmentedControl","Space","TableComponentsOrder","useTableContext","TableLayoutControl","layouts","store","length","Col","order","LayoutControl","span","data","map","displayName","Icon","value","label","size","w","state","layout","onChange","setLayout"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,KAAK,QAAO,gBAAgB;AACzE,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,eAAe,QAAO,kBAAkB;AAEhD,OAAO,MAAMC,qBAAqB;IAC9B,MAAM,EAACC,OAAO,EAAEC,KAAK,EAAC,GAAGH;IACzB,OAAOE,QAAQE,MAAM,GAAG,kBACpB,KAACR,KAAKS,GAAG;QAACC,OAAOP,qBAAqBQ,aAAa;QAAEC,MAAK;kBACtD,cAAA,KAACX;YACGY,MAAMP,QAAQQ,GAAG,CAAC,CAAC,EAACC,WAAW,EAAEC,IAAI,EAAC,GAAM,CAAA;oBACxCC,OAAOF;oBACPG,qBACI,MAACnB;;4BACIiB,qBACG;;kDACI,KAACA;wCAAKG,MAAM;;kDACZ,KAACjB;wCAAMkB,GAAE;;;iCAEb;0CACJ,KAACtB;0CAAKiB;;;;gBAGlB,CAAA;YACAE,OAAOV,MAAMc,KAAK,CAACC,MAAM,KAAK,OAAOhB,OAAO,CAAC,EAAE,CAACS,WAAW,GAAGR,MAAMc,KAAK,CAACC,MAAM;YAChFC,UAAUhB,MAAMiB,SAAS;;SAGjC;AACR,EAAE"}

package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAgB,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAkB,yBAAyB,EAAC,MAAM,mBAAmB,CAAC;AAG7E,KAAK,oBAAoB,GAAG,yBAAyB,GAAG,wBAAwB,CAAC;AACjF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,oBAAoB,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC;CACjC,CAAC,CAAC;AAGH,eAAO,MAAM,SAAS,EAYhB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"RowLayout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAsB,MAAM,eAAe,CAAC;AAC7F,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAgB,wBAAwB,EAAC,MAAM,iBAAiB,CAAC;AAExE,OAAO,EAAkB,yBAAyB,EAAC,MAAM,mBAAmB,CAAC;AAE7E,KAAK,oBAAoB,GAAG,yBAAyB,GAAG,wBAAwB,CAAC;AACjF,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,cAAc,CAAC;IACtB,WAAW,EAAE,oBAAoB,CAAC;IAClC,gBAAgB,EAAE,WAAW,CAAC;CACjC,CAAC,CAAC;AAGH,eAAO,MAAM,SAAS,EAYhB,gBAAgB,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/table/layouts/row-layout/RowLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { IconList } from '@coveord/plasma-react-icons';
 import { useProps, useStyles } from '@mantine/core';
 import { identity } from '../../../../utils';
 import classes from './RowLayout.module.css';
 import { RowLayoutBody } from './RowLayoutBody';
 import { RowLayoutProvider } from './RowLayoutContext';
 import { RowLayoutHeader } from './RowLayoutHeader';
-import { RowLayoutIcon } from './RowLayoutIcon';
 const defaultProps = {};
 export const RowLayout = (props)=>{
     const { children, styles, classNames, unstyled } = useProps('PlasmaRowLayout', defaultProps, props);
@@ -26,7 +26,7 @@ export const RowLayout = (props)=>{
 };
 RowLayout.Body = RowLayoutBody;
 RowLayout.Header = RowLayoutHeader;
-RowLayout.Icon = RowLayoutIcon;
+RowLayout.Icon = IconList;
 RowLayout.displayName = 'Rows';
 RowLayout.extend = identity;
 

package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils';\nimport {TableLayout} from '../../Table.types';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';\nimport {RowLayoutProvider} from './RowLayoutContext';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';\nimport {RowLayoutIcon} from './RowLayoutIcon';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n    children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n    ref?: never;\n    props: RowLayoutProps;\n    stylesNames: RowLayoutStylesNames;\n    staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = ((props: RowLayoutProps) => {\n    const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n    const getStyles = useStyles<RowLayoutFactory>({\n        name: 'PlasmaRowLayout',\n        classes,\n        props,\n        styles,\n        classNames,\n        unstyled,\n    });\n\n    return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n}) as MantineComponent<RowLayoutFactory>;\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = RowLayoutIcon;\nRowLayout.displayName = 'Rows';\nRowLayout.extend = identity;\n"],"names":["useProps","useStyles","identity","classes","RowLayoutBody","RowLayoutProvider","RowLayoutHeader","RowLayoutIcon","defaultProps","RowLayout","props","children","styles","classNames","unstyled","getStyles","name","value","Body","Header","Icon","displayName","extend"],"mappings":";AAAA,SAAmDA,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AAE7F,SAAQC,QAAQ,QAAO,oBAAoB;AAE3C,OAAOC,aAAa,yBAAyB;AAC7C,SAAQC,aAAa,QAAiC,kBAAkB;AACxE,SAAQC,iBAAiB,QAAO,qBAAqB;AACrD,SAAQC,eAAe,QAAkC,oBAAoB;AAC7E,SAAQC,aAAa,QAAO,kBAAkB;AAa9C,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAa,CAACC;IACvB,MAAM,EAACC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAC,GAAGd,SAAS,mBAAmBQ,cAAcE;IAC3F,MAAMK,YAAYd,UAA4B;QAC1Ce,MAAM;QACNb;QACAO;QACAE;QACAC;QACAC;IACJ;IAEA,qBAAO,KAACT;QAAkBY,OAAO;YAACF;QAAS;kBAAIJ;;AACnD,EAAyC;AAEzCF,UAAUS,IAAI,GAAGd;AACjBK,UAAUU,MAAM,GAAGb;AACnBG,UAAUW,IAAI,GAAGb;AACjBE,UAAUY,WAAW,GAAG;AACxBZ,UAAUa,MAAM,GAAGpB"}
+{"version":3,"sources":["../../../../../../src/components/table/layouts/row-layout/RowLayout.tsx"],"sourcesContent":["import {IconList} from '@coveord/plasma-react-icons';\nimport {Factory, MantineComponent, StylesApiProps, useProps, useStyles} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {identity} from '../../../../utils';\nimport {TableLayout} from '../../Table.types';\nimport classes from './RowLayout.module.css';\nimport {RowLayoutBody, RowLayoutBodyStylesNames} from './RowLayoutBody';\nimport {RowLayoutProvider} from './RowLayoutContext';\nimport {RowLayoutHeader, RowLayoutHeaderStyleNames} from './RowLayoutHeader';\n\ntype RowLayoutStylesNames = RowLayoutHeaderStyleNames | RowLayoutBodyStylesNames;\nexport interface RowLayoutProps extends StylesApiProps<RowLayoutFactory> {\n    children: ReactNode;\n}\n\nexport type RowLayoutFactory = Factory<{\n    ref?: never;\n    props: RowLayoutProps;\n    stylesNames: RowLayoutStylesNames;\n    staticComponents: TableLayout;\n}>;\nconst defaultProps: Partial<RowLayoutProps> = {};\n\nexport const RowLayout = ((props: RowLayoutProps) => {\n    const {children, styles, classNames, unstyled} = useProps('PlasmaRowLayout', defaultProps, props);\n    const getStyles = useStyles<RowLayoutFactory>({\n        name: 'PlasmaRowLayout',\n        classes,\n        props,\n        styles,\n        classNames,\n        unstyled,\n    });\n\n    return <RowLayoutProvider value={{getStyles}}>{children}</RowLayoutProvider>;\n}) as MantineComponent<RowLayoutFactory>;\n\nRowLayout.Body = RowLayoutBody;\nRowLayout.Header = RowLayoutHeader;\nRowLayout.Icon = IconList;\nRowLayout.displayName = 'Rows';\nRowLayout.extend = identity;\n"],"names":["IconList","useProps","useStyles","identity","classes","RowLayoutBody","RowLayoutProvider","RowLayoutHeader","defaultProps","RowLayout","props","children","styles","classNames","unstyled","getStyles","name","value","Body","Header","Icon","displayName","extend"],"mappings":";AAAA,SAAQA,QAAQ,QAAO,8BAA8B;AACrD,SAAmDC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AAE7F,SAAQC,QAAQ,QAAO,oBAAoB;AAE3C,OAAOC,aAAa,yBAAyB;AAC7C,SAAQC,aAAa,QAAiC,kBAAkB;AACxE,SAAQC,iBAAiB,QAAO,qBAAqB;AACrD,SAAQC,eAAe,QAAkC,oBAAoB;AAa7E,MAAMC,eAAwC,CAAC;AAE/C,OAAO,MAAMC,YAAa,CAACC;IACvB,MAAM,EAACC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAC,GAAGb,SAAS,mBAAmBO,cAAcE;IAC3F,MAAMK,YAAYb,UAA4B;QAC1Cc,MAAM;QACNZ;QACAM;QACAE;QACAC;QACAC;IACJ;IAEA,qBAAO,KAACR;QAAkBW,OAAO;YAACF;QAAS;kBAAIJ;;AACnD,EAAyC;AAEzCF,UAAUS,IAAI,GAAGb;AACjBI,UAAUU,MAAM,GAAGZ;AACnBE,UAAUW,IAAI,GAAGpB;AACjBS,UAAUY,WAAW,GAAG;AACxBZ,UAAUa,MAAM,GAAGnB"}

package/dist/esm/components/table/layouts/row-layout/RowLayout.module.css

@@ -1,18 +1,12 @@
 .headerRow {
-    &[data-selectable='true'] input[type='checkbox'] {
-        border-color: var(--mantine-color-gray-4);
-        pointer-events: auto;
-        cursor: default;
-    }
-
     &[data-selectable='false'] input[type='checkbox'] {
-        background-color: var(--mantine-color-gray-2);
-        border-color: var(--mantine-color-gray-3);
+        background-color: var(--mantine-color-gray-light);
+        border-color: var(--mantine-color-default-border);
         pointer-events: none;
         cursor: not-allowed;
 
         & + svg {
-            color: var(--mantine-color-gray-5);
+            color: var(--mantine-color-dimmed);
         }
     }
 }
@@ -25,23 +19,23 @@
     }
 
     @mixin hover {
-        background-color: var(--mantine-color-gray-1);
+        background-color: var(--mantine-color-gray-light-hover);
     }
 
     &[data-selectable='false'] input[type='checkbox'] {
-        background-color: var(--mantine-color-gray-2);
-        border-color: var(--mantine-color-gray-3);
+        background-color: var(--mantine-color-gray-light);
+        border-color: var(--mantine-color-default-border);
         pointer-events: none;
         cursor: not-allowed;
 
         &:checked + svg {
-            color: var(--mantine-color-gray-5);
+            color: var(--mantine-color-dimmed);
         }
     }
 
     &[data-selected='true'] {
         &[data-multi-selection='false'] {
-            background-color: var(--mantine-color-gray-1);
+            background-color: var(--mantine-color-gray-light);
         }
 
         &[data-multi-selection='true'] {
@@ -61,10 +55,10 @@
     /* We must use height instead of minHeight here, otherwise it doesn’t apply */
     height: 56px;
     padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
-    border-bottom: rem(1) solid var(--mantine-color-gray-3);
+    border-bottom: rem(1) solid var(--mantine-color-default-border);
 }
 
 .collapsibleWrapper {
-    border-bottom: rem(1) solid var(--mantine-color-gray-3);
-    background-color: var(--mantine-color-gray-1);
+    border-bottom: rem(1) solid var(--mantine-color-default-border);
+    background-color: var(--mantine-color-gray-light);
 }

package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;eAWJ,MAAO,WAAW;;;WAPjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA6CjB,CAAC"}
+{"version":3,"file":"TableActionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EAEtB,aAAa,EACb,kBAAkB,EAGrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAS,WAAW,EAAC,MAAM,cAAc,CAAC;AAIjD,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,oBACb,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,cAAc,CAAC,EACpG,IAAI,CAAC,aAAa,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC,EAC9F,sBAAsB,CAAC,sBAAsB,CAAC;IAClD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,KAAK,sBAAsB,GAAG,kBAAkB,CAAC;IAC7C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,EAAE,0BAA0B,CAAC;IACxC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,eAAe,wGAdvB,MACD,YAAU;;;;;;eAWJ,MAAO,WAAW;;;WAPjB,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;;WAJP,oBAAoB;gBACf,iBAAiB;sBACX,QAAQ;iBACb,0BAA0B;cAC7B,IAAI;EA4CjB,CAAC"}

package/dist/esm/components/table/table-actions/TableActionItem.js

@@ -9,10 +9,9 @@ export const TableActionItem = polymorphicFactory((props, ref)=>{
     const { primary } = useTableActionContext();
     const { classNames, className, style, styles, vars: _vars, children, component, ...others } = useProps('PlasmaTableActionItem', defaultProps, props);
     if (primary) {
-        return /*#__PURE__*/ _jsx(Button, {
+        return /*#__PURE__*/ _jsx(Button.Quaternary, {
             component: component,
             ref: ref,
-            variant: "subtle",
             ...others,
             ...getStyles('actionItemRoot', {
                 className,

package/dist/esm/components/table/table-actions/TableActionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n    CompoundStylesApiProps,\n    Menu,\n    MenuItemProps,\n    PolymorphicFactory,\n    polymorphicFactory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n    extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n        Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n        CompoundStylesApiProps<TableActionItemFactory> {\n    /**\n     * Action label\n     */\n    children: ReactNode;\n    /**\n     * Content to put on the left of the label\n     */\n    leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n    props: TableActionItemProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: TableActionItemStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n    (props: TableActionItemProps & {component?: any}, ref) => {\n        const {getStyles} = useTableContext();\n        const {primary} = useTableActionContext();\n        const {\n            classNames,\n            className,\n            style,\n            styles,\n            vars: _vars,\n            children,\n            component,\n            ...others\n        } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n        if (primary) {\n            return (\n                <Button\n                    component={component}\n                    ref={ref}\n                    variant=\"subtle\"\n                    {...others}\n                    {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n                >\n                    {children}\n                </Button>\n            );\n        }\n\n        return (\n            <Menu.Item\n                component={component}\n                ref={ref}\n                {...others}\n                {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n            >\n                {children}\n            </Menu.Item>\n        );\n    },\n);\n"],"names":["Menu","polymorphicFactory","useProps","Button","useTableContext","useTableActionContext","defaultProps","TableActionItem","props","ref","getStyles","primary","classNames","className","style","styles","vars","_vars","children","component","others","variant","Item"],"mappings":";AAAA,SAEIA,IAAI,EAGJC,kBAAkB,EAClBC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,MAAM,QAAoB,eAAe;AACjD,SAAQC,eAAe,QAAO,kBAAkB;AAChD,SAAQC,qBAAqB,QAAO,uBAAuB;AA0B3D,MAAMC,eAA8C,CAAC;AAErD,OAAO,MAAMC,kBAAkBN,mBAC3B,CAACO,OAAiDC;IAC9C,MAAM,EAACC,SAAS,EAAC,GAAGN;IACpB,MAAM,EAACO,OAAO,EAAC,GAAGN;IAClB,MAAM,EACFO,UAAU,EACVC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAMC,KAAK,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,QACN,GAAGlB,SAAS,yBAAyBI,cAAcE;IAEpD,IAAIG,SAAS;QACT,qBACI,KAACR;YACGgB,WAAWA;YACXV,KAAKA;YACLY,SAAQ;YACP,GAAGD,MAAM;YACT,GAAGV,UAAU,kBAAkB;gBAACG;gBAAWC;gBAAOF;gBAAYG;YAAM,EAAE;sBAEtEG;;IAGb;IAEA,qBACI,KAAClB,KAAKsB,IAAI;QACNH,WAAWA;QACXV,KAAKA;QACJ,GAAGW,MAAM;QACT,GAAGV,UAAU,kBAAkB;YAACG;YAAWC;YAAOF;YAAYG;QAAM,EAAE;kBAEtEG;;AAGb,GACF"}
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionItem.tsx"],"sourcesContent":["import {\n    CompoundStylesApiProps,\n    Menu,\n    MenuItemProps,\n    PolymorphicFactory,\n    polymorphicFactory,\n    useProps,\n} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {Button, ButtonProps} from '../../button';\nimport {useTableContext} from '../TableContext';\nimport {useTableActionContext} from './TableActionContext';\n\nexport type TableActionItemStylesNames = 'actionItemRoot';\n\nexport interface TableActionItemProps\n    extends Omit<ButtonProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'rightSection'>,\n        Omit<MenuItemProps, 'classNames' | 'styles' | 'vars' | 'variant' | 'leftSection' | 'disabled'>,\n        CompoundStylesApiProps<TableActionItemFactory> {\n    /**\n     * Action label\n     */\n    children: ReactNode;\n    /**\n     * Content to put on the left of the label\n     */\n    leftSection?: ReactNode;\n}\n\ntype TableActionItemFactory = PolymorphicFactory<{\n    props: TableActionItemProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: TableActionItemStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableActionItemProps> = {};\n\nexport const TableActionItem = polymorphicFactory<TableActionItemFactory>(\n    (props: TableActionItemProps & {component?: any}, ref) => {\n        const {getStyles} = useTableContext();\n        const {primary} = useTableActionContext();\n        const {\n            classNames,\n            className,\n            style,\n            styles,\n            vars: _vars,\n            children,\n            component,\n            ...others\n        } = useProps('PlasmaTableActionItem', defaultProps, props);\n\n        if (primary) {\n            return (\n                <Button.Quaternary\n                    component={component}\n                    ref={ref}\n                    {...others}\n                    {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n                >\n                    {children}\n                </Button.Quaternary>\n            );\n        }\n\n        return (\n            <Menu.Item\n                component={component}\n                ref={ref}\n                {...others}\n                {...getStyles('actionItemRoot', {className, style, classNames, styles})}\n            >\n                {children}\n            </Menu.Item>\n        );\n    },\n);\n"],"names":["Menu","polymorphicFactory","useProps","Button","useTableContext","useTableActionContext","defaultProps","TableActionItem","props","ref","getStyles","primary","classNames","className","style","styles","vars","_vars","children","component","others","Quaternary","Item"],"mappings":";AAAA,SAEIA,IAAI,EAGJC,kBAAkB,EAClBC,QAAQ,QACL,gBAAgB;AAEvB,SAAQC,MAAM,QAAoB,eAAe;AACjD,SAAQC,eAAe,QAAO,kBAAkB;AAChD,SAAQC,qBAAqB,QAAO,uBAAuB;AA0B3D,MAAMC,eAA8C,CAAC;AAErD,OAAO,MAAMC,kBAAkBN,mBAC3B,CAACO,OAAiDC;IAC9C,MAAM,EAACC,SAAS,EAAC,GAAGN;IACpB,MAAM,EAACO,OAAO,EAAC,GAAGN;IAClB,MAAM,EACFO,UAAU,EACVC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,MAAMC,KAAK,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,QACN,GAAGlB,SAAS,yBAAyBI,cAAcE;IAEpD,IAAIG,SAAS;QACT,qBACI,KAACR,OAAOkB,UAAU;YACdF,WAAWA;YACXV,KAAKA;YACJ,GAAGW,MAAM;YACT,GAAGV,UAAU,kBAAkB;gBAACG;gBAAWC;gBAAOF;gBAAYG;YAAM,EAAE;sBAEtEG;;IAGb;IAEA,qBACI,KAAClB,KAAKsB,IAAI;QACNH,WAAWA;QACXV,KAAKA;QACJ,GAAGW,MAAM;QACT,GAAGV,UAAU,kBAAkB;YAACG;YAAWC;YAAOF;YAAYG;QAAM,EAAE;kBAEtEG;;AAGb,GACF"}

package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAKH,sBAAsB,EACtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAyI3B,eAAe,CAAC,uBAAuB,CAAC;eAjK/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAsIhC,CAAC"}
+{"version":3,"file":"TableActionsList.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAEH,sBAAsB,EAEtB,eAAe,EACf,OAAO,EAEP,SAAS,EAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAoB,SAAS,EAAW,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAI3C,MAAM,MAAM,2BAA2B,GACjC,eAAe,GACf,iBAAiB,GACjB,gBAAgB,GAChB,cAAc,GACd,mBAAmB,GACnB,qBAAqB,GACrB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,qBACb,SAAQ,IAAI,CAAC,SAAS,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,EACjE,sBAAsB,CAAC,uBAAuB,CAAC;IACnD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,KAAK,uBAAuB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,2BAA2B,CAAC;IACzC,QAAQ,EAAE,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,GAAG,UAAU,CAAC;CACjC,CAAC,CAAC;AAmBH,eAAO,MAAM,gBAAgB;YAAW,qBAAqB;kBAuI3B,eAAe,CAAC,uBAAuB,CAAC;eA/J/D,qBAAqB;aACvB,cAAc;qBACN,2BAA2B;kBAC9B,IAAI;iBACL,OAAO,GAAG,UAAU;;CAoIhC,CAAC"}

package/dist/esm/components/table/table-actions/TableActionsList.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoreSize16Px } from '@coveord/plasma-react-icons';
-import { ActionIcon, Box, Button, Menu, Tooltip, useProps } from '@mantine/core';
+import { Box, Menu, Tooltip, useProps } from '@mantine/core';
 import { useState } from 'react';
+import { ActionIcon } from '../../action-icon';
+import { Button } from '../../button';
 import { InlineConfirm } from '../../inline-confirm';
 import { useTableContext } from '../TableContext';
 import { TableActionProvider } from './TableActionContext';
@@ -72,12 +74,11 @@ export const TableActionsList = (props)=>{
                         keepMounted: true,
                         children: [
                             /*#__PURE__*/ _jsx(Menu.Target, {
-                                children: /*#__PURE__*/ _jsx(Button, {
+                                children: /*#__PURE__*/ _jsx(Button.Quaternary, {
                                     ...getStyles('actionsTarget', {
                                         styles,
                                         classNames
                                     }),
-                                    variant: "subtle",
                                     leftSection: icon,
                                     children: label
                                 })
@@ -119,13 +120,12 @@ export const TableActionsList = (props)=>{
                                     styles,
                                     classNames
                                 }),
-                                children: /*#__PURE__*/ _jsx(ActionIcon, {
+                                children: /*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
                                     ...getStyles('actionsTarget', {
                                         styles,
                                         classNames
                                     }),
                                     onClick: onClick,
-                                    variant: "subtle",
                                     children: icon
                                 })
                             })

package/dist/esm/components/table/table-actions/TableActionsList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    ActionIcon,\n    Box,\n    Button,\n    CSSProperties,\n    CompoundStylesApiProps,\n    ExtendComponent,\n    Factory,\n    Menu,\n    MenuProps,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {InlineConfirm} from '../../inline-confirm';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext';\nimport {TableActionProvider} from './TableActionContext';\n\nexport type TableActionsListStylesNames =\n    | 'actionsTarget'\n    | 'actionsDropdown'\n    | 'actionsTooltip'\n    | 'actionsGroup'\n    | 'actionsGroupLabel'\n    | 'actionsGroupDivider'\n    | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n    extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        CompoundStylesApiProps<TableActionsListFactory> {\n    actions: TableAction[];\n    /**\n     * Label for the more menu\n     * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n     */\n    label?: string;\n    /**\n     * Label for the primary actions group when variant is 'combined'\n     * @default ''\n     */\n    primaryGroupLabel?: string;\n    icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n    props: TableActionsListProps;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsListStylesNames;\n    compound: true;\n    variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n    label: 'More',\n    primaryGroupLabel: '',\n    icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n    $$primary: TableAction[];\n    $$confirmPrompt: TableAction[];\n    secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n    name: string;\n    actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n    const {getStyles} = useTableContext();\n    const {\n        actions,\n        icon,\n        label,\n        primaryGroupLabel,\n        classNames,\n        styles,\n        vars: _vars,\n        variant,\n        ...others\n    } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n    const [opened, setOpened] = useState(false);\n\n    const onClick: MouseEventHandler = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setOpened((prevState) => !prevState);\n    };\n    const onChange = (newOpened: boolean) => {\n        if (!newOpened) {\n            setOpened(false);\n        }\n    };\n\n    const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n        (acc, action) => {\n            if (action.group === '$$primary') {\n                acc.$$primary.push(action);\n            } else if (action.group === '$$confirmPrompt') {\n                acc.$$confirmPrompt.push(action);\n            } else {\n                if (acc.secondary[action.group]) {\n                    acc.secondary[action.group].push(action.component);\n                } else {\n                    acc.secondary[action.group] = [action.component];\n                }\n            }\n            return acc;\n        },\n        {$$primary: [], $$confirmPrompt: [], secondary: {}},\n    );\n\n    const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n    const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n    const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n        ([group, groupActions]): ActionGroup => ({\n            name: group,\n            actions: groupActions,\n        }),\n    );\n\n    if (variant === 'split') {\n        return (\n            <InlineConfirm>\n                {confirmPrompts}\n                <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n                {secondaryActionGroups.length > 0 ? (\n                    <TableActionProvider value={{primary: false}}>\n                        <Menu withinPortal={false} {...others} keepMounted>\n                            <Menu.Target>\n                                <Button\n                                    {...getStyles('actionsTarget', {styles, classNames})}\n                                    variant=\"subtle\"\n                                    leftSection={icon}\n                                >\n                                    {label}\n                                </Button>\n                            </Menu.Target>\n                            <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                                <ActionsGroupsMenuItems\n                                    classNames={classNames}\n                                    styles={styles}\n                                    actionGroups={secondaryActionGroups}\n                                />\n                            </Menu.Dropdown>\n                        </Menu>\n                    </TableActionProvider>\n                ) : null}\n            </InlineConfirm>\n        );\n    }\n    return (\n        <InlineConfirm>\n            {confirmPrompts}\n            <TableActionProvider value={{primary: false}}>\n                <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n                    <Menu.Target>\n                        <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n                            <ActionIcon\n                                {...getStyles('actionsTarget', {styles, classNames})}\n                                onClick={onClick}\n                                variant=\"subtle\"\n                            >\n                                {icon}\n                            </ActionIcon>\n                        </Tooltip>\n                    </Menu.Target>\n                    <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                        <ActionsGroupsMenuItems\n                            classNames={classNames}\n                            styles={styles}\n                            actionGroups={\n                                primaryActions.length > 0\n                                    ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n                                    : secondaryActionGroups\n                            }\n                        />\n                    </Menu.Dropdown>\n                </Menu>\n            </TableActionProvider>\n        </InlineConfirm>\n    );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n    styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n    classNames: Partial<Record<TableActionsListStylesNames, string>>;\n    actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n    const {getStyles} = useTableContext();\n    return actionGroups.map(({name, actions}, index) => (\n        <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n            {actionGroups.length > 1 ? (\n                <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n            ) : null}\n            <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n            {index < actionGroups.length - 1 ? (\n                <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n            ) : null}\n        </Box>\n    ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","ActionIcon","Box","Button","Menu","Tooltip","useProps","useState","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/components/table/table-actions/TableActionsList.tsx"],"sourcesContent":["import {MoreSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    CompoundStylesApiProps,\n    CSSProperties,\n    ExtendComponent,\n    Factory,\n    Menu,\n    MenuProps,\n    Tooltip,\n    useProps,\n} from '@mantine/core';\nimport {MouseEventHandler, ReactNode, useState} from 'react';\nimport {ActionIcon} from '../../action-icon';\nimport {Button} from '../../button';\nimport {InlineConfirm} from '../../inline-confirm';\nimport {TableAction} from '../Table.types';\nimport {useTableContext} from '../TableContext';\nimport {TableActionProvider} from './TableActionContext';\n\nexport type TableActionsListStylesNames =\n    | 'actionsTarget'\n    | 'actionsDropdown'\n    | 'actionsTooltip'\n    | 'actionsGroup'\n    | 'actionsGroupLabel'\n    | 'actionsGroupDivider'\n    | 'actionsGroupItems';\n\nexport interface TableActionsListProps\n    extends Omit<MenuProps, 'classNames' | 'styles' | 'vars' | 'variant'>,\n        CompoundStylesApiProps<TableActionsListFactory> {\n    actions: TableAction[];\n    /**\n     * Label for the more menu\n     * @default 'More' when variant is 'split', 'Actions' when variant is 'combined'\n     */\n    label?: string;\n    /**\n     * Label for the primary actions group when variant is 'combined'\n     * @default ''\n     */\n    primaryGroupLabel?: string;\n    icon?: ReactNode;\n}\n\ntype TableActionsListFactory = Factory<{\n    props: TableActionsListProps;\n    ref: HTMLDivElement;\n    stylesNames: TableActionsListStylesNames;\n    compound: true;\n    variant: 'split' | 'combined';\n}>;\n\nconst defaultProps: Partial<TableActionsListProps> = {\n    label: 'More',\n    primaryGroupLabel: '',\n    icon: <MoreSize16Px height={16} />,\n};\n\ninterface ActionsDict {\n    $$primary: TableAction[];\n    $$confirmPrompt: TableAction[];\n    secondary: Record<string, Array<TableAction['component']>>;\n}\n\ninterface ActionGroup {\n    name: string;\n    actions: ReactNode[];\n}\n\nexport const TableActionsList = (props: TableActionsListProps) => {\n    const {getStyles} = useTableContext();\n    const {\n        actions,\n        icon,\n        label,\n        primaryGroupLabel,\n        classNames,\n        styles,\n        vars: _vars,\n        variant,\n        ...others\n    } = useProps('PlasmaTableActionsListColumn', defaultProps, props);\n    const [opened, setOpened] = useState(false);\n\n    const onClick: MouseEventHandler = (e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        setOpened((prevState) => !prevState);\n    };\n    const onChange = (newOpened: boolean) => {\n        if (!newOpened) {\n            setOpened(false);\n        }\n    };\n\n    const actionsGroups: ActionsDict = actions.reduce<ActionsDict>(\n        (acc, action) => {\n            if (action.group === '$$primary') {\n                acc.$$primary.push(action);\n            } else if (action.group === '$$confirmPrompt') {\n                acc.$$confirmPrompt.push(action);\n            } else {\n                if (acc.secondary[action.group]) {\n                    acc.secondary[action.group].push(action.component);\n                } else {\n                    acc.secondary[action.group] = [action.component];\n                }\n            }\n            return acc;\n        },\n        {$$primary: [], $$confirmPrompt: [], secondary: {}},\n    );\n\n    const primaryActions = actionsGroups.$$primary.map((action) => action.component);\n    const confirmPrompts = actionsGroups.$$confirmPrompt.map((confirmPromptAction) => confirmPromptAction.component);\n    const secondaryActionGroups = Object.entries(actionsGroups.secondary).map(\n        ([group, groupActions]): ActionGroup => ({\n            name: group,\n            actions: groupActions,\n        }),\n    );\n\n    if (variant === 'split') {\n        return (\n            <InlineConfirm>\n                {confirmPrompts}\n                <TableActionProvider value={{primary: true}}>{primaryActions}</TableActionProvider>\n                {secondaryActionGroups.length > 0 ? (\n                    <TableActionProvider value={{primary: false}}>\n                        <Menu withinPortal={false} {...others} keepMounted>\n                            <Menu.Target>\n                                <Button.Quaternary\n                                    {...getStyles('actionsTarget', {styles, classNames})}\n                                    leftSection={icon}\n                                >\n                                    {label}\n                                </Button.Quaternary>\n                            </Menu.Target>\n                            <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                                <ActionsGroupsMenuItems\n                                    classNames={classNames}\n                                    styles={styles}\n                                    actionGroups={secondaryActionGroups}\n                                />\n                            </Menu.Dropdown>\n                        </Menu>\n                    </TableActionProvider>\n                ) : null}\n            </InlineConfirm>\n        );\n    }\n    return (\n        <InlineConfirm>\n            {confirmPrompts}\n            <TableActionProvider value={{primary: false}}>\n                <Menu opened={opened} onChange={onChange} {...others} keepMounted>\n                    <Menu.Target>\n                        <Tooltip label={label} {...getStyles('actionsTooltip', {styles, classNames})}>\n                            <ActionIcon.Quaternary\n                                {...getStyles('actionsTarget', {styles, classNames})}\n                                onClick={onClick}\n                            >\n                                {icon}\n                            </ActionIcon.Quaternary>\n                        </Tooltip>\n                    </Menu.Target>\n                    <Menu.Dropdown {...getStyles('actionsDropdown', {styles, classNames})}>\n                        <ActionsGroupsMenuItems\n                            classNames={classNames}\n                            styles={styles}\n                            actionGroups={\n                                primaryActions.length > 0\n                                    ? [{name: primaryGroupLabel, actions: primaryActions}, ...secondaryActionGroups]\n                                    : secondaryActionGroups\n                            }\n                        />\n                    </Menu.Dropdown>\n                </Menu>\n            </TableActionProvider>\n        </InlineConfirm>\n    );\n};\n\ninterface ActionsGroupsMenuItemsProps {\n    styles: Partial<Record<TableActionsListStylesNames, CSSProperties>>;\n    classNames: Partial<Record<TableActionsListStylesNames, string>>;\n    actionGroups: ActionGroup[];\n}\n\nconst ActionsGroupsMenuItems = ({styles, classNames, actionGroups}: ActionsGroupsMenuItemsProps) => {\n    const {getStyles} = useTableContext();\n    return actionGroups.map(({name, actions}, index) => (\n        <Box key={name} {...getStyles('actionsGroup', {styles, classNames})}>\n            {actionGroups.length > 1 ? (\n                <Menu.Label {...getStyles('actionsGroupLabel', {styles, classNames})}>{name}</Menu.Label>\n            ) : null}\n            <Box {...getStyles('actionsGroupItems', {styles, classNames})}>{actions}</Box>\n            {index < actionGroups.length - 1 ? (\n                <Menu.Divider {...getStyles('actionsGroupDivider', {styles, classNames})} />\n            ) : null}\n        </Box>\n    ));\n};\n\nTableActionsList.extend = (input: ExtendComponent<TableActionsListFactory>) => input;\n"],"names":["MoreSize16Px","Box","Menu","Tooltip","useProps","useState","ActionIcon","Button","InlineConfirm","useTableContext","TableActionProvider","defaultProps","label","primaryGroupLabel","icon","height","TableActionsList","props","getStyles","actions","classNames","styles","vars","_vars","variant","others","opened","setOpened","onClick","e","preventDefault","stopPropagation","prevState","onChange","newOpened","actionsGroups","reduce","acc","action","group","$$primary","push","$$confirmPrompt","secondary","component","primaryActions","map","confirmPrompts","confirmPromptAction","secondaryActionGroups","Object","entries","groupActions","name","value","primary","length","withinPortal","keepMounted","Target","Quaternary","leftSection","Dropdown","ActionsGroupsMenuItems","actionGroups","index","Label","Divider","extend","input"],"mappings":"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"}