element-plus-secondary 0.3.1 → 0.3.2

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/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,8 +22,9 @@ $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
 );
@@ -212,6 +213,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 +240,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 +254,8 @@ $checkbox-bordered-input-width: map.merge(
     }
   }
 
+  
+
   @include e(original) {
     opacity: 0;
     outline: none;
@@ -264,7 +273,7 @@ $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) {
@@ -277,20 +286,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'),