fix(checkbox): update checkbox borders to match design more closely

telerik · Jul 22, 2021 · 2450229 · 2450229
1 parent be9c18e
commit 2450229
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/classic/scss/checkbox/_variables.scss b/packages/classic/scss/checkbox/_variables.scss
@@ -10,7 +10,7 @@ $checkbox-border: $base-border !default;
 
 $checkbox-hovered-bg: null !default;
 $checkbox-hovered-text: null !default;
-$checkbox-hovered-border: $hovered-border !default;
+$checkbox-hovered-border: null !default;
 
 $checkbox-checked-bg: $primary !default;
 $checkbox-checked-text: contrast-wcag( $checkbox-checked-bg ) !default;
@@ -20,10 +20,10 @@ $checkbox-indeterminate-bg: $checkbox-bg !default;
 $checkbox-indeterminate-text: $checkbox-checked-bg !default;
 $checkbox-indeterminate-border: $checkbox-border !default;
 
-$checkbox-focused-border: $checkbox-hovered-border !default;
-$checkbox-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default;
-$checkbox-focused-checked-border: $checkbox-checked-border !default;
-$checkbox-focused-checked-shadow: 0 0 0 2px rgba($primary, .3) !default;
+$checkbox-focused-border: null !default;
+$checkbox-focused-shadow: 0 0 0 2px rgba( 0, 0, 0, .06 ) !default;
+$checkbox-focused-checked-border: null !default;
+$checkbox-focused-checked-shadow: 0 0 0 2px rgba( $primary, .3 ) !default;
 
 $checkbox-disabled-bg: null !default;
 $checkbox-disabled-text: null !default;

diff --git a/packages/default/scss/checkbox/_variables.scss b/packages/default/scss/checkbox/_variables.scss
@@ -10,7 +10,7 @@ $checkbox-border: $base-border !default;
 
 $checkbox-hovered-bg: null !default;
 $checkbox-hovered-text: null !default;
-$checkbox-hovered-border: $hovered-border !default;
+$checkbox-hovered-border: null !default;
 
 $checkbox-checked-bg: $primary !default;
 $checkbox-checked-text: contrast-wcag( $checkbox-checked-bg ) !default;
@@ -20,10 +20,10 @@ $checkbox-indeterminate-bg: $checkbox-bg !default;
 $checkbox-indeterminate-text: $checkbox-checked-bg !default;
 $checkbox-indeterminate-border: $checkbox-border !default;
 
-$checkbox-focused-border: $checkbox-hovered-border !default;
+$checkbox-focused-border: null !default;
 $checkbox-focused-shadow: 0 0 0 2px rgba(0, 0, 0, .06) !default;
-$checkbox-focused-checked-border: $checkbox-checked-border !default;
-$checkbox-focused-checked-shadow: 0 0 0 2px rgba($primary, .3) !default;
+$checkbox-focused-checked-border: null !default;
+$checkbox-focused-checked-shadow: 0 0 0 2px rgba( $primary, .3 ) !default;
 
 $checkbox-disabled-bg: null !default;
 $checkbox-disabled-text: null !default;