@aristobyte-ui/radio 1.0.8 → 1.0.11

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/README.md +98 -0
  2. package/dist/index.css +135 -135
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.js +37 -21
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +37 -23
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +38 -1
package/dist/index.css CHANGED
@@ -1,129 +1,129 @@
1
1
  /* components/Radio/Radio.module.scss */
2
- .radio {
2
+ .Radio_module_radio {
3
3
  align-items: center;
4
4
  cursor: pointer;
5
5
  display: flex;
6
6
  position: relative;
7
7
  }
8
- .radio-align-label--top {
8
+ .Radio_module_radio-align-label--top {
9
9
  flex-direction: column;
10
10
  }
11
- .radio-align-label--top .radio__control {
11
+ .Radio_module_radio-align-label--top .Radio_module_radio__control {
12
12
  order: 2;
13
13
  }
14
- .radio-align-label--right {
14
+ .Radio_module_radio-align-label--right {
15
15
  flex-direction: row;
16
16
  }
17
- .radio-align-label--bottom {
17
+ .Radio_module_radio-align-label--bottom {
18
18
  flex-direction: column;
19
19
  }
20
- .radio-align-label--left {
20
+ .Radio_module_radio-align-label--left {
21
21
  flex-direction: row;
22
22
  }
23
- .radio-align-label--left .radio__control {
23
+ .Radio_module_radio-align-label--left .Radio_module_radio__control {
24
24
  order: 2;
25
25
  }
26
- .radio--disabled {
26
+ .Radio_module_radio--disabled {
27
27
  cursor: not-allowed;
28
28
  opacity: 0.5;
29
29
  pointer-events: none;
30
30
  }
31
- .radio-size--xsm {
31
+ .Radio_module_radio-size--xsm {
32
32
  gap: 3px;
33
33
  }
34
- .radio-size--xsm .radio__control {
34
+ .Radio_module_radio-size--xsm .Radio_module_radio__control {
35
35
  height: 12px;
36
36
  width: 12px;
37
37
  }
38
- .radio-size--xsm .radio__control::after {
38
+ .Radio_module_radio-size--xsm .Radio_module_radio__control::after {
39
39
  height: 6px;
40
40
  width: 6px;
41
41
  }
42
- .radio-size--xsm .radio__label {
42
+ .Radio_module_radio-size--xsm .Radio_module_radio__label {
43
43
  font-size: 12px;
44
44
  line-height: 12px;
45
45
  }
46
- .radio-size--sm {
46
+ .Radio_module_radio-size--sm {
47
47
  gap: 4px;
48
48
  }
49
- .radio-size--sm .radio__control {
49
+ .Radio_module_radio-size--sm .Radio_module_radio__control {
50
50
  height: 16px;
51
51
  width: 16px;
52
52
  }
53
- .radio-size--sm .radio__control::after {
53
+ .Radio_module_radio-size--sm .Radio_module_radio__control::after {
54
54
  height: 8px;
55
55
  width: 8px;
56
56
  }
57
- .radio-size--sm .radio__label {
57
+ .Radio_module_radio-size--sm .Radio_module_radio__label {
58
58
  font-size: 14px;
59
59
  line-height: 14px;
60
60
  }
61
- .radio-size--md {
61
+ .Radio_module_radio-size--md {
62
62
  gap: 5px;
63
63
  }
64
- .radio-size--md .radio__control {
64
+ .Radio_module_radio-size--md .Radio_module_radio__control {
65
65
  height: 20px;
66
66
  width: 20px;
67
67
  }
68
- .radio-size--md .radio__control::after {
68
+ .Radio_module_radio-size--md .Radio_module_radio__control::after {
69
69
  height: 10px;
70
70
  width: 10px;
71
71
  }
72
- .radio-size--md .radio__label {
72
+ .Radio_module_radio-size--md .Radio_module_radio__label {
73
73
  font-size: 16px;
74
74
  line-height: 16px;
75
75
  }
76
- .radio-size--lg {
76
+ .Radio_module_radio-size--lg {
77
77
  gap: 6px;
78
78
  }
79
- .radio-size--lg .radio__control {
79
+ .Radio_module_radio-size--lg .Radio_module_radio__control {
80
80
  height: 24px;
81
81
  width: 24px;
82
82
  }
83
- .radio-size--lg .radio__control::after {
83
+ .Radio_module_radio-size--lg .Radio_module_radio__control::after {
84
84
  height: 14px;
85
85
  width: 14px;
86
86
  }
87
- .radio-size--lg .radio__label {
87
+ .Radio_module_radio-size--lg .Radio_module_radio__label {
88
88
  font-size: 18px;
89
89
  line-height: 18px;
90
90
  }
91
- .radio-size--xlg {
91
+ .Radio_module_radio-size--xlg {
92
92
  gap: 8px;
93
93
  }
94
- .radio-size--xlg .radio__control {
94
+ .Radio_module_radio-size--xlg .Radio_module_radio__control {
95
95
  height: 28px;
96
96
  width: 28px;
97
97
  }
98
- .radio-size--xlg .radio__control::after {
98
+ .Radio_module_radio-size--xlg .Radio_module_radio__control::after {
99
99
  height: 16px;
100
100
  width: 16px;
101
101
  }
102
- .radio-size--xlg .radio__label {
102
+ .Radio_module_radio-size--xlg .Radio_module_radio__label {
103
103
  font-size: 20px;
104
104
  line-height: 20px;
105
105
  }
106
- .radio-variant--default.radio-appearance--outline .radio__control {
106
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--outline .Radio_module_radio__control {
107
107
  background-color: rgba(31, 41, 55, 0.3);
108
108
  border: 2px solid #1f2937;
109
109
  }
110
- .radio-variant--default.radio-appearance--outline .radio__control::after {
110
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
111
111
  background-color: #1f2937;
112
112
  }
113
- .radio-variant--default.radio-appearance--outline:active .radio__control {
113
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
114
114
  background-color: rgba(31, 41, 55, 0.4);
115
115
  }
116
- .radio-variant--default.radio-appearance--no-outline .radio__control {
116
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
117
117
  background-color: rgba(31, 41, 55, 0.3);
118
118
  border: 2px solid transparent;
119
119
  }
120
- .radio-variant--default.radio-appearance--no-outline .radio__control::after {
120
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
121
121
  background-color: #1f2937;
122
122
  }
123
- .radio-variant--default.radio-appearance--no-outline:active .radio__control {
123
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
124
124
  background-color: rgba(31, 41, 55, 0.4);
125
125
  }
126
- .radio-variant--default.radio-appearance--glowing .radio__control {
126
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
127
127
  backdrop-filter: 8px;
128
128
  background-color: rgba(31, 41, 55, 0.3);
129
129
  border: 2px solid #1f2937;
@@ -132,49 +132,49 @@
132
132
  0 0 16px rgba(31, 41, 55, 0.4),
133
133
  0 0 24px rgba(31, 41, 55, 0.3);
134
134
  }
135
- .radio-variant--default.radio-appearance--glowing .radio__control::after {
135
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
136
136
  background-color: #1f2937;
137
137
  }
138
- .radio-variant--default.radio-appearance--glowing:active .radio__control {
138
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
139
139
  background-color: rgba(31, 41, 55, 0.4);
140
140
  }
141
- .radio-variant--default.radio-appearance--solid .radio__control {
141
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--solid .Radio_module_radio__control {
142
142
  background-color: #1f2937;
143
143
  border: 2px solid #1f2937;
144
144
  }
145
- .radio-variant--default.radio-appearance--solid .radio__control::after {
145
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
146
146
  background-color: rgba(255, 255, 255, 0.5);
147
147
  }
148
- .radio-variant--default.radio-appearance--solid:active .radio__control {
148
+ .Radio_module_radio-variant--default.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
149
149
  background-color: rgba(31, 41, 55, 0.9);
150
150
  }
151
- .radio-variant--default .radio__label {
151
+ .Radio_module_radio-variant--default .Radio_module_radio__label {
152
152
  color: #ffffff;
153
153
  }
154
- .radio-variant--default .radio__label--highlight-label {
154
+ .Radio_module_radio-variant--default .Radio_module_radio__label--highlight-label {
155
155
  color: #1f2937;
156
156
  }
157
- .radio-variant--primary.radio-appearance--outline .radio__control {
157
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline .Radio_module_radio__control {
158
158
  background-color: rgba(37, 99, 235, 0.3);
159
159
  border: 2px solid #2563eb;
160
160
  }
161
- .radio-variant--primary.radio-appearance--outline .radio__control::after {
161
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
162
162
  background-color: #2563eb;
163
163
  }
164
- .radio-variant--primary.radio-appearance--outline:active .radio__control {
164
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
165
165
  background-color: rgba(37, 99, 235, 0.4);
166
166
  }
167
- .radio-variant--primary.radio-appearance--no-outline .radio__control {
167
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
168
168
  background-color: rgba(37, 99, 235, 0.3);
169
169
  border: 2px solid transparent;
170
170
  }
171
- .radio-variant--primary.radio-appearance--no-outline .radio__control::after {
171
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
172
172
  background-color: #2563eb;
173
173
  }
174
- .radio-variant--primary.radio-appearance--no-outline:active .radio__control {
174
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
175
175
  background-color: rgba(37, 99, 235, 0.4);
176
176
  }
177
- .radio-variant--primary.radio-appearance--glowing .radio__control {
177
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
178
178
  backdrop-filter: 8px;
179
179
  background-color: rgba(37, 99, 235, 0.3);
180
180
  border: 2px solid #2563eb;
@@ -183,63 +183,63 @@
183
183
  0 0 16px rgba(37, 99, 235, 0.4),
184
184
  0 0 24px rgba(37, 99, 235, 0.3);
185
185
  }
186
- .radio-variant--primary.radio-appearance--glowing .radio__control::after {
186
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
187
187
  background-color: #2563eb;
188
188
  box-shadow:
189
189
  0 0 8px rgba(37, 99, 235, 0.5),
190
190
  0 0 16px rgba(37, 99, 235, 0.4),
191
191
  0 0 24px rgba(37, 99, 235, 0.3);
192
192
  }
193
- .radio-variant--primary.radio-appearance--glowing:active .radio__control {
193
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
194
194
  background-color: rgba(37, 99, 235, 0.4);
195
195
  }
196
- .radio-variant--primary.radio-appearance--outline-dashed .radio__control {
196
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control {
197
197
  background-color: rgba(37, 99, 235, 0.3);
198
198
  border: 2px dashed #2563eb;
199
199
  }
200
- .radio-variant--primary.radio-appearance--outline-dashed .radio__control::after {
200
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control::after {
201
201
  background-color: #2563eb;
202
202
  }
203
- .radio-variant--primary.radio-appearance--outline-dashed:active .radio__control {
203
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--outline-dashed:active .Radio_module_radio__control {
204
204
  background-color: rgba(37, 99, 235, 0.4);
205
205
  }
206
- .radio-variant--primary.radio-appearance--solid .radio__control {
206
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--solid .Radio_module_radio__control {
207
207
  background-color: #2563eb;
208
208
  border: 2px solid #2563eb;
209
209
  }
210
- .radio-variant--primary.radio-appearance--solid .radio__control::after {
210
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
211
211
  background-color: rgba(255, 255, 255, 0.9);
212
212
  }
213
- .radio-variant--primary.radio-appearance--solid:active .radio__control {
213
+ .Radio_module_radio-variant--primary.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
214
214
  background-color: rgba(37, 99, 235, 0.9);
215
215
  }
216
- .radio-variant--primary .radio__label {
216
+ .Radio_module_radio-variant--primary .Radio_module_radio__label {
217
217
  color: #ffffff;
218
218
  }
219
- .radio-variant--primary .radio__label--highlight-label {
219
+ .Radio_module_radio-variant--primary .Radio_module_radio__label--highlight-label {
220
220
  color: #2563eb;
221
221
  }
222
- .radio-variant--secondary.radio-appearance--outline .radio__control {
222
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline .Radio_module_radio__control {
223
223
  background-color: rgba(79, 70, 229, 0.3);
224
224
  border: 2px solid #4f46e5;
225
225
  }
226
- .radio-variant--secondary.radio-appearance--outline .radio__control::after {
226
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
227
227
  background-color: #4f46e5;
228
228
  }
229
- .radio-variant--secondary.radio-appearance--outline:active .radio__control {
229
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
230
230
  background-color: rgba(79, 70, 229, 0.4);
231
231
  }
232
- .radio-variant--secondary.radio-appearance--no-outline .radio__control {
232
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
233
233
  background-color: rgba(79, 70, 229, 0.3);
234
234
  border: 2px solid transparent;
235
235
  }
236
- .radio-variant--secondary.radio-appearance--no-outline .radio__control::after {
236
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
237
237
  background-color: #4f46e5;
238
238
  }
239
- .radio-variant--secondary.radio-appearance--no-outline:active .radio__control {
239
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
240
240
  background-color: rgba(79, 70, 229, 0.4);
241
241
  }
242
- .radio-variant--secondary.radio-appearance--glowing .radio__control {
242
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
243
243
  backdrop-filter: 8px;
244
244
  background-color: rgba(79, 70, 229, 0.3);
245
245
  border: 2px solid #4f46e5;
@@ -248,63 +248,63 @@
248
248
  0 0 16px rgba(79, 70, 229, 0.4),
249
249
  0 0 24px rgba(79, 70, 229, 0.3);
250
250
  }
251
- .radio-variant--secondary.radio-appearance--glowing .radio__control::after {
251
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
252
252
  background-color: #4f46e5;
253
253
  box-shadow:
254
254
  0 0 8px rgba(79, 70, 229, 0.5),
255
255
  0 0 16px rgba(79, 70, 229, 0.4),
256
256
  0 0 24px rgba(79, 70, 229, 0.3);
257
257
  }
258
- .radio-variant--secondary.radio-appearance--glowing:active .radio__control {
258
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
259
259
  background-color: rgba(79, 70, 229, 0.4);
260
260
  }
261
- .radio-variant--secondary.radio-appearance--outline-dashed .radio__control {
261
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control {
262
262
  background-color: rgba(79, 70, 229, 0.3);
263
263
  border: 2px dashed #4f46e5;
264
264
  }
265
- .radio-variant--secondary.radio-appearance--outline-dashed .radio__control::after {
265
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control::after {
266
266
  background-color: #4f46e5;
267
267
  }
268
- .radio-variant--secondary.radio-appearance--outline-dashed:active .radio__control {
268
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--outline-dashed:active .Radio_module_radio__control {
269
269
  background-color: rgba(79, 70, 229, 0.4);
270
270
  }
271
- .radio-variant--secondary.radio-appearance--solid .radio__control {
271
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--solid .Radio_module_radio__control {
272
272
  background-color: #4f46e5;
273
273
  border: 2px solid #4f46e5;
274
274
  }
275
- .radio-variant--secondary.radio-appearance--solid .radio__control::after {
275
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
276
276
  background-color: rgba(255, 255, 255, 0.9);
277
277
  }
278
- .radio-variant--secondary.radio-appearance--solid:active .radio__control {
278
+ .Radio_module_radio-variant--secondary.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
279
279
  background-color: rgba(79, 70, 229, 0.9);
280
280
  }
281
- .radio-variant--secondary .radio__label {
281
+ .Radio_module_radio-variant--secondary .Radio_module_radio__label {
282
282
  color: #ffffff;
283
283
  }
284
- .radio-variant--secondary .radio__label--highlight-label {
284
+ .Radio_module_radio-variant--secondary .Radio_module_radio__label--highlight-label {
285
285
  color: #4f46e5;
286
286
  }
287
- .radio-variant--error.radio-appearance--outline .radio__control {
287
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline .Radio_module_radio__control {
288
288
  background-color: rgba(220, 38, 38, 0.3);
289
289
  border: 2px solid #dc2626;
290
290
  }
291
- .radio-variant--error.radio-appearance--outline .radio__control::after {
291
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
292
292
  background-color: #dc2626;
293
293
  }
294
- .radio-variant--error.radio-appearance--outline:active .radio__control {
294
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
295
295
  background-color: rgba(220, 38, 38, 0.4);
296
296
  }
297
- .radio-variant--error.radio-appearance--no-outline .radio__control {
297
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
298
298
  background-color: rgba(220, 38, 38, 0.3);
299
299
  border: 2px solid transparent;
300
300
  }
301
- .radio-variant--error.radio-appearance--no-outline .radio__control::after {
301
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
302
302
  background-color: #dc2626;
303
303
  }
304
- .radio-variant--error.radio-appearance--no-outline:active .radio__control {
304
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
305
305
  background-color: rgba(220, 38, 38, 0.4);
306
306
  }
307
- .radio-variant--error.radio-appearance--glowing .radio__control {
307
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
308
308
  backdrop-filter: 8px;
309
309
  background-color: rgba(220, 38, 38, 0.3);
310
310
  border: 2px solid #dc2626;
@@ -313,63 +313,63 @@
313
313
  0 0 16px rgba(220, 38, 38, 0.4),
314
314
  0 0 24px rgba(220, 38, 38, 0.3);
315
315
  }
316
- .radio-variant--error.radio-appearance--glowing .radio__control::after {
316
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
317
317
  background-color: #dc2626;
318
318
  box-shadow:
319
319
  0 0 8px rgba(220, 38, 38, 0.5),
320
320
  0 0 16px rgba(220, 38, 38, 0.4),
321
321
  0 0 24px rgba(220, 38, 38, 0.3);
322
322
  }
323
- .radio-variant--error.radio-appearance--glowing:active .radio__control {
323
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
324
324
  background-color: rgba(220, 38, 38, 0.4);
325
325
  }
326
- .radio-variant--error.radio-appearance--outline-dashed .radio__control {
326
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control {
327
327
  background-color: rgba(220, 38, 38, 0.3);
328
328
  border: 2px dashed #dc2626;
329
329
  }
330
- .radio-variant--error.radio-appearance--outline-dashed .radio__control::after {
330
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control::after {
331
331
  background-color: #dc2626;
332
332
  }
333
- .radio-variant--error.radio-appearance--outline-dashed:active .radio__control {
333
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--outline-dashed:active .Radio_module_radio__control {
334
334
  background-color: rgba(220, 38, 38, 0.4);
335
335
  }
336
- .radio-variant--error.radio-appearance--solid .radio__control {
336
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--solid .Radio_module_radio__control {
337
337
  background-color: #dc2626;
338
338
  border: 2px solid #dc2626;
339
339
  }
340
- .radio-variant--error.radio-appearance--solid .radio__control::after {
340
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
341
341
  background-color: rgba(255, 255, 255, 0.9);
342
342
  }
343
- .radio-variant--error.radio-appearance--solid:active .radio__control {
343
+ .Radio_module_radio-variant--error.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
344
344
  background-color: rgba(220, 38, 38, 0.9);
345
345
  }
346
- .radio-variant--error .radio__label {
346
+ .Radio_module_radio-variant--error .Radio_module_radio__label {
347
347
  color: #ffffff;
348
348
  }
349
- .radio-variant--error .radio__label--highlight-label {
349
+ .Radio_module_radio-variant--error .Radio_module_radio__label--highlight-label {
350
350
  color: #dc2626;
351
351
  }
352
- .radio-variant--warning.radio-appearance--outline .radio__control {
352
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline .Radio_module_radio__control {
353
353
  background-color: rgba(217, 119, 6, 0.3);
354
354
  border: 2px solid #d97706;
355
355
  }
356
- .radio-variant--warning.radio-appearance--outline .radio__control::after {
356
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
357
357
  background-color: #d97706;
358
358
  }
359
- .radio-variant--warning.radio-appearance--outline:active .radio__control {
359
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
360
360
  background-color: rgba(217, 119, 6, 0.4);
361
361
  }
362
- .radio-variant--warning.radio-appearance--no-outline .radio__control {
362
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
363
363
  background-color: rgba(217, 119, 6, 0.3);
364
364
  border: 2px solid transparent;
365
365
  }
366
- .radio-variant--warning.radio-appearance--no-outline .radio__control::after {
366
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
367
367
  background-color: #d97706;
368
368
  }
369
- .radio-variant--warning.radio-appearance--no-outline:active .radio__control {
369
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
370
370
  background-color: rgba(217, 119, 6, 0.4);
371
371
  }
372
- .radio-variant--warning.radio-appearance--glowing .radio__control {
372
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
373
373
  backdrop-filter: 8px;
374
374
  background-color: rgba(217, 119, 6, 0.3);
375
375
  border: 2px solid #d97706;
@@ -378,63 +378,63 @@
378
378
  0 0 16px rgba(217, 119, 6, 0.4),
379
379
  0 0 24px rgba(217, 119, 6, 0.3);
380
380
  }
381
- .radio-variant--warning.radio-appearance--glowing .radio__control::after {
381
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
382
382
  background-color: #d97706;
383
383
  box-shadow:
384
384
  0 0 8px rgba(217, 119, 6, 0.5),
385
385
  0 0 16px rgba(217, 119, 6, 0.4),
386
386
  0 0 24px rgba(217, 119, 6, 0.3);
387
387
  }
388
- .radio-variant--warning.radio-appearance--glowing:active .radio__control {
388
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
389
389
  background-color: rgba(217, 119, 6, 0.4);
390
390
  }
391
- .radio-variant--warning.radio-appearance--outline-dashed .radio__control {
391
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control {
392
392
  background-color: rgba(217, 119, 6, 0.3);
393
393
  border: 2px dashed #d97706;
394
394
  }
395
- .radio-variant--warning.radio-appearance--outline-dashed .radio__control::after {
395
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control::after {
396
396
  background-color: #d97706;
397
397
  }
398
- .radio-variant--warning.radio-appearance--outline-dashed:active .radio__control {
398
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--outline-dashed:active .Radio_module_radio__control {
399
399
  background-color: rgba(217, 119, 6, 0.4);
400
400
  }
401
- .radio-variant--warning.radio-appearance--solid .radio__control {
401
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--solid .Radio_module_radio__control {
402
402
  background-color: #d97706;
403
403
  border: 2px solid #d97706;
404
404
  }
405
- .radio-variant--warning.radio-appearance--solid .radio__control::after {
405
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
406
406
  background-color: rgba(255, 255, 255, 0.9);
407
407
  }
408
- .radio-variant--warning.radio-appearance--solid:active .radio__control {
408
+ .Radio_module_radio-variant--warning.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
409
409
  background-color: rgba(217, 119, 6, 0.9);
410
410
  }
411
- .radio-variant--warning .radio__label {
411
+ .Radio_module_radio-variant--warning .Radio_module_radio__label {
412
412
  color: #ffffff;
413
413
  }
414
- .radio-variant--warning .radio__label--highlight-label {
414
+ .Radio_module_radio-variant--warning .Radio_module_radio__label--highlight-label {
415
415
  color: #d97706;
416
416
  }
417
- .radio-variant--success.radio-appearance--outline .radio__control {
417
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline .Radio_module_radio__control {
418
418
  background-color: rgba(22, 163, 74, 0.3);
419
419
  border: 2px solid #16a34a;
420
420
  }
421
- .radio-variant--success.radio-appearance--outline .radio__control::after {
421
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline .Radio_module_radio__control::after {
422
422
  background-color: #16a34a;
423
423
  }
424
- .radio-variant--success.radio-appearance--outline:active .radio__control {
424
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline:active .Radio_module_radio__control {
425
425
  background-color: rgba(22, 163, 74, 0.4);
426
426
  }
427
- .radio-variant--success.radio-appearance--no-outline .radio__control {
427
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--no-outline .Radio_module_radio__control {
428
428
  background-color: rgba(22, 163, 74, 0.3);
429
429
  border: 2px solid transparent;
430
430
  }
431
- .radio-variant--success.radio-appearance--no-outline .radio__control::after {
431
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--no-outline .Radio_module_radio__control::after {
432
432
  background-color: #16a34a;
433
433
  }
434
- .radio-variant--success.radio-appearance--no-outline:active .radio__control {
434
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--no-outline:active .Radio_module_radio__control {
435
435
  background-color: rgba(22, 163, 74, 0.4);
436
436
  }
437
- .radio-variant--success.radio-appearance--glowing .radio__control {
437
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--glowing .Radio_module_radio__control {
438
438
  backdrop-filter: 8px;
439
439
  background-color: rgba(22, 163, 74, 0.3);
440
440
  border: 2px solid #16a34a;
@@ -443,46 +443,46 @@
443
443
  0 0 16px rgba(22, 163, 74, 0.4),
444
444
  0 0 24px rgba(22, 163, 74, 0.3);
445
445
  }
446
- .radio-variant--success.radio-appearance--glowing .radio__control::after {
446
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--glowing .Radio_module_radio__control::after {
447
447
  background-color: #16a34a;
448
448
  box-shadow:
449
449
  0 0 8px rgba(22, 163, 74, 0.5),
450
450
  0 0 16px rgba(22, 163, 74, 0.4),
451
451
  0 0 24px rgba(22, 163, 74, 0.3);
452
452
  }
453
- .radio-variant--success.radio-appearance--glowing:active .radio__control {
453
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--glowing:active .Radio_module_radio__control {
454
454
  background-color: rgba(22, 163, 74, 0.4);
455
455
  }
456
- .radio-variant--success.radio-appearance--outline-dashed .radio__control {
456
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control {
457
457
  background-color: rgba(22, 163, 74, 0.3);
458
458
  border: 2px dashed #16a34a;
459
459
  }
460
- .radio-variant--success.radio-appearance--outline-dashed .radio__control::after {
460
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline-dashed .Radio_module_radio__control::after {
461
461
  background-color: #16a34a;
462
462
  }
463
- .radio-variant--success.radio-appearance--outline-dashed:active .radio__control {
463
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--outline-dashed:active .Radio_module_radio__control {
464
464
  background-color: rgba(22, 163, 74, 0.4);
465
465
  }
466
- .radio-variant--success.radio-appearance--solid .radio__control {
466
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--solid .Radio_module_radio__control {
467
467
  background-color: #16a34a;
468
468
  border: 2px solid #16a34a;
469
469
  }
470
- .radio-variant--success.radio-appearance--solid .radio__control::after {
470
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--solid .Radio_module_radio__control::after {
471
471
  background-color: rgba(255, 255, 255, 0.9);
472
472
  }
473
- .radio-variant--success.radio-appearance--solid:active .radio__control {
473
+ .Radio_module_radio-variant--success.Radio_module_radio-appearance--solid:active .Radio_module_radio__control {
474
474
  background-color: rgba(22, 163, 74, 0.9);
475
475
  }
476
- .radio-variant--success .radio__label {
476
+ .Radio_module_radio-variant--success .Radio_module_radio__label {
477
477
  color: #ffffff;
478
478
  }
479
- .radio-variant--success .radio__label--highlight-label {
479
+ .Radio_module_radio-variant--success .Radio_module_radio__label--highlight-label {
480
480
  color: #16a34a;
481
481
  }
482
- .radio:active .radio__control {
482
+ .Radio_module_radio:active .Radio_module_radio__control {
483
483
  transform: scale(0.95);
484
484
  }
485
- .radio__control {
485
+ .Radio_module_radio__control {
486
486
  align-items: center;
487
487
  border-radius: 999px;
488
488
  display: flex;
@@ -494,34 +494,34 @@
494
494
  background-color 0.2s ease,
495
495
  transform 300ms ease;
496
496
  }
497
- .radio__control::after {
497
+ .Radio_module_radio__control::after {
498
498
  border-radius: 50%;
499
499
  content: "";
500
500
  display: flex;
501
501
  transform: scale(0);
502
502
  transition: transform 0.2s ease;
503
503
  }
504
- .radio__input {
504
+ .Radio_module_radio__input {
505
505
  appearance: none;
506
506
  height: 0;
507
507
  margin: 0;
508
508
  outline: none;
509
509
  width: 0;
510
510
  }
511
- .radio__input:checked + .radio__control::after {
511
+ .Radio_module_radio__input:checked + .Radio_module_radio__control::after {
512
512
  transform: scale(1);
513
513
  }
514
514
 
515
515
  /* components/RadioGroup/RadioGroup.module.scss */
516
- .radio-group {
516
+ .RadioGroup_module_radio-group {
517
517
  display: flex;
518
518
  gap: 20px;
519
519
  min-width: max-content;
520
520
  }
521
- .radio-group--horizontal {
521
+ .RadioGroup_module_radio-group--horizontal {
522
522
  flex-direction: row;
523
523
  }
524
- .radio-group--vertical {
524
+ .RadioGroup_module_radio-group--vertical {
525
525
  flex-direction: column;
526
526
  }
527
527
  /*# sourceMappingURL=index.css.map */