element-plus-secondary 0.4.1 → 0.4.3

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/input-number.scss

@@ -161,12 +161,20 @@
       }
       &.is-controls-right {
         .#{$namespace}-input-number__decrease:not(.is-disabled) {
+          &:hover {
+            & + .#{$namespace}-input-number__increase {
+              border-bottom: none;
+            }
+          }
           &::after {
             border-left: 1px solid getCssVar('color-primary');
             border-top: 1px solid getCssVar('color-primary');
           }
         }
         .#{$namespace}-input-number__increase:not(.is-disabled) {
+          &:hover {
+            border-bottom: none;
+          }
           &::after {
             border-left: 1px solid getCssVar('color-primary');
             border-bottom: 1px solid getCssVar('color-primary');
@@ -229,12 +237,20 @@
       }
       &.is-controls-right {
         .#{$namespace}-input-number__decrease:not(.is-disabled) {
+          &:hover {
+            & + .#{$namespace}-input-number__increase {
+              border-bottom: none;
+            }
+          }
           &::after {
             border-left: 1px solid getCssVar('color-primary');
             border-top: 1px solid getCssVar('color-primary');
           }
         }
         .#{$namespace}-input-number__increase:not(.is-disabled) {
+          &:hover {
+            border-bottom: none;
+          }
           &::after {
             border-left: 1px solid getCssVar('color-primary');
             border-bottom: 1px solid getCssVar('color-primary');

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/popper.scss

@@ -43,6 +43,14 @@
     }
   }
 
+  @include when(ndark) {
+    background: #434343;
+    color: #EBEBEB;
+    #{$arrow-selector}::before {
+      background: #434343;
+    }
+  }
+
   @include when(pure) {
     padding: 0;
   }

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;
       }
     }