fix: core linedTable variant works again (#3722)

* fix: core `linedTable` works again * Create great-horses-hope.md
marigold-ui · Feb 19, 2024 · c61895d · c61895d
1 parent 61635aa
commit c61895d
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 6 deletions.
diff --git a/.changeset/great-horses-hope.md 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
@@ -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
@@ -30,18 +30,20 @@ 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: {
           linedTable: ['border-border-inverted border-b'],
           grid: ['border-border-inverted border'],
         },
       },
-    },
-  ]),
+    }
+  ),
   cell: cva(['text-text-base p-2', 'focus:outline-outline-focus'], {
     variants: {
       variant: {