@douyinfe/semi-foundation 2.78.0 → 2.79.0

package/button/button.scss

@@ -6,7 +6,6 @@ $module: #{$prefix}-button;
 
 .#{$module} {
     @include shadow-0;
-    @include font-size-regular;
     height: $height-button_default;
     display: inline-flex;
     align-items: center;
@@ -19,6 +18,8 @@ $module: #{$prefix}-button;
     padding-right: $spacing-button_default-paddingRight;
     padding-top: $spacing-button_default-paddingTop;
     padding-bottom: $spacing-button_default-paddingTop;
+    font-size: $font-button-fontSize;
+    line-height: $font-button-lineHeight;
     font-weight: $font-button-fontWeight;
     outline: none;
     vertical-align: middle;
@@ -313,6 +314,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_small-paddingBottom;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
+        font-size: $font-button_small-fontSize;
+        line-height: $font-button_small-lineHeight;
+        font-weight: $font-button_small-fontWeight;
     }
 
     &-size-large {
@@ -321,6 +325,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_large-paddingBottom;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
+        font-size: $font-button_large-fontSize;
+        line-height: $font-button_large-lineHeight;
+        font-weight: $font-button_large-fontWeight;
     }
 
     &-block {

package/button/variables.scss

@@ -165,7 +165,16 @@ $width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
 $spacing-button_iconOnly_content-marginRight: $spacing-tight; // 按钮右侧图标距离文字间距
 
-$font-button-fontWeight: $font-weight-bold; // 按钮文字字重
+$font-button-fontWeight: $font-weight-bold; // 按钮文字字重 - 默认
+$font-button-fontSize: $font-size-regular; // 按钮文字字号- 默认
+$font-button-lineHeight: 20px; // 按钮文字行高 - 默认
+$font-button_small-fontWeight: $font-weight-bold; // 按钮文字字重 - 小尺寸
+$font-button_small-fontSize: $font-size-regular; // 按钮文字字号- 小尺寸
+$font-button_small-lineHeight: 20px; // 按钮文字行高 - 小尺寸
+$font-button_large-fontWeight: $font-weight-bold; // 默认按钮文字字重 - 大尺寸
+$font-button_large-fontSize: $font-size-regular; // 默认按钮文字字号 - 大尺寸
+$font-button_large-lineHeight: 20px; // 默认按钮文字行高 - 大尺寸
+
 $height-button_large: $height-control-large; // 按钮高度 - 大尺寸
 $height-button_small: $height-control-small; // 按钮高度 - 小尺寸
 $height-button_default: $height-control-default; // 按钮高度 - 默认

package/cascader/cascader.scss

@@ -39,6 +39,16 @@ $module: #{$prefix}-cascader;
     &-small {
         min-height: $height-cascader_small;
         line-height: $height-cascader_small;
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_small_selection-paddingLeft;
+            padding-right: $spacing-cascader_small_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_small_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_small_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-large {
@@ -47,6 +57,16 @@ $module: #{$prefix}-cascader;
         .#{$module}-selection {
             @include font-size-header-6;
         }
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_large_selection-paddingLeft;
+            padding-right: $spacing-cascader_large_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_large_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_large_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-focus {

package/cascader/variables.scss

@@ -45,10 +45,20 @@ $color-cascader_danger-border-active: var(--semi-color-danger-light-active); //
 
 $color-cascader_prefix_suffix_text-default: var(--semi-color-text-2); // 级联选择前后缀文字颜色
 
-$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距
-$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
-$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
-$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
+$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距 - 默认
+$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距 - 默认
+$spacing-cascader_small_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 小尺寸
+$spacing-cascader_small_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 小尺寸
+$spacing-cascader_large_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 大尺寸
+$spacing-cascader_large_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 大尺寸
+
+$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 默认
+$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距 - 默认
+$spacing-cascader_small_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_small_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_large_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+$spacing-cascader_large_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+
 $spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
 $spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距

package/chat/chat.scss

@@ -138,6 +138,8 @@ $module: #{$prefix}-chat;
 
         &-avatar {
             flex-shrink: 0;
+            width: $width-chat_chatBox_avatar;
+            height: $width-chat_chatBox_avatar;
 
             &-hidden {
                 visibility: hidden;
@@ -208,6 +210,7 @@ $module: #{$prefix}-chat;
             align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
+            max-width: calc(100% - $spacing-chat_chatBox-columnGap - $width-chat_chatBox_avatar);
         }
 
 
@@ -217,6 +220,8 @@ $module: #{$prefix}-chat;
                 padding: $spacing-chat_chatBox_content-paddingY $spacing-chat_chatBox_content-paddingX;
                 border-radius: $radius-chat_chatBox_content;
                 background-color: $color-chat_chatBox_content_bg;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
             code {

package/chat/variables.scss

@@ -104,6 +104,8 @@ $width-chat_attachment_file_title: 90px; // 附件文件标题最大宽度
 $width-chat_max: 800px; // chat组件最大宽度
 $width-chat_dropArea-border: 5px; // 拖拽上传边框宽度
 $width-chat_chatBox_content_code_topSlot_copy: 150px; // 聊天框代码块顶部复制按钮最小宽度 
+$width-chat_chatBox_avatar: 24px; // 聊天框头像宽度
+
 // height
 $height-chat_action_stop: 42px; //停止生成按钮高度
 

package/checkbox/checkbox.scss

@@ -81,6 +81,7 @@ $module: #{$prefix}-checkbox;
 
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
+                color: $color-checkbox_checked-icon-disabled;
                 background: $color-checkbox_checked-bg-disabled;
                 box-shadow: none;
             }

package/dropdown/dropdown.scss

@@ -48,6 +48,7 @@ $module: #{$prefix}-dropdown;
         align-items: center;
         transition: background-color $transition_duration-dropdown_item-bg $transition_function-dropdown_item-bg
             $transition_delay-dropdown_item-bg;
+        border-radius: $radius-dropdown_item;
 
         &-hover {
             background-color: $color-dropdown_item-bg-hover;

package/dropdown/variables.scss

@@ -1,4 +1,5 @@
 $radius-dropdown: var(--semi-border-radius-medium); // 下拉菜单圆角大小
+$radius-dropdown_item: 0px; // 下拉菜单项圆角大小
 $color-dropdown-bg-default: var(--semi-color-bg-3); // 下拉菜单背景颜色
 $color-dropdown_title-text-default: var(--semi-color-text-2); // 下拉菜单分组标题文字颜色
 

package/inputNumber/inputNumber.scss

@@ -65,6 +65,8 @@ $module: #{$prefix}-input-number;
 
     &-suffix-btns-inner {
         margin-left: $spacing-inputNumber_button_inner-marginLeft;
+        border-radius: $radius-inputNumber_inner;
+        overflow: hidden
     }
 
     .#{$prefix}-input-clearbtn {

package/inputNumber/variables.scss

@@ -6,7 +6,8 @@ $height-inputNumber_button_inner_large: $height-control-large - 2px; // 隐藏
 $height-inputNumber_button_inner_small: $height-control-small - 2px; // 隐藏步进器的数字输入框高度 - 小
 
 $width-inputNumber_button: 14px; // 步进器按钮宽度
-$radius-inputNumber: var(--semi-border-radius-small);
+$radius-inputNumber: var(--semi-border-radius-small); // 步进器按钮圆角 - 外部
+$radius-inputNumber_inner: var(--semi-border-radius-small); // 步进器按钮圆角 - 内部
 $spacing-inputNumber_button-marginLeft: 4px; // 步进器按钮左侧外边距
 $color-inputNumber_button-text-default: var(--semi-color-text-2); // 步进器按钮图标颜色
 $color-inputNumber_button-text-disabled: var(--semi-color-disabled-text); // 步进器按钮图标颜色 - 禁用

package/lib/cjs/button/button.css

@@ -23,9 +23,6 @@
 
 .semi-button {
   box-shadow: none;
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   height: 32px;
   display: inline-flex;
   align-items: center;
@@ -38,6 +35,8 @@
   padding-right: 12px;
   padding-top: 6px;
   padding-bottom: 6px;
+  font-size: 14px;
+  line-height: 20px;
   font-weight: 600;
   outline: none;
   vertical-align: middle;
@@ -255,6 +254,9 @@
   padding-bottom: 2px;
   padding-left: 12px;
   padding-right: 12px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-size-large {
   height: 40px;
@@ -262,6 +264,9 @@
   padding-bottom: 10px;
   padding-left: 16px;
   padding-right: 16px;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
 }
 .semi-button-block {
   width: 100%;

package/lib/cjs/button/button.scss

@@ -6,7 +6,6 @@ $module: #{$prefix}-button;
 
 .#{$module} {
     @include shadow-0;
-    @include font-size-regular;
     height: $height-button_default;
     display: inline-flex;
     align-items: center;
@@ -19,6 +18,8 @@ $module: #{$prefix}-button;
     padding-right: $spacing-button_default-paddingRight;
     padding-top: $spacing-button_default-paddingTop;
     padding-bottom: $spacing-button_default-paddingTop;
+    font-size: $font-button-fontSize;
+    line-height: $font-button-lineHeight;
     font-weight: $font-button-fontWeight;
     outline: none;
     vertical-align: middle;
@@ -313,6 +314,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_small-paddingBottom;
         padding-left: $spacing-button_small-paddingLeft;
         padding-right: $spacing-button_small-paddingRight;
+        font-size: $font-button_small-fontSize;
+        line-height: $font-button_small-lineHeight;
+        font-weight: $font-button_small-fontWeight;
     }
 
     &-size-large {
@@ -321,6 +325,9 @@ $module: #{$prefix}-button;
         padding-bottom: $spacing-button_large-paddingBottom;
         padding-left: $spacing-button_large-paddingLeft;
         padding-right: $spacing-button_large-paddingRight;
+        font-size: $font-button_large-fontSize;
+        line-height: $font-button_large-lineHeight;
+        font-weight: $font-button_large-fontWeight;
     }
 
     &-block {

package/lib/cjs/button/variables.scss

@@ -165,7 +165,16 @@ $width-button_iconOnly_large: $height-control-large; // 图标按钮 width - 大
 $spacing-button_iconOnly_content-marginLeft: $spacing-tight; // 按钮左侧图标距离文字间距
 $spacing-button_iconOnly_content-marginRight: $spacing-tight; // 按钮右侧图标距离文字间距
 
-$font-button-fontWeight: $font-weight-bold; // 按钮文字字重
+$font-button-fontWeight: $font-weight-bold; // 按钮文字字重 - 默认
+$font-button-fontSize: $font-size-regular; // 按钮文字字号- 默认
+$font-button-lineHeight: 20px; // 按钮文字行高 - 默认
+$font-button_small-fontWeight: $font-weight-bold; // 按钮文字字重 - 小尺寸
+$font-button_small-fontSize: $font-size-regular; // 按钮文字字号- 小尺寸
+$font-button_small-lineHeight: 20px; // 按钮文字行高 - 小尺寸
+$font-button_large-fontWeight: $font-weight-bold; // 默认按钮文字字重 - 大尺寸
+$font-button_large-fontSize: $font-size-regular; // 默认按钮文字字号 - 大尺寸
+$font-button_large-lineHeight: 20px; // 默认按钮文字行高 - 大尺寸
+
 $height-button_large: $height-control-large; // 按钮高度 - 大尺寸
 $height-button_small: $height-control-small; // 按钮高度 - 小尺寸
 $height-button_default: $height-control-default; // 按钮高度 - 默认

package/lib/cjs/cascader/cascader.css

@@ -33,6 +33,14 @@
   min-height: 24px;
   line-height: 24px;
 }
+.semi-cascader-small .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-small .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-large {
   min-height: 40px;
   line-height: 40px;
@@ -42,6 +50,14 @@
   line-height: 22px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
+.semi-cascader-large .semi-cascader-selection {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.semi-cascader-large .semi-cascader-selection-multiple {
+  padding-left: 4px;
+  padding-right: 4px;
+}
 .semi-cascader-focus {
   border: 1px solid var(--semi-color-focus-border);
   outline: 0;

package/lib/cjs/cascader/cascader.scss

@@ -39,6 +39,16 @@ $module: #{$prefix}-cascader;
     &-small {
         min-height: $height-cascader_small;
         line-height: $height-cascader_small;
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_small_selection-paddingLeft;
+            padding-right: $spacing-cascader_small_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_small_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_small_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-large {
@@ -47,6 +57,16 @@ $module: #{$prefix}-cascader;
         .#{$module}-selection {
             @include font-size-header-6;
         }
+
+        .#{$module}-selection {
+            padding-left: $spacing-cascader_large_selection-paddingLeft;
+            padding-right: $spacing-cascader_large_selection-paddingRight;
+
+            &-multiple {
+                padding-left: $spacing-cascader_large_selection_multiple-paddingLeft;
+                padding-right: $spacing-cascader_large_selection_multiple-paddingRight;
+            }
+        }
     }
 
     &-focus {

package/lib/cjs/cascader/variables.scss

@@ -45,10 +45,20 @@ $color-cascader_danger-border-active: var(--semi-color-danger-light-active); //
 
 $color-cascader_prefix_suffix_text-default: var(--semi-color-text-2); // 级联选择前后缀文字颜色
 
-$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距
-$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距
-$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距
-$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距
+$spacing-cascader_selection-paddingLeft: 12px; // 级联选择触发器左侧内边距 - 默认
+$spacing-cascader_selection-paddingRight: 12px; // 级联选择触发器右侧内边距 - 默认
+$spacing-cascader_small_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 小尺寸
+$spacing-cascader_small_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 小尺寸
+$spacing-cascader_large_selection-paddingLeft: 12px;  // 级联选择触发器左侧内边距 - 大尺寸
+$spacing-cascader_large_selection-paddingRight: 12px;  // 级联选择触发器右侧内边距 - 大尺寸
+
+$spacing-cascader_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 默认
+$spacing-cascader_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时右侧内边距 - 默认
+$spacing-cascader_small_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_small_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 小尺寸
+$spacing-cascader_large_selection_multiple-paddingLeft: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+$spacing-cascader_large_selection_multiple-paddingRight: $spacing-extra-tight; // 级联选择触发器多选时左侧内边距 - 大尺寸
+
 $spacing-cascader_selection_tag-marginLeft: $spacing-none; // 级联选择触发器多选时标签的水平左外边距
 $spacing-cascader_selection_tag-marginRight: $spacing-super-tight; // 级联选择触发器多选时标签的水平右外边距
 $spacing-cascader_selection_tag-marginY: 1px; // 级联选择触发器多选时标签的垂直外边距

package/lib/cjs/chat/chat.css

@@ -107,6 +107,8 @@
 }
 .semi-chat-chatBox-avatar {
   flex-shrink: 0;
+  width: 24px;
+  height: 24px;
 }
 .semi-chat-chatBox-avatar-hidden {
   visibility: hidden;
@@ -161,11 +163,14 @@
   align-items: flex-start;
   position: relative;
   row-gap: 8px;
+  max-width: calc(100% - 12px - 24px);
 }
 .semi-chat-chatBox-content-bubble, .semi-chat-chatBox-content-userBubble {
   padding: 8px 12px;
   border-radius: var(--semi-border-radius-large);
   background-color: var(--semi-color-fill-0);
+  max-width: 100%;
+  box-sizing: border-box;
 }
 .semi-chat-chatBox-content code {
   white-space: pre-wrap;

package/lib/cjs/chat/chat.scss

@@ -138,6 +138,8 @@ $module: #{$prefix}-chat;
 
         &-avatar {
             flex-shrink: 0;
+            width: $width-chat_chatBox_avatar;
+            height: $width-chat_chatBox_avatar;
 
             &-hidden {
                 visibility: hidden;
@@ -208,6 +210,7 @@ $module: #{$prefix}-chat;
             align-items: flex-start;
             position: relative;
             row-gap: $spacing-chat_chatBox_wrap;
+            max-width: calc(100% - $spacing-chat_chatBox-columnGap - $width-chat_chatBox_avatar);
         }
 
 
@@ -217,6 +220,8 @@ $module: #{$prefix}-chat;
                 padding: $spacing-chat_chatBox_content-paddingY $spacing-chat_chatBox_content-paddingX;
                 border-radius: $radius-chat_chatBox_content;
                 background-color: $color-chat_chatBox_content_bg;
+                max-width: 100%;
+                box-sizing: border-box;
             }
 
             code {

package/lib/cjs/chat/variables.scss

@@ -104,6 +104,8 @@ $width-chat_attachment_file_title: 90px; // 附件文件标题最大宽度
 $width-chat_max: 800px; // chat组件最大宽度
 $width-chat_dropArea-border: 5px; // 拖拽上传边框宽度
 $width-chat_chatBox_content_code_topSlot_copy: 150px; // 聊天框代码块顶部复制按钮最小宽度 
+$width-chat_chatBox_avatar: 24px; // 聊天框头像宽度
+
 // height
 $height-chat_action_stop: 42px; //停止生成按钮高度
 

package/lib/cjs/checkbox/checkbox.css

@@ -57,6 +57,7 @@
   box-shadow: inset 0 0 0 1px var(--semi-color-border);
 }
 .semi-checkbox.semi-checkbox-disabled:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display, .semi-checkbox.semi-checkbox-disabled:active .semi-checkbox-inner-checked .semi-checkbox-inner-display {
+  color: var(--semi-color-white);
   background: var(--semi-color-primary-disabled);
   box-shadow: none;
 }

package/lib/cjs/checkbox/checkbox.scss

@@ -81,6 +81,7 @@ $module: #{$prefix}-checkbox;
 
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
+                color: $color-checkbox_checked-icon-disabled;
                 background: $color-checkbox_checked-bg-disabled;
                 box-shadow: none;
             }

package/lib/cjs/dropdown/dropdown.css

@@ -47,6 +47,7 @@
   display: flex;
   align-items: center;
   transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeOut) 0ms;
+  border-radius: 0px;
 }
 .semi-dropdown-item-hover {
   background-color: var(--semi-color-fill-0);

package/lib/cjs/dropdown/dropdown.scss

@@ -48,6 +48,7 @@ $module: #{$prefix}-dropdown;
         align-items: center;
         transition: background-color $transition_duration-dropdown_item-bg $transition_function-dropdown_item-bg
             $transition_delay-dropdown_item-bg;
+        border-radius: $radius-dropdown_item;
 
         &-hover {
             background-color: $color-dropdown_item-bg-hover;

package/lib/cjs/dropdown/variables.scss

@@ -1,4 +1,5 @@
 $radius-dropdown: var(--semi-border-radius-medium); // 下拉菜单圆角大小
+$radius-dropdown_item: 0px; // 下拉菜单项圆角大小
 $color-dropdown-bg-default: var(--semi-color-bg-3); // 下拉菜单背景颜色
 $color-dropdown_title-text-default: var(--semi-color-text-2); // 下拉菜单分组标题文字颜色
 

package/lib/cjs/inputNumber/inputNumber.css

@@ -49,6 +49,8 @@
 }
 .semi-input-number-suffix-btns-inner {
   margin-left: 8px;
+  border-radius: var(--semi-border-radius-small);
+  overflow: hidden;
 }
 .semi-input-number .semi-input-clearbtn + .semi-input-suffix {
   margin-left: -4px;

package/lib/cjs/inputNumber/inputNumber.scss

@@ -65,6 +65,8 @@ $module: #{$prefix}-input-number;
 
     &-suffix-btns-inner {
         margin-left: $spacing-inputNumber_button_inner-marginLeft;
+        border-radius: $radius-inputNumber_inner;
+        overflow: hidden
     }
 
     .#{$prefix}-input-clearbtn {

package/lib/cjs/inputNumber/variables.scss

@@ -6,7 +6,8 @@ $height-inputNumber_button_inner_large: $height-control-large - 2px; // 隐藏
 $height-inputNumber_button_inner_small: $height-control-small - 2px; // 隐藏步进器的数字输入框高度 - 小
 
 $width-inputNumber_button: 14px; // 步进器按钮宽度
-$radius-inputNumber: var(--semi-border-radius-small);
+$radius-inputNumber: var(--semi-border-radius-small); // 步进器按钮圆角 - 外部
+$radius-inputNumber_inner: var(--semi-border-radius-small); // 步进器按钮圆角 - 内部
 $spacing-inputNumber_button-marginLeft: 4px; // 步进器按钮左侧外边距
 $color-inputNumber_button-text-default: var(--semi-color-text-2); // 步进器按钮图标颜色
 $color-inputNumber_button-text-disabled: var(--semi-color-disabled-text); // 步进器按钮图标颜色 - 禁用

package/lib/cjs/popover/popover.css

@@ -61,6 +61,13 @@
   animation-fill-mode: forwards;
 }
 
+.semi-popover-icon-arrow path:nth-child(1) {
+  fill: var(--semi-color-border);
+}
+.semi-popover-icon-arrow path:nth-child(2) {
+  fill: var(--semi-color-bg-3);
+}
+
 .semi-popover-wrapper .semi-popover-icon-arrow {
   height: 8px;
   width: 24px;

package/lib/cjs/popover/popover.scss

@@ -88,5 +88,15 @@ $module-icon: #{$module}-icon-arrow;
     }
 }
 
+.#{$module}-icon-arrow {
+    path:nth-child(1) {
+        fill: $color-popover-arrow-border;
+    }
+  
+    path:nth-child(2) {
+        fill: $color-popover-arrow-bg;
+    }
+}
+
 @import '../tooltip/arrow.scss';
 @import "./rtl.scss";

package/lib/cjs/popover/variables.scss

@@ -2,6 +2,8 @@
 $color-tooltip_arrow-icon-default: unset; // 箭头图标
 $color-popover-bg-default: var(--semi-color-bg-3); // 默认背景色
 $color-popover-border-default: var(--semi-color-border); // 默认描边颜色
+$color-popover-arrow-border: var(--semi-color-border); // 箭头描边颜色
+$color-popover-arrow-bg: var(--semi-color-bg-3); // 箭头默认背景色
 
 // Width/Height
 $width-popover_arrow: 24px; // 水平箭头宽度 ignore-semi-css-trans

package/lib/cjs/progress/progress.css

@@ -67,11 +67,15 @@
 .semi-progress-circle-ring {
   display: block;
 }
+.semi-progress-circle-ring-track {
+  stroke: var(--semi-color-fill-0);
+}
 .semi-progress-circle-ring-inner {
   transition: stroke-dashoffset 0.3s;
   transition-timing-function: cubic-bezier(0.62, 0.05, 0.36, 0.95);
   transform: rotate(-90deg);
   transform-origin: 50% 50%;
+  stroke: var(--semi-color-success);
 }
 .semi-progress-circle-text {
   position: absolute;

package/lib/cjs/progress/progress.scss

@@ -81,12 +81,18 @@ $module: #{$prefix}-progress;
             display: block;
         }
 
+        &-ring-track {
+            stroke: $color-progress_default-bg;
+        }
+
         &-ring-inner {
             transition: stroke-dashoffset $motion-progress-transition_duration;
             transition-timing-function: $motion-progress-transition_timing_function;
 
             transform: rotate(-90deg);
             transform-origin: 50% 50%;
+
+            stroke: $color-progress_track_inner-bg;
         }
 
         &-text {

package/lib/cjs/radio/radio.css

@@ -144,6 +144,7 @@
   border: solid 1px var(--semi-color-border);
 }
 .semi-radio.semi-radio-disabled:hover .semi-radio-inner-checked .semi-radio-inner-display, .semi-radio.semi-radio-disabled:active .semi-radio-inner-checked .semi-radio-inner-display {
+  color: rgba(var(--semi-white), 1);
   background: var(--semi-color-primary-disabled);
   border-color: var(--semi-color-primary-disabled);
 }
@@ -261,10 +262,12 @@
   background: transparent;
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display {
+  color: rgba(var(--semi-white), 1);
   background: var(--semi-color-primary-disabled);
   border-color: var(--semi-color-primary-disabled);
 }
 .semi-radio-disabled .semi-radio-inner-checked .semi-radio-inner-display:hover {
+  color: rgba(var(--semi-white), 1);
   background: var(--semi-color-primary-disabled);
   border-color: var(--semi-color-primary-disabled);
 }

package/lib/cjs/radio/radio.scss

@@ -202,6 +202,7 @@ $inner-width: $width-icon-medium;
 
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
+                color: $color-radio_checked-icon-disabled;
                 background: $color-radio_checked-bg-disabled;
                 border-color: $color-radio_checked-border-disabled;
             }
@@ -363,10 +364,12 @@ $inner-width: $width-icon-medium;
 
         .#{$module}-inner-checked {
             .#{$module}-inner-display {
+                color: $color-radio_checked-icon-disabled;
                 background: $color-radio_checked-bg-disabled;
                 border-color: $color-radio_checked-border-disabled;
 
                 &:hover {
+                    color: $color-radio_checked-icon-disabled;
                     background: $color-radio_checked-bg-disabled;
                     border-color: $color-radio_checked-border-disabled;
                 }