@element-plus/nightly 0.0.20220608 → 0.0.20220611

package/theme-chalk/src/button.scss

@@ -204,10 +204,8 @@ $button-icon-span-gap: map.merge(
     border-color: transparent;
     color: getCssVar('button', 'text-color');
     background: transparent;
-    padding-left: 0;
-    padding-right: 0;
-    outline: 0;
-    outline-offset: 0;
+    padding: 2px;
+    height: auto;
 
     &:hover {
       color: getCssVar('button', 'hover', 'link-text-color');

package/theme-chalk/src/image.scss

@@ -6,12 +6,6 @@
   height: 100%;
 }
 
-%position {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
 @include b(image) {
   position: relative;
   display: inline-block;
@@ -20,16 +14,25 @@
   @include e(inner) {
     @extend %size !optional;
     vertical-align: top;
+    opacity: 1;
+    @include when(loading) {
+      opacity: 0;
+    }
+  }
+
+  @include e(wrapper) {
+    @extend %size !optional;
+    position: absolute;
+    top: 0;
+    left: 0;
   }
 
   @include e(placeholder) {
-    @extend %position !optional;
     @extend %size !optional;
     background: getCssVar('fill-color', 'light');
   }
 
   @include e(error) {
-    @extend %position !optional;
     @extend %size !optional;
     display: flex;
     justify-content: center;

package/theme-chalk/src/pagination.scss

@@ -94,6 +94,11 @@
       font-weight: bold;
       width: inherit;
     }
+
+    &:focus-visible {
+      outline: 1px solid getCssVar('pagination-hover-color');
+      color: getCssVar('pagination-hover-color');
+    }
   }
 
   .#{$namespace}-pager li.is-disabled {
@@ -323,6 +328,11 @@
       svg {
         pointer-events: none;
       }
+
+      &:focus-visible {
+        outline: 1px solid getCssVar('pagination-hover-color');
+        color: getCssVar('pagination-hover-color');
+      }
     }
 
     &.is-active + li {