@alfalab/core-components-switch 4.5.8 → 4.5.9

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 (13) hide show
  1. package/Component.js +3 -3
  2. package/default.css +12 -12
  3. package/esm/Component.js +3 -3
  4. package/esm/default.css +12 -12
  5. package/esm/index.css +20 -20
  6. package/esm/inverted.css +12 -12
  7. package/index.css +20 -20
  8. package/inverted.css +12 -12
  9. package/modern/Component.js +3 -3
  10. package/modern/default.css +12 -12
  11. package/modern/index.css +20 -20
  12. package/modern/inverted.css +12 -12
  13. package/package.json +4 -4
package/Component.js CHANGED
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
17
17
 
18
- var defaultStyles = {"switch":"switch__switch_pt9q0","label":"switch__label_pt9q0","hint":"switch__hint_pt9q0","checked":"switch__checked_pt9q0","disabled":"switch__disabled_pt9q0"};
18
+ var defaultStyles = {"switch":"switch__switch_azc1r","label":"switch__label_azc1r","hint":"switch__hint_azc1r","checked":"switch__checked_azc1r","disabled":"switch__disabled_azc1r"};
19
19
  require('./default.css')
20
20
 
21
- var styles = {"component":"switch__component_1r1ml","start":"switch__start_1r1ml","center":"switch__center_1r1ml","addons":"switch__addons_1r1ml","block":"switch__block_1r1ml","switch":"switch__switch_1r1ml","content":"switch__content_1r1ml","label":"switch__label_1r1ml","errorMessage":"switch__errorMessage_1r1ml","hint":"switch__hint_1r1ml","reversed":"switch__reversed_1r1ml","checked":"switch__checked_1r1ml","disabled":"switch__disabled_1r1ml","focused":"switch__focused_1r1ml"};
21
+ var styles = {"component":"switch__component_6ug7p","start":"switch__start_6ug7p","center":"switch__center_6ug7p","addons":"switch__addons_6ug7p","block":"switch__block_6ug7p","switch":"switch__switch_6ug7p","content":"switch__content_6ug7p","label":"switch__label_6ug7p","errorMessage":"switch__errorMessage_6ug7p","hint":"switch__hint_6ug7p","reversed":"switch__reversed_6ug7p","checked":"switch__checked_6ug7p","disabled":"switch__disabled_6ug7p","focused":"switch__focused_6ug7p"};
22
22
  require('./index.css')
23
23
 
24
- var invertedStyles = {"switch":"switch__switch_2dcbx","label":"switch__label_2dcbx","hint":"switch__hint_2dcbx","checked":"switch__checked_2dcbx","disabled":"switch__disabled_2dcbx"};
24
+ var invertedStyles = {"switch":"switch__switch_1mkip","label":"switch__label_1mkip","hint":"switch__hint_1mkip","checked":"switch__checked_1mkip","disabled":"switch__disabled_1mkip"};
25
25
  require('./inverted.css')
26
26
 
