Merge branch 'main' into 1194-add-clock-snooze-icon-to-design-system

Brisanet · Nov 18, 2024 · 9cbffc1 · 9cbffc1
2 parents 06c679b + 1af85cd
commit 9cbffc1
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/projects/ion/src/lib/indicator/_indicator.theme.scss b/projects/ion/src/lib/indicator/_indicator.theme.scss
@@ -47,9 +47,57 @@ $default: (
   ),
 );
 
+$dark: (
+  text-font-family: ion-theme(font-family-main),
+  shadow: 0 0 4px #00000026,
+  border: (
+    color: ion-theme(neutral-3),
+    radius: 8px,
+  ),
+  header: (
+    background-color: ion-theme(neutral-6),
+    padding: 8px 16px,
+    height: 36px,
+    border-radius: 8px,
+    icon-color: ion-theme(neutral-1),
+    title: (
+      color: ion-theme(neutral-1),
+      weight: 600,
+      size: 14px,
+      max-width: 230px,
+    ),
+  ),
+  content: (
+    background-color: ion-theme(neutral-5),
+    padding: 12px 16px,
+    min-height: 84px,
+    main-value-text: (
+      color: ion-theme(neutral-1),
+      font-weight: 600,
+      font-size: 20px,
+      max-width: 160px,
+    ),
+    second-value-text: (
+      color: ion-theme(neutral-1),
+      font-weight: 400,
+      font-size: 16px,
+      max-width: 80px,
+    ),
+    error: (
+      text-color: ion-theme(neutral-3),
+      icon-color: ion-theme(neutral-3),
+    ),
+  ),
+  footer: (
+    background-color: ion-theme(neutral-5),
+    border-radius: 8px,
+  ),
+);
+
 @include register-component(
   indicator,
   (
     default: $default,
+    dark: $dark,
   )
 );