Change dashed disabled focus rings to solid borders (#5121)

cultureamp · Oct 4, 2024 · b8fd77b · b8fd77b
1 parent aee02cc
commit b8fd77b
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 5 deletions.
diff --git a/.changeset/nine-timers-clean.md b/.changeset/nine-timers-clean.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+Change dashed disabled focus rings to solid borders
diff --git a/...FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss b/...FilterMultiSelect/subcomponents/SelectionControlButton/SelectionControlButton.module.scss
@@ -64,7 +64,6 @@ $focus-ring-offset: 1px;
     }
 
     &:focus-visible::after {
-      border-style: $border-dashed-border-style;
       border-color: $color-gray-400;
     }
   }

diff --git a/...RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss b/...RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss
@@ -113,7 +113,7 @@
     background-color: transparent;
     border-color: transparent;
     opacity: 100%;
-    outline: $color-purple-800 $border-dashed-border-style
+    outline: $color-purple-800 $border-solid-border-style
       $border-focus-ring-border-width;
   }
 }
diff --git a/packages/components/src/Select/Select.module.scss b/packages/components/src/Select/Select.module.scss
@@ -138,8 +138,6 @@ $focus-border-color: $color-blue-500;
 
     &.disabledOption {
       color: $color-purple-800;
-      border-style: $border-dashed-border-style;
-      border-width: $border-focus-ring-border-width;
       border-color: $color-gray-500;
       background: transparent;
     }

diff --git a/packages/components/src/__actions__/Button/v1/Button/Button.module.scss b/packages/components/src/__actions__/Button/v1/Button/Button.module.scss
@@ -80,7 +80,6 @@
 
     &:focus-visible {
       &::after {
-        border-style: $border-dashed-border-style;
         border-color: $color-purple-800;
       }
     }