diff --git a/apps/mantine-react-table-docs/pages/docs/guides/customize-components.mdx b/apps/mantine-react-table-docs/pages/docs/guides/customize-components.mdx
index 815ffd3e1..45d4bb092 100644
--- a/apps/mantine-react-table-docs/pages/docs/guides/customize-components.mdx
+++ b/apps/mantine-react-table-docs/pages/docs/guides/customize-components.mdx
@@ -293,43 +293,24 @@ Mantine's Table component has a `striped` prop that you can use to stripe the ro
But if you want to stripe the rows yourself, you can do something like this:
-```jsx
-
+```CSS
+.striped {
+ & tr:nth-of-type(odd) {
+ background-color: '#f5f5f5';
+ }
+}
```
-#### Stripe Columns Example
-
-Similarly, if you want to stripe the columns, you can do something like this:
+```jsx
+import classes from './styles.module.css';
+```
```jsx
```
-
-
diff --git a/packages/mantine-react-table/package.json b/packages/mantine-react-table/package.json
index bb2e26de8..64acebdfb 100644
--- a/packages/mantine-react-table/package.json
+++ b/packages/mantine-react-table/package.json
@@ -63,9 +63,9 @@
"@babel/core": "^7.23.0",
"@babel/preset-react": "^7.22.15",
"@faker-js/faker": "^8.1.0",
- "@mantine/core": "^7.0.2",
- "@mantine/dates": "^7.0.2",
- "@mantine/hooks": "^7.0.2",
+ "@mantine/core": "^7.1.0",
+ "@mantine/dates": "^7.1.0",
+ "@mantine/hooks": "^7.1.0",
"@rollup/plugin-babel": "^6.0.3",
"@rollup/plugin-node-resolve": "^15.2.1",
"@rollup/plugin-typescript": "^11.1.4",
@@ -95,7 +95,7 @@
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-is": "^18.2.0",
- "rollup": "^3.29.3",
+ "rollup": "^3.29.4",
"rollup-plugin-copy": "^3.5.0",
"rollup-plugin-dts": "^6.0.2",
"rollup-plugin-peer-deps-external": "^2.2.4",
diff --git a/packages/mantine-react-table/src/body/MRT_TableBodyCell.tsx b/packages/mantine-react-table/src/body/MRT_TableBodyCell.tsx
index 351ea8803..229e48d04 100644
--- a/packages/mantine-react-table/src/body/MRT_TableBodyCell.tsx
+++ b/packages/mantine-react-table/src/body/MRT_TableBodyCell.tsx
@@ -182,7 +182,7 @@ export const MRT_TableBodyCell = = {}>({
}
};
- const { style, className, __vars } = getCommonCellStyles({
+ const { style, className } = getCommonCellStyles({
column,
// isStriped, TODO: why were these here?
// row,
@@ -206,7 +206,6 @@ export const MRT_TableBodyCell = = {}>({
}}
{...tableCellProps}
__vars={{
- ...__vars,
'--align-items': layoutMode === 'grid' ? 'center' : undefined,
'--cursor':
isEditable && editDisplayMode === 'cell' ? 'pointer' : 'inherit',
diff --git a/packages/mantine-react-table/src/column.utils.ts b/packages/mantine-react-table/src/column.utils.ts
index b71799ac9..b3cc4d397 100644
--- a/packages/mantine-react-table/src/column.utils.ts
+++ b/packages/mantine-react-table/src/column.utils.ts
@@ -11,7 +11,6 @@ import { type MRT_SortingFns } from './sortingFns';
import {
type BoxProps,
type CssVariable,
- type CssVariables,
type MantineStyleProp,
type MantineTheme,
} from '@mantine/core';
@@ -29,9 +28,10 @@ import {
type MRT_TableInstance,
type MRT_TableOptions,
} from './types';
-import classes from './columns.utils.module.css';
import { funcValue } from './funcValue';
+import classes from './columns.utils.module.css';
+
export const getColumnId = = {}>(
columnDef: MRT_ColumnDef,
): string =>
@@ -302,18 +302,17 @@ export const getCommonCellStyles = = {}>({
table: MRT_TableInstance;
tableCellProps: BoxProps;
theme: MantineTheme;
-}): { __vars: CssVariables; className: string; style: MantineStyleProp } => {
+}): { className: string; style: MantineStyleProp } => {
const __vars: Record = {};
- const headerId = `--${header ? 'header' : 'col'}-${parseCSSVarId(
+ __vars['--header-id'] = `var(--${header ? 'header' : 'col'}-${parseCSSVarId(
header?.id ?? column.id,
- )}-size`;
+ )}-size)`;
const widthStyles = {
minWidth: `max(calc(var(--header-id) * 1px), ${
column.columnDef.minSize ?? 30
}px)`,
width: `calc(var(--header-id) * 1px)`,
};
- __vars['--header-id'] = headerId;
__vars['--col-size'] = `${column.columnDef.minSize ?? 30}px`;
__vars['--box-shadow'] = getIsLastLeftPinnedColumn(table, column)
? '-4px 0 8px -6px rgba(var(--mantine-color-black, 0.2)) inset'
@@ -357,14 +356,15 @@ export const getCommonCellStyles = = {}>({
? 'none'
: `padding 100ms ease-in-out`;
+ const style = {
+ ...__vars,
+ ...(!table.options.enableColumnResizing && widthStyles), //let devs pass in width styles if column resizing is disabled
+ ...funcValue(tableCellProps?.style, theme),
+ ...(table.options.enableColumnResizing && widthStyles), //do not let devs pass in width styles if column resizing is enabled
+ };
return {
- className: classes.MRT_ColumnCommonStyles,
- style: {
- ...(!table.options.enableColumnResizing && widthStyles), //let devs pass in width styles if column resizing is disabled
- ...funcValue(tableCellProps?.style, theme),
- ...(table.options.enableColumnResizing && widthStyles), //do not let devs pass in width styles if column resizing is enabled
- },
- __vars,
+ className: classes.MRT_Column_Common,
+ style,
};
};
diff --git a/packages/mantine-react-table/src/columns.utils.module.css b/packages/mantine-react-table/src/columns.utils.module.css
index b3e91a1dc..042b456bf 100644
--- a/packages/mantine-react-table/src/columns.utils.module.css
+++ b/packages/mantine-react-table/src/columns.utils.module.css
@@ -1,39 +1,50 @@
-.MRT_Column-common-styles {
+.MRT_Column_Common {
--min-width: max(calc(var(--header-id) * 1px), var(--col-size));
--width: calc(var(--header-id) * 1px);
- --bg-color: color-mix(in srgb, var(--mantine-color-dark-7) .2%, var(--mantine-color-black));
+ --bg-color: color-mix(
+ in srgb,
+ var(--mantine-color-dark-7) 0.2%,
+ var(--mantine-color-black)
+ );
background-color: inherit;
/* Not very sure about these attribute gymnastics... */
- [data-selected="true"] {
- background-color: rgba(var(--mantine-primary-color-filled), 0.1);
+ [data-selected='true'] {
+ background-color: rgba(var(--mantine-primary-color-filled), 0.1);
}
- :is([data-ispinned="left"], [data-ispinned="right"])[data-selected="false"][data-columndef="group"] {
- @mixin light {
- background-color: rgba(var(--mantine-color-white), 0.97);
- }
- @mixin dark {
- --bg-color: color-mix(in srgb, var(--mantine-color-dark-7) .2%, var(--mantine-color-black));
- background-color: rgba(var(--bg-color) ,0.97);
- }
+ :is(
+ [data-ispinned='left'],
+ [data-ispinned='right']
+ )[data-selected='false'][data-columndef='group'] {
+ @mixin light {
+ background-color: rgba(var(--mantine-color-white), 0.97);
+ }
+ @mixin dark {
+ --bg-color: color-mix(
+ in srgb,
+ var(--mantine-color-dark-7) 0.2%,
+ var(--mantine-color-black)
+ );
+ background-color: rgba(var(--bg-color), 0.97);
+ }
}
- [data-striped="true"][data-selected="false"][data-ispinned="false"] {
+ [data-striped='true'][data-selected='false'][data-ispinned='false'] {
background-color: inherit;
}
- [data-striped="true"][data-selected="false"][data-ispinned="false"] {
+ [data-striped='true'][data-selected='false'][data-ispinned='false'] {
@mixin light {
background-color: var(--mantine-color-white);
}
@mixin dark {
- background-color: rgba(var(--bg-color) ,0.97);
+ background-color: rgba(var(--bg-color), 0.97);
}
}
- [data-ispinned="left"] {
+ [data-ispinned='left'] {
left: var(--left);
}
- :is([data-ispinned="left"], [data-ispinned="right"])[data-columndef="group"] {
+ :is([data-ispinned='left'], [data-ispinned='right'])[data-columndef='group'] {
position: sticky;
}
- [data-ispinned="right"]{
+ [data-ispinned='right'] {
right: var(--right);
}
margin-left: var(--ml);
diff --git a/packages/mantine-react-table/src/dataVariable.ts b/packages/mantine-react-table/src/dataVariable.ts
new file mode 100644
index 000000000..12cbe0a0b
--- /dev/null
+++ b/packages/mantine-react-table/src/dataVariable.ts
@@ -0,0 +1,16 @@
+export function dataVariable(
+ name: string,
+ value: boolean | number | string | undefined,
+) {
+ const key = `data-${name}`;
+ switch (typeof value) {
+ case 'boolean':
+ return { [key]: '' };
+ case 'number':
+ return { [key]: `${value}` };
+ case 'string':
+ return { [key]: value };
+ default:
+ return null;
+ }
+}
diff --git a/packages/mantine-react-table/src/footer/MRT_TableFooterCell.tsx b/packages/mantine-react-table/src/footer/MRT_TableFooterCell.tsx
index 33d23e0f9..ca525a46d 100644
--- a/packages/mantine-react-table/src/footer/MRT_TableFooterCell.tsx
+++ b/packages/mantine-react-table/src/footer/MRT_TableFooterCell.tsx
@@ -29,11 +29,7 @@ export const MRT_TableFooterCell = = {}>({
...funcValue(columnDef.mantineTableFooterCellProps, arg),
};
- const {
- className: commonClassName,
- __vars,
- style,
- } = getCommonCellStyles({
+ const { className: commonClassName, style } = getCommonCellStyles({
column,
table,
theme,
@@ -59,7 +55,6 @@ export const MRT_TableFooterCell = = {}>({
{...tableCellProps}
className={clsx(commonClassName, classes.MRT_TableFooterCell, className)}
__vars={{
- ...__vars,
'--z-index':
column.getIsPinned() && columnDefType !== 'group' ? '2' : '1',
'--display': layoutMode === 'grid' ? 'grid' : 'table-cell',
diff --git a/packages/mantine-react-table/src/head/MRT_TableHeadCell.tsx b/packages/mantine-react-table/src/head/MRT_TableHeadCell.tsx
index a0772c54a..acae31c12 100644
--- a/packages/mantine-react-table/src/head/MRT_TableHeadCell.tsx
+++ b/packages/mantine-react-table/src/head/MRT_TableHeadCell.tsx
@@ -106,7 +106,7 @@ export const MRT_TableHeadCell = = {}>({
table,
}) ?? (columnDef.header as ReactNode);
- const { className, __vars, style } = getCommonCellStyles({
+ const { className, style } = getCommonCellStyles({
column,
header,
table,
@@ -136,7 +136,6 @@ export const MRT_TableHeadCell = = {}>({
tableCellProps.className,
)}
__vars={{
- ...__vars,
'--flex-direction': layoutMode === 'grid' ? 'column' : undefined,
'--padding':
density === 'xl' ? '23px' : density === 'md' ? '16px' : '10px',
diff --git a/packages/mantine-react-table/src/head/MRT_TableHeadCellSortLabel.tsx b/packages/mantine-react-table/src/head/MRT_TableHeadCellSortLabel.tsx
index f45ccbefd..41473d1be 100644
--- a/packages/mantine-react-table/src/head/MRT_TableHeadCellSortLabel.tsx
+++ b/packages/mantine-react-table/src/head/MRT_TableHeadCellSortLabel.tsx
@@ -2,6 +2,7 @@ import { Indicator, Tooltip } from '@mantine/core';
import { type MRT_Header, type MRT_TableInstance } from '../types';
import { MRT_ActionIcon } from '../buttons/MRT_ActionIcon';
+import { dataVariable } from '../dataVariable';
import classes from './MRT_TableHeadCellSortLabel.module.css';
@@ -57,7 +58,7 @@ export const MRT_TableHeadCellSortLabel = <
{icon}
diff --git a/packages/mantine-react-table/src/menus/MRT_ShowHideColumnsMenuItems.tsx b/packages/mantine-react-table/src/menus/MRT_ShowHideColumnsMenuItems.tsx
index a655929c3..543cd627b 100644
--- a/packages/mantine-react-table/src/menus/MRT_ShowHideColumnsMenuItems.tsx
+++ b/packages/mantine-react-table/src/menus/MRT_ShowHideColumnsMenuItems.tsx
@@ -18,6 +18,7 @@ import { MRT_ColumnPinningButtons } from '../buttons/MRT_ColumnPinningButtons';
import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
import { getPrimaryColor, reorderColumn } from '../column.utils';
import { type MRT_Column, type MRT_TableInstance } from '../types';
+import { dataVariable } from '../dataVariable';
import classes from './MRT_ShowHideColumnsMenuItems.module.css';
@@ -104,10 +105,11 @@ export const MRT_ShowHideColumnsMenuItems = <
}}
onDragEnter={handleDragEnter}
className={classes.root}
- data-dragging={isDragging || undefined}
- data-hovered={
- (!isDragging && hoveredColumn?.id === column.id) || undefined
- }
+ {...dataVariable('dragging', isDragging)}
+ {...dataVariable(
+ 'hovered',
+ !isDragging && hoveredColumn?.id === column.id,
+ )}
>
{!isSubMenu &&
diff --git a/packages/mantine-react-table/src/table/MRT_Table.tsx b/packages/mantine-react-table/src/table/MRT_Table.tsx
index f1ee3b10a..c54d9ec53 100644
--- a/packages/mantine-react-table/src/table/MRT_Table.tsx
+++ b/packages/mantine-react-table/src/table/MRT_Table.tsx
@@ -11,6 +11,7 @@ import { MRT_TableFooter } from '../footer/MRT_TableFooter';
import { parseCSSVarId } from '../column.utils';
import { type MRT_TableInstance, type MRT_Virtualizer } from '../types';
import { funcValue, styleValue } from '../funcValue';
+import { dataVariable } from '../dataVariable';
import classes from './MRT_Table.module.css';
@@ -149,8 +150,8 @@ export const MRT_Table = = {}>({
horizontalSpacing={density}
verticalSpacing={density}
{...tableProps}
- data-layout={layoutMode}
- {...(enableColumnResizing ? { 'data-column-resizing': true } : null)}
+ {...dataVariable('layout', layoutMode)}
+ {...dataVariable('column-resizing', enableColumnResizing)}
style={(theme) => ({
...columnSizeVars,
...styleValue(tableProps, theme),
diff --git a/packages/mantine-react-table/stories/styling/TableBodyRowStyles.module.css b/packages/mantine-react-table/stories/styling/TableBodyRowStyles.module.css
new file mode 100644
index 000000000..287d3ebf1
--- /dev/null
+++ b/packages/mantine-react-table/stories/styling/TableBodyRowStyles.module.css
@@ -0,0 +1,16 @@
+.striped {
+ & tr:nth-of-type(odd) {
+ color: black;
+ background-color: limegreen;
+ }
+ & tr td {
+ border-right: 2px solid #e0e0e0;
+ }
+}
+
+.stripeddetails {
+ & tr:nth-child(4n + 3) {
+ color: black;
+ background-color: limegreen;
+ }
+}
diff --git a/packages/mantine-react-table/stories/styling/TableBodyRowStyles.stories.tsx b/packages/mantine-react-table/stories/styling/TableBodyRowStyles.stories.tsx
index 871c6c203..4dcba3576 100644
--- a/packages/mantine-react-table/stories/styling/TableBodyRowStyles.stories.tsx
+++ b/packages/mantine-react-table/stories/styling/TableBodyRowStyles.stories.tsx
@@ -2,6 +2,8 @@ import { type Meta } from '@storybook/react';
import { MantineReactTable, type MRT_ColumnDef } from '../../src';
import { faker } from '@faker-js/faker';
+import classes from './TableBodyRowStyles.module.css';
+
const meta: Meta = {
title: 'Styling/Style Table Body Rows',
};
@@ -65,13 +67,8 @@ export const StyleCustomStripedRows = () => (
columns={columns}
data={data}
mantineTableBodyProps={{
- style: () => ({
- '& tr:nth-of-type(odd)': {
- backgroundColor: 'limegreen',
- },
- }),
+ className: classes.striped,
}}
- mantineTableBodyCellProps={{ style: { border: 'none' } }}
/>
);
@@ -80,11 +77,7 @@ export const StyleCustomStripedRowsDetailPanel = () => (
columns={columns}
data={data}
mantineTableBodyProps={{
- style: () => ({
- '& tr:nth-child(4n+3)': {
- backgroundColor: 'limegreen',
- },
- }),
+ className: classes.stripeddetails,
}}
mantineTableBodyCellProps={{ style: { border: 'none' } }}
renderDetailPanel={() => Detail Panel
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c2fa7b84c..7ae6b8b9b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -161,23 +161,23 @@ importers:
specifier: ^8.1.0
version: 8.1.0
'@mantine/core':
- specifier: ^7.0.2
- version: 7.0.2(@mantine/hooks@7.0.2)(@types/react@18.2.23)(react-dom@18.2.0)(react@18.2.0)
+ specifier: ^7.1.0
+ version: 7.1.0(@mantine/hooks@7.1.0)(@types/react@18.2.23)(react-dom@18.2.0)(react@18.2.0)
'@mantine/dates':
- specifier: ^7.0.2
- version: 7.0.2(@mantine/core@7.0.2)(@mantine/hooks@7.0.2)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
+ specifier: ^7.1.0
+ version: 7.1.0(@mantine/core@7.1.0)(@mantine/hooks@7.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0)
'@mantine/hooks':
- specifier: ^7.0.2
- version: 7.0.2(react@18.2.0)
+ specifier: ^7.1.0
+ version: 7.1.0(react@18.2.0)
'@rollup/plugin-babel':
specifier: ^6.0.3
- version: 6.0.3(@babel/core@7.23.0)(rollup@3.29.3)
+ version: 6.0.3(@babel/core@7.23.0)(rollup@3.29.4)
'@rollup/plugin-node-resolve':
specifier: ^15.2.1
- version: 15.2.1(rollup@3.29.3)
+ version: 15.2.1(rollup@3.29.4)
'@rollup/plugin-typescript':
specifier: ^11.1.4
- version: 11.1.4(rollup@3.29.3)(tslib@2.6.2)(typescript@5.2.2)
+ version: 11.1.4(rollup@3.29.4)(tslib@2.6.2)(typescript@5.2.2)
'@size-limit/preset-small-lib':
specifier: ^9.0.0
version: 9.0.0(size-limit@9.0.0)
@@ -204,7 +204,7 @@ importers:
version: 7.4.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
'@storybook/react-vite':
specifier: ^7.4.5
- version: 7.4.5(react-dom@18.2.0)(react@18.2.0)(rollup@3.29.3)(typescript@5.2.2)(vite@4.4.9)
+ version: 7.4.5(react-dom@18.2.0)(react@18.2.0)(rollup@3.29.4)(typescript@5.2.2)(vite@4.4.9)
'@storybook/testing-library':
specifier: ^0.2.1
version: 0.2.1
@@ -257,17 +257,17 @@ importers:
specifier: ^18.2.0
version: 18.2.0
rollup:
- specifier: ^3.29.3
- version: 3.29.3
+ specifier: ^3.29.4
+ version: 3.29.4
rollup-plugin-copy:
specifier: ^3.5.0
version: 3.5.0
rollup-plugin-dts:
specifier: ^6.0.2
- version: 6.0.2(rollup@3.29.3)(typescript@5.2.2)
+ version: 6.0.2(rollup@3.29.4)(typescript@5.2.2)
rollup-plugin-peer-deps-external:
specifier: ^2.2.4
- version: 2.2.4(rollup@3.29.3)
+ version: 2.2.4(rollup@3.29.4)
rollup-plugin-postcss:
specifier: ^4.0.2
version: 4.0.2(postcss@8.4.30)
@@ -2660,6 +2660,27 @@ packages:
type-fest: 3.13.1
transitivePeerDependencies:
- '@types/react'
+ dev: false
+
+ /@mantine/core@7.1.0(@mantine/hooks@7.1.0)(@types/react@18.2.23)(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-DNexnix5Lz7na8bfXCNVDsCsorxMzF1we3mtU33B0mLyiLkH47BhpgKNxvf5OjEK5SUJ0Bi7r5m91Tm7pmAB7w==}
+ peerDependencies:
+ '@mantine/hooks': 7.1.0
+ react: ^18.2.0
+ react-dom: ^18.2.0
+ dependencies:
+ '@floating-ui/react': 0.24.8(react-dom@18.2.0)(react@18.2.0)
+ '@mantine/hooks': 7.1.0(react@18.2.0)
+ clsx: 2.0.0
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ react-number-format: 5.3.1(react-dom@18.2.0)(react@18.2.0)
+ react-remove-scroll: 2.5.6(@types/react@18.2.23)(react@18.2.0)
+ react-textarea-autosize: 8.5.2(@types/react@18.2.23)(react@18.2.0)
+ type-fest: 3.13.1
+ transitivePeerDependencies:
+ - '@types/react'
+ dev: true
/@mantine/dates@7.0.2(@mantine/core@7.0.2)(@mantine/hooks@7.0.2)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-EyJQqTNC1vRNwJfaNfF4bpF9DXq71PCOtE319LRdXH/18SIV5/+tCv3Bq8MSpiIbZBc5gQyi284Oo9P5WG7PpQ==}
@@ -2676,6 +2697,24 @@ packages:
dayjs: 1.11.10
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
+ dev: false
+
+ /@mantine/dates@7.1.0(@mantine/core@7.1.0)(@mantine/hooks@7.1.0)(dayjs@1.11.10)(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-Y2GJk03HZZKl+BHwi0evTeTtGafX9TPI5pZAfuOJO3t1Cv+jsVPdHYcpDUItxRceHU0yCv/x9/TEZXcR8jFKeA==}
+ peerDependencies:
+ '@mantine/core': 7.1.0
+ '@mantine/hooks': 7.1.0
+ dayjs: ^1.10.5
+ react: ^18.2.0
+ react-dom: ^18.2.0
+ dependencies:
+ '@mantine/core': 7.1.0(@mantine/hooks@7.1.0)(@types/react@18.2.23)(react-dom@18.2.0)(react@18.2.0)
+ '@mantine/hooks': 7.1.0(react@18.2.0)
+ clsx: 2.0.0
+ dayjs: 1.11.10
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ dev: true
/@mantine/hooks@7.0.2(react@18.2.0):
resolution: {integrity: sha512-Zs0h7O9yI4Lhcebp/eXN+jfFSBS4jNuKRN5msj54decKcnA9ZxjkUpUqAwCNU0Re+cx6RFSBmB8eOA/+5sw+nA==}
@@ -2683,6 +2722,15 @@ packages:
react: ^18.2.0
dependencies:
react: 18.2.0
+ dev: false
+
+ /@mantine/hooks@7.1.0(react@18.2.0):
+ resolution: {integrity: sha512-XW8qYNoS81bIWmdI7yZV8BmBkTtr0//3fyBJ2dcKRSKWY5HVNPkLDXPQk9/E4bpQIRmufDGQ6pLmUfY+0VjO3g==}
+ peerDependencies:
+ react: ^18.2.0
+ dependencies:
+ react: 18.2.0
+ dev: true
/@mantine/modals@7.0.2(@mantine/core@7.0.2)(@mantine/hooks@7.0.2)(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-/XaxFoLoQsOIucET6H2oMzk60o4QnOeZwE0UWCJ+VyD4dMiaMq9023ymiQ4HySWstpPta9eCFiezAub+UH+3sg==}
@@ -3437,7 +3485,7 @@ packages:
'@babel/runtime': 7.22.15
dev: true
- /@rollup/plugin-babel@6.0.3(@babel/core@7.23.0)(rollup@3.29.3):
+ /@rollup/plugin-babel@6.0.3(@babel/core@7.23.0)(rollup@3.29.4):
resolution: {integrity: sha512-fKImZKppa1A/gX73eg4JGo+8kQr/q1HBQaCGKECZ0v4YBBv3lFqi14+7xyApECzvkLTHCifx+7ntcrvtBIRcpg==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -3452,11 +3500,11 @@ packages:
dependencies:
'@babel/core': 7.23.0
'@babel/helper-module-imports': 7.22.15
- '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
- rollup: 3.29.3
+ '@rollup/pluginutils': 5.0.4(rollup@3.29.4)
+ rollup: 3.29.4
dev: true
- /@rollup/plugin-node-resolve@15.2.1(rollup@3.29.3):
+ /@rollup/plugin-node-resolve@15.2.1(rollup@3.29.4):
resolution: {integrity: sha512-nsbUg588+GDSu8/NS8T4UAshO6xeaOfINNuXeVHcKV02LJtoRaM1SiOacClw4kws1SFiNhdLGxlbMY9ga/zs/w==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -3465,16 +3513,16 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+ '@rollup/pluginutils': 5.0.4(rollup@3.29.4)
'@types/resolve': 1.20.2
deepmerge: 4.3.1
is-builtin-module: 3.2.1
is-module: 1.0.0
resolve: 1.22.6
- rollup: 3.29.3
+ rollup: 3.29.4
dev: true
- /@rollup/plugin-typescript@11.1.4(rollup@3.29.3)(tslib@2.6.2)(typescript@5.2.2):
+ /@rollup/plugin-typescript@11.1.4(rollup@3.29.4)(tslib@2.6.2)(typescript@5.2.2):
resolution: {integrity: sha512-WZRh5LBVLQXdKFICUId5J3eIpmjGURaBqntfg3GSZACgeOAFS+lOSMGTwfzDkELTaZVp/lWdMVNU3UkwCUBg/Q==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -3487,14 +3535,14 @@ packages:
tslib:
optional: true
dependencies:
- '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+ '@rollup/pluginutils': 5.0.4(rollup@3.29.4)
resolve: 1.22.6
- rollup: 3.29.3
+ rollup: 3.29.4
tslib: 2.6.2
typescript: 5.2.2
dev: true
- /@rollup/pluginutils@5.0.4(rollup@3.29.3):
+ /@rollup/pluginutils@5.0.4(rollup@3.29.4):
resolution: {integrity: sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -3506,7 +3554,7 @@ packages:
'@types/estree': 1.0.1
estree-walker: 2.0.2
picomatch: 2.3.1
- rollup: 3.29.3
+ rollup: 3.29.4
dev: true
/@rushstack/eslint-patch@1.4.0:
@@ -4058,7 +4106,7 @@ packages:
magic-string: 0.30.3
remark-external-links: 8.0.0
remark-slug: 6.1.0
- rollup: 3.29.3
+ rollup: 3.29.4
typescript: 5.2.2
vite: 4.4.9(@types/node@20.7.1)
transitivePeerDependencies:
@@ -4502,7 +4550,7 @@ packages:
react-dom: 18.2.0(react@18.2.0)
dev: true
- /@storybook/react-vite@7.4.5(react-dom@18.2.0)(react@18.2.0)(rollup@3.29.3)(typescript@5.2.2)(vite@4.4.9):
+ /@storybook/react-vite@7.4.5(react-dom@18.2.0)(react@18.2.0)(rollup@3.29.4)(typescript@5.2.2)(vite@4.4.9):
resolution: {integrity: sha512-VfEktqZlSiAcM0oqUnXvQDIFM/G3pOZSW9VCcdQp2NWbsG/UVH42++ZkT0qJmQtW+Kkr8mTofLK5H1v5si5Z1A==}
engines: {node: '>=16'}
peerDependencies:
@@ -4511,7 +4559,7 @@ packages:
vite: ^3.0.0 || ^4.0.0
dependencies:
'@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1(typescript@5.2.2)(vite@4.4.9)
- '@rollup/pluginutils': 5.0.4(rollup@3.29.3)
+ '@rollup/pluginutils': 5.0.4(rollup@3.29.4)
'@storybook/builder-vite': 7.4.5(typescript@5.2.2)(vite@4.4.9)
'@storybook/react': 7.4.5(react-dom@18.2.0)(react@18.2.0)(typescript@5.2.2)
'@vitejs/plugin-react': 3.1.0(vite@4.4.9)
@@ -11274,7 +11322,7 @@ packages:
is-plain-object: 3.0.1
dev: true
- /rollup-plugin-dts@6.0.2(rollup@3.29.3)(typescript@5.2.2):
+ /rollup-plugin-dts@6.0.2(rollup@3.29.4)(typescript@5.2.2):
resolution: {integrity: sha512-GYCCy9DyE5csSuUObktJBpjNpW2iLZMabNDIiAqzQWBl7l/WHzjvtAXevf8Lftk8EA920tuxeB/g8dM8MVMR6A==}
engines: {node: '>=v16'}
peerDependencies:
@@ -11282,18 +11330,18 @@ packages:
typescript: ^4.5 || ^5.0
dependencies:
magic-string: 0.30.3
- rollup: 3.29.3
+ rollup: 3.29.4
typescript: 5.2.2
optionalDependencies:
'@babel/code-frame': 7.22.13
dev: true
- /rollup-plugin-peer-deps-external@2.2.4(rollup@3.29.3):
+ /rollup-plugin-peer-deps-external@2.2.4(rollup@3.29.4):
resolution: {integrity: sha512-AWdukIM1+k5JDdAqV/Cxd+nejvno2FVLVeZ74NKggm3Q5s9cbbcOgUPGdbxPi4BXu7xGaZ8HG12F+thImYu/0g==}
peerDependencies:
rollup: '*'
dependencies:
- rollup: 3.29.3
+ rollup: 3.29.4
dev: true
/rollup-plugin-postcss@4.0.2(postcss@8.4.30):
@@ -11326,8 +11374,8 @@ packages:
estree-walker: 0.6.1
dev: true
- /rollup@3.29.3:
- resolution: {integrity: sha512-T7du6Hum8jOkSWetjRgbwpM6Sy0nECYrYRSmZjayFcOddtKJWU4d17AC3HNUk7HRuqy4p+G7aEZclSHytqUmEg==}
+ /rollup@3.29.4:
+ resolution: {integrity: sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==}
engines: {node: '>=14.18.0', npm: '>=8.0.0'}
hasBin: true
optionalDependencies:
@@ -12661,7 +12709,7 @@ packages:
'@types/node': 20.7.1
esbuild: 0.18.20
postcss: 8.4.30
- rollup: 3.29.3
+ rollup: 3.29.4
optionalDependencies:
fsevents: 2.3.3
dev: true