fix(checkbox): ensure that border shows in high contrast mode (#10823)

**Related Issue:** #10537 ## Summary Applies a border for high contrast mode in Firefox.
Esri · Nov 21, 2024 · ff05231 · ff05231
1 parent 8716293
commit ff05231
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/calcite-components/src/components/checkbox/checkbox.scss b/packages/calcite-components/src/components/checkbox/checkbox.scss
@@ -109,6 +109,13 @@
   }
 }
 
+@media (forced-colors: active) {
+  .check-svg {
+    /* use real border since box-shadow is removed in high contrast mode */
+    border: 1px solid currentColor;
+  }
+}
+
 @include disabled();
 @include hidden-form-input();
 @include base-component();