@douyinfe/semi-foundation 2.1.0-next.2 → 2.1.2

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 (14) hide show
  1. package/autoComplete/autoComplete.scss +3 -2
  2. package/input/input.scss +2 -0
  3. package/input/variables.scss +1 -1
  4. package/lib/cjs/autoComplete/autoComplete.css +5 -5
  5. package/lib/cjs/autoComplete/autoComplete.scss +3 -2
  6. package/lib/cjs/input/input.css +3 -2
  7. package/lib/cjs/input/input.scss +2 -0
  8. package/lib/cjs/input/variables.scss +1 -1
  9. package/lib/es/autoComplete/autoComplete.css +5 -5
  10. package/lib/es/autoComplete/autoComplete.scss +3 -2
  11. package/lib/es/input/input.css +3 -2
  12. package/lib/es/input/input.scss +2 -0
  13. package/lib/es/input/variables.scss +1 -1
  14. package/package.json +3 -3
package/autoComplete/autoComplete.scss CHANGED
@@ -1,7 +1,8 @@
1
- $module: #{$prefix}-autocomplete;
2
-
3
1
  @import "./variables.scss";
4
2
  @import "../select/option.scss";
3
+
4
+ $module: #{$prefix}-autocomplete;
5
+
5
6
  .#{$module} {
6
7
  cursor: text;
7
8
  display: inline-flex;
package/input/input.scss CHANGED
@@ -73,10 +73,12 @@ $module: #{$prefix}-input;
73
73
 
74
74
  &:hover {
75
75
  background-color: $color-input_default-bg-focus;
76
+ border-color: $color-input_default-border-focus;
76
77
  }
77
78
 
78
79
  &:active {
79
80
  background-color: $color-input_default-bg-focus;
81
+ border-color: $color-input_default-border-focus;
80
82
  }
81
83
  }
82
84
 
package/input/variables.scss CHANGED
@@ -4,7 +4,7 @@ $color-input_default-bg-default: var(--semi-color-fill-0); // 输入框背景颜
4
4
  $color-input_default-text-default: var(--semi-color-text-0); // 输入框文本颜色 - 默认
5
5
 
6
6
  $color-input_default-bg-hover: var(--semi-color-fill-1); // 输入框背景颜色 - 悬浮
7
- $color-input_default-border-hover: transparent·; // 输入框描边颜色 - 悬浮
7
+ $color-input_default-border-hover: transparent; // 输入框描边颜色 - 悬浮
8
8
 
9
9
  $color-input_default-bg-active: var(--semi-color-fill-2); // 输入框背景颜色 - 按下
10
10
  $color-input_default-border-active: $color-input_default-bg-active; // 输入框描边颜色 - 按下
package/lib/cjs/autoComplete/autoComplete.css CHANGED
@@ -75,25 +75,25 @@
75
75
  margin-bottom: 4px;
76
76
  }
77
77
 
