@aristobyte-ui/button 1.0.9 → 1.0.12

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