@aristobyte-ui/button 1.0.12 → 1.0.13

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 (7) hide show
  1. package/dist/index.js +712 -43
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +712 -43
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.css +0 -732
  7. package/dist/index.css.map +0 -1
package/dist/index.css DELETED
@@ -1,732 +0,0 @@
1
- /* components/Button/Button.module.scss */
2
- .Button_module_button {
3
- align-items: center;
4
- border: none;
5
- cursor: pointer;
6
- display: flex;
7
- font-weight: 500;
8
- gap: 10px;
9
- letter-spacing: 0rem;
10
- line-height: 1.42;
11
- overflow: hidden;
12
- position: relative;
13
- transition: background-color 200ms ease, transform 300ms ease;
14
- }
15
- .Button_module_button:disabled {
16
- cursor: not-allowed;
17
- opacity: 1;
18
- }
19
- .Button_module_button:active {
20
- transform: scale(0.97);
21
- }
22
- .Button_module_button-variant--default.Button_module_button-appearance--solid {
23
- background-color: #1f2937;
24
- backdrop-filter: 8px;
25
- color: #ffffff;
26
- }
27
- .Button_module_button-variant--default.Button_module_button-appearance--solid:hover {
28
- background-color: #111827;
29
- }
30
- .Button_module_button-variant--default.Button_module_button-appearance--solid:disabled {
31
- background-color: rgba(31, 41, 55, 0.5);
32
- color: rgba(255, 255, 255, 0.5);
33
- }
34
- .Button_module_button-variant--default.Button_module_button-appearance--solid:disabled .Button_module_icon {
35
- color: rgba(255, 255, 255, 0.5);
36
- }
37
- .Button_module_button-variant--default.Button_module_button-appearance--solid .Button_module_icon {
38
- color: #ffffff;
39
- }
40
- .Button_module_button-variant--default.Button_module_button-appearance--outline {
41
- background-color: rgba(31, 41, 55, 0.2);
42
- backdrop-filter: 8px;
43
- border: 1px solid #1f2937;
44
- color: #ffffff;
45
- }
46
- .Button_module_button-variant--default.Button_module_button-appearance--outline:hover {
47
- background-color: #1f2937;
48
- }
49
- .Button_module_button-variant--default.Button_module_button-appearance--outline:disabled {
50
- background-color: rgba(31, 41, 55, 0.2);
51
- color: rgba(255, 255, 255, 0.5);
52
- }
53
- .Button_module_button-variant--default.Button_module_button-appearance--outline:disabled .Button_module_icon {
54
- color: rgba(255, 255, 255, 0.5);
55
- }
56
- .Button_module_button-variant--default.Button_module_button-appearance--outline .Button_module_icon {
57
- color: #ffffff;
58
- }
59
- .Button_module_button-variant--default.Button_module_button-appearance--outline-dashed {
60
- background-color: rgba(31, 41, 55, 0.2);
61
- backdrop-filter: 8px;
62
- border: 1px dashed #1f2937;
63
- color: #ffffff;
64
- }
65
- .Button_module_button-variant--default.Button_module_button-appearance--outline-dashed:hover {
66
- background-color: #1f2937;
67
- }
68
- .Button_module_button-variant--default.Button_module_button-appearance--outline-dashed:disabled {
69
- background-color: rgba(31, 41, 55, 0.2);
70
- color: rgba(255, 255, 255, 0.5);
71
- }
72
- .Button_module_button-variant--default.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
73
- color: rgba(255, 255, 255, 0.5);
74
- }
75
- .Button_module_button-variant--default.Button_module_button-appearance--outline-dashed .Button_module_icon {
76
- color: #ffffff;
77
- }
78
- .Button_module_button-variant--default.Button_module_button-appearance--no-outline {
79
- background-color: rgba(31, 41, 55, 0.2);
80
- backdrop-filter: 8px;
81
- color: #ffffff;
82
- }
83
- .Button_module_button-variant--default.Button_module_button-appearance--no-outline:hover {
84
- background-color: #1f2937;
85
- }
86
- .Button_module_button-variant--default.Button_module_button-appearance--no-outline:disabled {
87
- background-color: rgba(31, 41, 55, 0.2);
88
- color: rgba(255, 255, 255, 0.5);
89
- }
90
- .Button_module_button-variant--default.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
91
- color: rgba(255, 255, 255, 0.5);
92
- }
93
- .Button_module_button-variant--default.Button_module_button-appearance--no-outline .Button_module_icon {
94
- color: #ffffff;
95
- }
96
- .Button_module_button-variant--default.Button_module_button-appearance--glowing {
97
- background-color: rgba(31, 41, 55, 0.2);
98
- backdrop-filter: 8px;
99
- border: 1px solid #1f2937;
100
- color: #ffffff;
101
- box-shadow:
102
- 0 0 8px rgba(31, 41, 55, 0.5),
103
- 0 0 16px rgba(31, 41, 55, 0.4),
104
- 0 0 24px rgba(31, 41, 55, 0.3);
105
- }
106
- .Button_module_button-variant--default.Button_module_button-appearance--glowing:hover {
107
- background-color: #1f2937;
108
- }
109
- .Button_module_button-variant--default.Button_module_button-appearance--glowing:disabled {
110
- background-color: rgba(31, 41, 55, 0.2);
111
- color: rgba(255, 255, 255, 0.5);
112
- }
113
- .Button_module_button-variant--default.Button_module_button-appearance--glowing:disabled .Button_module_icon {
114
- color: rgba(255, 255, 255, 0.5);
115
- }
116
- .Button_module_button-variant--default.Button_module_button-appearance--glowing .Button_module_icon {
117
- color: #ffffff;
118
- }
119
- .Button_module_button-variant--primary.Button_module_button-appearance--solid {
120
- background-color: #2563eb;
121
- backdrop-filter: 8px;
122
- color: #ffffff;
123
- }
124
- .Button_module_button-variant--primary.Button_module_button-appearance--solid:hover {
125
- background-color: #1d4ed8;
126
- }
127
- .Button_module_button-variant--primary.Button_module_button-appearance--solid:disabled {
128
- background-color: rgba(37, 99, 235, 0.5);
129
- color: rgba(255, 255, 255, 0.5);
130
- }
131
- .Button_module_button-variant--primary.Button_module_button-appearance--solid:disabled .Button_module_icon {
132
- color: rgba(255, 255, 255, 0.5);
133
- }
134
- .Button_module_button-variant--primary.Button_module_button-appearance--solid .Button_module_icon {
135
- color: #ffffff;
136
- }
137
- .Button_module_button-variant--primary.Button_module_button-appearance--outline {
138
- background-color: rgba(37, 99, 235, 0.2);
139
- backdrop-filter: 8px;
140
- border: 1px solid #2563eb;
141
- color: #ffffff;
142
- }
143
- .Button_module_button-variant--primary.Button_module_button-appearance--outline:hover {
144
- background-color: #2563eb;
145
- }
146
- .Button_module_button-variant--primary.Button_module_button-appearance--outline:disabled {
147
- background-color: rgba(37, 99, 235, 0.2);
148
- color: rgba(255, 255, 255, 0.5);
149
- }
150
- .Button_module_button-variant--primary.Button_module_button-appearance--outline:disabled .Button_module_icon {
151
- color: rgba(255, 255, 255, 0.5);
152
- }
153
- .Button_module_button-variant--primary.Button_module_button-appearance--outline .Button_module_icon {
154
- color: #ffffff;
155
- }
156
- .Button_module_button-variant--primary.Button_module_button-appearance--outline-dashed {
157
- background-color: rgba(37, 99, 235, 0.2);
158
- backdrop-filter: 8px;
159
- border: 1px dashed #2563eb;
160
- color: #ffffff;
161
- }
162
- .Button_module_button-variant--primary.Button_module_button-appearance--outline-dashed:hover {
163
- background-color: #2563eb;
164
- }
165
- .Button_module_button-variant--primary.Button_module_button-appearance--outline-dashed:disabled {
166
- background-color: rgba(37, 99, 235, 0.2);
167
- color: rgba(255, 255, 255, 0.5);
168
- }
169
- .Button_module_button-variant--primary.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
170
- color: rgba(255, 255, 255, 0.5);
171
- }
172
- .Button_module_button-variant--primary.Button_module_button-appearance--outline-dashed .Button_module_icon {
173
- color: #ffffff;
174
- }
175
- .Button_module_button-variant--primary.Button_module_button-appearance--no-outline {
176
- background-color: rgba(37, 99, 235, 0.2);
177
- backdrop-filter: 8px;
178
- color: #ffffff;
179
- }
180
- .Button_module_button-variant--primary.Button_module_button-appearance--no-outline:hover {
181
- background-color: #2563eb;
182
- }
183
- .Button_module_button-variant--primary.Button_module_button-appearance--no-outline:disabled {
184
- background-color: rgba(37, 99, 235, 0.2);
185
- color: rgba(255, 255, 255, 0.5);
186
- }
187
- .Button_module_button-variant--primary.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
188
- color: rgba(255, 255, 255, 0.5);
189
- }
190
- .Button_module_button-variant--primary.Button_module_button-appearance--no-outline .Button_module_icon {
191
- color: #ffffff;
192
- }
193
- .Button_module_button-variant--primary.Button_module_button-appearance--glowing {
194
- background-color: rgba(37, 99, 235, 0.2);
195
- backdrop-filter: 8px;
196
- border: 1px solid #2563eb;
197
- color: #ffffff;
198
- box-shadow:
199
- 0 0 8px rgba(37, 99, 235, 0.5),
200
- 0 0 16px rgba(37, 99, 235, 0.4),
201
- 0 0 24px rgba(37, 99, 235, 0.3);
202
- }
203
- .Button_module_button-variant--primary.Button_module_button-appearance--glowing:hover {
204
- background-color: #2563eb;
205
- }
206
- .Button_module_button-variant--primary.Button_module_button-appearance--glowing:disabled {
207
- background-color: rgba(37, 99, 235, 0.2);
208
- color: rgba(255, 255, 255, 0.5);
209
- }
210
- .Button_module_button-variant--primary.Button_module_button-appearance--glowing:disabled .Button_module_icon {
211
- color: rgba(255, 255, 255, 0.5);
212
- }
213
- .Button_module_button-variant--primary.Button_module_button-appearance--glowing .Button_module_icon {
214
- color: #ffffff;
215
- }
216
- .Button_module_button-variant--secondary.Button_module_button-appearance--solid {
217
- background-color: #4f46e5;
218
- backdrop-filter: 8px;
219
- color: #ffffff;
220
- }
221
- .Button_module_button-variant--secondary.Button_module_button-appearance--solid:hover {
222
- background-color: #4338ca;
223
- }
224
- .Button_module_button-variant--secondary.Button_module_button-appearance--solid:disabled {
225
- background-color: rgba(79, 70, 229, 0.5);
226
- color: rgba(255, 255, 255, 0.5);
227
- }
228
- .Button_module_button-variant--secondary.Button_module_button-appearance--solid:disabled .Button_module_icon {
229
- color: rgba(255, 255, 255, 0.5);
230
- }
231
- .Button_module_button-variant--secondary.Button_module_button-appearance--solid .Button_module_icon {
232
- color: #ffffff;
233
- }
234
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline {
235
- background-color: rgba(79, 70, 229, 0.2);
236
- backdrop-filter: 8px;
237
- border: 1px solid #4f46e5;
238
- color: #ffffff;
239
- }
240
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline:hover {
241
- background-color: #4f46e5;
242
- }
243
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline:disabled {
244
- background-color: rgba(79, 70, 229, 0.2);
245
- color: rgba(255, 255, 255, 0.5);
246
- }
247
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline:disabled .Button_module_icon {
248
- color: rgba(255, 255, 255, 0.5);
249
- }
250
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline .Button_module_icon {
251
- color: #ffffff;
252
- }
253
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline-dashed {
254
- background-color: rgba(79, 70, 229, 0.2);
255
- backdrop-filter: 8px;
256
- border: 1px dashed #4f46e5;
257
- color: #ffffff;
258
- }
259
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline-dashed:hover {
260
- background-color: #4f46e5;
261
- }
262
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline-dashed:disabled {
263
- background-color: rgba(79, 70, 229, 0.2);
264
- color: rgba(255, 255, 255, 0.5);
265
- }
266
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
267
- color: rgba(255, 255, 255, 0.5);
268
- }
269
- .Button_module_button-variant--secondary.Button_module_button-appearance--outline-dashed .Button_module_icon {
270
- color: #ffffff;
271
- }
272
- .Button_module_button-variant--secondary.Button_module_button-appearance--no-outline {
273
- background-color: rgba(79, 70, 229, 0.2);
274
- backdrop-filter: 8px;
275
- color: #ffffff;
276
- }
277
- .Button_module_button-variant--secondary.Button_module_button-appearance--no-outline:hover {
278
- background-color: #4f46e5;
279
- }
280
- .Button_module_button-variant--secondary.Button_module_button-appearance--no-outline:disabled {
281
- background-color: rgba(79, 70, 229, 0.2);
282
- color: rgba(255, 255, 255, 0.5);
283
- }
284
- .Button_module_button-variant--secondary.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
285
- color: rgba(255, 255, 255, 0.5);
286
- }
287
- .Button_module_button-variant--secondary.Button_module_button-appearance--no-outline .Button_module_icon {
288
- color: #ffffff;
289
- }
290
- .Button_module_button-variant--secondary.Button_module_button-appearance--glowing {
291
- background-color: rgba(79, 70, 229, 0.2);
292
- backdrop-filter: 8px;
293
- border: 1px solid #4f46e5;
294
- color: #ffffff;
295
- box-shadow:
296
- 0 0 8px rgba(79, 70, 229, 0.5),
297
- 0 0 16px rgba(79, 70, 229, 0.4),
298
- 0 0 24px rgba(79, 70, 229, 0.3);
299
- }
300
- .Button_module_button-variant--secondary.Button_module_button-appearance--glowing:hover {
301
- background-color: #4f46e5;
302
- }
303
- .Button_module_button-variant--secondary.Button_module_button-appearance--glowing:disabled {
304
- background-color: rgba(79, 70, 229, 0.2);
305
- color: rgba(255, 255, 255, 0.5);
306
- }
307
- .Button_module_button-variant--secondary.Button_module_button-appearance--glowing:disabled .Button_module_icon {
308
- color: rgba(255, 255, 255, 0.5);
309
- }
310
- .Button_module_button-variant--secondary.Button_module_button-appearance--glowing .Button_module_icon {
311
- color: #ffffff;
312
- }
313
- .Button_module_button-variant--success.Button_module_button-appearance--solid {
314
- background-color: #16a34a;
315
- backdrop-filter: 8px;
316
- color: #ffffff;
317
- }
318
- .Button_module_button-variant--success.Button_module_button-appearance--solid:hover {
319
- background-color: #15803d;
320
- }
321
- .Button_module_button-variant--success.Button_module_button-appearance--solid:disabled {
322
- background-color: rgba(22, 163, 74, 0.5);
323
- color: rgba(255, 255, 255, 0.5);
324
- }
325
- .Button_module_button-variant--success.Button_module_button-appearance--solid:disabled .Button_module_icon {
326
- color: rgba(255, 255, 255, 0.5);
327
- }
328
- .Button_module_button-variant--success.Button_module_button-appearance--solid .Button_module_icon {
329
- color: #ffffff;
330
- }
331
- .Button_module_button-variant--success.Button_module_button-appearance--outline {
332
- background-color: rgba(22, 163, 74, 0.2);
333
- backdrop-filter: 8px;
334
- border: 1px solid #16a34a;
335
- color: #ffffff;
336
- }
337
- .Button_module_button-variant--success.Button_module_button-appearance--outline:hover {
338
- background-color: #16a34a;
339
- }
340
- .Button_module_button-variant--success.Button_module_button-appearance--outline:disabled {
341
- background-color: rgba(22, 163, 74, 0.2);
342
- color: rgba(255, 255, 255, 0.5);
343
- }
344
- .Button_module_button-variant--success.Button_module_button-appearance--outline:disabled .Button_module_icon {
345
- color: rgba(255, 255, 255, 0.5);
346
- }
347
- .Button_module_button-variant--success.Button_module_button-appearance--outline .Button_module_icon {
348
- color: #ffffff;
349
- }
350
- .Button_module_button-variant--success.Button_module_button-appearance--outline-dashed {
351
- background-color: rgba(22, 163, 74, 0.2);
352
- backdrop-filter: 8px;
353
- border: 1px dashed #16a34a;
354
- color: #ffffff;
355
- }
356
- .Button_module_button-variant--success.Button_module_button-appearance--outline-dashed:hover {
357
- background-color: #16a34a;
358
- }
359
- .Button_module_button-variant--success.Button_module_button-appearance--outline-dashed:disabled {
360
- background-color: rgba(22, 163, 74, 0.2);
361
- color: rgba(255, 255, 255, 0.5);
362
- }
363
- .Button_module_button-variant--success.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
364
- color: rgba(255, 255, 255, 0.5);
365
- }
366
- .Button_module_button-variant--success.Button_module_button-appearance--outline-dashed .Button_module_icon {
367
- color: #ffffff;
368
- }
369
- .Button_module_button-variant--success.Button_module_button-appearance--no-outline {
370
- background-color: rgba(22, 163, 74, 0.2);
371
- backdrop-filter: 8px;
372
- color: #ffffff;
373
- }
374
- .Button_module_button-variant--success.Button_module_button-appearance--no-outline:hover {
375
- background-color: #16a34a;
376
- }
377
- .Button_module_button-variant--success.Button_module_button-appearance--no-outline:disabled {
378
- background-color: rgba(22, 163, 74, 0.2);
379
- color: rgba(255, 255, 255, 0.5);
380
- }
381
- .Button_module_button-variant--success.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
382
- color: rgba(255, 255, 255, 0.5);
383
- }
384
- .Button_module_button-variant--success.Button_module_button-appearance--no-outline .Button_module_icon {
385
- color: #ffffff;
386
- }
387
- .Button_module_button-variant--success.Button_module_button-appearance--glowing {
388
- background-color: rgba(22, 163, 74, 0.2);
389
- backdrop-filter: 8px;
390
- border: 1px solid #16a34a;
391
- color: #ffffff;
392
- box-shadow:
393
- 0 0 8px rgba(22, 163, 74, 0.5),
394
- 0 0 16px rgba(22, 163, 74, 0.4),
395
- 0 0 24px rgba(22, 163, 74, 0.3);
396
- }
397
- .Button_module_button-variant--success.Button_module_button-appearance--glowing:hover {
398
- background-color: #16a34a;
399
- }
400
- .Button_module_button-variant--success.Button_module_button-appearance--glowing:disabled {
401
- background-color: rgba(22, 163, 74, 0.2);
402
- color: rgba(255, 255, 255, 0.5);
403
- }
404
- .Button_module_button-variant--success.Button_module_button-appearance--glowing:disabled .Button_module_icon {
405
- color: rgba(255, 255, 255, 0.5);
406
- }
407
- .Button_module_button-variant--success.Button_module_button-appearance--glowing .Button_module_icon {
408
- color: #ffffff;
409
- }
410
- .Button_module_button-variant--error.Button_module_button-appearance--solid {
411
- background-color: #dc2626;
412
- backdrop-filter: 8px;
413
- color: #ffffff;
414
- }
415
- .Button_module_button-variant--error.Button_module_button-appearance--solid:hover {
416
- background-color: #b91c1c;
417
- }
418
- .Button_module_button-variant--error.Button_module_button-appearance--solid:disabled {
419
- background-color: rgba(220, 38, 38, 0.5);
420
- color: rgba(255, 255, 255, 0.5);
421
- }
422
- .Button_module_button-variant--error.Button_module_button-appearance--solid:disabled .Button_module_icon {
423
- color: rgba(255, 255, 255, 0.5);
424
- }
425
- .Button_module_button-variant--error.Button_module_button-appearance--solid .Button_module_icon {
426
- color: #ffffff;
427
- }
428
- .Button_module_button-variant--error.Button_module_button-appearance--outline {
429
- background-color: rgba(220, 38, 38, 0.2);
430
- backdrop-filter: 8px;
431
- border: 1px solid #dc2626;
432
- color: #ffffff;
433
- }
434
- .Button_module_button-variant--error.Button_module_button-appearance--outline:hover {
435
- background-color: #dc2626;
436
- }
437
- .Button_module_button-variant--error.Button_module_button-appearance--outline:disabled {
438
- background-color: rgba(220, 38, 38, 0.2);
439
- color: rgba(255, 255, 255, 0.5);
440
- }
441
- .Button_module_button-variant--error.Button_module_button-appearance--outline:disabled .Button_module_icon {
442
- color: rgba(255, 255, 255, 0.5);
443
- }
444
- .Button_module_button-variant--error.Button_module_button-appearance--outline .Button_module_icon {
445
- color: #ffffff;
446
- }
447
- .Button_module_button-variant--error.Button_module_button-appearance--outline-dashed {
448
- background-color: rgba(220, 38, 38, 0.2);
449
- backdrop-filter: 8px;
450
- border: 1px dashed #dc2626;
451
- color: #ffffff;
452
- }
453
- .Button_module_button-variant--error.Button_module_button-appearance--outline-dashed:hover {
454
- background-color: #dc2626;
455
- }
456
- .Button_module_button-variant--error.Button_module_button-appearance--outline-dashed:disabled {
457
- background-color: rgba(220, 38, 38, 0.2);
458
- color: rgba(255, 255, 255, 0.5);
459
- }
460
- .Button_module_button-variant--error.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
461
- color: rgba(255, 255, 255, 0.5);
462
- }
463
- .Button_module_button-variant--error.Button_module_button-appearance--outline-dashed .Button_module_icon {
464
- color: #ffffff;
465
- }
466
- .Button_module_button-variant--error.Button_module_button-appearance--no-outline {
467
- background-color: rgba(220, 38, 38, 0.2);
468
- backdrop-filter: 8px;
469
- color: #ffffff;
470
- }
471
- .Button_module_button-variant--error.Button_module_button-appearance--no-outline:hover {
472
- background-color: #dc2626;
473
- }
474
- .Button_module_button-variant--error.Button_module_button-appearance--no-outline:disabled {
475
- background-color: rgba(220, 38, 38, 0.2);
476
- color: rgba(255, 255, 255, 0.5);
477
- }
478
- .Button_module_button-variant--error.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
479
- color: rgba(255, 255, 255, 0.5);
480
- }
481
- .Button_module_button-variant--error.Button_module_button-appearance--no-outline .Button_module_icon {
482
- color: #ffffff;
483
- }
484
- .Button_module_button-variant--error.Button_module_button-appearance--glowing {
485
- background-color: rgba(220, 38, 38, 0.2);
486
- backdrop-filter: 8px;
487
- border: 1px solid #dc2626;
488
- color: #ffffff;
489
- box-shadow:
490
- 0 0 8px rgba(220, 38, 38, 0.5),
491
- 0 0 16px rgba(220, 38, 38, 0.4),
492
- 0 0 24px rgba(220, 38, 38, 0.3);
493
- }
494
- .Button_module_button-variant--error.Button_module_button-appearance--glowing:hover {
495
- background-color: #dc2626;
496
- }
497
- .Button_module_button-variant--error.Button_module_button-appearance--glowing:disabled {
498
- background-color: rgba(220, 38, 38, 0.2);
499
- color: rgba(255, 255, 255, 0.5);
500
- }
501
- .Button_module_button-variant--error.Button_module_button-appearance--glowing:disabled .Button_module_icon {
502
- color: rgba(255, 255, 255, 0.5);
503
- }
504
- .Button_module_button-variant--error.Button_module_button-appearance--glowing .Button_module_icon {
505
- color: #ffffff;
506
- }
507
- .Button_module_button-variant--warning.Button_module_button-appearance--solid {
508
- background-color: #d97706;
509
- backdrop-filter: 8px;
510
- color: #ffffff;
511
- }
512
- .Button_module_button-variant--warning.Button_module_button-appearance--solid:hover {
513
- background-color: #b45309;
514
- }
515
- .Button_module_button-variant--warning.Button_module_button-appearance--solid:disabled {
516
- background-color: rgba(217, 119, 6, 0.5);
517
- color: rgba(255, 255, 255, 0.5);
518
- }
519
- .Button_module_button-variant--warning.Button_module_button-appearance--solid:disabled .Button_module_icon {
520
- color: rgba(255, 255, 255, 0.5);
521
- }
522
- .Button_module_button-variant--warning.Button_module_button-appearance--solid .Button_module_icon {
523
- color: #ffffff;
524
- }
525
- .Button_module_button-variant--warning.Button_module_button-appearance--outline {
526
- background-color: rgba(217, 119, 6, 0.2);
527
- backdrop-filter: 8px;
528
- border: 1px solid #d97706;
529
- color: #ffffff;
530
- }
531
- .Button_module_button-variant--warning.Button_module_button-appearance--outline:hover {
532
- background-color: #d97706;
533
- }
534
- .Button_module_button-variant--warning.Button_module_button-appearance--outline:disabled {
535
- background-color: rgba(217, 119, 6, 0.2);
536
- color: rgba(255, 255, 255, 0.5);
537
- }
538
- .Button_module_button-variant--warning.Button_module_button-appearance--outline:disabled .Button_module_icon {
539
- color: rgba(255, 255, 255, 0.5);
540
- }
541
- .Button_module_button-variant--warning.Button_module_button-appearance--outline .Button_module_icon {
542
- color: #ffffff;
543
- }
544
- .Button_module_button-variant--warning.Button_module_button-appearance--outline-dashed {
545
- background-color: rgba(217, 119, 6, 0.2);
546
- backdrop-filter: 8px;
547
- border: 1px dashed #d97706;
548
- color: #ffffff;
549
- }
550
- .Button_module_button-variant--warning.Button_module_button-appearance--outline-dashed:hover {
551
- background-color: #d97706;
552
- }
553
- .Button_module_button-variant--warning.Button_module_button-appearance--outline-dashed:disabled {
554
- background-color: rgba(217, 119, 6, 0.2);
555
- color: rgba(255, 255, 255, 0.5);
556
- }
557
- .Button_module_button-variant--warning.Button_module_button-appearance--outline-dashed:disabled .Button_module_icon {
558
- color: rgba(255, 255, 255, 0.5);
559
- }
560
- .Button_module_button-variant--warning.Button_module_button-appearance--outline-dashed .Button_module_icon {
561
- color: #ffffff;
562
- }
563
- .Button_module_button-variant--warning.Button_module_button-appearance--no-outline {
564
- background-color: rgba(217, 119, 6, 0.2);
565
- backdrop-filter: 8px;
566
- color: #ffffff;
567
- }
568
- .Button_module_button-variant--warning.Button_module_button-appearance--no-outline:hover {
569
- background-color: #d97706;
570
- }
571
- .Button_module_button-variant--warning.Button_module_button-appearance--no-outline:disabled {
572
- background-color: rgba(217, 119, 6, 0.2);
573
- color: rgba(255, 255, 255, 0.5);
574
- }
575
- .Button_module_button-variant--warning.Button_module_button-appearance--no-outline:disabled .Button_module_icon {
576
- color: rgba(255, 255, 255, 0.5);
577
- }
578
- .Button_module_button-variant--warning.Button_module_button-appearance--no-outline .Button_module_icon {
579
- color: #ffffff;
580
- }
581
- .Button_module_button-variant--warning.Button_module_button-appearance--glowing {
582
- background-color: rgba(217, 119, 6, 0.2);
583
- backdrop-filter: 8px;
584
- border: 1px solid #d97706;
585
- color: #ffffff;
586
- box-shadow:
587
- 0 0 8px rgba(217, 119, 6, 0.5),
588
- 0 0 16px rgba(217, 119, 6, 0.4),
589
- 0 0 24px rgba(217, 119, 6, 0.3);
590
- }
591
- .Button_module_button-variant--warning.Button_module_button-appearance--glowing:hover {
592
- background-color: #d97706;
593
- }
594
- .Button_module_button-variant--warning.Button_module_button-appearance--glowing:disabled {
595
- background-color: rgba(217, 119, 6, 0.2);
596
- color: rgba(255, 255, 255, 0.5);
597
- }
598
- .Button_module_button-variant--warning.Button_module_button-appearance--glowing:disabled .Button_module_icon {
599
- color: rgba(255, 255, 255, 0.5);
600
- }
601
- .Button_module_button-variant--warning.Button_module_button-appearance--glowing .Button_module_icon {
602
- color: #ffffff;
603
- }
604
- .Button_module_button-size--xsm {
605
- font-size: 0.75rem;
606
- line-height: 1rem;
607
- padding: 0.25rem 0.5rem;
608
- min-height: 28px;
609
- }
610
- .Button_module_button-size--xsm .Button_module_spinner,
611
- .Button_module_button-size--xsm .Button_module_icon {
612
- max-height: 1rem;
613
- max-width: 1rem;
614
- }
615
- .Button_module_button-size--sm {
616
- font-size: 0.875rem;
617
- line-height: 1.25rem;
618
- padding: 0.375rem 0.75rem;
619
- min-height: 32px;
620
- }
621
- .Button_module_button-size--sm .Button_module_spinner,
622
- .Button_module_button-size--sm .Button_module_icon {
623
- max-height: 1.125rem;
624
- max-width: 1.125rem;
625
- }
626
- .Button_module_button-size--md {
627
- font-size: 1rem;
628
- line-height: 1.5rem;
629
- padding: 0.5rem 1rem;
630
- min-height: 40px;
631
- }
632
- .Button_module_button-size--md .Button_module_spinner,
633
- .Button_module_button-size--md .Button_module_icon {
634
- height: 1.25rem;
635
- width: 1.25rem;
636
- }
637
- .Button_module_button-size--lg {
638
- font-size: 1.125rem;
639
- line-height: 1.75rem;
640
- padding: 0.625rem 1.25rem;
641
- min-height: 44px;
642
- }
643
- .Button_module_button-size--lg .Button_module_spinner,
644
- .Button_module_button-size--lg .Button_module_icon {
645
- max-height: 1.375rem;
646
- max-width: 1.375rem;
647
- }
648
- .Button_module_button-size--xlg {
649
- font-size: 1.25rem;
650
- line-height: 1.75rem;
651
- padding: 0.75rem 1.5rem;
652
- min-height: 48px;
653
- }
654
- .Button_module_button-size--xlg .Button_module_spinner,
655
- .Button_module_button-size--xlg .Button_module_icon {
656
- max-height: 1.5rem;
657
- max-width: 1.5rem;
658
- }
659
- .Button_module_button-radius--none {
660
- border-radius: 0rem;
661
- }
662
- .Button_module_button-radius--sm {
663
- border-radius: 0.125rem;
664
- }
665
- .Button_module_button-radius--md {
666
- border-radius: 0.375rem;
667
- }
668
- .Button_module_button-radius--lg {
669
- border-radius: 0.5rem;
670
- }
671
- .Button_module_button-radius--full {
672
- border-radius: 1.5rem;
673
- }
674
- .Button_module_button .Button_module_icon {
675
- align-items: center;
676
- display: flex;
677
- justify-content: center;
678
- }
679
- .Button_module_button .Button_module_icon--right {
680
- order: 5;
681
- }
682
- .Button_module_button .Button_module_icon svg {
683
- width: 100%;
684
- }
685
-
686
- /* components/ButtonGroup/ButtonGroup.module.scss */
687
- .ButtonGroup_module_button-group {
688
- align-items: center;
689
- display: flex;
690
- overflow: hidden;
691
- max-width: max-content;
692
- }
693
- .ButtonGroup_module_button-group-align--horizontal {
694
- flex-direction: row;
695
- }
696
- .ButtonGroup_module_button-group-align--vertical {
697
- flex-direction: column;
698
- }
699
- .ButtonGroup_module_button-group-variant--default {
700
- background-color: #1f2937;
701
- }
702
- .ButtonGroup_module_button-group-variant--primary {
703
- background-color: #2563eb;
704
- }
705
- .ButtonGroup_module_button-group-variant--secondary {
706
- background-color: #4f46e5;
707
- }
708
- .ButtonGroup_module_button-group-variant--success {
709
- background-color: #16a34a;
710
- }
711
- .ButtonGroup_module_button-group-variant--error {
712
- background-color: #dc2626;
713
- }
714
- .ButtonGroup_module_button-group-variant--warning {
715
- background-color: #d97706;
716
- }
717
- .ButtonGroup_module_button-group-radius--none {
718
- border-radius: 0rem;
719
- }
720
- .ButtonGroup_module_button-group-radius--sm {
721
- border-radius: 0.125rem;
722
- }
723
- .ButtonGroup_module_button-group-radius--md {
724
- border-radius: 0.375rem;
725
- }
726
- .ButtonGroup_module_button-group-radius--lg {
727
- border-radius: 0.5rem;
728
- }
729
- .ButtonGroup_module_button-group-radius--full {
730
- border-radius: 1.5rem;
731
- }
732
- /*# sourceMappingURL=index.css.map */