@alfalab/core-components-switch 6.1.0-alfasans → 6.1.1-alfasans

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 +2 -2
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_18pzn {
23
+ .switch__switch_gmm6u {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_18pzn:hover {
26
+ .switch__switch_gmm6u:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_18pzn {
29
+ .switch__label_gmm6u {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_18pzn {
32
+ .switch__hint_gmm6u {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_18pzn .switch__switch_18pzn {
35
+ .switch__checked_gmm6u .switch__switch_gmm6u {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_18pzn .switch__switch_18pzn:hover {
38
+ .switch__checked_gmm6u .switch__switch_gmm6u:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_18pzn .switch__label_18pzn {
41
+ .switch__disabled_gmm6u .switch__label_gmm6u {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_18pzn .switch__hint_18pzn {
44
+ .switch__disabled_gmm6u .switch__hint_gmm6u {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_18pzn .switch__switch_18pzn {
47
+ .switch__disabled_gmm6u .switch__switch_gmm6u {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_18pzn .switch__switch_18pzn:before {
50
+ .switch__disabled_gmm6u .switch__switch_gmm6u:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_18pzn.switch__checked_18pzn .switch__switch_18pzn {
53
+ .switch__disabled_gmm6u.switch__checked_gmm6u .switch__switch_gmm6u {
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_18pzn","label":"switch__label_18pzn","hint":"switch__hint_18pzn","checked":"switch__checked_18pzn","disabled":"switch__disabled_18pzn"};
5
+ var defaultStyles = {"switch":"switch__switch_gmm6u","label":"switch__label_gmm6u","hint":"switch__hint_gmm6u","checked":"switch__checked_gmm6u","disabled":"switch__disabled_gmm6u"};
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_18pzn {
23
+ .switch__switch_gmm6u {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_18pzn:hover {
26
+ .switch__switch_gmm6u:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_18pzn {
29
+ .switch__label_gmm6u {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_18pzn {
32
+ .switch__hint_gmm6u {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_18pzn .switch__switch_18pzn {
35
+ .switch__checked_gmm6u .switch__switch_gmm6u {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_18pzn .switch__switch_18pzn:hover {
38
+ .switch__checked_gmm6u .switch__switch_gmm6u:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_18pzn .switch__label_18pzn {
41
+ .switch__disabled_gmm6u .switch__label_gmm6u {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_18pzn .switch__hint_18pzn {
44
+ .switch__disabled_gmm6u .switch__hint_gmm6u {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_18pzn .switch__switch_18pzn {
47
+ .switch__disabled_gmm6u .switch__switch_gmm6u {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_18pzn .switch__switch_18pzn:before {
50
+ .switch__disabled_gmm6u .switch__switch_gmm6u:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_18pzn.switch__checked_18pzn .switch__switch_18pzn {
53
+ .switch__disabled_gmm6u.switch__checked_gmm6u .switch__switch_gmm6u {
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_18pzn","label":"switch__label_18pzn","hint":"switch__hint_18pzn","checked":"switch__checked_18pzn","disabled":"switch__disabled_18pzn"};
3
+ var defaultStyles = {"switch":"switch__switch_gmm6u","label":"switch__label_gmm6u","hint":"switch__hint_gmm6u","checked":"switch__checked_gmm6u","disabled":"switch__disabled_gmm6u"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/index.css CHANGED
@@ -36,7 +36,7 @@
36
36
  --switch-error-color: var(--color-light-text-negative);
37
37
  --switch-icon-color: var(--color-static-neutral-0);
38
38
  }
39
- .switch__component_12dhf {
39
+ .switch__component_1uguw {
40
40
  display: inline-flex;
41
41
  align-items: flex-start;
42
42
  margin: var(--gap-0);
@@ -45,25 +45,25 @@
45
45
  cursor: pointer;
46
46
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
47
47
  }
48
- .switch__component_12dhf input {
48
+ .switch__component_1uguw input {
49
49
  opacity: 0;
50
50
  position: absolute;
51
51
  }
52
- .switch__start_12dhf {
52
+ .switch__start_1uguw {
53
53
  align-items: flex-start;
54
54
  }
55
- .switch__center_12dhf {
55
+ .switch__center_1uguw {
56
56
  align-items: center;
57
57
  }
58
- .switch__addons_12dhf {
58
+ .switch__addons_1uguw {
59
59
  margin-left: auto;
60
60
  padding-left: var(--gap-16);
61
61
  line-height: 24px;
62
62
  }
63
- .switch__block_12dhf {
63
+ .switch__block_1uguw {
64
64
  width: 100%;
65
65
  }
66
- .switch__switch_12dhf {
66
+ .switch__switch_1uguw {
67
67
  position: relative;
68
68
  display: block;
69
69
  border-radius: var(--border-radius-16);
@@ -77,12 +77,12 @@
77
77
  border-color 0.2s ease;
78
78
  box-sizing: border-box;
79
79
  }
80
- .switch__switchSkeleton_12dhf {
80
+ .switch__switchSkeleton_1uguw {
81
81
  width: 36px;
82
82
  height: 20px;
83
83
  margin: var(--gap-2);
84
84
  }
85
- .switch__switch_12dhf:before {
85
+ .switch__switch_1uguw:before {
86
86
  content: '';
87
87
  position: absolute;
88
88
  top: var(--gap-0);
@@ -95,11 +95,11 @@
95
95
  box-sizing: border-box;
96
96
  transition: transform 0.2s ease;
97
97
  }
98
- .switch__content_12dhf {
98
+ .switch__content_1uguw {
99
99
  margin-left: var(--gap-12);
100
100
  flex-grow: 1;
101
101
  }
102
- .switch__label_12dhf {
102
+ .switch__label_1uguw {
103
103
  font-size: 16px;
104
104
  line-height: 24px;
105
105
  font-weight: 400;
@@ -107,17 +107,17 @@
107
107
  font-family: var(--font-family-alfasans);
108
108
  display: block;
109
109
  }
110
- .switch__labelWrap_12dhf:not(:only-child) {
110
+ .switch__labelWrap_1uguw:not(:only-child) {
111
111
  margin-bottom: var(--gap-4);
112
112
  }
113
- .switch__labelWrap_12dhf.switch__loading_12dhf {
113
+ .switch__labelWrap_1uguw.switch__loading_1uguw {
114
114
  height: var(--gap-12);
115
115
  margin: var(--gap-6) 0;
116
116
  }
117
- .switch__labelWrap_12dhf.switch__loading_12dhf:not(:only-child) {
117
+ .switch__labelWrap_1uguw.switch__loading_1uguw:not(:only-child) {
118
118
  margin-bottom: var(--gap-2s);
119
119
  }
120
- .switch__errorMessage_12dhf {
120
+ .switch__errorMessage_1uguw {
121
121
  font-size: 14px;
122
122
  line-height: 18px;
123
123
  font-weight: 400;
@@ -125,7 +125,7 @@
125
125
  font-family: var(--font-family-alfasans);
126
126
  color: var(--switch-error-color);
127
127
  }
128
- .switch__hint_12dhf {
128
+ .switch__hint_1uguw {
129
129
  font-size: 14px;
130
130
  line-height: 18px;
131
131
  font-weight: 400;
@@ -133,30 +133,30 @@
133
133
  font-family: var(--font-family-alfasans);
134
134
  display: block;
135
135
  }
136
- .switch__hintWrap_12dhf.switch__loading_12dhf {
136
+ .switch__hintWrap_1uguw.switch__loading_1uguw {
137
137
  height: var(--gap-10);
138
138
  margin-bottom: var(--gap-4);
139
139
  }
140
- .switch__component_12dhf.switch__reversed_12dhf {
140
+ .switch__component_1uguw.switch__reversed_1uguw {
141
141
  flex-direction: row-reverse;
142
142
  }
143
- .switch__reversed_12dhf .switch__content_12dhf {
143
+ .switch__reversed_1uguw .switch__content_1uguw {
144
144
  margin-right: var(--gap-16);
145
145
  margin-left: var(--gap-0);
146
146
  }
147
- .switch__reversed_12dhf .switch__addons_12dhf {
147
+ .switch__reversed_1uguw .switch__addons_1uguw {
148
148
  margin-left: var(--gap-0);
149
149
  padding-left: var(--gap-0);
150
150
  margin-right: auto;
151
151
  padding-right: var(--gap-16);
152
152
  }
153
- .switch__checked_12dhf .switch__switch_12dhf:before {
153
+ .switch__checked_1uguw .switch__switch_1uguw:before {
154
154
  transform: translateX(16px);
155
155
  }
156
- .switch__disabled_12dhf {
156
+ .switch__disabled_1uguw {
157
157
  cursor: var(--disabled-cursor);
158
158
  }
159
- .switch__focused_12dhf .switch__switch_12dhf {
159
+ .switch__focused_1uguw .switch__switch_1uguw {
160
160
  outline: 2px solid var(--focus-color);
161
161
  outline-offset: 2px;
162
162
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"switch__component_12dhf","start":"switch__start_12dhf","center":"switch__center_12dhf","addons":"switch__addons_12dhf","block":"switch__block_12dhf","switch":"switch__switch_12dhf","switchSkeleton":"switch__switchSkeleton_12dhf","content":"switch__content_12dhf","label":"switch__label_12dhf","labelWrap":"switch__labelWrap_12dhf","loading":"switch__loading_12dhf","errorMessage":"switch__errorMessage_12dhf","hint":"switch__hint_12dhf","hintWrap":"switch__hintWrap_12dhf","reversed":"switch__reversed_12dhf","checked":"switch__checked_12dhf","disabled":"switch__disabled_12dhf","focused":"switch__focused_12dhf"};
3
+ var styles = {"component":"switch__component_1uguw","start":"switch__start_1uguw","center":"switch__center_1uguw","addons":"switch__addons_1uguw","block":"switch__block_1uguw","switch":"switch__switch_1uguw","switchSkeleton":"switch__switchSkeleton_1uguw","content":"switch__content_1uguw","label":"switch__label_1uguw","labelWrap":"switch__labelWrap_1uguw","loading":"switch__loading_1uguw","errorMessage":"switch__errorMessage_1uguw","hint":"switch__hint_1uguw","hintWrap":"switch__hintWrap_1uguw","reversed":"switch__reversed_1uguw","checked":"switch__checked_1uguw","disabled":"switch__disabled_1uguw","focused":"switch__focused_1uguw"};
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_15jes {
23
+ .switch__switch_dg1ca {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_15jes:hover {
26
+ .switch__switch_dg1ca:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_15jes {
29
+ .switch__label_dg1ca {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_15jes {
32
+ .switch__hint_dg1ca {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_15jes .switch__switch_15jes {
35
+ .switch__checked_dg1ca .switch__switch_dg1ca {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_15jes .switch__switch_15jes:hover {
38
+ .switch__checked_dg1ca .switch__switch_dg1ca:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_15jes .switch__label_15jes {
41
+ .switch__disabled_dg1ca .switch__label_dg1ca {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_15jes .switch__hint_15jes {
44
+ .switch__disabled_dg1ca .switch__hint_dg1ca {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_15jes .switch__switch_15jes {
47
+ .switch__disabled_dg1ca .switch__switch_dg1ca {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_15jes .switch__switch_15jes:before {
50
+ .switch__disabled_dg1ca .switch__switch_dg1ca:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_15jes.switch__checked_15jes .switch__switch_15jes {
53
+ .switch__disabled_dg1ca.switch__checked_dg1ca .switch__switch_dg1ca {
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_15jes","label":"switch__label_15jes","hint":"switch__hint_15jes","checked":"switch__checked_15jes","disabled":"switch__disabled_15jes"};
3
+ var invertedStyles = {"switch":"switch__switch_dg1ca","label":"switch__label_dg1ca","hint":"switch__hint_dg1ca","checked":"switch__checked_dg1ca","disabled":"switch__disabled_dg1ca"};
4
4
 
5
5
  export { invertedStyles as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/index.css CHANGED
@@ -36,7 +36,7 @@
36
36
  --switch-error-color: var(--color-light-text-negative);
37
37
  --switch-icon-color: var(--color-static-neutral-0);
38
38
  }
39
- .switch__component_12dhf {
39
+ .switch__component_1uguw {
40
40
  display: inline-flex;
41
41
  align-items: flex-start;
42
42
  margin: var(--gap-0);
@@ -45,25 +45,25 @@
45
45
  cursor: pointer;
46
46
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
47
47
  }
48
- .switch__component_12dhf input {
48
+ .switch__component_1uguw input {
49
49
  opacity: 0;
50
50
  position: absolute;
51
51
  }
52
- .switch__start_12dhf {
52
+ .switch__start_1uguw {
53
53
  align-items: flex-start;
54
54
  }
55
- .switch__center_12dhf {
55
+ .switch__center_1uguw {
56
56
  align-items: center;
57
57
  }
58
- .switch__addons_12dhf {
58
+ .switch__addons_1uguw {
59
59
  margin-left: auto;
60
60
  padding-left: var(--gap-16);
61
61
  line-height: 24px;
62
62
  }
63
- .switch__block_12dhf {
63
+ .switch__block_1uguw {
64
64
  width: 100%;
65
65
  }
66
- .switch__switch_12dhf {
66
+ .switch__switch_1uguw {
67
67
  position: relative;
68
68
  display: block;
69
69
  border-radius: var(--border-radius-16);
@@ -77,12 +77,12 @@
77
77
  border-color 0.2s ease;
78
78
  box-sizing: border-box;
79
79
  }
80
- .switch__switchSkeleton_12dhf {
80
+ .switch__switchSkeleton_1uguw {
81
81
  width: 36px;
82
82
  height: 20px;
83
83
  margin: var(--gap-2);
84
84
  }
85
- .switch__switch_12dhf:before {
85
+ .switch__switch_1uguw:before {
86
86
  content: '';
87
87
  position: absolute;
88
88
  top: var(--gap-0);
@@ -95,11 +95,11 @@
95
95
  box-sizing: border-box;
96
96
  transition: transform 0.2s ease;
97
97
  }
98
- .switch__content_12dhf {
98
+ .switch__content_1uguw {
99
99
  margin-left: var(--gap-12);
100
100
  flex-grow: 1;
101
101
  }
102
- .switch__label_12dhf {
102
+ .switch__label_1uguw {
103
103
  font-size: 16px;
104
104
  line-height: 24px;
105
105
  font-weight: 400;
@@ -107,17 +107,17 @@
107
107
  font-family: var(--font-family-alfasans);
108
108
  display: block;
109
109
  }
110
- .switch__labelWrap_12dhf:not(:only-child) {
110
+ .switch__labelWrap_1uguw:not(:only-child) {
111
111
  margin-bottom: var(--gap-4);
112
112
  }
113
- .switch__labelWrap_12dhf.switch__loading_12dhf {
113
+ .switch__labelWrap_1uguw.switch__loading_1uguw {
114
114
  height: var(--gap-12);
115
115
  margin: var(--gap-6) 0;
116
116
  }
117
- .switch__labelWrap_12dhf.switch__loading_12dhf:not(:only-child) {
117
+ .switch__labelWrap_1uguw.switch__loading_1uguw:not(:only-child) {
118
118
  margin-bottom: var(--gap-2s);
119
119
  }
120
- .switch__errorMessage_12dhf {
120
+ .switch__errorMessage_1uguw {
121
121
  font-size: 14px;
122
122
  line-height: 18px;
123
123
  font-weight: 400;
@@ -125,7 +125,7 @@
125
125
  font-family: var(--font-family-alfasans);
126
126
  color: var(--switch-error-color);
127
127
  }
128
- .switch__hint_12dhf {
128
+ .switch__hint_1uguw {
129
129
  font-size: 14px;
130
130
  line-height: 18px;
131
131
  font-weight: 400;
@@ -133,30 +133,30 @@
133
133
  font-family: var(--font-family-alfasans);
134
134
  display: block;
135
135
  }
136
- .switch__hintWrap_12dhf.switch__loading_12dhf {
136
+ .switch__hintWrap_1uguw.switch__loading_1uguw {
137
137
  height: var(--gap-10);
138
138
  margin-bottom: var(--gap-4);
139
139
  }
140
- .switch__component_12dhf.switch__reversed_12dhf {
140
+ .switch__component_1uguw.switch__reversed_1uguw {
141
141
  flex-direction: row-reverse;
142
142
  }
143
- .switch__reversed_12dhf .switch__content_12dhf {
143
+ .switch__reversed_1uguw .switch__content_1uguw {
144
144
  margin-right: var(--gap-16);
145
145
  margin-left: var(--gap-0);
146
146
  }
147
- .switch__reversed_12dhf .switch__addons_12dhf {
147
+ .switch__reversed_1uguw .switch__addons_1uguw {
148
148
  margin-left: var(--gap-0);
149
149
  padding-left: var(--gap-0);
150
150
  margin-right: auto;
151
151
  padding-right: var(--gap-16);
152
152
  }
153
- .switch__checked_12dhf .switch__switch_12dhf:before {
153
+ .switch__checked_1uguw .switch__switch_1uguw:before {
154
154
  transform: translateX(16px);
155
155
  }
156
- .switch__disabled_12dhf {
156
+ .switch__disabled_1uguw {
157
157
  cursor: var(--disabled-cursor);
158
158
  }
159
- .switch__focused_12dhf .switch__switch_12dhf {
159
+ .switch__focused_1uguw .switch__switch_1uguw {
160
160
  outline: 2px solid var(--focus-color);
161
161
  outline-offset: 2px;
162
162
  }
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_12dhf","start":"switch__start_12dhf","center":"switch__center_12dhf","addons":"switch__addons_12dhf","block":"switch__block_12dhf","switch":"switch__switch_12dhf","switchSkeleton":"switch__switchSkeleton_12dhf","content":"switch__content_12dhf","label":"switch__label_12dhf","labelWrap":"switch__labelWrap_12dhf","loading":"switch__loading_12dhf","errorMessage":"switch__errorMessage_12dhf","hint":"switch__hint_12dhf","hintWrap":"switch__hintWrap_12dhf","reversed":"switch__reversed_12dhf","checked":"switch__checked_12dhf","disabled":"switch__disabled_12dhf","focused":"switch__focused_12dhf"};
5
+ var styles = {"component":"switch__component_1uguw","start":"switch__start_1uguw","center":"switch__center_1uguw","addons":"switch__addons_1uguw","block":"switch__block_1uguw","switch":"switch__switch_1uguw","switchSkeleton":"switch__switchSkeleton_1uguw","content":"switch__content_1uguw","label":"switch__label_1uguw","labelWrap":"switch__labelWrap_1uguw","loading":"switch__loading_1uguw","errorMessage":"switch__errorMessage_1uguw","hint":"switch__hint_1uguw","hintWrap":"switch__hintWrap_1uguw","reversed":"switch__reversed_1uguw","checked":"switch__checked_1uguw","disabled":"switch__disabled_1uguw","focused":"switch__focused_1uguw"};
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_15jes {
23
+ .switch__switch_dg1ca {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_15jes:hover {
26
+ .switch__switch_dg1ca:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_15jes {
29
+ .switch__label_dg1ca {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_15jes {
32
+ .switch__hint_dg1ca {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_15jes .switch__switch_15jes {
35
+ .switch__checked_dg1ca .switch__switch_dg1ca {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_15jes .switch__switch_15jes:hover {
38
+ .switch__checked_dg1ca .switch__switch_dg1ca:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_15jes .switch__label_15jes {
41
+ .switch__disabled_dg1ca .switch__label_dg1ca {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_15jes .switch__hint_15jes {
44
+ .switch__disabled_dg1ca .switch__hint_dg1ca {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_15jes .switch__switch_15jes {
47
+ .switch__disabled_dg1ca .switch__switch_dg1ca {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_15jes .switch__switch_15jes:before {
50
+ .switch__disabled_dg1ca .switch__switch_dg1ca:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_15jes.switch__checked_15jes .switch__switch_15jes {
53
+ .switch__disabled_dg1ca.switch__checked_dg1ca .switch__switch_dg1ca {
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_15jes","label":"switch__label_15jes","hint":"switch__hint_15jes","checked":"switch__checked_15jes","disabled":"switch__disabled_15jes"};
5
+ var invertedStyles = {"switch":"switch__switch_dg1ca","label":"switch__label_dg1ca","hint":"switch__hint_dg1ca","checked":"switch__checked_dg1ca","disabled":"switch__disabled_dg1ca"};
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_18pzn {
23
+ .switch__switch_gmm6u {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_18pzn:hover {
26
+ .switch__switch_gmm6u:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_18pzn {
29
+ .switch__label_gmm6u {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_18pzn {
32
+ .switch__hint_gmm6u {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_18pzn .switch__switch_18pzn {
35
+ .switch__checked_gmm6u .switch__switch_gmm6u {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_18pzn .switch__switch_18pzn:hover {
38
+ .switch__checked_gmm6u .switch__switch_gmm6u:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_18pzn .switch__label_18pzn {
41
+ .switch__disabled_gmm6u .switch__label_gmm6u {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_18pzn .switch__hint_18pzn {
44
+ .switch__disabled_gmm6u .switch__hint_gmm6u {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_18pzn .switch__switch_18pzn {
47
+ .switch__disabled_gmm6u .switch__switch_gmm6u {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_18pzn .switch__switch_18pzn:before {
50
+ .switch__disabled_gmm6u .switch__switch_gmm6u:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_18pzn.switch__checked_18pzn .switch__switch_18pzn {
53
+ .switch__disabled_gmm6u.switch__checked_gmm6u .switch__switch_gmm6u {
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_18pzn","label":"switch__label_18pzn","hint":"switch__hint_18pzn","checked":"switch__checked_18pzn","disabled":"switch__disabled_18pzn"};
3
+ const defaultStyles = {"switch":"switch__switch_gmm6u","label":"switch__label_gmm6u","hint":"switch__hint_gmm6u","checked":"switch__checked_gmm6u","disabled":"switch__disabled_gmm6u"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/index.css CHANGED
@@ -36,7 +36,7 @@
36
36
  --switch-error-color: var(--color-light-text-negative);
37
37
  --switch-icon-color: var(--color-static-neutral-0);
38
38
  }
39
- .switch__component_12dhf {
39
+ .switch__component_1uguw {
40
40
  display: inline-flex;
41
41
  align-items: flex-start;
42
42
  margin: var(--gap-0);
@@ -45,25 +45,25 @@
45
45
  cursor: pointer;
46
46
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
47
47
  }
48
- .switch__component_12dhf input {
48
+ .switch__component_1uguw input {
49
49
  opacity: 0;
50
50
  position: absolute;
51
51
  }
52
- .switch__start_12dhf {
52
+ .switch__start_1uguw {
53
53
  align-items: flex-start;
54
54
  }
55
- .switch__center_12dhf {
55
+ .switch__center_1uguw {
56
56
  align-items: center;
57
57
  }
58
- .switch__addons_12dhf {
58
+ .switch__addons_1uguw {
59
59
  margin-left: auto;
60
60
  padding-left: var(--gap-16);
61
61
  line-height: 24px;
62
62
  }
63
- .switch__block_12dhf {
63
+ .switch__block_1uguw {
64
64
  width: 100%;
65
65
  }
66
- .switch__switch_12dhf {
66
+ .switch__switch_1uguw {
67
67
  position: relative;
68
68
  display: block;
69
69
  border-radius: var(--border-radius-16);
@@ -77,12 +77,12 @@
77
77
  border-color 0.2s ease;
78
78
  box-sizing: border-box;
79
79
  }
80
- .switch__switchSkeleton_12dhf {
80
+ .switch__switchSkeleton_1uguw {
81
81
  width: 36px;
82
82
  height: 20px;
83
83
  margin: var(--gap-2);
84
84
  }
85
- .switch__switch_12dhf:before {
85
+ .switch__switch_1uguw:before {
86
86
  content: '';
87
87
  position: absolute;
88
88
  top: var(--gap-0);
@@ -95,11 +95,11 @@
95
95
  box-sizing: border-box;
96
96
  transition: transform 0.2s ease;
97
97
  }
98
- .switch__content_12dhf {
98
+ .switch__content_1uguw {
99
99
  margin-left: var(--gap-12);
100
100
  flex-grow: 1;
101
101
  }
102
- .switch__label_12dhf {
102
+ .switch__label_1uguw {
103
103
  font-size: 16px;
104
104
  line-height: 24px;
105
105
  font-weight: 400;
@@ -107,17 +107,17 @@
107
107
  font-family: var(--font-family-alfasans);
108
108
  display: block;
109
109
  }
110
- .switch__labelWrap_12dhf:not(:only-child) {
110
+ .switch__labelWrap_1uguw:not(:only-child) {
111
111
  margin-bottom: var(--gap-4);
112
112
  }
113
- .switch__labelWrap_12dhf.switch__loading_12dhf {
113
+ .switch__labelWrap_1uguw.switch__loading_1uguw {
114
114
  height: var(--gap-12);
115
115
  margin: var(--gap-6) 0;
116
116
  }
117
- .switch__labelWrap_12dhf.switch__loading_12dhf:not(:only-child) {
117
+ .switch__labelWrap_1uguw.switch__loading_1uguw:not(:only-child) {
118
118
  margin-bottom: var(--gap-2s);
119
119
  }
120
- .switch__errorMessage_12dhf {
120
+ .switch__errorMessage_1uguw {
121
121
  font-size: 14px;
122
122
  line-height: 18px;
123
123
  font-weight: 400;
@@ -125,7 +125,7 @@
125
125
  font-family: var(--font-family-alfasans);
126
126
  color: var(--switch-error-color);
127
127
  }
128
- .switch__hint_12dhf {
128
+ .switch__hint_1uguw {
129
129
  font-size: 14px;
130
130
  line-height: 18px;
131
131
  font-weight: 400;
@@ -133,30 +133,30 @@
133
133
  font-family: var(--font-family-alfasans);
134
134
  display: block;
135
135
  }
136
- .switch__hintWrap_12dhf.switch__loading_12dhf {
136
+ .switch__hintWrap_1uguw.switch__loading_1uguw {
137
137
  height: var(--gap-10);
138
138
  margin-bottom: var(--gap-4);
139
139
  }
140
- .switch__component_12dhf.switch__reversed_12dhf {
140
+ .switch__component_1uguw.switch__reversed_1uguw {
141
141
  flex-direction: row-reverse;
142
142
  }
143
- .switch__reversed_12dhf .switch__content_12dhf {
143
+ .switch__reversed_1uguw .switch__content_1uguw {
144
144
  margin-right: var(--gap-16);
145
145
  margin-left: var(--gap-0);
146
146
  }
147
- .switch__reversed_12dhf .switch__addons_12dhf {
147
+ .switch__reversed_1uguw .switch__addons_1uguw {
148
148
  margin-left: var(--gap-0);
149
149
  padding-left: var(--gap-0);
150
150
  margin-right: auto;
151
151
  padding-right: var(--gap-16);
152
152
  }
153
- .switch__checked_12dhf .switch__switch_12dhf:before {
153
+ .switch__checked_1uguw .switch__switch_1uguw:before {
154
154
  transform: translateX(16px);
155
155
  }
156
- .switch__disabled_12dhf {
156
+ .switch__disabled_1uguw {
157
157
  cursor: var(--disabled-cursor);
158
158
  }
159
- .switch__focused_12dhf .switch__switch_12dhf {
159
+ .switch__focused_1uguw .switch__switch_1uguw {
160
160
  outline: 2px solid var(--focus-color);
161
161
  outline-offset: 2px;
162
162
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"switch__component_12dhf","start":"switch__start_12dhf","center":"switch__center_12dhf","addons":"switch__addons_12dhf","block":"switch__block_12dhf","switch":"switch__switch_12dhf","switchSkeleton":"switch__switchSkeleton_12dhf","content":"switch__content_12dhf","label":"switch__label_12dhf","labelWrap":"switch__labelWrap_12dhf","loading":"switch__loading_12dhf","errorMessage":"switch__errorMessage_12dhf","hint":"switch__hint_12dhf","hintWrap":"switch__hintWrap_12dhf","reversed":"switch__reversed_12dhf","checked":"switch__checked_12dhf","disabled":"switch__disabled_12dhf","focused":"switch__focused_12dhf"};
3
+ const styles = {"component":"switch__component_1uguw","start":"switch__start_1uguw","center":"switch__center_1uguw","addons":"switch__addons_1uguw","block":"switch__block_1uguw","switch":"switch__switch_1uguw","switchSkeleton":"switch__switchSkeleton_1uguw","content":"switch__content_1uguw","label":"switch__label_1uguw","labelWrap":"switch__labelWrap_1uguw","loading":"switch__loading_1uguw","errorMessage":"switch__errorMessage_1uguw","hint":"switch__hint_1uguw","hintWrap":"switch__hintWrap_1uguw","reversed":"switch__reversed_1uguw","checked":"switch__checked_1uguw","disabled":"switch__disabled_1uguw","focused":"switch__focused_1uguw"};
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_15jes {
23
+ .switch__switch_dg1ca {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_15jes:hover {
26
+ .switch__switch_dg1ca:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_15jes {
29
+ .switch__label_dg1ca {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_15jes {
32
+ .switch__hint_dg1ca {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_15jes .switch__switch_15jes {
35
+ .switch__checked_dg1ca .switch__switch_dg1ca {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_15jes .switch__switch_15jes:hover {
38
+ .switch__checked_dg1ca .switch__switch_dg1ca:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_15jes .switch__label_15jes {
41
+ .switch__disabled_dg1ca .switch__label_dg1ca {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_15jes .switch__hint_15jes {
44
+ .switch__disabled_dg1ca .switch__hint_dg1ca {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_15jes .switch__switch_15jes {
47
+ .switch__disabled_dg1ca .switch__switch_dg1ca {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_15jes .switch__switch_15jes:before {
50
+ .switch__disabled_dg1ca .switch__switch_dg1ca:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_15jes.switch__checked_15jes .switch__switch_15jes {
53
+ .switch__disabled_dg1ca.switch__checked_dg1ca .switch__switch_dg1ca {
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_15jes","label":"switch__label_15jes","hint":"switch__hint_15jes","checked":"switch__checked_15jes","disabled":"switch__disabled_15jes"};
3
+ const invertedStyles = {"switch":"switch__switch_dg1ca","label":"switch__label_dg1ca","hint":"switch__hint_dg1ca","checked":"switch__checked_dg1ca","disabled":"switch__disabled_dg1ca"};
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.0-alfasans",
3
+ "version": "6.1.1-alfasans",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,7 +11,7 @@
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-shared": "2.1.1-alfasans",
14
- "@alfalab/core-components-skeleton": "7.0.2-alfasans",
14
+ "@alfalab/core-components-skeleton": "7.0.3-alfasans",
15
15
  "@alfalab/hooks": "^1.13.1",
16
16
  "classnames": "^2.5.1",
17
17
  "react-merge-refs": "^1.1.0",