refactor(theme/Table): use minimal styling as the default.

ethereum · Jun 15, 2023 · c62911c · c62911c
1 parent c1c36a2
commit c62911c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/@chakra-ui/gatsby-plugin/components/Table.ts b/src/@chakra-ui/gatsby-plugin/components/Table.ts
@@ -18,9 +18,6 @@ const numericStyles = defineStyle({
 const baseStyle = defineMergeStyles(tableDefaultTheme.baseStyle, {
   table: {
     minW: "556px",
-    thead: {
-      bg: "backgroundHighlight",
-    },
     th: {
       borderBottom: "1px",
       borderColor: "primaryVisited",
@@ -68,18 +65,19 @@ const variantStriped = definePartsStyle({
   },
 })
 
-const variantMinimal = definePartsStyle({
+const variantSimple = definePartsStyle({
   table: {
     thead: {
-      bg: "transparent",
+      bg: "backgroundHighlight",
     },
   },
 })
 
 export const Table = defineMultiStyleConfig({
   baseStyle,
   variants: {
+    minimal: {},
     striped: variantStriped,
-    minimal: variantMinimal,
+    simple: variantSimple,
   },
 })
diff --git a/src/components/Table/stories/Table.stories.tsx b/src/components/Table/stories/Table.stories.tsx
@@ -33,7 +33,7 @@ export const Tables: Story = {
   render: (args) => (
     <>
       <TableComponent {...args} />
-      <TableComponent {...args} variant="minimal" />
+      <TableComponent {...args} variant="simple" />
       <TableComponent {...args} variant="striped" />
     </>
   ),
@@ -42,7 +42,7 @@ export const Tables: Story = {
 export const MockDocContent: Story = {
   render: () => (
     <>
-      <TableComponent children={<MdxEnergyConsumpData />} />
+      <TableComponent children={<MdxEnergyConsumpData />} variant="simple" />
       <TableComponent children={<MdxTypesOfBridgesData />} />
     </>
   ),