fix(checkbox): show icon in neutral mode (#896)

telekom · Feb 22, 2022 · 839c3de · 839c3de
1 parent 4bae4a9
commit 839c3de
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/components/src/components/checkbox/checkbox.css b/packages/components/src/components/checkbox/checkbox.css
@@ -51,6 +51,7 @@ scale-checkbox {
   --color-icon-checked-active: var(--scl-color-white);
   --width-icon: var(--scl-spacing-12);
   --height-icon: var(--scl-spacing-12);
+  --stroke-width: var(--stroke-width-checkbox, 0.5px);
 }
 
 :host,
@@ -112,7 +113,7 @@ scale-checkbox [part='icon'] svg {
 scale-checkbox [part='icon'] svg rect,
 scale-checkbox [part='icon'] svg path {
   stroke: currentColor;
-  stroke-width: 0.5px;
+  stroke-width: var(--stroke-width);
 }
 
 scale-checkbox [part='container'] {

diff --git a/packages/components/src/global/whitelabel.css b/packages/components/src/global/whitelabel.css
@@ -10,3 +10,7 @@
  */
 
 @import '~@telekom/scale-design-tokens/dist/design-tokens.css';
+
+:root {
+  --stroke-width-checkbox: 50px;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,3 +10,7 @@ @@
      */
     @import '~@telekom/scale-design-tokens/dist/design-tokens.css';
+    :root {
+      --stroke-width-checkbox: 50px;
+    }