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

package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {ArrowHeadDownSize16Px, ArrowHeadUpSize16Px} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, ActionIconProps} from '../../action-icon';\nimport {useTableContext} from '../TableContext';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n    id: 'collapsible',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: '',\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n};\n\n/**\n * Generic column to use when your table needs collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/**\n * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => {\n        const onToggle = () => {\n            // close all other rows when the current row not is expanded\n            if (!info.row.getIsExpanded()) {\n                info.table.toggleAllRowsExpanded(false);\n            }\n        };\n\n        return <CollapsibleIcon onToggle={onToggle} info={info} />;\n    },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n    info: CellContext<unknown, unknown>;\n    onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n    iconExpanded?: ReactNode;\n    iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n    props: CollapsibleIconProps;\n    ref: HTMLButtonElement;\n    stylesNames: TableCollapsibleColumnStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n    iconExpanded: <ArrowHeadUpSize16Px height={16} />,\n    iconCollapsed: <ArrowHeadDownSize16Px height={16} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n    const {getStyles} = useTableContext();\n    const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n        'PlasmaTableCollapsibleColumn',\n        defaultProps,\n        props,\n    );\n    const handler = info.row.getToggleExpandedHandler();\n    const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        onToggle?.(e);\n        handler();\n    };\n    return info.row.getCanExpand() ? (\n        <ActionIcon\n            ref={ref}\n            onClick={onClick}\n            variant=\"subtle\"\n            color=\"gray\"\n            radius=\"sm\"\n            {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n            {...others}\n        >\n            {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n        </ActionIcon>\n    ) : null;\n});\n"],"names":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","ArrowHeadUpSize16Px","height","iconCollapsed","ArrowHeadDownSize16Px","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","variant","color","radius"],"mappings":";;;;;;;;;;;IA+BaA,oBAAoB;eAApBA;;IARAC,sBAAsB;eAAtBA;;;;;;;gCAvB4C;oBAChB;0BAGC;4BACZ;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,qCAAmB;QAACC,QAAQ;;IAC3CC,6BAAe,qBAACC,uCAAqB;QAACF,QAAQ;;AAClD;AAEA,IAAMT,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,sBAAU;QACPf,KAAKA;QACLW,SAASA;QACTK,SAAQ;QACRC,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/C;AACR"}
+{"version":3,"sources":["../../../../../src/components/table/table-column/TableCollapsibleColumn.tsx"],"sourcesContent":["import {IconChevronDown, IconChevronUp} from '@coveord/plasma-react-icons';\nimport {Factory, factory, useProps} from '@mantine/core';\nimport {CellContext, ColumnDef} from '@tanstack/table-core';\nimport {MouseEvent as ReactMouseEvent, ReactNode} from 'react';\nimport {ActionIcon, ActionIconProps} from '../../action-icon';\nimport {useTableContext} from '../TableContext';\n\nexport type TableCollapsibleColumnStylesNames = 'collapsibleIcon';\n\nconst sharedProps: ColumnDef<unknown> = {\n    id: 'collapsible',\n    enableSorting: false,\n    enableHiding: false,\n    meta: {\n        controlColumn: true,\n    },\n    header: '',\n    size: 84, // 16px padding left + 28px ActionIcon + 40px padding right\n};\n\n/**\n * Generic column to use when your table needs collapsible rows\n */\nexport const TableCollapsibleColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => <CollapsibleIcon info={info} />,\n};\n\n/**\n * Generic column to use when your table needs an accordion (collapsible rows, but only one open at the time)\n */\nexport const TableAccordionColumn: ColumnDef<unknown> = {\n    ...sharedProps,\n    cell: (info) => {\n        const onToggle = () => {\n            // close all other rows when the current row not is expanded\n            if (!info.row.getIsExpanded()) {\n                info.table.toggleAllRowsExpanded(false);\n            }\n        };\n\n        return <CollapsibleIcon onToggle={onToggle} info={info} />;\n    },\n};\n\ninterface CollapsibleIconProps extends ActionIconProps {\n    info: CellContext<unknown, unknown>;\n    onToggle?: (e: ReactMouseEvent<HTMLButtonElement>) => void;\n    iconExpanded?: ReactNode;\n    iconCollapsed?: ReactNode;\n}\n\ntype TableCollapsibleColumnFactory = Factory<{\n    props: CollapsibleIconProps;\n    ref: HTMLButtonElement;\n    stylesNames: TableCollapsibleColumnStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<CollapsibleIconProps> = {\n    iconExpanded: <IconChevronUp aria-label=\"Collapse\" size={20} />,\n    iconCollapsed: <IconChevronDown aria-label=\"Expand\" size={20} />,\n};\n\nconst CollapsibleIcon = factory<TableCollapsibleColumnFactory>((props, ref) => {\n    const {getStyles} = useTableContext();\n    const {info, onToggle, iconExpanded, iconCollapsed, classNames, className, style, styles, ...others} = useProps(\n        'PlasmaTableCollapsibleColumn',\n        defaultProps,\n        props,\n    );\n    const handler = info.row.getToggleExpandedHandler();\n    const onClick = (e: ReactMouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n        onToggle?.(e);\n        handler();\n    };\n    return info.row.getCanExpand() ? (\n        <ActionIcon.Quaternary\n            ref={ref}\n            onClick={onClick}\n            color=\"gray\"\n            radius=\"sm\"\n            {...getStyles('collapsibleIcon', {className, classNames, styles, style})}\n            {...others}\n        >\n            {info.row.getIsExpanded() ? iconExpanded : iconCollapsed}\n        </ActionIcon.Quaternary>\n    ) : null;\n});\n"],"names":["TableAccordionColumn","TableCollapsibleColumn","sharedProps","id","enableSorting","enableHiding","meta","controlColumn","header","size","cell","info","CollapsibleIcon","onToggle","row","getIsExpanded","table","toggleAllRowsExpanded","defaultProps","iconExpanded","IconChevronUp","aria-label","iconCollapsed","IconChevronDown","factory","props","ref","getStyles","useTableContext","useProps","classNames","className","style","styles","others","handler","getToggleExpandedHandler","onClick","e","stopPropagation","getCanExpand","ActionIcon","Quaternary","color","radius"],"mappings":";;;;;;;;;;;IA+BaA,oBAAoB;eAApBA;;IARAC,sBAAsB;eAAtBA;;;;;;;gCAvBgC;oBACJ;0BAGC;4BACZ;AAI9B,IAAMC,cAAkC;IACpCC,IAAI;IACJC,eAAe;IACfC,cAAc;IACdC,MAAM;QACFC,eAAe;IACnB;IACAC,QAAQ;IACRC,MAAM;AACV;AAKO,IAAMR,yBAA6C,4CACnDC;IACHQ,MAAM,SAACC;6BAAS,qBAACC;YAAgBD,MAAMA;;;;AAMpC,IAAMX,uBAA2C,4CACjDE;IACHQ,MAAM,SAACC;QACH,IAAME,WAAW;YACb,4DAA4D;YAC5D,IAAI,CAACF,KAAKG,GAAG,CAACC,aAAa,IAAI;gBAC3BJ,KAAKK,KAAK,CAACC,qBAAqB,CAAC;YACrC;QACJ;QAEA,qBAAO,qBAACL;YAAgBC,UAAUA;YAAUF,MAAMA;;IACtD;;AAiBJ,IAAMO,eAA8C;IAChDC,4BAAc,qBAACC,+BAAa;QAACC,cAAW;QAAWZ,MAAM;;IACzDa,6BAAe,qBAACC,iCAAe;QAACF,cAAW;QAASZ,MAAM;;AAC9D;AAEA,IAAMG,kBAAkBY,IAAAA,aAAO,EAAgC,SAACC,OAAOC;IACnE,IAAM,AAACC,YAAaC,IAAAA,6BAAe,IAA5BD;IACP,IAAuGE,YAAAA,IAAAA,cAAQ,EAC3G,gCACAX,cACAO,QAHGd,OAAgGkB,UAAhGlB,MAAME,WAA0FgB,UAA1FhB,UAAUM,eAAgFU,UAAhFV,cAAcG,gBAAkEO,UAAlEP,eAAeQ,aAAmDD,UAAnDC,YAAYC,YAAuCF,UAAvCE,WAAWC,QAA4BH,UAA5BG,OAAOC,SAAqBJ,UAArBI,QAAWC,sCAAUL;QAAhGlB;QAAME;QAAUM;QAAcG;QAAeQ;QAAYC;QAAWC;QAAOC;;IAKlF,IAAME,UAAUxB,KAAKG,GAAG,CAACsB,wBAAwB;IACjD,IAAMC,UAAU,SAACC;QACbA,EAAEC,eAAe;QACjB1B,qBAAAA,+BAAAA,SAAWyB;QACXH;IACJ;IACA,OAAOxB,KAAKG,GAAG,CAAC0B,YAAY,mBACxB,qBAACC,sBAAU,CAACC,UAAU;QAClBhB,KAAKA;QACLW,SAASA;QACTM,OAAM;QACNC,QAAO;OACHjB,UAAU,mBAAmB;QAACI,WAAAA;QAAWD,YAAAA;QAAYG,QAAAA;QAAQD,OAAAA;IAAK,IAClEE;kBAEHvB,KAAKG,GAAG,CAACC,aAAa,KAAKI,eAAeG;UAE/C;AACR"}

package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAqC,MAAM,eAAe,CAAC;AAOxH,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAC1F;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAiEhB,CAAC"}
+{"version":3,"file":"TableFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,EAAqC,MAAM,eAAe,CAAC;AAQ5G,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpF,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,sBAAsB,CAAC,kBAAkB,CAAC;IAC1F;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;IACpC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;cACzB,IAAI;EAiEhB,CAAC"}

package/dist/cjs/components/table/table-filter/TableFilter.js

@@ -17,6 +17,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
 var _hooks = require("@mantine/hooks");
 var _react = require("react");
+var _actionicon = require("../../action-icon");
 var _Table = require("../Table");
 var _TableContext = require("../TableContext");
 var defaultProps = {
@@ -71,15 +72,14 @@ var TableFilter = (0, _core.factory)(function(props, ref) {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.TextInput, _object_spread_props._(_object_spread._({}, getStyles('filterWrapper', stylesApiProps)), {
             placeholder: placeholder,
             autoComplete: "off",
-            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ActionIcon, {
+            rightSection: filter ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_actionicon.ActionIcon.Quaternary, {
                 onClick: handleClear,
-                color: "gray",
-                variant: "subtle",
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.CrossSize16Px, {
-                    height: 16
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconX, {
+                    "aria-label": "clear",
+                    size: 20
                 })
-            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.FilterSize16Px, _object_spread._({
-                height: 16
+            }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconSearch, _object_spread._({
+                size: 20
             }, getStyles('filterEmpty', stylesApiProps))),
             value: filter,
             onChange: handleChange

package/dist/cjs/components/table/table-filter/TableFilter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {CrossSize16Px, FilterSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, BoxProps, CompoundStylesApiProps, Factory, Grid, TextInput, factory, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon onClick={handleClear} color=\"gray\" variant=\"subtle\">\n                            <CrossSize16Px height={16} />\n                        </ActionIcon>\n                    ) : (\n                        <FilterSize16Px height={16} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n"],"names":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","onClick","color","variant","CrossSize16Px","height","FilterSize16Px","onChange"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;;;;gCA9B+B;oBAC4D;qBAC1D;qBAC2B;qBAEtC;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,gBAAU;gBAACC,SAASb;gBAAac,OAAM;gBAAOC,SAAQ;0BACnD,cAAA,qBAACC,+BAAa;oBAACC,QAAQ;;+BAG3B,qBAACC,gCAAc;gBAACD,QAAQ;eAAQ3C,UAAU,eAAe4B;YAGjEJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}
+{"version":3,"sources":["../../../../../src/components/table/table-filter/TableFilter.tsx"],"sourcesContent":["import {IconSearch, IconX} from '@coveord/plasma-react-icons';\nimport {BoxProps, CompoundStylesApiProps, Factory, factory, Grid, TextInput, useProps} from '@mantine/core';\nimport {useDebouncedValue, useDidUpdate} from '@mantine/hooks';\nimport {ChangeEventHandler, MouseEventHandler, useEffect, useState} from 'react';\n\nimport {ActionIcon} from '../../action-icon';\nimport {TableComponentsOrder} from '../Table';\nimport {useTableContext} from '../TableContext';\n\nexport type TableFilterStylesNames = 'filterRoot' | 'filterWrapper' | 'filterEmpty';\n\nexport interface TableFilterProps extends BoxProps, CompoundStylesApiProps<TableFilterFactory> {\n    /**\n     * The placeholder for the filter input\n     *\n     * @default \"Search by any field\"\n     */\n    placeholder?: string;\n}\n\nexport type TableFilterFactory = Factory<{\n    props: TableFilterProps;\n    ref: HTMLDivElement;\n    stylesNames: TableFilterStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TableFilterProps> = {\n    placeholder: 'Search by any field',\n};\n\nexport const TableFilter = factory<TableFilterFactory>((props, ref) => {\n    const {store, getStyles} = useTableContext();\n    const {placeholder, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTableFilter',\n        defaultProps,\n        props,\n    );\n    const [filter, setFilter] = useState(store.state.globalFilter);\n    const [debounced, cancel] = useDebouncedValue(filter, 300);\n\n    useDidUpdate(() => {\n        store.setGlobalFilter(debounced);\n        store.setPagination({pageIndex: 0, pageSize: store.state.pagination.pageSize});\n\n        return cancel;\n    }, [debounced]);\n\n    const handleChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const {value} = event.currentTarget;\n        setFilter(value);\n    };\n\n    const handleClear: MouseEventHandler<HTMLButtonElement> = () => {\n        setFilter('');\n    };\n\n    useEffect(() => {\n        setFilter(store.state.globalFilter);\n    }, [store.state.globalFilter]);\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Filter}\n            ref={ref}\n            {...getStyles('filterRoot', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <TextInput\n                {...getStyles('filterWrapper', stylesApiProps)}\n                placeholder={placeholder}\n                autoComplete=\"off\"\n                rightSection={\n                    filter ? (\n                        <ActionIcon.Quaternary onClick={handleClear}>\n                            <IconX aria-label=\"clear\" size={20} />\n                        </ActionIcon.Quaternary>\n                    ) : (\n                        <IconSearch size={20} {...getStyles('filterEmpty', stylesApiProps)} />\n                    )\n                }\n                value={filter}\n                onChange={handleChange}\n            />\n        </Grid.Col>\n    );\n});\n"],"names":["TableFilter","defaultProps","placeholder","factory","props","ref","useTableContext","store","getStyles","useProps","classNames","className","styles","style","vars","others","useState","state","globalFilter","filter","setFilter","useDebouncedValue","debounced","cancel","useDidUpdate","setGlobalFilter","setPagination","pageIndex","pageSize","pagination","handleChange","event","value","currentTarget","handleClear","useEffect","stylesApiProps","Grid","Col","span","order","TableComponentsOrder","Filter","TextInput","autoComplete","rightSection","ActionIcon","Quaternary","onClick","IconX","aria-label","size","IconSearch","onChange"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;gCA/BmB;oBAC4D;qBAC9C;qBAC2B;0BAEhD;qBACU;4BACL;AAoB9B,IAAMC,eAA0C;IAC5CC,aAAa;AACjB;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAA2BC,mBAAAA,IAAAA,6BAAe,KAAnCC,QAAoBD,iBAApBC,OAAOC,YAAaF,iBAAbE;IACd,IAA6EC,YAAAA,IAAAA,cAAQ,EACjF,qBACAR,cACAG,QAHGF,cAAsEO,UAAtEP,aAAaQ,aAAyDD,UAAzDC,YAAYC,YAA6CF,UAA7CE,WAAWC,SAAkCH,UAAlCG,QAAQC,QAA0BJ,UAA1BI,OAAOC,OAAmBL,UAAnBK,MAASC,sCAAUN;QAAtEP;QAAaQ;QAAYC;QAAWC;QAAQC;QAAOC;;IAK1D,IAA4BE,+BAAAA,IAAAA,eAAQ,EAACT,MAAMU,KAAK,CAACC,YAAY,OAAtDC,SAAqBH,cAAbI,YAAaJ;IAC5B,IAA4BK,wCAAAA,IAAAA,wBAAiB,EAACF,QAAQ,UAA/CG,YAAqBD,uBAAVE,SAAUF;IAE5BG,IAAAA,mBAAY,EAAC;QACTjB,MAAMkB,eAAe,CAACH;QACtBf,MAAMmB,aAAa,CAAC;YAACC,WAAW;YAAGC,UAAUrB,MAAMU,KAAK,CAACY,UAAU,CAACD,QAAQ;QAAA;QAE5E,OAAOL;IACX,GAAG;QAACD;KAAU;IAEd,IAAMQ,eAAqD,SAACC;QACxD,IAAM,AAACC,QAASD,MAAME,aAAa,CAA5BD;QACPZ,UAAUY;IACd;IAEA,IAAME,cAAoD;QACtDd,UAAU;IACd;IAEAe,IAAAA,gBAAS,EAAC;QACNf,UAAUb,MAAMU,KAAK,CAACC,YAAY;IACtC,GAAG;QAACX,MAAMU,KAAK,CAACC,YAAY;KAAC;IAE7B,IAAMkB,iBAAiB;QAAC1B,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACyB,UAAI,CAACC,GAAG;QACLC,MAAK;QACLC,OAAOC,2BAAoB,CAACC,MAAM;QAClCrC,KAAKA;OACDG,UAAU,cAAc;QAACG,WAAAA;QAAWE,OAAAA;OAAUuB,kBAC9CrB;kBAEJ,cAAA,qBAAC4B,eAAS,8CACFnC,UAAU,iBAAiB4B;YAC/BlC,aAAaA;YACb0C,cAAa;YACbC,cACI1B,uBACI,qBAAC2B,sBAAU,CAACC,UAAU;gBAACC,SAASd;0BAC5B,cAAA,qBAACe,uBAAK;oBAACC,cAAW;oBAAQC,MAAM;;+BAGpC,qBAACC,4BAAU;gBAACD,MAAM;eAAQ3C,UAAU,eAAe4B;YAG3DJ,OAAOb;YACPkC,UAAUvB;;;AAI1B"}

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

@@ -0,0 +1,7 @@
+.root {
+    &[data-variant='subtle'] {
+        &:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
+            background: transparent;
+        }
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAkBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA4BvB,eAAO,MAAM,WAAW,EAAE,oBAmUxB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAUA,OAAO,EAmBH,oBAAoB,EAkBvB,MAAM,eAAe,CAAC;AA6BvB,eAAO,MAAM,WAAW,EAAE,oBA0UxB,CAAC"}

package/dist/cjs/theme/Theme.js

@@ -15,6 +15,7 @@ var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _plasmatokens = require("@coveord/plasma-tokens");
 var _core = require("@mantine/core");
 var _components = require("../components");
+var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
 var _Badgemodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Badge.module.css"));
 var _Breadcrumbsmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Breadcrumbs.module.css"));
@@ -119,6 +120,13 @@ var plasmaTheme = (0, _core.createTheme)({
     primaryShade: 5,
     colors: _PlasmaColors.PlasmaColors,
     components: {
+        ActionIcon: _core.ActionIcon.extend({
+            defaultProps: {
+                size: 24,
+                radius: 'sm'
+            },
+            classNames: _ActionIconmodulecss.default
+        }),
         AppShell: _core.AppShell.extend({
             vars: function(theme) {
                 return {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CheckSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    IconSlash,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    Alert,\n    AppShell,\n    Badge,\n    Breadcrumbs,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    Pagination,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Stepper,\n    Switch,\n    Table,\n    Tabs,\n    Text,\n    Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 'md',\n    lineHeights: {md: '1.5'},\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    radius: {\n        none: '0px',\n        xs: '2px',\n        sm: '4px',\n        md: '8px',\n        lg: '16px',\n        xl: '24px',\n        xxl: '32px',\n    },\n    primaryColor: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n            h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n        },\n    },\n    fontSizes: {\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        AppShell: AppShell.extend({\n            vars: (theme) =>\n                ({\n                    root: {'--app-shell-border-color': theme.colors.gray[2]},\n                }) as any,\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoToken variant=\"advice\" />,\n                p: 'sm',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Breadcrumbs: Breadcrumbs.extend({\n            classNames: BreadcrumbsClasses,\n            defaultProps: {\n                separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n                separatorMargin: 'xxs',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--checkbox-icon-color': theme.colors.gray[7],\n                            '--checkbox-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        CheckboxIndicator: Checkbox.Indicator.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: CheckboxIndicatorClasses,\n        }),\n        CloseButton: CloseButton.extend({\n            defaultProps: {\n                icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n            },\n        }),\n        ColorSwatch: ColorSwatch.extend({\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        }),\n        Combobox: Combobox.extend({\n            classNames: ComboboxClasses,\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'var(--mantine-color-default-border)',\n            },\n        }),\n        Input: Input.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n            vars: (theme, props) => ({\n                wrapper: {\n                    '--input-margin-top':\n                        props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n                },\n            }),\n        }),\n        InputWrapper: InputWrapper.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: ListClasses,\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n            vars: () => {\n                const sizes = {\n                    '--modal-size-xs': '432px',\n                    '--modal-size-sm': '664px',\n                    '--modal-size-md': '896px',\n                    '--modal-size-lg': '1120px',\n                    '--modal-size-xl': '88%',\n                } as any;\n                return {\n                    root: {\n                        ...sizes,\n                    },\n                };\n            },\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: PlasmaColors.indigo[8],\n                backgroundOpacity: 0.7,\n                blur: 2,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n            },\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Popover: Popover.extend({\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: StepperClasses,\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n        }),\n        Table: Table.extend({\n            classNames: TableClasses,\n            vars: () => ({\n                table: {\n                    '--table-border-color': 'var(--mantine-color-default-border)',\n                },\n            }),\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n            classNames: TooltipClasses,\n        }),\n    },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","AppShell","extend","vars","theme","root","Alert","defaultProps","icon","InfoToken","variant","p","classNames","AlertClasses","Badge","BadgeClasses","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","size","separatorMargin","Button","ButtonClasses","Checkbox","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","Divider","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","wrapper","wrapperProps","label","description","undefined","InputWrapper","InputWrapperClasses","red","error","Loader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","StepperClasses","Switch","track","thumb","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":";;;;+BA0EaA;;;eAAAA;;;;;;gCAlEN;4BACa;oBAqCb;0BACiB;uEACC;uEACA;6EACM;wEACL;0EACE;mFACS;0EACT;uEACH;8EACO;sEACR;uEACC;yEACE;4EACG;uEACL;+EACQ;+EACA;4EACH;kFACM;0EACR;yEACD;uEACF;sEACD;sEACA;yEACG;4BACA;AAEpB,IAAMA,cAAoCC,IAAAA,iBAAW,EAAC;IACzD,gJAAgJ;IAChJC,YAAY;IACZC,OAAOC,mBAAK,CAACC,OAAO,CAACC,IAAI,CAAC,EAAE;IAC5BC,eAAe;IACfC,aAAa;QAACC,IAAI;IAAK;IACvBC,SAAS;QACLC,KAAK;QACLC,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;IACR;IACAC,QAAQ;QACJC,MAAM;QACNL,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;QACJG,KAAK;IACT;IACAC,cAAc;IACdC,UAAU;QACNlB,YAAY;QACZmB,YAAY;QACZC,OAAO;YACHC,IAAI;gBAACC,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DK,IAAI;gBAACF,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAK;YAC5DM,IAAI;gBAACH,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAK;YAC5DO,IAAI;gBAACJ,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAK;YAC3DQ,IAAI;gBAACL,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAK;YAC5DS,IAAI;gBAACN,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAK;QAChE;IACJ;IACAU,WAAW;QACPnB,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;IACR;IACAiB,SAAS;QACLpB,IAAI;QACJC,IAAI;QACJJ,IAAI;QACJK,IAAI;QACJC,IAAI;IACR;IACAkB,cAAc;IACdC,QAAQC,0BAAY;IACpBC,YAAY;QACRC,UAAUA,cAAQ,CAACC,MAAM,CAAC;YACtBC,MAAM,SAACC;uBACF;oBACGC,MAAM;wBAAC,4BAA4BD,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;oBAAA;gBAC3D;;QACR;QACAoC,OAAOA,WAAK,CAACJ,MAAM,CAAC;YAChBK,cAAc;gBACVC,oBAAM,qBAACC,qBAAS;oBAACC,SAAQ;;gBACzBC,GAAG;YACP;YACAC,YAAYC,uBAAY;QAC5B;QACAC,OAAOA,WAAK,CAACZ,MAAM,CAAC;YAChBU,YAAYG,uBAAY;YACxBR,cAAc;gBACVG,SAAS;YACb;QACJ;QACAM,aAAaA,iBAAW,CAACd,MAAM,CAAC;YAC5BU,YAAYK,6BAAkB;YAC9BV,cAAc;gBACVW,yBAAW,qBAACC,2BAAS;oBAACC,MAAM;oBAAIpD,OAAM;;gBACtCqD,iBAAiB;YACrB;QACJ;QACAC,QAAQA,YAAM,CAACpB,MAAM,CAAC;YAClBK,cAAc;gBACVa,MAAM;YACV;YACAR,YAAYW,wBAAa;QAC7B;QACAC,UAAUA,cAAQ,CAACtB,MAAM,CAAC;YACtBK,cAAc;gBACV3B,QAAQ;YACZ;YACAgC,YAAY,SAACR,OAAOqB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACC,0BAAe,EAAEC,+BAAoB;gBAC1D;gBACA,OAAOD,0BAAe;YAC1B;YACA1B,MAAM,SAACC,OAAOqB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHtB,MAAM;4BACF,yBAAyBD,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BAC7C,oBAAoBkC,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;wBAC5C;oBACJ;gBACJ;gBACA,OAAO;oBAACmC,MAAM,CAAC;gBAAC;YACpB;QACJ;QACA0B,mBAAmBP,cAAQ,CAACQ,SAAS,CAAC9B,MAAM,CAAC;YACzCK,cAAc;gBACV3B,QAAQ;YACZ;YACAgC,YAAYqB,mCAAwB;QACxC;QACAC,aAAaA,iBAAW,CAAChC,MAAM,CAAC;YAC5BK,cAAc;gBACVC,oBAAM,qBAAC2B,+BAAa;oBAACC,QAAQ;oBAAIC,cAAW;;YAChD;QACJ;QACAC,aAAaA,iBAAW,CAACpC,MAAM,CAAC;YAC5BK,cAAc;gBACVa,MAAM;gBACNmB,YAAY;YAChB;QACJ;QACAC,UAAUA,cAAQ,CAACtC,MAAM,CAAC;YACtBU,YAAY6B,0BAAe;QAC/B;QACAC,gBAAgBA,oBAAc,CAACxC,MAAM,CAAC;YAClCK,cAAc;gBACVoC,aAAa;gBACbC,4BAAc,qBAACC,gCAAc;oBAACT,QAAQ;oBAAIpE,OAAM;;YACpD;QACJ;QACA8E,SAASA,aAAO,CAAC5C,MAAM,CAAC;YACpBK,cAAc;gBACVvC,OAAO;YACX;QACJ;QACA+E,OAAOA,WAAK,CAAC7C,MAAM,CAAC;YAChBK,cAAc;gBACVa,MAAM;YACV;YACAR,YAAY,SAACoC,QAAQvB;gBACjB,IAAMwB,WAAWxB;gBACjB,IAAIwB,SAASvB,QAAQ,IAAI,CAACD,MAAME,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACuB,QAAQ,CAACD,SAASE,gBAAgB,GAAG;oBACzF,OAAOvB,IAAAA,eAAS,EAACwB,uBAAY,EAAEC,+BAAoB;gBACvD;gBACA,OAAOD,uBAAY;YACvB;YACAjD,MAAM,SAACC,OAAOqB;oBAGFA,qBAA6BA;uBAHhB;oBACrB6B,SAAS;wBACL,sBACI7B,EAAAA,sBAAAA,MAAM8B,YAAY,cAAlB9B,0CAAAA,oBAAoB+B,KAAK,OAAI/B,uBAAAA,MAAM8B,YAAY,cAAlB9B,2CAAAA,qBAAoBgC,WAAW,IAAGrD,MAAM9B,OAAO,CAACC,GAAG,GAAGmF;oBAC3F;gBACJ;;QACJ;QACAC,cAAcA,kBAAY,CAACzD,MAAM,CAAC;YAC9BK,cAAc;gBACVa,MAAM;YACV;YACAR,YAAYgD,8BAAmB;YAC/BzD,MAAM,SAACC,OAAOqB;gBACV,IAAMwB,WAAWxB;gBACjB,IAAIwB,SAAStB,QAAQ,IAAKsB,SAASvB,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACwB,QAAQ,CAACD,SAASE,gBAAgB,GAAI;oBAC7F,OAAO;wBACHK,OAAO;4BAAC,0BAA0BpD,MAAMN,MAAM,CAAC+D,GAAG,CAAC,EAAE;wBAAA;wBACrDC,OAAO,CAAC;wBACRL,aAAa,CAAC;oBAClB;gBACJ;gBACA,OAAO;oBACHD,OAAO,CAAC;oBACRM,OAAO,CAAC;oBACRL,aAAa,CAAC;gBAClB;YACJ;QACJ;QACAM,QAAQA,YAAM,CAAC7D,MAAM,CAAC;YAClBK,cAAc;gBACVyD,MAAM;gBACNC,MAAM;YACV;QACJ;QACAC,MAAMA,UAAI,CAAChE,MAAM,CAAC;YACdU,YAAYuD,sBAAW;QAC3B;QACAC,OAAOA,WAAK,CAAClE,MAAM,CAAC;YAChBU,YAAYyD,uBAAY;YACxBlE,MAAM;gBACF,IAAMjB,QAAQ;oBACV,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;gBACvB;gBACA,OAAO;oBACHmB,MAAM,qBACCnB;gBAEX;YACJ;QACJ;QACAoF,cAAcF,WAAK,CAACG,OAAO,CAACrE,MAAM,CAAC;YAC/BK,cAAc;gBACVvC,OAAO+B,0BAAY,CAACyE,MAAM,CAAC,EAAE;gBAC7BC,mBAAmB;gBACnBC,MAAM;YACV;QACJ;QACAC,WAAWP,WAAK,CAACQ,IAAI,CAAC1E,MAAM,CAAC;YACzBK,cAAc;gBACVsE,SAAS;YACb;QACJ;QACAC,aAAaA,iBAAW,CAAC5E,MAAM,CAAC;YAACK,cAAc;gBAACwE,mBAAmB;YAAI;QAAC;QACxEC,SAASA,aAAO,CAAC9E,MAAM,CAAC;YAACU,YAAYqE,yBAAc;QAAA;QACnDC,cAAcA,kBAAY,CAAChF,MAAM,CAAC;YAC9BK,cAAc;gBACVC,oBAAM,qBAAC2E,8BAAY;oBAAC/C,QAAQ;;YAChC;QACJ;QACAgD,YAAYA,gBAAU,CAAClF,MAAM,CAAC;YAC1BU,YAAYyE,4BAAiB;YAC7B9E,cAAc;gBACV+E,UAAUC,wCAAsB;gBAChCC,cAAcC,uCAAqB;YACvC;QACJ;QACAC,SAASA,aAAO,CAACxF,MAAM,CAAC;YACpBK,cAAc;gBACVoF,QAAQ;gBACRC,WAAW;YACf;QACJ;QACAC,OAAOA,WAAK,CAAC3F,MAAM,CAAC;YAChBU,YAAY,SAACR,OAAOqB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACkE,uBAAY,EAAEhE,+BAAoB;gBACvD;gBACA,OAAOgE,uBAAY;YACvB;YACA3F,MAAM,SAACC,OAAOqB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHtB,MAAM;4BACF,sBAAsBD,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BAC1C,iBAAiBkC,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;wBACzC;oBACJ;gBACJ;gBACA,OAAO;oBAACmC,MAAM,CAAC;gBAAC;YACpB;QACJ;QACA0F,YAAYA,gBAAU,CAAC7F,MAAM,CAAC;YAC1BU,YAAYoF,4BAAiB;QACjC;QACAC,kBAAkBA,sBAAgB,CAAC/F,MAAM,CAAC;YACtCU,YAAYsF,kCAAuB;QACvC;QACAC,QAAQA,YAAM,CAACjG,MAAM,CAAC;YAClBK,cAAc;gBAAC6F,eAAe;YAAK;QACvC;QACAC,UAAUA,cAAQ,CAACnG,MAAM,CAAC;YACtBU,YAAY0F,0BAAe;QAC/B;QACAC,SAASA,aAAO,CAACrG,MAAM,CAAC;YACpBK,cAAc;gBACVa,MAAM;gBACNoF,6BAAe,qBAACC,+BAAa;YACjC;YACA7F,YAAY8F,yBAAc;QAC9B;QACAC,QAAQA,YAAM,CAACzG,MAAM,CAAC;YAClBU,YAAY,SAACR,OAAOqB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOG,+BAAoB;gBAC/B;gBACA,OAAO,CAAC;YACZ;YACA3B,MAAM,SAACC,OAAOqB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHtB,MAAM,CAAC;wBACPuG,OAAO;4BACH,eAAexG,MAAMN,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BACnC,eAAe;wBACnB;wBACA2I,OAAO;4BACH,qBAAqB;wBACzB;oBACJ;gBACJ;gBACA,OAAO;oBAACxG,MAAM,CAAC;oBAAGuG,OAAO,CAAC;oBAAGC,OAAO,CAAC;gBAAC;YAC1C;QACJ;QACAC,OAAOA,WAAK,CAAC5G,MAAM,CAAC;YAChBU,YAAYmG,uBAAY;YACxB5G,MAAM;uBAAO;oBACT6G,OAAO;wBACH,wBAAwB;oBAC5B;gBACJ;;QACJ;QACAC,MAAMA,UAAI,CAAC/G,MAAM,CAAC;YACdU,YAAYsG,sBAAW;QAC3B;QACAC,MAAMA,UAAI,CAACjH,MAAM,CAAC;YACdK,cAAc;gBACVa,MAAM;YACV;YACAR,YAAYwG,sBAAW;QAC3B;QACAC,SAASA,aAAO,CAACnH,MAAM,CAAC;YACpBK,cAAc;gBACV+G,KAAK;gBACLC,WAAW;gBACX3B,WAAW;gBACX4B,QAAQ;YACZ;YACA5G,YAAY6G,yBAAc;QAC9B;IACJ;AACJ"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CheckSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    IconSlash,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    AppShell,\n    Badge,\n    Breadcrumbs,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    Pagination,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Stepper,\n    Switch,\n    Table,\n    Tabs,\n    Text,\n    Tooltip,\n} from '@mantine/core';\nimport {InfoToken} from '../components';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 'md',\n    lineHeights: {md: '1.5'},\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    radius: {\n        none: '0px',\n        xs: '2px',\n        sm: '4px',\n        md: '8px',\n        lg: '16px',\n        xl: '24px',\n        xxl: '32px',\n    },\n    primaryColor: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: '500'},\n            h2: {fontSize: '32px', lineHeight: '1.25', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: '400'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: '500'},\n        },\n    },\n    fontSizes: {\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        ActionIcon: ActionIcon.extend({\n            defaultProps: {\n                size: 24,\n                radius: 'sm',\n            },\n            classNames: ActionIconClasses,\n        }),\n        AppShell: AppShell.extend({\n            vars: (theme) =>\n                ({\n                    root: {'--app-shell-border-color': theme.colors.gray[2]},\n                }) as any,\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoToken variant=\"advice\" />,\n                p: 'sm',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Breadcrumbs: Breadcrumbs.extend({\n            classNames: BreadcrumbsClasses,\n            defaultProps: {\n                separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n                separatorMargin: 'xxs',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--checkbox-icon-color': theme.colors.gray[7],\n                            '--checkbox-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        CheckboxIndicator: Checkbox.Indicator.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: CheckboxIndicatorClasses,\n        }),\n        CloseButton: CloseButton.extend({\n            defaultProps: {\n                icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n            },\n        }),\n        ColorSwatch: ColorSwatch.extend({\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        }),\n        Combobox: Combobox.extend({\n            classNames: ComboboxClasses,\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'var(--mantine-color-default-border)',\n            },\n        }),\n        Input: Input.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n            vars: (theme, props) => ({\n                wrapper: {\n                    '--input-margin-top':\n                        props.wrapperProps?.label || props.wrapperProps?.description ? theme.spacing.xxs : undefined,\n                },\n            }),\n        }),\n        InputWrapper: InputWrapper.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: ListClasses,\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n            vars: () => {\n                const sizes = {\n                    '--modal-size-xs': '432px',\n                    '--modal-size-sm': '664px',\n                    '--modal-size-md': '896px',\n                    '--modal-size-lg': '1120px',\n                    '--modal-size-xl': '88%',\n                } as any;\n                return {\n                    root: {\n                        ...sizes,\n                    },\n                };\n            },\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: PlasmaColors.indigo[8],\n                backgroundOpacity: 0.7,\n                blur: 2,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n            },\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Popover: Popover.extend({\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: StepperClasses,\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n        }),\n        Table: Table.extend({\n            classNames: TableClasses,\n            vars: () => ({\n                table: {\n                    '--table-border-color': 'var(--mantine-color-default-border)',\n                },\n            }),\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n            classNames: TooltipClasses,\n        }),\n    },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","spacing","xxs","xs","sm","lg","xl","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","ActionIcon","extend","defaultProps","size","classNames","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Checkbox","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","Divider","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","wrapper","wrapperProps","label","description","undefined","InputWrapper","InputWrapperClasses","red","error","Loader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","RadioClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","StepperClasses","Switch","track","thumb","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","Tooltip","maw","multiline","zIndex","TooltipClasses"],"mappings":"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"}

package/dist/cjs/theme/plasmaCSSVariablesResolver.js

@@ -14,7 +14,7 @@ var plasmaCSSVariablesResolver = function(theme) {
         dark: {},
         light: {
             // custom colors
-            '--coveo-color-input-border': theme.colors.gray[2],
+            '--coveo-color-input-border': theme.colors.gray[3],
             '--coveo-color-title': theme.colors.gray[8],
             '--coveo-color-text-disabled': theme.colors.gray[3],
             // mantine overrides

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {ConvertCSSVariablesInput, CSSVariablesResolver} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    const result: ConvertCSSVariablesInput = {\n        variables: {},\n        dark: {},\n        light: {\n            // custom colors\n            '--coveo-color-input-border': theme.colors.gray[2],\n            '--coveo-color-title': theme.colors.gray[8],\n            '--coveo-color-text-disabled': theme.colors.gray[3],\n\n            // mantine overrides\n            '--mantine-color-default-border': theme.colors.gray[2],\n            '--mantine-color-error': theme.colors.red[5],\n            '--mantine-color-text': theme.colors.gray[6],\n            '--mantine-color-dimmed': theme.colors.gray[5],\n            '--mantine-color-gray-filled': theme.colors.gray[4],\n            '--mantine-color-gray-light': theme.colors.gray[0],\n            '--mantine-color-gray-light-hover': theme.colors.gray[1],\n            '--mantine-color-warning-filled': theme.colors.yellow[4],\n            '--mantine-color-placeholder': theme.colors.gray[4],\n        },\n    };\n    return result;\n};\n"],"names":["plasmaCSSVariablesResolver","theme","result","variables","dark","light","colors","gray","red","yellow"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,6BAAmD,SAACC;IAC7D,IAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO;YACH,gBAAgB;YAChB,8BAA8BJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAClD,uBAAuBN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3C,+BAA+BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAEnD,oBAAoB;YACpB,kCAAkCN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACtD,yBAAyBN,MAAMK,MAAM,CAACE,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC5C,0BAA0BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC9C,+BAA+BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACnD,8BAA8BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAClD,oCAAoCN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACxD,kCAAkCN,MAAMK,MAAM,CAACG,MAAM,CAAC,EAAE;YACxD,+BAA+BR,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QACvD;IACJ;IACA,OAAOL;AACX"}
+{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {ConvertCSSVariablesInput, CSSVariablesResolver} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    const result: ConvertCSSVariablesInput = {\n        variables: {},\n        dark: {},\n        light: {\n            // custom colors\n            '--coveo-color-input-border': theme.colors.gray[3],\n            '--coveo-color-title': theme.colors.gray[8],\n            '--coveo-color-text-disabled': theme.colors.gray[3],\n\n            // mantine overrides\n            '--mantine-color-default-border': theme.colors.gray[2],\n            '--mantine-color-error': theme.colors.red[5],\n            '--mantine-color-text': theme.colors.gray[6],\n            '--mantine-color-dimmed': theme.colors.gray[5],\n            '--mantine-color-gray-filled': theme.colors.gray[4],\n            '--mantine-color-gray-light': theme.colors.gray[0],\n            '--mantine-color-gray-light-hover': theme.colors.gray[1],\n            '--mantine-color-warning-filled': theme.colors.yellow[4],\n            '--mantine-color-placeholder': theme.colors.gray[4],\n        },\n    };\n    return result;\n};\n"],"names":["plasmaCSSVariablesResolver","theme","result","variables","dark","light","colors","gray","red","yellow"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,6BAAmD,SAACC;IAC7D,IAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO;YACH,gBAAgB;YAChB,8BAA8BJ,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAClD,uBAAuBN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC3C,+BAA+BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAEnD,oBAAoB;YACpB,kCAAkCN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACtD,yBAAyBN,MAAMK,MAAM,CAACE,GAAG,CAAC,EAAE;YAC5C,wBAAwBP,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC5C,0BAA0BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAC9C,+BAA+BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACnD,8BAA8BN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YAClD,oCAAoCN,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;YACxD,kCAAkCN,MAAMK,MAAM,CAACG,MAAM,CAAC,EAAE;YACxD,+BAA+BR,MAAMK,MAAM,CAACC,IAAI,CAAC,EAAE;QACvD;IACJ;IACA,OAAOL;AACX"}

package/dist/esm/components/action-icon/ActionIcon.d.ts

@@ -21,6 +21,14 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
     variant: ActionIconVariant;
     staticComponents: {
         Group: typeof ActionIconGroup;
+        Primary: typeof ActionIconPrimary;
+        Secondary: typeof ActionIconSecondary;
+        Tertiary: typeof ActionIconTertiary;
+        Quaternary: typeof ActionIconQuaternary;
+        DestructivePrimary: typeof ActionIconDestructive;
+        DestructiveSecondary: typeof ActionIconDestructiveSecondary;
+        DestructiveTertiary: typeof ActionIconDestructiveTertiary;
+        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
 }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
     props: ActionIconProps;
@@ -31,6 +39,14 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
     variant: ActionIconVariant;
     staticComponents: {
         Group: typeof ActionIconGroup;
+        Primary: typeof ActionIconPrimary;
+        Secondary: typeof ActionIconSecondary;
+        Tertiary: typeof ActionIconTertiary;
+        Quaternary: typeof ActionIconQuaternary;
+        DestructivePrimary: typeof ActionIconDestructive;
+        DestructiveSecondary: typeof ActionIconDestructiveSecondary;
+        DestructiveTertiary: typeof ActionIconDestructiveTertiary;
+        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
 }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: ActionIconProps;
@@ -41,8 +57,33 @@ export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").
     variant: ActionIconVariant;
     staticComponents: {
         Group: typeof ActionIconGroup;
+        Primary: typeof ActionIconPrimary;
+        Secondary: typeof ActionIconSecondary;
+        Tertiary: typeof ActionIconTertiary;
+        Quaternary: typeof ActionIconQuaternary;
+        DestructivePrimary: typeof ActionIconDestructive;
+        DestructiveSecondary: typeof ActionIconDestructiveSecondary;
+        DestructiveTertiary: typeof ActionIconDestructiveTertiary;
+        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
     };
 }> & {
     Group: typeof ActionIconGroup;
+    Primary: typeof ActionIconPrimary;
+    Secondary: typeof ActionIconSecondary;
+    Tertiary: typeof ActionIconTertiary;
+    Quaternary: typeof ActionIconQuaternary;
+    DestructivePrimary: typeof ActionIconDestructive;
+    DestructiveSecondary: typeof ActionIconDestructiveSecondary;
+    DestructiveTertiary: typeof ActionIconDestructiveTertiary;
+    DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;
 };
+declare const ActionIconPrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconDestructive: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconDestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconDestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+declare const ActionIconDestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ActionIconProps>) => React.ReactElement;
+export {};
 //# sourceMappingURL=ActionIcon.d.ts.map

package/dist/esm/components/action-icon/ActionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,IAAI,sBAAsB,EAC9C,qBAAqB,EACrB,iBAAiB,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,UAAU,mGARF,MAAO,YAC5B;;;;;;eAQmC,MAAO,WAAW;;;WAZ1C,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;KACjC;;WADU,OAAO,eAAe;CAyBpC,CAAC"}
+{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/action-icon/ActionIcon.js

@@ -21,6 +21,51 @@ export const ActionIcon = polymorphicFactory(({ disabledTooltip, disabled, disab
         })
     });
 });
+const ActionIconPrimary = ActionIcon.withProps({
+    variant: 'filled'
+});
+const ActionIconSecondary = ActionIcon.withProps({
+    variant: 'light'
+});
+const ActionIconTertiary = ActionIcon.withProps({
+    variant: 'default',
+    vars: ()=>({
+            root: {
+                '--ai-color': 'var(--mantine-primary-color-filled)'
+            }
+        })
+});
+const ActionIconQuaternary = ActionIcon.withProps({
+    variant: 'subtle'
+});
+const ActionIconDestructive = ActionIcon.withProps({
+    variant: 'filled',
+    color: 'var(--mantine-color-error)'
+});
+const ActionIconDestructiveSecondary = ActionIcon.withProps({
+    variant: 'light',
+    color: 'var(--mantine-color-error)'
+});
+const ActionIconDestructiveTertiary = ActionIcon.withProps({
+    variant: 'default',
+    vars: ()=>({
+            root: {
+                '--ai-color': 'var(--mantine-color-error)'
+            }
+        })
+});
+const ActionIconDestructiveQuaternary = ActionIcon.withProps({
+    variant: 'subtle',
+    color: 'var(--mantine-color-error)'
+});
 ActionIcon.Group = MantineActionIcon.Group;
+ActionIcon.Primary = ActionIconPrimary;
+ActionIcon.Secondary = ActionIconSecondary;
+ActionIcon.Tertiary = ActionIconTertiary;
+ActionIcon.Quaternary = ActionIconQuaternary;
+ActionIcon.DestructivePrimary = ActionIconDestructive;
+ActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;
+ActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;
+ActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;
 
 //# sourceMappingURL=ActionIcon.js.map

package/dist/esm/components/action-icon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIcon as MantineActionIcon,\n    ActionIconCssVariables,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","MantineActionIcon","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","isLoading","handleClick","fullWidth","loaderProps","type","Group"],"mappings":";AAAA,SACIA,cAAcC,iBAAiB,EAO/BC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,sCAAsC;AAmB9G,OAAO,MAAMJ,aAAaE,mBACtB,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGV,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBO,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACb;YACGc,aAAa;gBAACC,MAAM;YAAM;YAC1BL,KAAKA;YACLH,SAASI,aAAaJ;YACtBC,SAASI;YACTP,UAAUA;YACT,GAAGI,MAAM;;;AAI1B,GACF;AACFV,WAAWiB,KAAK,GAAGhB,kBAAkBgB,KAAK"}
+{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIcon as MantineActionIcon,\n    ActionIconCssVariables,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nconst ActionIconPrimary = ActionIcon.withProps({variant: 'filled'});\nconst ActionIconSecondary = ActionIcon.withProps({variant: 'light'});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),\n});\nconst ActionIconQuaternary = ActionIcon.withProps({variant: 'subtle'});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n"],"names":["ActionIcon","MantineActionIcon","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","isLoading","handleClick","fullWidth","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","ActionIconTertiary","vars","root","ActionIconQuaternary","ActionIconDestructive","color","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";AAAA,SACIA,cAAcC,iBAAiB,EAO/BC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,sCAAsC;AA2B9G,OAAO,MAAMJ,aAAaE,mBACtB,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGV,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBO,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACb;YACGc,aAAa;gBAACC,MAAM;YAAM;YAC1BL,KAAKA;YACLH,SAASI,aAAaJ;YACtBC,SAASI;YACTP,UAAUA;YACT,GAAGI,MAAM;;;AAI1B,GACF;AAEF,MAAMO,oBAAoBjB,WAAWkB,SAAS,CAAC;IAACC,SAAS;AAAQ;AACjE,MAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAACC,SAAS;AAAO;AAClE,MAAME,qBAAqBrB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTG,MAAM,IAAO,CAAA;YAACC,MAAM;gBAAC,cAAc;YAAqC;QAAC,CAAA;AAC7E;AACA,MAAMC,uBAAuBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;AAAQ;AAEpE,MAAMM,wBAAwBzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAC1G,MAAMC,iCAAiC3B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASO,OAAO;AAA4B;AAClH,MAAME,gCAAgC5B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTG,MAAM,IAAO,CAAA;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC,CAAA;AACpE;AACA,MAAMM,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUO,OAAO;AAA4B;AAEpH1B,WAAW8B,KAAK,GAAG7B,kBAAkB6B,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGZ;AACtBrB,WAAWkC,UAAU,GAAGV;AACxBxB,WAAWmC,kBAAkB,GAAGV;AAChCzB,WAAWoC,oBAAoB,GAAGT;AAClC3B,WAAWqC,mBAAmB,GAAGT;AACjC5B,WAAWsC,qBAAqB,GAAGT"}

package/dist/esm/components/code-editor/search/Search.d.ts

@@ -1,5 +1,6 @@
+import { FunctionComponent } from 'react';
 export interface SearchProps {
     handleSearch: () => void;
 }
-export declare const Search: React.FunctionComponent<SearchProps>;
+export declare const Search: FunctionComponent<SearchProps>;
 //# sourceMappingURL=Search.d.ts.map

package/dist/esm/components/code-editor/search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-editor/search/Search.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAQD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAiD,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/code-editor/search/Search.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,WAAW;IACxB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAQD,eAAO,MAAM,MAAM,EAAE,iBAAiB,CAAC,WAAW,CAAiD,CAAC"}

package/dist/esm/components/code-editor/search/Search.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SearchSize16Px } from '@coveord/plasma-react-icons';
-import { ActionIcon } from '@mantine/core';
-const SearchButton = ({ handleSearch })=>/*#__PURE__*/ _jsx(ActionIcon, {
+import { IconSearch } from '@coveord/plasma-react-icons';
+import { ActionIcon } from '../../action-icon';
+const SearchButton = ({ handleSearch })=>/*#__PURE__*/ _jsx(ActionIcon.Quaternary, {
         onClick: handleSearch,
-        variant: "subtle",
-        color: "gray",
-        children: /*#__PURE__*/ _jsx(SearchSize16Px, {
-            height: 16
+        children: /*#__PURE__*/ _jsx(IconSearch, {
+            "aria-label": "Search",
+            size: 20
         })
     });
 export const Search = ({ ...params })=>/*#__PURE__*/ _jsx(SearchButton, {

package/dist/esm/components/code-editor/search/Search.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {SearchSize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon} from '@mantine/core';\n\nexport interface SearchProps {\n    handleSearch: () => void;\n}\n\nconst SearchButton: React.FunctionComponent<SearchProps> = ({handleSearch}) => (\n    <ActionIcon onClick={handleSearch} variant=\"subtle\" color=\"gray\">\n        <SearchSize16Px height={16}></SearchSize16Px>\n    </ActionIcon>\n);\n\nexport const Search: React.FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["SearchSize16Px","ActionIcon","SearchButton","handleSearch","onClick","variant","color","height","Search","params"],"mappings":";AAAA,SAAQA,cAAc,QAAO,8BAA8B;AAC3D,SAAQC,UAAU,QAAO,gBAAgB;AAMzC,MAAMC,eAAqD,CAAC,EAACC,YAAY,EAAC,iBACtE,KAACF;QAAWG,SAASD;QAAcE,SAAQ;QAASC,OAAM;kBACtD,cAAA,KAACN;YAAeO,QAAQ;;;AAIhC,OAAO,MAAMC,SAA+C,CAAC,EAAC,GAAGC,QAAO,iBAAK,KAACP;QAAc,GAAGO,MAAM;OAAK"}
+{"version":3,"sources":["../../../../../src/components/code-editor/search/Search.tsx"],"sourcesContent":["import {IconSearch} from '@coveord/plasma-react-icons';\nimport {FunctionComponent} from 'react';\nimport {ActionIcon} from '../../action-icon';\n\nexport interface SearchProps {\n    handleSearch: () => void;\n}\n\nconst SearchButton: FunctionComponent<SearchProps> = ({handleSearch}) => (\n    <ActionIcon.Quaternary onClick={handleSearch}>\n        <IconSearch aria-label=\"Search\" size={20} />\n    </ActionIcon.Quaternary>\n);\n\nexport const Search: FunctionComponent<SearchProps> = ({...params}) => <SearchButton {...params} />;\n"],"names":["IconSearch","ActionIcon","SearchButton","handleSearch","Quaternary","onClick","aria-label","size","Search","params"],"mappings":";AAAA,SAAQA,UAAU,QAAO,8BAA8B;AAEvD,SAAQC,UAAU,QAAO,oBAAoB;AAM7C,MAAMC,eAA+C,CAAC,EAACC,YAAY,EAAC,iBAChE,KAACF,WAAWG,UAAU;QAACC,SAASF;kBAC5B,cAAA,KAACH;YAAWM,cAAW;YAASC,MAAM;;;AAI9C,OAAO,MAAMC,SAAyC,CAAC,EAAC,GAAGC,QAAO,iBAAK,KAACP;QAAc,GAAGO,MAAM;OAAK"}

package/dist/esm/components/collection/Collection.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, Factory, MantineSpacing, StylesApiProps, __InputWrapperProps } from '@mantine/core';
+import { __InputWrapperProps, BoxProps, Factory, MantineSpacing, StylesApiProps } from '@mantine/core';
 import { ReorderPayload } from '@mantine/form/lib/types';
 import { ForwardedRef, ReactNode } from 'react';
 import { CustomComponentThemeExtend } from '../../utils';

package/dist/esm/components/collection/Collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEH,QAAQ,EACR,OAAO,EAGP,cAAc,EAEd,cAAc,EAEd,mBAAmB,EAGtB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,aAAa,CAAC;AAMjE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAaH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAC;;eAhBpF,eAAe,CAAC,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CAiKrC,CAAC"}
+{"version":3,"file":"Collection.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.tsx"],"names":[],"mappings":"AAIA,OAAO,EACH,mBAAmB,EAEnB,QAAQ,EACR,OAAO,EAEP,cAAc,EAEd,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAC,0BAA0B,EAAW,MAAM,aAAa,CAAC;AAMjE,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,mBAAmB,EAAE,QAAQ,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACxG;;OAEG;IACH,OAAO,EAAE,CAAC,CAAC;IACX;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,MAAM,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,YAAY,CAAC;AAEpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;CACtC,CAAC,CAAC;AAaH,eAAO,MAAM,UAAU;KAAI,CAAC,SAAU,eAAe,CAAC,CAAC,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;KAAC;;eAhBpF,eAAe,CAAC,OAAO,CAAC;aAC1B,cAAc;qBACN,qBAAqB;;CA4JrC,CAAC"}

package/dist/esm/components/collection/Collection.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AddSize16Px } from '@coveord/plasma-react-icons';
+import { IconCirclePlus } from '@coveord/plasma-react-icons';
 import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
 import { restrictToParentElement, restrictToVerticalAxis } from '@dnd-kit/modifiers';
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { Box, Group, Input, Stack, Tooltip, useProps, useStyles } from '@mantine/core';
+import { Box, Input, Stack, useProps, useStyles } from '@mantine/core';
 import { useDidUpdate } from '@mantine/hooks';
 import { identity } from '../../utils';
 import { Button } from '../button';
@@ -78,21 +78,14 @@ export const Collection = (props)=>{
             children: children(item.data, index)
         }, item.id));
     const addAllowed = allowAdd?.(value) ?? true;
-    const _addButton = canEdit ? /*#__PURE__*/ _jsx(Group, {
-        children: /*#__PURE__*/ _jsx(Tooltip, {
-            label: addDisabledTooltip,
-            disabled: addAllowed,
-            children: /*#__PURE__*/ _jsx(Box, {
-                children: /*#__PURE__*/ _jsx(Button.Quaternary, {
-                    leftSection: /*#__PURE__*/ _jsx(AddSize16Px, {
-                        height: 16
-                    }),
-                    onClick: ()=>onInsertItem(newItem, value?.length ?? 0),
-                    disabled: !addAllowed,
-                    children: addLabel
-                })
-            })
-        })
+    const _addButton = canEdit ? /*#__PURE__*/ _jsx(Button.Quaternary, {
+        leftSection: /*#__PURE__*/ _jsx(IconCirclePlus, {
+            size: 16
+        }),
+        onClick: ()=>onInsertItem(newItem, value?.length ?? 0),
+        disabled: !addAllowed,
+        disabledTooltip: addDisabledTooltip,
+        children: addLabel
     }) : null;
     const getIndex = (id)=>standardizedItems.findIndex((item)=>item.id === id);
     const handleDragEnd = ({ over, active })=>{