27
27
  var colorStyles = {
package/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9geiy */
1
+ /* hash: 1gxfd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
55
- } .switch__switch_pt9q0 {
55
+ } .switch__switch_azc1r {
56
56
  background-color: var(--switch-bg-color)
57
- } .switch__switch_pt9q0:hover {
57
+ } .switch__switch_azc1r:hover {
58
58
  background-color: var(--switch-hover-bg-color);
59
- } .switch__label_pt9q0 {
59
+ } .switch__label_azc1r {
60
60
  color: var(--switch-label-color);
61
- } .switch__hint_pt9q0 {
61
+ } .switch__hint_azc1r {
62
62
  color: var(--switch-hint-color);
63
- } .switch__checked_pt9q0 .switch__switch_pt9q0 {
63
+ } .switch__checked_azc1r .switch__switch_azc1r {
64
64
  background-color: var(--switch-checked-bg-color)
65
- } .switch__checked_pt9q0 .switch__switch_pt9q0:hover {
65
+ } .switch__checked_azc1r .switch__switch_azc1r:hover {
66
66
  background-color: var(--switch-checked-hover-bg-color);
67
- } .switch__disabled_pt9q0 .switch__label_pt9q0 {
67
+ } .switch__disabled_azc1r .switch__label_azc1r {
68
68
  color: var(--switch-disabled-color);
69
- } .switch__disabled_pt9q0 .switch__hint_pt9q0 {
69
+ } .switch__disabled_azc1r .switch__hint_azc1r {
70
70
  color: var(--switch-disabled-color);
71
- } .switch__disabled_pt9q0 .switch__switch_pt9q0 {
71
+ } .switch__disabled_azc1r .switch__switch_azc1r {
72
72
  background-color: var(--switch-disabled-bg-color)
73
- } .switch__disabled_pt9q0 .switch__switch_pt9q0:before {
73
+ } .switch__disabled_azc1r .switch__switch_azc1r:before {
74
74
  background-color: var(--switch-icon-disabled-color);
75
- } .switch__disabled_pt9q0.switch__checked_pt9q0 .switch__switch_pt9q0 {
75
+ } .switch__disabled_azc1r.switch__checked_azc1r .switch__switch_azc1r {
76
76
  background-color: var(--switch-disabled-checked-bg-color);
77
77
  }
package/esm/Component.js CHANGED
@@ -5,13 +5,13 @@ import cn from 'classnames';
5
5
  import { dom } from '@alfalab/core-components-shared/esm';
6
6
  import { useFocus } from '@alfalab/hooks';
7
7
 
8
- var defaultStyles = {"switch":"switch__switch_pt9q0","label":"switch__label_pt9q0","hint":"switch__hint_pt9q0","checked":"switch__checked_pt9q0","disabled":"switch__disabled_pt9q0"};
8
+ var defaultStyles = {"switch":"switch__switch_azc1r","label":"switch__label_azc1r","hint":"switch__hint_azc1r","checked":"switch__checked_azc1r","disabled":"switch__disabled_azc1r"};
9
9
  require('./default.css')
10
10
 
11
- var styles = {"component":"switch__component_1r1ml","start":"switch__start_1r1ml","center":"switch__center_1r1ml","addons":"switch__addons_1r1ml","block":"switch__block_1r1ml","switch":"switch__switch_1r1ml","content":"switch__content_1r1ml","label":"switch__label_1r1ml","errorMessage":"switch__errorMessage_1r1ml","hint":"switch__hint_1r1ml","reversed":"switch__reversed_1r1ml","checked":"switch__checked_1r1ml","disabled":"switch__disabled_1r1ml","focused":"switch__focused_1r1ml"};
11
+ var styles = {"component":"switch__component_6ug7p","start":"switch__start_6ug7p","center":"switch__center_6ug7p","addons":"switch__addons_6ug7p","block":"switch__block_6ug7p","switch":"switch__switch_6ug7p","content":"switch__content_6ug7p","label":"switch__label_6ug7p","errorMessage":"switch__errorMessage_6ug7p","hint":"switch__hint_6ug7p","reversed":"switch__reversed_6ug7p","checked":"switch__checked_6ug7p","disabled":"switch__disabled_6ug7p","focused":"switch__focused_6ug7p"};
12
12
  require('./index.css')
13
13
 
14
- var invertedStyles = {"switch":"switch__switch_2dcbx","label":"switch__label_2dcbx","hint":"switch__hint_2dcbx","checked":"switch__checked_2dcbx","disabled":"switch__disabled_2dcbx"};
14
+ var invertedStyles = {"switch":"switch__switch_1mkip","label":"switch__label_1mkip","hint":"switch__hint_1mkip","checked":"switch__checked_1mkip","disabled":"switch__disabled_1mkip"};
15
15
  require('./inverted.css')
16
16
 
17
17
  var colorStyles = {
package/esm/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9geiy */
1
+ /* hash: 1gxfd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
55
- } .switch__switch_pt9q0 {
55
+ } .switch__switch_azc1r {
56
56
  background-color: var(--switch-bg-color)
57
- } .switch__switch_pt9q0:hover {
57
+ } .switch__switch_azc1r:hover {
58
58
  background-color: var(--switch-hover-bg-color);
59
- } .switch__label_pt9q0 {
59
+ } .switch__label_azc1r {
60
60
  color: var(--switch-label-color);
61
- } .switch__hint_pt9q0 {
61
+ } .switch__hint_azc1r {
62
62
  color: var(--switch-hint-color);
63
- } .switch__checked_pt9q0 .switch__switch_pt9q0 {
63
+ } .switch__checked_azc1r .switch__switch_azc1r {
64
64
  background-color: var(--switch-checked-bg-color)
65
- } .switch__checked_pt9q0 .switch__switch_pt9q0:hover {
65
+ } .switch__checked_azc1r .switch__switch_azc1r:hover {
66
66
  background-color: var(--switch-checked-hover-bg-color);
67
- } .switch__disabled_pt9q0 .switch__label_pt9q0 {
67
+ } .switch__disabled_azc1r .switch__label_azc1r {
68
68
  color: var(--switch-disabled-color);
69
- } .switch__disabled_pt9q0 .switch__hint_pt9q0 {
69
+ } .switch__disabled_azc1r .switch__hint_azc1r {
70
70
  color: var(--switch-disabled-color);
71
- } .switch__disabled_pt9q0 .switch__switch_pt9q0 {
71
+ } .switch__disabled_azc1r .switch__switch_azc1r {
72
72
  background-color: var(--switch-disabled-bg-color)
73
- } .switch__disabled_pt9q0 .switch__switch_pt9q0:before {
73
+ } .switch__disabled_azc1r .switch__switch_azc1r:before {
74
74
  background-color: var(--switch-icon-disabled-color);
75
- } .switch__disabled_pt9q0.switch__checked_pt9q0 .switch__switch_pt9q0 {
75
+ } .switch__disabled_azc1r.switch__checked_azc1r .switch__switch_azc1r {
76
76
  background-color: var(--switch-disabled-checked-bg-color);
77
77
  }
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10xhf */
1
+ /* hash: 169y6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -54,7 +54,7 @@
54
54
 
55
55
  /* icon */
56
56
  --switch-icon-color: var(--color-static-neutral-0);
57
- } .switch__component_1r1ml {
57
+ } .switch__component_6ug7p {
58
58
  display: inline-flex;
59
59
  align-items: flex-start;
60
60
  margin: var(--gap-0);
@@ -62,20 +62,20 @@
62
62
  border: 0;
63
63
  cursor: pointer;
64
64
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
65
- } .switch__component_1r1ml input {
65
+ } .switch__component_6ug7p input {
66
66
  opacity: 0;
67
67
  position: absolute;
68
- } .switch__start_1r1ml {
68
+ } .switch__start_6ug7p {
69
69
  align-items: flex-start;
70
- } .switch__center_1r1ml {
70
+ } .switch__center_6ug7p {
71
71
  align-items: center;
72
- } .switch__addons_1r1ml {
72
+ } .switch__addons_6ug7p {
73
73
  margin-left: auto;
74
74
  padding-left: var(--gap-16);
75
75
  line-height: 24px;
76
- } .switch__block_1r1ml {
76
+ } .switch__block_6ug7p {
77
77
  width: 100%;
78
- } .switch__switch_1r1ml {
78
+ } .switch__switch_6ug7p {
79
79
  position: relative;
80
80
  border-radius: var(--border-radius-16);
81
81
  width: 36px;
@@ -85,7 +85,7 @@
85
85
  border: 2px solid var(--switch-border-color);
86
86
  transition: background-color 0.2s ease, border-color 0.2s ease;
87
87
  box-sizing: border-box;
88
- } .switch__switch_1r1ml:before {
88
+ } .switch__switch_6ug7p:before {
89
89
  content: '';
90
90
  position: absolute;
91
91
  top: var(--gap-0);
@@ -97,42 +97,42 @@
97
97
  background-color: var(--switch-icon-color);
98
98
  box-sizing: border-box;
99
99
  transition: transform 0.2s ease;
100
- } .switch__content_1r1ml {
100
+ } .switch__content_6ug7p {
101
101
  margin-left: var(--gap-12);
102
102
  flex-grow: 1;
103
- } .switch__label_1r1ml {
103
+ } .switch__label_6ug7p {
104
104
  font-size: 16px;
105
105
  line-height: 24px;
106
106
  font-weight: 400;
107
107
  display: block;
108
- } .switch__label_1r1ml:not(:only-child) {
108
+ } .switch__label_6ug7p:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
- } .switch__errorMessage_1r1ml {
110
+ } .switch__errorMessage_6ug7p {
111
111
  font-size: 14px;
112
112
  line-height: 18px;
113
113
  font-weight: 400;
114
114
  color: var(--switch-error-color);
115
- } .switch__hint_1r1ml {
115
+ } .switch__hint_6ug7p {
116
116
  font-size: 14px;
117
117
  line-height: 18px;
118
118
  font-weight: 400;
119
119
  display: block;
120
- } /* Reversed state */ .switch__component_1r1ml.switch__reversed_1r1ml {
120
+ } /* Reversed state */ .switch__component_6ug7p.switch__reversed_6ug7p {
121
121
  flex-direction: row-reverse;
122
- } .switch__reversed_1r1ml .switch__content_1r1ml {
122
+ } .switch__reversed_6ug7p .switch__content_6ug7p {
123
123
  margin-right: var(--gap-16);
124
124
  margin-left: var(--gap-0);
125
- } .switch__reversed_1r1ml .switch__addons_1r1ml {
125
+ } .switch__reversed_6ug7p .switch__addons_6ug7p {
126
126
  margin-left: var(--gap-0);
127
127
  padding-left: var(--gap-0);
128
128
  margin-right: auto;
129
129
  padding-right: var(--gap-16);
130
- } /* Checked state */ .switch__checked_1r1ml .switch__switch_1r1ml:before {
130
+ } /* Checked state */ .switch__checked_6ug7p .switch__switch_6ug7p:before {
131
131
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
132
132
  transform: translateX(16px);
133
- } /* Disabled state */ .switch__disabled_1r1ml {
133
+ } /* Disabled state */ .switch__disabled_6ug7p {
134
134
  cursor: var(--disabled-cursor);
135
- } /* Focused state */ .switch__focused_1r1ml .switch__switch_1r1ml {
135
+ } /* Focused state */ .switch__focused_6ug7p .switch__switch_6ug7p {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
package/esm/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x2o8 */
1
+ /* hash: fjn5i */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
55
- } .switch__switch_2dcbx {
55
+ } .switch__switch_1mkip {
56
56
  background-color: var(--switch-bg-inverted-color)
57
- } .switch__switch_2dcbx:hover {
57
+ } .switch__switch_1mkip:hover {
58
58
  background-color: var(--switch-hover-bg-inverted-color);
59
- } .switch__label_2dcbx {
59
+ } .switch__label_1mkip {
60
60
  color: var(--switch-label-inverted-color);
61
- } .switch__hint_2dcbx {
61
+ } .switch__hint_1mkip {
62
62
  color: var(--switch-hint-inverted-color);
63
- } .switch__checked_2dcbx .switch__switch_2dcbx {
63
+ } .switch__checked_1mkip .switch__switch_1mkip {
64
64
  background-color: var(--switch-checked-bg-inverted-color)
65
- } .switch__checked_2dcbx .switch__switch_2dcbx:hover {
65
+ } .switch__checked_1mkip .switch__switch_1mkip:hover {
66
66
  background-color: var(--switch-checked-hover-bg-inverted-color);
67
- } .switch__disabled_2dcbx .switch__label_2dcbx {
67
+ } .switch__disabled_1mkip .switch__label_1mkip {
68
68
  color: var(--switch-disabled-inverted-color);
69
- } .switch__disabled_2dcbx .switch__hint_2dcbx {
69
+ } .switch__disabled_1mkip .switch__hint_1mkip {
70
70
  color: var(--switch-disabled-inverted-color);
71
- } .switch__disabled_2dcbx .switch__switch_2dcbx {
71
+ } .switch__disabled_1mkip .switch__switch_1mkip {
72
72
  background-color: var(--switch-disabled-bg-inverted-color)
73
- } .switch__disabled_2dcbx .switch__switch_2dcbx:before {
73
+ } .switch__disabled_1mkip .switch__switch_1mkip:before {
74
74
  background-color: var(--switch-icon-disabled-inverted-color);
75
- } .switch__disabled_2dcbx.switch__checked_2dcbx .switch__switch_2dcbx {
75
+ } .switch__disabled_1mkip.switch__checked_1mkip .switch__switch_1mkip {
76
76
  background-color: var(--switch-disabled-checked-bg-inverted-color);
77
77
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10xhf */
1
+ /* hash: 169y6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -54,7 +54,7 @@
54
54
 
55
55
  /* icon */
56
56
  --switch-icon-color: var(--color-static-neutral-0);
57
- } .switch__component_1r1ml {
57
+ } .switch__component_6ug7p {
58
58
  display: inline-flex;
59
59
  align-items: flex-start;
60
60
  margin: var(--gap-0);
@@ -62,20 +62,20 @@
62
62
  border: 0;
63
63
  cursor: pointer;
64
64
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
65
- } .switch__component_1r1ml input {
65
+ } .switch__component_6ug7p input {
66
66
  opacity: 0;
67
67
  position: absolute;
68
- } .switch__start_1r1ml {
68
+ } .switch__start_6ug7p {
69
69
  align-items: flex-start;
70
- } .switch__center_1r1ml {
70
+ } .switch__center_6ug7p {
71
71
  align-items: center;
72
- } .switch__addons_1r1ml {
72
+ } .switch__addons_6ug7p {
73
73
  margin-left: auto;
74
74
  padding-left: var(--gap-16);
75
75
  line-height: 24px;
76
- } .switch__block_1r1ml {
76
+ } .switch__block_6ug7p {
77
77
  width: 100%;
78
- } .switch__switch_1r1ml {
78
+ } .switch__switch_6ug7p {
79
79
  position: relative;
80
80
  border-radius: var(--border-radius-16);
81
81
  width: 36px;
@@ -85,7 +85,7 @@
85
85
  border: 2px solid var(--switch-border-color);
86
86
  transition: background-color 0.2s ease, border-color 0.2s ease;
87
87
  box-sizing: border-box;
88
- } .switch__switch_1r1ml:before {
88
+ } .switch__switch_6ug7p:before {
89
89
  content: '';
90
90
  position: absolute;
91
91
  top: var(--gap-0);
@@ -97,42 +97,42 @@
97
97
  background-color: var(--switch-icon-color);
98
98
  box-sizing: border-box;
99
99
  transition: transform 0.2s ease;
100
- } .switch__content_1r1ml {
100
+ } .switch__content_6ug7p {
101
101
  margin-left: var(--gap-12);
102
102
  flex-grow: 1;
103
- } .switch__label_1r1ml {
103
+ } .switch__label_6ug7p {
104
104
  font-size: 16px;
105
105
  line-height: 24px;
106
106
  font-weight: 400;
107
107
  display: block;
108
- } .switch__label_1r1ml:not(:only-child) {
108
+ } .switch__label_6ug7p:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
- } .switch__errorMessage_1r1ml {
110
+ } .switch__errorMessage_6ug7p {
111
111
  font-size: 14px;
112
112
  line-height: 18px;
113
113
  font-weight: 400;
114
114
  color: var(--switch-error-color);
115
- } .switch__hint_1r1ml {
115
+ } .switch__hint_6ug7p {
116
116
  font-size: 14px;
117
117
  line-height: 18px;
118
118
  font-weight: 400;
119
119
  display: block;
120
- } /* Reversed state */ .switch__component_1r1ml.switch__reversed_1r1ml {
120
+ } /* Reversed state */ .switch__component_6ug7p.switch__reversed_6ug7p {
121
121
  flex-direction: row-reverse;
122
- } .switch__reversed_1r1ml .switch__content_1r1ml {
122
+ } .switch__reversed_6ug7p .switch__content_6ug7p {
123
123
  margin-right: var(--gap-16);
124
124
  margin-left: var(--gap-0);
125
- } .switch__reversed_1r1ml .switch__addons_1r1ml {
125
+ } .switch__reversed_6ug7p .switch__addons_6ug7p {
126
126
  margin-left: var(--gap-0);
127
127
  padding-left: var(--gap-0);
128
128
  margin-right: auto;
129
129
  padding-right: var(--gap-16);
130
- } /* Checked state */ .switch__checked_1r1ml .switch__switch_1r1ml:before {
130
+ } /* Checked state */ .switch__checked_6ug7p .switch__switch_6ug7p:before {
131
131
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
132
132
  transform: translateX(16px);
133
- } /* Disabled state */ .switch__disabled_1r1ml {
133
+ } /* Disabled state */ .switch__disabled_6ug7p {
134
134
  cursor: var(--disabled-cursor);
135
- } /* Focused state */ .switch__focused_1r1ml .switch__switch_1r1ml {
135
+ } /* Focused state */ .switch__focused_6ug7p .switch__switch_6ug7p {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
package/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x2o8 */
1
+ /* hash: fjn5i */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
55
- } .switch__switch_2dcbx {
55
+ } .switch__switch_1mkip {
56
56
  background-color: var(--switch-bg-inverted-color)
57
- } .switch__switch_2dcbx:hover {
57
+ } .switch__switch_1mkip:hover {
58
58
  background-color: var(--switch-hover-bg-inverted-color);
59
- } .switch__label_2dcbx {
59
+ } .switch__label_1mkip {
60
60
  color: var(--switch-label-inverted-color);
61
- } .switch__hint_2dcbx {
61
+ } .switch__hint_1mkip {
62
62
  color: var(--switch-hint-inverted-color);
63
- } .switch__checked_2dcbx .switch__switch_2dcbx {
63
+ } .switch__checked_1mkip .switch__switch_1mkip {
64
64
  background-color: var(--switch-checked-bg-inverted-color)
65
- } .switch__checked_2dcbx .switch__switch_2dcbx:hover {
65
+ } .switch__checked_1mkip .switch__switch_1mkip:hover {
66
66
  background-color: var(--switch-checked-hover-bg-inverted-color);
67
- } .switch__disabled_2dcbx .switch__label_2dcbx {
67
+ } .switch__disabled_1mkip .switch__label_1mkip {
68
68
  color: var(--switch-disabled-inverted-color);
69
- } .switch__disabled_2dcbx .switch__hint_2dcbx {
69
+ } .switch__disabled_1mkip .switch__hint_1mkip {
70
70
  color: var(--switch-disabled-inverted-color);
71
- } .switch__disabled_2dcbx .switch__switch_2dcbx {
71
+ } .switch__disabled_1mkip .switch__switch_1mkip {
72
72
  background-color: var(--switch-disabled-bg-inverted-color)
73
- } .switch__disabled_2dcbx .switch__switch_2dcbx:before {
73
+ } .switch__disabled_1mkip .switch__switch_1mkip:before {
74
74
  background-color: var(--switch-icon-disabled-inverted-color);
75
- } .switch__disabled_2dcbx.switch__checked_2dcbx .switch__switch_2dcbx {
75
+ } .switch__disabled_1mkip.switch__checked_1mkip .switch__switch_1mkip {
76
76
  background-color: var(--switch-disabled-checked-bg-inverted-color);
77
77
  }
