@alfalab/core-components-switch 2.2.0 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +35 -24
  2. package/dist/Component.js +1 -1
  3. package/dist/esm/Component.js +1 -1
  4. package/dist/esm/index.css +26 -26
  5. package/dist/index.css +26 -26
  6. package/dist/modern/Component.js +1 -1
  7. package/dist/modern/index.css +26 -26
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,29 +3,40 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [2.2.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@2.1.0...@alfalab/core-components-switch@2.2.0) (2021-08-03)
6
+ ## [2.2.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.2.0...@alfalab/core-components-switch@2.2.1) (2021-12-08)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * актуализируем @alfalab/utils ([#897](https://github.com/core-ds/core-components/issues/897)) ([30fb88e](https://github.com/core-ds/core-components/commit/30fb88eee36f68cabf80069e5125d911fabde4a5))
12
+
13
+
14
+
15
+
16
+
17
+ # [2.2.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.1.0...@alfalab/core-components-switch@2.2.0) (2021-08-03)
7
18
 
8
19
 
9
20
  ### Features
10
21
 
11
- * add inactive controls (PDS-266) ([#765](https://github.com/alfa-laboratory/core-components/issues/765)) ([ec02c89](https://github.com/alfa-laboratory/core-components/commit/ec02c89ab6bf038c026ca0a72b3185525334840a))
22
+ * add inactive controls (PDS-266) ([#765](https://github.com/core-ds/core-components/issues/765)) ([ec02c89](https://github.com/core-ds/core-components/commit/ec02c89ab6bf038c026ca0a72b3185525334840a))
12
23
 
13
24
 
14
25
 
15
26
 
16
27
 
17
- # [2.1.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@2.0.1...@alfalab/core-components-switch@2.1.0) (2021-07-23)
28
+ # [2.1.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.0.1...@alfalab/core-components-switch@2.1.0) (2021-07-23)
18
29
 
19
30
 
20
31
  ### Features
21
32
 
22
- * checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/alfa-laboratory/core-components/issues/735)) ([62f3c63](https://github.com/alfa-laboratory/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
33
+ * checkbox/radio/switch design updates (PDS-252) ([#735](https://github.com/core-ds/core-components/issues/735)) ([62f3c63](https://github.com/core-ds/core-components/commit/62f3c63279872a80ffb1c018b08addf897597b26))
23
34
 
24
35
 
25
36
 
26
37
 
27
38
 
28
- ## [2.0.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@2.0.0...@alfalab/core-components-switch@2.0.1) (2021-07-09)
39
+ ## [2.0.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@2.0.0...@alfalab/core-components-switch@2.0.1) (2021-07-09)
29
40
 
30
41
  **Note:** Version bump only for package @alfalab/core-components-switch
31
42
 
@@ -33,14 +44,14 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
33
44
 
34
45
 
35
46
 
36
- # [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.7...@alfalab/core-components-switch@2.0.0) (2021-07-08)
47
+ # [2.0.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.7...@alfalab/core-components-switch@2.0.0) (2021-07-08)
37
48
 
38
49
 
39
50
  ### Features
40
51
 
41
- * upgrade storybook ([#696](https://github.com/alfa-laboratory/core-components/issues/696))
52
+ * upgrade storybook ([#696](https://github.com/core-ds/core-components/issues/696))
42
53
 
43
- ## [1.7.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.6...@alfalab/core-components-switch@1.7.7) (2021-04-26)
54
+ ## [1.7.7](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.6...@alfalab/core-components-switch@1.7.7) (2021-04-26)
44
55
 
45
56
  **Note:** Version bump only for package @alfalab/core-components-switch
46
57
 
@@ -48,7 +59,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
48
59
 
49
60
 
50
61
 
51
- ## [1.7.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.5...@alfalab/core-components-switch@1.7.6) (2021-04-01)
62
+ ## [1.7.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.5...@alfalab/core-components-switch@1.7.6) (2021-04-01)
52
63
 
53
64
  **Note:** Version bump only for package @alfalab/core-components-switch
54
65
 
@@ -56,7 +67,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
56
67
 
57
68
 
58
69
 
59
- ## [1.7.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.4...@alfalab/core-components-switch@1.7.5) (2021-03-24)
70
+ ## [1.7.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.4...@alfalab/core-components-switch@1.7.5) (2021-03-24)
60
71
 
61
72
  **Note:** Version bump only for package @alfalab/core-components-switch
62
73
 
@@ -64,40 +75,40 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
64
75
 
65
76
 
66
77
 
67
- ## [1.7.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.2...@alfalab/core-components-switch@1.7.4) (2021-03-18)
78
+ ## [1.7.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.2...@alfalab/core-components-switch@1.7.4) (2021-03-18)
68
79
 
69
80
 
70
81
  ### Bug Fixes
71
82
 
72
- * one more sborka bug ([#579](https://github.com/alfa-laboratory/core-components/issues/579)) ([9fbe0be](https://github.com/alfa-laboratory/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
83
+ * one more sborka bug ([#579](https://github.com/core-ds/core-components/issues/579)) ([9fbe0be](https://github.com/core-ds/core-components/commit/9fbe0beca56ec5971de78b3f6cda25305b260efc))
73
84
 
74
85
 
75
86
 
76
87
 
77
88
 
78
- ## [1.7.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.7.0...@alfalab/core-components-switch@1.7.2) (2021-03-16)
89
+ ## [1.7.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.7.0...@alfalab/core-components-switch@1.7.2) (2021-03-16)
79
90
 
80
91
 
81
92
  ### Bug Fixes
82
93
 
83
- * border-radius in packages ([781749e](https://github.com/alfa-laboratory/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
94
+ * border-radius in packages ([781749e](https://github.com/core-ds/core-components/commit/781749ef38aefd5a6707ac56d2e297dce9f3e073))
84
95
 
85
96
 
86
97
 
87
98
 
88
99
 
89
- # [1.7.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.6...@alfalab/core-components-switch@1.7.0) (2021-03-15)
100
+ # [1.7.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.6...@alfalab/core-components-switch@1.7.0) (2021-03-15)
90
101
 
91
102
 
92
103
  ### Features
93
104
 
94
- * **vars:** introducing border-radius vars ([1a6fb28](https://github.com/alfa-laboratory/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))
105
+ * **vars:** introducing border-radius vars ([1a6fb28](https://github.com/core-ds/core-components/commit/1a6fb287bcfab50048c3a9100645b4dee8cd3395))
95
106
 
96
107
 
97
108
 
98
109
 
99
110
 
100
- ## [1.6.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.5...@alfalab/core-components-switch@1.6.6) (2021-03-14)
111
+ ## [1.6.6](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.5...@alfalab/core-components-switch@1.6.6) (2021-03-14)
101
112
 
102
113
  **Note:** Version bump only for package @alfalab/core-components-switch
103
114
 
@@ -105,7 +116,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
105
116
 
106
117
 
107
118
 
108
- ## [1.6.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.4...@alfalab/core-components-switch@1.6.5) (2021-03-04)
119
+ ## [1.6.5](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.4...@alfalab/core-components-switch@1.6.5) (2021-03-04)
109
120
 
110
121
  **Note:** Version bump only for package @alfalab/core-components-switch
111
122
 
@@ -113,7 +124,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
113
124
 
114
125
 
115
126
 
116
- ## [1.6.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.3...@alfalab/core-components-switch@1.6.4) (2021-03-03)
127
+ ## [1.6.4](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.3...@alfalab/core-components-switch@1.6.4) (2021-03-03)
117
128
 
118
129
  **Note:** Version bump only for package @alfalab/core-components-switch
119
130
 
@@ -121,7 +132,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
121
132
 
122
133
 
123
134
 
124
- ## [1.6.3](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.2...@alfalab/core-components-switch@1.6.3) (2021-02-20)
135
+ ## [1.6.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.2...@alfalab/core-components-switch@1.6.3) (2021-02-20)
125
136
 
126
137
  **Note:** Version bump only for package @alfalab/core-components-switch
127
138
 
@@ -129,20 +140,20 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
129
140
 
130
141
 
131
142
 
132
- ## [1.6.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.6.1...@alfalab/core-components-switch@1.6.2) (2021-02-18)
143
+ ## [1.6.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.6.1...@alfalab/core-components-switch@1.6.2) (2021-02-18)
133
144
 
134
145
 
135
146
  ### Bug Fixes
136
147
 
137
- * update versions ([#525](https://github.com/alfa-laboratory/core-components/issues/525)) ([31b2e4c](https://github.com/alfa-laboratory/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
148
+ * update versions ([#525](https://github.com/core-ds/core-components/issues/525)) ([31b2e4c](https://github.com/core-ds/core-components/commit/31b2e4c92fde6e2b63a3391a4e053cd328e93e70))
138
149
 
139
150
 
140
151
 
141
152
 
142
153
 
143
- # [@alfalab/core-components-switch-v1.4.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-switch@1.3.4...@alfalab/core-components-switch@1.4.0) (2020-11-25)
154
+ # [@alfalab/core-components-switch-v1.4.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-switch@1.3.4...@alfalab/core-components-switch@1.4.0) (2020-11-25)
144
155
 
145
156
 
146
157
  ### Features
147
158
 
148
- * **switch:** improved theming ([b4ecc39](https://github.com/alfa-laboratory/core-components/commit/b4ecc399c706e1de7086e255e57219e3907414e0))
159
+ * **switch:** improved theming ([b4ecc39](https://github.com/core-ds/core-components/commit/b4ecc399c706e1de7086e255e57219e3907414e0))
package/dist/Component.js CHANGED
@@ -52,7 +52,7 @@ function __rest(s, e) {
52
52
  return t;
53
53
  }
54
54
 
55
- var styles = {"component":"switch__component_96o08","start":"switch__start_96o08","center":"switch__center_96o08","addons":"switch__addons_96o08","block":"switch__block_96o08","switch":"switch__switch_96o08","content":"switch__content_96o08","label":"switch__label_96o08","hint":"switch__hint_96o08","reversed":"switch__reversed_96o08","checked":"switch__checked_96o08","disabled":"switch__disabled_96o08","inactive":"switch__inactive_96o08","focused":"switch__focused_96o08"};
55
+ var styles = {"component":"switch__component_110k0","start":"switch__start_110k0","center":"switch__center_110k0","addons":"switch__addons_110k0","block":"switch__block_110k0","switch":"switch__switch_110k0","content":"switch__content_110k0","label":"switch__label_110k0","hint":"switch__hint_110k0","reversed":"switch__reversed_110k0","checked":"switch__checked_110k0","disabled":"switch__disabled_110k0","inactive":"switch__inactive_110k0","focused":"switch__focused_110k0"};
56
56
  require('./index.css')
57
57
 
58
58
  var Switch = React.forwardRef(function (_a, ref) {
package/dist/esm/Component.js CHANGED
@@ -42,7 +42,7 @@ function __rest(s, e) {
42
42
  return t;
43
43
  }
44
44
 
45
- var styles = {"component":"switch__component_96o08","start":"switch__start_96o08","center":"switch__center_96o08","addons":"switch__addons_96o08","block":"switch__block_96o08","switch":"switch__switch_96o08","content":"switch__content_96o08","label":"switch__label_96o08","hint":"switch__hint_96o08","reversed":"switch__reversed_96o08","checked":"switch__checked_96o08","disabled":"switch__disabled_96o08","inactive":"switch__inactive_96o08","focused":"switch__focused_96o08"};
45
+ var styles = {"component":"switch__component_110k0","start":"switch__start_110k0","center":"switch__center_110k0","addons":"switch__addons_110k0","block":"switch__block_110k0","switch":"switch__switch_110k0","content":"switch__content_110k0","label":"switch__label_110k0","hint":"switch__hint_110k0","reversed":"switch__reversed_110k0","checked":"switch__checked_110k0","disabled":"switch__disabled_110k0","inactive":"switch__inactive_110k0","focused":"switch__focused_110k0"};
46
46
  require('./index.css')
47
47
 
48
48
  var Switch = forwardRef(function (_a, ref) {
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 96o08 */
1
+ /* hash: h71ut */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-secondary-inverted: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-secondary-inverted);
51
51
  }
52
- .switch__component_96o08 {
52
+ .switch__component_110k0 {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_96o08 input {
61
+ .switch__component_110k0 input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_96o08 {
65
+ .switch__start_110k0 {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_96o08 {
68
+ .switch__center_110k0 {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_96o08 {
71
+ .switch__addons_110k0 {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_96o08 {
76
+ .switch__block_110k0 {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_96o08 {
79
+ .switch__switch_110k0 {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_96o08:before {
91
+ .switch__switch_110k0:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_96o08 {
104
+ .switch__content_110k0 {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_96o08 {
108
+ .switch__label_110k0 {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_96o08:not(:only-child) {
115
+ .switch__label_110k0:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_96o08 {
118
+ .switch__hint_110k0 {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_96o08.switch__reversed_96o08 {
126
+ .switch__component_110k0.switch__reversed_110k0 {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_96o08 .switch__content_96o08 {
129
+ .switch__reversed_110k0 .switch__content_110k0 {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_96o08 .switch__addons_96o08 {
133
+ .switch__reversed_110k0 .switch__addons_110k0 {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_96o08 .switch__switch_96o08 {
140
+ .switch__checked_110k0 .switch__switch_110k0 {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_96o08 .switch__switch_96o08:before {
144
+ .switch__checked_110k0 .switch__switch_110k0:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_96o08 {
149
+ .switch__disabled_110k0 {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_96o08 .switch__switch_96o08 {
152
+ .switch__disabled_110k0 .switch__switch_110k0 {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_96o08 .switch__label_96o08 {
156
+ .switch__disabled_110k0 .switch__label_110k0 {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_96o08 .switch__hint_96o08 {
159
+ .switch__disabled_110k0 .switch__hint_110k0 {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_96o08 {
163
+ .switch__inactive_110k0 {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_96o08 .switch__switch_96o08 {
166
+ .switch__inactive_110k0 .switch__switch_110k0 {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_96o08 .switch__switch_96o08:before {
170
+ .switch__inactive_110k0 .switch__switch_110k0:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_96o08 .switch__switch_96o08 {
174
+ .switch__focused_110k0 .switch__switch_110k0 {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 96o08 */
1
+ /* hash: h71ut */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-secondary-inverted: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-secondary-inverted);
51
51
  }
52
- .switch__component_96o08 {
52
+ .switch__component_110k0 {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_96o08 input {
61
+ .switch__component_110k0 input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_96o08 {
65
+ .switch__start_110k0 {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_96o08 {
68
+ .switch__center_110k0 {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_96o08 {
71
+ .switch__addons_110k0 {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_96o08 {
76
+ .switch__block_110k0 {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_96o08 {
79
+ .switch__switch_110k0 {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_96o08:before {
91
+ .switch__switch_110k0:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_96o08 {
104
+ .switch__content_110k0 {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_96o08 {
108
+ .switch__label_110k0 {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_96o08:not(:only-child) {
115
+ .switch__label_110k0:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_96o08 {
118
+ .switch__hint_110k0 {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_96o08.switch__reversed_96o08 {
126
+ .switch__component_110k0.switch__reversed_110k0 {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_96o08 .switch__content_96o08 {
129
+ .switch__reversed_110k0 .switch__content_110k0 {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_96o08 .switch__addons_96o08 {
133
+ .switch__reversed_110k0 .switch__addons_110k0 {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_96o08 .switch__switch_96o08 {
140
+ .switch__checked_110k0 .switch__switch_110k0 {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_96o08 .switch__switch_96o08:before {
144
+ .switch__checked_110k0 .switch__switch_110k0:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_96o08 {
149
+ .switch__disabled_110k0 {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_96o08 .switch__switch_96o08 {
152
+ .switch__disabled_110k0 .switch__switch_110k0 {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_96o08 .switch__label_96o08 {
156
+ .switch__disabled_110k0 .switch__label_110k0 {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_96o08 .switch__hint_96o08 {
159
+ .switch__disabled_110k0 .switch__hint_110k0 {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_96o08 {
163
+ .switch__inactive_110k0 {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_96o08 .switch__switch_96o08 {
166
+ .switch__inactive_110k0 .switch__switch_110k0 {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_96o08 .switch__switch_96o08:before {
170
+ .switch__inactive_110k0 .switch__switch_110k0:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_96o08 .switch__switch_96o08 {
174
+ .switch__focused_110k0 .switch__switch_110k0 {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/dist/modern/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import mergeRefs from 'react-merge-refs';
4
4
  import { useFocus } from '@alfalab/hooks';
5
5
 
6
- var styles = {"component":"switch__component_96o08","start":"switch__start_96o08","center":"switch__center_96o08","addons":"switch__addons_96o08","block":"switch__block_96o08","switch":"switch__switch_96o08","content":"switch__content_96o08","label":"switch__label_96o08","hint":"switch__hint_96o08","reversed":"switch__reversed_96o08","checked":"switch__checked_96o08","disabled":"switch__disabled_96o08","inactive":"switch__inactive_96o08","focused":"switch__focused_96o08"};
6
+ var styles = {"component":"switch__component_110k0","start":"switch__start_110k0","center":"switch__center_110k0","addons":"switch__addons_110k0","block":"switch__block_110k0","switch":"switch__switch_110k0","content":"switch__content_110k0","label":"switch__label_110k0","hint":"switch__hint_110k0","reversed":"switch__reversed_110k0","checked":"switch__checked_110k0","disabled":"switch__disabled_110k0","inactive":"switch__inactive_110k0","focused":"switch__focused_110k0"};
7
7
  require('./index.css')
8
8
 
9
9
  const Switch = forwardRef(({ reversed = false, checked = false, align = 'start', addons, block, disabled, inactive, label, hint, name, value, className, onChange, dataTestId, ...restProps }, ref) => {
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 96o08 */
1
+ /* hash: h71ut */
2
2
  :root {
3
3
  --color-light-border-link: #007aff;
4
4
  --color-light-border-secondary-inverted: #b6bcc3;
@@ -49,7 +49,7 @@
49
49
  /* inactive */
50
50
  --switch-inactive-color: var(--color-light-border-secondary-inverted);
51
51
  }
52
- .switch__component_96o08 {
52
+ .switch__component_110k0 {
53
53
  display: inline-flex;
54
54
  align-items: flex-start;
55
55
  margin: 0;
@@ -58,25 +58,25 @@
58
58
  cursor: pointer;
59
59
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
60
60
  }
61
- .switch__component_96o08 input {
61
+ .switch__component_110k0 input {
62
62
  opacity: 0;
63
63
  position: absolute;
64
64
  }
65
- .switch__start_96o08 {
65
+ .switch__start_110k0 {
66
66
  align-items: flex-start;
67
67
  }
68
- .switch__center_96o08 {
68
+ .switch__center_110k0 {
69
69
  align-items: center;
70
70
  }
71
- .switch__addons_96o08 {
71
+ .switch__addons_110k0 {
72
72
  margin-left: auto;
73
73
  padding-left: var(--gap-m);
74
74
  line-height: 24px;
75
75
  }
76
- .switch__block_96o08 {
76
+ .switch__block_110k0 {
77
77
  width: 100%;
78
78
  }
79
- .switch__switch_96o08 {
79
+ .switch__switch_110k0 {
80
80
  position: relative;
81
81
  border-radius: var(--border-radius-xl);
82
82
  width: 36px;
@@ -88,7 +88,7 @@
88
88
  transition: background-color 0.2s ease, border-color 0.2s ease;
89
89
  box-sizing: border-box;
90
90
  }
91
- .switch__switch_96o08:before {
91
+ .switch__switch_110k0:before {
92
92
  content: '';
93
93
  position: absolute;
94
94
  top: 0;
@@ -101,21 +101,21 @@
101
101
  box-sizing: border-box;
102
102
  transition: transform 0.2s ease;
103
103
  }
104
- .switch__content_96o08 {
104
+ .switch__content_110k0 {
105
105
  margin-left: var(--gap-s);
106
106
  flex-grow: 1;
107
107
  }
108
- .switch__label_96o08 {
108
+ .switch__label_110k0 {
109
109
  font-size: 16px;
110
110
  line-height: 24px;
111
111
  font-weight: 400;
112
112
  display: block;
113
113
  color: var(--switch-label-color);
114
114
  }
115
- .switch__label_96o08:not(:only-child) {
115
+ .switch__label_110k0:not(:only-child) {
116
116
  margin-bottom: var(--gap-2xs);
117
117
  }
118
- .switch__hint_96o08 {
118
+ .switch__hint_110k0 {
119
119
  font-size: 14px;
120
120
  line-height: 18px;
121
121
  font-weight: 400;
@@ -123,55 +123,55 @@
123
123
  color: var(--switch-hint-color);
124
124
  }
125
125
  /* Reversed state */
126
- .switch__component_96o08.switch__reversed_96o08 {
126
+ .switch__component_110k0.switch__reversed_110k0 {
127
127
  flex-direction: row-reverse;
128
128
  }
129
- .switch__reversed_96o08 .switch__content_96o08 {
129
+ .switch__reversed_110k0 .switch__content_110k0 {
130
130
  margin-right: var(--gap-m);
131
131
  margin-left: 0;
132
132
  }
133
- .switch__reversed_96o08 .switch__addons_96o08 {
133
+ .switch__reversed_110k0 .switch__addons_110k0 {
134
134
  margin-left: 0;
135
135
  padding-left: 0;
136
136
  margin-right: auto;
137
137
  padding-right: var(--gap-m);
138
138
  }
139
139
  /* Checked state */
140
- .switch__checked_96o08 .switch__switch_96o08 {
140
+ .switch__checked_110k0 .switch__switch_110k0 {
141
141
  background-color: var(--switch-checked-bg-color);
142
142
  border-color: var(--switch-checked-border-color);
143
143
  }
144
- .switch__checked_96o08 .switch__switch_96o08:before {
144
+ .switch__checked_110k0 .switch__switch_110k0:before {
145
145
  /* ширина компонента(36px + 2*2px) - отступы(2 * 2px) - размер кружка(20px) */
146
146
  transform: translateX(16px);
147
147
  }
148
148
  /* Disabled state */
149
- .switch__disabled_96o08 {
149
+ .switch__disabled_110k0 {
150
150
  cursor: var(--disabled-cursor);
151
151
  }
152
- .switch__disabled_96o08 .switch__switch_96o08 {
152
+ .switch__disabled_110k0 .switch__switch_110k0 {
153
153
  background-color: var(--switch-disabled-bg-color);
154
154
  border-color: var(--switch-disabled-border-color);
155
155
  }
156
- .switch__disabled_96o08 .switch__label_96o08 {
156
+ .switch__disabled_110k0 .switch__label_110k0 {
157
157
  color: var(--switch-disabled-color);
158
158
  }
159
- .switch__disabled_96o08 .switch__hint_96o08 {
159
+ .switch__disabled_110k0 .switch__hint_110k0 {
160
160
  color: var(--switch-disabled-color);
161
161
  }
162
162
  /* Inactive */
163
- .switch__inactive_96o08 {
163
+ .switch__inactive_110k0 {
164
164
  cursor: var(--disabled-cursor);
165
165
  }
166
- .switch__inactive_96o08 .switch__switch_96o08 {
166
+ .switch__inactive_110k0 .switch__switch_110k0 {
167
167
  background-color: var(--switch-disabled-bg-color);
168
168
  border-color: var(--switch-disabled-border-color)
169
169
  }
170
- .switch__inactive_96o08 .switch__switch_96o08:before {
170
+ .switch__inactive_110k0 .switch__switch_110k0:before {
171
171
  background-color: var(--switch-inactive-color);
172
172
  }
173
173
  /* Focused state */
174
- .switch__focused_96o08 .switch__switch_96o08 {
174
+ .switch__focused_110k0 .switch__switch_110k0 {
175
175
  outline: 2px solid var(--focus-color);
176
176
  outline-offset: 2px;
177
177
  }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-switch",
3
- "version": "2.2.0",
3
+ "version": "2.2.3",
4
4
  "description": "",
5
- "gitHead": "c59114c5a8b331618ebd48029be19b3e889aea2f",
5
+ "gitHead": "8d998af881e79e8b524179aa50cdb117c1380c74",
6
6
  "keywords": [],
7
7
  "license": "MIT",
8
8
  "main": "dist/index.js",
@@ -20,8 +20,8 @@
20
20
  "react": "^16.9.0 || ^17.0.1"
21
21
  },
22
22
  "dependencies": {
23
- "@alfalab/hooks": "^1.0.0",
24
- "classnames": "^2.2.6",
25
- "react-merge-refs": "^1.1.0"
23
+ "@alfalab/hooks": "^1.4.1",
24
+ "classnames": "2.2.6",
25
+ "react-merge-refs": "1.1.0"
26
26
  }
27
27
  }