fix: add forgotten Divider new styling to docs theme (#2028)

marigold-ui · Apr 25, 2022 · 37d3cf4 · 37d3cf4
1 parent 4999b1e
commit 37d3cf4
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 10 deletions.
diff --git a/docs/src/theme/component.ts b/docs/src/theme/component.ts
@@ -146,16 +146,6 @@ export const component = {
       ...button.select,
     },
   },
-  divider: {
-    do: {
-      height: '8px',
-      bg: 'green60',
-    },
-    dont: {
-      height: '8px',
-      bg: 'red60',
-    },
-  },
   navigation: {
     wrapper: {
       fontFamily: 'body',

diff --git a/docs/src/theme/components/Divider.style.ts b/docs/src/theme/components/Divider.style.ts
@@ -0,0 +1,22 @@
+import type { Theme } from '@marigold/components';
+
+export const Divider: Theme['components']['Divider'] = {
+  base: {
+    width: '100%',
+    height: '1px',
+    bg: 'text',
+  },
+  variant: {
+    bold: {
+      height: '2px',
+    },
+    do: {
+      height: '8px',
+      bg: 'green60',
+    },
+    dont: {
+      height: '8px',
+      bg: 'red60',
+    },
+  },
+};
diff --git a/docs/src/theme/components/index.ts b/docs/src/theme/components/index.ts
@@ -1,5 +1,6 @@
 export * from './Button.style';
 export * from './Card.style';
+export * from './Divider.style';
 export * from './Headline.style';
 export * from './Link.style';
 export * from './Text.style';