package/modern/Component.js CHANGED
@@ -4,13 +4,13 @@ import cn from 'classnames';
4
4
  import { dom } from '@alfalab/core-components-shared/modern';
5
5
  import { useFocus } from '@alfalab/hooks';
6
6
 
7
- const defaultStyles = {"switch":"switch__switch_pt9q0","label":"switch__label_pt9q0","hint":"switch__hint_pt9q0","checked":"switch__checked_pt9q0","disabled":"switch__disabled_pt9q0"};
7
+ const defaultStyles = {"switch":"switch__switch_azc1r","label":"switch__label_azc1r","hint":"switch__hint_azc1r","checked":"switch__checked_azc1r","disabled":"switch__disabled_azc1r"};
8
8
  require('./default.css')
9
9
 
10
- const styles = {"component":"switch__component_1r1ml","start":"switch__start_1r1ml","center":"switch__center_1r1ml","addons":"switch__addons_1r1ml","block":"switch__block_1r1ml","switch":"switch__switch_1r1ml","content":"switch__content_1r1ml","label":"switch__label_1r1ml","errorMessage":"switch__errorMessage_1r1ml","hint":"switch__hint_1r1ml","reversed":"switch__reversed_1r1ml","checked":"switch__checked_1r1ml","disabled":"switch__disabled_1r1ml","focused":"switch__focused_1r1ml"};
10
+ const styles = {"component":"switch__component_6ug7p","start":"switch__start_6ug7p","center":"switch__center_6ug7p","addons":"switch__addons_6ug7p","block":"switch__block_6ug7p","switch":"switch__switch_6ug7p","content":"switch__content_6ug7p","label":"switch__label_6ug7p","errorMessage":"switch__errorMessage_6ug7p","hint":"switch__hint_6ug7p","reversed":"switch__reversed_6ug7p","checked":"switch__checked_6ug7p","disabled":"switch__disabled_6ug7p","focused":"switch__focused_6ug7p"};
11
11
  require('./index.css')
