feat: introduce and use subtle color for divider

2024-06-19 10:47:41 +02:00
parent f32a5c3608
commit facff498ba
3 changed files with 6 additions and 1 deletions
--- a/components/TempDesignSystem/Divider/divider.module.css
+++ b/components/TempDesignSystem/Divider/divider.module.css
@@ -17,6 +17,10 @@
  border-bottom-color: var(--Theme-Primary-Light-On-Surface-Divider);
 }

+.subtle {
+  border-bottom-color: var(--Base-Border-Subtle);
+}
+
 .opacity100 {
  opacity: 1;
 }
--- a/components/TempDesignSystem/Divider/variants.ts
+++ b/components/TempDesignSystem/Divider/variants.ts
@@ -7,6 +7,7 @@ export const dividerVariants = cva(styles.divider, {
    color: {
      burgundy: styles.burgundy,
      peach: styles.peach,
+      subtle: styles.subtle,
    },
    opacity: {
      100: styles.opacity100,