@telia/teddy 0.7.13 → 0.7.14
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.
- package/dist/components/button/button.cjs +28 -26
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/button/button.js +28 -26
- package/dist/components/channel-button/channel-button-root.d.ts +2 -2
- package/dist/components/channel-button/index.d.ts +2 -2
- package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
- package/dist/components/expandable-card/index.d.ts +3 -3
- package/dist/components/flip-card/flip-card-trigger.d.ts +2 -2
- package/dist/components/scroll-area/index.d.ts +2 -2
- package/dist/components/scroll-area/scroll-area-button.d.ts +2 -2
- package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
- package/dist/components/text-field/index.d.ts +2 -2
- package/dist/components/text-field/text-field-button.d.ts +2 -2
- package/dist/components/toast/toast-root.cjs +75 -74
- package/dist/components/toast/toast-root.js +75 -74
- package/dist/style.css +294 -250
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
100% {
|
|
186
186
|
stroke-dashoffset: 125;
|
|
187
187
|
}
|
|
188
|
-
}@keyframes
|
|
188
|
+
}@keyframes _fadeInAnimation_18j14_1 {
|
|
189
189
|
0% {
|
|
190
190
|
opacity: 0;
|
|
191
191
|
}
|
|
@@ -193,7 +193,7 @@
|
|
|
193
193
|
opacity: 1;
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
|
-
@keyframes
|
|
196
|
+
@keyframes _scaleInAnimation_18j14_1 {
|
|
197
197
|
0% {
|
|
198
198
|
scale: 0;
|
|
199
199
|
}
|
|
@@ -202,7 +202,7 @@
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
@layer button {
|
|
205
|
-
._teddy-
|
|
205
|
+
._teddy-button_18j14_18 {
|
|
206
206
|
align-items: center;
|
|
207
207
|
border-radius: var(--teddy-border-radius-full);
|
|
208
208
|
border-width: 0;
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
transition-property: background-color, color;
|
|
223
223
|
width: auto;
|
|
224
224
|
}
|
|
225
|
-
._teddy-
|
|
225
|
+
._teddy-button_18j14_18:focus::before {
|
|
226
226
|
border-radius: inherit;
|
|
227
227
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
228
228
|
content: "";
|
|
@@ -231,155 +231,155 @@
|
|
|
231
231
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
232
232
|
position: absolute;
|
|
233
233
|
}
|
|
234
|
-
._teddy-
|
|
234
|
+
._teddy-button_18j14_18:focus:not(:focus-visible)::before {
|
|
235
235
|
opacity: 0;
|
|
236
236
|
}
|
|
237
|
-
._teddy-
|
|
237
|
+
._teddy-button_18j14_18 svg {
|
|
238
238
|
display: block;
|
|
239
239
|
}
|
|
240
|
-
._teddy-button--
|
|
240
|
+
._teddy-button--sm_18j14_53 {
|
|
241
241
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
242
242
|
}
|
|
243
|
-
._teddy-button--
|
|
243
|
+
._teddy-button--sm_18j14_53._teddy-button--icon-only_18j14_56 {
|
|
244
244
|
padding: var(--teddy-spacing-150);
|
|
245
245
|
}
|
|
246
|
-
._teddy-button--
|
|
246
|
+
._teddy-button--md_18j14_59 {
|
|
247
247
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
248
248
|
}
|
|
249
|
-
._teddy-button--
|
|
249
|
+
._teddy-button--md_18j14_59._teddy-button--icon-only_18j14_56 {
|
|
250
250
|
padding: var(--teddy-spacing-200);
|
|
251
251
|
}
|
|
252
|
-
._teddy-button--
|
|
252
|
+
._teddy-button--lg_18j14_65 {
|
|
253
253
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
254
254
|
}
|
|
255
|
-
._teddy-button--
|
|
255
|
+
._teddy-button--lg_18j14_65._teddy-button--icon-only_18j14_56 {
|
|
256
256
|
padding: var(--teddy-spacing-250);
|
|
257
257
|
}
|
|
258
|
-
._teddy-button--full-
|
|
258
|
+
._teddy-button--full-width_18j14_71 {
|
|
259
259
|
width: 100%;
|
|
260
260
|
}
|
|
261
|
-
._teddy-button--
|
|
261
|
+
._teddy-button--primary_18j14_74 {
|
|
262
262
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
263
263
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
264
264
|
}
|
|
265
|
-
._teddy-button--
|
|
265
|
+
._teddy-button--primary_18j14_74:hover:not(._teddy-button--disabled_18j14_78) {
|
|
266
266
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
267
267
|
}
|
|
268
|
-
._teddy-button--
|
|
268
|
+
._teddy-button--primary_18j14_74:active:not(._teddy-button--disabled_18j14_78) {
|
|
269
269
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
270
270
|
}
|
|
271
|
-
._teddy-button--primary-
|
|
271
|
+
._teddy-button--primary-negative_18j14_84 {
|
|
272
272
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
273
273
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
274
274
|
}
|
|
275
|
-
._teddy-button--primary-
|
|
275
|
+
._teddy-button--primary-negative_18j14_84:hover:not(._teddy-button--disabled_18j14_78) {
|
|
276
276
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
277
277
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
278
278
|
}
|
|
279
|
-
._teddy-button--primary-
|
|
279
|
+
._teddy-button--primary-negative_18j14_84:active:not(._teddy-button--disabled_18j14_78) {
|
|
280
280
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
281
281
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
282
282
|
}
|
|
283
|
-
._teddy-button--
|
|
283
|
+
._teddy-button--secondary_18j14_96 {
|
|
284
284
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
285
285
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
286
286
|
color: var(--teddy-color-text-interactive-primary);
|
|
287
287
|
}
|
|
288
|
-
._teddy-button--
|
|
288
|
+
._teddy-button--secondary_18j14_96:hover:not(._teddy-button--disabled_18j14_78) {
|
|
289
289
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
290
290
|
}
|
|
291
|
-
._teddy-button--
|
|
291
|
+
._teddy-button--secondary_18j14_96:active:not(._teddy-button--disabled_18j14_78) {
|
|
292
292
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
293
293
|
}
|
|
294
|
-
._teddy-button--secondary-
|
|
294
|
+
._teddy-button--secondary-negative_18j14_107 {
|
|
295
295
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
296
296
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
297
297
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
298
298
|
}
|
|
299
|
-
._teddy-button--secondary-
|
|
299
|
+
._teddy-button--secondary-negative_18j14_107:hover:not(._teddy-button--disabled_18j14_78) {
|
|
300
300
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
301
301
|
}
|
|
302
|
-
._teddy-button--secondary-
|
|
302
|
+
._teddy-button--secondary-negative_18j14_107:active:not(._teddy-button--disabled_18j14_78) {
|
|
303
303
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
304
304
|
}
|
|
305
|
-
._teddy-button--
|
|
305
|
+
._teddy-button--expressive_18j14_118 {
|
|
306
306
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
307
307
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
308
308
|
}
|
|
309
|
-
._teddy-button--
|
|
309
|
+
._teddy-button--expressive_18j14_118:hover:not(._teddy-button--disabled_18j14_78) {
|
|
310
310
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
311
311
|
}
|
|
312
|
-
._teddy-button--
|
|
312
|
+
._teddy-button--expressive_18j14_118:active:not(._teddy-button--disabled_18j14_78) {
|
|
313
313
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
314
314
|
}
|
|
315
|
-
._teddy-button--expressive-
|
|
315
|
+
._teddy-button--expressive-negative_18j14_128 {
|
|
316
316
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
317
317
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
318
318
|
}
|
|
319
|
-
._teddy-button--expressive-
|
|
319
|
+
._teddy-button--expressive-negative_18j14_128:hover:not(._teddy-button--disabled_18j14_78) {
|
|
320
320
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
321
321
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
322
322
|
}
|
|
323
|
-
._teddy-button--expressive-
|
|
323
|
+
._teddy-button--expressive-negative_18j14_128:active:not(._teddy-button--disabled_18j14_78) {
|
|
324
324
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
325
325
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
326
326
|
}
|
|
327
|
-
._teddy-button--
|
|
327
|
+
._teddy-button--negative_18j14_140._teddy-button--disabled_18j14_78 {
|
|
328
328
|
background-color: var(--teddy-color-background-interactive-disabled-negative);
|
|
329
329
|
color: var(--teddy-color-text-weak-negative);
|
|
330
330
|
}
|
|
331
|
-
._teddy-button--
|
|
331
|
+
._teddy-button--secondary_18j14_96._teddy-button--disabled_18j14_78, ._teddy-button--secondary-negative_18j14_107._teddy-button--disabled_18j14_78 {
|
|
332
332
|
box-shadow: none;
|
|
333
333
|
}
|
|
334
|
-
._teddy-button--
|
|
334
|
+
._teddy-button--destructive_18j14_147 {
|
|
335
335
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
336
336
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
337
337
|
}
|
|
338
|
-
._teddy-button--
|
|
338
|
+
._teddy-button--destructive_18j14_147:hover:not(._teddy-button--disabled_18j14_78) {
|
|
339
339
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
340
340
|
}
|
|
341
|
-
._teddy-button--
|
|
341
|
+
._teddy-button--destructive_18j14_147:active:not(._teddy-button--disabled_18j14_78) {
|
|
342
342
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
343
343
|
}
|
|
344
|
-
._teddy-button--destructive-
|
|
344
|
+
._teddy-button--destructive-negative_18j14_157 {
|
|
345
345
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
346
346
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
347
347
|
}
|
|
348
|
-
._teddy-button--destructive-
|
|
348
|
+
._teddy-button--destructive-negative_18j14_157:hover:not(._teddy-button--disabled_18j14_78) {
|
|
349
349
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
350
350
|
}
|
|
351
|
-
._teddy-button--destructive-
|
|
351
|
+
._teddy-button--destructive-negative_18j14_157:active:not(._teddy-button--disabled_18j14_78) {
|
|
352
352
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
353
353
|
}
|
|
354
|
-
._teddy-button--tertiary-
|
|
354
|
+
._teddy-button--tertiary-purple_18j14_167 {
|
|
355
355
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
356
356
|
color: var(--teddy-color-text-interactive-primary);
|
|
357
357
|
}
|
|
358
|
-
._teddy-button--tertiary-
|
|
358
|
+
._teddy-button--tertiary-purple_18j14_167._teddy-button--disabled_18j14_78 {
|
|
359
359
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
360
360
|
}
|
|
361
|
-
._teddy-button--tertiary-
|
|
361
|
+
._teddy-button--tertiary-purple_18j14_167:hover:not(._teddy-button--disabled_18j14_78) {
|
|
362
362
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
363
363
|
}
|
|
364
|
-
._teddy-button--tertiary-
|
|
364
|
+
._teddy-button--tertiary-purple_18j14_167:active:not(._teddy-button--disabled_18j14_78) {
|
|
365
365
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
366
366
|
}
|
|
367
|
-
._teddy-button--tertiary-purple-
|
|
367
|
+
._teddy-button--tertiary-purple-negative_18j14_180 {
|
|
368
368
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
369
369
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
370
370
|
}
|
|
371
|
-
._teddy-button--tertiary-purple-
|
|
371
|
+
._teddy-button--tertiary-purple-negative_18j14_180._teddy-button--disabled_18j14_78 {
|
|
372
372
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
373
373
|
}
|
|
374
|
-
._teddy-button--tertiary-purple-
|
|
374
|
+
._teddy-button--tertiary-purple-negative_18j14_180:hover:not(._teddy-button--disabled_18j14_78) {
|
|
375
375
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
376
376
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
377
377
|
}
|
|
378
|
-
._teddy-button--tertiary-purple-
|
|
378
|
+
._teddy-button--tertiary-purple-negative_18j14_180:active:not(._teddy-button--disabled_18j14_78) {
|
|
379
379
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
380
380
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
381
381
|
}
|
|
382
|
-
._teddy-button--list-
|
|
382
|
+
._teddy-button--list-item_18j14_195 {
|
|
383
383
|
border-radius: var(--teddy-border-radius-md);
|
|
384
384
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
|
|
385
385
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
@@ -388,82 +388,104 @@
|
|
|
388
388
|
line-height: var(--teddy-typography-line-height-tight);
|
|
389
389
|
justify-content: flex-start;
|
|
390
390
|
}
|
|
391
|
-
._teddy-button--list-
|
|
391
|
+
._teddy-button--list-item_18j14_195._teddy-button--disabled_18j14_78 {
|
|
392
392
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
393
393
|
color: var(--teddy-color-text-weak);
|
|
394
394
|
}
|
|
395
|
-
._teddy-button--list-
|
|
395
|
+
._teddy-button--list-item_18j14_195:hover:not(._teddy-button--disabled_18j14_78) {
|
|
396
396
|
background-color: var(--teddy-color-background-secondary);
|
|
397
397
|
}
|
|
398
|
-
._teddy-button--list-
|
|
398
|
+
._teddy-button--list-item_18j14_195:active:not(._teddy-button--disabled_18j14_78) {
|
|
399
399
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
400
400
|
}
|
|
401
|
-
._teddy-button--text-
|
|
401
|
+
._teddy-button--text-negative_18j14_214 {
|
|
402
402
|
border-radius: 0;
|
|
403
403
|
padding-left: 0;
|
|
404
404
|
padding-right: 0;
|
|
405
405
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
406
406
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
407
407
|
}
|
|
408
|
-
._teddy-button--text-
|
|
408
|
+
._teddy-button--text-negative_18j14_214:focus-visible::before {
|
|
409
409
|
border-radius: 0;
|
|
410
410
|
}
|
|
411
|
-
._teddy-button--text-
|
|
411
|
+
._teddy-button--text-negative_18j14_214._teddy-button--disabled_18j14_78 {
|
|
412
412
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
413
413
|
}
|
|
414
|
-
._teddy-button--text-
|
|
414
|
+
._teddy-button--text-negative_18j14_214:hover:not(._teddy-button--disabled_18j14_78) {
|
|
415
415
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
416
416
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
417
417
|
}
|
|
418
|
-
._teddy-button--text-
|
|
418
|
+
._teddy-button--text-negative_18j14_214:active:not(._teddy-button--disabled_18j14_78) {
|
|
419
419
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
420
420
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
421
421
|
}
|
|
422
|
-
._teddy-button--
|
|
422
|
+
._teddy-button--text_18j14_214 {
|
|
423
423
|
border-radius: 0;
|
|
424
424
|
padding-left: 0;
|
|
425
425
|
padding-right: 0;
|
|
426
426
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
427
427
|
color: var(--teddy-color-text-interactive-primary);
|
|
428
428
|
}
|
|
429
|
-
._teddy-button--
|
|
429
|
+
._teddy-button--text_18j14_214:focus-visible::before {
|
|
430
430
|
border-radius: 0;
|
|
431
431
|
}
|
|
432
|
-
._teddy-button--
|
|
432
|
+
._teddy-button--text_18j14_214._teddy-button--disabled_18j14_78 {
|
|
433
433
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
434
434
|
color: var(--teddy-color-text-weak);
|
|
435
435
|
}
|
|
436
|
-
._teddy-button--
|
|
436
|
+
._teddy-button--text_18j14_214:hover:not(._teddy-button--disabled_18j14_78) {
|
|
437
437
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
438
438
|
}
|
|
439
|
-
._teddy-button--
|
|
439
|
+
._teddy-button--text_18j14_214:active:not(._teddy-button--disabled_18j14_78) {
|
|
440
440
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
441
441
|
}
|
|
442
|
-
._teddy-button--
|
|
442
|
+
._teddy-button--text-underline_18j14_255 {
|
|
443
|
+
border-radius: 0;
|
|
444
|
+
padding-left: 0;
|
|
445
|
+
padding-right: 0;
|
|
446
|
+
text-decoration: underline;
|
|
447
|
+
padding: 0;
|
|
448
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
449
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
450
|
+
}
|
|
451
|
+
._teddy-button--text-underline_18j14_255:focus-visible::before {
|
|
452
|
+
border-radius: 0;
|
|
453
|
+
}
|
|
454
|
+
._teddy-button--text-underline_18j14_255._teddy-button--disabled_18j14_78 {
|
|
455
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
456
|
+
color: var(--teddy-color-text-weak);
|
|
457
|
+
}
|
|
458
|
+
._teddy-button--text-underline_18j14_255:hover:not(._teddy-button--disabled_18j14_78) {
|
|
459
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
460
|
+
}
|
|
461
|
+
._teddy-button--text-underline_18j14_255:active:not(._teddy-button--disabled_18j14_78) {
|
|
462
|
+
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
463
|
+
}
|
|
464
|
+
._teddy-button--disabled_18j14_78 {
|
|
443
465
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
444
466
|
color: var(--teddy-color-text-weak);
|
|
445
467
|
cursor: not-allowed;
|
|
446
468
|
transition-duration: var(--teddy-motion-duration-400);
|
|
447
469
|
}
|
|
448
|
-
._teddy-button--dashed-
|
|
470
|
+
._teddy-button--dashed-border_18j14_283 {
|
|
449
471
|
border: 1px dashed;
|
|
450
472
|
box-shadow: none;
|
|
451
473
|
}
|
|
452
|
-
._teddy-
|
|
474
|
+
._teddy-button__loading_18j14_287 {
|
|
453
475
|
position: absolute;
|
|
454
476
|
inset: 0;
|
|
455
477
|
display: grid;
|
|
456
478
|
place-items: center;
|
|
457
479
|
border-radius: inherit;
|
|
458
480
|
background-color: var(--teddy-color-transparent-white-500);
|
|
459
|
-
animation:
|
|
481
|
+
animation: _fadeInAnimation_18j14_1 ease var(--teddy-motion-duration-500);
|
|
460
482
|
animation-iteration-count: 1;
|
|
461
483
|
animation-fill-mode: forwards;
|
|
462
484
|
}
|
|
463
|
-
._teddy-
|
|
485
|
+
._teddy-button__loading_18j14_287 ._teddy-button__spinner_18j14_298 circle {
|
|
464
486
|
stroke: var(--teddy-color-transparent-black-700);
|
|
465
487
|
}
|
|
466
|
-
._teddy-button--icon-
|
|
488
|
+
._teddy-button--icon-only_18j14_56 ._teddy-button__loading_18j14_287 {
|
|
467
489
|
background-color: var(--teddy-color-gray-100);
|
|
468
490
|
}
|
|
469
491
|
}@layer heading {
|
|
@@ -2949,7 +2971,7 @@
|
|
|
2949
2971
|
}
|
|
2950
2972
|
._teddy-checkbox--error_1tihh_89 ._teddy-checkbox__trigger_1tihh_12::before {
|
|
2951
2973
|
box-shadow: inset 0 0 0 1px var(--teddy-color-border-status-error);
|
|
2952
|
-
}@keyframes
|
|
2974
|
+
}@keyframes _fadeInAnimation_5xbh5_1 {
|
|
2953
2975
|
0% {
|
|
2954
2976
|
opacity: 0;
|
|
2955
2977
|
}
|
|
@@ -2957,7 +2979,7 @@
|
|
|
2957
2979
|
opacity: 1;
|
|
2958
2980
|
}
|
|
2959
2981
|
}
|
|
2960
|
-
@keyframes
|
|
2982
|
+
@keyframes _scaleInAnimation_5xbh5_1 {
|
|
2961
2983
|
0% {
|
|
2962
2984
|
scale: 0;
|
|
2963
2985
|
}
|
|
@@ -2966,7 +2988,7 @@
|
|
|
2966
2988
|
}
|
|
2967
2989
|
}
|
|
2968
2990
|
@layer button {
|
|
2969
|
-
._teddy-
|
|
2991
|
+
._teddy-button_5xbh5_18 {
|
|
2970
2992
|
align-items: center;
|
|
2971
2993
|
border-radius: var(--teddy-border-radius-full);
|
|
2972
2994
|
border-width: 0;
|
|
@@ -2986,7 +3008,7 @@
|
|
|
2986
3008
|
transition-property: background-color, color;
|
|
2987
3009
|
width: auto;
|
|
2988
3010
|
}
|
|
2989
|
-
._teddy-
|
|
3011
|
+
._teddy-button_5xbh5_18:focus::before {
|
|
2990
3012
|
border-radius: inherit;
|
|
2991
3013
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2992
3014
|
content: "";
|
|
@@ -2995,155 +3017,155 @@
|
|
|
2995
3017
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
2996
3018
|
position: absolute;
|
|
2997
3019
|
}
|
|
2998
|
-
._teddy-
|
|
3020
|
+
._teddy-button_5xbh5_18:focus:not(:focus-visible)::before {
|
|
2999
3021
|
opacity: 0;
|
|
3000
3022
|
}
|
|
3001
|
-
._teddy-
|
|
3023
|
+
._teddy-button_5xbh5_18 svg {
|
|
3002
3024
|
display: block;
|
|
3003
3025
|
}
|
|
3004
|
-
._teddy-button--
|
|
3026
|
+
._teddy-button--sm_5xbh5_53 {
|
|
3005
3027
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
3006
3028
|
}
|
|
3007
|
-
._teddy-button--
|
|
3029
|
+
._teddy-button--sm_5xbh5_53._teddy-button--icon-only_5xbh5_56 {
|
|
3008
3030
|
padding: var(--teddy-spacing-150);
|
|
3009
3031
|
}
|
|
3010
|
-
._teddy-button--
|
|
3032
|
+
._teddy-button--md_5xbh5_59 {
|
|
3011
3033
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
3012
3034
|
}
|
|
3013
|
-
._teddy-button--
|
|
3035
|
+
._teddy-button--md_5xbh5_59._teddy-button--icon-only_5xbh5_56 {
|
|
3014
3036
|
padding: var(--teddy-spacing-200);
|
|
3015
3037
|
}
|
|
3016
|
-
._teddy-button--
|
|
3038
|
+
._teddy-button--lg_5xbh5_65 {
|
|
3017
3039
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
3018
3040
|
}
|
|
3019
|
-
._teddy-button--
|
|
3041
|
+
._teddy-button--lg_5xbh5_65._teddy-button--icon-only_5xbh5_56 {
|
|
3020
3042
|
padding: var(--teddy-spacing-250);
|
|
3021
3043
|
}
|
|
3022
|
-
._teddy-button--full-
|
|
3044
|
+
._teddy-button--full-width_5xbh5_71 {
|
|
3023
3045
|
width: 100%;
|
|
3024
3046
|
}
|
|
3025
|
-
._teddy-button--
|
|
3047
|
+
._teddy-button--primary_5xbh5_74 {
|
|
3026
3048
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
3027
3049
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
3028
3050
|
}
|
|
3029
|
-
._teddy-button--
|
|
3051
|
+
._teddy-button--primary_5xbh5_74:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3030
3052
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
3031
3053
|
}
|
|
3032
|
-
._teddy-button--
|
|
3054
|
+
._teddy-button--primary_5xbh5_74:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3033
3055
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
3034
3056
|
}
|
|
3035
|
-
._teddy-button--primary-
|
|
3057
|
+
._teddy-button--primary-negative_5xbh5_84 {
|
|
3036
3058
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3037
3059
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
3038
3060
|
}
|
|
3039
|
-
._teddy-button--primary-
|
|
3061
|
+
._teddy-button--primary-negative_5xbh5_84:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3040
3062
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3041
3063
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3042
3064
|
}
|
|
3043
|
-
._teddy-button--primary-
|
|
3065
|
+
._teddy-button--primary-negative_5xbh5_84:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3044
3066
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3045
3067
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3046
3068
|
}
|
|
3047
|
-
._teddy-button--
|
|
3069
|
+
._teddy-button--secondary_5xbh5_96 {
|
|
3048
3070
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3049
3071
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
3050
3072
|
color: var(--teddy-color-text-interactive-primary);
|
|
3051
3073
|
}
|
|
3052
|
-
._teddy-button--
|
|
3074
|
+
._teddy-button--secondary_5xbh5_96:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3053
3075
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3054
3076
|
}
|
|
3055
|
-
._teddy-button--
|
|
3077
|
+
._teddy-button--secondary_5xbh5_96:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3056
3078
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3057
3079
|
}
|
|
3058
|
-
._teddy-button--secondary-
|
|
3080
|
+
._teddy-button--secondary-negative_5xbh5_107 {
|
|
3059
3081
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3060
3082
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
3061
3083
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
3062
3084
|
}
|
|
3063
|
-
._teddy-button--secondary-
|
|
3085
|
+
._teddy-button--secondary-negative_5xbh5_107:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3064
3086
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3065
3087
|
}
|
|
3066
|
-
._teddy-button--secondary-
|
|
3088
|
+
._teddy-button--secondary-negative_5xbh5_107:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3067
3089
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3068
3090
|
}
|
|
3069
|
-
._teddy-button--
|
|
3091
|
+
._teddy-button--expressive_5xbh5_118 {
|
|
3070
3092
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
3071
3093
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
3072
3094
|
}
|
|
3073
|
-
._teddy-button--
|
|
3095
|
+
._teddy-button--expressive_5xbh5_118:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3074
3096
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
3075
3097
|
}
|
|
3076
|
-
._teddy-button--
|
|
3098
|
+
._teddy-button--expressive_5xbh5_118:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3077
3099
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
3078
3100
|
}
|
|
3079
|
-
._teddy-button--expressive-
|
|
3101
|
+
._teddy-button--expressive-negative_5xbh5_128 {
|
|
3080
3102
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
3081
3103
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
3082
3104
|
}
|
|
3083
|
-
._teddy-button--expressive-
|
|
3105
|
+
._teddy-button--expressive-negative_5xbh5_128:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3084
3106
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
3085
3107
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
3086
3108
|
}
|
|
3087
|
-
._teddy-button--expressive-
|
|
3109
|
+
._teddy-button--expressive-negative_5xbh5_128:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3088
3110
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
3089
3111
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
3090
3112
|
}
|
|
3091
|
-
._teddy-button--
|
|
3113
|
+
._teddy-button--negative_5xbh5_140._teddy-button--disabled_5xbh5_78 {
|
|
3092
3114
|
background-color: var(--teddy-color-background-interactive-disabled-negative);
|
|
3093
3115
|
color: var(--teddy-color-text-weak-negative);
|
|
3094
3116
|
}
|
|
3095
|
-
._teddy-button--
|
|
3117
|
+
._teddy-button--secondary_5xbh5_96._teddy-button--disabled_5xbh5_78, ._teddy-button--secondary-negative_5xbh5_107._teddy-button--disabled_5xbh5_78 {
|
|
3096
3118
|
box-shadow: none;
|
|
3097
3119
|
}
|
|
3098
|
-
._teddy-button--
|
|
3120
|
+
._teddy-button--destructive_5xbh5_147 {
|
|
3099
3121
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
3100
3122
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
3101
3123
|
}
|
|
3102
|
-
._teddy-button--
|
|
3124
|
+
._teddy-button--destructive_5xbh5_147:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3103
3125
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
3104
3126
|
}
|
|
3105
|
-
._teddy-button--
|
|
3127
|
+
._teddy-button--destructive_5xbh5_147:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3106
3128
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
3107
3129
|
}
|
|
3108
|
-
._teddy-button--destructive-
|
|
3130
|
+
._teddy-button--destructive-negative_5xbh5_157 {
|
|
3109
3131
|
background-color: var(--teddy-color-background-interactive-destructive);
|
|
3110
3132
|
color: var(--teddy-color-text-interactive-on-destructive);
|
|
3111
3133
|
}
|
|
3112
|
-
._teddy-button--destructive-
|
|
3134
|
+
._teddy-button--destructive-negative_5xbh5_157:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3113
3135
|
background-color: var(--teddy-color-background-interactive-destructive-hover);
|
|
3114
3136
|
}
|
|
3115
|
-
._teddy-button--destructive-
|
|
3137
|
+
._teddy-button--destructive-negative_5xbh5_157:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3116
3138
|
background-color: var(--teddy-color-background-interactive-destructive-active);
|
|
3117
3139
|
}
|
|
3118
|
-
._teddy-button--tertiary-
|
|
3140
|
+
._teddy-button--tertiary-purple_5xbh5_167 {
|
|
3119
3141
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3120
3142
|
color: var(--teddy-color-text-interactive-primary);
|
|
3121
3143
|
}
|
|
3122
|
-
._teddy-button--tertiary-
|
|
3144
|
+
._teddy-button--tertiary-purple_5xbh5_167._teddy-button--disabled_5xbh5_78 {
|
|
3123
3145
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3124
3146
|
}
|
|
3125
|
-
._teddy-button--tertiary-
|
|
3147
|
+
._teddy-button--tertiary-purple_5xbh5_167:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3126
3148
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3127
3149
|
}
|
|
3128
|
-
._teddy-button--tertiary-
|
|
3150
|
+
._teddy-button--tertiary-purple_5xbh5_167:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3129
3151
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3130
3152
|
}
|
|
3131
|
-
._teddy-button--tertiary-purple-
|
|
3153
|
+
._teddy-button--tertiary-purple-negative_5xbh5_180 {
|
|
3132
3154
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3133
3155
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
3134
3156
|
}
|
|
3135
|
-
._teddy-button--tertiary-purple-
|
|
3157
|
+
._teddy-button--tertiary-purple-negative_5xbh5_180._teddy-button--disabled_5xbh5_78 {
|
|
3136
3158
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3137
3159
|
}
|
|
3138
|
-
._teddy-button--tertiary-purple-
|
|
3160
|
+
._teddy-button--tertiary-purple-negative_5xbh5_180:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3139
3161
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3140
3162
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
3141
3163
|
}
|
|
3142
|
-
._teddy-button--tertiary-purple-
|
|
3164
|
+
._teddy-button--tertiary-purple-negative_5xbh5_180:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3143
3165
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3144
3166
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
3145
3167
|
}
|
|
3146
|
-
._teddy-button--list-
|
|
3168
|
+
._teddy-button--list-item_5xbh5_195 {
|
|
3147
3169
|
border-radius: var(--teddy-border-radius-md);
|
|
3148
3170
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-150);
|
|
3149
3171
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
@@ -3152,86 +3174,108 @@
|
|
|
3152
3174
|
line-height: var(--teddy-typography-line-height-tight);
|
|
3153
3175
|
justify-content: flex-start;
|
|
3154
3176
|
}
|
|
3155
|
-
._teddy-button--list-
|
|
3177
|
+
._teddy-button--list-item_5xbh5_195._teddy-button--disabled_5xbh5_78 {
|
|
3156
3178
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3157
3179
|
color: var(--teddy-color-text-weak);
|
|
3158
3180
|
}
|
|
3159
|
-
._teddy-button--list-
|
|
3181
|
+
._teddy-button--list-item_5xbh5_195:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3160
3182
|
background-color: var(--teddy-color-background-secondary);
|
|
3161
3183
|
}
|
|
3162
|
-
._teddy-button--list-
|
|
3184
|
+
._teddy-button--list-item_5xbh5_195:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3163
3185
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3164
3186
|
}
|
|
3165
|
-
._teddy-button--text-
|
|
3187
|
+
._teddy-button--text-negative_5xbh5_214 {
|
|
3166
3188
|
border-radius: 0;
|
|
3167
3189
|
padding-left: 0;
|
|
3168
3190
|
padding-right: 0;
|
|
3169
3191
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3170
3192
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
3171
3193
|
}
|
|
3172
|
-
._teddy-button--text-
|
|
3194
|
+
._teddy-button--text-negative_5xbh5_214:focus-visible::before {
|
|
3173
3195
|
border-radius: 0;
|
|
3174
3196
|
}
|
|
3175
|
-
._teddy-button--text-
|
|
3197
|
+
._teddy-button--text-negative_5xbh5_214._teddy-button--disabled_5xbh5_78 {
|
|
3176
3198
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3177
3199
|
}
|
|
3178
|
-
._teddy-button--text-
|
|
3200
|
+
._teddy-button--text-negative_5xbh5_214:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3179
3201
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3180
3202
|
color: var(--teddy-color-text-interactive-primary-negative-hover);
|
|
3181
3203
|
}
|
|
3182
|
-
._teddy-button--text-
|
|
3204
|
+
._teddy-button--text-negative_5xbh5_214:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3183
3205
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3184
3206
|
color: var(--teddy-color-text-interactive-primary-negative-active);
|
|
3185
3207
|
}
|
|
3186
|
-
._teddy-button--
|
|
3208
|
+
._teddy-button--text_5xbh5_214 {
|
|
3187
3209
|
border-radius: 0;
|
|
3188
3210
|
padding-left: 0;
|
|
3189
3211
|
padding-right: 0;
|
|
3190
3212
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3191
3213
|
color: var(--teddy-color-text-interactive-primary);
|
|
3192
3214
|
}
|
|
3193
|
-
._teddy-button--
|
|
3215
|
+
._teddy-button--text_5xbh5_214:focus-visible::before {
|
|
3216
|
+
border-radius: 0;
|
|
3217
|
+
}
|
|
3218
|
+
._teddy-button--text_5xbh5_214._teddy-button--disabled_5xbh5_78 {
|
|
3219
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3220
|
+
color: var(--teddy-color-text-weak);
|
|
3221
|
+
}
|
|
3222
|
+
._teddy-button--text_5xbh5_214:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3223
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3224
|
+
}
|
|
3225
|
+
._teddy-button--text_5xbh5_214:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3226
|
+
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3227
|
+
}
|
|
3228
|
+
._teddy-button--text-underline_5xbh5_255 {
|
|
3229
|
+
border-radius: 0;
|
|
3230
|
+
padding-left: 0;
|
|
3231
|
+
padding-right: 0;
|
|
3232
|
+
text-decoration: underline;
|
|
3233
|
+
padding: 0;
|
|
3234
|
+
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3235
|
+
color: var(--teddy-color-text-interactive-primary);
|
|
3236
|
+
}
|
|
3237
|
+
._teddy-button--text-underline_5xbh5_255:focus-visible::before {
|
|
3194
3238
|
border-radius: 0;
|
|
3195
3239
|
}
|
|
3196
|
-
._teddy-button--
|
|
3240
|
+
._teddy-button--text-underline_5xbh5_255._teddy-button--disabled_5xbh5_78 {
|
|
3197
3241
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3198
3242
|
color: var(--teddy-color-text-weak);
|
|
3199
3243
|
}
|
|
3200
|
-
._teddy-button--
|
|
3244
|
+
._teddy-button--text-underline_5xbh5_255:hover:not(._teddy-button--disabled_5xbh5_78) {
|
|
3201
3245
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3202
3246
|
}
|
|
3203
|
-
._teddy-button--
|
|
3247
|
+
._teddy-button--text-underline_5xbh5_255:active:not(._teddy-button--disabled_5xbh5_78) {
|
|
3204
3248
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3205
3249
|
}
|
|
3206
|
-
._teddy-button--
|
|
3250
|
+
._teddy-button--disabled_5xbh5_78 {
|
|
3207
3251
|
background-color: var(--teddy-color-background-interactive-disabled);
|
|
3208
3252
|
color: var(--teddy-color-text-weak);
|
|
3209
3253
|
cursor: not-allowed;
|
|
3210
3254
|
transition-duration: var(--teddy-motion-duration-400);
|
|
3211
3255
|
}
|
|
3212
|
-
._teddy-button--dashed-
|
|
3256
|
+
._teddy-button--dashed-border_5xbh5_283 {
|
|
3213
3257
|
border: 1px dashed;
|
|
3214
3258
|
box-shadow: none;
|
|
3215
3259
|
}
|
|
3216
|
-
._teddy-
|
|
3260
|
+
._teddy-button__loading_5xbh5_287 {
|
|
3217
3261
|
position: absolute;
|
|
3218
3262
|
inset: 0;
|
|
3219
3263
|
display: grid;
|
|
3220
3264
|
place-items: center;
|
|
3221
3265
|
border-radius: inherit;
|
|
3222
3266
|
background-color: var(--teddy-color-transparent-white-500);
|
|
3223
|
-
animation:
|
|
3267
|
+
animation: _fadeInAnimation_5xbh5_1 ease var(--teddy-motion-duration-500);
|
|
3224
3268
|
animation-iteration-count: 1;
|
|
3225
3269
|
animation-fill-mode: forwards;
|
|
3226
3270
|
}
|
|
3227
|
-
._teddy-
|
|
3271
|
+
._teddy-button__loading_5xbh5_287 ._teddy-button__spinner_5xbh5_298 circle {
|
|
3228
3272
|
stroke: var(--teddy-color-transparent-black-700);
|
|
3229
3273
|
}
|
|
3230
|
-
._teddy-button--icon-
|
|
3274
|
+
._teddy-button--icon-only_5xbh5_56 ._teddy-button__loading_5xbh5_287 {
|
|
3231
3275
|
background-color: var(--teddy-color-gray-100);
|
|
3232
3276
|
}
|
|
3233
3277
|
}
|
|
3234
|
-
._teddy-
|
|
3278
|
+
._teddy-toast_5xbh5_305 {
|
|
3235
3279
|
background-color: var(--teddy-color-background-primary);
|
|
3236
3280
|
color: var(--teddy-color-text-primary);
|
|
3237
3281
|
border-color: var(--teddy-color-border-weak);
|
|
@@ -3243,16 +3287,16 @@
|
|
|
3243
3287
|
gap: 0;
|
|
3244
3288
|
padding: var(--teddy-spacing-200);
|
|
3245
3289
|
}
|
|
3246
|
-
._teddy-
|
|
3290
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__title_5xbh5_317 {
|
|
3247
3291
|
font-size: var(--teddy-typography-scale-100);
|
|
3248
3292
|
grid-area: title;
|
|
3249
3293
|
}
|
|
3250
|
-
._teddy-
|
|
3294
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__description_5xbh5_321 {
|
|
3251
3295
|
color: var(--teddy-color-text-default);
|
|
3252
3296
|
font-size: var(--teddy-typography-scale-75);
|
|
3253
3297
|
grid-area: description;
|
|
3254
3298
|
}
|
|
3255
|
-
._teddy-
|
|
3299
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__icon_5xbh5_326 {
|
|
3256
3300
|
grid-area: icon;
|
|
3257
3301
|
display: grid;
|
|
3258
3302
|
place-items: center;
|
|
@@ -3261,7 +3305,7 @@
|
|
|
3261
3305
|
height: unset;
|
|
3262
3306
|
margin: 0 var(--teddy-spacing-100) 0 0;
|
|
3263
3307
|
}
|
|
3264
|
-
._teddy-
|
|
3308
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335 {
|
|
3265
3309
|
align-items: center;
|
|
3266
3310
|
border-radius: var(--teddy-border-radius-full);
|
|
3267
3311
|
border-width: 0;
|
|
@@ -3293,7 +3337,7 @@
|
|
|
3293
3337
|
box-shadow: none;
|
|
3294
3338
|
transform: translate(25%, -25%);
|
|
3295
3339
|
}
|
|
3296
|
-
._teddy-
|
|
3340
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335:focus::before {
|
|
3297
3341
|
border-radius: inherit;
|
|
3298
3342
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
3299
3343
|
content: "";
|
|
@@ -3302,169 +3346,169 @@
|
|
|
3302
3346
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
3303
3347
|
position: absolute;
|
|
3304
3348
|
}
|
|
3305
|
-
._teddy-
|
|
3349
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335:focus:not(:focus-visible)::before {
|
|
3306
3350
|
opacity: 0;
|
|
3307
3351
|
}
|
|
3308
|
-
._teddy-
|
|
3352
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335 svg {
|
|
3309
3353
|
display: block;
|
|
3310
3354
|
}
|
|
3311
|
-
._teddy-
|
|
3355
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--sm_5xbh5_382 {
|
|
3312
3356
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
3313
3357
|
}
|
|
3314
|
-
._teddy-
|
|
3358
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--sm_5xbh5_382._teddy-toast_5xbh5_305 ._teddy-toast__close-button--icon-only_5xbh5_385 {
|
|
3315
3359
|
padding: var(--teddy-spacing-150);
|
|
3316
3360
|
}
|
|
3317
|
-
._teddy-
|
|
3361
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--md_5xbh5_388 {
|
|
3318
3362
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
3319
3363
|
}
|
|
3320
|
-
._teddy-
|
|
3364
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--md_5xbh5_388._teddy-toast_5xbh5_305 ._teddy-toast__close-button--icon-only_5xbh5_385 {
|
|
3321
3365
|
padding: var(--teddy-spacing-200);
|
|
3322
3366
|
}
|
|
3323
|
-
._teddy-
|
|
3367
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--lg_5xbh5_394 {
|
|
3324
3368
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
3325
3369
|
}
|
|
3326
|
-
._teddy-
|
|
3370
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--lg_5xbh5_394._teddy-toast_5xbh5_305 ._teddy-toast__close-button--icon-only_5xbh5_385 {
|
|
3327
3371
|
padding: var(--teddy-spacing-250);
|
|
3328
3372
|
}
|
|
3329
|
-
._teddy-
|
|
3373
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--full-width_5xbh5_400 {
|
|
3330
3374
|
width: 100%;
|
|
3331
3375
|
}
|
|
3332
|
-
._teddy-
|
|
3376
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary_5xbh5_403 {
|
|
3333
3377
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
3334
3378
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
3335
3379
|
}
|
|
3336
|
-
._teddy-
|
|
3380
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary_5xbh5_403:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3337
3381
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
3338
3382
|
}
|
|
3339
|
-
._teddy-
|
|
3383
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary_5xbh5_403:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3340
3384
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
3341
3385
|
}
|
|
3342
|
-
._teddy-
|
|
3386
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary-negative_5xbh5_413 {
|
|
3343
3387
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3344
3388
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
3345
3389
|
}
|
|
3346
|
-
._teddy-
|
|
3390
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary-negative_5xbh5_413:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3347
3391
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3348
3392
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3349
3393
|
}
|
|
3350
|
-
._teddy-
|
|
3394
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--primary-negative_5xbh5_413:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3351
3395
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3352
3396
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3353
3397
|
}
|
|
3354
|
-
._teddy-
|
|
3398
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary_5xbh5_425 {
|
|
3355
3399
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3356
3400
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
3357
3401
|
color: var(--teddy-color-text-interactive-primary);
|
|
3358
3402
|
}
|
|
3359
|
-
._teddy-
|
|
3403
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary_5xbh5_425:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3360
3404
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3361
3405
|
}
|
|
3362
|
-
._teddy-
|
|
3406
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary_5xbh5_425:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3363
3407
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3364
3408
|
}
|
|
3365
|
-
._teddy-
|
|
3409
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary-negative_5xbh5_436 {
|
|
3366
3410
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3367
3411
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
3368
3412
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
3369
3413
|
}
|
|
3370
|
-
._teddy-
|
|
3414
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary-negative_5xbh5_436:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3371
3415
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3372
3416
|
}
|
|
3373
|
-
._teddy-
|
|
3417
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--secondary-negative_5xbh5_436:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3374
3418
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3375
3419
|
}
|
|
3376
|
-
._teddy-
|
|
3420
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive_5xbh5_447 {
|
|
3377
3421
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
3378
3422
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
3379
3423
|
}
|
|
3380
|
-
._teddy-
|
|
3424
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive_5xbh5_447:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3381
3425
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
3382
3426
|
}
|
|
3383
|
-
._teddy-
|
|
3427
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive_5xbh5_447:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3384
3428
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
3385
3429
|
}
|
|
3386
|
-
._teddy-
|
|
3430
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive-negative_5xbh5_457 {
|
|
3387
3431
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
3388
3432
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
3389
3433
|
}
|
|
3390
|
-
._teddy-
|
|
3434
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive-negative_5xbh5_457:hover:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3391
3435
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
3392
3436
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
3393
3437
|
}
|
|
3394
|
-
._teddy-
|
|
3438
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button--expressive-negative_5xbh5_457:active:not(._teddy-toast_5xbh5_305 ._teddy-toast__close-button--disabled_5xbh5_407) {
|
|
3395
3439
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
3396
3440
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
3397
3441
|
}
|
|
3398
|
-
._teddy-
|
|
3442
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335._teddy-toast--disabled_5xbh5_469 {
|
|
3399
3443
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3400
3444
|
}
|
|
3401
|
-
._teddy-
|
|
3445
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335:hover:not(._teddy-toast--disabled_5xbh5_469) {
|
|
3402
3446
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3403
3447
|
}
|
|
3404
|
-
._teddy-
|
|
3448
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335:active:not(._teddy-toast--disabled_5xbh5_469) {
|
|
3405
3449
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3406
3450
|
}
|
|
3407
|
-
._teddy-
|
|
3451
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__close-button_5xbh5_335 svg {
|
|
3408
3452
|
height: var(--teddy-spacing-200);
|
|
3409
3453
|
width: var(--teddy-spacing-200);
|
|
3410
3454
|
}
|
|
3411
|
-
._teddy-
|
|
3455
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__content_5xbh5_482 {
|
|
3412
3456
|
display: contents;
|
|
3413
3457
|
}
|
|
3414
|
-
._teddy-
|
|
3458
|
+
._teddy-toast_5xbh5_305 ._teddy-toast__loading_5xbh5_485 {
|
|
3415
3459
|
grid-area: icon;
|
|
3416
3460
|
position: relative;
|
|
3417
3461
|
}
|
|
3418
|
-
._teddy-toast--
|
|
3462
|
+
._teddy-toast--success_5xbh5_489 {
|
|
3419
3463
|
background-color: var(--teddy-color-background-status-success);
|
|
3420
3464
|
color: var(--teddy-color-text-status-success-strong);
|
|
3421
3465
|
border-color: var(--teddy-color-border-status-success);
|
|
3422
3466
|
}
|
|
3423
|
-
._teddy-toast--
|
|
3467
|
+
._teddy-toast--success_5xbh5_489 ._teddy-toast__icon_5xbh5_326 {
|
|
3424
3468
|
color: var(--teddy-color-text-status-success-medium);
|
|
3425
3469
|
}
|
|
3426
|
-
._teddy-toast--
|
|
3470
|
+
._teddy-toast--success_5xbh5_489 ._teddy-toast__close-button_5xbh5_335 {
|
|
3427
3471
|
border-color: var(--teddy-color-border-status-success);
|
|
3428
3472
|
color: var(--teddy-color-text-status-success-strong);
|
|
3429
3473
|
}
|
|
3430
|
-
._teddy-toast--
|
|
3474
|
+
._teddy-toast--info_5xbh5_501 {
|
|
3431
3475
|
background-color: var(--teddy-color-background-status-info);
|
|
3432
3476
|
color: var(--teddy-color-text-status-info-strong);
|
|
3433
3477
|
border-color: var(--teddy-color-border-status-info);
|
|
3434
3478
|
}
|
|
3435
|
-
._teddy-toast--
|
|
3479
|
+
._teddy-toast--info_5xbh5_501 ._teddy-toast__icon_5xbh5_326 {
|
|
3436
3480
|
color: var(--teddy-color-text-status-info-medium);
|
|
3437
3481
|
}
|
|
3438
|
-
._teddy-toast--
|
|
3482
|
+
._teddy-toast--info_5xbh5_501 ._teddy-toast__close-button_5xbh5_335 {
|
|
3439
3483
|
border-color: var(--teddy-color-border-status-info);
|
|
3440
3484
|
color: var(--teddy-color-text-status-info-strong);
|
|
3441
3485
|
}
|
|
3442
|
-
._teddy-toast--
|
|
3486
|
+
._teddy-toast--warning_5xbh5_513 {
|
|
3443
3487
|
background-color: var(--teddy-color-background-status-warning);
|
|
3444
3488
|
color: var(--teddy-color-text-status-warning-strong);
|
|
3445
3489
|
border-color: var(--teddy-color-border-status-warning);
|
|
3446
3490
|
}
|
|
3447
|
-
._teddy-toast--
|
|
3491
|
+
._teddy-toast--warning_5xbh5_513 ._teddy-toast__icon_5xbh5_326 {
|
|
3448
3492
|
color: var(--teddy-color-text-status-warning-medium);
|
|
3449
3493
|
}
|
|
3450
|
-
._teddy-toast--
|
|
3494
|
+
._teddy-toast--warning_5xbh5_513 ._teddy-toast__close-button_5xbh5_335 {
|
|
3451
3495
|
border-color: var(--teddy-color-border-status-warning);
|
|
3452
3496
|
color: var(--teddy-color-text-status-warning-strong);
|
|
3453
3497
|
}
|
|
3454
|
-
._teddy-toast--
|
|
3498
|
+
._teddy-toast--error_5xbh5_525 {
|
|
3455
3499
|
background-color: var(--teddy-color-background-status-error);
|
|
3456
3500
|
color: var(--teddy-color-text-status-error-strong);
|
|
3457
3501
|
border-color: var(--teddy-color-border-status-error);
|
|
3458
3502
|
}
|
|
3459
|
-
._teddy-toast--
|
|
3503
|
+
._teddy-toast--error_5xbh5_525 ._teddy-toast__icon_5xbh5_326 {
|
|
3460
3504
|
color: var(--teddy-color-text-status-error-medium);
|
|
3461
3505
|
}
|
|
3462
|
-
._teddy-toast--
|
|
3506
|
+
._teddy-toast--error_5xbh5_525 ._teddy-toast__close-button_5xbh5_335 {
|
|
3463
3507
|
border-color: var(--teddy-color-border-status-error);
|
|
3464
3508
|
color: var(--teddy-color-text-status-error-strong);
|
|
3465
3509
|
}
|
|
3466
|
-
._teddy-
|
|
3467
|
-
._teddy-
|
|
3510
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537,
|
|
3511
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538 {
|
|
3468
3512
|
align-items: center;
|
|
3469
3513
|
border-radius: var(--teddy-border-radius-full);
|
|
3470
3514
|
border-width: 0;
|
|
@@ -3493,8 +3537,8 @@
|
|
|
3493
3537
|
margin-top: auto;
|
|
3494
3538
|
box-shadow: none;
|
|
3495
3539
|
}
|
|
3496
|
-
._teddy-
|
|
3497
|
-
._teddy-
|
|
3540
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537:focus::before,
|
|
3541
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538:focus::before {
|
|
3498
3542
|
border-radius: inherit;
|
|
3499
3543
|
box-shadow: 0 0 0 var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
3500
3544
|
content: "";
|
|
@@ -3503,135 +3547,135 @@
|
|
|
3503
3547
|
inset: calc(var(--teddy-spacing-25) * -1);
|
|
3504
3548
|
position: absolute;
|
|
3505
3549
|
}
|
|
3506
|
-
._teddy-
|
|
3507
|
-
._teddy-
|
|
3550
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537:focus:not(:focus-visible)::before,
|
|
3551
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538:focus:not(:focus-visible)::before {
|
|
3508
3552
|
opacity: 0;
|
|
3509
3553
|
}
|
|
3510
|
-
._teddy-
|
|
3511
|
-
._teddy-
|
|
3554
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537 svg,
|
|
3555
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538 svg {
|
|
3512
3556
|
display: block;
|
|
3513
3557
|
}
|
|
3514
|
-
._teddy-
|
|
3515
|
-
._teddy-
|
|
3558
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--sm_5xbh5_585,
|
|
3559
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--sm_5xbh5_586 {
|
|
3516
3560
|
padding: var(--teddy-spacing-150) var(--teddy-spacing-250);
|
|
3517
3561
|
}
|
|
3518
|
-
._teddy-
|
|
3519
|
-
._teddy-
|
|
3520
|
-
._teddy-
|
|
3562
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--sm_5xbh5_585._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--sm_5xbh5_585 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589,
|
|
3563
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--sm_5xbh5_586._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537,
|
|
3564
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--sm_5xbh5_586 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589 {
|
|
3521
3565
|
padding: var(--teddy-spacing-150);
|
|
3522
3566
|
}
|
|
3523
|
-
._teddy-
|
|
3524
|
-
._teddy-
|
|
3567
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--md_5xbh5_594,
|
|
3568
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--md_5xbh5_595 {
|
|
3525
3569
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-300);
|
|
3526
3570
|
}
|
|
3527
|
-
._teddy-
|
|
3528
|
-
._teddy-
|
|
3529
|
-
._teddy-
|
|
3571
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--md_5xbh5_594._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--md_5xbh5_594 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589,
|
|
3572
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--md_5xbh5_595._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537,
|
|
3573
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--md_5xbh5_595 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589 {
|
|
3530
3574
|
padding: var(--teddy-spacing-200);
|
|
3531
3575
|
}
|
|
3532
|
-
._teddy-
|
|
3533
|
-
._teddy-
|
|
3576
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--lg_5xbh5_603,
|
|
3577
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--lg_5xbh5_604 {
|
|
3534
3578
|
padding: var(--teddy-spacing-250) var(--teddy-spacing-400);
|
|
3535
3579
|
}
|
|
3536
|
-
._teddy-
|
|
3537
|
-
._teddy-
|
|
3538
|
-
._teddy-
|
|
3580
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--lg_5xbh5_603._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--lg_5xbh5_603 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589,
|
|
3581
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--lg_5xbh5_604._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537,
|
|
3582
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--lg_5xbh5_604 ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--icon-only_5xbh5_589 {
|
|
3539
3583
|
padding: var(--teddy-spacing-250);
|
|
3540
3584
|
}
|
|
3541
|
-
._teddy-
|
|
3542
|
-
._teddy-
|
|
3585
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--full-width_5xbh5_612,
|
|
3586
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--full-width_5xbh5_613 {
|
|
3543
3587
|
width: 100%;
|
|
3544
3588
|
}
|
|
3545
|
-
._teddy-
|
|
3546
|
-
._teddy-
|
|
3589
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary_5xbh5_616,
|
|
3590
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary_5xbh5_617 {
|
|
3547
3591
|
background-color: var(--teddy-color-background-interactive-primary);
|
|
3548
3592
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
3549
3593
|
}
|
|
3550
|
-
._teddy-
|
|
3551
|
-
._teddy-
|
|
3594
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary_5xbh5_616:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3595
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary_5xbh5_617:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3552
3596
|
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
3553
3597
|
}
|
|
3554
|
-
._teddy-
|
|
3555
|
-
._teddy-
|
|
3598
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary_5xbh5_616:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3599
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary_5xbh5_617:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3556
3600
|
background-color: var(--teddy-color-background-interactive-primary-active);
|
|
3557
3601
|
}
|
|
3558
|
-
._teddy-
|
|
3559
|
-
._teddy-
|
|
3602
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary-negative_5xbh5_629,
|
|
3603
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary-negative_5xbh5_630 {
|
|
3560
3604
|
background-color: var(--teddy-color-background-interactive-primary-negative);
|
|
3561
3605
|
color: var(--teddy-color-text-interactive-on-primary-negative);
|
|
3562
3606
|
}
|
|
3563
|
-
._teddy-
|
|
3564
|
-
._teddy-
|
|
3607
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary-negative_5xbh5_629:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3608
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary-negative_5xbh5_630:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3565
3609
|
background-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3566
3610
|
border-color: var(--teddy-color-background-interactive-primary-negative-hover);
|
|
3567
3611
|
}
|
|
3568
|
-
._teddy-
|
|
3569
|
-
._teddy-
|
|
3612
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--primary-negative_5xbh5_629:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3613
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--primary-negative_5xbh5_630:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3570
3614
|
background-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3571
3615
|
border-color: var(--teddy-color-background-interactive-primary-negative-active);
|
|
3572
3616
|
}
|
|
3573
|
-
._teddy-
|
|
3574
|
-
._teddy-
|
|
3617
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary_5xbh5_644,
|
|
3618
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary_5xbh5_645 {
|
|
3575
3619
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3576
3620
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary);
|
|
3577
3621
|
color: var(--teddy-color-text-interactive-primary);
|
|
3578
3622
|
}
|
|
3579
|
-
._teddy-
|
|
3580
|
-
._teddy-
|
|
3623
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary_5xbh5_644:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3624
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary_5xbh5_645:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3581
3625
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3582
3626
|
}
|
|
3583
|
-
._teddy-
|
|
3584
|
-
._teddy-
|
|
3627
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary_5xbh5_644:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3628
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary_5xbh5_645:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3585
3629
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3586
3630
|
}
|
|
3587
|
-
._teddy-
|
|
3588
|
-
._teddy-
|
|
3631
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary-negative_5xbh5_658,
|
|
3632
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary-negative_5xbh5_659 {
|
|
3589
3633
|
background-color: var(--teddy-color-background-interactive-transparent);
|
|
3590
3634
|
box-shadow: inset 0 0 0 var(--teddy-border-width-xs) var(--teddy-color-border-interactive-primary-negative);
|
|
3591
3635
|
color: var(--teddy-color-text-interactive-primary-negative);
|
|
3592
3636
|
}
|
|
3593
|
-
._teddy-
|
|
3594
|
-
._teddy-
|
|
3637
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary-negative_5xbh5_658:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3638
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary-negative_5xbh5_659:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3595
3639
|
background-color: var(--teddy-color-background-interactive-transparent-negative-hover);
|
|
3596
3640
|
}
|
|
3597
|
-
._teddy-
|
|
3598
|
-
._teddy-
|
|
3641
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--secondary-negative_5xbh5_658:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3642
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--secondary-negative_5xbh5_659:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3599
3643
|
background-color: var(--teddy-color-background-interactive-transparent-negative-active);
|
|
3600
3644
|
}
|
|
3601
|
-
._teddy-
|
|
3602
|
-
._teddy-
|
|
3645
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive_5xbh5_672,
|
|
3646
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive_5xbh5_673 {
|
|
3603
3647
|
background-color: var(--teddy-color-background-interactive-expressive);
|
|
3604
3648
|
color: var(--teddy-color-text-interactive-on-expressive);
|
|
3605
3649
|
}
|
|
3606
|
-
._teddy-
|
|
3607
|
-
._teddy-
|
|
3650
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive_5xbh5_672:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3651
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive_5xbh5_673:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3608
3652
|
background-color: var(--teddy-color-background-interactive-expressive-hover);
|
|
3609
3653
|
}
|
|
3610
|
-
._teddy-
|
|
3611
|
-
._teddy-
|
|
3654
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive_5xbh5_672:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3655
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive_5xbh5_673:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3612
3656
|
background-color: var(--teddy-color-background-interactive-expressive-active);
|
|
3613
3657
|
}
|
|
3614
|
-
._teddy-
|
|
3615
|
-
._teddy-
|
|
3658
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive-negative_5xbh5_685,
|
|
3659
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive-negative_5xbh5_686 {
|
|
3616
3660
|
background-color: var(--teddy-color-background-interactive-expressive-negative);
|
|
3617
3661
|
color: var(--teddy-color-text-interactive-on-expressive-negative);
|
|
3618
3662
|
}
|
|
3619
|
-
._teddy-
|
|
3620
|
-
._teddy-
|
|
3663
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive-negative_5xbh5_685:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3664
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive-negative_5xbh5_686:hover:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3621
3665
|
background-color: var(--teddy-color-background-interactive-expressive-negative-hover);
|
|
3622
3666
|
color: var(--teddy-color-text-interactive-on-expressive-negative-hover);
|
|
3623
3667
|
}
|
|
3624
|
-
._teddy-
|
|
3625
|
-
._teddy-
|
|
3668
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button--expressive-negative_5xbh5_685:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621),
|
|
3669
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--expressive-negative_5xbh5_686:active:not(._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537, ._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button--disabled_5xbh5_621) {
|
|
3626
3670
|
background-color: var(--teddy-color-background-interactive-expressive-negative-active);
|
|
3627
3671
|
color: var(--teddy-color-text-interactive-on-expressive-negative-active);
|
|
3628
3672
|
}
|
|
3629
|
-
._teddy-
|
|
3630
|
-
._teddy-
|
|
3673
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537:hover,
|
|
3674
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538:hover {
|
|
3631
3675
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
3632
3676
|
}
|
|
3633
|
-
._teddy-
|
|
3634
|
-
._teddy-
|
|
3677
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__action-button_5xbh5_537[data-button]._teddy-toast__action-button_5xbh5_537:active,
|
|
3678
|
+
._teddy-toast_5xbh5_305 [data-button]._teddy-toast__cancel-button_5xbh5_538[data-button]._teddy-toast__cancel-button_5xbh5_538:active {
|
|
3635
3679
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
3636
3680
|
}._teddy-toggletip__content_1ob5f_1 {
|
|
3637
3681
|
border-radius: var(--teddy-border-radius-md);
|