12
12
 
13
- const invertedStyles = {"switch":"switch__switch_2dcbx","label":"switch__label_2dcbx","hint":"switch__hint_2dcbx","checked":"switch__checked_2dcbx","disabled":"switch__disabled_2dcbx"};
13
+ const invertedStyles = {"switch":"switch__switch_1mkip","label":"switch__label_1mkip","hint":"switch__hint_1mkip","checked":"switch__checked_1mkip","disabled":"switch__disabled_1mkip"};
14
14
  require('./inverted.css')
15
15
 
16
16
  const colorStyles = {
package/modern/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 9geiy */
1
+ /* hash: 1gxfd */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-color: var(--color-light-neutral-translucent-500);
55
- } .switch__switch_pt9q0 {
55
+ } .switch__switch_azc1r {
56
56
  background-color: var(--switch-bg-color)
57
- } .switch__switch_pt9q0:hover {
57
+ } .switch__switch_azc1r:hover {
58
58
  background-color: var(--switch-hover-bg-color);
59
- } .switch__label_pt9q0 {
59
+ } .switch__label_azc1r {
60
60
  color: var(--switch-label-color);
61
- } .switch__hint_pt9q0 {
61
+ } .switch__hint_azc1r {
62
62
  color: var(--switch-hint-color);
63
- } .switch__checked_pt9q0 .switch__switch_pt9q0 {
63
+ } .switch__checked_azc1r .switch__switch_azc1r {
64
64
  background-color: var(--switch-checked-bg-color)
65
- } .switch__checked_pt9q0 .switch__switch_pt9q0:hover {
65
+ } .switch__checked_azc1r .switch__switch_azc1r:hover {
66
66
  background-color: var(--switch-checked-hover-bg-color);
67
- } .switch__disabled_pt9q0 .switch__label_pt9q0 {
67
+ } .switch__disabled_azc1r .switch__label_azc1r {
68
68
  color: var(--switch-disabled-color);
69
- } .switch__disabled_pt9q0 .switch__hint_pt9q0 {
69
+ } .switch__disabled_azc1r .switch__hint_azc1r {
70
70
  color: var(--switch-disabled-color);
71
- } .switch__disabled_pt9q0 .switch__switch_pt9q0 {
71
+ } .switch__disabled_azc1r .switch__switch_azc1r {
72
72
  background-color: var(--switch-disabled-bg-color)
73
- } .switch__disabled_pt9q0 .switch__switch_pt9q0:before {
73
+ } .switch__disabled_azc1r .switch__switch_azc1r:before {
74
74
  background-color: var(--switch-icon-disabled-color);
75
- } .switch__disabled_pt9q0.switch__checked_pt9q0 .switch__switch_pt9q0 {
75
+ } .switch__disabled_azc1r.switch__checked_azc1r .switch__switch_azc1r {
76
76
  background-color: var(--switch-disabled-checked-bg-color);
77
77
  }
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 10xhf */
1
+ /* hash: 169y6 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-status-info: #2288fa;
@@ -54,7 +54,7 @@
54
54
 
55
55
  /* icon */
