@alfalab/core-components-switch 6.1.2-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479 → 6.1.3

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 (19) hide show
  1. package/default.css +11 -11
  2. package/default.module.css.js +1 -1
  3. package/esm/default.css +11 -11
  4. package/esm/default.module.css.js +1 -1
  5. package/esm/index.css +23 -23
  6. package/esm/index.module.css.js +1 -1
  7. package/esm/inverted.css +11 -11
  8. package/esm/inverted.module.css.js +1 -1
  9. package/index.css +23 -23
  10. package/index.module.css.js +1 -1
  11. package/inverted.css +11 -11
  12. package/inverted.module.css.js +1 -1
  13. package/modern/default.css +11 -11
  14. package/modern/default.module.css.js +1 -1
  15. package/modern/index.css +23 -23
  16. package/modern/index.module.css.js +1 -1
  17. package/modern/inverted.css +11 -11
  18. package/modern/inverted.module.css.js +1 -1
  19. package/package.json +6 -6
package/default.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
21
21
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
22
22
  }
23
- .switch__switch_684lv {
23
+ .switch__switch_6gpn8 {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_684lv:hover {
26
+ .switch__switch_6gpn8:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_684lv {
29
+ .switch__label_6gpn8 {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_684lv {
32
+ .switch__hint_6gpn8 {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_684lv .switch__switch_684lv {
35
+ .switch__checked_6gpn8 .switch__switch_6gpn8 {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_684lv .switch__switch_684lv:hover {
38
+ .switch__checked_6gpn8 .switch__switch_6gpn8:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_684lv .switch__label_684lv {
41
+ .switch__disabled_6gpn8 .switch__label_6gpn8 {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_684lv .switch__hint_684lv {
44
+ .switch__disabled_6gpn8 .switch__hint_6gpn8 {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_684lv .switch__switch_684lv {
47
+ .switch__disabled_6gpn8 .switch__switch_6gpn8 {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_684lv .switch__switch_684lv:before {
50
+ .switch__disabled_6gpn8 .switch__switch_6gpn8:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_684lv.switch__checked_684lv .switch__switch_684lv {
53
+ .switch__disabled_6gpn8.switch__checked_6gpn8 .switch__switch_6gpn8 {
54
54
  background-color: var(--switch-disabled-checked-bg-color);
55
55
  }
package/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultStyles = {"switch":"switch__switch_684lv","label":"switch__label_684lv","hint":"switch__hint_684lv","checked":"switch__checked_684lv","disabled":"switch__disabled_684lv"};
5
+ var defaultStyles = {"switch":"switch__switch_6gpn8","label":"switch__label_6gpn8","hint":"switch__hint_6gpn8","checked":"switch__checked_6gpn8","disabled":"switch__disabled_6gpn8"};
6
6
 
7
7
  module.exports = defaultStyles;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/esm/default.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
21
21
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
22
22
  }
23
- .switch__switch_684lv {
23
+ .switch__switch_6gpn8 {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_684lv:hover {
26
+ .switch__switch_6gpn8:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_684lv {
29
+ .switch__label_6gpn8 {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_684lv {
32
+ .switch__hint_6gpn8 {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_684lv .switch__switch_684lv {
35
+ .switch__checked_6gpn8 .switch__switch_6gpn8 {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_684lv .switch__switch_684lv:hover {
38
+ .switch__checked_6gpn8 .switch__switch_6gpn8:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_684lv .switch__label_684lv {
41
+ .switch__disabled_6gpn8 .switch__label_6gpn8 {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_684lv .switch__hint_684lv {
44
+ .switch__disabled_6gpn8 .switch__hint_6gpn8 {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_684lv .switch__switch_684lv {
47
+ .switch__disabled_6gpn8 .switch__switch_6gpn8 {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_684lv .switch__switch_684lv:before {
50
+ .switch__disabled_6gpn8 .switch__switch_6gpn8:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_684lv.switch__checked_684lv .switch__switch_684lv {
53
+ .switch__disabled_6gpn8.switch__checked_6gpn8 .switch__switch_6gpn8 {
54
54
  background-color: var(--switch-disabled-checked-bg-color);
55
55
  }
package/esm/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultStyles = {"switch":"switch__switch_684lv","label":"switch__label_684lv","hint":"switch__hint_684lv","checked":"switch__checked_684lv","disabled":"switch__disabled_684lv"};
3
+ var defaultStyles = {"switch":"switch__switch_6gpn8","label":"switch__label_6gpn8","hint":"switch__hint_6gpn8","checked":"switch__checked_6gpn8","disabled":"switch__disabled_6gpn8"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/index.css CHANGED
@@ -35,7 +35,7 @@
35
35
  --switch-error-color: var(--color-light-text-negative);
36
36
  --switch-icon-color: var(--color-static-neutral-0);
37
37
  }
38
- .switch__component_bl49w {
38
+ .switch__component_1pjro {
39
39
  display: inline-flex;
40
40
  align-items: flex-start;
41
41
  margin: var(--gap-0);
@@ -44,25 +44,25 @@
44
44
  cursor: pointer;
45
45
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46
46
  }
47
- .switch__component_bl49w input {
47
+ .switch__component_1pjro input {
48
48
  opacity: 0;
49
49
  position: absolute;
50
50
  }
51
- .switch__start_bl49w {
51
+ .switch__start_1pjro {
52
52
  align-items: flex-start;
53
53
  }
54
- .switch__center_bl49w {
54
+ .switch__center_1pjro {
55
55
  align-items: center;
56
56
  }
57
- .switch__addons_bl49w {
57
+ .switch__addons_1pjro {
58
58
  margin-left: auto;
59
59
  padding-left: var(--gap-16);
60
60
  line-height: 24px;
61
61
  }
62
- .switch__block_bl49w {
62
+ .switch__block_1pjro {
63
63
  width: 100%;
64
64
  }
65
- .switch__switch_bl49w {
65
+ .switch__switch_1pjro {
66
66
  position: relative;
67
67
  display: block;
68
68
  border-radius: var(--border-radius-16);
@@ -76,12 +76,12 @@
76
76
  border-color 0.2s ease;
77
77
  box-sizing: border-box;
78
78
  }
79
- .switch__switchSkeleton_bl49w {
79
+ .switch__switchSkeleton_1pjro {
80
80
  width: 36px;
81
81
  height: 20px;
82
82
  margin: var(--gap-2);
83
83
  }
84
- .switch__switch_bl49w:before {
84
+ .switch__switch_1pjro:before {
85
85
  content: '';
86
86
  position: absolute;
87
87
  top: var(--gap-0);
@@ -94,65 +94,65 @@
94
94
  box-sizing: border-box;
95
95
  transition: transform 0.2s ease;
96
96
  }
97
- .switch__content_bl49w {
97
+ .switch__content_1pjro {
98
98
  margin-left: var(--gap-12);
99
99
  flex-grow: 1;
100
100
  }
101
- .switch__label_bl49w {
101
+ .switch__label_1pjro {
102
102
  font-size: 16px;
103
103
  line-height: 24px;
104
104
  font-weight: 400;
105
105
  font-family: var(--font-family-system);
106
106
  display: block;
107
107
  }
108
- .switch__labelWrap_bl49w:not(:only-child) {
108
+ .switch__labelWrap_1pjro:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
110
  }
111
- .switch__labelWrap_bl49w.switch__loading_bl49w {
111
+ .switch__labelWrap_1pjro.switch__loading_1pjro {
112
112
  height: var(--gap-12);
113
113
  margin: var(--gap-6) 0;
114
114
  }
115
- .switch__labelWrap_bl49w.switch__loading_bl49w:not(:only-child) {
115
+ .switch__labelWrap_1pjro.switch__loading_1pjro:not(:only-child) {
116
116
  margin-bottom: var(--gap-2s);
117
117
  }
118
- .switch__errorMessage_bl49w {
118
+ .switch__errorMessage_1pjro {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
122
122
  font-family: var(--font-family-system);
123
123
  color: var(--switch-error-color);
124
124
  }
125
- .switch__hint_bl49w {
125
+ .switch__hint_1pjro {
126
126
  font-size: 14px;
127
127
  line-height: 18px;
128
128
  font-weight: 400;
129
129
  font-family: var(--font-family-system);
130
130
  display: block;
131
131
  }
132
- .switch__hintWrap_bl49w.switch__loading_bl49w {
132
+ .switch__hintWrap_1pjro.switch__loading_1pjro {
133
133
  height: var(--gap-10);
134
134
  margin-bottom: var(--gap-4);
135
135
  }
136
- .switch__component_bl49w.switch__reversed_bl49w {
136
+ .switch__component_1pjro.switch__reversed_1pjro {
137
137
  flex-direction: row-reverse;
138
138
  }
139
- .switch__reversed_bl49w .switch__content_bl49w {
139
+ .switch__reversed_1pjro .switch__content_1pjro {
140
140
  margin-right: var(--gap-16);
141
141
  margin-left: var(--gap-0);
142
142
  }
143
- .switch__reversed_bl49w .switch__addons_bl49w {
143
+ .switch__reversed_1pjro .switch__addons_1pjro {
144
144
  margin-left: var(--gap-0);
145
145
  padding-left: var(--gap-0);
146
146
  margin-right: auto;
147
147
  padding-right: var(--gap-16);
148
148
  }
149
- .switch__checked_bl49w .switch__switch_bl49w:before {
149
+ .switch__checked_1pjro .switch__switch_1pjro:before {
150
150
  transform: translateX(16px);
151
151
  }
152
- .switch__disabled_bl49w {
152
+ .switch__disabled_1pjro {
153
153
  cursor: var(--disabled-cursor);
154
154
  }
155
- .switch__focused_bl49w .switch__switch_bl49w {
155
+ .switch__focused_1pjro .switch__switch_1pjro {
156
156
  outline: 2px solid var(--focus-color);
157
157
  outline-offset: 2px;
158
158
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"switch__component_bl49w","start":"switch__start_bl49w","center":"switch__center_bl49w","addons":"switch__addons_bl49w","block":"switch__block_bl49w","switch":"switch__switch_bl49w","switchSkeleton":"switch__switchSkeleton_bl49w","content":"switch__content_bl49w","label":"switch__label_bl49w","labelWrap":"switch__labelWrap_bl49w","loading":"switch__loading_bl49w","errorMessage":"switch__errorMessage_bl49w","hint":"switch__hint_bl49w","hintWrap":"switch__hintWrap_bl49w","reversed":"switch__reversed_bl49w","checked":"switch__checked_bl49w","disabled":"switch__disabled_bl49w","focused":"switch__focused_bl49w"};
3
+ var styles = {"component":"switch__component_1pjro","start":"switch__start_1pjro","center":"switch__center_1pjro","addons":"switch__addons_1pjro","block":"switch__block_1pjro","switch":"switch__switch_1pjro","switchSkeleton":"switch__switchSkeleton_1pjro","content":"switch__content_1pjro","label":"switch__label_1pjro","labelWrap":"switch__labelWrap_1pjro","loading":"switch__loading_1pjro","errorMessage":"switch__errorMessage_1pjro","hint":"switch__hint_1pjro","hintWrap":"switch__hintWrap_1pjro","reversed":"switch__reversed_1pjro","checked":"switch__checked_1pjro","disabled":"switch__disabled_1pjro","focused":"switch__focused_1pjro"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/inverted.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
21
21
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
22
22
  }
23
- .switch__switch_16p16 {
23
+ .switch__switch_1u2zc {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_16p16:hover {
26
+ .switch__switch_1u2zc:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_16p16 {
29
+ .switch__label_1u2zc {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_16p16 {
32
+ .switch__hint_1u2zc {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_16p16 .switch__switch_16p16 {
35
+ .switch__checked_1u2zc .switch__switch_1u2zc {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_16p16 .switch__switch_16p16:hover {
38
+ .switch__checked_1u2zc .switch__switch_1u2zc:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_16p16 .switch__label_16p16 {
41
+ .switch__disabled_1u2zc .switch__label_1u2zc {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_16p16 .switch__hint_16p16 {
44
+ .switch__disabled_1u2zc .switch__hint_1u2zc {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_16p16 .switch__switch_16p16 {
47
+ .switch__disabled_1u2zc .switch__switch_1u2zc {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_16p16 .switch__switch_16p16:before {
50
+ .switch__disabled_1u2zc .switch__switch_1u2zc:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_16p16.switch__checked_16p16 .switch__switch_16p16 {
53
+ .switch__disabled_1u2zc.switch__checked_1u2zc .switch__switch_1u2zc {
54
54
  background-color: var(--switch-disabled-checked-bg-inverted-color);
55
55
  }
package/esm/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedStyles = {"switch":"switch__switch_16p16","label":"switch__label_16p16","hint":"switch__hint_16p16","checked":"switch__checked_16p16","disabled":"switch__disabled_16p16"};
3
+ var invertedStyles = {"switch":"switch__switch_1u2zc","label":"switch__label_1u2zc","hint":"switch__hint_1u2zc","checked":"switch__checked_1u2zc","disabled":"switch__disabled_1u2zc"};
4
4
 
5
5
  export { invertedStyles as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/index.css CHANGED
@@ -35,7 +35,7 @@
35
35
  --switch-error-color: var(--color-light-text-negative);
36
36
  --switch-icon-color: var(--color-static-neutral-0);
37
37
  }
38
- .switch__component_bl49w {
38
+ .switch__component_1pjro {
39
39
  display: inline-flex;
40
40
  align-items: flex-start;
41
41
  margin: var(--gap-0);
@@ -44,25 +44,25 @@
44
44
  cursor: pointer;
45
45
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46
46
  }
47
- .switch__component_bl49w input {
47
+ .switch__component_1pjro input {
48
48
  opacity: 0;
49
49
  position: absolute;
50
50
  }
51
- .switch__start_bl49w {
51
+ .switch__start_1pjro {
52
52
  align-items: flex-start;
53
53
  }
54
- .switch__center_bl49w {
54
+ .switch__center_1pjro {
55
55
  align-items: center;
56
56
  }
57
- .switch__addons_bl49w {
57
+ .switch__addons_1pjro {
58
58
  margin-left: auto;
59
59
  padding-left: var(--gap-16);
60
60
  line-height: 24px;
61
61
  }
62
- .switch__block_bl49w {
62
+ .switch__block_1pjro {
63
63
  width: 100%;
64
64
  }
65
- .switch__switch_bl49w {
65
+ .switch__switch_1pjro {
66
66
  position: relative;
67
67
  display: block;
68
68
  border-radius: var(--border-radius-16);
@@ -76,12 +76,12 @@
76
76
  border-color 0.2s ease;
77
77
  box-sizing: border-box;
78
78
  }
79
- .switch__switchSkeleton_bl49w {
79
+ .switch__switchSkeleton_1pjro {
80
80
  width: 36px;
81
81
  height: 20px;
82
82
  margin: var(--gap-2);
83
83
  }
84
- .switch__switch_bl49w:before {
84
+ .switch__switch_1pjro:before {
85
85
  content: '';
86
86
  position: absolute;
87
87
  top: var(--gap-0);
@@ -94,65 +94,65 @@
94
94
  box-sizing: border-box;
95
95
  transition: transform 0.2s ease;
96
96
  }
97
- .switch__content_bl49w {
97
+ .switch__content_1pjro {
98
98
  margin-left: var(--gap-12);
99
99
  flex-grow: 1;
100
100
  }
101
- .switch__label_bl49w {
101
+ .switch__label_1pjro {
102
102
  font-size: 16px;
103
103
  line-height: 24px;
104
104
  font-weight: 400;
105
105
  font-family: var(--font-family-system);
106
106
  display: block;
107
107
  }
108
- .switch__labelWrap_bl49w:not(:only-child) {
108
+ .switch__labelWrap_1pjro:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
110
  }
111
- .switch__labelWrap_bl49w.switch__loading_bl49w {
111
+ .switch__labelWrap_1pjro.switch__loading_1pjro {
112
112
  height: var(--gap-12);
113
113
  margin: var(--gap-6) 0;
114
114
  }
115
- .switch__labelWrap_bl49w.switch__loading_bl49w:not(:only-child) {
115
+ .switch__labelWrap_1pjro.switch__loading_1pjro:not(:only-child) {
116
116
  margin-bottom: var(--gap-2s);
117
117
  }
118
- .switch__errorMessage_bl49w {
118
+ .switch__errorMessage_1pjro {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
122
122
  font-family: var(--font-family-system);
123
123
  color: var(--switch-error-color);
124
124
  }
125
- .switch__hint_bl49w {
125
+ .switch__hint_1pjro {
126
126
  font-size: 14px;
127
127
  line-height: 18px;
128
128
  font-weight: 400;
129
129
  font-family: var(--font-family-system);
130
130
  display: block;
131
131
  }
132
- .switch__hintWrap_bl49w.switch__loading_bl49w {
132
+ .switch__hintWrap_1pjro.switch__loading_1pjro {
133
133
  height: var(--gap-10);
134
134
  margin-bottom: var(--gap-4);
135
135
  }
136
- .switch__component_bl49w.switch__reversed_bl49w {
136
+ .switch__component_1pjro.switch__reversed_1pjro {
137
137
  flex-direction: row-reverse;
138
138
  }
139
- .switch__reversed_bl49w .switch__content_bl49w {
139
+ .switch__reversed_1pjro .switch__content_1pjro {
140
140
  margin-right: var(--gap-16);
141
141
  margin-left: var(--gap-0);
142
142
  }
143
- .switch__reversed_bl49w .switch__addons_bl49w {
143
+ .switch__reversed_1pjro .switch__addons_1pjro {
144
144
  margin-left: var(--gap-0);
145
145
  padding-left: var(--gap-0);
146
146
  margin-right: auto;
147
147
  padding-right: var(--gap-16);
148
148
  }
149
- .switch__checked_bl49w .switch__switch_bl49w:before {
149
+ .switch__checked_1pjro .switch__switch_1pjro:before {
150
150
  transform: translateX(16px);
151
151
  }
152
- .switch__disabled_bl49w {
152
+ .switch__disabled_1pjro {
153
153
  cursor: var(--disabled-cursor);
154
154
  }
155
- .switch__focused_bl49w .switch__switch_bl49w {
155
+ .switch__focused_1pjro .switch__switch_1pjro {
156
156
  outline: 2px solid var(--focus-color);
157
157
  outline-offset: 2px;
158
158
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"switch__component_bl49w","start":"switch__start_bl49w","center":"switch__center_bl49w","addons":"switch__addons_bl49w","block":"switch__block_bl49w","switch":"switch__switch_bl49w","switchSkeleton":"switch__switchSkeleton_bl49w","content":"switch__content_bl49w","label":"switch__label_bl49w","labelWrap":"switch__labelWrap_bl49w","loading":"switch__loading_bl49w","errorMessage":"switch__errorMessage_bl49w","hint":"switch__hint_bl49w","hintWrap":"switch__hintWrap_bl49w","reversed":"switch__reversed_bl49w","checked":"switch__checked_bl49w","disabled":"switch__disabled_bl49w","focused":"switch__focused_bl49w"};
5
+ var styles = {"component":"switch__component_1pjro","start":"switch__start_1pjro","center":"switch__center_1pjro","addons":"switch__addons_1pjro","block":"switch__block_1pjro","switch":"switch__switch_1pjro","switchSkeleton":"switch__switchSkeleton_1pjro","content":"switch__content_1pjro","label":"switch__label_1pjro","labelWrap":"switch__labelWrap_1pjro","loading":"switch__loading_1pjro","errorMessage":"switch__errorMessage_1pjro","hint":"switch__hint_1pjro","hintWrap":"switch__hintWrap_1pjro","reversed":"switch__reversed_1pjro","checked":"switch__checked_1pjro","disabled":"switch__disabled_1pjro","focused":"switch__focused_1pjro"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/inverted.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
21
21
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
22
22
  }
23
- .switch__switch_16p16 {
23
+ .switch__switch_1u2zc {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_16p16:hover {
26
+ .switch__switch_1u2zc:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_16p16 {
29
+ .switch__label_1u2zc {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_16p16 {
32
+ .switch__hint_1u2zc {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_16p16 .switch__switch_16p16 {
35
+ .switch__checked_1u2zc .switch__switch_1u2zc {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_16p16 .switch__switch_16p16:hover {
38
+ .switch__checked_1u2zc .switch__switch_1u2zc:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_16p16 .switch__label_16p16 {
41
+ .switch__disabled_1u2zc .switch__label_1u2zc {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_16p16 .switch__hint_16p16 {
44
+ .switch__disabled_1u2zc .switch__hint_1u2zc {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_16p16 .switch__switch_16p16 {
47
+ .switch__disabled_1u2zc .switch__switch_1u2zc {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_16p16 .switch__switch_16p16:before {
50
+ .switch__disabled_1u2zc .switch__switch_1u2zc:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_16p16.switch__checked_16p16 .switch__switch_16p16 {
53
+ .switch__disabled_1u2zc.switch__checked_1u2zc .switch__switch_1u2zc {
54
54
  background-color: var(--switch-disabled-checked-bg-inverted-color);
55
55
  }
package/inverted.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedStyles = {"switch":"switch__switch_16p16","label":"switch__label_16p16","hint":"switch__hint_16p16","checked":"switch__checked_16p16","disabled":"switch__disabled_16p16"};
5
+ var invertedStyles = {"switch":"switch__switch_1u2zc","label":"switch__label_1u2zc","hint":"switch__hint_1u2zc","checked":"switch__checked_1u2zc","disabled":"switch__disabled_1u2zc"};
6
6
 
7
7
  module.exports = invertedStyles;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/modern/default.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
21
21
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
22
22
  }
23
- .switch__switch_684lv {
23
+ .switch__switch_6gpn8 {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_684lv:hover {
26
+ .switch__switch_6gpn8:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_684lv {
29
+ .switch__label_6gpn8 {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_684lv {
32
+ .switch__hint_6gpn8 {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_684lv .switch__switch_684lv {
35
+ .switch__checked_6gpn8 .switch__switch_6gpn8 {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_684lv .switch__switch_684lv:hover {
38
+ .switch__checked_6gpn8 .switch__switch_6gpn8:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_684lv .switch__label_684lv {
41
+ .switch__disabled_6gpn8 .switch__label_6gpn8 {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_684lv .switch__hint_684lv {
44
+ .switch__disabled_6gpn8 .switch__hint_6gpn8 {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_684lv .switch__switch_684lv {
47
+ .switch__disabled_6gpn8 .switch__switch_6gpn8 {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_684lv .switch__switch_684lv:before {
50
+ .switch__disabled_6gpn8 .switch__switch_6gpn8:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_684lv.switch__checked_684lv .switch__switch_684lv {
53
+ .switch__disabled_6gpn8.switch__checked_6gpn8 .switch__switch_6gpn8 {
54
54
  background-color: var(--switch-disabled-checked-bg-color);
55
55
  }
package/modern/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultStyles = {"switch":"switch__switch_684lv","label":"switch__label_684lv","hint":"switch__hint_684lv","checked":"switch__checked_684lv","disabled":"switch__disabled_684lv"};
3
+ const defaultStyles = {"switch":"switch__switch_6gpn8","label":"switch__label_6gpn8","hint":"switch__hint_6gpn8","checked":"switch__checked_6gpn8","disabled":"switch__disabled_6gpn8"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/index.css CHANGED
@@ -35,7 +35,7 @@
35
35
  --switch-error-color: var(--color-light-text-negative);
36
36
  --switch-icon-color: var(--color-static-neutral-0);
37
37
  }
38
- .switch__component_bl49w {
38
+ .switch__component_1pjro {
39
39
  display: inline-flex;
40
40
  align-items: flex-start;
41
41
  margin: var(--gap-0);
@@ -44,25 +44,25 @@
44
44
  cursor: pointer;
45
45
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46
46
  }
47
- .switch__component_bl49w input {
47
+ .switch__component_1pjro input {
48
48
  opacity: 0;
49
49
  position: absolute;
50
50
  }
51
- .switch__start_bl49w {
51
+ .switch__start_1pjro {
52
52
  align-items: flex-start;
53
53
  }
54
- .switch__center_bl49w {
54
+ .switch__center_1pjro {
55
55
  align-items: center;
56
56
  }
57
- .switch__addons_bl49w {
57
+ .switch__addons_1pjro {
58
58
  margin-left: auto;
59
59
  padding-left: var(--gap-16);
60
60
  line-height: 24px;
61
61
  }
62
- .switch__block_bl49w {
62
+ .switch__block_1pjro {
63
63
  width: 100%;
64
64
  }
65
- .switch__switch_bl49w {
65
+ .switch__switch_1pjro {
66
66
  position: relative;
67
67
  display: block;
68
68
  border-radius: var(--border-radius-16);
@@ -76,12 +76,12 @@
76
76
  border-color 0.2s ease;
77
77
  box-sizing: border-box;
78
78
  }
79
- .switch__switchSkeleton_bl49w {
79
+ .switch__switchSkeleton_1pjro {
80
80
  width: 36px;
81
81
  height: 20px;
82
82
  margin: var(--gap-2);
83
83
  }
84
- .switch__switch_bl49w:before {
84
+ .switch__switch_1pjro:before {
85
85
  content: '';
86
86
  position: absolute;
87
87
  top: var(--gap-0);
@@ -94,65 +94,65 @@
94
94
  box-sizing: border-box;
95
95
  transition: transform 0.2s ease;
96
96
  }
97
- .switch__content_bl49w {
97
+ .switch__content_1pjro {
98
98
  margin-left: var(--gap-12);
99
99
  flex-grow: 1;
100
100
  }
101
- .switch__label_bl49w {
101
+ .switch__label_1pjro {
102
102
  font-size: 16px;
103
103
  line-height: 24px;
104
104
  font-weight: 400;
105
105
  font-family: var(--font-family-system);
106
106
  display: block;
107
107
  }
108
- .switch__labelWrap_bl49w:not(:only-child) {
108
+ .switch__labelWrap_1pjro:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
110
  }
111
- .switch__labelWrap_bl49w.switch__loading_bl49w {
111
+ .switch__labelWrap_1pjro.switch__loading_1pjro {
112
112
  height: var(--gap-12);
113
113
  margin: var(--gap-6) 0;
114
114
  }
115
- .switch__labelWrap_bl49w.switch__loading_bl49w:not(:only-child) {
115
+ .switch__labelWrap_1pjro.switch__loading_1pjro:not(:only-child) {
116
116
  margin-bottom: var(--gap-2s);
117
117
  }
118
- .switch__errorMessage_bl49w {
118
+ .switch__errorMessage_1pjro {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
122
122
  font-family: var(--font-family-system);
123
123
  color: var(--switch-error-color);
124
124
  }
125
- .switch__hint_bl49w {
125
+ .switch__hint_1pjro {
126
126
  font-size: 14px;
127
127
  line-height: 18px;
128
128
  font-weight: 400;
129
129
  font-family: var(--font-family-system);
130
130
  display: block;
131
131
  }
132
- .switch__hintWrap_bl49w.switch__loading_bl49w {
132
+ .switch__hintWrap_1pjro.switch__loading_1pjro {
133
133
  height: var(--gap-10);
134
134
  margin-bottom: var(--gap-4);
135
135
  }
136
- .switch__component_bl49w.switch__reversed_bl49w {
136
+ .switch__component_1pjro.switch__reversed_1pjro {
137
137
  flex-direction: row-reverse;
138
138
  }
139
- .switch__reversed_bl49w .switch__content_bl49w {
139
+ .switch__reversed_1pjro .switch__content_1pjro {
140
140
  margin-right: var(--gap-16);
141
141
  margin-left: var(--gap-0);
142
142
  }
143
- .switch__reversed_bl49w .switch__addons_bl49w {
143
+ .switch__reversed_1pjro .switch__addons_1pjro {
144
144
  margin-left: var(--gap-0);
145
145
  padding-left: var(--gap-0);
146
146
  margin-right: auto;
147
147
  padding-right: var(--gap-16);
148
148
  }
149
- .switch__checked_bl49w .switch__switch_bl49w:before {
149
+ .switch__checked_1pjro .switch__switch_1pjro:before {
150
150
  transform: translateX(16px);
151
151
  }
152
- .switch__disabled_bl49w {
152
+ .switch__disabled_1pjro {
153
153
  cursor: var(--disabled-cursor);
154
154
  }
155
- .switch__focused_bl49w .switch__switch_bl49w {
155
+ .switch__focused_1pjro .switch__switch_1pjro {
156
156
  outline: 2px solid var(--focus-color);
157
157
  outline-offset: 2px;
158
158
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"switch__component_bl49w","start":"switch__start_bl49w","center":"switch__center_bl49w","addons":"switch__addons_bl49w","block":"switch__block_bl49w","switch":"switch__switch_bl49w","switchSkeleton":"switch__switchSkeleton_bl49w","content":"switch__content_bl49w","label":"switch__label_bl49w","labelWrap":"switch__labelWrap_bl49w","loading":"switch__loading_bl49w","errorMessage":"switch__errorMessage_bl49w","hint":"switch__hint_bl49w","hintWrap":"switch__hintWrap_bl49w","reversed":"switch__reversed_bl49w","checked":"switch__checked_bl49w","disabled":"switch__disabled_bl49w","focused":"switch__focused_bl49w"};
3
+ const styles = {"component":"switch__component_1pjro","start":"switch__start_1pjro","center":"switch__center_1pjro","addons":"switch__addons_1pjro","block":"switch__block_1pjro","switch":"switch__switch_1pjro","switchSkeleton":"switch__switchSkeleton_1pjro","content":"switch__content_1pjro","label":"switch__label_1pjro","labelWrap":"switch__labelWrap_1pjro","loading":"switch__loading_1pjro","errorMessage":"switch__errorMessage_1pjro","hint":"switch__hint_1pjro","hintWrap":"switch__hintWrap_1pjro","reversed":"switch__reversed_1pjro","checked":"switch__checked_1pjro","disabled":"switch__disabled_1pjro","focused":"switch__focused_1pjro"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/inverted.css CHANGED
@@ -20,36 +20,36 @@
20
20
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
21
21
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
22
22
  }
23
- .switch__switch_16p16 {
23
+ .switch__switch_1u2zc {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_16p16:hover {
26
+ .switch__switch_1u2zc:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_16p16 {
29
+ .switch__label_1u2zc {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_16p16 {
32
+ .switch__hint_1u2zc {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_16p16 .switch__switch_16p16 {
35
+ .switch__checked_1u2zc .switch__switch_1u2zc {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_16p16 .switch__switch_16p16:hover {
38
+ .switch__checked_1u2zc .switch__switch_1u2zc:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_16p16 .switch__label_16p16 {
41
+ .switch__disabled_1u2zc .switch__label_1u2zc {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_16p16 .switch__hint_16p16 {
44
+ .switch__disabled_1u2zc .switch__hint_1u2zc {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_16p16 .switch__switch_16p16 {
47
+ .switch__disabled_1u2zc .switch__switch_1u2zc {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_16p16 .switch__switch_16p16:before {
50
+ .switch__disabled_1u2zc .switch__switch_1u2zc:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_16p16.switch__checked_16p16 .switch__switch_16p16 {
53
+ .switch__disabled_1u2zc.switch__checked_1u2zc .switch__switch_1u2zc {
54
54
  background-color: var(--switch-disabled-checked-bg-inverted-color);
55
55
  }
package/modern/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedStyles = {"switch":"switch__switch_16p16","label":"switch__label_16p16","hint":"switch__hint_16p16","checked":"switch__checked_16p16","disabled":"switch__disabled_16p16"};
3
+ const invertedStyles = {"switch":"switch__switch_1u2zc","label":"switch__label_1u2zc","hint":"switch__hint_1u2zc","checked":"switch__checked_1u2zc","disabled":"switch__disabled_1u2zc"};
4
4
 
5
5
  export { invertedStyles as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-switch",
3
- "version": "6.1.2-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479",
3
+ "version": "6.1.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-shared": "2.2.0-dcfcd74d3c8fc8c265f6df2ad7d04cbada7c6479",
17
- "@alfalab/core-components-skeleton": "^7.0.3",
18
- "@alfalab/hooks": "^1.13.1",
16
+ "@alfalab/core-components-shared": "^2.2.1",
17
+ "@alfalab/core-components-skeleton": "^7.0.4",
18
+ "@alfalab/hooks": "^1.17.0",
19
19
  "classnames": "^2.5.1",
20
20
  "react-merge-refs": "^1.1.0",
21
21
  "tslib": "^2.4.0"
@@ -29,6 +29,6 @@
29
29
  "directory": "dist"
30
30
  },
31
31
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
32
- "themesVersion": "15.0.4",
33
- "varsVersion": "11.0.2"
32
+ "themesVersion": "15.1.0",
33
+ "varsVersion": "11.1.0"
34
34
  }