@douyinfe/semi-foundation 2.39.0-beta.0 → 2.39.0
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.
- package/checkbox/checkbox.scss +0 -1
- package/lib/cjs/checkbox/checkbox.css +0 -1
- package/lib/cjs/checkbox/checkbox.scss +0 -1
- package/lib/cjs/switch/switch.css +6 -0
- package/lib/cjs/switch/switch.scss +8 -2
- package/lib/es/checkbox/checkbox.css +0 -1
- package/lib/es/checkbox/checkbox.scss +0 -1
- package/lib/es/switch/switch.css +6 -0
- package/lib/es/switch/switch.scss +8 -2
- package/package.json +3 -3
- package/switch/switch.scss +8 -2
package/checkbox/checkbox.scss
CHANGED
|
@@ -12,7 +12,6 @@ $module: #{$prefix}-checkbox;
|
|
|
12
12
|
position: relative;
|
|
13
13
|
display: flex;
|
|
14
14
|
align-items: flex-start;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
15
|
@include font-size-regular;
|
|
17
16
|
cursor: pointer;
|
|
18
17
|
transition: background-color $transition_duration-checkbox-bg $transition_function-checkbox-bg $transition_delay-checkbox-bg,
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
position: relative;
|
|
7
7
|
display: flex;
|
|
8
8
|
align-items: flex-start;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
9
|
font-size: 14px;
|
|
11
10
|
line-height: 20px;
|
|
12
11
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -12,7 +12,6 @@ $module: #{$prefix}-checkbox;
|
|
|
12
12
|
position: relative;
|
|
13
13
|
display: flex;
|
|
14
14
|
align-items: flex-start;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
15
|
@include font-size-regular;
|
|
17
16
|
cursor: pointer;
|
|
18
17
|
transition: background-color $transition_duration-checkbox-bg $transition_function-checkbox-bg $transition_delay-checkbox-bg,
|
|
@@ -51,6 +51,9 @@
|
|
|
51
51
|
.semi-switch-disabled:active {
|
|
52
52
|
background-color: transparent;
|
|
53
53
|
}
|
|
54
|
+
.semi-switch-disabled:active .semi-switch-knob {
|
|
55
|
+
width: 18px;
|
|
56
|
+
}
|
|
54
57
|
.semi-switch-disabled .semi-switch-knob {
|
|
55
58
|
cursor: not-allowed;
|
|
56
59
|
box-shadow: none;
|
|
@@ -64,6 +67,9 @@
|
|
|
64
67
|
border-color: transparent;
|
|
65
68
|
background-color: var(--semi-color-success-disabled);
|
|
66
69
|
}
|
|
70
|
+
.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
|
|
71
|
+
transform: translateX(18px);
|
|
72
|
+
}
|
|
67
73
|
.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
|
|
68
74
|
box-shadow: none;
|
|
69
75
|
border: none;
|
|
@@ -25,9 +25,7 @@ $module: #{$prefix}-switch;
|
|
|
25
25
|
|
|
26
26
|
&:active {
|
|
27
27
|
border: $border-thickness-control $color-switch_default-bg-active solid;
|
|
28
|
-
|
|
29
28
|
.#{$module}-knob {
|
|
30
|
-
// width: $knob-size + $knob-active-expand;
|
|
31
29
|
width: $width-switch_knob_active;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
@@ -69,6 +67,9 @@ $module: #{$prefix}-switch;
|
|
|
69
67
|
|
|
70
68
|
&:active {
|
|
71
69
|
background-color: $color-switch_disabled-bg-active;
|
|
70
|
+
.#{$module}-knob {
|
|
71
|
+
width: $width-switch_knob_default;
|
|
72
|
+
}
|
|
72
73
|
}
|
|
73
74
|
|
|
74
75
|
.#{$module}-knob {
|
|
@@ -85,6 +86,11 @@ $module: #{$prefix}-switch;
|
|
|
85
86
|
&.#{$module}-checked {
|
|
86
87
|
border-color: $color-switch_checked_disabled-border-default;
|
|
87
88
|
background-color: $color-switch_checked_disabled-bg-default;
|
|
89
|
+
&:active {
|
|
90
|
+
.#{$module}-knob {
|
|
91
|
+
transform: translateX($spacing-switch_checked-translateX);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
88
94
|
.#{$module}-knob {
|
|
89
95
|
@include shadow-0;
|
|
90
96
|
border: none;
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
position: relative;
|
|
7
7
|
display: flex;
|
|
8
8
|
align-items: flex-start;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
9
|
font-size: 14px;
|
|
11
10
|
line-height: 20px;
|
|
12
11
|
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -12,7 +12,6 @@ $module: #{$prefix}-checkbox;
|
|
|
12
12
|
position: relative;
|
|
13
13
|
display: flex;
|
|
14
14
|
align-items: flex-start;
|
|
15
|
-
flex-wrap: wrap;
|
|
16
15
|
@include font-size-regular;
|
|
17
16
|
cursor: pointer;
|
|
18
17
|
transition: background-color $transition_duration-checkbox-bg $transition_function-checkbox-bg $transition_delay-checkbox-bg,
|
package/lib/es/switch/switch.css
CHANGED
|
@@ -51,6 +51,9 @@
|
|
|
51
51
|
.semi-switch-disabled:active {
|
|
52
52
|
background-color: transparent;
|
|
53
53
|
}
|
|
54
|
+
.semi-switch-disabled:active .semi-switch-knob {
|
|
55
|
+
width: 18px;
|
|
56
|
+
}
|
|
54
57
|
.semi-switch-disabled .semi-switch-knob {
|
|
55
58
|
cursor: not-allowed;
|
|
56
59
|
box-shadow: none;
|
|
@@ -64,6 +67,9 @@
|
|
|
64
67
|
border-color: transparent;
|
|
65
68
|
background-color: var(--semi-color-success-disabled);
|
|
66
69
|
}
|
|
70
|
+
.semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
|
|
71
|
+
transform: translateX(18px);
|
|
72
|
+
}
|
|
67
73
|
.semi-switch-disabled.semi-switch-checked .semi-switch-knob {
|
|
68
74
|
box-shadow: none;
|
|
69
75
|
border: none;
|
|
@@ -25,9 +25,7 @@ $module: #{$prefix}-switch;
|
|
|
25
25
|
|
|
26
26
|
&:active {
|
|
27
27
|
border: $border-thickness-control $color-switch_default-bg-active solid;
|
|
28
|
-
|
|
29
28
|
.#{$module}-knob {
|
|
30
|
-
// width: $knob-size + $knob-active-expand;
|
|
31
29
|
width: $width-switch_knob_active;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
@@ -69,6 +67,9 @@ $module: #{$prefix}-switch;
|
|
|
69
67
|
|
|
70
68
|
&:active {
|
|
71
69
|
background-color: $color-switch_disabled-bg-active;
|
|
70
|
+
.#{$module}-knob {
|
|
71
|
+
width: $width-switch_knob_default;
|
|
72
|
+
}
|
|
72
73
|
}
|
|
73
74
|
|
|
74
75
|
.#{$module}-knob {
|
|
@@ -85,6 +86,11 @@ $module: #{$prefix}-switch;
|
|
|
85
86
|
&.#{$module}-checked {
|
|
86
87
|
border-color: $color-switch_checked_disabled-border-default;
|
|
87
88
|
background-color: $color-switch_checked_disabled-bg-default;
|
|
89
|
+
&:active {
|
|
90
|
+
.#{$module}-knob {
|
|
91
|
+
transform: translateX($spacing-switch_checked-translateX);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
88
94
|
.#{$module}-knob {
|
|
89
95
|
@include shadow-0;
|
|
90
96
|
border: none;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@douyinfe/semi-foundation",
|
|
3
|
-
"version": "2.39.0
|
|
3
|
+
"version": "2.39.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build:lib": "node ./scripts/compileLib.js",
|
|
7
7
|
"prepublishOnly": "npm run build:lib"
|
|
8
8
|
},
|
|
9
9
|
"dependencies": {
|
|
10
|
-
"@douyinfe/semi-animation": "2.39.0
|
|
10
|
+
"@douyinfe/semi-animation": "2.39.0",
|
|
11
11
|
"async-validator": "^3.5.0",
|
|
12
12
|
"classnames": "^2.2.6",
|
|
13
13
|
"date-fns": "^2.29.3",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"*.scss",
|
|
24
24
|
"*.css"
|
|
25
25
|
],
|
|
26
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "7c7257d1e4bca9c1485c077470366e9776661e71",
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@babel/plugin-transform-runtime": "^7.15.8",
|
|
29
29
|
"@babel/preset-env": "^7.15.8",
|
package/switch/switch.scss
CHANGED
|
@@ -25,9 +25,7 @@ $module: #{$prefix}-switch;
|
|
|
25
25
|
|
|
26
26
|
&:active {
|
|
27
27
|
border: $border-thickness-control $color-switch_default-bg-active solid;
|
|
28
|
-
|
|
29
28
|
.#{$module}-knob {
|
|
30
|
-
// width: $knob-size + $knob-active-expand;
|
|
31
29
|
width: $width-switch_knob_active;
|
|
32
30
|
}
|
|
33
31
|
}
|
|
@@ -69,6 +67,9 @@ $module: #{$prefix}-switch;
|
|
|
69
67
|
|
|
70
68
|
&:active {
|
|
71
69
|
background-color: $color-switch_disabled-bg-active;
|
|
70
|
+
.#{$module}-knob {
|
|
71
|
+
width: $width-switch_knob_default;
|
|
72
|
+
}
|
|
72
73
|
}
|
|
73
74
|
|
|
74
75
|
.#{$module}-knob {
|
|
@@ -85,6 +86,11 @@ $module: #{$prefix}-switch;
|
|
|
85
86
|
&.#{$module}-checked {
|
|
86
87
|
border-color: $color-switch_checked_disabled-border-default;
|
|
87
88
|
background-color: $color-switch_checked_disabled-bg-default;
|
|
89
|
+
&:active {
|
|
90
|
+
.#{$module}-knob {
|
|
91
|
+
transform: translateX($spacing-switch_checked-translateX);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
88
94
|
.#{$module}-knob {
|
|
89
95
|
@include shadow-0;
|
|
90
96
|
border: none;
|