@coveord/plasma-mantine 53.1.4 → 54.0.1

package/dist/esm/components/table/use-table.js

@@ -0,0 +1,122 @@
+import { useDidUpdate } from '@mantine/hooks';
+import defaultsDeep from 'lodash.defaultsdeep';
+import { useCallback, useMemo, useState } from 'react';
+const defaultOptions = {
+    enableRowSelection: true,
+    enableMultiRowSelection: false,
+    forceSelection: false
+};
+const defaultState = {
+    pagination: {
+        pageIndex: 0,
+        pageSize: 50
+    },
+    totalEntries: null,
+    sorting: [],
+    globalFilter: '',
+    predicates: {},
+    layout: null,
+    dateRange: [
+        null,
+        null
+    ],
+    rowSelection: {},
+    columnVisibility: {}
+};
+export const useTable = (userOptions = {})=>{
+    const options = defaultsDeep({}, userOptions, defaultOptions);
+    const initialState = defaultsDeep({}, options.initialState, defaultState);
+    const [pagination, setPagination] = useState(initialState.pagination);
+    const [totalEntries, _setTotalEntries] = useState(initialState.totalEntries);
+    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState(initialState.totalEntries);
+    const [sorting, setSorting] = useState(initialState.sorting);
+    const [globalFilter, setGlobalFilter] = useState(initialState.globalFilter);
+    const [expanded, setExpanded] = useState(initialState.expanded);
+    const [predicates, setPredicates] = useState(initialState.predicates);
+    const [layout, setLayout] = useState(initialState.layout);
+    const [dateRange, setDateRange] = useState(initialState.dateRange);
+    const [rowSelection, setRowSelection] = useState(initialState.rowSelection);
+    const [columnVisibility, setColumnVisibility] = useState(initialState.columnVisibility);
+    const isFiltered = !!globalFilter || Object.keys(predicates).some((predicate)=>!!predicates[predicate]) || !!dateRange?.[0] || !!dateRange?.[1];
+    const isVacant = unfilteredTotalEntries === 0;
+    const setTotalEntries = useCallback((updater)=>{
+        _setTotalEntries((old)=>{
+            const newTotalEntries = updater instanceof Function ? updater(old) : updater;
+            if (!isFiltered) {
+                setUnfilteredTotalEntries(newTotalEntries);
+            }
+            return newTotalEntries;
+        });
+    }, [
+        isFiltered
+    ]);
+    const clearFilters = useCallback(()=>{
+        setPredicates(initialState.predicates);
+        setGlobalFilter('');
+    }, []);
+    const clearRowSelection = useCallback(()=>{
+        setRowSelection({});
+    }, []);
+    const getSelectedRows = useCallback(()=>Object.values(rowSelection), [
+        rowSelection
+    ]);
+    const getSelectedRow = ()=>getSelectedRows()[0] ?? null;
+    useDidUpdate(()=>{
+        if (!options.enableMultiRowSelection) {
+            clearRowSelection();
+        }
+    }, [
+        globalFilter,
+        pagination,
+        sorting,
+        dateRange,
+        predicates
+    ]);
+    const state = useMemo(()=>({
+            pagination,
+            totalEntries,
+            sorting,
+            globalFilter,
+            expanded,
+            predicates,
+            layout,
+            dateRange,
+            rowSelection,
+            columnVisibility
+        }), [
+        pagination,
+        totalEntries,
+        sorting,
+        globalFilter,
+        expanded,
+        predicates,
+        layout,
+        dateRange,
+        rowSelection,
+        columnVisibility
+    ]);
+    return {
+        state,
+        setPagination,
+        setTotalEntries,
+        setSorting,
+        setGlobalFilter,
+        setExpanded,
+        setPredicates,
+        setLayout,
+        setDateRange,
+        setRowSelection,
+        setColumnVisibility,
+        isFiltered,
+        isVacant,
+        clearFilters,
+        clearRowSelection,
+        getSelectedRows,
+        getSelectedRow,
+        rowSelectionEnabled: options.enableRowSelection,
+        rowSelectionForced: options.forceSelection,
+        multiRowSelectionEnabled: options.enableMultiRowSelection
+    };
+};
+
+//# sourceMappingURL=use-table.js.map

