element-plus-secondary 0.3.1 → 0.3.3

package/theme-chalk/src/button.scss

@@ -348,7 +348,7 @@ $button-icon-span-gap: map.merge(
     }
   }
 
-  @each $size in (large, small) {
+  @each $size in (large, small, middle) {
     @include m($size) {
       @include set-css-var-value(
         ('button', 'size'),

package/theme-chalk/src/cascader-panel.scss

@@ -18,7 +18,7 @@
 }
 
 @include b(cascader-menu) {
-  min-width: 180px;
+  min-width: 176px;
   box-sizing: border-box;
   color: getCssVar('cascader-menu', 'text-color');
   border-right: getCssVar('cascader-menu', 'border');
@@ -34,7 +34,7 @@
   @include e(wrap) {
     // Raise the priority
     &.#{$namespace}-scrollbar__wrap {
-      height: 204px;
+      height: 176px;
     }
   }
 
@@ -42,7 +42,7 @@
     position: relative;
     min-height: 100%;
     margin: 0;
-    padding: 6px 0;
+    padding: 8px 0;
     list-style: none;
     box-sizing: border-box;
   }
@@ -75,9 +75,9 @@
   position: relative;
   display: flex;
   align-items: center;
-  padding: 0 30px 0 20px;
-  height: 34px;
-  line-height: 34px;
+  padding: 0;
+  height: 32px;
+  line-height: 32px;
   outline: none;
 
   &.is-selectable.in-active-path {
@@ -118,7 +118,7 @@
   @include e(label) {
     flex: 1;
     text-align: left;
-    padding: 0 8px;
+    padding: 0 11px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/theme-chalk/src/checkbox.scss

@@ -12,9 +12,9 @@ $checkbox-height: map.merge($common-component-size, $checkbox-height);
 $checkbox-bordered-input-height: () !default;
 $checkbox-bordered-input-height: map.merge(
   (
-    'large': 14px,
-    'default': 12px,
-    'small': 12px,
+    'default': 16px,
+    'small': 14px,
+    'large': 12px,
   ),
   $checkbox-bordered-input-height
 );
@@ -22,12 +22,23 @@ $checkbox-bordered-input-height: map.merge(
 $checkbox-font-size: () !default;
 $checkbox-font-size: map.merge(
   (
-    'large': 14px,
-    'small': 12px,
+    'default': 16px,
+    'small': 14px,
+    'large': 12px,
   ),
   $checkbox-font-size
 );
 
+$checkbox-font-size-de: () !default;
+$checkbox-font-size-de: map.merge(
+  (
+    'default': 14px,
+    'small': 12px,
+    'large': 14px,
+  ),
+  $checkbox-font-size-de
+);
+
 $checkbox-bordered-input-width: () !default;
 $checkbox-bordered-input-width: map.merge(
   $checkbox-bordered-input-height,
@@ -212,6 +223,12 @@ $checkbox-bordered-input-width: map.merge(
       }
     }
   }
+  @each $size in (large) {
+    &.#{$namespace}-checkbox__inner::after {
+      left: 4px;
+      top: 2px;
+    }
+  }
   @include e(inner) {
     display: inline-block;
     position: relative;
@@ -233,11 +250,11 @@ $checkbox-bordered-input-width: map.merge(
     &::after {
       box-sizing: content-box;
       content: '';
-      border: 2px solid getCssVar('checkbox-checked-icon-color');
+      border: 1px solid;
       border-left: 0;
+      border-color: getCssVar('checkbox-checked-icon-color');
       border-top: 0;
       height: 7px;
-      left: 5px;
       position: absolute;
       top: 1px;
       transform: rotate(45deg) scaleY(0);
@@ -247,6 +264,8 @@ $checkbox-bordered-input-width: map.merge(
     }
   }
 
+  
+
   @include e(original) {
     opacity: 0;
     outline: none;
@@ -264,11 +283,11 @@ $checkbox-bordered-input-width: map.merge(
     font-size: getCssVar('checkbox-font-size');
   }
 
-  @each $size in (large, small) {
+  @each $size in (large, default, small) {
     &.#{$namespace}-checkbox--#{$size} {
       height: map.get($checkbox-height, $size);
       @include e(label) {
-        font-size: map.get($checkbox-font-size, $size);
+        font-size: map.get($checkbox-font-size-de, $size);
       }
       @include e(inner) {
         width: map.get($checkbox-font-size, $size);
@@ -277,20 +296,30 @@ $checkbox-bordered-input-width: map.merge(
     }
   }
 
+  &.#{$namespace}-checkbox--default {
+    @include e(inner) {
+      &::after {
+        left: 5px;
+        top: 2px;
+        border-width: 2px;
+      }
+    }
+  }
+
   &.#{$namespace}-checkbox--small {
-    @include e(input) {
-      @include when(indeterminate) {
-        @include e(inner) {
-          &::before {
-            top: 4px;
-          }
-        }
+    @include e(inner) {
+      &::after {
+        left: 4px;
+        top: 1px;
       }
     }
+  }
+
+  &.#{$namespace}-checkbox--large {
     @include e(inner) {
       &::after {
-        width: 2px;
-        height: 6px;
+        top: 0;
+        left: 3px;
       }
     }
   }

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

@@ -297,7 +297,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
 
   @include e(mask) {
     height: 30px;
-    width: calc(100% - 5px);
+    width: calc(100% - 5px) !important;
     border-radius: 4px;
     position: absolute;
     top: 1px;

package/theme-chalk/src/common/var.scss

@@ -273,8 +273,8 @@ $checkbox: map.merge(
     'font-size': 14px,
     'font-weight': getCssVar('font-weight-primary'),
     'text-color': getCssVar('text-color-regular'),
-    'input-height': 16px,
-    'input-width': 16px,
+    'input-height': 14px,
+    'input-width': 14px,
     'border-radius': getCssVar('border-radius-small'),
     'bg-color': getCssVar('fill-color', 'blank'),
     'input-border': getCssVar('border'),

package/theme-chalk/src/table-v2.scss

@@ -145,7 +145,7 @@
       user-select: none;
       overflow: hidden;
       background-color: getCssVar('table-header', 'bg-color');
-      color: getCssVar('table-header', 'text-color');
+      color: #646A73;
       font-weight: bold;
 
       @include when(sortable) {

package/theme-chalk/src/table.scss

@@ -122,7 +122,7 @@
   }
 
   thead {
-    color: getCssVar('table-header-text-color');
+    color: #646A73;
     font-weight: 500;
 
     &.is-group {