iov-design 2.15.19 → 2.15.21

package/packages/theme-chalk/src/alert.scss

@@ -17,7 +17,10 @@
 
   @include when(light) {
     .el-alert__closebtn {
-      color: $--color-text-placeholder;
+      color: $--color-fill-4;
+      &:hover {
+        color: $--color-fill-6;
+      }
     }
   }
 
@@ -36,74 +39,74 @@
 
   @include m(success) {
     &.is-light {
-      background-color: $--alert-success-color;
-      color: $--color-success;
-
-      .el-alert__description {
-        color: $--color-success;
+      background-color: $--color-success-1;
+      border: 1px solid $--color-success-2;
+      color: $--color-text-6;
+      .el-alert__icon {
+        color: $--color-success-6;
       }
     }
 
     &.is-dark {
-      background-color: $--color-success;
+      background-color: $--color-success-6;
       color: $--color-white;
     }
   }
 
   @include m(info) {
     &.is-light {
-      background-color: $--alert-info-color;
-      color: $--color-info;
+      background-color: $--color-primary-1;
+      border: 1px solid $--color-primary-2;
+      color: $--color-text-6;
+      .el-alert__icon {
+        color: $--color-primary-6;
+      }
     }
 
     &.is-dark {
-      background-color: $--color-info;
+      background-color: $--color-primary-6;
       color: $--color-white;
     }
-
-    .el-alert__description {
-      color: $--color-info;
-    }
   }
 
   @include m(warning) {
     &.is-light {
-      background-color: $--alert-warning-color;
-      color: $--color-warning;
-
-      .el-alert__description {
-        color: $--color-warning;
+      background-color: $--color-warning-1;
+      border: 1px solid $--color-warning-2;
+      color: $--color-text-6;
+      .el-alert__icon {
+        color: $--color-warning-6;
       }
     }
 
     &.is-dark {
-      background-color: $--color-warning;
+      background-color: $--color-warning-6;
       color: $--color-white;
     }
   }
 
   @include m(error) {
     &.is-light {
-      background-color: $--alert-danger-color;
-      color: $--color-danger;
-
-      .el-alert__description {
-        color: $--color-danger;
+      background-color: $--color-danger-1;
+      border: 1px solid $--color-danger-2;
+      color: $--color-text-6;
+      .el-alert__icon {
+        color: $--color-danger-6;
       }
     }
 
     &.is-dark {
-      background-color: $--color-danger;
+      background-color: $--color-danger-6;
       color: $--color-white;
     }
   }
 
   @include e(content) {
     display: table-cell;
-    padding: 0 8px;
   }
 
   @include e(icon) {
+    margin-right: 8px;
     font-size: $--alert-icon-size;
     width: $--alert-icon-size;
     @include when(big) {
@@ -114,15 +117,16 @@
 
   @include e(title) {
     font-size: $--alert-title-font-size;
-    line-height: 18px;
     @include when(bold) {
-      font-weight: bold;
+      font-weight: 500;
     }
   }
 
   & .el-alert__description {
     font-size: $--alert-description-font-size;
     margin: 5px 0 0 0;
+    color: $--color-text-6;
+    font-weight: 400;
   }
 
   @include e(closebtn) {
@@ -130,13 +134,13 @@
     opacity: 1;
     position: absolute;
     top: 12px;
-    right: 15px;
+    right: 12px;
     cursor: pointer;
 
     @include when(customed) {
       font-style: normal;
       font-size: $--alert-close-customed-font-size;
-      top: 9px;
+      top: 11px;
     }
   }
 }

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

@@ -280,26 +280,19 @@ $--select-dropdown-border: solid 0.5px $--color-line-2 !default;
 
 /* Alert
 -------------------------- */
-$--alert-padding: 8px 16px !default;
-/// borderRadius||Border|2
-$--alert-border-radius: $--border-radius-base !default;
-/// fontSize||Font|1
-$--alert-title-font-size: 13px !default;
-/// fontSize||Font|1
+$--alert-padding: 11px 12px !default;
+$--alert-border-radius: 4px !default;
+$--alert-title-font-size: 12px !default;
 $--alert-description-font-size: 12px !default;
-/// fontSize||Font|1
-$--alert-close-font-size: 12px !default;
-/// fontSize||Font|1
-$--alert-close-customed-font-size: 13px !default;
+$--alert-close-font-size: 14px !default;
+$--alert-close-customed-font-size: 12px !default;
 
 $--alert-success-color: $--color-success-lighter !default;
 $--alert-info-color: $--color-info-lighter !default;
 $--alert-warning-color: $--color-warning-lighter !default;
 $--alert-danger-color: $--color-danger-lighter !default;
 
-/// height||Other|4
 $--alert-icon-size: 16px !default;
-/// height||Other|4
 $--alert-icon-large-size: 28px !default;
 
 /* MessageBox

package/packages/theme-chalk/src/link.scss

@@ -14,11 +14,6 @@ $typeMap: (
 );
 
 @include b(link) {
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  vertical-align: middle;
   position: relative;
   text-decoration: none;
   outline: none;

package/src/index.js

@@ -212,7 +212,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.15.19',
+  version: '2.15.21',
   locale: locale.use,
   i18n: locale.i18n,
   install,