package/dist/esm/components/table/use-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/table/use-table.ts"],"sourcesContent":["import {useDidUpdate} from '@mantine/hooks';\nimport {type PaginationState, type SortingState, type ExpandedState} from '@tanstack/table-core';\nimport defaultsDeep from 'lodash.defaultsdeep';\nimport {useCallback, useMemo, useState} from 'react';\nimport {type DateRangePickerValue} from '../date-range-picker';\n\n// Create a deeply optional version of another type\ntype PartialDeep<T> = T extends object\n    ? {\n          [P in keyof T]?: PartialDeep<T[P]>;\n      }\n    : T;\n\nexport interface TableState<TData = unknown> {\n    /**\n     * Current pagination state\n     *\n     * @default { pageIndex: 0, pageSize: 50 }\n     */\n    pagination: PaginationState;\n    /**\n     * Total number of entries in the table.\n     * This number is used to calculate the number of pages in the pagination.\n     * When null, the number of pages is calculated using the current data length.\n     *\n     * @default null\n     */\n    totalEntries: number | null;\n    /**\n     * Current sorting state\n     *\n     * @default []\n     */\n    sorting: SortingState;\n    /**\n     * Current global filter value\n     *\n     * @default ''\n     */\n    globalFilter: string;\n\n    /**\n     * Current expanded state\n     *\n     * @default {}\n     */\n    expanded: ExpandedState;\n    /**\n     * Predicates and their current value\n     *\n     * @default {}\n     */\n    predicates: Record<string, string>;\n    /**\n     * Layout currently selected. When null, the first layout is used.\n     *\n     * @default null\n     */\n    layout: string | null;\n    /**\n     * Currently selected date range\n     *\n     * @default [null, null]\n     */\n    dateRange: DateRangePickerValue;\n    /**\n     * Currently selected rows\n     *\n     * @default {}\n     */\n    rowSelection: Record<string, TData>;\n    /**\n     * Columns that are currently visible\n     *\n     * @default {}\n     */\n    columnVisibility: Record<string, boolean>;\n}\n\nexport interface TableStore<TData = unknown> {\n    /**\n     * Current state of the table.\n     */\n    state: TableState<TData>;\n    /**\n     * Allows to change the pagination state.\n     */\n    setPagination: React.Dispatch<React.SetStateAction<TableState<TData>['pagination']>>;\n    /**\n     * Allows to change the total number of entries.\n     */\n    setTotalEntries: React.Dispatch<React.SetStateAction<TableState<TData>['totalEntries']>>;\n    /**\n     * Allows to change the sorting state.\n     */\n    setSorting: React.Dispatch<React.SetStateAction<TableState<TData>['sorting']>>;\n    /**\n     * Allows to change the global filter value.\n     */\n    setGlobalFilter: React.Dispatch<React.SetStateAction<TableState<TData>['globalFilter']>>;\n    /**\n     * Allows to change the rows expanded state.\n     */\n    setExpanded: React.Dispatch<React.SetStateAction<TableState<TData>['expanded']>>;\n    /**\n     * Allows to change the predicates values.\n     */\n    setPredicates: React.Dispatch<React.SetStateAction<TableState<TData>['predicates']>>;\n    /**\n     * Allows to change the selected layout.\n     */\n    setLayout: React.Dispatch<React.SetStateAction<TableState<TData>['layout']>>;\n    /**\n     * Allows to change the selected date range.\n     */\n    setDateRange: React.Dispatch<React.SetStateAction<TableState<TData>['dateRange']>>;\n    /**\n     * Allows to change the current row selection.\n     */\n    setRowSelection: React.Dispatch<React.SetStateAction<TableState<TData>['rowSelection']>>;\n    /**\n     * Allows to change the visible columns.\n     */\n    setColumnVisibility: React.Dispatch<React.SetStateAction<TableState<TData>['columnVisibility']>>;\n    /**\n     * Whether the table is currently filtered.\n     */\n    isFiltered: boolean;\n    /**\n     * Whether the table has data when unfiltered.\n     *\n     * This is derived from the totalEntries so make sure you set that number correctly, even if you're using a client side table.\n     */\n    isVacant: boolean;\n    /**\n     * Clear currently applied filters.\n     */\n    clearFilters: () => void;\n    /**\n     * Deselects all currently selected rows.\n     */\n    clearRowSelection: () => void;\n    /**\n     * Get currently selected rows.\n     */\n    getSelectedRows: () => TData[];\n    /**\n     * Get currently selected row\n     */\n    getSelectedRow: () => TData | null;\n    /**\n     * Whether the user can select multiple rows at the same time.\n     */\n    multiRowSelectionEnabled: boolean;\n    /**\n     * Whether rows can be selected.\n     */\n    rowSelectionEnabled: boolean;\n    /**\n     * Whether row selection is forced.\n     */\n    rowSelectionForced: boolean;\n}\n\nexport interface UseTableOptions<TData = unknown> {\n    /**\n     * Initial state of the table.\n     */\n    initialState?: PartialDeep<TableState<TData>>;\n    /**\n     * Whether rows can be selected.\n     *\n     * @default true\n     */\n    enableRowSelection?: boolean;\n    /**\n     * Whether multiple rows can be selected at the same time.\n     *\n     * @default false\n     */\n    enableMultiRowSelection?: boolean;\n    /**\n     * Forces the user to always have one row selected.\n     * When activating that setting, a good practice is to have a row already selected in the initial state.\n     *\n     * @default false\n     */\n    forceSelection?: boolean;\n}\n\nconst defaultOptions: UseTableOptions = {\n    enableRowSelection: true,\n    enableMultiRowSelection: false,\n    forceSelection: false,\n};\n\nconst defaultState: Partial<TableState> = {\n    pagination: {\n        pageIndex: 0,\n        pageSize: 50,\n    },\n    totalEntries: null,\n    sorting: [],\n    globalFilter: '',\n    predicates: {},\n    layout: null,\n    dateRange: [null, null],\n    rowSelection: {},\n    columnVisibility: {},\n};\n\nexport const useTable = <TData>(userOptions: UseTableOptions<TData> = {}): TableStore<TData> => {\n    const options: UseTableOptions<TData> = defaultsDeep({}, userOptions, defaultOptions);\n    const initialState: TableState<TData> = defaultsDeep({}, options.initialState, defaultState);\n\n    const [pagination, setPagination] = useState<TableState<TData>['pagination']>(\n        initialState.pagination as PaginationState,\n    );\n    const [totalEntries, _setTotalEntries] = useState<TableState<TData>['totalEntries']>(initialState.totalEntries);\n    const [unfilteredTotalEntries, setUnfilteredTotalEntries] = useState<TableState<TData>['totalEntries']>(\n        initialState.totalEntries,\n    );\n    const [sorting, setSorting] = useState<TableState<TData>['sorting']>(initialState.sorting as SortingState);\n    const [globalFilter, setGlobalFilter] = useState<TableState<TData>['globalFilter']>(initialState.globalFilter);\n    const [expanded, setExpanded] = useState<TableState<TData>['expanded']>(initialState.expanded as ExpandedState);\n    const [predicates, setPredicates] = useState<TableState<TData>['predicates']>(initialState.predicates);\n    const [layout, setLayout] = useState<TableState<TData>['layout']>(initialState.layout);\n    const [dateRange, setDateRange] = useState<TableState<TData>['dateRange']>(initialState.dateRange);\n    const [rowSelection, setRowSelection] = useState<TableState<TData>['rowSelection']>(initialState.rowSelection);\n    const [columnVisibility, setColumnVisibility] = useState<TableState<TData>['columnVisibility']>(\n        initialState.columnVisibility,\n    );\n\n    const isFiltered =\n        !!globalFilter ||\n        Object.keys(predicates).some((predicate) => !!predicates[predicate]) ||\n        !!dateRange?.[0] ||\n        !!dateRange?.[1];\n\n    const isVacant = unfilteredTotalEntries === 0;\n\n    const setTotalEntries: typeof _setTotalEntries = useCallback(\n        (updater) => {\n            _setTotalEntries((old) => {\n                const newTotalEntries = updater instanceof Function ? updater(old) : updater;\n                if (!isFiltered) {\n                    setUnfilteredTotalEntries(newTotalEntries);\n                }\n                return newTotalEntries;\n            });\n        },\n        [isFiltered],\n    );\n\n    const clearFilters = useCallback(() => {\n        setPredicates(initialState.predicates);\n        setGlobalFilter('');\n    }, []);\n\n    const clearRowSelection = useCallback(() => {\n        setRowSelection({});\n    }, []);\n\n    const getSelectedRows = useCallback(() => Object.values(rowSelection), [rowSelection]);\n\n    const getSelectedRow = () => getSelectedRows()[0] ?? null;\n\n    useDidUpdate(() => {\n        if (!options.enableMultiRowSelection) {\n            clearRowSelection();\n        }\n    }, [globalFilter, pagination, sorting, dateRange, predicates]);\n\n    const state = useMemo(\n        () => ({\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        }),\n        [\n            pagination,\n            totalEntries,\n            sorting,\n            globalFilter,\n            expanded,\n            predicates,\n            layout,\n            dateRange,\n            rowSelection,\n            columnVisibility,\n        ],\n    );\n\n    return {\n        state,\n        setPagination,\n        setTotalEntries,\n        setSorting,\n        setGlobalFilter,\n        setExpanded,\n        setPredicates,\n        setLayout,\n        setDateRange,\n        setRowSelection,\n        setColumnVisibility,\n        isFiltered,\n        isVacant,\n        clearFilters,\n        clearRowSelection,\n        getSelectedRows,\n        getSelectedRow,\n        rowSelectionEnabled: options.enableRowSelection,\n        rowSelectionForced: options.forceSelection,\n        multiRowSelectionEnabled: options.enableMultiRowSelection,\n    };\n};\n"],"names":["useDidUpdate","defaultsDeep","useCallback","useMemo","useState","defaultOptions","enableRowSelection","enableMultiRowSelection","forceSelection","defaultState","pagination","pageIndex","pageSize","totalEntries","sorting","globalFilter","predicates","layout","dateRange","rowSelection","columnVisibility","useTable","userOptions","options","initialState","setPagination","_setTotalEntries","unfilteredTotalEntries","setUnfilteredTotalEntries","setSorting","setGlobalFilter","expanded","setExpanded","setPredicates","setLayout","setDateRange","setRowSelection","setColumnVisibility","isFiltered","Object","keys","some","predicate","isVacant","setTotalEntries","updater","old","newTotalEntries","Function","clearFilters","clearRowSelection","getSelectedRows","values","getSelectedRow","state","rowSelectionEnabled","rowSelectionForced","multiRowSelectionEnabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/hooks/useControlledList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,wFA6B7B,CAAC"}
+{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,yCAAwC,kBAAkB,CAAC,CAAC,KAAG,CAAC,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CA6BjH,CAAC"}

package/dist/esm/index.d.ts

@@ -11,11 +11,21 @@ export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
 export { noop };
-export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type InitialTableState, type MenuItemProps, type TableProps, type TableState, } from './components';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type MenuItemProps, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
         colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;
     }
 }
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends unknown, TValue> {
+        /**
+         * Whether the column is a control column.
+         * Control columns are columns that are not part of the data but are used to control the table.
+         * For example, a column that contains checkboxes to select rows.
+         */
+        controlColumn: boolean;
+    }
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ;AAED,OAAO,QAAQ,uBAAuB,CAAC;IACnC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAC9C;;;;WAIG;QACH,aAAa,EAAE,OAAO,CAAC;KAC1B;CACJ"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type InitialTableState,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAAQA,IAAI,QAAO,gBAAgB;AAGnC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,QASF,eAAe;AAEtB,cAAc,UAAU"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends unknown, TValue> {\n        /**\n         * Whether the column is a control column.\n         * Control columns are columns that are not part of the data but are used to control the table.\n         * For example, a column that contains checkboxes to select rows.\n         */\n        controlColumn: boolean;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAEA,SAAQA,IAAI,QAAO,gBAAgB;AAGnC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,QAQF,eAAe;AAEtB,cAAc,UAAU"}

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

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

package/dist/esm/theme/Theme.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowHeadLeftSize16Px, ArrowHeadRightSize16Px, CheckSize16Px, CrossSize16Px, FilterSize16Px, InfoSize16Px, InfoSize24Px } from '@coveord/plasma-react-icons';
 import { color } from '@coveord/plasma-tokens';
