@alfalab/core-components-switch 6.0.0 → 6.0.1

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 +19 -19
  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 +19 -19
  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 +19 -19
  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 +4 -4
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_1nwqp {
23
+ .switch__switch_wlmmg {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_1nwqp:hover {
26
+ .switch__switch_wlmmg:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_1nwqp {
29
+ .switch__label_wlmmg {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_1nwqp {
32
+ .switch__hint_wlmmg {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_1nwqp .switch__switch_1nwqp {
35
+ .switch__checked_wlmmg .switch__switch_wlmmg {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_1nwqp .switch__switch_1nwqp:hover {
38
+ .switch__checked_wlmmg .switch__switch_wlmmg:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_1nwqp .switch__label_1nwqp {
41
+ .switch__disabled_wlmmg .switch__label_wlmmg {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_1nwqp .switch__hint_1nwqp {
44
+ .switch__disabled_wlmmg .switch__hint_wlmmg {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_1nwqp .switch__switch_1nwqp {
47
+ .switch__disabled_wlmmg .switch__switch_wlmmg {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_1nwqp .switch__switch_1nwqp:before {
50
+ .switch__disabled_wlmmg .switch__switch_wlmmg:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_1nwqp.switch__checked_1nwqp .switch__switch_1nwqp {
53
+ .switch__disabled_wlmmg.switch__checked_wlmmg .switch__switch_wlmmg {
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_1nwqp","label":"switch__label_1nwqp","hint":"switch__hint_1nwqp","checked":"switch__checked_1nwqp","disabled":"switch__disabled_1nwqp"};
5
+ var defaultStyles = {"switch":"switch__switch_wlmmg","label":"switch__label_wlmmg","hint":"switch__hint_wlmmg","checked":"switch__checked_wlmmg","disabled":"switch__disabled_wlmmg"};
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_1nwqp {
23
+ .switch__switch_wlmmg {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_1nwqp:hover {
26
+ .switch__switch_wlmmg:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_1nwqp {
29
+ .switch__label_wlmmg {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_1nwqp {
32
+ .switch__hint_wlmmg {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_1nwqp .switch__switch_1nwqp {
35
+ .switch__checked_wlmmg .switch__switch_wlmmg {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_1nwqp .switch__switch_1nwqp:hover {
38
+ .switch__checked_wlmmg .switch__switch_wlmmg:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_1nwqp .switch__label_1nwqp {
41
+ .switch__disabled_wlmmg .switch__label_wlmmg {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_1nwqp .switch__hint_1nwqp {
44
+ .switch__disabled_wlmmg .switch__hint_wlmmg {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_1nwqp .switch__switch_1nwqp {
47
+ .switch__disabled_wlmmg .switch__switch_wlmmg {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_1nwqp .switch__switch_1nwqp:before {
50
+ .switch__disabled_wlmmg .switch__switch_wlmmg:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_1nwqp.switch__checked_1nwqp .switch__switch_1nwqp {
53
+ .switch__disabled_wlmmg.switch__checked_wlmmg .switch__switch_wlmmg {
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_1nwqp","label":"switch__label_1nwqp","hint":"switch__hint_1nwqp","checked":"switch__checked_1nwqp","disabled":"switch__disabled_1nwqp"};
3
+ var defaultStyles = {"switch":"switch__switch_wlmmg","label":"switch__label_wlmmg","hint":"switch__hint_wlmmg","checked":"switch__checked_wlmmg","disabled":"switch__disabled_wlmmg"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/index.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --switch-error-color: var(--color-light-text-negative);
33
33
  --switch-icon-color: var(--color-static-neutral-0);
34
34
  }
35
- .switch__component_f5kdx {
35
+ .switch__component_2fen2 {
36
36
  display: inline-flex;
37
37
  align-items: flex-start;
38
38
  margin: var(--gap-0);
@@ -41,25 +41,25 @@
41
41
  cursor: pointer;
42
42
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
43
43
  }
44
- .switch__component_f5kdx input {
44
+ .switch__component_2fen2 input {
45
45
  opacity: 0;
46
46
  position: absolute;
47
47
  }
48
- .switch__start_f5kdx {
48
+ .switch__start_2fen2 {
49
49
  align-items: flex-start;
50
50
  }
51
- .switch__center_f5kdx {
51
+ .switch__center_2fen2 {
52
52
  align-items: center;
53
53
  }
54
- .switch__addons_f5kdx {
54
+ .switch__addons_2fen2 {
55
55
  margin-left: auto;
56
56
  padding-left: var(--gap-16);
57
57
  line-height: 24px;
58
58
  }
59
- .switch__block_f5kdx {
59
+ .switch__block_2fen2 {
60
60
  width: 100%;
61
61
  }
62
- .switch__switch_f5kdx {
62
+ .switch__switch_2fen2 {
63
63
  position: relative;
64
64
  border-radius: var(--border-radius-16);
65
65
  width: 36px;
@@ -72,7 +72,7 @@
72
72
  border-color 0.2s ease;
73
73
  box-sizing: border-box;
74
74
  }
75
- .switch__switch_f5kdx:before {
75
+ .switch__switch_2fen2:before {
76
76
  content: '';
77
77
  position: absolute;
78
78
  top: var(--gap-0);
@@ -85,54 +85,54 @@
85
85
  box-sizing: border-box;
86
86
  transition: transform 0.2s ease;
87
87
  }
88
- .switch__content_f5kdx {
88
+ .switch__content_2fen2 {
89
89
  margin-left: var(--gap-12);
90
90
  flex-grow: 1;
91
91
  }
92
- .switch__label_f5kdx {
92
+ .switch__label_2fen2 {
93
93
  font-size: 16px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
96
96
  font-family: var(--font-family-system);
97
97
  display: block;
98
98
  }
99
- .switch__label_f5kdx:not(:only-child) {
99
+ .switch__label_2fen2:not(:only-child) {
100
100
  margin-bottom: var(--gap-4);
101
101
  }
102
- .switch__errorMessage_f5kdx {
102
+ .switch__errorMessage_2fen2 {
103
103
  font-size: 14px;
104
104
  line-height: 18px;
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  color: var(--switch-error-color);
108
108
  }
109
- .switch__hint_f5kdx {
109
+ .switch__hint_2fen2 {
110
110
  font-size: 14px;
111
111
  line-height: 18px;
112
112
  font-weight: 400;
113
113
  font-family: var(--font-family-system);
114
114
  display: block;
115
115
  }
116
- .switch__component_f5kdx.switch__reversed_f5kdx {
116
+ .switch__component_2fen2.switch__reversed_2fen2 {
117
117
  flex-direction: row-reverse;
118
118
  }
119
- .switch__reversed_f5kdx .switch__content_f5kdx {
119
+ .switch__reversed_2fen2 .switch__content_2fen2 {
120
120
  margin-right: var(--gap-16);
121
121
  margin-left: var(--gap-0);
122
122
  }
123
- .switch__reversed_f5kdx .switch__addons_f5kdx {
123
+ .switch__reversed_2fen2 .switch__addons_2fen2 {
124
124
  margin-left: var(--gap-0);
125
125
  padding-left: var(--gap-0);
126
126
  margin-right: auto;
127
127
  padding-right: var(--gap-16);
128
128
  }
129
- .switch__checked_f5kdx .switch__switch_f5kdx:before {
129
+ .switch__checked_2fen2 .switch__switch_2fen2:before {
130
130
  transform: translateX(16px);
131
131
  }
132
- .switch__disabled_f5kdx {
132
+ .switch__disabled_2fen2 {
133
133
  cursor: var(--disabled-cursor);
134
134
  }
135
- .switch__focused_f5kdx .switch__switch_f5kdx {
135
+ .switch__focused_2fen2 .switch__switch_2fen2 {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"switch__component_f5kdx","start":"switch__start_f5kdx","center":"switch__center_f5kdx","addons":"switch__addons_f5kdx","block":"switch__block_f5kdx","switch":"switch__switch_f5kdx","content":"switch__content_f5kdx","label":"switch__label_f5kdx","errorMessage":"switch__errorMessage_f5kdx","hint":"switch__hint_f5kdx","reversed":"switch__reversed_f5kdx","checked":"switch__checked_f5kdx","disabled":"switch__disabled_f5kdx","focused":"switch__focused_f5kdx"};
3
+ var styles = {"component":"switch__component_2fen2","start":"switch__start_2fen2","center":"switch__center_2fen2","addons":"switch__addons_2fen2","block":"switch__block_2fen2","switch":"switch__switch_2fen2","content":"switch__content_2fen2","label":"switch__label_2fen2","errorMessage":"switch__errorMessage_2fen2","hint":"switch__hint_2fen2","reversed":"switch__reversed_2fen2","checked":"switch__checked_2fen2","disabled":"switch__disabled_2fen2","focused":"switch__focused_2fen2"};
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_1chwc {
23
+ .switch__switch_l6s9m {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_1chwc:hover {
26
+ .switch__switch_l6s9m:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_1chwc {
29
+ .switch__label_l6s9m {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_1chwc {
32
+ .switch__hint_l6s9m {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_1chwc .switch__switch_1chwc {
35
+ .switch__checked_l6s9m .switch__switch_l6s9m {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_1chwc .switch__switch_1chwc:hover {
38
+ .switch__checked_l6s9m .switch__switch_l6s9m:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_1chwc .switch__label_1chwc {
41
+ .switch__disabled_l6s9m .switch__label_l6s9m {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_1chwc .switch__hint_1chwc {
44
+ .switch__disabled_l6s9m .switch__hint_l6s9m {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_1chwc .switch__switch_1chwc {
47
+ .switch__disabled_l6s9m .switch__switch_l6s9m {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_1chwc .switch__switch_1chwc:before {
50
+ .switch__disabled_l6s9m .switch__switch_l6s9m:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_1chwc.switch__checked_1chwc .switch__switch_1chwc {
53
+ .switch__disabled_l6s9m.switch__checked_l6s9m .switch__switch_l6s9m {
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_1chwc","label":"switch__label_1chwc","hint":"switch__hint_1chwc","checked":"switch__checked_1chwc","disabled":"switch__disabled_1chwc"};
3
+ var invertedStyles = {"switch":"switch__switch_l6s9m","label":"switch__label_l6s9m","hint":"switch__hint_l6s9m","checked":"switch__checked_l6s9m","disabled":"switch__disabled_l6s9m"};
4
4
 
5
5
  export { invertedStyles as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/index.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --switch-error-color: var(--color-light-text-negative);
33
33
  --switch-icon-color: var(--color-static-neutral-0);
34
34
  }
35
- .switch__component_f5kdx {
35
+ .switch__component_2fen2 {
36
36
  display: inline-flex;
37
37
  align-items: flex-start;
38
38
  margin: var(--gap-0);
@@ -41,25 +41,25 @@
41
41
  cursor: pointer;
42
42
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
43
43
  }
44
- .switch__component_f5kdx input {
44
+ .switch__component_2fen2 input {
45
45
  opacity: 0;
46
46
  position: absolute;
47
47
  }
48
- .switch__start_f5kdx {
48
+ .switch__start_2fen2 {
49
49
  align-items: flex-start;
50
50
  }
51
- .switch__center_f5kdx {
51
+ .switch__center_2fen2 {
52
52
  align-items: center;
53
53
  }
54
- .switch__addons_f5kdx {
54
+ .switch__addons_2fen2 {
55
55
  margin-left: auto;
56
56
  padding-left: var(--gap-16);
57
57
  line-height: 24px;
58
58
  }
59
- .switch__block_f5kdx {
59
+ .switch__block_2fen2 {
60
60
  width: 100%;
61
61
  }
62
- .switch__switch_f5kdx {
62
+ .switch__switch_2fen2 {
63
63
  position: relative;
64
64
  border-radius: var(--border-radius-16);
65
65
  width: 36px;
@@ -72,7 +72,7 @@
72
72
  border-color 0.2s ease;
73
73
  box-sizing: border-box;
74
74
  }
75
- .switch__switch_f5kdx:before {
75
+ .switch__switch_2fen2:before {
76
76
  content: '';
77
77
  position: absolute;
78
78
  top: var(--gap-0);
@@ -85,54 +85,54 @@
85
85
  box-sizing: border-box;
86
86
  transition: transform 0.2s ease;
87
87
  }
88
- .switch__content_f5kdx {
88
+ .switch__content_2fen2 {
89
89
  margin-left: var(--gap-12);
90
90
  flex-grow: 1;
91
91
  }
92
- .switch__label_f5kdx {
92
+ .switch__label_2fen2 {
93
93
  font-size: 16px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
96
96
  font-family: var(--font-family-system);
97
97
  display: block;
98
98
  }
99
- .switch__label_f5kdx:not(:only-child) {
99
+ .switch__label_2fen2:not(:only-child) {
100
100
  margin-bottom: var(--gap-4);
101
101
  }
102
- .switch__errorMessage_f5kdx {
102
+ .switch__errorMessage_2fen2 {
103
103
  font-size: 14px;
104
104
  line-height: 18px;
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  color: var(--switch-error-color);
108
108
  }
109
- .switch__hint_f5kdx {
109
+ .switch__hint_2fen2 {
110
110
  font-size: 14px;
111
111
  line-height: 18px;
112
112
  font-weight: 400;
113
113
  font-family: var(--font-family-system);
114
114
  display: block;
115
115
  }
116
- .switch__component_f5kdx.switch__reversed_f5kdx {
116
+ .switch__component_2fen2.switch__reversed_2fen2 {
117
117
  flex-direction: row-reverse;
118
118
  }
119
- .switch__reversed_f5kdx .switch__content_f5kdx {
119
+ .switch__reversed_2fen2 .switch__content_2fen2 {
120
120
  margin-right: var(--gap-16);
121
121
  margin-left: var(--gap-0);
122
122
  }
123
- .switch__reversed_f5kdx .switch__addons_f5kdx {
123
+ .switch__reversed_2fen2 .switch__addons_2fen2 {
124
124
  margin-left: var(--gap-0);
125
125
  padding-left: var(--gap-0);
126
126
  margin-right: auto;
127
127
  padding-right: var(--gap-16);
128
128
  }
129
- .switch__checked_f5kdx .switch__switch_f5kdx:before {
129
+ .switch__checked_2fen2 .switch__switch_2fen2:before {
130
130
  transform: translateX(16px);
131
131
  }
132
- .switch__disabled_f5kdx {
132
+ .switch__disabled_2fen2 {
133
133
  cursor: var(--disabled-cursor);
134
134
  }
135
- .switch__focused_f5kdx .switch__switch_f5kdx {
135
+ .switch__focused_2fen2 .switch__switch_2fen2 {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
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_f5kdx","start":"switch__start_f5kdx","center":"switch__center_f5kdx","addons":"switch__addons_f5kdx","block":"switch__block_f5kdx","switch":"switch__switch_f5kdx","content":"switch__content_f5kdx","label":"switch__label_f5kdx","errorMessage":"switch__errorMessage_f5kdx","hint":"switch__hint_f5kdx","reversed":"switch__reversed_f5kdx","checked":"switch__checked_f5kdx","disabled":"switch__disabled_f5kdx","focused":"switch__focused_f5kdx"};
5
+ var styles = {"component":"switch__component_2fen2","start":"switch__start_2fen2","center":"switch__center_2fen2","addons":"switch__addons_2fen2","block":"switch__block_2fen2","switch":"switch__switch_2fen2","content":"switch__content_2fen2","label":"switch__label_2fen2","errorMessage":"switch__errorMessage_2fen2","hint":"switch__hint_2fen2","reversed":"switch__reversed_2fen2","checked":"switch__checked_2fen2","disabled":"switch__disabled_2fen2","focused":"switch__focused_2fen2"};
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_1chwc {
23
+ .switch__switch_l6s9m {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_1chwc:hover {
26
+ .switch__switch_l6s9m:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_1chwc {
29
+ .switch__label_l6s9m {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_1chwc {
32
+ .switch__hint_l6s9m {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_1chwc .switch__switch_1chwc {
35
+ .switch__checked_l6s9m .switch__switch_l6s9m {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_1chwc .switch__switch_1chwc:hover {
38
+ .switch__checked_l6s9m .switch__switch_l6s9m:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_1chwc .switch__label_1chwc {
41
+ .switch__disabled_l6s9m .switch__label_l6s9m {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_1chwc .switch__hint_1chwc {
44
+ .switch__disabled_l6s9m .switch__hint_l6s9m {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_1chwc .switch__switch_1chwc {
47
+ .switch__disabled_l6s9m .switch__switch_l6s9m {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_1chwc .switch__switch_1chwc:before {
50
+ .switch__disabled_l6s9m .switch__switch_l6s9m:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_1chwc.switch__checked_1chwc .switch__switch_1chwc {
53
+ .switch__disabled_l6s9m.switch__checked_l6s9m .switch__switch_l6s9m {
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_1chwc","label":"switch__label_1chwc","hint":"switch__hint_1chwc","checked":"switch__checked_1chwc","disabled":"switch__disabled_1chwc"};
5
+ var invertedStyles = {"switch":"switch__switch_l6s9m","label":"switch__label_l6s9m","hint":"switch__hint_l6s9m","checked":"switch__checked_l6s9m","disabled":"switch__disabled_l6s9m"};
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_1nwqp {
23
+ .switch__switch_wlmmg {
24
24
  background-color: var(--switch-bg-color);
25
25
  }
26
- .switch__switch_1nwqp:hover {
26
+ .switch__switch_wlmmg:hover {
27
27
  background-color: var(--switch-hover-bg-color);
28
28
  }
29
- .switch__label_1nwqp {
29
+ .switch__label_wlmmg {
30
30
  color: var(--switch-label-color);
31
31
  }
32
- .switch__hint_1nwqp {
32
+ .switch__hint_wlmmg {
33
33
  color: var(--switch-hint-color);
34
34
  }
35
- .switch__checked_1nwqp .switch__switch_1nwqp {
35
+ .switch__checked_wlmmg .switch__switch_wlmmg {
36
36
  background-color: var(--switch-checked-bg-color);
37
37
  }
38
- .switch__checked_1nwqp .switch__switch_1nwqp:hover {
38
+ .switch__checked_wlmmg .switch__switch_wlmmg:hover {
39
39
  background-color: var(--switch-checked-hover-bg-color);
40
40
  }
41
- .switch__disabled_1nwqp .switch__label_1nwqp {
41
+ .switch__disabled_wlmmg .switch__label_wlmmg {
42
42
  color: var(--switch-disabled-color);
43
43
  }
44
- .switch__disabled_1nwqp .switch__hint_1nwqp {
44
+ .switch__disabled_wlmmg .switch__hint_wlmmg {
45
45
  color: var(--switch-disabled-color);
46
46
  }
47
- .switch__disabled_1nwqp .switch__switch_1nwqp {
47
+ .switch__disabled_wlmmg .switch__switch_wlmmg {
48
48
  background-color: var(--switch-disabled-bg-color);
49
49
  }
50
- .switch__disabled_1nwqp .switch__switch_1nwqp:before {
50
+ .switch__disabled_wlmmg .switch__switch_wlmmg:before {
51
51
  background-color: var(--switch-icon-disabled-color);
52
52
  }
53
- .switch__disabled_1nwqp.switch__checked_1nwqp .switch__switch_1nwqp {
53
+ .switch__disabled_wlmmg.switch__checked_wlmmg .switch__switch_wlmmg {
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_1nwqp","label":"switch__label_1nwqp","hint":"switch__hint_1nwqp","checked":"switch__checked_1nwqp","disabled":"switch__disabled_1nwqp"};
3
+ const defaultStyles = {"switch":"switch__switch_wlmmg","label":"switch__label_wlmmg","hint":"switch__hint_wlmmg","checked":"switch__checked_wlmmg","disabled":"switch__disabled_wlmmg"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/index.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --switch-error-color: var(--color-light-text-negative);
33
33
  --switch-icon-color: var(--color-static-neutral-0);
34
34
  }
35
- .switch__component_f5kdx {
35
+ .switch__component_2fen2 {
36
36
  display: inline-flex;
37
37
  align-items: flex-start;
38
38
  margin: var(--gap-0);
@@ -41,25 +41,25 @@
41
41
  cursor: pointer;
42
42
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
43
43
  }
44
- .switch__component_f5kdx input {
44
+ .switch__component_2fen2 input {
45
45
  opacity: 0;
46
46
  position: absolute;
47
47
  }
48
- .switch__start_f5kdx {
48
+ .switch__start_2fen2 {
49
49
  align-items: flex-start;
50
50
  }
51
- .switch__center_f5kdx {
51
+ .switch__center_2fen2 {
52
52
  align-items: center;
53
53
  }
54
- .switch__addons_f5kdx {
54
+ .switch__addons_2fen2 {
55
55
  margin-left: auto;
56
56
  padding-left: var(--gap-16);
57
57
  line-height: 24px;
58
58
  }
59
- .switch__block_f5kdx {
59
+ .switch__block_2fen2 {
60
60
  width: 100%;
61
61
  }
62
- .switch__switch_f5kdx {
62
+ .switch__switch_2fen2 {
63
63
  position: relative;
64
64
  border-radius: var(--border-radius-16);
65
65
  width: 36px;
@@ -72,7 +72,7 @@
72
72
  border-color 0.2s ease;
73
73
  box-sizing: border-box;
74
74
  }
75
- .switch__switch_f5kdx:before {
75
+ .switch__switch_2fen2:before {
76
76
  content: '';
77
77
  position: absolute;
78
78
  top: var(--gap-0);
@@ -85,54 +85,54 @@
85
85
  box-sizing: border-box;
86
86
  transition: transform 0.2s ease;
87
87
  }
88
- .switch__content_f5kdx {
88
+ .switch__content_2fen2 {
89
89
  margin-left: var(--gap-12);
90
90
  flex-grow: 1;
91
91
  }
92
- .switch__label_f5kdx {
92
+ .switch__label_2fen2 {
93
93
  font-size: 16px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
96
96
  font-family: var(--font-family-system);
97
97
  display: block;
98
98
  }
99
- .switch__label_f5kdx:not(:only-child) {
99
+ .switch__label_2fen2:not(:only-child) {
100
100
  margin-bottom: var(--gap-4);
101
101
  }
102
- .switch__errorMessage_f5kdx {
102
+ .switch__errorMessage_2fen2 {
103
103
  font-size: 14px;
104
104
  line-height: 18px;
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  color: var(--switch-error-color);
108
108
  }
109
- .switch__hint_f5kdx {
109
+ .switch__hint_2fen2 {
110
110
  font-size: 14px;
111
111
  line-height: 18px;
112
112
  font-weight: 400;
113
113
  font-family: var(--font-family-system);
114
114
  display: block;
115
115
  }
116
- .switch__component_f5kdx.switch__reversed_f5kdx {
116
+ .switch__component_2fen2.switch__reversed_2fen2 {
117
117
  flex-direction: row-reverse;
118
118
  }
119
- .switch__reversed_f5kdx .switch__content_f5kdx {
119
+ .switch__reversed_2fen2 .switch__content_2fen2 {
120
120
  margin-right: var(--gap-16);
121
121
  margin-left: var(--gap-0);
122
122
  }
123
- .switch__reversed_f5kdx .switch__addons_f5kdx {
123
+ .switch__reversed_2fen2 .switch__addons_2fen2 {
124
124
  margin-left: var(--gap-0);
125
125
  padding-left: var(--gap-0);
126
126
  margin-right: auto;
127
127
  padding-right: var(--gap-16);
128
128
  }
129
- .switch__checked_f5kdx .switch__switch_f5kdx:before {
129
+ .switch__checked_2fen2 .switch__switch_2fen2:before {
130
130
  transform: translateX(16px);
131
131
  }
132
- .switch__disabled_f5kdx {
132
+ .switch__disabled_2fen2 {
133
133
  cursor: var(--disabled-cursor);
134
134
  }
135
- .switch__focused_f5kdx .switch__switch_f5kdx {
135
+ .switch__focused_2fen2 .switch__switch_2fen2 {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"switch__component_f5kdx","start":"switch__start_f5kdx","center":"switch__center_f5kdx","addons":"switch__addons_f5kdx","block":"switch__block_f5kdx","switch":"switch__switch_f5kdx","content":"switch__content_f5kdx","label":"switch__label_f5kdx","errorMessage":"switch__errorMessage_f5kdx","hint":"switch__hint_f5kdx","reversed":"switch__reversed_f5kdx","checked":"switch__checked_f5kdx","disabled":"switch__disabled_f5kdx","focused":"switch__focused_f5kdx"};
3
+ const styles = {"component":"switch__component_2fen2","start":"switch__start_2fen2","center":"switch__center_2fen2","addons":"switch__addons_2fen2","block":"switch__block_2fen2","switch":"switch__switch_2fen2","content":"switch__content_2fen2","label":"switch__label_2fen2","errorMessage":"switch__errorMessage_2fen2","hint":"switch__hint_2fen2","reversed":"switch__reversed_2fen2","checked":"switch__checked_2fen2","disabled":"switch__disabled_2fen2","focused":"switch__focused_2fen2"};
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_1chwc {
23
+ .switch__switch_l6s9m {
24
24
  background-color: var(--switch-bg-inverted-color);
25
25
  }
26
- .switch__switch_1chwc:hover {
26
+ .switch__switch_l6s9m:hover {
27
27
  background-color: var(--switch-hover-bg-inverted-color);
28
28
  }
29
- .switch__label_1chwc {
29
+ .switch__label_l6s9m {
30
30
  color: var(--switch-label-inverted-color);
31
31
  }
32
- .switch__hint_1chwc {
32
+ .switch__hint_l6s9m {
33
33
  color: var(--switch-hint-inverted-color);
34
34
  }
35
- .switch__checked_1chwc .switch__switch_1chwc {
35
+ .switch__checked_l6s9m .switch__switch_l6s9m {
36
36
  background-color: var(--switch-checked-bg-inverted-color);
37
37
  }
38
- .switch__checked_1chwc .switch__switch_1chwc:hover {
38
+ .switch__checked_l6s9m .switch__switch_l6s9m:hover {
39
39
  background-color: var(--switch-checked-hover-bg-inverted-color);
40
40
  }
41
- .switch__disabled_1chwc .switch__label_1chwc {
41
+ .switch__disabled_l6s9m .switch__label_l6s9m {
42
42
  color: var(--switch-disabled-inverted-color);
43
43
  }
44
- .switch__disabled_1chwc .switch__hint_1chwc {
44
+ .switch__disabled_l6s9m .switch__hint_l6s9m {
45
45
  color: var(--switch-disabled-inverted-color);
46
46
  }
47
- .switch__disabled_1chwc .switch__switch_1chwc {
47
+ .switch__disabled_l6s9m .switch__switch_l6s9m {
48
48
  background-color: var(--switch-disabled-bg-inverted-color);
49
49
  }
50
- .switch__disabled_1chwc .switch__switch_1chwc:before {
50
+ .switch__disabled_l6s9m .switch__switch_l6s9m:before {
51
51
  background-color: var(--switch-icon-disabled-inverted-color);
52
52
  }
53
- .switch__disabled_1chwc.switch__checked_1chwc .switch__switch_1chwc {
53
+ .switch__disabled_l6s9m.switch__checked_l6s9m .switch__switch_l6s9m {
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_1chwc","label":"switch__label_1chwc","hint":"switch__hint_1chwc","checked":"switch__checked_1chwc","disabled":"switch__disabled_1chwc"};
3
+ const invertedStyles = {"switch":"switch__switch_l6s9m","label":"switch__label_l6s9m","hint":"switch__hint_l6s9m","checked":"switch__checked_l6s9m","disabled":"switch__disabled_l6s9m"};
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.0.0",
3
+ "version": "6.0.1",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-shared": "^2.0.0",
13
+ "@alfalab/core-components-shared": "^2.0.1",
14
14
  "@alfalab/hooks": "^1.13.1",
15
15
  "classnames": "^2.5.1",
16
16
  "react-merge-refs": "^1.1.0",
@@ -25,6 +25,6 @@
25
25
  "directory": "dist"
26
26
  },
27
27
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
28
- "themesVersion": "15.0.0",
29
- "varsVersion": "11.0.0"
28
+ "themesVersion": "15.0.1",
29
+ "varsVersion": "11.0.1"
30
30
  }