fix(checkbox): rename variables according to property where it used (#…

…1372)
akveo · May 27, 2019 · 2c02daf · 2c02daf
1 parent c373cfc
commit 2c02daf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/framework/theme/components/checkbox/_checkbox.component.theme.scss b/src/framework/theme/components/checkbox/_checkbox.component.theme.scss
@@ -71,7 +71,7 @@
     }
 
     .native-input:focus + .custom-checkbox {
-      border-color: nb-theme(checkbox-#{$status}-focus-background-color);
+      border-color: nb-theme(checkbox-#{$status}-focus-border-color);
     }
 
     .custom-checkbox:hover {
@@ -80,8 +80,8 @@
     }
 
     .native-input:active + .custom-checkbox {
-      background-color: nb-theme(checkbox-#{$status}-hover-background-color);
-      border-color: nb-theme(checkbox-#{$status}-hover-border-color);
+      background-color: nb-theme(checkbox-#{$status}-active-background-color);
+      border-color: nb-theme(checkbox-#{$status}-active-border-color);
     }
 
     .native-input:disabled {

diff --git a/src/framework/theme/styles/themes/_default.scss b/src/framework/theme/styles/themes/_default.scss
@@ -1012,7 +1012,7 @@ $theme: (
   checkbox-primary-indeterminate-background-color: color-primary,
   checkbox-primary-indeterminate-border-color: color-primary,
   checkbox-primary-indeterminate-checkmark-color: color-white,
-  checkbox-primary-focus-background-color: color-primary-700,
+  checkbox-primary-focus-border-color: color-primary-700,
   checkbox-primary-hover-background-color: color-primary-400,
   checkbox-primary-hover-border-color: color-primary-400,
   checkbox-primary-active-background-color: color-primary-600,
@@ -1026,7 +1026,7 @@ $theme: (
   checkbox-success-indeterminate-background-color: color-success,
   checkbox-success-indeterminate-border-color: color-success,
   checkbox-success-indeterminate-checkmark-color: color-white,
-  checkbox-success-focus-background-color: color-success-700,
+  checkbox-success-focus-border-color: color-success-700,
   checkbox-success-hover-background-color: color-success-400,
   checkbox-success-hover-border-color: color-success-400,
   checkbox-success-active-background-color: color-success-600,
@@ -1040,7 +1040,7 @@ $theme: (
   checkbox-warning-indeterminate-background-color: color-warning,
   checkbox-warning-indeterminate-border-color: color-warning,
   checkbox-warning-indeterminate-checkmark-color: color-white,
-  checkbox-warning-focus-background-color: color-warning-700,
+  checkbox-warning-focus-border-color: color-warning-700,
   checkbox-warning-hover-background-color: color-warning-400,
   checkbox-warning-hover-border-color: color-warning-400,
   checkbox-warning-active-background-color: color-warning-600,
@@ -1054,7 +1054,7 @@ $theme: (
   checkbox-danger-indeterminate-background-color: color-danger,
   checkbox-danger-indeterminate-border-color: color-danger,
   checkbox-danger-indeterminate-checkmark-color: color-white,
-  checkbox-danger-focus-background-color: color-danger-700,
+  checkbox-danger-focus-border-color: color-danger-700,
   checkbox-danger-hover-background-color: color-danger-400,
   checkbox-danger-hover-border-color: color-danger-400,
   checkbox-danger-active-background-color: color-danger-600,
@@ -1068,7 +1068,7 @@ $theme: (
   checkbox-info-indeterminate-background-color: color-info,
   checkbox-info-indeterminate-border-color: color-info,
   checkbox-info-indeterminate-checkmark-color: color-white,
-  checkbox-info-focus-background-color: color-info-700,
+  checkbox-info-focus-border-color: color-info-700,
   checkbox-info-hover-background-color: color-info-400,
   checkbox-info-hover-border-color: color-info-400,
   checkbox-info-active-background-color: color-info-600,