56
56
  --switch-icon-color: var(--color-static-neutral-0);
57
- } .switch__component_1r1ml {
57
+ } .switch__component_6ug7p {
58
58
  display: inline-flex;
59
59
  align-items: flex-start;
60
60
  margin: var(--gap-0);
@@ -62,20 +62,20 @@
62
62
  border: 0;
63
63
  cursor: pointer;
64
64
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
65
- } .switch__component_1r1ml input {
65
+ } .switch__component_6ug7p input {
66
66
  opacity: 0;
67
67
  position: absolute;
68
- } .switch__start_1r1ml {
68
+ } .switch__start_6ug7p {
69
69
  align-items: flex-start;
70
- } .switch__center_1r1ml {
70
+ } .switch__center_6ug7p {
71
71
  align-items: center;
72
- } .switch__addons_1r1ml {
72
+ } .switch__addons_6ug7p {
73
73
  margin-left: auto;
74
74
  padding-left: var(--gap-16);
75
75
  line-height: 24px;
76
- } .switch__block_1r1ml {
76
+ } .switch__block_6ug7p {
77
77
  width: 100%;
78
- } .switch__switch_1r1ml {
78
+ } .switch__switch_6ug7p {
79
79
  position: relative;
80
80
  border-radius: var(--border-radius-16);
81
81
  width: 36px;
@@ -85,7 +85,7 @@
85
85
  border: 2px solid var(--switch-border-color);
86
86
  transition: background-color 0.2s ease, border-color 0.2s ease;
87
87
  box-sizing: border-box;
88
- } .switch__switch_1r1ml:before {
88
+ } .switch__switch_6ug7p:before {
89
89
  content: '';
90
90
  position: absolute;
91
91
  top: var(--gap-0);
@@ -97,42 +97,42 @@
97
97
  background-color: var(--switch-icon-color);
98
98
  box-sizing: border-box;
99
99
  transition: transform 0.2s ease;
100
- } .switch__content_1r1ml {
100
+ } .switch__content_6ug7p {
101
101
  margin-left: var(--gap-12);
102
102
  flex-grow: 1;
103
- } .switch__label_1r1ml {
103
+ } .switch__label_6ug7p {
104
104
  font-size: 16px;
105
105
  line-height: 24px;
106
106
  font-weight: 400;
107
107
  display: block;
108
- } .switch__label_1r1ml:not(:only-child) {
108
+ } .switch__label_6ug7p:not(:only-child) {
109
109
  margin-bottom: var(--gap-4);
110
- } .switch__errorMessage_1r1ml {
110
+ } .switch__errorMessage_6ug7p {
111
111
  font-size: 14px;
112
112
  line-height: 18px;
113
113
  font-weight: 400;
114
114
  color: var(--switch-error-color);
115
- } .switch__hint_1r1ml {
115
+ } .switch__hint_6ug7p {
116
116
  font-size: 14px;
117
117
  line-height: 18px;
118
118
  font-weight: 400;
119
119
  display: block;
120
- } /* Reversed state */ .switch__component_1r1ml.switch__reversed_1r1ml {
120
+ } /* Reversed state */ .switch__component_6ug7p.switch__reversed_6ug7p {
121
121
  flex-direction: row-reverse;
122
- } .switch__reversed_1r1ml .switch__content_1r1ml {
122
+ } .switch__reversed_6ug7p .switch__content_6ug7p {
123
123
  margin-right: var(--gap-16);
124
124
  margin-left: var(--gap-0);
125
- } .switch__reversed_1r1ml .switch__addons_1r1ml {
125
+ } .switch__reversed_6ug7p .switch__addons_6ug7p {
126
126
  margin-left: var(--gap-0);
127
127
  padding-left: var(--gap-0);
128
128
  margin-right: auto;
129
129
  padding-right: var(--gap-16);
130
- } /* Checked state */ .switch__checked_1r1ml .switch__switch_1r1ml:before {
130
+ } /* Checked state */ .switch__checked_6ug7p .switch__switch_6ug7p:before {
131
131
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
132
132
  transform: translateX(16px);
133
- } /* Disabled state */ .switch__disabled_1r1ml {
133
+ } /* Disabled state */ .switch__disabled_6ug7p {
134
134
  cursor: var(--disabled-cursor);
135
- } /* Focused state */ .switch__focused_1r1ml .switch__switch_1r1ml {
135
+ } /* Focused state */ .switch__focused_6ug7p .switch__switch_6ug7p {
136
136
  outline: 2px solid var(--focus-color);
137
137
  outline-offset: 2px;
138
138
  }
