@box/blueprint-web 17.11.0 → 17.11.1
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/lib-esm/button/index.d.ts +1 -1
- package/dist/lib-esm/button/types.d.ts +17 -0
- package/dist/lib-esm/components.css +152 -140
- package/dist/lib-esm/index.css +152 -140
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/link/link.js +2 -1
- package/dist/lib-esm/primitives/link/types.d.ts +7 -0
- package/dist/lib-esm/primitives/notification/notification.module.js +1 -1
- package/package.json +3 -3
|
@@ -361,16 +361,16 @@
|
|
|
361
361
|
}
|
|
362
362
|
}
|
|
363
363
|
|
|
364
|
-
.bp_base_button_module_button--
|
|
364
|
+
.bp_base_button_module_button--0a25e[data-bp-animated=true]{
|
|
365
365
|
transition-duration:var(--bp-duration-short);
|
|
366
366
|
transition-property:background;
|
|
367
367
|
transition-timing-function:var(--bp-curve-small-off);
|
|
368
368
|
}
|
|
369
|
-
.bp_base_button_module_button--
|
|
369
|
+
.bp_base_button_module_button--0a25e[data-bp-animated=true]:active,.bp_base_button_module_button--0a25e[data-bp-animated=true]:hover{
|
|
370
370
|
transition-timing-function:var(--bp-curve-small-on);
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
-
.bp_base_button_module_button--
|
|
373
|
+
.bp_base_button_module_button--0a25e{
|
|
374
374
|
--button-border-radius:var(--bp-radius-10);
|
|
375
375
|
--button-line-height:1;
|
|
376
376
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -380,7 +380,7 @@
|
|
|
380
380
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
381
381
|
line-height:var(--bp-font-line-height-04);
|
|
382
382
|
}
|
|
383
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
383
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e{
|
|
384
384
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
385
385
|
font-size:.875rem;
|
|
386
386
|
font-style:normal;
|
|
@@ -391,9 +391,11 @@
|
|
|
391
391
|
text-transform:none;
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
-
.bp_base_button_module_button--
|
|
394
|
+
.bp_base_button_module_button--0a25e{
|
|
395
|
+
align-items:center;
|
|
395
396
|
border-radius:var(--button-border-radius);
|
|
396
397
|
cursor:pointer;
|
|
398
|
+
display:flex;
|
|
397
399
|
justify-content:center;
|
|
398
400
|
line-height:var(--button-line-height);
|
|
399
401
|
outline:0;
|
|
@@ -401,17 +403,21 @@
|
|
|
401
403
|
user-select:none;
|
|
402
404
|
white-space:nowrap;
|
|
403
405
|
}
|
|
404
|
-
.bp_base_button_module_button--
|
|
406
|
+
.bp_base_button_module_button--0a25e:where(a){
|
|
407
|
+
cursor:pointer;
|
|
408
|
+
text-decoration:none;
|
|
409
|
+
}
|
|
410
|
+
.bp_base_button_module_button--0a25e .bp_base_button_module_icon--0a25e{
|
|
405
411
|
align-items:center;
|
|
406
412
|
display:flex;
|
|
407
413
|
}
|
|
408
|
-
.bp_base_button_module_button--
|
|
414
|
+
.bp_base_button_module_button--0a25e:not(:disabled)[data-focus-visible]{
|
|
409
415
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
410
416
|
}
|
|
411
|
-
.bp_base_button_module_button--
|
|
417
|
+
.bp_base_button_module_button--0a25e:disabled{
|
|
412
418
|
opacity:.3;
|
|
413
419
|
}
|
|
414
|
-
.bp_base_button_module_button--
|
|
420
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e{
|
|
415
421
|
--button-color:var(--bp-text-text-on-dark);
|
|
416
422
|
--button-background:var(--bp-surface-surface-brand);
|
|
417
423
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -423,15 +429,15 @@
|
|
|
423
429
|
border:var(--button-border);
|
|
424
430
|
color:var(--button-color);
|
|
425
431
|
}
|
|
426
|
-
.bp_base_button_module_button--
|
|
432
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled)[data-focus-visible]{
|
|
427
433
|
background:var(--button-focus-or-hover-background);
|
|
428
434
|
border:var(--button-focus-or-hover-border);
|
|
429
435
|
}
|
|
430
|
-
.bp_base_button_module_button--
|
|
436
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_primary--0a25e:not(:disabled):active{
|
|
431
437
|
background:var(--button-active-background);
|
|
432
438
|
border:var(--button-active-border);
|
|
433
439
|
}
|
|
434
|
-
.bp_base_button_module_button--
|
|
440
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e{
|
|
435
441
|
--button-color:var(--bp-text-text-on-light);
|
|
436
442
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
437
443
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -445,15 +451,15 @@
|
|
|
445
451
|
border:var(--button-border);
|
|
446
452
|
color:var(--button-color);
|
|
447
453
|
}
|
|
448
|
-
.bp_base_button_module_button--
|
|
454
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled)[data-focus-visible]{
|
|
449
455
|
background:var(--button-focus-or-hover-background);
|
|
450
456
|
border:var(--button-focus-or-hover-border);
|
|
451
457
|
}
|
|
452
|
-
.bp_base_button_module_button--
|
|
458
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_secondary--0a25e:not(:disabled):active{
|
|
453
459
|
background:var(--button-active-background);
|
|
454
460
|
border:var(--button-active-border);
|
|
455
461
|
}
|
|
456
|
-
.bp_base_button_module_button--
|
|
462
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e{
|
|
457
463
|
--button-color:var(--bp-text-cta-link);
|
|
458
464
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
459
465
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
@@ -464,13 +470,13 @@
|
|
|
464
470
|
border:var(--button-border);
|
|
465
471
|
color:var(--button-color);
|
|
466
472
|
}
|
|
467
|
-
.bp_base_button_module_button--
|
|
473
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled)[data-focus-visible]{
|
|
468
474
|
background:var(--button-focus-or-hover-background);
|
|
469
475
|
}
|
|
470
|
-
.bp_base_button_module_button--
|
|
476
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary--0a25e:not(:disabled):active{
|
|
471
477
|
background:var(--button-active-background);
|
|
472
478
|
}
|
|
473
|
-
.bp_base_button_module_button--
|
|
479
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e{
|
|
474
480
|
--button-color:var(--bp-text-cta-link-secondary);
|
|
475
481
|
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
476
482
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -482,13 +488,13 @@
|
|
|
482
488
|
border:var(--button-border);
|
|
483
489
|
color:var(--button-color);
|
|
484
490
|
}
|
|
485
|
-
.bp_base_button_module_button--
|
|
491
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled)[data-focus-visible]{
|
|
486
492
|
background:var(--button-focus-or-hover-background);
|
|
487
493
|
}
|
|
488
|
-
.bp_base_button_module_button--
|
|
494
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_quaternary--0a25e:not(:disabled):active{
|
|
489
495
|
background:var(--button-active-background);
|
|
490
496
|
}
|
|
491
|
-
.bp_base_button_module_button--
|
|
497
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e{
|
|
492
498
|
--button-color:var(--bp-text-text-destructive-on-light);
|
|
493
499
|
--button-background:var(--bp-surface-cta-destructive-surface-tertiary);
|
|
494
500
|
--button-border:var(--bp-border-01) solid #0000;
|
|
@@ -500,13 +506,13 @@
|
|
|
500
506
|
border:var(--button-border);
|
|
501
507
|
color:var(--button-color);
|
|
502
508
|
}
|
|
503
|
-
.bp_base_button_module_button--
|
|
509
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled)[data-focus-visible]{
|
|
504
510
|
background:var(--button-focus-or-hover-background);
|
|
505
511
|
}
|
|
506
|
-
.bp_base_button_module_button--
|
|
512
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_tertiary-destructive--0a25e:not(:disabled):active{
|
|
507
513
|
background:var(--button-active-background);
|
|
508
514
|
}
|
|
509
|
-
.bp_base_button_module_button--
|
|
515
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e{
|
|
510
516
|
--button-color:var(--bp-text-text-on-dark);
|
|
511
517
|
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
512
518
|
--button-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
@@ -518,15 +524,15 @@
|
|
|
518
524
|
border:var(--button-border);
|
|
519
525
|
color:var(--button-color);
|
|
520
526
|
}
|
|
521
|
-
.bp_base_button_module_button--
|
|
527
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled)[data-focus-visible]{
|
|
522
528
|
background:var(--button-focus-or-hover-background);
|
|
523
529
|
border:var(--button-focus-or-hover-border);
|
|
524
530
|
}
|
|
525
|
-
.bp_base_button_module_button--
|
|
531
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_destructive--0a25e:not(:disabled):active{
|
|
526
532
|
background:var(--button-active-background);
|
|
527
533
|
border:var(--button-active-border);
|
|
528
534
|
}
|
|
529
|
-
.bp_base_button_module_button--
|
|
535
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e{
|
|
530
536
|
--button-color:var(--bp-text-text-on-light);
|
|
531
537
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
532
538
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -540,15 +546,15 @@
|
|
|
540
546
|
border:var(--button-border);
|
|
541
547
|
color:var(--button-color);
|
|
542
548
|
}
|
|
543
|
-
.bp_base_button_module_button--
|
|
549
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled):hover,.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled)[data-focus-visible]{
|
|
544
550
|
background:var(--button-focus-or-hover-background);
|
|
545
551
|
border:var(--button-focus-or-hover-border);
|
|
546
552
|
}
|
|
547
|
-
.bp_base_button_module_button--
|
|
553
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_outline--0a25e:not(:disabled):active{
|
|
548
554
|
background:var(--button-active-background);
|
|
549
555
|
border:var(--button-active-border);
|
|
550
556
|
}
|
|
551
|
-
.bp_base_button_module_button--
|
|
557
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e{
|
|
552
558
|
--button-small-gap:var(--bp-space-010);
|
|
553
559
|
--button-small-min-height:var(--bp-size-080);
|
|
554
560
|
--button-small-padding:0 var(--bp-size-030);
|
|
@@ -556,7 +562,7 @@
|
|
|
556
562
|
min-height:var(--button-small-min-height);
|
|
557
563
|
padding:var(--button-small-padding);
|
|
558
564
|
}
|
|
559
|
-
.bp_base_button_module_button--
|
|
565
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
560
566
|
--icon-button-small-width:var(--bp-size-080);
|
|
561
567
|
--icon-button-small-height:var(--bp-size-080);
|
|
562
568
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
@@ -565,19 +571,19 @@
|
|
|
565
571
|
padding:var(--icon-button-small-padding);
|
|
566
572
|
width:var(--icon-button-small-width);
|
|
567
573
|
}
|
|
568
|
-
.bp_base_button_module_button--
|
|
574
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
569
575
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
570
576
|
padding:var(--button-small-padding);
|
|
571
577
|
}
|
|
572
|
-
.bp_base_button_module_button--
|
|
578
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
573
579
|
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
574
580
|
padding:var(--button-small-padding);
|
|
575
581
|
}
|
|
576
|
-
.bp_base_button_module_button--
|
|
582
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_small--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
577
583
|
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
578
584
|
padding:var(--button-small-padding);
|
|
579
585
|
}
|
|
580
|
-
.bp_base_button_module_button--
|
|
586
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
581
587
|
--button-x-small-gap:var(--bp-space-010);
|
|
582
588
|
--button-x-small-min-height:var(--bp-size-060);
|
|
583
589
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020);
|
|
@@ -588,7 +594,7 @@
|
|
|
588
594
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
589
595
|
line-height:var(--bp-font-line-height-04);
|
|
590
596
|
}
|
|
591
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
597
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
592
598
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
593
599
|
font-size:.8125rem;
|
|
594
600
|
font-style:normal;
|
|
@@ -599,12 +605,12 @@
|
|
|
599
605
|
text-transform:none;
|
|
600
606
|
}
|
|
601
607
|
|
|
602
|
-
.bp_base_button_module_button--
|
|
608
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e{
|
|
603
609
|
gap:var(--button-x-small-gap);
|
|
604
610
|
min-height:var(--button-x-small-min-height);
|
|
605
611
|
padding:var(--button-x-small-padding);
|
|
606
612
|
}
|
|
607
|
-
.bp_base_button_module_button--
|
|
613
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
608
614
|
--icon-button-x-small-width:var(--bp-size-060);
|
|
609
615
|
--icon-button-x-small-height:var(--bp-size-060);
|
|
610
616
|
--icon-button-x-small-padding:0 calc((var(--bp-size-060) - var(--bp-size-040))/2);
|
|
@@ -613,19 +619,19 @@
|
|
|
613
619
|
padding:var(--icon-button-x-small-padding);
|
|
614
620
|
width:var(--icon-button-x-small-width);
|
|
615
621
|
}
|
|
616
|
-
.bp_base_button_module_button--
|
|
622
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
617
623
|
--button-x-small-padding:var(--bp-space-005) 0.375rem var(--bp-space-005) var(--bp-space-020);
|
|
618
624
|
padding:var(--button-x-small-padding);
|
|
619
625
|
}
|
|
620
|
-
.bp_base_button_module_button--
|
|
626
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
621
627
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020) var(--bp-space-005) 0.375rem;
|
|
622
628
|
padding:var(--button-x-small-padding);
|
|
623
629
|
}
|
|
624
|
-
.bp_base_button_module_button--
|
|
630
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_x-small--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
625
631
|
--button-x-small-padding:var(--bp-space-005) 0.375rem;
|
|
626
632
|
padding:var(--button-x-small-padding);
|
|
627
633
|
}
|
|
628
|
-
.bp_base_button_module_button--
|
|
634
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
629
635
|
--button-large-gap:var(--bp-space-020);
|
|
630
636
|
--button-large-min-height:var(--bp-size-100);
|
|
631
637
|
--button-large-padding:0 var(--bp-size-040);
|
|
@@ -636,7 +642,7 @@
|
|
|
636
642
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
637
643
|
line-height:var(--bp-font-line-height-05);
|
|
638
644
|
}
|
|
639
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
645
|
+
:where(body.is-inter-font) .bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
640
646
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
641
647
|
font-size:1rem;
|
|
642
648
|
font-style:normal;
|
|
@@ -647,12 +653,12 @@
|
|
|
647
653
|
text-transform:none;
|
|
648
654
|
}
|
|
649
655
|
|
|
650
|
-
.bp_base_button_module_button--
|
|
656
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e{
|
|
651
657
|
gap:var(--button-large-gap);
|
|
652
658
|
min-height:var(--button-large-min-height);
|
|
653
659
|
padding:var(--button-large-padding);
|
|
654
660
|
}
|
|
655
|
-
.bp_base_button_module_button--
|
|
661
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isIconButton--0a25e{
|
|
656
662
|
--icon-button-large-width:var(--bp-size-100);
|
|
657
663
|
--icon-button-large-height:var(--bp-size-100);
|
|
658
664
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
@@ -660,23 +666,23 @@
|
|
|
660
666
|
padding:var(--icon-button-large-padding);
|
|
661
667
|
width:var(--icon-button-large-width);
|
|
662
668
|
}
|
|
663
|
-
.bp_base_button_module_button--
|
|
669
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithIconEndButton--0a25e{
|
|
664
670
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
665
671
|
padding:var(--button-large-padding);
|
|
666
672
|
}
|
|
667
|
-
.bp_base_button_module_button--
|
|
673
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithIconStartButton--0a25e{
|
|
668
674
|
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
669
675
|
padding:var(--button-large-padding);
|
|
670
676
|
}
|
|
671
|
-
.bp_base_button_module_button--
|
|
677
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_large--0a25e.bp_base_button_module_isTextWithStartAndEndIconButton--0a25e{
|
|
672
678
|
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
673
679
|
padding:var(--button-large-padding);
|
|
674
680
|
}
|
|
675
|
-
.bp_base_button_module_button--
|
|
681
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_hide--0a25e{
|
|
676
682
|
pointer-events:none;
|
|
677
683
|
position:relative;
|
|
678
684
|
}
|
|
679
|
-
.bp_base_button_module_button--
|
|
685
|
+
.bp_base_button_module_button--0a25e.bp_base_button_module_hide--0a25e span{
|
|
680
686
|
color:#0000;
|
|
681
687
|
opacity:0;
|
|
682
688
|
}
|
|
@@ -10216,7 +10222,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10216
10222
|
display:inline;
|
|
10217
10223
|
}
|
|
10218
10224
|
|
|
10219
|
-
.bp_modal_module_overlay--
|
|
10225
|
+
.bp_modal_module_overlay--0e889{
|
|
10220
10226
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
10221
10227
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
10222
10228
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -10262,15 +10268,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10262
10268
|
z-index:var(--z-index-modal);
|
|
10263
10269
|
}
|
|
10264
10270
|
@media (width > 459px){
|
|
10265
|
-
.bp_modal_module_overlay--
|
|
10271
|
+
.bp_modal_module_overlay--0e889{
|
|
10266
10272
|
place-items:center;
|
|
10267
10273
|
}
|
|
10268
10274
|
}
|
|
10269
10275
|
|
|
10270
|
-
.bp_modal_module_headerDividerLine--
|
|
10276
|
+
.bp_modal_module_headerDividerLine--0e889{
|
|
10271
10277
|
position:relative;
|
|
10272
10278
|
}
|
|
10273
|
-
.bp_modal_module_headerDividerLine--
|
|
10279
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10274
10280
|
border-bottom:var(--modal-divider-line-border);
|
|
10275
10281
|
bottom:0;
|
|
10276
10282
|
content:"";
|
|
@@ -10279,16 +10285,16 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10279
10285
|
right:var(--modal-divider-line-offset-right);
|
|
10280
10286
|
}
|
|
10281
10287
|
@media (width > 459px){
|
|
10282
|
-
.bp_modal_module_headerDividerLine--
|
|
10288
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10283
10289
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10284
10290
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10285
10291
|
}
|
|
10286
10292
|
}
|
|
10287
10293
|
|
|
10288
|
-
.bp_modal_module_footerDividerLine--
|
|
10294
|
+
.bp_modal_module_footerDividerLine--0e889{
|
|
10289
10295
|
position:relative;
|
|
10290
10296
|
}
|
|
10291
|
-
.bp_modal_module_footerDividerLine--
|
|
10297
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10292
10298
|
border-bottom:var(--modal-divider-line-border);
|
|
10293
10299
|
content:"";
|
|
10294
10300
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -10297,13 +10303,13 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10297
10303
|
top:0;
|
|
10298
10304
|
}
|
|
10299
10305
|
@media (width > 459px){
|
|
10300
|
-
.bp_modal_module_footerDividerLine--
|
|
10306
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10301
10307
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10302
10308
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10303
10309
|
}
|
|
10304
10310
|
}
|
|
10305
10311
|
|
|
10306
|
-
.bp_modal_module_content--
|
|
10312
|
+
.bp_modal_module_content--0e889{
|
|
10307
10313
|
display:flex;
|
|
10308
10314
|
flex-direction:column;
|
|
10309
10315
|
height:100vh;
|
|
@@ -10311,15 +10317,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10311
10317
|
position:relative;
|
|
10312
10318
|
}
|
|
10313
10319
|
@media (width > 374px){
|
|
10314
|
-
.bp_modal_module_content--
|
|
10320
|
+
.bp_modal_module_content--0e889{
|
|
10315
10321
|
overflow:hidden;
|
|
10316
10322
|
}
|
|
10317
10323
|
}
|
|
10318
|
-
.bp_modal_module_content--
|
|
10324
|
+
.bp_modal_module_content--0e889{
|
|
10319
10325
|
background-color:var(--modal-content-background);
|
|
10320
10326
|
}
|
|
10321
10327
|
@media (width > 459px){
|
|
10322
|
-
.bp_modal_module_content--
|
|
10328
|
+
.bp_modal_module_content--0e889{
|
|
10323
10329
|
border-radius:var(--modal-border-radius);
|
|
10324
10330
|
height:auto;
|
|
10325
10331
|
margin:var(--modal-margin);
|
|
@@ -10327,97 +10333,97 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10327
10333
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
10328
10334
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
10329
10335
|
}
|
|
10330
|
-
.bp_modal_module_content--
|
|
10336
|
+
.bp_modal_module_content--0e889.bp_modal_module_smallSizeModal--0e889{
|
|
10331
10337
|
max-width:var(--modal-max-width-small);
|
|
10332
10338
|
}
|
|
10333
|
-
.bp_modal_module_content--
|
|
10339
|
+
.bp_modal_module_content--0e889.bp_modal_module_mediumSizeModal--0e889{
|
|
10334
10340
|
max-width:var(--modal-max-width-medium);
|
|
10335
10341
|
}
|
|
10336
|
-
.bp_modal_module_content--
|
|
10342
|
+
.bp_modal_module_content--0e889.bp_modal_module_largeSizeModal--0e889{
|
|
10337
10343
|
max-width:var(--modal-max-width-large);
|
|
10338
10344
|
}
|
|
10339
|
-
.bp_modal_module_content--
|
|
10345
|
+
.bp_modal_module_content--0e889.bp_modal_module_xlargeSizeModal--0e889{
|
|
10340
10346
|
max-width:var(--modal-max-width-xlarge);
|
|
10341
10347
|
}
|
|
10342
10348
|
}
|
|
10343
|
-
.bp_modal_module_content--
|
|
10349
|
+
.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_footerDividerLine--0e889::before,.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889) .bp_modal_module_headerDividerLine--0e889::after{
|
|
10344
10350
|
display:none;
|
|
10345
10351
|
}
|
|
10346
10352
|
@media (width > 459px){
|
|
10347
|
-
.bp_modal_module_content--
|
|
10353
|
+
.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889){
|
|
10348
10354
|
max-height:var(--modal-max-height-loading);
|
|
10349
10355
|
max-width:var(--modal-max-width-loading);
|
|
10350
10356
|
}
|
|
10351
10357
|
}
|
|
10352
10358
|
|
|
10353
|
-
.bp_modal_module_overlay--
|
|
10354
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
10359
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=false]{
|
|
10360
|
+
animation:bp_modal_module_popup_bounce_in--0e889 var(--animation-duration-3);
|
|
10355
10361
|
}
|
|
10356
10362
|
|
|
10357
|
-
.bp_modal_module_overlay--
|
|
10363
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=open]{
|
|
10358
10364
|
animation-duration:var(--bp-duration-long);
|
|
10359
10365
|
animation-fill-mode:backwards;
|
|
10360
|
-
animation-name:bp_modal_module_bpModalEnter--
|
|
10366
|
+
animation-name:bp_modal_module_bpModalEnter--0e889;
|
|
10361
10367
|
animation-timing-function:var(--bp-curve-large-on);
|
|
10362
10368
|
}
|
|
10363
10369
|
|
|
10364
|
-
.bp_modal_module_overlay--
|
|
10370
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=closed],.bp_modal_module_overlay--0e889[data-bp-animated=true][data-state=closed]{
|
|
10365
10371
|
animation-duration:var(--bp-duration-medium);
|
|
10366
10372
|
animation-fill-mode:forwards;
|
|
10367
|
-
animation-name:bp_modal_module_bpModalExit--
|
|
10373
|
+
animation-name:bp_modal_module_bpModalExit--0e889;
|
|
10368
10374
|
animation-timing-function:var(--bp-curve-large-off);
|
|
10369
10375
|
}
|
|
10370
10376
|
|
|
10371
|
-
.bp_modal_module_scrollableContainer--
|
|
10377
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10372
10378
|
flex-grow:1;
|
|
10373
10379
|
}
|
|
10374
10380
|
@media (width > 374px){
|
|
10375
|
-
.bp_modal_module_scrollableContainer--
|
|
10381
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10376
10382
|
overflow-y:auto;
|
|
10377
10383
|
}
|
|
10378
10384
|
}
|
|
10379
10385
|
|
|
10380
|
-
.bp_modal_module_content--
|
|
10386
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10381
10387
|
position:fixed;
|
|
10382
10388
|
}
|
|
10383
10389
|
@media (width > 374px){
|
|
10384
|
-
.bp_modal_module_content--
|
|
10390
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10385
10391
|
position:absolute;
|
|
10386
10392
|
}
|
|
10387
10393
|
}
|
|
10388
|
-
.bp_modal_module_content--
|
|
10394
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10389
10395
|
color:var(--modal-close-button-color);
|
|
10390
10396
|
right:var(--modal-close-button-offset-right);
|
|
10391
10397
|
top:var(--modal-close-button-offset-top);
|
|
10392
10398
|
}
|
|
10393
10399
|
|
|
10394
|
-
.bp_modal_module_close--
|
|
10400
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889{
|
|
10395
10401
|
background-color:var(--modal-close-button-on-color-background);
|
|
10396
10402
|
}
|
|
10397
|
-
.bp_modal_module_close--
|
|
10403
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:hover{
|
|
10398
10404
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
10399
10405
|
}
|
|
10400
|
-
.bp_modal_module_close--
|
|
10406
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:active{
|
|
10401
10407
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
10402
10408
|
}
|
|
10403
10409
|
|
|
10404
|
-
.bp_modal_module_content--
|
|
10410
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10405
10411
|
color:var(--modal-back-button-color);
|
|
10406
10412
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
10407
10413
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
10408
10414
|
}
|
|
10409
10415
|
@media (width > 459px){
|
|
10410
|
-
.bp_modal_module_content--
|
|
10416
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10411
10417
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
10412
10418
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
10413
10419
|
}
|
|
10414
10420
|
}
|
|
10415
10421
|
|
|
10416
|
-
.bp_modal_module_modalHeader--
|
|
10422
|
+
.bp_modal_module_modalHeader--0e889{
|
|
10417
10423
|
display:flex;
|
|
10418
10424
|
}
|
|
10419
10425
|
|
|
10420
|
-
.bp_modal_module_modalTitle--
|
|
10426
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10421
10427
|
display:flex;
|
|
10422
10428
|
flex-direction:column;
|
|
10423
10429
|
gap:var(--modal-title-gap);
|
|
@@ -10425,80 +10431,83 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10425
10431
|
padding:var(--modal-title-padding);
|
|
10426
10432
|
}
|
|
10427
10433
|
@media (width > 459px){
|
|
10428
|
-
.bp_modal_module_modalTitle--
|
|
10434
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10429
10435
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
10430
10436
|
}
|
|
10431
10437
|
}
|
|
10432
10438
|
|
|
10433
|
-
.bp_modal_module_body--
|
|
10439
|
+
.bp_modal_module_body--0e889{
|
|
10434
10440
|
color:var(--modal-body-text-color);
|
|
10435
10441
|
padding:var(--modal-body-padding-fullscreen);
|
|
10436
10442
|
}
|
|
10437
10443
|
@media (width > 459px){
|
|
10438
|
-
.bp_modal_module_body--
|
|
10444
|
+
.bp_modal_module_body--0e889{
|
|
10439
10445
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
10440
10446
|
}
|
|
10441
10447
|
}
|
|
10442
10448
|
|
|
10443
|
-
.bp_modal_module_footer--
|
|
10449
|
+
.bp_modal_module_footer--0e889{
|
|
10444
10450
|
display:flex;
|
|
10445
10451
|
justify-content:flex-end;
|
|
10446
10452
|
padding:var(--modal-footer-padding);
|
|
10447
10453
|
}
|
|
10448
10454
|
@media (width > 459px){
|
|
10449
|
-
.bp_modal_module_footer--
|
|
10455
|
+
.bp_modal_module_footer--0e889{
|
|
10450
10456
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
10451
10457
|
}
|
|
10452
10458
|
}
|
|
10459
|
+
.bp_modal_module_footer--0e889 .bp_modal_module_footerButton--0e889{
|
|
10460
|
+
cursor:pointer;
|
|
10461
|
+
}
|
|
10453
10462
|
|
|
10454
|
-
.bp_modal_module_footerButton--
|
|
10463
|
+
.bp_modal_module_footerButton--0e889 + .bp_modal_module_footerButton--0e889{
|
|
10455
10464
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
10456
10465
|
}
|
|
10457
10466
|
|
|
10458
|
-
.bp_modal_module_loadingContainer--
|
|
10467
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10459
10468
|
display:flex;
|
|
10460
10469
|
flex-direction:column;
|
|
10461
10470
|
flex-grow:1;
|
|
10462
10471
|
position:relative;
|
|
10463
10472
|
}
|
|
10464
10473
|
@media (width > 374px){
|
|
10465
|
-
.bp_modal_module_loadingContainer--
|
|
10474
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10466
10475
|
min-height:0;
|
|
10467
10476
|
}
|
|
10468
10477
|
}
|
|
10469
10478
|
|
|
10470
|
-
.bp_modal_module_loadingContainerActive--
|
|
10479
|
+
.bp_modal_module_loadingContainerActive--0e889{
|
|
10471
10480
|
overflow:hidden;
|
|
10472
10481
|
}
|
|
10473
10482
|
|
|
10474
|
-
.bp_modal_module_loading--
|
|
10483
|
+
.bp_modal_module_loading--0e889{
|
|
10475
10484
|
align-items:center;
|
|
10476
10485
|
display:flex;
|
|
10477
10486
|
}
|
|
10478
10487
|
|
|
10479
|
-
.bp_modal_module_loadingOverlay--
|
|
10488
|
+
.bp_modal_module_loadingOverlay--0e889{
|
|
10480
10489
|
background-color:var(--modal-content-background);
|
|
10481
10490
|
inset:0;
|
|
10482
10491
|
position:absolute;
|
|
10483
10492
|
z-index:1;
|
|
10484
10493
|
}
|
|
10485
10494
|
|
|
10486
|
-
.bp_modal_module_loadingContent--
|
|
10495
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10487
10496
|
display:flex;
|
|
10488
10497
|
flex-direction:column;
|
|
10489
10498
|
visibility:hidden;
|
|
10490
10499
|
}
|
|
10491
10500
|
@media (width > 374px){
|
|
10492
|
-
.bp_modal_module_loadingContent--
|
|
10501
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10493
10502
|
min-height:0;
|
|
10494
10503
|
}
|
|
10495
10504
|
}
|
|
10496
10505
|
|
|
10497
|
-
.bp_modal_module_loadingContentVisible--
|
|
10506
|
+
.bp_modal_module_loadingContentVisible--0e889{
|
|
10498
10507
|
visibility:visible;
|
|
10499
10508
|
}
|
|
10500
10509
|
|
|
10501
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
10510
|
+
@keyframes bp_modal_module_popup_bounce_in--0e889{
|
|
10502
10511
|
0%{
|
|
10503
10512
|
transform:scale3d(.1, .1, 1);
|
|
10504
10513
|
}
|
|
@@ -10506,7 +10515,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10506
10515
|
transform:scaleX(1);
|
|
10507
10516
|
}
|
|
10508
10517
|
}
|
|
10509
|
-
@keyframes bp_modal_module_bpModalEnter--
|
|
10518
|
+
@keyframes bp_modal_module_bpModalEnter--0e889{
|
|
10510
10519
|
from{
|
|
10511
10520
|
opacity:var(--bp-opacity-hidden);
|
|
10512
10521
|
transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
|
|
@@ -10516,7 +10525,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10516
10525
|
transform:translateY(0) scale(var(--bp-scale-default));
|
|
10517
10526
|
}
|
|
10518
10527
|
}
|
|
10519
|
-
@keyframes bp_modal_module_bpModalExit--
|
|
10528
|
+
@keyframes bp_modal_module_bpModalExit--0e889{
|
|
10520
10529
|
from{
|
|
10521
10530
|
opacity:var(--bp-opacity-visible);
|
|
10522
10531
|
}
|
|
@@ -12374,7 +12383,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12374
12383
|
.bp_menu_combobox_module_menuCloseButton--88105{
|
|
12375
12384
|
grid-area:close;
|
|
12376
12385
|
}
|
|
12377
|
-
.bp_notification_module_viewport--
|
|
12386
|
+
.bp_notification_module_viewport--c9108{
|
|
12378
12387
|
--notification-viewport-space:var(--space-4);
|
|
12379
12388
|
--notification-viewport-item-spacing:var(--space-3);
|
|
12380
12389
|
all:unset;
|
|
@@ -12389,7 +12398,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12389
12398
|
z-index:var(--z-index-notification);
|
|
12390
12399
|
}
|
|
12391
12400
|
|
|
12392
|
-
.bp_notification_module_root--
|
|
12401
|
+
.bp_notification_module_root--c9108[data-modern=false]{
|
|
12393
12402
|
--notification-padding-vertical:var(--space-3);
|
|
12394
12403
|
--notification-padding-horizontal:var(--space-4);
|
|
12395
12404
|
--notification-item-spacing:var(--space-3);
|
|
@@ -12408,9 +12417,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12408
12417
|
--notification-text-color:var(--text-text-on-light);
|
|
12409
12418
|
--notification-text-container-height:var(--space-8);
|
|
12410
12419
|
--notification-icon-size:var(--size-8);
|
|
12411
|
-
--notification-icon-margin
|
|
12420
|
+
--notification-icon-margin:0.375rem;
|
|
12412
12421
|
}
|
|
12413
|
-
.bp_notification_module_root--
|
|
12422
|
+
.bp_notification_module_root--c9108[data-modern=false] .bp_notification_module_text--c9108{
|
|
12414
12423
|
font-family:var(--body-default-bold-font-family);
|
|
12415
12424
|
font-size:var(--body-default-bold-font-size);
|
|
12416
12425
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -12420,7 +12429,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12420
12429
|
text-transform:var(--body-default-bold-text-case);
|
|
12421
12430
|
}
|
|
12422
12431
|
|
|
12423
|
-
.bp_notification_module_root--
|
|
12432
|
+
.bp_notification_module_root--c9108[data-modern=true]{
|
|
12424
12433
|
--notification-padding-vertical:var(--bp-space-030);
|
|
12425
12434
|
--notification-padding-horizontal:var(--bp-space-040);
|
|
12426
12435
|
--notification-item-spacing:var(--bp-space-030);
|
|
@@ -12441,9 +12450,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12441
12450
|
--notification-text-color:var(--bp-text-text-on-light);
|
|
12442
12451
|
--notification-text-container-height:var(--bp-space-080);
|
|
12443
12452
|
--notification-icon-size:var(--bp-size-080);
|
|
12444
|
-
--notification-icon-margin
|
|
12453
|
+
--notification-icon-margin:0.375rem;
|
|
12445
12454
|
}
|
|
12446
|
-
.bp_notification_module_root--
|
|
12455
|
+
.bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12447
12456
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12448
12457
|
font-size:var(--bp-font-size-05);
|
|
12449
12458
|
font-style:normal;
|
|
@@ -12451,7 +12460,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12451
12460
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12452
12461
|
line-height:var(--bp-font-line-height-04);
|
|
12453
12462
|
}
|
|
12454
|
-
:where(body.is-inter-font) .bp_notification_module_root--
|
|
12463
|
+
:where(body.is-inter-font) .bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12455
12464
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12456
12465
|
font-size:.875rem;
|
|
12457
12466
|
font-style:normal;
|
|
@@ -12462,20 +12471,20 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12462
12471
|
text-transform:none;
|
|
12463
12472
|
}
|
|
12464
12473
|
|
|
12465
|
-
.bp_notification_module_root--
|
|
12474
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_info--c9108{
|
|
12466
12475
|
background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
|
|
12467
12476
|
}
|
|
12468
|
-
.bp_notification_module_root--
|
|
12477
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_success--c9108{
|
|
12469
12478
|
background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
|
|
12470
12479
|
}
|
|
12471
|
-
.bp_notification_module_root--
|
|
12480
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_warning--c9108{
|
|
12472
12481
|
background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
|
|
12473
12482
|
}
|
|
12474
|
-
.bp_notification_module_root--
|
|
12483
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_error--c9108{
|
|
12475
12484
|
background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
|
|
12476
12485
|
}
|
|
12477
12486
|
|
|
12478
|
-
.bp_notification_module_root--
|
|
12487
|
+
.bp_notification_module_root--c9108{
|
|
12479
12488
|
backdrop-filter:blur(var(--notification-background-blur));
|
|
12480
12489
|
border:var(--notification-border) solid;
|
|
12481
12490
|
border-radius:var(--notification-radius);
|
|
@@ -12486,37 +12495,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12486
12495
|
width:max-content;
|
|
12487
12496
|
}
|
|
12488
12497
|
@media (width > 374px){
|
|
12489
|
-
.bp_notification_module_root--
|
|
12498
|
+
.bp_notification_module_root--c9108{
|
|
12490
12499
|
max-width:343px;
|
|
12491
12500
|
}
|
|
12492
12501
|
}
|
|
12493
12502
|
@media (width > 767px){
|
|
12494
|
-
.bp_notification_module_root--
|
|
12503
|
+
.bp_notification_module_root--c9108{
|
|
12495
12504
|
max-width:728px;
|
|
12496
12505
|
}
|
|
12497
12506
|
}
|
|
12498
12507
|
@media (width > 1023px){
|
|
12499
|
-
.bp_notification_module_root--
|
|
12508
|
+
.bp_notification_module_root--c9108{
|
|
12500
12509
|
max-width:848px;
|
|
12501
12510
|
}
|
|
12502
12511
|
}
|
|
12503
12512
|
@media (width > 1219px){
|
|
12504
|
-
.bp_notification_module_root--
|
|
12513
|
+
.bp_notification_module_root--c9108{
|
|
12505
12514
|
max-width:896px;
|
|
12506
12515
|
}
|
|
12507
12516
|
}
|
|
12508
|
-
.bp_notification_module_root--
|
|
12517
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12509
12518
|
align-items:flex-start;
|
|
12510
12519
|
display:flex;
|
|
12511
12520
|
gap:var(--notification-item-spacing);
|
|
12512
12521
|
width:100%;
|
|
12513
12522
|
}
|
|
12514
12523
|
@media (width > 767px){
|
|
12515
|
-
.bp_notification_module_root--
|
|
12524
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12516
12525
|
align-items:center;
|
|
12517
12526
|
}
|
|
12518
12527
|
}
|
|
12519
|
-
.bp_notification_module_root--
|
|
12528
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12520
12529
|
align-items:left;
|
|
12521
12530
|
display:flex;
|
|
12522
12531
|
flex-direction:column;
|
|
@@ -12524,46 +12533,46 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12524
12533
|
width:100%;
|
|
12525
12534
|
}
|
|
12526
12535
|
@media (width > 767px){
|
|
12527
|
-
.bp_notification_module_root--
|
|
12536
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12528
12537
|
align-items:center;
|
|
12529
12538
|
flex-direction:row;
|
|
12530
12539
|
}
|
|
12531
12540
|
}
|
|
12532
|
-
.bp_notification_module_root--
|
|
12541
|
+
.bp_notification_module_root--c9108 .bp_notification_module_withButtons--c9108{
|
|
12533
12542
|
gap:var(--notification-item-spacing);
|
|
12534
12543
|
}
|
|
12535
|
-
.bp_notification_module_root--
|
|
12544
|
+
.bp_notification_module_root--c9108.bp_notification_module_info--c9108{
|
|
12536
12545
|
background:var(--notification-background-info);
|
|
12537
12546
|
border-color:var(--notification-border-color-info);
|
|
12538
12547
|
}
|
|
12539
|
-
.bp_notification_module_root--
|
|
12548
|
+
.bp_notification_module_root--c9108.bp_notification_module_success--c9108{
|
|
12540
12549
|
background:var(--notification-background-success);
|
|
12541
12550
|
border-color:var(--notification-border-color-success);
|
|
12542
12551
|
}
|
|
12543
|
-
.bp_notification_module_root--
|
|
12552
|
+
.bp_notification_module_root--c9108.bp_notification_module_warning--c9108{
|
|
12544
12553
|
background:var(--notification-background-warning);
|
|
12545
12554
|
border-color:var(--notification-border-color-warning);
|
|
12546
12555
|
}
|
|
12547
|
-
.bp_notification_module_root--
|
|
12556
|
+
.bp_notification_module_root--c9108.bp_notification_module_error--c9108{
|
|
12548
12557
|
background:var(--notification-background-error);
|
|
12549
12558
|
border-color:var(--notification-border-color-error);
|
|
12550
12559
|
}
|
|
12551
|
-
.bp_notification_module_root--
|
|
12560
|
+
.bp_notification_module_root--c9108:focus-visible{
|
|
12552
12561
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
|
|
12553
12562
|
outline:none;
|
|
12554
12563
|
}
|
|
12555
|
-
.bp_notification_module_root--
|
|
12564
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108{
|
|
12556
12565
|
align-items:center;
|
|
12557
12566
|
display:flex;
|
|
12558
12567
|
height:var(--notification-icon-size);
|
|
12559
12568
|
justify-content:center;
|
|
12560
12569
|
width:var(--notification-icon-size);
|
|
12561
12570
|
}
|
|
12562
|
-
.bp_notification_module_root--
|
|
12571
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108 .bp_notification_module_typeIcon--c9108{
|
|
12563
12572
|
flex-shrink:0;
|
|
12564
12573
|
margin:var(--notification-icon-margin);
|
|
12565
12574
|
}
|
|
12566
|
-
.bp_notification_module_root--
|
|
12575
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108{
|
|
12567
12576
|
align-items:center;
|
|
12568
12577
|
color:var(--notification-text-color);
|
|
12569
12578
|
display:flex;
|
|
@@ -12571,33 +12580,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12571
12580
|
min-height:var(--notification-text-container-height);
|
|
12572
12581
|
overflow:hidden;
|
|
12573
12582
|
}
|
|
12574
|
-
.bp_notification_module_root--
|
|
12583
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108 > div{
|
|
12575
12584
|
overflow:hidden;
|
|
12576
12585
|
overflow-wrap:break-word;
|
|
12577
12586
|
}
|
|
12578
|
-
.bp_notification_module_root--
|
|
12587
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12579
12588
|
display:flex;
|
|
12580
12589
|
gap:var(--notification-item-spacing);
|
|
12581
12590
|
margin-left:0;
|
|
12582
12591
|
}
|
|
12583
12592
|
@media (width > 767px){
|
|
12584
|
-
.bp_notification_module_root--
|
|
12593
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12585
12594
|
margin-left:auto;
|
|
12586
12595
|
}
|
|
12587
12596
|
}
|
|
12588
|
-
.bp_notification_module_root--
|
|
12597
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108{
|
|
12589
12598
|
display:flex;
|
|
12590
12599
|
gap:var(--notification-item-spacing);
|
|
12591
12600
|
}
|
|
12592
|
-
.bp_notification_module_root--
|
|
12601
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108 a,.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108 button{
|
|
12602
|
+
cursor:pointer;
|
|
12603
|
+
}
|
|
12604
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108{
|
|
12593
12605
|
display:flex;
|
|
12594
12606
|
gap:var(--notification-item-spacing);
|
|
12595
12607
|
margin-left:auto;
|
|
12596
12608
|
}
|
|
12597
|
-
.bp_notification_module_root--
|
|
12609
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108{
|
|
12598
12610
|
align-self:center;
|
|
12599
12611
|
}
|
|
12600
|
-
.bp_notification_module_root--
|
|
12612
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108 svg *{
|
|
12601
12613
|
fill:currentcolor;
|
|
12602
12614
|
}
|
|
12603
12615
|
.bp_popover_module_popoverContentContainer--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverMainContent--6fc5b,.bp_popover_module_popoverContentContainer--6fc5b.bp_popover_module_accessibilitySmallBreakpoint--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverScrollContainer--6fc5b{
|