@kdcloudjs/kdesign 1.1.3 → 1.2.2

package/es/select/style/token.less

@@ -6,7 +6,7 @@
 // color
 @select-dropdown-bg: var(~'@{select-custom-prefix}-dropdown-color-background', @color-background);
 @select-disabled-option-bg: var(~'@{select-custom-prefix}-item-color-background-disabled', @color-background-contain-disabled);
-@select-item-active-bg: var(~'@{select-custom-prefix}-color-background', @color-hover);
+@select-item-active-bg: var(~'@{select-custom-prefix}-color-background', #f5f5f5);
 @select-item-selected-bg: var(~'@{select-custom-prefix}-color-background-selected', @color-theme-3);
 @select-g-color-border: var(~'@{select-custom-prefix}-color-border', @color-input);
 @select-g-color-border-foucs: var(~'@{select-custom-prefix}-color-border-foucs', @color-theme);
@@ -15,7 +15,7 @@
 @select-placeholder-color: var(~'@{select-custom-prefix}-placeholder-color-text', @color-text-third);
 @select-item-selected-color: var(~'@{select-custom-prefix}-item-color-text-selected', @color-theme);
 @select-font-color: var(~'@{select-custom-prefix}-footer-color-text', @color-text-primary);
-@select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', @color-text-link);
+@select-footer-g-text-color-selected: var(~'@{select-custom-prefix}-footer-color-text-selected', #0e5fd8);
 @select-g-item-text-color-disabled: var(~'@{select-custom-prefix}-item-color-text-disabled', @color-disabled);
 
 // font

package/es/stepper/style/index.css

@@ -199,7 +199,7 @@
           justify-content: center;
   height: 100%;
   border-radius: 0 1px 1px 0;
-  background-color: var(--kd-c-stepper-embed-icon-color-background, #f6f7f9);
+  background-color: var(--kd-c-stepper-embed-icon-color-background, transparent);
   overflow: hidden;
   border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
   border: none;

package/es/stepper/style/token.less

@@ -6,7 +6,7 @@
 @stepper-icon-color: var(~'@{stepper-prefix}-icon-color', @color-text-secondary);
 @stepper-icon-color-hover: var(~'@{stepper-prefix}-icon-color-hover', @color-theme);
 @stepper-color-border-strong: var(~'@{stepper-prefix}-color-border-strong', @color-border-strong);
-@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', #f6f7f9);
+@stepper-embed-icon-color-background: var(~'@{stepper-prefix}-embed-icon-color-background', transparent);
 
 // font
 @stepper-input-font-size: var(~'@{stepper-prefix}-input-font-size', 12px);

package/es/steps/style/index.css

@@ -108,9 +108,13 @@
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+}
+.kd-steps .kd-steps-icon {
+  border: 2px solid;
+  padding-top: 1px;
+}
+.kd-steps .kdicon-exclamatory {
+  font-size: 30px;
 }
 .kd-steps-item {
   -webkit-box-flex: 1;
@@ -132,24 +136,24 @@
 }
 .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-icon,
 .kd-steps-item-clickable.kd-steps-item-wait .kd-steps-item-title {
-  -webkit-transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s));
-  transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s));
+  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
+  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s));
 }
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon {
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-  border: 2px solid var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-title,
 .kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-description {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item-clickable.kd-steps-item-finish .kd-steps-item-title {
-  -webkit-transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) ease;
-  transition: all var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) ease;
+  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
+  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) ease;
 }
 .kd-steps-item-clickable.kd-steps-item-finish:hover .kd-steps-item-title {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
 }
 .kd-steps-item-container {
   width: 100%;
@@ -176,13 +180,14 @@
 .kd-steps-item-iconContainer::after {
   content: '';
   width: 100%;
-  height: var(--kd-c-steps-line-sizing-height, 4px);
-  background-color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  height: var(--kd-c-steps-line-sizing-height, 1px);
+  border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999);
+  border-left: 1px dashed var(--kd-c-steps-color-wait, #999);
   position: absolute;
   left: 50%;
-  top: calc(50% - var(--kd-c-steps-line-sizing-height, 4px) / 2);
-  -webkit-transition: width var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
-  transition: width var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-duration-promptly, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+  top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
+  -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
+  transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, 0.3s)) cubic-bezier(0.48, 0.04, 0.52, 0.96);
 }
 .kd-steps-item-iconContainer:last-child::after {
   display: none;
@@ -214,10 +219,10 @@
       -ms-flex-align: center;
           align-items: center;
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   font-size: calc(var(--kd-c-steps-icon-sizing-width, 28px) - 13px);
   border-radius: 50%;
-  border: 2px solid var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  border-color: var(--kd-c-steps-color-wait, #999);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
@@ -227,7 +232,7 @@
 .kd-steps-item-content .kd-steps-item-title {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
@@ -237,7 +242,7 @@
 .kd-steps-item-content .kd-steps-item-description {
   line-height: 20px;
   font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+  color: var(--kd-c-steps-color-wait, #999);
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
@@ -245,32 +250,35 @@
   -webkit-box-orient: vertical;
   width: var(--kd-c-steps-vertical-description-sizing-width, 200px);
 }
+.kd-steps-item-process {
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+}
 .kd-steps-item-process .kd-steps-icon {
-  background-color: var(--kd-c-steps-icon-color-background, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
+  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
-.kd-steps-item-process .kd-steps-item-title {
-  color: var(--kd-c-steps-color-wait, var(--kd-g-color-text-secondary, #666));
+.kd-steps-item-process .kd-steps-item-title,
+.kd-steps-item-process .kd-steps-item-description {
+  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3));
 }
 .kd-steps-item:last-child .kd-steps-item-iconContainer::after {
   display: none;
 }
 .kd-steps-item-finish .kd-steps-icon {
   background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-  border: 2px solid var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
+  border-color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
 }
 .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-title,
 .kd-steps-item-finish .kd-steps-item-content .kd-steps-item-description {
-  color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
-}
-.kd-steps-item-iconContainer-finish::after {
-  background-color: var(--kd-c-steps-color-completed, var(--kd-g-color-theme, #5582f3));
+  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
 }
 .kd-steps-item-error .kd-steps-icon {
   color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
-  border: 2px solid var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
+  border-color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323));
 }
 .kd-steps-item-error .kd-steps-item-content .kd-steps-item-title,
 .kd-steps-item-error .kd-steps-item-content .kd-steps-item-description {
@@ -331,10 +339,10 @@
   margin-right: 4px;
 }
 .kd-steps-vertical .kd-steps-item-iconContainer::after {
-  width: var(--kd-c-steps-line-sizing-height, 4px);
+  width: var(--kd-c-steps-line-sizing-height, 1px);
   height: calc(100% + 44px);
   top: 2px;
-  left: calc(50% - var(--kd-c-steps-line-sizing-height, 4px) / 2);
+  left: calc(50% - var(--kd-c-steps-line-sizing-height, 1px) / 2);
 }
 .kd-steps-vertical .kd-steps-item-content {
   text-align: left;

package/es/steps/style/index.less

@@ -1,16 +1,19 @@
 @import '../../style/themes/index';
 @import './token.less';
 
-
 @steps-prefix-cls: ~'@{kd-prefix}-steps';
 
 .@{steps-prefix-cls} {
   display: flex;
   justify-content: space-between;
-  align-items: baseline;
 
-  &-iconSize {
-    // font-size: @steps-font-size;
+  .@{steps-prefix-cls}-icon {
+    border: 2px solid;
+    padding-top: 1px;
+  }
+
+  .@{kd-prefix}icon-exclamatory {
+    font-size: 30px;
   }
 
   &-item {
@@ -31,25 +34,21 @@
     }
 
     &-clickable&-wait {
-
       .@{steps-prefix-cls}-icon,
       .@{steps-prefix-cls}-item-title {
         transition: all @steps-duration-promptly;
       }
 
-
       &:hover {
         .@{steps-prefix-cls}-icon {
-          // background-color: @steps-color-background-wait-icon-hover;
-
           background-color: @steps-color-white;
-          color: @steps-color-completed;
-          border: 2px solid @steps-color-completed;
+          color: @steps-color-hover;
+          border-color: @steps-color-hover;
         }
 
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
-          color: @steps-color-completed;
+          color: @steps-color-hover;
         }
       }
     }
@@ -82,11 +81,12 @@
         content: '';
         width: 100%;
         height: @steps-line-sizing-height;
-        background-color: @steps-color-wait;
+        border-bottom: 1px dashed @steps-color-wait;
+        border-left: 1px dashed @steps-color-wait;
         position: absolute;
         left: 50%;
         top: calc(50% - @steps-line-sizing-height / 2);
-        transition: width @steps-duration-promptly @steps-transition-fn, background-color @steps-duration-promptly @steps-transition-fn
+        transition: width @steps-duration-promptly cubic-bezier(0.48, 0.04, 0.52, 0.96), background-color @steps-duration-promptly cubic-bezier(0.48, 0.04, 0.52, 0.96)
       }
 
       &:last-child {
@@ -103,7 +103,6 @@
         justify-content: center;
         align-items: center;
 
-        // background-color:@steps-color-white;
         .@{steps-prefix-cls}-icon {
           width: @steps-icon-sizing-width;
           height: @steps-icon-sizing-width;
@@ -114,7 +113,7 @@
           color: @steps-color-wait;
           font-size: calc(@steps-icon-sizing-width - 13px);
           border-radius: 50%;
-          border: 2px solid @steps-color-wait;
+          border-color: @steps-color-wait;
           box-sizing: border-box;
         }
       }
@@ -135,7 +134,6 @@
       }
 
       .@{steps-prefix-cls}-item-description {
-
         line-height: 20px;
         font-size: @steps-font-size;
         color: @steps-color-wait;
@@ -144,19 +142,21 @@
         word-break: break-word;
         display: -webkit-box;
         -webkit-box-orient: vertical;
-
         width: @steps-vertical-description-sizing-width;
-
       }
     }
 
     &-process {
+      color: @steps-color-hover;
+
       .@{steps-prefix-cls}-icon {
-        background-color: @steps-color-background-process-icon;
+        background-color: @steps-color-white;
+        color: @steps-color-hover;
+        border-color: @steps-color-hover;
       }
 
-      .@{steps-prefix-cls}-item-title {
-        color: @steps-color-wait;
+      .@{steps-prefix-cls}-item-title, .@{steps-prefix-cls}-item-description {
+        color: @steps-color-hover;
       }
     }
 
@@ -172,12 +172,11 @@
       .@{steps-prefix-cls}-icon {
         background-color: @steps-color-white;
         color: @steps-color-completed;
-        border: 2px solid @steps-color-completed;
+        border-color: @steps-color-completed;
         box-sizing: border-box;
       }
 
       .@{steps-prefix-cls}-item-content {
-
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
           color: @steps-color-completed;
@@ -185,31 +184,22 @@
       }
     }
 
-    &-iconContainer-finish {
-      &::after {
-        background-color: @steps-color-completed;
-      }
-    }
 
     &-error {
       .@{steps-prefix-cls}-icon {
         color: @steps-color-error;
-        border: 2px solid @steps-color-error;
+        border-color: @steps-color-error;
       }
 
       .@{steps-prefix-cls}-item-content {
-
         .@{steps-prefix-cls}-item-title,
         .@{steps-prefix-cls}-item-description {
           color: @steps-color-error;
         }
       }
-
-
     }
   }
 
-
   &-bottomLable {
     .@{steps-prefix-cls}-item-iconContainer {
       margin-bottom: 4px;

package/es/steps/style/token.less

@@ -2,26 +2,23 @@
 
 @steps-prefix: '--@{kd-prefix}-c-steps';
 
-@steps-duration-promptly: var(~'@{steps-prefix}-duration-promptly', @duration-promptly);
-@steps-transition-fn: cubic-bezier(0.48, 0.04, 0.52, 0.96);
-
-
-
 // color
-@steps-color-completed: var(~'@{steps-prefix}-color-completed', @color-theme);//已经完成
+@steps-color-completed: var(~'@{steps-prefix}-color-completed', @color-success);//已经完成
+@steps-color-hover: var(~'@{steps-prefix}-color-hover', @color-theme);
 @steps-color-error: var(~'@{steps-prefix}-color-error', @color-error);
-@steps-color-wait:  var(~'@{steps-prefix}-color-wait', @color-text-secondary);//未开始  等待
+@steps-color-wait:  var(~'@{steps-prefix}-color-wait', #999);//未开始  等待
 @steps-color-white: var(~'@{steps-prefix}-color-white',@color-white);
 @steps-color-background-process-icon: var(~'@{steps-prefix}-icon-color-background', @color-theme);//图标的颜色
 
-
 // font
 @steps-font-size: var(~'@{steps-prefix}-font-size', @font-size-small); // 文字大小
 
+// motion
+@steps-duration-promptly: var(~'@{steps-prefix}-motion-duration', @duration-promptly);
 
 // sizing
 @steps-icon-sizing-width: var(~'@{steps-prefix}-icon-sizing-width', 28px);//图标的大小
-@steps-line-sizing-height: var(~'@{steps-prefix}-line-sizing-height', 4px);//连接线高度
+@steps-line-sizing-height: var(~'@{steps-prefix}-line-sizing-height', 1px);//连接线高度
 @steps-horizontal-description-sizing-height: var(~'@{steps-prefix}-horizontal-description-sizing-height', 60px);//内容部分高度 横向
 @steps-vertical-description-sizing-width: var(~'@{steps-prefix}-vertical-description-sizing-width', 200px);//内容部分宽度    纵向
 

package/es/style/icon/kdicon.css

@@ -1,6 +1,6 @@
 @font-face {
   font-family: "kdicon";
-  src: url("kdicon.woff?t=1648879081136") format("woff");
+  src: url("kdicon.woff?t=1649311510226") format("woff");
 }
 .kdicon {
   font-family: 'kdicon' !important;
@@ -187,6 +187,7 @@
 .kdicon-shoppingcart:before { content: "\e6bf"; }
 .kdicon-shrink:before { content: "\e6fd"; }
 .kdicon-shutdown:before { content: "\e686"; }
+.kdicon-sigma:before { content: "\e71b"; }
 .kdicon-spin:before { content: "\e6f7"; }
 .kdicon-split:before { content: "\e6c3"; }
 .kdicon-star:before { content: "\e653"; }

package/es/switch/style/index.css

@@ -107,7 +107,7 @@
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  background-color: var(--kd-c-switch-color-off, #999);
+  background-color: var(--kd-c-switch-color-off, #B2B2B2);
   cursor: pointer;
   -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
   transition: all calc(0.3s - 0.1s) cubic-bezier(0, 0.4, 0.4, 1);
@@ -155,11 +155,11 @@
   vertical-align: baseline;
 }
 .kd-switch-disabled {
-  background-color: var(--kd-c-switch-color-background-disabled, var(--kd-g-color-disabled, #b2b2b2));
+  background-color: var(--kd-c-switch-color-off-background-disabled, #D9D9D9);
   cursor: not-allowed;
 }
 .kd-switch-checked {
-  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme, #5582f3));
+  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme-6, #5582f3));
   text-align: right;
 }
 .kd-switch-checked::after {
@@ -174,7 +174,7 @@
   color: var(--kd-c-switch-color-loading, var(--kd-g-color-ongoing, #276ff5));
 }
 .kd-switch-checked.kd-switch-disabled {
-  opacity: 0.5;
+  background-color: var(--kd-c-switch-color-on-background-disabled, var(--kd-g-color-theme-4, #b5cfff));
 }
 .kd-switch-checked .kd-switch-inner {
   margin: var(--kd-c-switch-inner-spacing-margin-checked, 0 17px 0 5px);
@@ -183,19 +183,19 @@
   margin: var(--kd-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px);
 }
 .kd-switch-size-small {
-  height: var(--kd-c-switch-small-sizing-height, 14px);
-  min-width: var(--kd-c-switch-small-sizing-width, 28px);
+  height: var(--kd-c-switch-small-sizing-height, 16px);
+  min-width: var(--kd-c-switch-small-sizing-width, 32px);
   line-height: var(--kd-c-switch-small-line-height, 14px);
   font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
-  border-radius: var(--kd-c-switch-small-radius-border, 7px);
+  border-radius: var(--kd-c-switch-small-radius-border, 8px);
 }
 .kd-switch-size-small::after {
-  width: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
-  height: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
+  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
+  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
 }
 .kd-switch-size-small .kd-switch-loading-icon {
-  width: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
-  height: calc(var(--kd-c-switch-small-sizing-height, 14px) - 2px);
+  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
+  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
 }
 .kd-switch-size-large {
   height: var(--kd-c-switch-large-sizing-height, 20px);

package/es/switch/style/index.less

@@ -32,7 +32,7 @@
   }
 
   &-disabled {
-    background-color: @switch-disabled-bg;
+    background-color: @switch-off-disabled-bg;
     cursor: not-allowed;
   }
 
@@ -53,7 +53,7 @@
     }
 
     &.@{switch-prefix-cls}-disabled {
-      opacity: 0.5;
+      background-color: @switch-on-disabled-bg;
     }
 
     .@{switch-prefix-cls}-inner {

package/es/switch/style/token.less

@@ -2,11 +2,11 @@
 
 @switch-prefix: '--@{kd-prefix}-c-switch';
 
-
 // color
-@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme);
-@switch-off-color: var(~'@{switch-prefix}-color-off', #999);
-@switch-disabled-bg: var(~'@{switch-prefix}-color-background-disabled', @color-disabled);
+@switch-on-color: var(~'@{switch-prefix}-color-on', @color-theme-6);
+@switch-off-color: var(~'@{switch-prefix}-color-off', #B2B2B2);
+@switch-on-disabled-bg: var(~'@{switch-prefix}-color-on-background-disabled', @color-theme-4);
+@switch-off-disabled-bg: var(~'@{switch-prefix}-color-off-background-disabled', #D9D9D9);
 @switch-loading-color: var(~'@{switch-prefix}-color-loading', @color-ongoing);
 @switch-font-color: var(~'@{switch-prefix}-color-font', @color-white);
 
@@ -15,19 +15,16 @@
 @switch-large-font-size: var(~'@{switch-prefix}-large-font-size', @font-size-small);
 @switch-inner-small-font-size: var(~'@{switch-prefix}-inner-font-size-small', @font-size-small);
 
-
 // line-height
 @switch-large-line-height: var(~'@{switch-prefix}-large-line-height', 20px);
 @switch-small-line-height: var(~'@{switch-prefix}-small-line-height', 14px);
 
-
 //radius
-@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 7px);
-
+@switch-small-border-radius: var(~'@{switch-prefix}-small-radius-border', 8px);
 
 // sizing
-@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 14px);
-@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 28px);
+@switch-small-height: var(~'@{switch-prefix}-small-sizing-height', 16px);
+@switch-small-min-width: var(~'@{switch-prefix}-small-sizing-width', 32px);
 @switch-large-height: var(~'@{switch-prefix}-large-sizing-height', 20px);
 @switch-large-min-width: var(~'@{switch-prefix}-large-sizing-width', 40px);
 @switch-large-border-radius: var(~'@{switch-prefix}-large-sizing-border-radius', 10px);

package/es/tabs/tabs.js

@@ -132,7 +132,7 @@ var Tabs = function Tabs(props) {
     });
 
     if (index !== -1) {
-      (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index);
+      (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index, true);
     }
   }, [curActiveKey, carouselRef, carouselData]);
   useEffect(function () {
@@ -418,6 +418,10 @@ var Tabs = function Tabs(props) {
       carouselData.push(item);
     });
 
+    if (effect !== 'none') {
+      console.log('effect', effect);
+    }
+
     return /*#__PURE__*/React.createElement(Carousel, {
       ref: carouselRef,
       dots: false,