@douyinfe/semi-foundation 2.23.0-beta.0 → 2.23.0

package/lib/es/form/form.scss

@@ -88,9 +88,7 @@ $rating: #{$prefix}-rating;
     }
 
     &-field-label {
-        // padding-left: $spacing-base;
         box-sizing: border-box;
-        padding-right: $spacing-form_label-paddingRight;
         font-weight: $font-form_label-fontWeight;
         color: $color-form_label-text-default;
         margin-bottom: $spacing-form_label-marginBottom;
@@ -146,6 +144,7 @@ $rating: #{$prefix}-rating;
         @include font-size-regular;
         display: flex;
         align-items: center;
+        // TODO help text margin token?
         margin-top: $spacing-form_message-marginTop;
         .#{$prefix}-icon-alert_triangle {
             color: $color-form_alertIcon-icon-default;
@@ -204,8 +203,8 @@ $rating: #{$prefix}-rating;
         .#{$switch},
         .#{$rating} {
             vertical-align: middle;
-            margin-top: $spacing-form_label_small-paddingTop;
-            margin-bottom: $spacing-form_label_small-paddingTop;
+            margin-top: $spacing-form_switch_rating_marginY;
+            margin-bottom: $spacing-form_switch_rating_marginY;
         }
     }
 

package/lib/es/form/rtl.scss

