@douyinfe/semi-foundation 2.4.0 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/cjs/tagInput/tagInput.css +1 -0
  2. package/lib/cjs/tagInput/tagInput.scss +3 -2
  3. package/lib/cjs/tagInput/variables.scss +8 -2
  4. package/lib/es/tagInput/tagInput.css +1 -0
  5. package/lib/es/tagInput/tagInput.scss +3 -2
  6. package/lib/es/tagInput/variables.scss +8 -2
  7. package/package.json +3 -3
  8. package/tagInput/tagInput.scss +3 -2
  9. package/tagInput/variables.scss +8 -2
package/lib/cjs/tagInput/tagInput.css CHANGED
@@ -12,6 +12,7 @@
12
12
  }
13
13
  .semi-tagInput-hover {
14
14
  background-color: var(--semi-color-fill-1);
15
+ border: 1px transparent solid;
15
16
  }
16
17
  .semi-tagInput-focus {
17
18
  background-color: var(--semi-color-fill-0);
package/lib/cjs/tagInput/tagInput.scss CHANGED
@@ -4,7 +4,7 @@ $module: #{$prefix}-tagInput;
4
4
 
5
5
  .#{$module} {
6
6
  background-color: $color-tagInput_default-bg-default;
7
- border: $border-thickness-control-focus $color-textarea-border-default solid;
7
+ border: $width-tagInput-border-default $color-tagInput-border-default solid;
8
8
  border-radius: $radius-tagInput;
9
9
  display: inline-flex;
10
10
  font-weight: $font-weight-regular;
@@ -13,11 +13,12 @@ $module: #{$prefix}-tagInput;
13
13
 
14
14
  &-hover {
15
15
  background-color: $color-tagInput_default-bg-hover;
16
+ border: $width-tagInput-border-hover $color-tagInput-border-hover solid;
16
17
  }
17
18
 
18
19
  &-focus {
19
20
  background-color: $color-tagInput_default-bg-focus;
20
- border: $border-thickness-control-focus $color-tagInput_default-border-focus solid;
21
+ border: $width-tagInput-border-focus $color-tagInput-border-focus solid;
21
22
  }
22
23
 
23
24
  &-warning {
package/lib/cjs/tagInput/variables.scss CHANGED
@@ -3,13 +3,16 @@ $color-tagInput-maxTagCount-default: var(--semi-color-text-0); // 标签输入
3
3
  $color-tagInput-icon-hover: var(--semi-color-primary-hover); // 标签输入框图标颜色 - 悬浮
4
4
  $color-tagInput_disabled-text-default: var(--semi-color-disabled-text); // 标签输入框禁用文字颜色
5
5
  $color-tagInput_default-bg-focus: var(--semi-color-fill-0); // 标签输入框背景颜色 - 选中态
6
- $color-tagInput_default-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
6
+
7
+ $color-tagInput-border-default: transparent; // 标签输入框描边颜色 - 默认
8
+ $color-tagInput-border-hover: transparent ; // 标签输入框描边颜色 - 悬浮
9
+ $color-tagInput-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
7
10
  $color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
8
11
  $color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
9
12
 
10
13
  $color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
11
14
  $color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮
12
- $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认
15
+ // $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认，已废弃 deprecated-v2.4
13
16
 
14
17
  $color-tagInput_warning-bg-default: var(--semi-color-warning-light-default); // 警告标签输入框背景颜色 - 默认
15
18
  $color-tagInput_warning-border-default: var(--semi-color-warning-light-default); // 警告标签输入框描边颜色 - 默认
@@ -35,5 +38,8 @@ $height-tagInput-default: $height-control-default; // 默认尺寸标签输入
35
38
  $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
36
39
 
37
40
  $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
41
+ $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认
42
+ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框描边描边宽度 - 悬浮
43
+ $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
38
44
 
39
45
  $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
package/lib/es/tagInput/tagInput.css CHANGED
@@ -12,6 +12,7 @@
12
12
  }
13
13
  .semi-tagInput-hover {
14
14
  background-color: var(--semi-color-fill-1);
15
+ border: 1px transparent solid;
15
16
  }
16
17
  .semi-tagInput-focus {
17
18
  background-color: var(--semi-color-fill-0);
package/lib/es/tagInput/tagInput.scss CHANGED
@@ -4,7 +4,7 @@ $module: #{$prefix}-tagInput;
4
4
 
5
5
  .#{$module} {
6
6
  background-color: $color-tagInput_default-bg-default;
7
- border: $border-thickness-control-focus $color-textarea-border-default solid;
7
+ border: $width-tagInput-border-default $color-tagInput-border-default solid;
8
8
  border-radius: $radius-tagInput;
9
9
  display: inline-flex;
10
10
  font-weight: $font-weight-regular;
@@ -13,11 +13,12 @@ $module: #{$prefix}-tagInput;
13
13
 
14
14
  &-hover {
15
15
  background-color: $color-tagInput_default-bg-hover;
16
+ border: $width-tagInput-border-hover $color-tagInput-border-hover solid;
16
17
  }
17
18
 
18
19
  &-focus {
19
20
  background-color: $color-tagInput_default-bg-focus;
20
- border: $border-thickness-control-focus $color-tagInput_default-border-focus solid;
21
+ border: $width-tagInput-border-focus $color-tagInput-border-focus solid;
21
22
  }
22
23
 
23
24
  &-warning {
package/lib/es/tagInput/variables.scss CHANGED
@@ -3,13 +3,16 @@ $color-tagInput-maxTagCount-default: var(--semi-color-text-0); // 标签输入
3
3
  $color-tagInput-icon-hover: var(--semi-color-primary-hover); // 标签输入框图标颜色 - 悬浮
4
4
  $color-tagInput_disabled-text-default: var(--semi-color-disabled-text); // 标签输入框禁用文字颜色
5
5
  $color-tagInput_default-bg-focus: var(--semi-color-fill-0); // 标签输入框背景颜色 - 选中态
6
- $color-tagInput_default-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
6
+
7
+ $color-tagInput-border-default: transparent; // 标签输入框描边颜色 - 默认
8
+ $color-tagInput-border-hover: transparent ; // 标签输入框描边颜色 - 悬浮
9
+ $color-tagInput-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
7
10
  $color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
8
11
  $color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
9
12
 
10
13
  $color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
11
14
  $color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮
12
- $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认
15
+ // $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认，已废弃 deprecated-v2.4
13
16
 
14
17
  $color-tagInput_warning-bg-default: var(--semi-color-warning-light-default); // 警告标签输入框背景颜色 - 默认
15
18
  $color-tagInput_warning-border-default: var(--semi-color-warning-light-default); // 警告标签输入框描边颜色 - 默认
@@ -35,5 +38,8 @@ $height-tagInput-default: $height-control-default; // 默认尺寸标签输入
35
38
  $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
36
39
 
37
40
  $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
41
+ $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认
42
+ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框描边描边宽度 - 悬浮
43
+ $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
38
44
 
39
45
  $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.4.0",
3
+ "version": "2.4.1",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "build:lib": "node ./scripts/compileLib.js",
@@ -8,7 +8,7 @@
8
8
  },
9
9
  "dependencies": {
10
10
  "@babel/runtime-corejs3": "^7.15.4",
11
- "@douyinfe/semi-animation": "2.4.0",
11
+ "@douyinfe/semi-animation": "2.4.1",
12
12
  "async-validator": "^3.5.0",
13
13
  "classnames": "^2.2.6",
14
14
  "date-fns": "^2.9.0",
@@ -24,7 +24,7 @@
24
24
  "*.scss",
25
25
  "*.css"
26
26
  ],
27
- "gitHead": "d902a6f731475dea585d63907aee06ebe1153419",
27
+ "gitHead": "c69c466ecd14aeeda847473e97dad2ec313f09fa",
28
28
  "devDependencies": {
29
29
  "@babel/plugin-proposal-decorators": "^7.15.8",
30
30
  "@babel/plugin-transform-runtime": "^7.15.8",
package/tagInput/tagInput.scss CHANGED
@@ -4,7 +4,7 @@ $module: #{$prefix}-tagInput;
4
4
 
5
5
  .#{$module} {
6
6
  background-color: $color-tagInput_default-bg-default;
7
- border: $border-thickness-control-focus $color-textarea-border-default solid;
7
+ border: $width-tagInput-border-default $color-tagInput-border-default solid;
8
8
  border-radius: $radius-tagInput;
9
9
  display: inline-flex;
10
10
  font-weight: $font-weight-regular;
@@ -13,11 +13,12 @@ $module: #{$prefix}-tagInput;
13
13
 
14
14
  &-hover {
15
15
  background-color: $color-tagInput_default-bg-hover;
16
+ border: $width-tagInput-border-hover $color-tagInput-border-hover solid;
16
17
  }
17
18
 
18
19
  &-focus {
19
20
  background-color: $color-tagInput_default-bg-focus;
20
- border: $border-thickness-control-focus $color-tagInput_default-border-focus solid;
21
+ border: $width-tagInput-border-focus $color-tagInput-border-focus solid;
21
22
  }
22
23
 
23
24
  &-warning {
package/tagInput/variables.scss CHANGED
@@ -3,13 +3,16 @@ $color-tagInput-maxTagCount-default: var(--semi-color-text-0); // 标签输入
3
3
  $color-tagInput-icon-hover: var(--semi-color-primary-hover); // 标签输入框图标颜色 - 悬浮
4
4
  $color-tagInput_disabled-text-default: var(--semi-color-disabled-text); // 标签输入框禁用文字颜色
5
5
  $color-tagInput_default-bg-focus: var(--semi-color-fill-0); // 标签输入框背景颜色 - 选中态
6
- $color-tagInput_default-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
6
+
7
+ $color-tagInput-border-default: transparent; // 标签输入框描边颜色 - 默认
8
+ $color-tagInput-border-hover: transparent ; // 标签输入框描边颜色 - 悬浮
9
+ $color-tagInput-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
7
10
  $color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
8
11
  $color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
9
12
 
10
13
  $color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
11
14
  $color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮
12
- $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认
15
+ // $color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认，已废弃 deprecated-v2.4
13
16
 
14
17
  $color-tagInput_warning-bg-default: var(--semi-color-warning-light-default); // 警告标签输入框背景颜色 - 默认
15
18
  $color-tagInput_warning-border-default: var(--semi-color-warning-light-default); // 警告标签输入框描边颜色 - 默认
@@ -35,5 +38,8 @@ $height-tagInput-default: $height-control-default; // 默认尺寸标签输入
35
38
  $height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
36
39
 
37
40
  $width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
41
+ $width-tagInput-border-default: $border-thickness-control; // 标签输入框描边描边宽度 - 默认
42
+ $width-tagInput-border-hover: $width-tagInput-border-default; // 标签输入框描边描边宽度 - 悬浮
43
+ $width-tagInput-border-focus: $border-thickness-control-focus; // 标签输入框描边宽度 - 选中态
38
44
 
39
45
  $radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角