vft 0.0.74 → 0.0.76

package/theme-style/src/alert.scss

@@ -24,7 +24,7 @@ $name: alert;
 
   @include when(light) {
     .#{$namespace}-alert__close-btn {
-      color: getCssVar('text-color', 'placeholder');
+      color: getCssVar('text-placeholder-color');
     }
   }
 

package/theme-style/src/autocomplete.scss

@@ -36,7 +36,7 @@
     margin: 0;
     line-height: 34px;
     cursor: pointer;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     font-size: getCssVar('font-size', 'base');
     list-style: none;
     text-align: left;
@@ -68,7 +68,7 @@
       height: 100px;
       line-height: 100px;
       font-size: 20px;
-      color: getCssVar('text-color', 'secondary');
+      color: getCssVar('text-secondary-color');
       @include utils-vertical-center;
 
       &:hover {

package/theme-style/src/breadcrumb.scss

@@ -9,7 +9,7 @@
   @include e(separator) {
     margin: 0 9px;
     font-weight: bold;
-    color: getCssVar('text-color', 'placeholder');
+    color: getCssVar('text-placeholder-color');
 
     &.#{$namespace}-icon {
       margin: 0 6px;
@@ -26,14 +26,14 @@
     align-items: center;
 
     @include e(inner) {
-      color: getCssVar('text-color', 'regular');
+      color: getCssVar('text-regular-color');
 
       &.is-link,
       & a {
         font-weight: bold;
         text-decoration: none;
         transition: getCssVar('transition', 'color');
-        color: getCssVar('text-color', 'primary');
+        color: getCssVar('text-primary-color');
 
         &:hover {
           color: getCssVar('primary-color');
@@ -48,7 +48,7 @@
         &,
         &:hover {
           font-weight: normal;
-          color: getCssVar('text-color', 'regular');
+          color: getCssVar('text-regular-color');
           cursor: text;
         }
       }

package/theme-style/src/calendar.scss

@@ -30,14 +30,14 @@
 
   thead th {
     padding: 12px 0;
-    color: getCssVar('text-color', 'regular');
+    color: getCssVar('text-regular-color');
     font-weight: normal;
   }
 
   &:not(.is-range) {
     td.prev,
     td.next {
-      color: getCssVar('text-color', 'placeholder');
+      color: getCssVar('text-placeholder-color');
     }
   }
 

package/theme-style/src/card.scss

@@ -11,7 +11,7 @@
   border: 1px solid getCssVar('card', 'border-color');
   background-color: getCssVar('card', 'bg-color');
   overflow: hidden;
-  color: getCssVar('text-color', 'primary');
+  color: getCssVar('text-primary-color');
   transition: getCssVar('transition-duration');
 
   @include when(always-shadow) {

package/theme-style/src/carousel.scss

@@ -65,7 +65,7 @@
     list-style: none;
     margin: 0;
     padding: 0;
-    z-index: calc(#{getCssVar('index-normal')} + 1);
+    z-index: calc(#{getCssVar('z-index-normal')} + 1);
 
     @include m(horizontal) {
       bottom: 0;

package/theme-style/src/cascader.scss

@@ -25,11 +25,11 @@
 
     .#{$namespace}-icon-close {
       flex: none;
-      background-color: getCssVar('text-color', 'placeholder');
+      background-color: getCssVar('text-placeholder-color');
       color: getCssVar('color-white');
 
       &:hover {
-        background-color: getCssVar('text-color', 'secondary');
+        background-color: getCssVar('text-secondary-color');
       }
     }
   }
@@ -148,7 +148,7 @@
 
   @include e(collapse-tags) {
     white-space: normal;
-    z-index: getCssVar('index-normal');
+    z-index: getCssVar('z-index-normal');
     @include cascader-tag-normal(getCssVar('fill-color'));
   }
 

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

@@ -20,10 +20,10 @@
   }
 
   @include when(checked) {
-    background-color: getCssVar('color', 'primary', 'light-8');
-    color: getCssVar('color', 'primary');
+    background-color: getCssVar('primary-color', 'light-8');
+    color: getCssVar('primary-color');
     &:hover {
-      background-color: getCssVar('color', 'primary', 'light-7');
+      background-color: getCssVar('primary-color', 'light-7');
     }
   }
 }

package/theme-style/src/checkbox.scss

@@ -213,7 +213,7 @@ $checkbox-bordered-input-width: map.merge(
     width: getCssVar('checkbox-input-width');
     height: getCssVar('checkbox-input-height');
     background-color: getCssVar('checkbox-bg-color');
-    z-index: getCssVar('index-normal');
+    z-index: getCssVar('z-index-normal');
     transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
       background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
       outline 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);

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

@@ -320,7 +320,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
     position: relative;
     display: block;
     box-sizing: border-box;
-    border: 1px solid getCssVar('text-color', 'secondary');
+    border: 1px solid getCssVar('text-secondary-color');
     border-radius: getCssVar('border-radius-small');
     width: 100%;
     height: 100%;
@@ -342,7 +342,7 @@ $color-picker-size: map.merge($common-component-size, $color-picker-size);
 
   & .#{$namespace}-color-picker__empty {
     font-size: 12px;
-    color: getCssVar('text-color', 'secondary');
+    color: getCssVar('text-secondary-color');
   }
 
   & .#{$namespace}-color-picker__icon {