fix(Select): modify incorrect values for scss variables

webex · Jan 28, 2022 · a9044f3 · a9044f3
1 parent cdef055
commit a9044f3
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/components/generic/Select/Select.scss b/src/components/generic/Select/Select.scss
@@ -39,14 +39,14 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-select;
   &:not(.#{$C}--disabled) {
     .#{$C}__selected-option {
       background: var(--wxc-select--normal--background);
-      border: var(--wcx-select--normal--border);
+      border: var(--wxc-select--normal--border);
       box-shadow: var(--wxc-select--normal--box-shadow);
       color: var(--wxc-select--normal--color);
       cursor: pointer;
 
       &:hover {
         background: var(--wxc-select--hover--background);
-        border: var(--wcx-select--hover--border);
+        border: var(--wxc-select--hover--border);
         box-shadow: var(--wxc-select--hover--box-shadow);
         color: var(--wxc-select--hover--color);
       }
@@ -70,7 +70,7 @@ $C: #{$WEBEX_COMPONENTS_CLASS_PREFIX}-select;
   &--disabled {
     .#{$C}__selected-option {
       background: var(--wxc-select--disabled--background);
-      border: var(--wcx-select--disabled--border);
+      border: var(--wxc-select--disabled--border);
       color: var(--wxc-select--disabled--color);
       cursor: default;
     }

diff --git a/src/themes/dark.scss b/src/themes/dark.scss
@@ -157,23 +157,23 @@
 
   --wxc-select--normal--background: #{$wxc-black-alpha-04};
   --wxc-select--normal--color: #{$wxc-white-alpha-95};
-  --wxc-select--normal--box-shadow: 0 0 0 2px #{$wxc-blue-40}, 0px 0px 0px 4px #{$wxc-blue-60};
-  --wcx-select--normal--border: 1px solid #{$wxc-white-alpha-50};
+  --wxc-select--normal--box-shadow: none;
+  --wxc-select--normal--border: 1px solid #{$wxc-white-alpha-50};
 
   --wxc-select--hover--background: #{$wxc-black-alpha-04};
   --wxc-select--hover--color: #{$wxc-white-alpha-95};
-  --wxc-select--hover--box-shadow: 0 0 0 2px #{$wxc-blue-40}, 0px 0px 0px 4px #{$wxc-blue-60};
-  --wcx-select--hover--border: 1px solid #{$wxc-white-alpha-50};
+  --wxc-select--hover--box-shadow: none;
+  --wxc-select--hover--border: 1px solid #{$wxc-white-alpha-50};
 
   --wxc-select--active--background: #{$wxc-white-alpha-11};
   --wxc-select--active--color: #{$wxc-white-alpha-95};
   --wxc-select--active--box-shadow: 0 0 0 2px #{$wxc-blue-40}, 0px 0px 0px 4px #{$wxc-blue-60};
-  --wcx-select--active--border: 1px solid #{$wxc-white-alpha-50};
+  --wxc-select--active--border: 1px solid #{$wxc-white-alpha-50};
 
   --wxc-select--disabled--background: #{$wxc-white-alpha-11};
-  --wcx-select--disabled--border: 1px solid #{$wxc-white-alpha-11};
-  --wxc-select--disabled--box-shadow: 0 0 0 2px #{$wxc-blue-40}, 0px 0px 0px 4px #{$wxc-blue-60};
   --wxc-select--disabled--color: #{$wxc-white-alpha-40};
+  --wxc-select--disabled--box-shadow: 0 0 0 2px #{$wxc-blue-40}, 0px 0px 0px 4px #{$wxc-blue-60};
+  --wxc-select--disabled--border: 1px solid #{$wxc-white-alpha-11};
 
   --wxc-select--focus--background: #{$wxc-white-alpha-11};
   --wxc-select--focus--color: #{$wxc-white-alpha-95};

diff --git a/src/themes/light.scss b/src/themes/light.scss
@@ -157,23 +157,23 @@
 
   --wxc-select--normal--background: #{$wxc-white-alpha-100};
   --wxc-select--normal--color: #{$wxc-black-alpha-95};
-  --wxc-select--normal--box-shadow: 0 0 0 2px #{$wxc-blue-60}, 0px 0px 0px 4px #{$wxc-blue-40};
-  --wcx-select--normal--border: 1px solid #{$wxc-black-alpha-50};
+  --wxc-select--normal--box-shadow: none;
+  --wxc-select--normal--border: 1px solid #{$wxc-black-alpha-50};
 
   --wxc-select--hover--background: #{$wxc-black-alpha-04};
   --wxc-select--hover--color: #{$wxc-black-alpha-95};
-  --wxc-select--hover--box-shadow: 0 0 0 2px #{$wxc-blue-60}, 0px 0px 0px 4px #{$wxc-blue-40};
-  --wcx-select--hover--border: 1px solid #{$wxc-black-alpha-50};
+  --wxc-select--hover--box-shadow: none;
+  --wxc-select--hover--border: 1px solid #{$wxc-black-alpha-50};
 
   --wxc-select--active--background: #{$wxc-black-alpha-11};
   --wxc-select--active--color: #{$wxc-black-alpha-95};
   --wxc-select--active--box-shadow: 0 0 0 2px #{$wxc-blue-60}, 0px 0px 0px 4px #{$wxc-blue-40};
-  --wcx-select--active--border: 1px solid #{$wxc-black-alpha-50};
+  --wxc-select--active--border: 1px solid #{$wxc-black-alpha-50};
 
   --wxc-select--disabled--background: #{$wxc-black-alpha-11};
-  --wcx-select--disabled--border: 1px solid #{$wxc-black-alpha-11};
-  --wxc-select--disabled--box-shadow: 0 0 0 2px #{$wxc-blue-60}, 0px 0px 0px 4px #{$wxc-blue-40};
   --wxc-select--disabled--color: #{$wxc-black-alpha-40};
+  --wxc-select--disabled--box-shadow: 0 0 0 2px #{$wxc-blue-60}, 0px 0px 0px 4px #{$wxc-blue-40};
+  --wxc-select--disabled--border: 1px solid #{$wxc-black-alpha-11};
 
   --wxc-select--focus--background: #{$wxc-black-alpha-11};
   --wxc-select--focus--color: #{$wxc-black-alpha-95};