package/modern/inverted.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1x2o8 */
1
+ /* hash: fjn5i */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-200-inverted: rgba(225, 225, 248, 0.09);
@@ -52,26 +52,26 @@
52
52
 
53
53
  /* icon */
54
54
  --switch-icon-disabled-inverted-color: var(--color-light-neutral-translucent-500-inverted);
55
- } .switch__switch_2dcbx {
55
+ } .switch__switch_1mkip {
56
56
  background-color: var(--switch-bg-inverted-color)
57
- } .switch__switch_2dcbx:hover {
57
+ } .switch__switch_1mkip:hover {
58
58
  background-color: var(--switch-hover-bg-inverted-color);
59
- } .switch__label_2dcbx {
59
+ } .switch__label_1mkip {
60
60
  color: var(--switch-label-inverted-color);
61
- } .switch__hint_2dcbx {
61
+ } .switch__hint_1mkip {
62
62
  color: var(--switch-hint-inverted-color);
63
- } .switch__checked_2dcbx .switch__switch_2dcbx {
63
+ } .switch__checked_1mkip .switch__switch_1mkip {
64
64
  background-color: var(--switch-checked-bg-inverted-color)
65
- } .switch__checked_2dcbx .switch__switch_2dcbx:hover {
65
+ } .switch__checked_1mkip .switch__switch_1mkip:hover {
66
66
  background-color: var(--switch-checked-hover-bg-inverted-color);
67
- } .switch__disabled_2dcbx .switch__label_2dcbx {
67
+ } .switch__disabled_1mkip .switch__label_1mkip {
68
68
  color: var(--switch-disabled-inverted-color);
69
- } .switch__disabled_2dcbx .switch__hint_2dcbx {
69
+ } .switch__disabled_1mkip .switch__hint_1mkip {
70
70
  color: var(--switch-disabled-inverted-color);
71
- } .switch__disabled_2dcbx .switch__switch_2dcbx {
71
+ } .switch__disabled_1mkip .switch__switch_1mkip {
72
72
  background-color: var(--switch-disabled-bg-inverted-color)
73
- } .switch__disabled_2dcbx .switch__switch_2dcbx:before {
73
+ } .switch__disabled_1mkip .switch__switch_1mkip:before {
74
74
  background-color: var(--switch-icon-disabled-inverted-color);
75
- } .switch__disabled_2dcbx.switch__checked_2dcbx .switch__switch_2dcbx {
75
+ } .switch__disabled_1mkip.switch__checked_1mkip .switch__switch_1mkip {
76
76
  background-color: var(--switch-disabled-checked-bg-inverted-color);
77
77
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-switch",
3
- "version": "4.5.8",
3
+ "version": "4.5.9",
4
4
  "description": "",
5
5
  "gitHead": "f054fef20200664c65e2501ef1f916c555cdf05d",
6
6
  "keywords": [],
@@ -17,11 +17,11 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@alfalab/hooks": "^1.13.1",
20
- "@alfalab/core-components-shared": "^0.17.1",
20
+ "@alfalab/core-components-shared": "^0.18.0",
21
21
  "classnames": "^2.5.1",
22
22
  "react-merge-refs": "^1.1.0",
23
23
  "tslib": "^2.4.0"
24
24
  },
25
- "themesVersion": "13.7.3",
26
- "varsVersion": "9.20.0"
25
+ "themesVersion": "13.7.4",
26
+ "varsVersion": "9.20.1"
27
27
  }