-import { ActionIcon, Alert, Anchor, AppShellNavbar, Badge, Button, Checkbox, CloseButton, ColorSwatch, Combobox, ComboboxSearch, Divider, Input, InputWrapper, List, Loader, MenuItem, Modal, MultiSelect, NavLink, Notification, Pagination, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Stepper, Tabs, Text, TextInput, Title, Tooltip, createTheme } from '@mantine/core';
+import { ActionIcon, Alert, Anchor, AppShellNavbar, Badge, Button, Checkbox, CloseButton, ColorSwatch, Combobox, ComboboxSearch, Divider, Input, InputWrapper, List, Loader, MenuItem, Modal, MultiSelect, NavLink, Notification, Pagination, Popover, Radio, ScrollArea, SegmentedControl, Select, Skeleton, Stepper, Tabs, Text, TextInput, Tooltip, createTheme } from '@mantine/core';
 import { DatePicker } from '@mantine/dates';
 import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
@@ -27,7 +27,6 @@ import SkeletonClasses from '../styles/Skeleton.module.css';
 import StepperClasses from '../styles/Stepper.module.css';
 import TabsClasses from '../styles/Tabs.module.css';
 import TextClasses from '../styles/Text.module.css';
-import TitleClasses from '../styles/Title.module.css';
 import { NotificationVars } from '../vars/Notification.vars';
 import { TextVars } from '../vars/Text.vars';
 import { PlasmaColors } from './PlasmaColors';