78
- .semi-select {
78
+ .semi-autocomplete {
79
79
  cursor: text;
80
80
  display: inline-flex;
81
81
  vertical-align: middle;
82
82
  box-sizing: border-box;
83
83
  }
84
- .semi-select-option-list {
84
+ .semi-autocomplete-option-list {
85
85
  overflow-x: hidden;
86
86
  overflow-y: auto;
87
87
  }
88
- .semi-select-option-list-chosen .semi-select-option-icon {
88
+ .semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
89
89
  display: flex;
90
90
  }
91
- .semi-select-loading-wrapper {
91
+ .semi-autocomplete-loading-wrapper {
92
92
  padding-top: 8px;
93
93
  padding-bottom: 8px;
94
94
  cursor: not-allowed;
95
95
  }
96
- .semi-select-loading-wrapper .semi-spin {
96
+ .semi-autocomplete-loading-wrapper .semi-spin {
97
97
  width: 100%;
98
98
  }
99
99
 
package/lib/cjs/autoComplete/autoComplete.scss CHANGED
@@ -1,7 +1,8 @@
1
- $module: #{$prefix}-autocomplete;
2
-
3
1
  @import "./variables.scss";
4
2
  @import "../select/option.scss";
3
+
4
+ $module: #{$prefix}-autocomplete;
5
+
5
6
  .#{$module} {
6
7
  cursor: text;
7
8
  display: inline-flex;
package/lib/cjs/input/input.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  /* shadow */
3
2
  /* sizing */
4
3
  /* spacing */
@@ -58,7 +57,7 @@
58
57
  }
59
58
  .semi-input-wrapper:hover {
60
59
  background-color: var(--semi-color-fill-1);
61
- border-color: transparent·;
60
+ border-color: transparent;
62
61
  }
63
62
  .semi-input-wrapper-focus {
64
63
  background-color: var(--semi-color-fill-0);
@@ -66,9 +65,11 @@
66
65
  }
67
66
  .semi-input-wrapper-focus:hover {
68
67
  background-color: var(--semi-color-fill-0);
68
+ border-color: var(--semi-color-focus-border);
69
69
  }
70
70
  .semi-input-wrapper-focus:active {
71
71
  background-color: var(--semi-color-fill-0);
72
+ border-color: var(--semi-color-focus-border);
72
73
  }
73
74
  .semi-input-wrapper.semi-input-readonly {
74
75
  cursor: default;
package/lib/cjs/input/input.scss CHANGED
@@ -73,10 +73,12 @@ $module: #{$prefix}-input;
73
73
 
74
74
  &:hover {
75
75
  background-color: $color-input_default-bg-focus;
76
+ border-color: $color-input_default-border-focus;
76
77
  }
77
78
 
78
79
  &:active {
79
80
  background-color: $color-input_default-bg-focus;
81
+ border-color: $color-input_default-border-focus;
80
82
  }
81
83
  }
82
84
 
package/lib/cjs/input/variables.scss CHANGED
@@ -4,7 +4,7 @@ $color-input_default-bg-default: var(--semi-color-fill-0); // 输入框背景颜
4
4
  $color-input_default-text-default: var(--semi-color-text-0); // 输入框文本颜色 - 默认
5
5
 
6
6
  $color-input_default-bg-hover: var(--semi-color-fill-1); // 输入框背景颜色 - 悬浮
7
- $color-input_default-border-hover: transparent·; // 输入框描边颜色 - 悬浮
7
+ $color-input_default-border-hover: transparent; // 输入框描边颜色 - 悬浮
8
8
 
9
9
  $color-input_default-bg-active: var(--semi-color-fill-2); // 输入框背景颜色 - 按下
10
10
  $color-input_default-border-active: $color-input_default-bg-active; // 输入框描边颜色 - 按下
package/lib/es/autoComplete/autoComplete.css CHANGED
@@ -75,25 +75,25 @@
75
75
  margin-bottom: 4px;
76
76
  }
77
77
 
78
- .semi-select {
78
+ .semi-autocomplete {
79
79
  cursor: text;
80
80
  display: inline-flex;
81
81
  vertical-align: middle;
82
82
  box-sizing: border-box;
83
83
  }
84
- .semi-select-option-list {
84
+ .semi-autocomplete-option-list {
85
85
  overflow-x: hidden;
86
86
  overflow-y: auto;
87
87
  }
88
- .semi-select-option-list-chosen .semi-select-option-icon {
88
+ .semi-autocomplete-option-list-chosen .semi-autocomplete-option-icon {
89
89
  display: flex;
90
90
  }
91
- .semi-select-loading-wrapper {
91
+ .semi-autocomplete-loading-wrapper {
92
92
  padding-top: 8px;
93
93
  padding-bottom: 8px;
94
94
  cursor: not-allowed;
95
95
  }
96
- .semi-select-loading-wrapper .semi-spin {
96
+ .semi-autocomplete-loading-wrapper .semi-spin {
97
97
  width: 100%;
98
98
  }
99
99
 
package/lib/es/autoComplete/autoComplete.scss CHANGED
@@ -1,7 +1,8 @@
1
- $module: #{$prefix}-autocomplete;
2
-
3
1
  @import "./variables.scss";
4
2
  @import "../select/option.scss";
3
+
4
+ $module: #{$prefix}-autocomplete;
5
+
5
6
  .#{$module} {
6
7
  cursor: text;
7
8
  display: inline-flex;
package/lib/es/input/input.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  /* shadow */
3
2
  /* sizing */
4
3
  /* spacing */
@@ -58,7 +57,7 @@
58
57
  }
59
58
  .semi-input-wrapper:hover {
60
59
  background-color: var(--semi-color-fill-1);
61
- border-color: transparent·;
60
+ border-color: transparent;
62
61
  }
63
62
  .semi-input-wrapper-focus {
64
63
  background-color: var(--semi-color-fill-0);
@@ -66,9 +65,11 @@
66
65
  }
67
66
  .semi-input-wrapper-focus:hover {
68
67
  background-color: var(--semi-color-fill-0);
68
+ border-color: var(--semi-color-focus-border);
69
69
  }
70
70
  .semi-input-wrapper-focus:active {
71
71
  background-color: var(--semi-color-fill-0);
72
+ border-color: var(--semi-color-focus-border);
72
73
  }
73
74
  .semi-input-wrapper.semi-input-readonly {
74
75
  cursor: default;
package/lib/es/input/input.scss CHANGED
@@ -73,10 +73,12 @@ $module: #{$prefix}-input;
73
73
 
74
74
  &:hover {
75
75
  background-color: $color-input_default-bg-focus;
76
+ border-color: $color-input_default-border-focus;
76
77
  }
77
78
 
78
79
  &:active {
79
80
  background-color: $color-input_default-bg-focus;
81
+ border-color: $color-input_default-border-focus;
80
82
  }
81
83
  }
82
84
 
package/lib/es/input/variables.scss CHANGED
@@ -4,7 +4,7 @@ $color-input_default-bg-default: var(--semi-color-fill-0); // 输入框背景颜
4
4
  $color-input_default-text-default: var(--semi-color-text-0); // 输入框文本颜色 - 默认
5
5
 
6
6
  $color-input_default-bg-hover: var(--semi-color-fill-1); // 输入框背景颜色 - 悬浮
7
- $color-input_default-border-hover: transparent·; // 输入框描边颜色 - 悬浮
7
+ $color-input_default-border-hover: transparent; // 输入框描边颜色 - 悬浮
8
8
 
9
9
  $color-input_default-bg-active: var(--semi-color-fill-2); // 输入框背景颜色 - 按下
10
10
  $color-input_default-border-active: $color-input_default-bg-active; // 输入框描边颜色 - 按下
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@douyinfe/semi-foundation",
3
- "version": "2.1.0-next.2",
3
+ "version": "2.1.2",
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.1.0-next.1",
11
+ "@douyinfe/semi-animation": "2.1.2",
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": "512cc7428375c2e219875b94bade171f87a24d67",
27
+ "gitHead": "49e7bdabe06525ab4990e5b12b5541e668aa6b11",
28
28
  "devDependencies": {
29
29
  "@babel/plugin-proposal-decorators": "^7.15.8",
30
30
  "@babel/plugin-transform-runtime": "^7.15.8",