浏览代码

feat: checkbox cardType add design token (#2208)

代强 1 年之前
父节点
当前提交
4ddbb785e2
共有 2 个文件被更改,包括 4 次插入2 次删除
  1. 1 1
      packages/semi-foundation/checkbox/checkbox.scss
  2. 3 1
      packages/semi-foundation/checkbox/variables.scss

+ 1 - 1
packages/semi-foundation/checkbox/checkbox.scss

@@ -188,7 +188,7 @@ $module: #{$prefix}-checkbox;
         border-radius: $radius-checkbox_cardType;
         padding: $spacing-checkbox_cardType-paddingY $spacing-checkbox_cardType-paddingX;
         background: transparent;
-        border: $width-checkbox_cardType_checked-border solid transparent;
+        border: $width-checkbox_cardType_checked-border solid $color-checkbox_cardType-border-default;
 
 
         .#{$module}-inner {

+ 3 - 1
packages/semi-foundation/checkbox/variables.scss

@@ -38,6 +38,8 @@ $color-checkbox_checked-bg-disabled: var(--semi-color-primary-disabled); // 选
 $color-checkbox_checked-icon-disabled: var(--semi-color-white); // 选框禁用态对勾颜色
 $color-checkbox_primary-outline-focus: var(--semi-color-primary-light-active); // 复选框轮廓-聚焦颜色
 
+$color-checkbox_cardType-border-default: transparent;
+
 $size-checkbox_inner-shadow: $border-thickness-control; // 选框内描边宽度
 $width-checkbox_inner: $width-icon-medium; // 选框对勾 icon 宽度
 $height-checkbox_inner: 20px; // 选框对勾 icon 高度
@@ -66,4 +68,4 @@ $font-checkbox_cardType_addon-fontWeight: $font-weight-bold; // 卡片类型复
 $font-checkbox_cardType_addon-lineHeight: 20px; // 卡片类型复选框的 addon 的文字行高
 $font-checkbox_cardType_extra-size: $font-size-regular; // 卡片类型复选框的 extra 的文字大小
 $font-checkbox_cardType_extra-fontWeight: normal; // 卡片类型复选框的 extra 的 fontWeight
-$font-checkbox_cardType_extra-lineHeight: 20px; // 卡片类型复选框的 extra 的文字行高
+$font-checkbox_cardType_extra-lineHeight: 20px; // 卡片类型复选框的 extra 的文字行高