@alfalab/core-components-switch 5.0.1-snapshot-c2c8d5a → 5.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
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-color: var(--color-light-neutral-translucent-200);
19
19
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
20
20
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
21
- } .switch__switch_1hhos {
21
+ } .switch__switch_ok0d4 {
22
22
  background-color: var(--switch-bg-color)
23
- } .switch__switch_1hhos:hover {
23
+ } .switch__switch_ok0d4:hover {
24
24
  background-color: var(--switch-hover-bg-color);
25
- } .switch__label_1hhos {
25
+ } .switch__label_ok0d4 {
26
26
  color: var(--switch-label-color);
27
- } .switch__hint_1hhos {
27
+ } .switch__hint_ok0d4 {
28
28
  color: var(--switch-hint-color);
29
- } .switch__checked_1hhos .switch__switch_1hhos {
29
+ } .switch__checked_ok0d4 .switch__switch_ok0d4 {
30
30
  background-color: var(--switch-checked-bg-color)
31
- } .switch__checked_1hhos .switch__switch_1hhos:hover {
31
+ } .switch__checked_ok0d4 .switch__switch_ok0d4:hover {
32
32
  background-color: var(--switch-checked-hover-bg-color);
33
- } .switch__disabled_1hhos .switch__label_1hhos {
33
+ } .switch__disabled_ok0d4 .switch__label_ok0d4 {
34
34
  color: var(--switch-disabled-color);
35
- } .switch__disabled_1hhos .switch__hint_1hhos {
35
+ } .switch__disabled_ok0d4 .switch__hint_ok0d4 {
36
36
  color: var(--switch-disabled-color);
37
- } .switch__disabled_1hhos .switch__switch_1hhos {
37
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4 {
38
38
  background-color: var(--switch-disabled-bg-color)
39
- } .switch__disabled_1hhos .switch__switch_1hhos:before {
39
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4:before {
40
40
  background-color: var(--switch-icon-disabled-color);
41
- } .switch__disabled_1hhos.switch__checked_1hhos .switch__switch_1hhos {
41
+ } .switch__disabled_ok0d4.switch__checked_ok0d4 .switch__switch_ok0d4 {
42
42
  background-color: var(--switch-disabled-checked-bg-color);
43
43
  }
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_1hhos","label":"switch__label_1hhos","hint":"switch__hint_1hhos","checked":"switch__checked_1hhos","disabled":"switch__disabled_1hhos"};
5
+ var defaultStyles = {"switch":"switch__switch_ok0d4","label":"switch__label_ok0d4","hint":"switch__hint_ok0d4","checked":"switch__checked_ok0d4","disabled":"switch__disabled_ok0d4"};
6
6
 
7
7
  module.exports = defaultStyles;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/esm/default.css CHANGED
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-color: var(--color-light-neutral-translucent-200);
19
19
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
20
20
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
21
- } .switch__switch_1hhos {
21
+ } .switch__switch_ok0d4 {
22
22
  background-color: var(--switch-bg-color)
23
- } .switch__switch_1hhos:hover {
23
+ } .switch__switch_ok0d4:hover {
24
24
  background-color: var(--switch-hover-bg-color);
25
- } .switch__label_1hhos {
25
+ } .switch__label_ok0d4 {
26
26
  color: var(--switch-label-color);
27
- } .switch__hint_1hhos {
27
+ } .switch__hint_ok0d4 {
28
28
  color: var(--switch-hint-color);
29
- } .switch__checked_1hhos .switch__switch_1hhos {
29
+ } .switch__checked_ok0d4 .switch__switch_ok0d4 {
30
30
  background-color: var(--switch-checked-bg-color)
31
- } .switch__checked_1hhos .switch__switch_1hhos:hover {
31
+ } .switch__checked_ok0d4 .switch__switch_ok0d4:hover {
32
32
  background-color: var(--switch-checked-hover-bg-color);
33
- } .switch__disabled_1hhos .switch__label_1hhos {
33
+ } .switch__disabled_ok0d4 .switch__label_ok0d4 {
34
34
  color: var(--switch-disabled-color);
35
- } .switch__disabled_1hhos .switch__hint_1hhos {
35
+ } .switch__disabled_ok0d4 .switch__hint_ok0d4 {
36
36
  color: var(--switch-disabled-color);
37
- } .switch__disabled_1hhos .switch__switch_1hhos {
37
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4 {
38
38
  background-color: var(--switch-disabled-bg-color)
39
- } .switch__disabled_1hhos .switch__switch_1hhos:before {
39
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4:before {
40
40
  background-color: var(--switch-icon-disabled-color);
41
- } .switch__disabled_1hhos.switch__checked_1hhos .switch__switch_1hhos {
41
+ } .switch__disabled_ok0d4.switch__checked_ok0d4 .switch__switch_ok0d4 {
42
42
  background-color: var(--switch-disabled-checked-bg-color);
43
43
  }
package/esm/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultStyles = {"switch":"switch__switch_1hhos","label":"switch__label_1hhos","hint":"switch__hint_1hhos","checked":"switch__checked_1hhos","disabled":"switch__disabled_1hhos"};
3
+ var defaultStyles = {"switch":"switch__switch_ok0d4","label":"switch__label_ok0d4","hint":"switch__hint_ok0d4","checked":"switch__checked_ok0d4","disabled":"switch__disabled_ok0d4"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/index.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --switch-border-color: transparent;
24
24
  --switch-error-color: var(--color-light-text-negative);
25
25
  --switch-icon-color: var(--color-static-neutral-0);
26
- } .switch__component_cb5ce {
26
+ } .switch__component_1io03 {
27
27
  display: inline-flex;
28
28
  align-items: flex-start;
29
29
  margin: var(--gap-0);
@@ -31,20 +31,20 @@
31
31
  border: 0;
32
32
  cursor: pointer;
33
33
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34
- } .switch__component_cb5ce input {
34
+ } .switch__component_1io03 input {
35
35
  opacity: 0;
36
36
  position: absolute;
37
- } .switch__start_cb5ce {
37
+ } .switch__start_1io03 {
38
38
  align-items: flex-start;
39
- } .switch__center_cb5ce {
39
+ } .switch__center_1io03 {
40
40
  align-items: center;
41
- } .switch__addons_cb5ce {
41
+ } .switch__addons_1io03 {
42
42
  margin-left: auto;
43
43
  padding-left: var(--gap-16);
44
44
  line-height: 24px;
45
- } .switch__block_cb5ce {
45
+ } .switch__block_1io03 {
46
46
  width: 100%;
47
- } .switch__switch_cb5ce {
47
+ } .switch__switch_1io03 {
48
48
  position: relative;
49
49
  border-radius: var(--border-radius-16);
50
50
  width: 36px;
@@ -54,7 +54,7 @@
54
54
  border: 2px solid var(--switch-border-color);
55
55
  transition: background-color 0.2s ease, border-color 0.2s ease;
56
56
  box-sizing: border-box;
57
- } .switch__switch_cb5ce:before {
57
+ } .switch__switch_1io03:before {
58
58
  content: '';
59
59
  position: absolute;
60
60
  top: var(--gap-0);
@@ -66,41 +66,41 @@
66
66
  background-color: var(--switch-icon-color);
67
67
  box-sizing: border-box;
68
68
  transition: transform 0.2s ease;
69
- } .switch__content_cb5ce {
69
+ } .switch__content_1io03 {
70
70
  margin-left: var(--gap-12);
71
71
  flex-grow: 1;
72
- } .switch__label_cb5ce {
72
+ } .switch__label_1io03 {
73
73
  font-size: 16px;
74
74
  line-height: 24px;
75
75
  font-weight: 400;
76
76
  display: block;
77
- } .switch__label_cb5ce:not(:only-child) {
77
+ } .switch__label_1io03:not(:only-child) {
78
78
  margin-bottom: var(--gap-4);
79
- } .switch__errorMessage_cb5ce {
79
+ } .switch__errorMessage_1io03 {
80
80
  font-size: 14px;
81
81
  line-height: 18px;
82
82
  font-weight: 400;
83
83
  color: var(--switch-error-color);
84
- } .switch__hint_cb5ce {
84
+ } .switch__hint_1io03 {
85
85
  font-size: 14px;
86
86
  line-height: 18px;
87
87
  font-weight: 400;
88
88
  display: block;
89
- } .switch__component_cb5ce.switch__reversed_cb5ce {
89
+ } .switch__component_1io03.switch__reversed_1io03 {
90
90
  flex-direction: row-reverse;
91
- } .switch__reversed_cb5ce .switch__content_cb5ce {
91
+ } .switch__reversed_1io03 .switch__content_1io03 {
92
92
  margin-right: var(--gap-16);
93
93
  margin-left: var(--gap-0);
94
- } .switch__reversed_cb5ce .switch__addons_cb5ce {
94
+ } .switch__reversed_1io03 .switch__addons_1io03 {
95
95
  margin-left: var(--gap-0);
96
96
  padding-left: var(--gap-0);
97
97
  margin-right: auto;
98
98
  padding-right: var(--gap-16);
99
- } .switch__checked_cb5ce .switch__switch_cb5ce:before {
99
+ } .switch__checked_1io03 .switch__switch_1io03:before {
100
100
  transform: translateX(16px);
101
- } .switch__disabled_cb5ce {
101
+ } .switch__disabled_1io03 {
102
102
  cursor: var(--disabled-cursor);
103
- } .switch__focused_cb5ce .switch__switch_cb5ce {
103
+ } .switch__focused_1io03 .switch__switch_1io03 {
104
104
  outline: 2px solid var(--focus-color);
105
105
  outline-offset: 2px;
106
106
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"switch__component_cb5ce","start":"switch__start_cb5ce","center":"switch__center_cb5ce","addons":"switch__addons_cb5ce","block":"switch__block_cb5ce","switch":"switch__switch_cb5ce","content":"switch__content_cb5ce","label":"switch__label_cb5ce","errorMessage":"switch__errorMessage_cb5ce","hint":"switch__hint_cb5ce","reversed":"switch__reversed_cb5ce","checked":"switch__checked_cb5ce","disabled":"switch__disabled_cb5ce","focused":"switch__focused_cb5ce"};
3
+ var styles = {"component":"switch__component_1io03","start":"switch__start_1io03","center":"switch__center_1io03","addons":"switch__addons_1io03","block":"switch__block_1io03","switch":"switch__switch_1io03","content":"switch__content_1io03","label":"switch__label_1io03","errorMessage":"switch__errorMessage_1io03","hint":"switch__hint_1io03","reversed":"switch__reversed_1io03","checked":"switch__checked_1io03","disabled":"switch__disabled_1io03","focused":"switch__focused_1io03"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/inverted.css CHANGED
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-inverted-color: var(--color-light-neutral-translucent-200-inverted);
19
19
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
20
20
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
21
- } .switch__switch_1t2h6 {
21
+ } .switch__switch_d560a {
22
22
  background-color: var(--switch-bg-inverted-color)
23
- } .switch__switch_1t2h6:hover {
23
+ } .switch__switch_d560a:hover {
24
24
  background-color: var(--switch-hover-bg-inverted-color);
25
- } .switch__label_1t2h6 {
25
+ } .switch__label_d560a {
26
26
  color: var(--switch-label-inverted-color);
27
- } .switch__hint_1t2h6 {
27
+ } .switch__hint_d560a {
28
28
  color: var(--switch-hint-inverted-color);
29
- } .switch__checked_1t2h6 .switch__switch_1t2h6 {
29
+ } .switch__checked_d560a .switch__switch_d560a {
30
30
  background-color: var(--switch-checked-bg-inverted-color)
31
- } .switch__checked_1t2h6 .switch__switch_1t2h6:hover {
31
+ } .switch__checked_d560a .switch__switch_d560a:hover {
32
32
  background-color: var(--switch-checked-hover-bg-inverted-color);
33
- } .switch__disabled_1t2h6 .switch__label_1t2h6 {
33
+ } .switch__disabled_d560a .switch__label_d560a {
34
34
  color: var(--switch-disabled-inverted-color);
35
- } .switch__disabled_1t2h6 .switch__hint_1t2h6 {
35
+ } .switch__disabled_d560a .switch__hint_d560a {
36
36
  color: var(--switch-disabled-inverted-color);
37
- } .switch__disabled_1t2h6 .switch__switch_1t2h6 {
37
+ } .switch__disabled_d560a .switch__switch_d560a {
38
38
  background-color: var(--switch-disabled-bg-inverted-color)
39
- } .switch__disabled_1t2h6 .switch__switch_1t2h6:before {
39
+ } .switch__disabled_d560a .switch__switch_d560a:before {
40
40
  background-color: var(--switch-icon-disabled-inverted-color);
41
- } .switch__disabled_1t2h6.switch__checked_1t2h6 .switch__switch_1t2h6 {
41
+ } .switch__disabled_d560a.switch__checked_d560a .switch__switch_d560a {
42
42
  background-color: var(--switch-disabled-checked-bg-inverted-color);
43
43
  }
package/esm/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedStyles = {"switch":"switch__switch_1t2h6","label":"switch__label_1t2h6","hint":"switch__hint_1t2h6","checked":"switch__checked_1t2h6","disabled":"switch__disabled_1t2h6"};
3
+ var invertedStyles = {"switch":"switch__switch_d560a","label":"switch__label_d560a","hint":"switch__hint_d560a","checked":"switch__checked_d560a","disabled":"switch__disabled_d560a"};
4
4
 
5
5
  export { invertedStyles as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/index.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --switch-border-color: transparent;
24
24
  --switch-error-color: var(--color-light-text-negative);
25
25
  --switch-icon-color: var(--color-static-neutral-0);
26
- } .switch__component_cb5ce {
26
+ } .switch__component_1io03 {
27
27
  display: inline-flex;
28
28
  align-items: flex-start;
29
29
  margin: var(--gap-0);
@@ -31,20 +31,20 @@
31
31
  border: 0;
32
32
  cursor: pointer;
33
33
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34
- } .switch__component_cb5ce input {
34
+ } .switch__component_1io03 input {
35
35
  opacity: 0;
36
36
  position: absolute;
37
- } .switch__start_cb5ce {
37
+ } .switch__start_1io03 {
38
38
  align-items: flex-start;
39
- } .switch__center_cb5ce {
39
+ } .switch__center_1io03 {
40
40
  align-items: center;
41
- } .switch__addons_cb5ce {
41
+ } .switch__addons_1io03 {
42
42
  margin-left: auto;
43
43
  padding-left: var(--gap-16);
44
44
  line-height: 24px;
45
- } .switch__block_cb5ce {
45
+ } .switch__block_1io03 {
46
46
  width: 100%;
47
- } .switch__switch_cb5ce {
47
+ } .switch__switch_1io03 {
48
48
  position: relative;
49
49
  border-radius: var(--border-radius-16);
50
50
  width: 36px;
@@ -54,7 +54,7 @@
54
54
  border: 2px solid var(--switch-border-color);
55
55
  transition: background-color 0.2s ease, border-color 0.2s ease;
56
56
  box-sizing: border-box;
57
- } .switch__switch_cb5ce:before {
57
+ } .switch__switch_1io03:before {
58
58
  content: '';
59
59
  position: absolute;
60
60
  top: var(--gap-0);
@@ -66,41 +66,41 @@
66
66
  background-color: var(--switch-icon-color);
67
67
  box-sizing: border-box;
68
68
  transition: transform 0.2s ease;
69
- } .switch__content_cb5ce {
69
+ } .switch__content_1io03 {
70
70
  margin-left: var(--gap-12);
71
71
  flex-grow: 1;
72
- } .switch__label_cb5ce {
72
+ } .switch__label_1io03 {
73
73
  font-size: 16px;
74
74
  line-height: 24px;
75
75
  font-weight: 400;
76
76
  display: block;
77
- } .switch__label_cb5ce:not(:only-child) {
77
+ } .switch__label_1io03:not(:only-child) {
78
78
  margin-bottom: var(--gap-4);
79
- } .switch__errorMessage_cb5ce {
79
+ } .switch__errorMessage_1io03 {
80
80
  font-size: 14px;
81
81
  line-height: 18px;
82
82
  font-weight: 400;
83
83
  color: var(--switch-error-color);
84
- } .switch__hint_cb5ce {
84
+ } .switch__hint_1io03 {
85
85
  font-size: 14px;
86
86
  line-height: 18px;
87
87
  font-weight: 400;
88
88
  display: block;
89
- } .switch__component_cb5ce.switch__reversed_cb5ce {
89
+ } .switch__component_1io03.switch__reversed_1io03 {
90
90
  flex-direction: row-reverse;
91
- } .switch__reversed_cb5ce .switch__content_cb5ce {
91
+ } .switch__reversed_1io03 .switch__content_1io03 {
92
92
  margin-right: var(--gap-16);
93
93
  margin-left: var(--gap-0);
94
- } .switch__reversed_cb5ce .switch__addons_cb5ce {
94
+ } .switch__reversed_1io03 .switch__addons_1io03 {
95
95
  margin-left: var(--gap-0);
96
96
  padding-left: var(--gap-0);
97
97
  margin-right: auto;
98
98
  padding-right: var(--gap-16);
99
- } .switch__checked_cb5ce .switch__switch_cb5ce:before {
99
+ } .switch__checked_1io03 .switch__switch_1io03:before {
100
100
  transform: translateX(16px);
101
- } .switch__disabled_cb5ce {
101
+ } .switch__disabled_1io03 {
102
102
  cursor: var(--disabled-cursor);
103
- } .switch__focused_cb5ce .switch__switch_cb5ce {
103
+ } .switch__focused_1io03 .switch__switch_1io03 {
104
104
  outline: 2px solid var(--focus-color);
105
105
  outline-offset: 2px;
106
106
  }
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_cb5ce","start":"switch__start_cb5ce","center":"switch__center_cb5ce","addons":"switch__addons_cb5ce","block":"switch__block_cb5ce","switch":"switch__switch_cb5ce","content":"switch__content_cb5ce","label":"switch__label_cb5ce","errorMessage":"switch__errorMessage_cb5ce","hint":"switch__hint_cb5ce","reversed":"switch__reversed_cb5ce","checked":"switch__checked_cb5ce","disabled":"switch__disabled_cb5ce","focused":"switch__focused_cb5ce"};
5
+ var styles = {"component":"switch__component_1io03","start":"switch__start_1io03","center":"switch__center_1io03","addons":"switch__addons_1io03","block":"switch__block_1io03","switch":"switch__switch_1io03","content":"switch__content_1io03","label":"switch__label_1io03","errorMessage":"switch__errorMessage_1io03","hint":"switch__hint_1io03","reversed":"switch__reversed_1io03","checked":"switch__checked_1io03","disabled":"switch__disabled_1io03","focused":"switch__focused_1io03"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/inverted.css CHANGED
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-inverted-color: var(--color-light-neutral-translucent-200-inverted);
19
19
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
20
20
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
21
- } .switch__switch_1t2h6 {
21
+ } .switch__switch_d560a {
22
22
  background-color: var(--switch-bg-inverted-color)
23
- } .switch__switch_1t2h6:hover {
23
+ } .switch__switch_d560a:hover {
24
24
  background-color: var(--switch-hover-bg-inverted-color);
25
- } .switch__label_1t2h6 {
25
+ } .switch__label_d560a {
26
26
  color: var(--switch-label-inverted-color);
27
- } .switch__hint_1t2h6 {
27
+ } .switch__hint_d560a {
28
28
  color: var(--switch-hint-inverted-color);
29
- } .switch__checked_1t2h6 .switch__switch_1t2h6 {
29
+ } .switch__checked_d560a .switch__switch_d560a {
30
30
  background-color: var(--switch-checked-bg-inverted-color)
31
- } .switch__checked_1t2h6 .switch__switch_1t2h6:hover {
31
+ } .switch__checked_d560a .switch__switch_d560a:hover {
32
32
  background-color: var(--switch-checked-hover-bg-inverted-color);
33
- } .switch__disabled_1t2h6 .switch__label_1t2h6 {
33
+ } .switch__disabled_d560a .switch__label_d560a {
34
34
  color: var(--switch-disabled-inverted-color);
35
- } .switch__disabled_1t2h6 .switch__hint_1t2h6 {
35
+ } .switch__disabled_d560a .switch__hint_d560a {
36
36
  color: var(--switch-disabled-inverted-color);
37
- } .switch__disabled_1t2h6 .switch__switch_1t2h6 {
37
+ } .switch__disabled_d560a .switch__switch_d560a {
38
38
  background-color: var(--switch-disabled-bg-inverted-color)
39
- } .switch__disabled_1t2h6 .switch__switch_1t2h6:before {
39
+ } .switch__disabled_d560a .switch__switch_d560a:before {
40
40
  background-color: var(--switch-icon-disabled-inverted-color);
41
- } .switch__disabled_1t2h6.switch__checked_1t2h6 .switch__switch_1t2h6 {
41
+ } .switch__disabled_d560a.switch__checked_d560a .switch__switch_d560a {
42
42
  background-color: var(--switch-disabled-checked-bg-inverted-color);
43
43
  }
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_1t2h6","label":"switch__label_1t2h6","hint":"switch__hint_1t2h6","checked":"switch__checked_1t2h6","disabled":"switch__disabled_1t2h6"};
5
+ var invertedStyles = {"switch":"switch__switch_d560a","label":"switch__label_d560a","hint":"switch__hint_d560a","checked":"switch__checked_d560a","disabled":"switch__disabled_d560a"};
6
6
 
7
7
  module.exports = invertedStyles;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/modern/default.css CHANGED
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-color: var(--color-light-neutral-translucent-200);
19
19
  --switch-disabled-checked-bg-color: var(--switch-disabled-bg-color);
20
20
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
21
- } .switch__switch_1hhos {
21
+ } .switch__switch_ok0d4 {
22
22
  background-color: var(--switch-bg-color)
23
- } .switch__switch_1hhos:hover {
23
+ } .switch__switch_ok0d4:hover {
24
24
  background-color: var(--switch-hover-bg-color);
25
- } .switch__label_1hhos {
25
+ } .switch__label_ok0d4 {
26
26
  color: var(--switch-label-color);
27
- } .switch__hint_1hhos {
27
+ } .switch__hint_ok0d4 {
28
28
  color: var(--switch-hint-color);
29
- } .switch__checked_1hhos .switch__switch_1hhos {
29
+ } .switch__checked_ok0d4 .switch__switch_ok0d4 {
30
30
  background-color: var(--switch-checked-bg-color)
31
- } .switch__checked_1hhos .switch__switch_1hhos:hover {
31
+ } .switch__checked_ok0d4 .switch__switch_ok0d4:hover {
32
32
  background-color: var(--switch-checked-hover-bg-color);
33
- } .switch__disabled_1hhos .switch__label_1hhos {
33
+ } .switch__disabled_ok0d4 .switch__label_ok0d4 {
34
34
  color: var(--switch-disabled-color);
35
- } .switch__disabled_1hhos .switch__hint_1hhos {
35
+ } .switch__disabled_ok0d4 .switch__hint_ok0d4 {
36
36
  color: var(--switch-disabled-color);
37
- } .switch__disabled_1hhos .switch__switch_1hhos {
37
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4 {
38
38
  background-color: var(--switch-disabled-bg-color)
39
- } .switch__disabled_1hhos .switch__switch_1hhos:before {
39
+ } .switch__disabled_ok0d4 .switch__switch_ok0d4:before {
40
40
  background-color: var(--switch-icon-disabled-color);
41
- } .switch__disabled_1hhos.switch__checked_1hhos .switch__switch_1hhos {
41
+ } .switch__disabled_ok0d4.switch__checked_ok0d4 .switch__switch_ok0d4 {
42
42
  background-color: var(--switch-disabled-checked-bg-color);
43
43
  }
package/modern/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- const defaultStyles = {"switch":"switch__switch_1hhos","label":"switch__label_1hhos","hint":"switch__hint_1hhos","checked":"switch__checked_1hhos","disabled":"switch__disabled_1hhos"};
3
+ const defaultStyles = {"switch":"switch__switch_ok0d4","label":"switch__label_ok0d4","hint":"switch__hint_ok0d4","checked":"switch__checked_ok0d4","disabled":"switch__disabled_ok0d4"};
4
4
 
5
5
  export { defaultStyles as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/modern/index.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --switch-border-color: transparent;
24
24
  --switch-error-color: var(--color-light-text-negative);
25
25
  --switch-icon-color: var(--color-static-neutral-0);
26
- } .switch__component_cb5ce {
26
+ } .switch__component_1io03 {
27
27
  display: inline-flex;
28
28
  align-items: flex-start;
29
29
  margin: var(--gap-0);
@@ -31,20 +31,20 @@
31
31
  border: 0;
32
32
  cursor: pointer;
33
33
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34
- } .switch__component_cb5ce input {
34
+ } .switch__component_1io03 input {
35
35
  opacity: 0;
36
36
  position: absolute;
37
- } .switch__start_cb5ce {
37
+ } .switch__start_1io03 {
38
38
  align-items: flex-start;
39
- } .switch__center_cb5ce {
39
+ } .switch__center_1io03 {
40
40
  align-items: center;
41
- } .switch__addons_cb5ce {
41
+ } .switch__addons_1io03 {
42
42
  margin-left: auto;
43
43
  padding-left: var(--gap-16);
44
44
  line-height: 24px;
45
- } .switch__block_cb5ce {
45
+ } .switch__block_1io03 {
46
46
  width: 100%;
47
- } .switch__switch_cb5ce {
47
+ } .switch__switch_1io03 {
48
48
  position: relative;
49
49
  border-radius: var(--border-radius-16);
50
50
  width: 36px;
@@ -54,7 +54,7 @@
54
54
  border: 2px solid var(--switch-border-color);
55
55
  transition: background-color 0.2s ease, border-color 0.2s ease;
56
56
  box-sizing: border-box;
57
- } .switch__switch_cb5ce:before {
57
+ } .switch__switch_1io03:before {
58
58
  content: '';
59
59
  position: absolute;
60
60
  top: var(--gap-0);
@@ -66,41 +66,41 @@
66
66
  background-color: var(--switch-icon-color);
67
67
  box-sizing: border-box;
68
68
  transition: transform 0.2s ease;
69
- } .switch__content_cb5ce {
69
+ } .switch__content_1io03 {
70
70
  margin-left: var(--gap-12);
71
71
  flex-grow: 1;
72
- } .switch__label_cb5ce {
72
+ } .switch__label_1io03 {
73
73
  font-size: 16px;
74
74
  line-height: 24px;
75
75
  font-weight: 400;
76
76
  display: block;
77
- } .switch__label_cb5ce:not(:only-child) {
77
+ } .switch__label_1io03:not(:only-child) {
78
78
  margin-bottom: var(--gap-4);
79
- } .switch__errorMessage_cb5ce {
79
+ } .switch__errorMessage_1io03 {
80
80
  font-size: 14px;
81
81
  line-height: 18px;
82
82
  font-weight: 400;
83
83
  color: var(--switch-error-color);
84
- } .switch__hint_cb5ce {
84
+ } .switch__hint_1io03 {
85
85
  font-size: 14px;
86
86
  line-height: 18px;
87
87
  font-weight: 400;
88
88
  display: block;
89
- } .switch__component_cb5ce.switch__reversed_cb5ce {
89
+ } .switch__component_1io03.switch__reversed_1io03 {
90
90
  flex-direction: row-reverse;
91
- } .switch__reversed_cb5ce .switch__content_cb5ce {
91
+ } .switch__reversed_1io03 .switch__content_1io03 {
92
92
  margin-right: var(--gap-16);
93
93
  margin-left: var(--gap-0);
94
- } .switch__reversed_cb5ce .switch__addons_cb5ce {
94
+ } .switch__reversed_1io03 .switch__addons_1io03 {
95
95
  margin-left: var(--gap-0);
96
96
  padding-left: var(--gap-0);
97
97
  margin-right: auto;
98
98
  padding-right: var(--gap-16);
99
- } .switch__checked_cb5ce .switch__switch_cb5ce:before {
99
+ } .switch__checked_1io03 .switch__switch_1io03:before {
100
100
  transform: translateX(16px);
101
- } .switch__disabled_cb5ce {
101
+ } .switch__disabled_1io03 {
102
102
  cursor: var(--disabled-cursor);
103
- } .switch__focused_cb5ce .switch__switch_cb5ce {
103
+ } .switch__focused_1io03 .switch__switch_1io03 {
104
104
  outline: 2px solid var(--focus-color);
105
105
  outline-offset: 2px;
106
106
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"switch__component_cb5ce","start":"switch__start_cb5ce","center":"switch__center_cb5ce","addons":"switch__addons_cb5ce","block":"switch__block_cb5ce","switch":"switch__switch_cb5ce","content":"switch__content_cb5ce","label":"switch__label_cb5ce","errorMessage":"switch__errorMessage_cb5ce","hint":"switch__hint_cb5ce","reversed":"switch__reversed_cb5ce","checked":"switch__checked_cb5ce","disabled":"switch__disabled_cb5ce","focused":"switch__focused_cb5ce"};
3
+ const styles = {"component":"switch__component_1io03","start":"switch__start_1io03","center":"switch__center_1io03","addons":"switch__addons_1io03","block":"switch__block_1io03","switch":"switch__switch_1io03","content":"switch__content_1io03","label":"switch__label_1io03","errorMessage":"switch__errorMessage_1io03","hint":"switch__hint_1io03","reversed":"switch__reversed_1io03","checked":"switch__checked_1io03","disabled":"switch__disabled_1io03","focused":"switch__focused_1io03"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/inverted.css CHANGED
@@ -18,26 +18,26 @@
18
18
  --switch-disabled-bg-inverted-color: var(--color-light-neutral-translucent-200-inverted);
19
19
  --switch-disabled-checked-bg-inverted-color: var(--switch-disabled-bg-inverted-color);
20
20
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
21
- } .switch__switch_1t2h6 {
21
+ } .switch__switch_d560a {
22
22
  background-color: var(--switch-bg-inverted-color)
23
- } .switch__switch_1t2h6:hover {
23
+ } .switch__switch_d560a:hover {
24
24
  background-color: var(--switch-hover-bg-inverted-color);
25
- } .switch__label_1t2h6 {
25
+ } .switch__label_d560a {
26
26
  color: var(--switch-label-inverted-color);
27
- } .switch__hint_1t2h6 {
27
+ } .switch__hint_d560a {
28
28
  color: var(--switch-hint-inverted-color);
29
- } .switch__checked_1t2h6 .switch__switch_1t2h6 {
29
+ } .switch__checked_d560a .switch__switch_d560a {
30
30
  background-color: var(--switch-checked-bg-inverted-color)
31
- } .switch__checked_1t2h6 .switch__switch_1t2h6:hover {
31
+ } .switch__checked_d560a .switch__switch_d560a:hover {
32
32
  background-color: var(--switch-checked-hover-bg-inverted-color);
33
- } .switch__disabled_1t2h6 .switch__label_1t2h6 {
33
+ } .switch__disabled_d560a .switch__label_d560a {
34
34
  color: var(--switch-disabled-inverted-color);
35
- } .switch__disabled_1t2h6 .switch__hint_1t2h6 {
35
+ } .switch__disabled_d560a .switch__hint_d560a {
36
36
  color: var(--switch-disabled-inverted-color);
37
- } .switch__disabled_1t2h6 .switch__switch_1t2h6 {
37
+ } .switch__disabled_d560a .switch__switch_d560a {
38
38
  background-color: var(--switch-disabled-bg-inverted-color)
39
- } .switch__disabled_1t2h6 .switch__switch_1t2h6:before {
39
+ } .switch__disabled_d560a .switch__switch_d560a:before {
40
40
  background-color: var(--switch-icon-disabled-inverted-color);
41
- } .switch__disabled_1t2h6.switch__checked_1t2h6 .switch__switch_1t2h6 {
41
+ } .switch__disabled_d560a.switch__checked_d560a .switch__switch_d560a {
42
42
  background-color: var(--switch-disabled-checked-bg-inverted-color);
43
43
  }
package/modern/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- const invertedStyles = {"switch":"switch__switch_1t2h6","label":"switch__label_1t2h6","hint":"switch__hint_1t2h6","checked":"switch__checked_1t2h6","disabled":"switch__disabled_1t2h6"};
3
+ const invertedStyles = {"switch":"switch__switch_d560a","label":"switch__label_d560a","hint":"switch__hint_d560a","checked":"switch__checked_d560a","disabled":"switch__disabled_d560a"};
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": "5.0.1-snapshot-c2c8d5a",
3
+ "version": "5.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": "1.0.1-snapshot-c2c8d5a",
13
+ "@alfalab/core-components-shared": "^1.1.0",
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": "14.0.0",
29
- "varsVersion": "10.0.1-snapshot-c2c8d5a"
28
+ "themesVersion": "14.1.0",
29
+ "varsVersion": "10.1.0"
30
30
  }