@snack-uikit/toggles 0.9.7-preview-3cdd8d31.0 → 0.9.7
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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.9.7 (2024-02-29)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **FF-0000:** fix switch icon lolor in disabled&checked state ([077fb82](https://github.com/cloud-ru-tech/snack-uikit/commit/077fb829f164793dc61dc7e4da99403602517a2c))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## 0.9.6 (2024-02-20)
|
|
7
18
|
|
|
8
19
|
|
|
@@ -118,6 +118,9 @@
|
|
|
118
118
|
.flag_icon_off[data-disabled=true]{
|
|
119
119
|
color:var(--sys-neutral-on-accent, #ffffff);
|
|
120
120
|
}
|
|
121
|
+
.flag_icon_off[data-disabled=true][data-hover=true]{
|
|
122
|
+
color:var(--sys-neutral-on-accent, #ffffff);
|
|
123
|
+
}
|
|
121
124
|
.flag_icon_off[data-checked=true]{
|
|
122
125
|
opacity:0;
|
|
123
126
|
}
|
|
@@ -145,6 +148,9 @@
|
|
|
145
148
|
.flag_icon_on[data-disabled=true]{
|
|
146
149
|
color:var(--sys-neutral-on-accent, #ffffff);
|
|
147
150
|
}
|
|
151
|
+
.flag_icon_on[data-disabled=true][data-hover=true]{
|
|
152
|
+
color:var(--sys-neutral-on-accent, #ffffff);
|
|
153
|
+
}
|
|
148
154
|
.flag_icon_on[data-checked=true]{
|
|
149
155
|
opacity:1;
|
|
150
156
|
}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Toggles",
|
|
7
|
-
"version": "0.9.7
|
|
7
|
+
"version": "0.9.7",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
"license": "Apache-2.0",
|
|
33
33
|
"scripts": {},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@snack-uikit/icons": "0.20.
|
|
35
|
+
"@snack-uikit/icons": "0.20.1",
|
|
36
36
|
"@snack-uikit/utils": "3.2.0",
|
|
37
37
|
"classnames": "2.3.2",
|
|
38
38
|
"merge-refs": "1.2.1",
|
|
39
39
|
"uncontrollable": "8.0.0"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "119fad909bd43cf932cd251a439cc1ce73669070"
|
|
42
42
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@import '../styles.module';
|
|
4
4
|
|
|
5
5
|
$sizes: 's', 'm';
|
|
6
|
-
$switchAnimationDuration: .1s;
|
|
6
|
+
$switchAnimationDuration: 0.1s;
|
|
7
7
|
|
|
8
8
|
.container {
|
|
9
9
|
@include container('switch');
|
|
@@ -19,20 +19,20 @@ $switchAnimationDuration: .1s;
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
&[data-hover=true] {
|
|
22
|
+
&[data-hover='true'] {
|
|
23
23
|
background-color: simple-var($theme-variables, 'sys', 'neutral', 'accent-hovered');
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
&[data-disabled=true] {
|
|
26
|
+
&[data-disabled='true'] {
|
|
27
27
|
background-color: simple-var($theme-variables, 'sys', 'neutral', 'decor-disabled');
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
&[data-checked=true] {
|
|
30
|
+
&[data-checked='true'] {
|
|
31
31
|
background-color: simple-var($theme-variables, 'sys', 'primary', 'accent-default');
|
|
32
|
-
&[data-hover=true] {
|
|
32
|
+
&[data-hover='true'] {
|
|
33
33
|
background-color: simple-var($theme-variables, 'sys', 'primary', 'accent-hovered');
|
|
34
34
|
}
|
|
35
|
-
&[data-disabled=true] {
|
|
35
|
+
&[data-disabled='true'] {
|
|
36
36
|
background-color: simple-var($theme-variables, 'sys', 'neutral', 'decor-disabled');
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -53,7 +53,7 @@ $switchAnimationDuration: .1s;
|
|
|
53
53
|
@each $size in $sizes {
|
|
54
54
|
&[data-size='#{$size}'] {
|
|
55
55
|
@include composite-var($toggles, $size, 'switch', 'container-flag');
|
|
56
|
-
&[data-checked=true] {
|
|
56
|
+
&[data-checked='true'] {
|
|
57
57
|
left: calc(100% - #{simple-var($toggles, $size, 'switch', 'container-flag', 'width')});
|
|
58
58
|
}
|
|
59
59
|
}
|
|
@@ -69,7 +69,7 @@ $switchAnimationDuration: .1s;
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
&[data-disabled=true] {
|
|
72
|
+
&[data-disabled='true'] {
|
|
73
73
|
background-color: simple-var($theme-variables, 'sys', 'neutral', 'text-disabled');
|
|
74
74
|
}
|
|
75
75
|
}
|
|
@@ -87,29 +87,32 @@ $switchAnimationDuration: .1s;
|
|
|
87
87
|
fill: transparent;
|
|
88
88
|
|
|
89
89
|
transition: opacity $switchAnimationDuration linear;
|
|
90
|
-
|
|
91
|
-
&[data-hover=true] {
|
|
90
|
+
|
|
91
|
+
&[data-hover='true'] {
|
|
92
92
|
color: simple-var($theme-variables, 'sys', 'neutral', 'accent-hovered');
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
&[data-checked=true] {
|
|
95
|
+
&[data-checked='true'] {
|
|
96
96
|
color: simple-var($theme-variables, 'sys', 'primary', 'accent-default');
|
|
97
|
-
&[data-hover=true] {
|
|
97
|
+
&[data-hover='true'] {
|
|
98
98
|
color: simple-var($theme-variables, 'sys', 'primary', 'accent-hovered');
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
-
&[data-disabled=true] {
|
|
102
|
+
&[data-disabled='true'] {
|
|
103
103
|
color: simple-var($theme-variables, 'sys', 'neutral', 'on-accent');
|
|
104
|
-
}
|
|
105
104
|
|
|
105
|
+
&[data-hover='true'] {
|
|
106
|
+
color: simple-var($theme-variables, 'sys', 'neutral', 'on-accent');
|
|
107
|
+
}
|
|
108
|
+
}
|
|
106
109
|
}
|
|
107
110
|
|
|
108
111
|
.flag_icon_off {
|
|
109
112
|
@include flagIcon();
|
|
110
113
|
|
|
111
114
|
opacity: 1;
|
|
112
|
-
&[data-checked=true] {
|
|
115
|
+
&[data-checked='true'] {
|
|
113
116
|
opacity: 0;
|
|
114
117
|
}
|
|
115
118
|
}
|
|
@@ -118,7 +121,7 @@ $switchAnimationDuration: .1s;
|
|
|
118
121
|
@include flagIcon();
|
|
119
122
|
|
|
120
123
|
opacity: 0;
|
|
121
|
-
&[data-checked=true] {
|
|
124
|
+
&[data-checked='true'] {
|
|
122
125
|
opacity: 1;
|
|
123
126
|
}
|
|
124
|
-
}
|
|
127
|
+
}
|