@@ -33,7 +33,6 @@ $rating: #{$prefix}-rating;
     
         &-field-label {
             padding-right: 0;
-            padding-left: $spacing-form_label-paddingRight;
     
             &-with-extra {
                 .#{$field}-label-extra {

package/lib/es/form/variables.scss

@@ -1,45 +1,48 @@
-$spacing-form_label-paddingTop: ($height-control-default - 20px) * 0.5; // 水平布局表单标题顶部内边距
-$spacing-form_label_small-paddingTop: ($height-control-default - 24px) * 0.5; // 水平布局 小尺寸表单标题顶部内边距
-
-$spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单标题右侧内边距
+// form field
+$spacing-form_field_horizontal-paddingRight: $spacing-base; // 水平布局表单项右侧内边距
 $spacing-form_field_group_horizontal-paddingRight: $spacing-base; // 水平布局表单组标题右侧内边距
-
-$spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单顶部内边距
-$spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单底部内边距
-
+$spacing-form_field_vertical-paddingTop: $spacing-base-tight; // 表单项顶部内边距（垂直布局）
+$spacing-form_field_vertical-paddingBottom: $spacing-base-tight; // 表单项底部内边距（垂直布局）
 $spacing-form_field_group_vertical-paddingTop: $spacing-base-tight; // 垂直布局表单组顶部内边距
 $spacing-form_field_group_vertical-paddingBottom: $spacing-base-tight; // 垂直布局表单组底部内边距
-$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
-$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
-$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
 
-$spacing-form_label-paddingRight: $spacing-base; // 表单标题右侧内边距
-$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单标题底部外边距
-$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单标题图标左侧内边距
-$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单标题必填标志左侧内边距
-$spacing-form_label_posLeft-marginRight: 0; // 水平布局表单标题右侧外边距
-$spacing-form_label_posLeft-marginBottom: 0; // 水平布局表单标题底部外边距
-$spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 垂直布局表单标题顶部内边距
-$spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 垂直布局表单标题底部内边距
-$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 居中
-$spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单额外信息辅助文字底部外边距 - 居中
-$spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单额外信息辅助文字顶部外边距 - 底部
-$spacing-form_statusIcon-marginRight: $spacing-extra-tight;  // 表单校验图标右侧外边距
+// form label
+$spacing-form_label-paddingTop: ($height-control-default - 20px) * 0.5; // 表单项标签顶部内边距（水平布局）
+$spacing-form_label-marginBottom: $spacing-extra-tight; // 表单项标签底部外边距
+$spacing-form_label_extra-marginLeft: $spacing-extra-tight; // 表单项标签额外信息左侧边距
+$spacing-form_label_required-marginLeft: $spacing-extra-tight; // 表单项标签必填标志左侧边距
+$spacing-form_label_posLeft-marginRight: 0; // 表单项左侧标签右侧外边距
+$spacing-form_label_posLeft-marginBottom: 0; // 表单项左侧标签底部外边距
+$spacing-form_label_posTop-paddingTop: $spacing-extra-tight; // 表单项顶部标签顶部边距
+$spacing-form_label_posTop-paddingBottom: $spacing-extra-tight; // 表单项顶部标签底部边距
+$spacing-form_label_extra_posMid-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距
+$spacing-form_label_extra_posMid-marginBottom: $spacing-extra-tight; // 表单项标签 图标/可选标记 底部外边距 - 居中
+$spacing-form_label_extra_posBottom-marginTop: $spacing-extra-tight; // 表单项标签 图标/可选标记 顶部外边距 - 底部
+
+// form switch rating需要额外margin以对齐高度 32px
+$spacing-form_switch_rating_marginY: ($height-control-default - 24px) * 0.5; // Switch / Rating 表单项顶部内边距（水平布局）
 
-$spacing-form_message-marginTop: $spacing-extra-tight; // 表单校验信息顶部外边距
+$color-form_requiredMark_disabled-text-default: var(--semi-color-danger);  // 禁用表单项必填标记颜色
+$color-form_label_disabled-text-default: var(--semi-color-disabled-text); // 禁用表单项标签文字颜色
+$font-form_label-fontWeight: $font-weight-bold; // 表单项标签字重
 
-$font-form_label-fontWeight: $font-weight-bold; // 表单标题字重
+$color-form_label-text-default: var(--semi-color-text-0); // 表单项标签文字颜色
+$color-form_label_optional-text-default: var(--semi-color-tertiary); // 表单项标签可选标记颜色
+$color-form_label_extra-text-default: var(--semi-color-tertiary); // 表单项标签图标颜色
+$color-form_requiredMark-text-default: var(--semi-color-danger); // 必填标记颜色
 $font-form_requiredMark-fontWeight: $font-weight-bold; // 表单必填标识字重
 
-$color-form_label-text-default: var(--semi-color-text-0); // 表单标题文字颜色
-$color-form_label_optional-text-default: var(--semi-color-tertiary); // 表单可选标记文字颜色
-$color-form_label_extra-text-default: var(--semi-color-tertiary); // 表单额外信息辅助文字颜色
+// form errormessage
+$color-form_message_error-text-default: var(--semi-color-danger); // 错误提示颜色
+$color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告图标颜色
+$spacing-form_statusIcon-marginRight: $spacing-extra-tight;  // 表单校验状态图标右侧外边距
+$spacing-form_message-marginTop: $spacing-extra-tight; // 表单错误信息、辅助文字顶部外边距
 
-$color-form_label_disabled-text-default: var(--semi-color-disabled-text); // 禁用表单项标题文字颜色
-$color-form_requiredMark-text-default: var(--semi-color-danger); // 必填标记颜色
-$color-form_requiredMark_disabled-text-default: var(--semi-color-danger);  // 禁用表单项必填标记颜色
-$color-form_alertIcon-icon-default: var(--semi-color-warning); // 警告表单项图标颜色
-$color-form_message_error-text-default: var(--semi-color-danger); // 错误表单项图标颜色
+// form section
 $color-form_section-text-default: var(--semi-color-text-0); // 表单分组标题文字颜色
-$color-form_section-border-default: var(--semi-color-border); // 表单分组描边颜色
-$width-form_section-border: $border-thickness-control; // 表单分组描边宽度
+$color-form_section-border-default: var(--semi-color-border); // 表单分组标题底部描边颜色
+$width-form_section-border: $border-thickness-control; // 表单分组标题底部描边宽度
+$spacing-form_section-marginTop: $spacing-super-loose - $spacing-base-tight; // 表单分组顶部内边距
+$spacing-form_section_text-paddingBottom: $spacing-tight; // 表单分组标题底部内边距
+$spacing-form_section_text-marginBottom: $spacing-extra-tight; // 表单分组标题底部外边距
+

package/lib/es/input/animation.scss

@@ -1,14 +1,14 @@
-$transition_duration-input-bg: var(--semi-transition_duration-faster);//输入框-背景色-动画持续时间
+$transition_duration-input-bg: var(--semi-transition_duration-none);//输入框-背景色-动画持续时间
 $transition_function-input-bg: var(--semi-transition_function-easeIn);//输入框-背景色-过渡曲线
-$transition_delay-input-bg: var(--semi-transition_delay-fastest);//输入框-背景色-延迟时间
+$transition_delay-input-bg: var(--semi-transition_delay-none);//输入框-背景色-延迟时间
 
-$transition_duration-input-border: var(--semi-transition_duration-faster);//输入框-边框-动画持续时间
+$transition_duration-input-border: var(--semi-transition_duration-none);//输入框-边框-动画持续时间
 $transition_function-input-border: var(--semi-transition_function-easeIn);//输入框-边框-过渡曲线
-$transition_delay-input-border: var(--semi-transition_delay-fastest);//输入框-边框-延迟时间
+$transition_delay-input-border: var(--semi-transition_delay-none);//输入框-边框-延迟时间
 
-$transition_duration-input-text: var(--semi-transition_duration-faster);//输入框-文字或图标-动画持续时间
+$transition_duration-input-text: var(--semi-transition_duration-none);//输入框-文字或图标-动画持续时间
 $transition_function-input-text: var(--semi-transition_function-easeIn);//输入框-文字或图标-过渡曲线
-$transition_delay-input-text: var(--semi-transition_delay-fastest);//输入框-文字或图标-延迟时间
+$transition_delay-input-text: var(--semi-transition_delay-none);//输入框-文字或图标-延迟时间
 
 // transform token
 $transform_scale-input: var(--semi-transform_scale-none);//输入框-变大

package/lib/es/input/input.css

@@ -18,7 +18,7 @@
   }
 }
 .semi-input {
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 
@@ -38,7 +38,7 @@
   cursor: text;
   box-sizing: border-box;
   color: var(--semi-color-text-0);
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-input-wrapper-default {

package/lib/es/input/textarea.css

@@ -10,7 +10,7 @@
   border-radius: var(--semi-border-radius-small);
   vertical-align: bottom;
   background-color: var(--semi-color-fill-0);
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-input-textarea-wrapper:hover {
   background-color: var(--semi-color-fill-1);

package/lib/es/inputNumber/animation.scss

@@ -1,10 +1,10 @@
-$transition_duration-inputNumber-bg: var(--semi-transition_duration-faster);//数字输入框-背景色-动画持续时间
+$transition_duration-inputNumber-bg: var(--semi-transition_duration-none);//数字输入框-背景色-动画持续时间
 $transition_function-inputNumber-bg: var(--semi-transition_function-easeIn);//数字输入框-背景色-过渡曲线
-$transition_delay-inputNumber-bg: var(--semi-transition_delay-fastest);//数字输入框-背景色-延迟时间
+$transition_delay-inputNumber-bg: var(--semi-transition_delay-none);//数字输入框-背景色-延迟时间
 
-$transition_duration-inputNumber-border: var(--semi-transition_duration-faster);//数字输入框-边框-动画持续时间
+$transition_duration-inputNumber-border: var(--semi-transition_duration-none);//数字输入框-边框-动画持续时间
 $transition_function-inputNumber-border: var(--semi-transition_function-easeIn);//数字输入框-边框-过渡曲线
-$transition_delay-inputNumber-border: var(--semi-transition_delay-fastest);//数字输入框-边框-延迟时间
+$transition_delay-inputNumber-border: var(--semi-transition_delay-none);//数字输入框-边框-延迟时间
 
 // transform token
 $transform_scale-inputNumber: var(--semi-transform_scale-none);//数字输入框-变大

package/lib/es/inputNumber/inputNumber.css

@@ -5,7 +5,7 @@
   display: inline-flex;
   align-items: center;
   box-sizing: border-box;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-input-number-suffix-btns {

package/lib/es/navigation/animation.scss

@@ -1,4 +1,4 @@
-$transition_duration-navigation_itemL1-bg: var(--semi-transition_duration-faster);//导航一级菜单-背景色-动画持续时间
+$transition_duration-navigation_itemL1-bg: var(--semi-transition_duration-none);//导航一级菜单-背景色-动画持续时间
 $transition_function-navigation_itemL1-bg: var(--semi-transition_function-easeIn);//导航一级菜单-背景色-过渡曲线
-$transition_delay-navigation_itemL1-bg: var(--semi-transition_delay-fastest);//导航一级菜单-背景色-延迟时间
+$transition_delay-navigation_itemL1-bg: var(--semi-transition_delay-none);//导航一级菜单-背景色-延迟时间
 

package/lib/es/navigation/navigation.css

@@ -63,7 +63,7 @@
   font-weight: 400;
   color: var(--semi-color-text-0);
   width: 100%;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-navigation-sub-wrap .semi-navigation-sub-title-text, .semi-navigation-item-text {
   overflow: hidden;

package/lib/es/pagination/animation.scss

@@ -1,10 +1,10 @@
-$transition_duration-pagination_item-bg: var(--semi-transition_duration-faster);//翻页器页码-背景色-动画持续时间
+$transition_duration-pagination_item-bg: var(--semi-transition_duration-none);//翻页器页码-背景色-动画持续时间
 $transition_function-pagination_item-bg: var(--semi-transition_function-easeIn);//翻页器页码-背景色-过渡曲线
-$transition_delay-pagination_item-bg: var(--semi-transition_delay-fastest);//翻页器页码-背景色-延迟时间
+$transition_delay-pagination_item-bg: var(--semi-transition_delay-none);//翻页器页码-背景色-延迟时间
 
-$transition_duration-pagination_item-text: var(--semi-transition_duration-faster);//翻页器页码文本-背景色-动画持续时间
+$transition_duration-pagination_item-text: var(--semi-transition_duration-none);//翻页器页码文本-背景色-动画持续时间
 $transition_function-pagination_item-text: var(--semi-transition_function-easeIn);//翻页器页码文本-背景色-过渡曲线
-$transition_delay-pagination_item-text: var(--semi-transition_delay-fastest);//翻页器页码文本-背景色-延迟时间
+$transition_delay-pagination_item-text: var(--semi-transition_delay-none);//翻页器页码文本-背景色-延迟时间
 
 //transform token
 

package/lib/es/pagination/pagination.css

@@ -37,7 +37,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-page-item:hover {

package/lib/es/radio/animation.scss

@@ -1,10 +1,10 @@
-$transition_duration-radio-bg: var(--semi-transition_duration-faster);//单选框-背景色-动画持续时间
+$transition_duration-radio-bg: var(--semi-transition_duration-none);//单选框-背景色-动画持续时间
 $transition_function-radio-bg: var(--semi-transition_function-easeIn);//单选框-背景色-过渡曲线
-$transition_delay-radio-bg: var(--semi-transition_delay-fastest);//单选框-背景色-延迟时间
+$transition_delay-radio-bg: var(--semi-transition_delay-none);//单选框-背景色-延迟时间
 
-$transition_duration-radio-border: var(--semi-transition_duration-faster);//单选框-边框-动画持续时间
+$transition_duration-radio-border: var(--semi-transition_duration-none);//单选框-边框-动画持续时间
 $transition_function-radio-border: var(--semi-transition_function-easeIn);//单选框-边框-过渡曲线
-$transition_delay-radio-border: var(--semi-transition_delay-fastest);//单选框-边框-延迟时间
+$transition_delay-radio-border: var(--semi-transition_delay-none);//单选框-边框-延迟时间
 
 // transform token
 $transform_scale-radio: var(--semi-transform_scale-none);//单选框-变大

package/lib/es/radio/radio.css

@@ -8,7 +8,7 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: inline-flex;
   column-gap: 8px;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   min-height: 20px;
   min-width: 16px;
   cursor: pointer;
@@ -78,7 +78,7 @@
   padding: 12px 16px;
   background: transparent;
   border: 1px solid transparent;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-cardRadioGroup .semi-radio-inner {
   flex-shrink: 0;
@@ -165,7 +165,7 @@
   border: solid 1px var(--semi-color-text-3);
   border-radius: 16px;
   background: transparent;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-inner-display .semi-icon {
   width: 100%;
@@ -195,7 +195,7 @@
   color: var(--semi-color-text-1);
   font-size: 12px;
   padding: 4px 16px;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-radio-addon-buttonRadio-hover {
   font-weight: 600;

package/lib/es/rating/animation.scss

@@ -1,6 +1,6 @@
-$transition_duration-rating-color: var(--semi-transition_duration-faster);//评分-背景色-动画持续时间
+$transition_duration-rating-color: var(--semi-transition_duration-none);//评分-背景色-动画持续时间
 $transition_function-rating-color: var(--semi-transition_function-easeIn);//评分-背景色-过渡曲线
-$transition_delay-rating-color: var(--semi-transition_delay-fastest);//评分-背景色-延迟时间
+$transition_delay-rating-color: var(--semi-transition_delay-none);//评分-背景色-延迟时间
 
 // transform token
 $transform_scale-rating: var(--semi-transform_scale-none);//评分-变大

package/lib/es/rating/rating.css

@@ -59,7 +59,7 @@
   height: 100%;
 }
 .semi-rating-star-first, .semi-rating-star-second {
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   color: var(--semi-color-fill-0);
   user-select: none;
 }

package/lib/es/scrollList/animation.scss

@@ -1,3 +1,3 @@
-$transition_duration-scrollList_selected_item-bg: var(--semi-transition_duration-fastest); // 滚动列表选中选项-背景颜色-动画持续时间
+$transition_duration-scrollList_selected_item-bg: var(--semi-transition_duration-none); // 滚动列表选中选项-背景颜色-动画持续时间
 $transition_function-scrollList_selected_item-bg: var(--semi-transition_function-easeOut); // 滚动列表选中选项-背景颜色-过渡曲线
 $transition_delay-scrollList_selected_item-bg: 0ms; // 滚动列表选中选项-背景颜色-延迟时间

package/lib/es/scrollList/scrollList.css

@@ -69,7 +69,7 @@
   justify-content: center;
   cursor: pointer;
   background-color: transparent;
-  transition: background-color var(--semi-transition_duration-fastest) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel,
 .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {

package/lib/es/select/animation.scss

@@ -1,14 +1,14 @@
-$transition_duration-select-bg: var(--semi-transition_duration-faster);//选择器-背景色-动画持续时间
+$transition_duration-select-bg: var(--semi-transition_duration-none);//选择器-背景色-动画持续时间
 $transition_function-select-bg: var(--semi-transition_function-easeIn);//选择器-背景色-过渡曲线
-$transition_delay-select-bg: var(--semi-transition_delay-fastest);//选择器-背景色-延迟时间
+$transition_delay-select-bg: var(--semi-transition_delay-none);//选择器-背景色-延迟时间
 
-$transition_duration-select-border: var(--semi-transition_duration-faster);//选择器-边框-动画持续时间
+$transition_duration-select-border: var(--semi-transition_duration-none);//选择器-边框-动画持续时间
 $transition_function-select-border: var(--semi-transition_function-easeIn);//选择器-边框-过渡曲线
-$transition_delay-select-border: var(--semi-transition_delay-fastest);//选择器-边框-延迟时间
+$transition_delay-select-border: var(--semi-transition_delay-none);//选择器-边框-延迟时间
 
-$transition_duration-select_option-bg: var(--semi-transition_duration-faster);//选择器-选项-动画持续时间
+$transition_duration-select_option-bg: var(--semi-transition_duration-none);//选择器-选项-动画持续时间
 $transition_function-select_option-bg: var(--semi-transition_function-easeIn);//选择器-选项-过渡曲线
-$transition_delay-select_option-bg: var(--semi-transition_delay-fastest);//选择器-选项-延迟时间
+$transition_delay-select_option-bg: var(--semi-transition_delay-none);//选择器-选项-延迟时间
 
 // transform token
 $transform_scale-select: var(--semi-transform_scale-none);//选择框-变大

package/lib/es/select/select.css

@@ -18,7 +18,7 @@
   align-items: center;
   cursor: pointer;
   box-sizing: border-box;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-select-option-icon {
   width: 12px;
@@ -81,7 +81,7 @@
   position: relative;
   outline: none;
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), border var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-none));
 }
 .semi-select:hover {

package/lib/es/slider/animation.scss

@@ -1,6 +1,6 @@
-$transition_duration-slider_handle-bg: var(--semi-transition_duration-faster);//滑动条圆形按钮-背景色-动画持续时间
+$transition_duration-slider_handle-bg: var(--semi-transition_duration-none);//滑动条圆形按钮-背景色-动画持续时间
 $transition_function-slider_handle-bg: var(--semi-transition_function-easeIn);//滑动条圆形按钮-背景色-过渡曲线
-$transition_delay-slider_handle-bg: var(--semi-transition_delay-fastest);//滑动条圆形按钮-背景色-延迟时间
+$transition_delay-slider_handle-bg: var(--semi-transition_delay-none);//滑动条圆形按钮-背景色-延迟时间
 
 //transform token
 

package/lib/es/slider/slider.css

@@ -44,7 +44,7 @@
   border: none;
   border-radius: 50%;
   cursor: pointer;
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
 .semi-slider-handle:focus-visible {

package/lib/es/steps/animation.scss

@@ -1,14 +1,14 @@
-$transition_duration-steps_item_title-text: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_title-text: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_title-text: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_title-text: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_title-text: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
-$transition_duration-steps_item_title-icon: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_title-icon: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_title-icon: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_title-icon: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_title-icon: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
-$transition_duration-steps_item_backgroundColor: var(--semi-transition_duration-faster);//步骤条标题文字-背景色-动画持续时间
+$transition_duration-steps_item_backgroundColor: var(--semi-transition_duration-none);//步骤条标题文字-背景色-动画持续时间
 $transition_function-steps_item_backgroundColor: var(--semi-transition_function-easeIn);//步骤条标题文字-背景色-过渡曲线
-$transition_delay-steps_item_backgroundColor: var(--semi-transition_delay-fastest);//步骤条标题文字-背景色-延迟时间
+$transition_delay-steps_item_backgroundColor: var(--semi-transition_delay-none);//步骤条标题文字-背景色-延迟时间
 
 
 

package/lib/es/steps/steps.css

@@ -17,9 +17,9 @@
   border: 1px solid transparent;
   border-radius: var(--semi-border-radius-medium);
   padding: 12px 16px;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps .semi-steps-item .semi-steps-item-title {
   position: relative;
@@ -32,7 +32,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: var(--semi-color-text-0);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps .semi-steps-item .semi-steps-item-description {
   font-size: 14px;
@@ -198,7 +198,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic.semi-steps-vertical {
   display: flex;
@@ -261,7 +261,7 @@
   overflow: hidden;
   flex: 1;
   cursor: pointer;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest), background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   transform: scale(var(--semi-transform_scale-small));
 }
 .semi-steps-basic .semi-steps-item:hover .semi-steps-item-title {
@@ -298,7 +298,7 @@
   background: var(--semi-color-primary);
   border-radius: var(--semi-border-radius-circle);
   color: var(--semi-color-white);
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item .semi-steps-item-title {
   position: relative;
@@ -312,7 +312,7 @@
   vertical-align: top;
   padding-right: 16px;
   padding-bottom: 4px;
-  transition: color var(--semi-transition_duration-faster) var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {
   color: var(--semi-color-primary);

package/lib/es/switch/animation.scss

@@ -1,4 +1,4 @@
 $transition_duration-switch-bg: 200ms;//开关-背景色-动画持续时间
 $transition_function-switch-bg: var(--semi-transition_function-easeIn);//开关-背景色-过渡曲线
-$transition_delay-switch-bg: var(--semi-transition_delay-fastest);//开关-背景色-延迟时间
+$transition_delay-switch-bg: var(--semi-transition_delay-none);//开关-背景色-延迟时间
 

package/lib/es/switch/switch.css

@@ -9,7 +9,7 @@
   position: relative;
   cursor: pointer;
   background-color: var(--semi-color-fill-0);
-  transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-fastest);
+  transition: background-color 200ms var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
   width: 40px;
   height: 24px;
 }

package/lib/es/table/animation.scss

@@ -1,3 +1,3 @@
-$transition_duration-table_body-bg: var(--semi-transition_duration-faster); // 表格-背景颜色-动画持续时间
+$transition_duration-table_body-bg: var(--semi-transition_duration-none); // 表格-背景颜色-动画持续时间
 $transition_function-table_body-bg: var(--semi-transition_function-easeOut); // 表格-背景颜色-过渡曲线
 $transition_delay-table_body-bg: 0ms; // 表格-背景颜色-延迟时间

package/lib/es/table/table.css

@@ -245,10 +245,10 @@
   box-shadow: -3px 0 0 0 var(--semi-color-shadow);
 }
 .semi-table-tbody > .semi-table-row > .semi-table-cell-fixed > * {
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-table-tbody > .semi-table-row > * {
-  transition: background-color var(--semi-transition_duration-faster) var(--semi-transition_function-easeOut) 0ms;
+  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
 }
 .semi-table-tbody > .semi-table-row-section {
   display: table-row;

package/lib/es/tabs/animation.scss

@@ -1,20 +1,20 @@
-$transition_duration-tabs_tab_line-border: var(--semi-transition_duration-faster); //线条式标签页标示线-边框-动画持续时间
+$transition_duration-tabs_tab_line-border: var(--semi-transition_duration-none); //线条式标签页标示线-边框-动画持续时间
 $transition_function-tabs_tab_line-border: var(--semi-transition_function-easeIn); //线条式标签页标示线-边框-过渡曲线
-$transition_delay-tabs_tab_line-border: var(--semi-transition_delay-fastest); //线条式标签页标示线-边框-延迟时间
+$transition_delay-tabs_tab_line-border: var(--semi-transition_delay-none); //线条式标签页标示线-边框-延迟时间
 
-$transition_duration-tabs_tab_line-text: var(--semi-transition_duration-faster); //线条式标签页-文字-动画持续时间
+$transition_duration-tabs_tab_line-text: var(--semi-transition_duration-none); //线条式标签页-文字-动画持续时间
 $transition_function-tabs_tab_line-text: var(--semi-transition_function-easeIn); //线条式标签页-文字-过渡曲线
-$transition_delay-tabs_tab_line-text: var(--semi-transition_delay-fastest); //线条式标签页-文字-延迟时间
+$transition_delay-tabs_tab_line-text: var(--semi-transition_delay-none); //线条式标签页-文字-延迟时间
 
 
-$transition_duration-tabs_tab_button-bg: var(--semi-transition_duration-faster); //按钮式标签页-背景色-动画持续时间
+$transition_duration-tabs_tab_button-bg: var(--semi-transition_duration-none); //按钮式标签页-背景色-动画持续时间
 $transition_function-tabs_tab_button-bg: var(--semi-transition_function-easeIn); //按钮式标签页-背景色-过渡曲线
-$transition_delay-tabs_tab_button-bg: var(--semi-transition_delay-fastest); //按钮式标签页-背景色-延迟时间
+$transition_delay-tabs_tab_button-bg: var(--semi-transition_delay-none); //按钮式标签页-背景色-延迟时间
 
 
-$transition_duration-tabs_tab_card-bg: var(--semi-transition_duration-faster); //卡片式标签页文字-背景色-动画持续时间
+$transition_duration-tabs_tab_card-bg: var(--semi-transition_duration-none); //卡片式标签页文字-背景色-动画持续时间
 $transition_function-tabs_tab_card-bg: var(--semi-transition_function-easeIn); //卡片式标签页文字-背景色-过渡曲线
-$transition_delay-tabs_tab_card-bg: var(--semi-transition_delay-fastest); //卡片式标签页文字-背景色-延迟时间
+$transition_delay-tabs_tab_card-bg: var(--semi-transition_delay-none); //卡片式标签页文字-背景色-延迟时间
 
 //transform token