element-plus-secondary 0.4.0 → 0.4.2

package/theme-chalk/src/button.scss

@@ -239,8 +239,7 @@ $button-icon-span-gap: map.merge(
     }
 
     &:not(.is-disabled) {
-      &:hover,
-      &:focus {
+      &:hover {
         background: rgba(51, 112, 255, 0.1);
       }
 

package/theme-chalk/src/checkbox.scss

@@ -281,6 +281,9 @@ $checkbox-bordered-input-width: map.merge(
     padding-left: 8px;
     line-height: 1;
     font-size: getCssVar('checkbox-font-size');
+    &:hover {
+      color: red;
+    }
   }
 
   @each $size in (large, default, small) {

package/theme-chalk/src/color-picker.scss

@@ -304,7 +304,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     left: 1px;
     z-index: 1;
     cursor: not-allowed;
-    background-color: rgba(255, 255, 255, 0.7);
+    background-color: #1f232912;
   }
 
   @include e(trigger) {
@@ -329,6 +329,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   }
 
   @include when(effect) {
+
     @include e(trigger) {
       border-color: #5F5F5F;
       &:not(.is-disabled):hover {
@@ -410,6 +411,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
   
 
   @include when(custom) {
+
     .#{$namespace}-color-picker__mask {
       height: 26px;
     }
@@ -424,7 +426,10 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
       .#{$namespace}-color-picker__color {
         width: 16px;
         height: 16px;
-        border: none;
+        border-color: #DEE0E3;
+        &:not(.show-border) {
+          border: none;
+        }
       }
 
       .#{$namespace}-color-picker__empty {
@@ -443,8 +448,9 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
 
     @include when(disabled) {
       .#{$namespace}-color-picker__trigger {
+        border-color: getCssVar('disabled-border-color');
         &:hover {
-          border-color: getCssVar('border-color');
+          border-color:  getCssVar('disabled-border-color');
         }
       }
     }

package/theme-chalk/src/input-number.scss

@@ -117,7 +117,7 @@
   @include m(dark) {
     .#{$namespace}-input-number__decrease,
     .#{$namespace}-input-number__increase {
-      background: #292929;
+      background: #373737;
       color: #fff;
       border-color: #5f5f5f;
     }
@@ -130,6 +130,8 @@
     &:not(.is-disabled) {
       .#{$namespace}-input-number__decrease:not(.is-disabled),
       .#{$namespace}-input-number__increase:not(.is-disabled) {
+        background: #292929;
+
         &:hover {
           color: getCssVar('color-primary');
           background-color: rgba(#3370FF, 0.2);
@@ -184,10 +186,11 @@
           cursor: not-allowed;
         }
       }
-      .#{$namespace}-input-number__increase {
+      .#{$namespace}-input-number__increase,
+      .#{$namespace}-input-number__decrease {
         &:hover {
           color: #5F5F5F !important;
-          background-color: #292929 !important;
+          background-color: #373737 !important;
           cursor: not-allowed;
         }
       }

package/theme-chalk/src/input.scss

@@ -562,6 +562,12 @@
           .#{$namespace}-input__wrapper {
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
+          }
+        }
+      }
+      .#{$namespace}-select:not(.#{$namespace}-select--disabled) {
+        .#{$namespace}-input {
+          .#{$namespace}-input__wrapper {
             @include inset-append-border(#{getCssVar('input-border-color')});
           }
           &.is-focus {
@@ -599,10 +605,25 @@
       .#{$namespace}-select {
         margin: 0 -11px;
         .#{$namespace}-input__wrapper {
-          background: #292929 !important;
+          background: #373737 !important;
           box-shadow: 0 1px 0 0  #5f5f5f inset, 0 -1px 0 0  #5f5f5f inset, -1px 0 0 0  #5f5f5f inset !important;
         }
       }
+      .#{$namespace}-select:not(.#{$namespace}-select--disabled) {
+        .#{$namespace}-input__wrapper {
+          background: #292929 !important;
+        }
+      }
+    }
+  }
+  @include m(light) {
+    .#{$namespace}-input-group__append {
+      .#{$namespace}-select.#{$namespace}-select--disabled {
+        .#{$namespace}-input__wrapper {
+          background: #eff0f1 !important;
+          box-shadow: 0 1px 0 0  #bbbfc4 inset, 0 -1px 0 0  #bbbfc4 inset, -1px 0 0 0  #bbbfc4 inset !important;
+        }
+      }
     }
   }
 }

package/theme-chalk/src/mixins/_var.scss

@@ -43,8 +43,6 @@
     '#FFE7CC'
   );
 
-
-
   @include set-css-var-value(
     ('color', $type, 'dark-2'),
     map.get($colors, $type, 'dark-2')

package/theme-chalk/src/select.scss

@@ -160,6 +160,13 @@
 
     @include m(dark) {
       & .#{$namespace}-select__caret {
+        color: #5f5f5f;
+        &:hover {
+          cursor: not-allowed;
+          color: #5f5f5f;
+        }
+      }
+      &:not(.is-disabled) .#{$namespace}-select__caret {
         color: #A6A6A6;
       }
     }

package/theme-chalk/src/var.scss

@@ -75,6 +75,23 @@
   // Disable base
   @include set-component-css-var('disabled', $disabled);
 
+  @include set-css-var-value(
+    ('disabled', 'bg', 'color'),
+    '#EFF0F1'
+  );
+
+  @include set-css-var-value(
+    ('disabled', 'border', 'color'),
+    '#BBBFC4'
+  );
+
+  @include set-css-var-value(
+    ('disabled', 'text', 'color'),
+    '#8D9199'
+  );
+
+  
+
   // overlay & mask
   @include set-component-css-var('overlay-color', $overlay-color);
   @include set-component-css-var('mask-color', $mask-color);