@@ -39,7 +38,6 @@ export const plasmaTheme = createTheme({
     lineHeights: {
         md: '1.5'
     },
-    fontSmoothing: false,
     spacing: {
         xs: '8px',
         sm: '16px',
@@ -313,11 +311,6 @@ export const plasmaTheme = createTheme({
                 radius: 8
             }
         }),
-        Title: Title.extend({
-            classNames: {
-                root: TitleClasses.root
-            }
-        }),
         Tooltip: Tooltip.extend({
             defaultProps: {
                 color: 'navy',

package/dist/esm/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    InfoSize16Px,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    Anchor,\n    AppShellNavbar,\n    Badge,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    MenuItem,\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    Tabs,\n    Text,\n    TextInput,\n    Title,\n    Tooltip,\n    createTheme,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.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 NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TitleClasses from '../styles/Title.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\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: 8,\n    lineHeights: {md: '1.5'},\n    fontSmoothing: false,\n    spacing: {\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n            h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n            h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n        },\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    colors: PlasmaColors,\n    components: {\n        ActionIcon: ActionIcon.extend({\n            classNames: {root: ActionIconClasses.root},\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoSize16Px height={16} />,\n                color: 'navy',\n            },\n            classNames: AlertClasses,\n        }),\n        Anchor: Anchor.extend({\n            defaultProps: {\n                color: 'action.6',\n            },\n            classNames: {root: AnchorClasses.root},\n        }),\n        AppShellNavbar: AppShellNavbar.extend({\n            classNames: {navbar: AppShellNavBarClasses.navbar},\n        }),\n        Badge: Badge.extend({\n            classNames: {root: BadgeClasses.root},\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Button: Button.extend({\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: {label: CheckboxClasses.label, input: CheckboxClasses.input},\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: {option: SelectClasses.option, search: ComboboxClasses.search},\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            classNames: {monthCell: DatePickerClasses.monthCell},\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'gray.3',\n            },\n        }),\n        Input: Input.extend({\n            classNames: InputClasses,\n        }),\n        InputWrapper: InputWrapper.extend({\n            classNames: InputWrapperClasses,\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                color: 'action',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: {root: ListClasses.root},\n        }),\n        MenuItem: MenuItem.extend({\n            defaultProps: {\n                fw: 300,\n            },\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: color.primary.navy[9],\n                backgroundOpacity: 0.9,\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                color: 'info',\n            },\n            classNames: {\n                root: NotificationClasses.root,\n                icon: NotificationClasses.icon,\n                closeButton: NotificationClasses.closeButton,\n            },\n            vars: NotificationVars,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\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: {labelWrapper: RadioClasses.labelWrapper},\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: {viewport: ScrollAreaClasses.viewport},\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {withCheckIcon: false, allowDeselect: false},\n            classNames: {input: SelectClasses.input, option: SelectClasses.option},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: {root: SkeletonClasses.root},\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: {\n                step: StepperClasses.step,\n                stepIcon: StepperClasses.stepIcon,\n                stepCompletedIcon: StepperClasses.stepCompletedIcon,\n                stepDescription: StepperClasses.stepDescription,\n                separator: StepperClasses.separator,\n                verticalSeparator: StepperClasses.verticalSeparator,\n            },\n        }),\n        Tabs: Tabs.extend({\n            classNames: {list: TabsClasses.list, tab: TabsClasses.tab},\n        }),\n        Text: Text.extend({\n            classNames: TextClasses,\n            vars: TextVars,\n        }),\n        TextInput: TextInput.extend({\n            defaultProps: {\n                radius: 8,\n            },\n        }),\n        Title: Title.extend({\n            classNames: {root: TitleClasses.root},\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                color: 'navy',\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n        }),\n    },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","InfoSize16Px","InfoSize24Px","color","ActionIcon","Alert","Anchor","AppShellNavbar","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","Divider","Input","InputWrapper","List","Loader","MenuItem","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Tabs","Text","TextInput","Title","Tooltip","createTheme","DatePicker","ActionIconClasses","AlertClasses","AnchorClasses","AppShellNavBarClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","NotificationClasses","PaginationClasses","RadioClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","TitleClasses","NotificationVars","TextVars","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","fontSmoothing","spacing","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","components","extend","classNames","root","defaultProps","icon","height","navbar","variant","radius","label","input","aria-label","size","withShadow","option","search","placeholder","rightSection","monthCell","type","role","fw","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","closeButton","vars","nextIcon","previousIcon","shadow","withArrow","labelWrapper","viewport","withCheckIcon","allowDeselect","completedIcon","step","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","list","tab","maw","multiline","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CheckSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    InfoSize16Px,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    Anchor,\n    AppShellNavbar,\n    Badge,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    MenuItem,\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    Tabs,\n    Text,\n    TextInput,\n    Tooltip,\n    createTheme,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.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 NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\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: 8,\n    lineHeights: {md: '1.5'},\n    spacing: {\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n            h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n            h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n        },\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    colors: PlasmaColors,\n    components: {\n        ActionIcon: ActionIcon.extend({\n            classNames: {root: ActionIconClasses.root},\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoSize16Px height={16} />,\n                color: 'navy',\n            },\n            classNames: AlertClasses,\n        }),\n        Anchor: Anchor.extend({\n            defaultProps: {\n                color: 'action.6',\n            },\n            classNames: {root: AnchorClasses.root},\n        }),\n        AppShellNavbar: AppShellNavbar.extend({\n            classNames: {navbar: AppShellNavBarClasses.navbar},\n        }),\n        Badge: Badge.extend({\n            classNames: {root: BadgeClasses.root},\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Button: Button.extend({\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: {label: CheckboxClasses.label, input: CheckboxClasses.input},\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: {option: SelectClasses.option, search: ComboboxClasses.search},\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            classNames: {monthCell: DatePickerClasses.monthCell},\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'gray.3',\n            },\n        }),\n        Input: Input.extend({\n            classNames: InputClasses,\n        }),\n        InputWrapper: InputWrapper.extend({\n            classNames: InputWrapperClasses,\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                color: 'action',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: {root: ListClasses.root},\n        }),\n        MenuItem: MenuItem.extend({\n            defaultProps: {\n                fw: 300,\n            },\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: color.primary.navy[9],\n                backgroundOpacity: 0.9,\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                color: 'info',\n            },\n            classNames: {\n                root: NotificationClasses.root,\n                icon: NotificationClasses.icon,\n                closeButton: NotificationClasses.closeButton,\n            },\n            vars: NotificationVars,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\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: {labelWrapper: RadioClasses.labelWrapper},\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: {viewport: ScrollAreaClasses.viewport},\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {withCheckIcon: false, allowDeselect: false},\n            classNames: {input: SelectClasses.input, option: SelectClasses.option},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: {root: SkeletonClasses.root},\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: {\n                step: StepperClasses.step,\n                stepIcon: StepperClasses.stepIcon,\n                stepCompletedIcon: StepperClasses.stepCompletedIcon,\n                stepDescription: StepperClasses.stepDescription,\n                separator: StepperClasses.separator,\n                verticalSeparator: StepperClasses.verticalSeparator,\n            },\n        }),\n        Tabs: Tabs.extend({\n            classNames: {list: TabsClasses.list, tab: TabsClasses.tab},\n        }),\n        Text: Text.extend({\n            classNames: TextClasses,\n            vars: TextVars,\n        }),\n        TextInput: TextInput.extend({\n            defaultProps: {\n                radius: 8,\n            },\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                color: 'navy',\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n        }),\n    },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CheckSize16Px","CrossSize16Px","FilterSize16Px","InfoSize16Px","InfoSize24Px","color","ActionIcon","Alert","Anchor","AppShellNavbar","Badge","Button","Checkbox","CloseButton","ColorSwatch","Combobox","ComboboxSearch","Divider","Input","InputWrapper","List","Loader","MenuItem","Modal","MultiSelect","NavLink","Notification","Pagination","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Stepper","Tabs","Text","TextInput","Tooltip","createTheme","DatePicker","ActionIconClasses","AlertClasses","AnchorClasses","AppShellNavBarClasses","BadgeClasses","ButtonClasses","CheckboxClasses","ComboboxClasses","DatePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","NavLinkClasses","NotificationClasses","PaginationClasses","RadioClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","StepperClasses","TabsClasses","TextClasses","NotificationVars","TextVars","PlasmaColors","plasmaTheme","fontFamily","black","primary","gray","defaultRadius","lineHeights","md","spacing","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","components","extend","classNames","root","defaultProps","icon","height","navbar","variant","radius","label","input","aria-label","size","withShadow","option","search","placeholder","rightSection","monthCell","type","role","fw","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","hidePickedOptions","closeButton","vars","nextIcon","previousIcon","shadow","withArrow","labelWrapper","viewport","withCheckIcon","allowDeselect","completedIcon","step","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","list","tab","maw","multiline","zIndex"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/esm/utils/createFactoryComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,oBAA4B,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}
+{"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,aAAc,CAAC,KAAG,CAAU,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}

package/dist/esm/utils/overrideComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,oRAS7B,CAAC"}
+{"version":3,"file":"overrideComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/overrideComponent.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,8IAIf,SAAS,cACR,gBAAgB,KAC7B,CAAC,CAAC,GAAG,IAAI,EAAE,WAAW,SAAS,CAAC,KAAK,WAAW,SAAS,CAAC,CAAC,GAAG,SAAS,GAAG,gBAG5E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "53.1.4",
+  "version": "54.0.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -33,65 +33,57 @@
     "@dnd-kit/utilities": "3.2.2",
     "@mantine/utils": "6.0.21",
     "@monaco-editor/react": "4.6.0",
-    "@swc/helpers": "0.5.6",
-    "@tanstack/react-table": "8.15.0",
-    "@tanstack/table-core": "8.14.0",
-    "clsx": "2.0.0",
-    "dayjs": "1.11.10",
+    "@swc/helpers": "0.5.11",
+    "@tanstack/react-table": "8.17.3",
+    "@tanstack/table-core": "8.17.3",
+    "clsx": "2.1.1",
+    "dayjs": "1.11.11",
     "fast-deep-equal": "3.1.3",
     "lodash.debounce": "4.0.8",
     "lodash.defaultsdeep": "4.6.1",
-    "monaco-editor": "0.46.0",
-    "@coveord/plasma-react-icons": "53.1.2",
-    "@coveord/plasma-tokens": "53.1.1"
+    "monaco-editor": "0.49.0",
+    "@coveord/plasma-react-icons": "54.0.1",
+    "@coveord/plasma-tokens": "54.0.1"
   },
   "devDependencies": {
-    "@emotion/react": "11.11.3",
-    "@mantine/carousel": "7.6.1",
-    "@mantine/code-highlight": "7.6.1",
-    "@mantine/core": "7.6.1",
-    "@mantine/dates": "7.6.1",
-    "@mantine/form": "7.6.1",
-    "@mantine/hooks": "7.6.1",
-    "@mantine/modals": "7.6.1",
-    "@mantine/notifications": "7.6.1",
+    "@mantine/carousel": "7.10.1",
+    "@mantine/code-highlight": "7.10.1",
+    "@mantine/core": "7.10.1",
+    "@mantine/dates": "7.10.1",
+    "@mantine/form": "7.10.1",
+    "@mantine/hooks": "7.10.1",
+    "@mantine/modals": "7.10.1",
+    "@mantine/notifications": "7.10.1",
     "@swc/cli": "0.3.12",
-    "@swc/core": "1.5.0",
-    "@swc/jest": "0.2.29",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/react": "14.2.1",
+    "@swc/core": "1.5.27",
+    "@testing-library/dom": "10.1.0",
+    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/react": "16.0.0",
     "@testing-library/user-event": "14.5.2",
-    "@types/jest": "29.5.12",
-    "@types/lodash.debounce": "^4.0.7",
+    "@types/lodash.debounce": "4.0.9",
     "@types/lodash.defaultsdeep": "4.6.9",
-    "@types/react": "18.2.60",
-    "@types/react-dom": "18.2.19",
-    "@types/testing-library__jest-dom": "5.14.9",
-    "csstype": "3.1.3",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
     "embla-carousel-react": "7.1.0",
-    "eslint-plugin-testing-library": "6.2.0",
-    "eslint-plugin-vitest": "0.3.22",
-    "eslint-plugin-vitest-globals": "1.4.0",
+    "eslint-plugin-testing-library": "6.2.2",
+    "eslint-plugin-vitest": "0.5.4",
+    "eslint-plugin-vitest-globals": "1.5.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
-    "jest-junit": "16.0.0",
-    "npm-run-all2": "5.0.0",
-    "postcss": "8.4.32",
+    "jsdom": "24.1.0",
+    "postcss": "8.4.38",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.2.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "rimraf": "5.0.5",
-    "sass": "1.66.1",
-    "tslib": "2.6.2",
-    "typescript": "5.3.3",
-    "vitest": "1.3.1",
-    "eslint-config-plasma": "53.1.1"
+    "publint": "0.2.8",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "rimraf": "5.0.7",
+    "sass": "1.77.4",
+    "tslib": "2.6.3",
+    "typescript": "5.4.5",
+    "vitest": "1.6.0",
+    "eslint-config-plasma": "54.0.1"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.0",
     "@mantine/carousel": "^7.6.1",
     "@mantine/code-highlight": "^7.6.1",
     "@mantine/core": "^7.6.1",
@@ -104,6 +96,29 @@
     "react": ">= 18.0.0",
     "react-dom": ">= 18.0.0"
   },
+  "peerDependenciesMeta": {
+    "@mantine/carousel": {
+      "optional": true
+    },
+    "@mantine/code-highlight": {
+      "optional": true
+    },
+    "@mantine/dates": {
+      "optional": true
+    },
+    "@mantine/form": {
+      "optional": true
+    },
+    "@mantine/modals": {
+      "optional": true
+    },
+    "@mantine/notifications": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "node ../../scripts/build",
     "clean": "rimraf dist",

package/src/__tests__/Utils.tsx

@@ -5,7 +5,9 @@ import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';
 import {Plasmantine} from '../theme';
 
 const customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>): RenderResult => {
-    const TestWrapper: FunctionComponent<PropsWithChildren> = ({children}) => <Plasmantine>{children}</Plasmantine>;
+    const TestWrapper: FunctionComponent<PropsWithChildren> = ({children}) => (
+        <Plasmantine withCssVariables={false}>{children}</Plasmantine>
+    );
 
     return render(ui, {wrapper: TestWrapper, ...options});
 };

package/src/components/button/Button.tsx

@@ -1,11 +1,13 @@
 import {
+    ButtonCssVariables,
     ButtonGroup,
+    ButtonStylesNames,
+    ButtonVariant,
     Factory,
     Button as MantineButton,
     ButtonProps as MantineButtonProps,
     polymorphicFactory,
 } from '@mantine/core';
-import {ButtonCssVariables, ButtonStylesNames, ButtonVariant} from '@mantine/core/lib/components/Button/Button';
 import {MouseEventHandler} from 'react';
 import {useClickWithLoading} from '../../hooks/useClickWithLoading';
 import {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';

package/src/components/button/__tests__/ButtonWithDisabledTooltip.spec.tsx

@@ -13,7 +13,7 @@ describe('ButtonWithDisabledTooltip', () => {
         expect(button).toBeDisabled();
         expect(screen.queryByRole('tooltip', {name: /tooltip message/i})).not.toBeInTheDocument();
         await user.hover(button);
-        expect(screen.getByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
+        expect(await screen.findByRole('tooltip', {name: /tooltip message/i})).toBeInTheDocument();
     });
 
     it('does not show the tooltip when hovering over the button if it is not disabled', async () => {

package/src/components/code-editor/CodeEditor.tsx

@@ -227,13 +227,7 @@ export const CodeEditor: FunctionComponent<CodeEditorProps> = (props) => {
     );
 
     return (
-        <Stack
-            justify="flex-start"
-            gap={0}
-            h={{height: Math.max(parentHeight, minHeight), maxHeight}}
-            ref={ref}
-            {...others}
-        >
+        <Stack justify="flex-start" gap={0} h={Math.max(parentHeight, minHeight)} mah={maxHeight} ref={ref} {...others}>
             {_header}
             {_buttons}
             {_editor}

package/src/components/date-range-picker/__tests__/DateRangePickerPopoverCalendar.spec.tsx

@@ -1,5 +1,5 @@
 import {useForm} from '@mantine/form';
-import {render, screen, userEvent} from '@test-utils';
+import {render, screen, userEvent, waitFor} from '@test-utils';
 import {DateRangePickerValue} from '../DateRangePickerInlineCalendar';
 
 import {DateRangePickerPopoverCalendar} from '../DateRangePickerPopoverCalendar';
@@ -51,12 +51,12 @@ describe('DateRangePickerPopoverCalendar', () => {
 
         await user.click(screen.getByRole('textbox', {name: 'Start'}));
         // click once for the start, once for the end
-        await user.click(screen.getByRole('button', {name: '8 January 2022'}));
+        await user.click(await screen.findByRole('button', {name: '8 January 2022'}));
         await user.click(screen.getByRole('button', {name: '14 February 2022'}));
 
         // hides the calendar when the second date is clicked
-        expect(await screen.findByRole('button', {name: '8 January 2022'})).not.toBeVisible();
-        expect(await screen.findByRole('button', {name: '8 February 2022'})).not.toBeVisible();
+        await waitFor(() => expect(screen.queryByRole('button', {name: '8 January 2022'})).not.toBeVisible());
+        expect(screen.queryByRole('button', {name: '8 February 2022'})).not.toBeVisible();
 
         expect(screen.getByTestId('json')).toHaveTextContent('["2022-01-08T00:00:00.000Z","2022-02-14T00:00:00.000Z"]');