diff --git a/.changeset/great-horses-hope.md b/.changeset/great-horses-hope.md new file mode 100644 index 0000000000..b348d5b291 --- /dev/null +++ b/.changeset/great-horses-hope.md @@ -0,0 +1,6 @@ +--- +"@marigold/components": patch +"@marigold/theme-core": patch +--- + +fix: core `linedTable` variant works again diff --git a/packages/components/src/Table/Table.stories.tsx b/packages/components/src/Table/Table.stories.tsx index 0da89fdad5..eac604af2c 100644 --- a/packages/components/src/Table/Table.stories.tsx +++ b/packages/components/src/Table/Table.stories.tsx @@ -50,7 +50,7 @@ const meta = { control: { type: 'select', }, - options: ['none', 'grid'], + options: ['none', 'grid', 'linedTable'], description: 'variant for the table', }, size: { diff --git a/themes/theme-core/src/components/Table.styles.ts b/themes/theme-core/src/components/Table.styles.ts index ab9828d2f5..53d537c3bf 100644 --- a/themes/theme-core/src/components/Table.styles.ts +++ b/themes/theme-core/src/components/Table.styles.ts @@ -30,9 +30,11 @@ export const Table: ThemeComponent<'Table'> = { }, } ), - row: cva([ - 'group-aria-[multiselectable]/table:[&>*:first-child]:w-12', - 'selected:bg-bg-selected focus:outline-outline-focus', + row: cva( + [ + 'group-aria-[multiselectable]/table:[&>*:first-child]:w-12', + 'selected:bg-bg-selected focus:outline-outline-focus', + ], { variants: { variant: { @@ -40,8 +42,8 @@ export const Table: ThemeComponent<'Table'> = { grid: ['border-border-inverted border'], }, }, - }, - ]), + } + ), cell: cva(['text-text-base p-2', 'focus:outline-outline-focus'], { variants: { variant: {