element-plus 2.3.5 → 2.3.7

package/theme-chalk/src/alert.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;

package/theme-chalk/src/badge.scss

@@ -1,6 +1,3 @@
-@use 'sass:math';
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;

package/theme-chalk/src/carousel.scss

@@ -1,5 +1,3 @@
-@use 'sass:math';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'mixins/utils' as *;

package/theme-chalk/src/check-tag.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 

package/theme-chalk/src/checkbox-button.scss

@@ -26,7 +26,7 @@
       map.get($button, 'bg-color')
     );
     border: getCssVar('border');
-    border-left: 0;
+    border-left-color:transparent;
     color: var(
       #{getCssVarName('button-text-color')},
       map.get($button, 'text-color')

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

@@ -552,6 +552,7 @@ $input: map.merge(
     'hover-border-color': getCssVar('border-color-hover'),
     'clear-hover-color': getCssVar('text-color-secondary'),
     'focus-border-color': getCssVar('color-primary'),
+    'width': 100%,
   ),
   $input
 );
@@ -1253,6 +1254,7 @@ $form: () !default;
 $form: map.merge(
   (
     'label-font-size': getCssVar('font-size-base'),
+    'inline-content-width': 220px,
   ),
   $form
 );

package/theme-chalk/src/dark/css-vars.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 // CSS3 var
 @use './var' as *;
 @use '../mixins/_var.scss' as *;

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

@@ -20,7 +20,6 @@
   @include set-component-css-var('date-editor', $date-editor);
   @include set-component-css-var('input', $input);
   position: relative;
-  display: inline-block;
   text-align: left;
 
   &.#{$namespace}-input__wrapper {

package/theme-chalk/src/form.scss

@@ -91,6 +91,13 @@ $form-item-label-top-margin-bottom: map.merge(
         display: block;
       }
     }
+
+    .#{$namespace}-input {
+      @include set-css-var-value(
+        'input-width',
+        getCssVar('form-inline-content-width')
+      );
+    }
   }
 
   @each $size in (large, default, small) {
@@ -215,6 +222,12 @@ $form-item-label-top-margin-bottom: map.merge(
   }
 
   @include when(error) {
+    .#{$namespace}-select-v2__wrapper {
+      &.is-focused {
+        border-color: transparent;
+      }
+    }
+
     .#{$namespace}-select-v2__wrapper,
     .#{$namespace}-textarea__inner {
       &,
@@ -222,6 +235,7 @@ $form-item-label-top-margin-bottom: map.merge(
         box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
       }
     }
+
     .#{$namespace}-input__wrapper {
       box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
     }

package/theme-chalk/src/icon.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 

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

@@ -50,7 +50,7 @@
     &:hover {
       color: getCssVar('color-primary');
 
-      & ~ .#{$namespace}-input:not(.is-disabled) .#{$namespace}-input_wrapper {
+      & ~ .#{$namespace}-input:not(.is-disabled) .#{$namespace}-input__wrapper {
         box-shadow: 0 0 0 1px
           var(
             #{getCssVarName('input', 'focus-border-color')},

package/theme-chalk/src/input.scss

@@ -133,7 +133,7 @@
   position: relative;
   font-size: getCssVar('font-size', 'base');
   display: inline-flex;
-  width: 100%;
+  width: getCssVar('input-width');
   line-height: getCssVar('input-height');
   box-sizing: border-box;
   vertical-align: middle;

package/theme-chalk/src/loading.scss

@@ -1,5 +1,3 @@
-@use 'sass:math';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;

package/theme-chalk/src/message.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;

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

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use '../mixins/var' as *;
 @use '../mixins/function' as *;
 @use '../common/var' as *;

package/theme-chalk/src/pagination.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/utils' as *;
 @use 'mixins/var' as *;

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

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/var' as *;
 @use 'common/var' as *;

package/theme-chalk/src/tag.scss

@@ -92,7 +92,7 @@ $tag-icon-span-gap: map.merge(
   display: inline-flex;
   justify-content: center;
   align-items: center;
-
+  vertical-align: middle;
   height: map.get($tag-height, 'default');
   padding: 0 map.get($tag-padding, 'default') - $border-width;
 

package/theme-chalk/src/timeline-item.scss

@@ -1,4 +1,3 @@
-@use 'sass:map';
 @use 'mixins/mixins' as *;
 @use 'common/var' as *;
 

package/theme-chalk/src/transfer.scss

@@ -1,6 +1,3 @@
-@use 'sass:math';
-@use 'sass:map';
-
 @use 'mixins/mixins' as *;
 @use 'mixins/utils' as *;
 @use 'mixins/var' as *;

package/theme-chalk/src/var.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-
 // CSS3 var
 @use 'common/var' as *;
 @use 'mixins/var' as *;