@box/blueprint-web 17.11.0 → 17.11.2
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/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/combobox-group/combobox-group.module.js +1 -1
- package/dist/lib-esm/components.css +343 -320
- package/dist/lib-esm/index.css +343 -320
- 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/dist/lib-esm/select/select.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
|
}
|
|
@@ -5338,7 +5344,7 @@
|
|
|
5338
5344
|
.bp_text_area_module_textAreaContainer--44657 .bp_text_area_module_inlineError--44657{
|
|
5339
5345
|
margin-block-start:var(--text-area-container-row-gap);
|
|
5340
5346
|
}
|
|
5341
|
-
.bp_combobox_module_container--
|
|
5347
|
+
.bp_combobox_module_container--0d975[data-modern=false]{
|
|
5342
5348
|
--max-lines:3;
|
|
5343
5349
|
--input-height:var(--space-5);
|
|
5344
5350
|
--chip-height:var(--space-7);
|
|
@@ -5370,8 +5376,6 @@
|
|
|
5370
5376
|
--combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--outline-focus-on-light);
|
|
5371
5377
|
--combobox-padding-block-focus:calc(var(--combobox-space) - var(--combobox-border-width-focus));
|
|
5372
5378
|
--combobox-container-focus-padding-block:var(--combobox-padding-block-focus);
|
|
5373
|
-
--combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
|
|
5374
|
-
--combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
|
|
5375
5379
|
--combobox-container-error-background-color:var(--surface-dropdown-surface-error);
|
|
5376
5380
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--border-2));
|
|
5377
5381
|
--combobox-container-error-border-right-width:var(--blueprint-combobox-border-error-right-width, var(--border-2));
|
|
@@ -5383,8 +5387,6 @@
|
|
|
5383
5387
|
--combobox-container-error-border-color:var(--border-input-border-error);
|
|
5384
5388
|
--combobox-padding-block-error:calc(var(--combobox-space) - var(--combobox-border-width-error));
|
|
5385
5389
|
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
5386
|
-
--combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
|
|
5387
|
-
--combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
|
|
5388
5390
|
--combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--space-2) + var(--max-lines)*var(--space-6));
|
|
5389
5391
|
--combobox-with-chips-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width));
|
|
5390
5392
|
--combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
|
|
@@ -5408,7 +5410,7 @@
|
|
|
5408
5410
|
text-decoration:var(--body-default-text-decoration);
|
|
5409
5411
|
text-transform:var(--body-default-text-case);
|
|
5410
5412
|
}
|
|
5411
|
-
.bp_combobox_module_container--
|
|
5413
|
+
.bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_label--0d975{
|
|
5412
5414
|
font-family:var(--body-default-bold-font-family);
|
|
5413
5415
|
font-size:var(--body-default-bold-font-size);
|
|
5414
5416
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5417,7 +5419,7 @@
|
|
|
5417
5419
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
5418
5420
|
text-transform:var(--body-default-bold-text-case);
|
|
5419
5421
|
}
|
|
5420
|
-
.bp_combobox_module_container--
|
|
5422
|
+
.bp_combobox_module_container--0d975[data-modern=false] .bp_combobox_module_textInput--0d975{
|
|
5421
5423
|
font-family:var(--body-default-font-family);
|
|
5422
5424
|
font-size:var(--body-default-font-size);
|
|
5423
5425
|
font-weight:var(--body-default-font-weight);
|
|
@@ -5427,7 +5429,7 @@
|
|
|
5427
5429
|
text-transform:var(--body-default-text-case);
|
|
5428
5430
|
}
|
|
5429
5431
|
|
|
5430
|
-
.bp_combobox_module_container--
|
|
5432
|
+
.bp_combobox_module_container--0d975[data-modern=true]{
|
|
5431
5433
|
--max-lines:3;
|
|
5432
5434
|
--bp-innershadow-01:var(--innershadow-1);
|
|
5433
5435
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -5459,8 +5461,6 @@
|
|
|
5459
5461
|
--combobox-container-focus-background-color:var(--bp-gray-white);
|
|
5460
5462
|
--combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--bp-outline-focus-on-light);
|
|
5461
5463
|
--combobox-container-focus-padding-block:var(--bp-space-020);
|
|
5462
|
-
--combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
|
|
5463
|
-
--combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
|
|
5464
5464
|
--combobox-container-error-background-color:var(--bp-gray-white);
|
|
5465
5465
|
--combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--bp-border-02));
|
|
5466
5466
|
--combobox-container-error-border-right-width:var(
|
|
@@ -5478,8 +5478,6 @@
|
|
|
5478
5478
|
--combobox-container-error-border-color:var(--bp-border-input-border-error);
|
|
5479
5479
|
--combobox-padding-block-error:calc(var(--bp-combobox-space) - var(--combobox-border-width-error));
|
|
5480
5480
|
--combobox-container-error-padding-block:var(--combobox-padding-block-error);
|
|
5481
|
-
--combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
|
|
5482
|
-
--combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
|
|
5483
5481
|
--combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--bp-space-020) + var(--max-lines)*var(--bp-space-060));
|
|
5484
5482
|
--combobox-with-chips-padding-block:calc(var(--bp-combobox-with-chips-space) - var(--combobox-border-width));
|
|
5485
5483
|
--combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
|
|
@@ -5502,7 +5500,7 @@
|
|
|
5502
5500
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5503
5501
|
line-height:var(--bp-font-line-height-04);
|
|
5504
5502
|
}
|
|
5505
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5503
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true]{
|
|
5506
5504
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5507
5505
|
font-size:.875rem;
|
|
5508
5506
|
font-style:normal;
|
|
@@ -5513,7 +5511,7 @@
|
|
|
5513
5511
|
text-transform:none;
|
|
5514
5512
|
}
|
|
5515
5513
|
|
|
5516
|
-
.bp_combobox_module_container--
|
|
5514
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
|
|
5517
5515
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5518
5516
|
font-size:var(--bp-font-size-05);
|
|
5519
5517
|
font-style:normal;
|
|
@@ -5521,7 +5519,7 @@
|
|
|
5521
5519
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5522
5520
|
line-height:var(--bp-font-line-height-04);
|
|
5523
5521
|
}
|
|
5524
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5522
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_label--0d975{
|
|
5525
5523
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5526
5524
|
font-size:.875rem;
|
|
5527
5525
|
font-style:normal;
|
|
@@ -5532,7 +5530,7 @@
|
|
|
5532
5530
|
text-transform:none;
|
|
5533
5531
|
}
|
|
5534
5532
|
|
|
5535
|
-
.bp_combobox_module_container--
|
|
5533
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
|
|
5536
5534
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5537
5535
|
font-size:var(--bp-font-size-05);
|
|
5538
5536
|
font-style:normal;
|
|
@@ -5540,7 +5538,7 @@
|
|
|
5540
5538
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5541
5539
|
line-height:var(--bp-font-line-height-04);
|
|
5542
5540
|
}
|
|
5543
|
-
:where(body.is-inter-font) .bp_combobox_module_container--
|
|
5541
|
+
:where(body.is-inter-font) .bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_textInput--0d975{
|
|
5544
5542
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5545
5543
|
font-size:.875rem;
|
|
5546
5544
|
font-style:normal;
|
|
@@ -5551,7 +5549,7 @@
|
|
|
5551
5549
|
text-transform:none;
|
|
5552
5550
|
}
|
|
5553
5551
|
|
|
5554
|
-
.bp_combobox_module_popover--
|
|
5552
|
+
.bp_combobox_module_popover--0d975[data-modern=false]{
|
|
5555
5553
|
--option-height:2.25rem;
|
|
5556
5554
|
--dropdown-max-height:12.5rem;
|
|
5557
5555
|
--combobox-popover-max-height:min(
|
|
@@ -5592,7 +5590,7 @@
|
|
|
5592
5590
|
text-transform:var(--body-default-text-case);
|
|
5593
5591
|
}
|
|
5594
5592
|
|
|
5595
|
-
.bp_combobox_module_popover--
|
|
5593
|
+
.bp_combobox_module_popover--0d975[data-modern=true]{
|
|
5596
5594
|
--option-height:2.25rem;
|
|
5597
5595
|
--dropdown-max-height:12.5rem;
|
|
5598
5596
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -5632,7 +5630,7 @@
|
|
|
5632
5630
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5633
5631
|
line-height:var(--bp-font-line-height-04);
|
|
5634
5632
|
}
|
|
5635
|
-
:where(body.is-inter-font) .bp_combobox_module_popover--
|
|
5633
|
+
:where(body.is-inter-font) .bp_combobox_module_popover--0d975[data-modern=true]{
|
|
5636
5634
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5637
5635
|
font-size:.875rem;
|
|
5638
5636
|
font-style:normal;
|
|
@@ -5643,22 +5641,23 @@
|
|
|
5643
5641
|
text-transform:none;
|
|
5644
5642
|
}
|
|
5645
5643
|
|
|
5646
|
-
.bp_combobox_module_container--
|
|
5644
|
+
.bp_combobox_module_container--0d975{
|
|
5647
5645
|
display:flex;
|
|
5648
5646
|
flex-direction:column;
|
|
5649
5647
|
}
|
|
5650
|
-
.bp_combobox_module_container--
|
|
5648
|
+
.bp_combobox_module_container--0d975.bp_combobox_module_disabled--0d975{
|
|
5651
5649
|
opacity:var(--disabled-opacity);
|
|
5652
5650
|
}
|
|
5653
|
-
.bp_combobox_module_container--
|
|
5651
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975{
|
|
5654
5652
|
color:var(--combobox-label-color);
|
|
5655
5653
|
flex:0 0 fit-content;
|
|
5656
5654
|
overflow-wrap:break-word;
|
|
5657
5655
|
}
|
|
5658
|
-
.bp_combobox_module_container--
|
|
5656
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_label--0d975:not(.bp_combobox_module_hiddenLabel--0d975){
|
|
5659
5657
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
5660
5658
|
}
|
|
5661
|
-
.bp_combobox_module_container--
|
|
5659
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975{
|
|
5660
|
+
--combobox-container-border-compensation:0px;
|
|
5662
5661
|
background-color:var(--combobox-container-background-color);
|
|
5663
5662
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
5664
5663
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -5670,62 +5669,62 @@
|
|
|
5670
5669
|
overflow:hidden;
|
|
5671
5670
|
position:relative;
|
|
5672
5671
|
}
|
|
5673
|
-
.bp_combobox_module_container--
|
|
5672
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5674
5673
|
display:flex;
|
|
5675
5674
|
flex-wrap:wrap;
|
|
5676
5675
|
gap:var(--combobox-container-contents-gap);
|
|
5677
5676
|
overflow-y:auto;
|
|
5678
5677
|
padding-block:var(--combobox-container-padding-block);
|
|
5679
|
-
padding-inline:var(--combobox-container-padding-inline);
|
|
5678
|
+
padding-inline:calc(var(--combobox-container-padding-inline) - max(var(--blueprint-combobox-padding-compensation-inline-start, 0px), var(--combobox-container-border-compensation))) calc(var(--combobox-container-padding-inline) - var(--combobox-container-border-compensation));
|
|
5680
5679
|
}
|
|
5681
|
-
.bp_combobox_module_container--
|
|
5680
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5682
5681
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
5683
5682
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
5684
5683
|
}
|
|
5685
|
-
.bp_combobox_module_container--
|
|
5684
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5686
5685
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
5687
5686
|
}
|
|
5688
|
-
.bp_combobox_module_container--
|
|
5687
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withChips--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5689
5688
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
5690
5689
|
}
|
|
5691
|
-
.bp_combobox_module_container--
|
|
5692
|
-
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
5690
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5691
|
+
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-buttons) - var(--combobox-container-border-compensation));
|
|
5693
5692
|
}
|
|
5694
|
-
.bp_combobox_module_container--
|
|
5695
|
-
padding-inline-end:var(--combobox-container-padding-inline-end-with-inline-error-and-buttons);
|
|
5693
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975.bp_combobox_module_withComboboxButtons--0d975.bp_combobox_module_withInlineErrorAndEndButton--0d975 .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5694
|
+
padding-inline-end:calc(var(--combobox-container-padding-inline-end-with-inline-error-and-buttons) - var(--combobox-container-border-compensation));
|
|
5696
5695
|
}
|
|
5697
|
-
.bp_combobox_module_container--
|
|
5696
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus){
|
|
5697
|
+
--combobox-container-border-compensation:calc(var(--combobox-border-width-focus) - var(--combobox-border-width));
|
|
5698
5698
|
background-color:var(--combobox-container-focus-background-color);
|
|
5699
5699
|
border:var(--combobox-container-focus-border);
|
|
5700
5700
|
}
|
|
5701
|
-
.bp_combobox_module_container--
|
|
5701
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5702
5702
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
5703
|
-
padding-inline-start:var(--combobox-container-focus-padding-inline);
|
|
5704
5703
|
}
|
|
5705
|
-
.bp_combobox_module_container--
|
|
5704
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]){
|
|
5705
|
+
--combobox-container-border-compensation:calc(var(--combobox-border-width-error) - var(--combobox-border-width));
|
|
5706
5706
|
background-color:var(--combobox-container-error-background-color);
|
|
5707
5707
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
5708
5708
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
5709
5709
|
border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
|
|
5710
5710
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
5711
5711
|
}
|
|
5712
|
-
.bp_combobox_module_container--
|
|
5712
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled).bp_combobox_module_error--0d975 .bp_combobox_module_comboboxContainerInner--0d975,.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--0d975{
|
|
5713
5713
|
padding-block:var(--combobox-container-error-padding-block);
|
|
5714
|
-
padding-inline-start:var(--combobox-container-error-padding-inline);
|
|
5715
5714
|
}
|
|
5716
|
-
.bp_combobox_module_container--
|
|
5715
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--0d975, :has([aria-invalid=true])){
|
|
5717
5716
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
5718
5717
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
5719
5718
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
5720
5719
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
5721
5720
|
}
|
|
5722
|
-
.bp_combobox_module_container--
|
|
5721
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975{
|
|
5723
5722
|
align-items:center;
|
|
5724
5723
|
display:flex;
|
|
5725
5724
|
flex:content;
|
|
5726
5725
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
5727
5726
|
}
|
|
5728
|
-
.bp_combobox_module_container--
|
|
5727
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_textInput--0d975{
|
|
5729
5728
|
background-color:var(--combobox-text-input-background-color);
|
|
5730
5729
|
border:none;
|
|
5731
5730
|
color:var(--combobox-text-input-color);
|
|
@@ -5734,33 +5733,33 @@
|
|
|
5734
5733
|
padding:0;
|
|
5735
5734
|
width:100%;
|
|
5736
5735
|
}
|
|
5737
|
-
.bp_combobox_module_container--
|
|
5736
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_errorIcon--0d975 path{
|
|
5738
5737
|
fill:var(--combobox-error-icon-fill);
|
|
5739
5738
|
}
|
|
5740
|
-
.bp_combobox_module_container--
|
|
5739
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_comboboxButtons--0d975{
|
|
5741
5740
|
align-items:center;
|
|
5742
5741
|
display:flex;
|
|
5743
5742
|
gap:var(--combobox-buttons-gap);
|
|
5744
5743
|
position:absolute;
|
|
5745
|
-
right:var(--combobox-button-spacing);
|
|
5746
|
-
top:var(--combobox-button-spacing);
|
|
5744
|
+
right:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5745
|
+
top:calc(var(--combobox-button-spacing) - var(--combobox-container-border-compensation));
|
|
5747
5746
|
}
|
|
5748
|
-
.bp_combobox_module_container--
|
|
5747
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_comboboxContainer--0d975 .bp_combobox_module_textInputWrapper--0d975 .bp_combobox_module_inlineErrorIcon--0d975{
|
|
5749
5748
|
height:var(--combobox-inline-error-icon-height);
|
|
5750
5749
|
width:var(--combobox-inline-error-icon-width);
|
|
5751
5750
|
}
|
|
5752
|
-
.bp_combobox_module_container--
|
|
5751
|
+
.bp_combobox_module_container--0d975 .bp_combobox_module_inlineError--0d975{
|
|
5753
5752
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
5754
5753
|
}
|
|
5755
|
-
.bp_combobox_module_container--
|
|
5754
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]{
|
|
5756
5755
|
transition-duration:var(--bp-duration-short);
|
|
5757
5756
|
transition-property:border-color, background-color;
|
|
5758
5757
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5759
5758
|
}
|
|
5760
|
-
.bp_combobox_module_container--
|
|
5759
|
+
.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--0d975,.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--0d975[data-modern=true] .bp_combobox_module_comboboxContainer--0d975[data-bp-animated=true]:not(:disabled):has(input:hover){
|
|
5761
5760
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5762
5761
|
}
|
|
5763
|
-
.bp_combobox_module_popover--
|
|
5762
|
+
.bp_combobox_module_popover--0d975{
|
|
5764
5763
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
5765
5764
|
background-color:var(--combobox-popover-background-color);
|
|
5766
5765
|
border:var(--combobox-popover-border);
|
|
@@ -5769,13 +5768,13 @@
|
|
|
5769
5768
|
overflow:hidden;
|
|
5770
5769
|
z-index:var(--z-index-popover);
|
|
5771
5770
|
}
|
|
5772
|
-
.bp_combobox_module_popover--
|
|
5771
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_popoverInner--0d975{
|
|
5773
5772
|
max-height:var(--combobox-popover-max-height);
|
|
5774
5773
|
overflow:auto;
|
|
5775
5774
|
padding-block:var(--combobox-popover-padding-block);
|
|
5776
5775
|
padding-inline:var(--combobox-popover-padding-inline);
|
|
5777
5776
|
}
|
|
5778
|
-
.bp_combobox_module_popover--
|
|
5777
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975{
|
|
5779
5778
|
border:var(--combobox-option-border);
|
|
5780
5779
|
border-radius:var(--combobox-option-border-radius);
|
|
5781
5780
|
box-sizing:border-box;
|
|
@@ -5790,21 +5789,21 @@
|
|
|
5790
5789
|
user-select:none;
|
|
5791
5790
|
width:100%;
|
|
5792
5791
|
}
|
|
5793
|
-
.bp_combobox_module_popover--
|
|
5792
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[aria-disabled]{
|
|
5794
5793
|
opacity:var(--combobox-option-disabled-opacity);
|
|
5795
5794
|
}
|
|
5796
|
-
.bp_combobox_module_popover--
|
|
5795
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
|
|
5797
5796
|
background-color:var(--combobox-option-active-background-color);
|
|
5798
5797
|
border:var(--combobox-option-active-border);
|
|
5799
5798
|
}
|
|
5800
|
-
.bp_combobox_module_popover--
|
|
5799
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:active{
|
|
5801
5800
|
background-color:var(--combobox-option-hover-background-color);
|
|
5802
5801
|
border:var(--combobox-option-border);
|
|
5803
5802
|
}
|
|
5804
|
-
.bp_combobox_module_popover--
|
|
5803
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975:hover{
|
|
5805
5804
|
background-color:var(--combobox-option-hover-background-color);
|
|
5806
5805
|
}
|
|
5807
|
-
.bp_combobox_module_popover--
|
|
5806
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975{
|
|
5808
5807
|
align-items:center;
|
|
5809
5808
|
display:flex;
|
|
5810
5809
|
height:var(--combobox-option-indicator-height);
|
|
@@ -5813,62 +5812,65 @@
|
|
|
5813
5812
|
position:absolute;
|
|
5814
5813
|
top:var(--combobox-option-indicator-top);
|
|
5815
5814
|
}
|
|
5816
|
-
.bp_combobox_module_popover--
|
|
5815
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_option--0d975 .bp_combobox_module_indicator--0d975 .bp_combobox_module_indicatorIcon--0d975 path{
|
|
5817
5816
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
5818
5817
|
}
|
|
5819
|
-
.bp_combobox_module_popover--
|
|
5818
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_optionWithIndicator--0d975{
|
|
5820
5819
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
5821
5820
|
}
|
|
5822
|
-
.bp_combobox_module_popover--
|
|
5821
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_loadingIndicator--0d975{
|
|
5823
5822
|
position:var(--combobox-loading-indicator-position);
|
|
5824
5823
|
}
|
|
5825
|
-
.bp_combobox_module_popover--
|
|
5824
|
+
.bp_combobox_module_popover--0d975 .bp_combobox_module_noResultOption--0d975{
|
|
5826
5825
|
color:var(--combobox-no-result-option-color);
|
|
5827
5826
|
-webkit-user-select:none;
|
|
5828
5827
|
user-select:none;
|
|
5829
5828
|
}
|
|
5830
5829
|
|
|
5831
|
-
.bp_combobox_module_popover--
|
|
5830
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true]{
|
|
5832
5831
|
opacity:var(--bp-opacity-hidden);
|
|
5833
5832
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
5834
5833
|
transition-duration:var(--bp-duration-short);
|
|
5835
5834
|
transition-property:opacity, transform;
|
|
5836
5835
|
transition-timing-function:var(--bp-curve-medium-off);
|
|
5837
5836
|
}
|
|
5838
|
-
.bp_combobox_module_popover--
|
|
5837
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-side=top]{
|
|
5839
5838
|
transform:translateY(var(--bp-space-020));
|
|
5840
5839
|
}
|
|
5841
|
-
.bp_combobox_module_popover--
|
|
5840
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true][data-enter]{
|
|
5842
5841
|
opacity:var(--bp-opacity-visible);
|
|
5843
5842
|
transform:translateY(0);
|
|
5844
5843
|
transition-duration:var(--bp-duration-medium);
|
|
5845
5844
|
transition-timing-function:var(--bp-curve-medium-on);
|
|
5846
5845
|
}
|
|
5847
5846
|
|
|
5848
|
-
.bp_combobox_module_popover--
|
|
5847
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975{
|
|
5849
5848
|
transition-duration:var(--bp-duration-short);
|
|
5850
5849
|
transition-property:background-color;
|
|
5851
5850
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5852
5851
|
}
|
|
5853
|
-
.bp_combobox_module_popover--
|
|
5852
|
+
.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:active,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975:hover,.bp_combobox_module_popover--0d975[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--0d975[data-active-item]:not([aria-disabled]){
|
|
5854
5853
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5855
5854
|
}
|
|
5856
|
-
.bp_combobox_group_module_container--
|
|
5855
|
+
.bp_combobox_group_module_container--07d83[data-modern=false]{
|
|
5857
5856
|
--combobox-group-container-gap:var(--space-2);
|
|
5858
5857
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5859
5858
|
--combobox-group-label-color:var(--text-text-on-light);
|
|
5859
|
+
--combobox-group-shared-border-compensation:calc(var(--border-2) - var(--border-1));
|
|
5860
5860
|
}
|
|
5861
|
-
.bp_combobox_group_module_container--
|
|
5861
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_trailing--07d83{
|
|
5862
5862
|
--blueprint-combobox-input-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5863
5863
|
--blueprint-select-trigger-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5864
5864
|
--blueprint-combobox-border-left-width:0;
|
|
5865
5865
|
--blueprint-select-border-left-width:0;
|
|
5866
|
+
--blueprint-select-padding-compensation-left:0px;
|
|
5866
5867
|
}
|
|
5867
|
-
.bp_combobox_group_module_container--
|
|
5868
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_leading--07d83{
|
|
5868
5869
|
--blueprint-combobox-input-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5869
5870
|
--blueprint-select-trigger-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5871
|
+
--blueprint-select-padding-compensation-right:0px;
|
|
5870
5872
|
}
|
|
5871
|
-
.bp_combobox_group_module_container--
|
|
5873
|
+
.bp_combobox_group_module_container--07d83[data-modern=false] .bp_combobox_group_module_label--07d83{
|
|
5872
5874
|
font-family:var(--body-default-bold-font-family);
|
|
5873
5875
|
font-size:var(--body-default-bold-font-size);
|
|
5874
5876
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -5878,22 +5880,25 @@
|
|
|
5878
5880
|
text-transform:var(--body-default-bold-text-case);
|
|
5879
5881
|
}
|
|
5880
5882
|
|
|
5881
|
-
.bp_combobox_group_module_container--
|
|
5883
|
+
.bp_combobox_group_module_container--07d83[data-modern=true]{
|
|
5882
5884
|
--combobox-group-container-gap:var(--bp-space-020);
|
|
5883
5885
|
--combobox-group-disabled-opacity:var(--disabled-opacity);
|
|
5884
5886
|
--combobox-group-label-color:var(--bp-text-text-on-light);
|
|
5887
|
+
--combobox-group-shared-border-compensation:calc(var(--bp-border-02) - var(--bp-border-01));
|
|
5885
5888
|
}
|
|
5886
|
-
.bp_combobox_group_module_container--
|
|
5889
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_trailing--07d83{
|
|
5887
5890
|
--blueprint-combobox-input-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5888
5891
|
--blueprint-select-trigger-radius:0 var(--bp-radius-06) var(--bp-radius-06) 0;
|
|
5889
5892
|
--blueprint-combobox-border-left-width:0;
|
|
5890
5893
|
--blueprint-select-border-left-width:0;
|
|
5894
|
+
--blueprint-select-padding-compensation-left:0px;
|
|
5891
5895
|
}
|
|
5892
|
-
.bp_combobox_group_module_container--
|
|
5896
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_leading--07d83{
|
|
5893
5897
|
--blueprint-combobox-input-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5894
5898
|
--blueprint-select-trigger-radius:var(--bp-radius-06) 0 0 var(--bp-radius-06);
|
|
5899
|
+
--blueprint-select-padding-compensation-right:0px;
|
|
5895
5900
|
}
|
|
5896
|
-
.bp_combobox_group_module_container--
|
|
5901
|
+
.bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_label--07d83{
|
|
5897
5902
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5898
5903
|
font-size:var(--bp-font-size-05);
|
|
5899
5904
|
font-style:normal;
|
|
@@ -5901,7 +5906,7 @@
|
|
|
5901
5906
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5902
5907
|
line-height:var(--bp-font-line-height-04);
|
|
5903
5908
|
}
|
|
5904
|
-
:where(body.is-inter-font) .bp_combobox_group_module_container--
|
|
5909
|
+
:where(body.is-inter-font) .bp_combobox_group_module_container--07d83[data-modern=true] .bp_combobox_group_module_label--07d83{
|
|
5905
5910
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5906
5911
|
font-size:.875rem;
|
|
5907
5912
|
font-style:normal;
|
|
@@ -5912,7 +5917,7 @@
|
|
|
5912
5917
|
text-transform:none;
|
|
5913
5918
|
}
|
|
5914
5919
|
|
|
5915
|
-
.bp_combobox_group_module_container--
|
|
5920
|
+
.bp_combobox_group_module_container--07d83{
|
|
5916
5921
|
align-items:flex-start;
|
|
5917
5922
|
display:flex;
|
|
5918
5923
|
flex-direction:column;
|
|
@@ -5920,87 +5925,93 @@
|
|
|
5920
5925
|
width:100%;
|
|
5921
5926
|
}
|
|
5922
5927
|
|
|
5923
|
-
.bp_combobox_group_module_comboboxContainer--
|
|
5928
|
+
.bp_combobox_group_module_comboboxContainer--07d83{
|
|
5924
5929
|
flex:1;
|
|
5925
5930
|
}
|
|
5926
5931
|
|
|
5927
|
-
.bp_combobox_group_module_comboboxGroupcontainer--
|
|
5932
|
+
.bp_combobox_group_module_comboboxGroupcontainer--07d83{
|
|
5928
5933
|
display:flex;
|
|
5929
5934
|
flex-direction:row;
|
|
5930
5935
|
width:100%;
|
|
5931
5936
|
}
|
|
5932
5937
|
|
|
5933
|
-
.bp_combobox_group_module_disabled--
|
|
5938
|
+
.bp_combobox_group_module_disabled--07d83{
|
|
5934
5939
|
opacity:var(--combobox-group-disabled-opacity);
|
|
5935
5940
|
pointer-events:none;
|
|
5936
5941
|
}
|
|
5937
5942
|
|
|
5938
|
-
.bp_combobox_group_module_label--
|
|
5943
|
+
.bp_combobox_group_module_label--07d83{
|
|
5939
5944
|
color:var(--combobox-group-label-color);
|
|
5940
5945
|
flex:0 0 fit-content;
|
|
5941
5946
|
overflow-wrap:break-word;
|
|
5942
5947
|
}
|
|
5943
5948
|
|
|
5944
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5949
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_leading--07d83{
|
|
5945
5950
|
--blueprint-select-border-right-width:0;
|
|
5946
5951
|
}
|
|
5947
5952
|
|
|
5948
|
-
.bp_combobox_group_module_errorSelect--
|
|
5953
|
+
.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5949
5954
|
--blueprint-combobox-border-right-width:0;
|
|
5950
5955
|
}
|
|
5951
5956
|
|
|
5952
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5957
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5953
5958
|
--blueprint-select-border-error-left-width:0;
|
|
5954
5959
|
}
|
|
5955
5960
|
|
|
5956
|
-
.bp_combobox_group_module_errorCombobox--
|
|
5961
|
+
.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5957
5962
|
--blueprint-select-border-error-right-width:0;
|
|
5958
5963
|
}
|
|
5959
5964
|
|
|
5960
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5965
|
+
.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83,.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5966
|
+
--blueprint-combobox-padding-compensation-inline-start:var(--combobox-group-shared-border-compensation);
|
|
5967
|
+
}
|
|
5968
|
+
|
|
5969
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_leading--07d83{
|
|
5961
5970
|
--blueprint-combobox-border-right-width:0;
|
|
5962
5971
|
}
|
|
5963
5972
|
|
|
5964
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5973
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_leading--07d83{
|
|
5965
5974
|
--blueprint-combobox-border-error-right-width:0;
|
|
5966
5975
|
}
|
|
5967
5976
|
|
|
5968
|
-
.bp_combobox_group_module_selectHasFocus--
|
|
5977
|
+
.bp_combobox_group_module_selectHasFocus--07d83.bp_combobox_group_module_errorCombobox--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5969
5978
|
--blueprint-combobox-border-error-left-width:0;
|
|
5970
5979
|
}
|
|
5971
5980
|
|
|
5972
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5981
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_leading--07d83{
|
|
5973
5982
|
--blueprint-select-border-right-width:0;
|
|
5974
5983
|
}
|
|
5975
5984
|
|
|
5976
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5985
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_leading--07d83{
|
|
5977
5986
|
--blueprint-select-border-error-right-width:0;
|
|
5978
5987
|
}
|
|
5979
5988
|
|
|
5980
|
-
.bp_combobox_group_module_comboboxHasFocus--
|
|
5989
|
+
.bp_combobox_group_module_comboboxHasFocus--07d83.bp_combobox_group_module_errorSelect--07d83.bp_combobox_group_module_trailing--07d83{
|
|
5981
5990
|
--blueprint-select-border-error-left-width:0;
|
|
5982
5991
|
}
|
|
5983
5992
|
|
|
5984
|
-
.bp_combobox_group_module_container--
|
|
5993
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_leading--07d83 [data-border-wrapper],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_leading--07d83 [role=combobox],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_trailing--07d83 [data-border-wrapper],.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83 > .bp_combobox_group_module_trailing--07d83 [role=combobox]{
|
|
5985
5994
|
transition-duration:var(--bp-duration-short);
|
|
5986
5995
|
transition-property:border-color, background-color;
|
|
5987
5996
|
transition-timing-function:var(--bp-curve-small-off);
|
|
5988
5997
|
}
|
|
5989
|
-
.bp_combobox_group_module_container--
|
|
5998
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83:has(> .bp_combobox_group_module_trailing--07d83 [role=combobox]:hover:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true])) > .bp_combobox_group_module_leading--07d83 [data-border-wrapper]:not(:has([aria-invalid=true]), :has(input:focus), :has(input:hover)){
|
|
5990
5999
|
border-right-color:var(--bp-border-select-border-hover);
|
|
5991
6000
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5992
6001
|
}
|
|
5993
|
-
.bp_combobox_group_module_container--
|
|
6002
|
+
.bp_combobox_group_module_container--07d83[data-bp-animated=true] .bp_combobox_group_module_comboboxGroupcontainer--07d83:has(> .bp_combobox_group_module_trailing--07d83 [data-border-wrapper]:has(input:hover)) > .bp_combobox_group_module_leading--07d83 [role=combobox]:not(:disabled, [aria-readonly=true], :focus, [aria-invalid=true], :hover){
|
|
5994
6003
|
border-right-color:var(--bp-border-combobox-border-hover);
|
|
5995
6004
|
transition-timing-function:var(--bp-curve-small-on);
|
|
5996
6005
|
}
|
|
5997
|
-
.bp_select_module_container--
|
|
6006
|
+
.bp_select_module_container--907f0[data-modern=false]{
|
|
5998
6007
|
--select-gap:var(--space-2);
|
|
5999
6008
|
--select-label-color:var(--text-text-on-light);
|
|
6000
6009
|
--select-trigger-btn-gap:var(--space-2);
|
|
6001
6010
|
--select-trigger-btn-height:var(--size-10);
|
|
6002
6011
|
--select-trigger-btn-color:var(--text-text-on-light);
|
|
6003
6012
|
--select-trigger-btn-bg-color:var(--surface-dropdown-surface);
|
|
6013
|
+
--select-trigger-btn-border-width:var(--border-1);
|
|
6014
|
+
--select-trigger-btn-thick-border-width:var(--border-2);
|
|
6004
6015
|
--select-trigger-btn-border-top:var(--blueprint-select-border-top-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
6005
6016
|
--select-trigger-btn-border-right:var(--blueprint-select-border-right-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
6006
6017
|
--select-trigger-btn-border-bottom:var(--blueprint-select-border-bottom-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
@@ -6014,7 +6025,7 @@
|
|
|
6014
6025
|
--select-trigger-btn-error-border-right:var(--blueprint-select-border-error-right-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6015
6026
|
--select-trigger-btn-error-border-bottom:var(--blueprint-select-border-error-bottom-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6016
6027
|
--select-trigger-btn-error-border-left:var(--blueprint-select-border-error-left-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
6017
|
-
--select-trigger-btn-focus-border:var(--border-
|
|
6028
|
+
--select-trigger-btn-focus-border:var(--select-trigger-btn-thick-border-width) solid var(--outline-focus-on-light);
|
|
6018
6029
|
--select-trigger-btn-hover-bg-color:var(--surface-dropdown-surface-hover);
|
|
6019
6030
|
--select-trigger-btn-hover-border-color:var(--border-dropdown-border-hover);
|
|
6020
6031
|
--select-trigger-btn-caret-width:var(--size-2);
|
|
@@ -6031,7 +6042,7 @@
|
|
|
6031
6042
|
text-decoration:var(--body-default-text-decoration);
|
|
6032
6043
|
text-transform:var(--body-default-text-case);
|
|
6033
6044
|
}
|
|
6034
|
-
.bp_select_module_container--
|
|
6045
|
+
.bp_select_module_container--907f0[data-modern=false] .bp_select_module_label--907f0{
|
|
6035
6046
|
font-family:var(--body-default-bold-font-family);
|
|
6036
6047
|
font-size:var(--body-default-bold-font-size);
|
|
6037
6048
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -6040,7 +6051,7 @@
|
|
|
6040
6051
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
6041
6052
|
text-transform:var(--body-default-bold-text-case);
|
|
6042
6053
|
}
|
|
6043
|
-
.bp_select_module_container--
|
|
6054
|
+
.bp_select_module_container--907f0[data-modern=false] .bp_select_module_triggerBtn--907f0{
|
|
6044
6055
|
font-family:var(--body-default-font-family);
|
|
6045
6056
|
font-size:var(--body-default-font-size);
|
|
6046
6057
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6050,13 +6061,15 @@
|
|
|
6050
6061
|
text-transform:var(--body-default-text-case);
|
|
6051
6062
|
}
|
|
6052
6063
|
|
|
6053
|
-
.bp_select_module_container--
|
|
6064
|
+
.bp_select_module_container--907f0[data-modern=true]{
|
|
6054
6065
|
--select-gap:var(--bp-space-020);
|
|
6055
6066
|
--select-label-color:var(--bp-text-text-on-light);
|
|
6056
6067
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
6057
6068
|
--select-trigger-btn-height:var(--bp-size-100);
|
|
6058
6069
|
--select-trigger-btn-color:var(--bp-text-text-on-light);
|
|
6059
6070
|
--select-trigger-btn-bg-color:var(--bp-surface-select-surface);
|
|
6071
|
+
--select-trigger-btn-border-width:var(--bp-border-01);
|
|
6072
|
+
--select-trigger-btn-thick-border-width:var(--bp-border-02);
|
|
6060
6073
|
--select-trigger-btn-border-top:var(--blueprint-select-border-top-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
6061
6074
|
--select-trigger-btn-border-right:var(--blueprint-select-border-right-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
6062
6075
|
--select-trigger-btn-border-bottom:var(--blueprint-select-border-bottom-width, var(--bp-border-01)) solid var(--bp-border-select-border);
|
|
@@ -6070,7 +6083,7 @@
|
|
|
6070
6083
|
--select-trigger-btn-error-border-right:var(--blueprint-select-border-error-right-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6071
6084
|
--select-trigger-btn-error-border-bottom:var(--blueprint-select-border-error-bottom-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6072
6085
|
--select-trigger-btn-error-border-left:var(--blueprint-select-border-error-left-width, var(--bp-border-02)) solid var(--bp-border-select-border-error);
|
|
6073
|
-
--select-trigger-btn-focus-border:var(--
|
|
6086
|
+
--select-trigger-btn-focus-border:var(--select-trigger-btn-thick-border-width) solid var(--bp-outline-focus-on-light);
|
|
6074
6087
|
--select-trigger-btn-hover-bg-color:var(--bp-surface-select-surface);
|
|
6075
6088
|
--select-trigger-btn-hover-border-color:var(--bp-border-select-border-hover);
|
|
6076
6089
|
--select-trigger-btn-caret-width:var(--bp-size-030);
|
|
@@ -6086,7 +6099,7 @@
|
|
|
6086
6099
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6087
6100
|
line-height:var(--bp-font-line-height-04);
|
|
6088
6101
|
}
|
|
6089
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6102
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true]{
|
|
6090
6103
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6091
6104
|
font-size:.875rem;
|
|
6092
6105
|
font-style:normal;
|
|
@@ -6097,7 +6110,7 @@
|
|
|
6097
6110
|
text-transform:none;
|
|
6098
6111
|
}
|
|
6099
6112
|
|
|
6100
|
-
.bp_select_module_container--
|
|
6113
|
+
.bp_select_module_container--907f0[data-modern=true] .bp_select_module_label--907f0{
|
|
6101
6114
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6102
6115
|
font-size:var(--bp-font-size-05);
|
|
6103
6116
|
font-style:normal;
|
|
@@ -6105,7 +6118,7 @@
|
|
|
6105
6118
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6106
6119
|
line-height:var(--bp-font-line-height-04);
|
|
6107
6120
|
}
|
|
6108
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6121
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true] .bp_select_module_label--907f0{
|
|
6109
6122
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6110
6123
|
font-size:.875rem;
|
|
6111
6124
|
font-style:normal;
|
|
@@ -6116,7 +6129,7 @@
|
|
|
6116
6129
|
text-transform:none;
|
|
6117
6130
|
}
|
|
6118
6131
|
|
|
6119
|
-
.bp_select_module_container--
|
|
6132
|
+
.bp_select_module_container--907f0[data-modern=true] .bp_select_module_triggerBtn--907f0{
|
|
6120
6133
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6121
6134
|
font-size:var(--bp-font-size-05);
|
|
6122
6135
|
font-style:normal;
|
|
@@ -6124,7 +6137,7 @@
|
|
|
6124
6137
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6125
6138
|
line-height:var(--bp-font-line-height-04);
|
|
6126
6139
|
}
|
|
6127
|
-
:where(body.is-inter-font) .bp_select_module_container--
|
|
6140
|
+
:where(body.is-inter-font) .bp_select_module_container--907f0[data-modern=true] .bp_select_module_triggerBtn--907f0{
|
|
6128
6141
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6129
6142
|
font-size:.875rem;
|
|
6130
6143
|
font-style:normal;
|
|
@@ -6135,26 +6148,28 @@
|
|
|
6135
6148
|
text-transform:none;
|
|
6136
6149
|
}
|
|
6137
6150
|
|
|
6138
|
-
.bp_select_module_ellipsis--
|
|
6151
|
+
.bp_select_module_ellipsis--907f0{
|
|
6139
6152
|
overflow:hidden;
|
|
6140
6153
|
text-overflow:ellipsis;
|
|
6141
6154
|
white-space:nowrap;
|
|
6142
6155
|
}
|
|
6143
6156
|
|
|
6144
|
-
.bp_select_module_container--
|
|
6157
|
+
.bp_select_module_container--907f0{
|
|
6158
|
+
--select-trigger-btn-padding-compensation:calc(var(--select-trigger-btn-thick-border-width) - var(--select-trigger-btn-border-width));
|
|
6159
|
+
--select-trigger-btn-thick-padding-inline:calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-left, var(--select-trigger-btn-padding-compensation))) calc(var(--select-trigger-btn-padding-inline) - var(--blueprint-select-padding-compensation-right, var(--select-trigger-btn-padding-compensation)));
|
|
6145
6160
|
display:flex;
|
|
6146
6161
|
flex-direction:column;
|
|
6147
6162
|
gap:var(--select-gap);
|
|
6148
6163
|
}
|
|
6149
|
-
.bp_select_module_container--
|
|
6164
|
+
.bp_select_module_container--907f0.bp_select_module_disabled--907f0{
|
|
6150
6165
|
opacity:var(--disabled-opacity);
|
|
6151
6166
|
}
|
|
6152
|
-
.bp_select_module_container--
|
|
6167
|
+
.bp_select_module_container--907f0 .bp_select_module_label--907f0{
|
|
6153
6168
|
color:var(--select-label-color);
|
|
6154
6169
|
flex:0 0 fit-content;
|
|
6155
6170
|
overflow-wrap:break-word;
|
|
6156
6171
|
}
|
|
6157
|
-
.bp_select_module_container--
|
|
6172
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0{
|
|
6158
6173
|
align-items:center;
|
|
6159
6174
|
background-color:var(--select-trigger-btn-bg-color);
|
|
6160
6175
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -6175,7 +6190,7 @@
|
|
|
6175
6190
|
text-align:start;
|
|
6176
6191
|
width:100%;
|
|
6177
6192
|
}
|
|
6178
|
-
.bp_select_module_container--
|
|
6193
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_triggerValue--907f0{
|
|
6179
6194
|
align-items:center;
|
|
6180
6195
|
display:flex;
|
|
6181
6196
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -6184,7 +6199,7 @@
|
|
|
6184
6199
|
text-overflow:ellipsis;
|
|
6185
6200
|
white-space:nowrap;
|
|
6186
6201
|
}
|
|
6187
|
-
.bp_select_module_container--
|
|
6202
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_triggerLeftElement--907f0{
|
|
6188
6203
|
align-items:center;
|
|
6189
6204
|
display:flex;
|
|
6190
6205
|
flex-shrink:0;
|
|
@@ -6192,72 +6207,74 @@
|
|
|
6192
6207
|
justify-content:center;
|
|
6193
6208
|
width:var(--select-trigger-left-element-size);
|
|
6194
6209
|
}
|
|
6195
|
-
.bp_select_module_container--
|
|
6210
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 span{
|
|
6196
6211
|
overflow:hidden;
|
|
6197
6212
|
text-overflow:ellipsis;
|
|
6198
6213
|
white-space:nowrap;
|
|
6199
6214
|
}
|
|
6200
|
-
.bp_select_module_container--
|
|
6215
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:disabled{
|
|
6201
6216
|
cursor:default;
|
|
6202
6217
|
}
|
|
6203
|
-
.bp_select_module_container--
|
|
6218
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0.bp_select_module_readonly--907f0:not(:disabled){
|
|
6204
6219
|
background-color:var(--gray-02);
|
|
6205
6220
|
box-shadow:none;
|
|
6206
6221
|
color:var(--text-text-on-light-secondary);
|
|
6207
6222
|
cursor:default;
|
|
6208
6223
|
}
|
|
6209
|
-
.bp_select_module_container--
|
|
6224
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0, .bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]{
|
|
6210
6225
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
6211
6226
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
6212
6227
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
6213
6228
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
6214
6229
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
6230
|
+
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
6215
6231
|
}
|
|
6216
|
-
.bp_select_module_container--
|
|
6232
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0):focus,.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0:focus,.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]:focus{
|
|
6217
6233
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
6218
6234
|
border:var(--select-trigger-btn-focus-border);
|
|
6235
|
+
padding-inline:var(--select-trigger-btn-thick-padding-inline);
|
|
6219
6236
|
}
|
|
6220
|
-
.bp_select_module_container--
|
|
6237
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled, :focus, .bp_select_module_error--907f0, [aria-invalid=true]):hover{
|
|
6221
6238
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
6222
6239
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
6223
6240
|
}
|
|
6224
|
-
.bp_select_module_container--
|
|
6241
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconWrapper--907f0{
|
|
6225
6242
|
flex-shrink:0;
|
|
6226
6243
|
-webkit-user-select:none;
|
|
6227
6244
|
user-select:none;
|
|
6228
6245
|
}
|
|
6229
|
-
.bp_select_module_container--
|
|
6246
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconCaret--907f0{
|
|
6230
6247
|
display:block;
|
|
6231
6248
|
height:var(--select-trigger-btn-caret-height);
|
|
6232
6249
|
width:var(--select-trigger-btn-caret-width);
|
|
6233
6250
|
}
|
|
6234
|
-
.bp_select_module_container--
|
|
6251
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconCaret--907f0 path{
|
|
6235
6252
|
fill:var(--select-trigger-btn-caret-color);
|
|
6236
6253
|
}
|
|
6237
|
-
.bp_select_module_container--
|
|
6254
|
+
.bp_select_module_container--907f0 .bp_select_module_triggerBtn--907f0 .bp_select_module_iconPencilCrossed--907f0{
|
|
6238
6255
|
display:block;
|
|
6239
6256
|
height:var(--select-trigger-btn-pencil-height);
|
|
6240
6257
|
width:var(--select-trigger-btn-pencil-width);
|
|
6241
6258
|
}
|
|
6242
6259
|
|
|
6243
|
-
.bp_select_module_container--
|
|
6260
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled){
|
|
6244
6261
|
transition-duration:var(--bp-duration-short);
|
|
6245
6262
|
transition-property:border-color, background-color;
|
|
6246
6263
|
transition-timing-function:var(--bp-curve-small-off);
|
|
6247
6264
|
}
|
|
6248
|
-
.bp_select_module_container--
|
|
6265
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled).bp_select_module_error--907f0, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled):focus, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled):hover, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[aria-invalid=true]{
|
|
6249
6266
|
transition-timing-function:var(--bp-curve-small-on);
|
|
6250
6267
|
}
|
|
6251
|
-
.bp_select_module_container--
|
|
6268
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled) .bp_select_module_iconCaret--907f0{
|
|
6252
6269
|
transition-duration:var(--bp-duration-short);
|
|
6253
6270
|
transition-property:transform;
|
|
6254
6271
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
6255
6272
|
}
|
|
6256
|
-
.bp_select_module_container--
|
|
6273
|
+
.bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[data-bp-exiting=true] .bp_select_module_iconCaret--907f0, .bp_select_module_container--907f0[data-bp-animated=true] .bp_select_module_triggerBtn--907f0:not(.bp_select_module_readonly--907f0, :disabled)[data-state=closed]:hover .bp_select_module_iconCaret--907f0{
|
|
6257
6274
|
transform:translateY(var(--bp-size-005));
|
|
6258
6275
|
}
|
|
6259
6276
|
|
|
6260
|
-
.bp_select_module_content--
|
|
6277
|
+
.bp_select_module_content--907f0[data-modern=false]{
|
|
6261
6278
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
6262
6279
|
--select-content-backdrop-filter:none;
|
|
6263
6280
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -6290,7 +6307,7 @@
|
|
|
6290
6307
|
text-transform:var(--body-default-text-case);
|
|
6291
6308
|
}
|
|
6292
6309
|
|
|
6293
|
-
.bp_select_module_content--
|
|
6310
|
+
.bp_select_module_content--907f0[data-modern=true]{
|
|
6294
6311
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
6295
6312
|
--select-content-backdrop-filter:blur(16px);
|
|
6296
6313
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -6321,7 +6338,7 @@
|
|
|
6321
6338
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6322
6339
|
line-height:var(--bp-font-line-height-04);
|
|
6323
6340
|
}
|
|
6324
|
-
:where(body.is-inter-font) .bp_select_module_content--
|
|
6341
|
+
:where(body.is-inter-font) .bp_select_module_content--907f0[data-modern=true]{
|
|
6325
6342
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6326
6343
|
font-size:.875rem;
|
|
6327
6344
|
font-style:normal;
|
|
@@ -6332,7 +6349,7 @@
|
|
|
6332
6349
|
text-transform:none;
|
|
6333
6350
|
}
|
|
6334
6351
|
|
|
6335
|
-
.bp_select_module_content--
|
|
6352
|
+
.bp_select_module_content--907f0{
|
|
6336
6353
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
6337
6354
|
background-color:var(--select-content-bg-color);
|
|
6338
6355
|
border:var(--select-content-border);
|
|
@@ -6344,11 +6361,11 @@
|
|
|
6344
6361
|
overflow:hidden auto;
|
|
6345
6362
|
z-index:var(--z-index-popover);
|
|
6346
6363
|
}
|
|
6347
|
-
.bp_select_module_content--
|
|
6364
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0{
|
|
6348
6365
|
padding-block:var(--select-content-viewport-padding-block);
|
|
6349
6366
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
6350
6367
|
}
|
|
6351
|
-
.bp_select_module_content--
|
|
6368
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0{
|
|
6352
6369
|
align-items:center;
|
|
6353
6370
|
border:var(--select-content-viewport-option-border);
|
|
6354
6371
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -6364,27 +6381,27 @@
|
|
|
6364
6381
|
-webkit-user-select:none;
|
|
6365
6382
|
user-select:none;
|
|
6366
6383
|
}
|
|
6367
|
-
.bp_select_module_content--
|
|
6384
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0[data-disabled]{
|
|
6368
6385
|
opacity:var(--disabled-opacity);
|
|
6369
6386
|
pointer-events:none;
|
|
6370
6387
|
}
|
|
6371
|
-
.bp_select_module_content--
|
|
6388
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:focus-visible{
|
|
6372
6389
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
6373
6390
|
border:var(--select-content-viewport-option-focus-border);
|
|
6374
6391
|
}
|
|
6375
|
-
.bp_select_module_content--
|
|
6392
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:hover{
|
|
6376
6393
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
6377
6394
|
}
|
|
6378
|
-
.bp_select_module_content--
|
|
6395
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:active{
|
|
6379
6396
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
6380
6397
|
}
|
|
6381
|
-
.bp_select_module_content--
|
|
6398
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_secondaryText--907f0{
|
|
6382
6399
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
6383
6400
|
min-width:0;
|
|
6384
6401
|
overflow-wrap:break-word;
|
|
6385
6402
|
white-space:normal;
|
|
6386
6403
|
}
|
|
6387
|
-
.bp_select_module_content--
|
|
6404
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0{
|
|
6388
6405
|
align-items:center;
|
|
6389
6406
|
display:flex;
|
|
6390
6407
|
flex:1;
|
|
@@ -6393,24 +6410,24 @@
|
|
|
6393
6410
|
min-width:0;
|
|
6394
6411
|
overflow:hidden;
|
|
6395
6412
|
}
|
|
6396
|
-
.bp_select_module_content--
|
|
6413
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0 span:first-child{
|
|
6397
6414
|
overflow:hidden;
|
|
6398
6415
|
overflow-wrap:break-word;
|
|
6399
6416
|
}
|
|
6400
|
-
.bp_select_module_content--
|
|
6417
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0.bp_select_module_ellipsis--907f0 span:first-child{
|
|
6401
6418
|
overflow-wrap:normal;
|
|
6402
6419
|
text-overflow:ellipsis;
|
|
6403
6420
|
white-space:nowrap;
|
|
6404
6421
|
width:100%;
|
|
6405
6422
|
}
|
|
6406
|
-
.bp_select_module_content--
|
|
6423
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_textWrapper--907f0.bp_select_module_ellipsis--907f0 .bp_select_module_secondaryText--907f0{
|
|
6407
6424
|
-webkit-box-orient:vertical;
|
|
6408
6425
|
-webkit-line-clamp:2;
|
|
6409
6426
|
display:-webkit-box;
|
|
6410
6427
|
overflow:hidden;
|
|
6411
6428
|
width:100%;
|
|
6412
6429
|
}
|
|
6413
|
-
.bp_select_module_content--
|
|
6430
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_leftElement--907f0{
|
|
6414
6431
|
align-items:center;
|
|
6415
6432
|
display:flex;
|
|
6416
6433
|
flex-shrink:0;
|
|
@@ -6418,14 +6435,14 @@
|
|
|
6418
6435
|
justify-content:center;
|
|
6419
6436
|
width:var(--select-content-viewport-option-left-element-size);
|
|
6420
6437
|
}
|
|
6421
|
-
.bp_select_module_content--
|
|
6438
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0.bp_select_module_hasLeftElement--907f0 .bp_select_module_textWrapper--907f0{
|
|
6422
6439
|
align-items:flex-start;
|
|
6423
6440
|
flex-direction:column;
|
|
6424
6441
|
}
|
|
6425
|
-
.bp_select_module_content--
|
|
6442
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0.bp_select_module_hasLeftElement--907f0 .bp_select_module_textWrapper--907f0 .bp_select_module_secondaryText--907f0{
|
|
6426
6443
|
width:100%;
|
|
6427
6444
|
}
|
|
6428
|
-
.bp_select_module_content--
|
|
6445
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_indicator--907f0{
|
|
6429
6446
|
align-items:center;
|
|
6430
6447
|
display:flex;
|
|
6431
6448
|
height:100%;
|
|
@@ -6434,16 +6451,16 @@
|
|
|
6434
6451
|
position:absolute;
|
|
6435
6452
|
top:0;
|
|
6436
6453
|
}
|
|
6437
|
-
.bp_select_module_content--
|
|
6454
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_option--907f0 .bp_select_module_indicator--907f0 path{
|
|
6438
6455
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
6439
6456
|
}
|
|
6440
|
-
.bp_select_module_content--
|
|
6457
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0 .bp_select_module_separator--907f0{
|
|
6441
6458
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
6442
6459
|
flex-shrink:0;
|
|
6443
6460
|
height:var(--select-content-viewport-option-separator-height);
|
|
6444
6461
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
6445
6462
|
}
|
|
6446
|
-
.bp_select_module_content--
|
|
6463
|
+
.bp_select_module_content--907f0 .bp_select_module_viewport--907f0.bp_select_module_withTruncatedText--907f0{
|
|
6447
6464
|
box-sizing:border-box;
|
|
6448
6465
|
display:block !important;
|
|
6449
6466
|
max-width:100%;
|
|
@@ -6451,53 +6468,53 @@
|
|
|
6451
6468
|
width:100%;
|
|
6452
6469
|
}
|
|
6453
6470
|
|
|
6454
|
-
.bp_select_module_content--
|
|
6471
|
+
.bp_select_module_content--907f0[data-bp-animated=true]{
|
|
6455
6472
|
transform-origin:var(--radix-select-content-transform-origin);
|
|
6456
6473
|
}
|
|
6457
|
-
.bp_select_module_content--
|
|
6474
|
+
.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0{
|
|
6458
6475
|
transition-duration:var(--bp-duration-short);
|
|
6459
6476
|
transition-property:background-color;
|
|
6460
6477
|
transition-timing-function:var(--bp-curve-small-off);
|
|
6461
6478
|
}
|
|
6462
|
-
.bp_select_module_content--
|
|
6479
|
+
.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:active,.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:focus-visible,.bp_select_module_content--907f0[data-bp-animated=true] .bp_select_module_viewport--907f0 .bp_select_module_option--907f0:hover{
|
|
6463
6480
|
transition-timing-function:var(--bp-curve-small-on);
|
|
6464
6481
|
}
|
|
6465
|
-
.bp_select_module_content--
|
|
6482
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true]){
|
|
6466
6483
|
animation-duration:var(--bp-duration-medium);
|
|
6467
6484
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
6468
6485
|
}
|
|
6469
|
-
.bp_select_module_content--
|
|
6470
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--
|
|
6486
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=top]{
|
|
6487
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6471
6488
|
}
|
|
6472
|
-
.bp_select_module_content--
|
|
6473
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
6489
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=bottom]{
|
|
6490
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6474
6491
|
}
|
|
6475
|
-
.bp_select_module_content--
|
|
6476
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
6492
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=left]{
|
|
6493
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6477
6494
|
}
|
|
6478
|
-
.bp_select_module_content--
|
|
6479
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--
|
|
6495
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-state=open]:not([data-bp-exiting=true])[data-side=right]{
|
|
6496
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideEnter--907f0, bp_select_module_bpSelectFadeIn--907f0;
|
|
6480
6497
|
}
|
|
6481
|
-
.bp_select_module_content--
|
|
6498
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true]{
|
|
6482
6499
|
animation-duration:var(--bp-duration-short);
|
|
6483
6500
|
animation-fill-mode:forwards;
|
|
6484
6501
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
6485
6502
|
pointer-events:none;
|
|
6486
6503
|
}
|
|
6487
|
-
.bp_select_module_content--
|
|
6488
|
-
animation-name:bp_select_module_bpSelectMediumTopSlideExit--
|
|
6504
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=top]{
|
|
6505
|
+
animation-name:bp_select_module_bpSelectMediumTopSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6489
6506
|
}
|
|
6490
|
-
.bp_select_module_content--
|
|
6491
|
-
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--
|
|
6507
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=bottom]{
|
|
6508
|
+
animation-name:bp_select_module_bpSelectMediumBottomSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6492
6509
|
}
|
|
6493
|
-
.bp_select_module_content--
|
|
6494
|
-
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--
|
|
6510
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=left]{
|
|
6511
|
+
animation-name:bp_select_module_bpSelectMediumLeftSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6495
6512
|
}
|
|
6496
|
-
.bp_select_module_content--
|
|
6497
|
-
animation-name:bp_select_module_bpSelectMediumRightSlideExit--
|
|
6513
|
+
.bp_select_module_content--907f0[data-bp-animated=true][data-bp-exiting=true][data-side=right]{
|
|
6514
|
+
animation-name:bp_select_module_bpSelectMediumRightSlideExit--907f0, bp_select_module_bpSelectFadeOut--907f0;
|
|
6498
6515
|
}
|
|
6499
6516
|
|
|
6500
|
-
@keyframes bp_select_module_bpSelectFadeIn--
|
|
6517
|
+
@keyframes bp_select_module_bpSelectFadeIn--907f0{
|
|
6501
6518
|
from{
|
|
6502
6519
|
opacity:var(--bp-opacity-hidden);
|
|
6503
6520
|
}
|
|
@@ -6505,7 +6522,7 @@
|
|
|
6505
6522
|
opacity:var(--bp-opacity-visible);
|
|
6506
6523
|
}
|
|
6507
6524
|
}
|
|
6508
|
-
@keyframes bp_select_module_bpSelectFadeOut--
|
|
6525
|
+
@keyframes bp_select_module_bpSelectFadeOut--907f0{
|
|
6509
6526
|
from{
|
|
6510
6527
|
opacity:var(--bp-opacity-visible);
|
|
6511
6528
|
}
|
|
@@ -6513,7 +6530,7 @@
|
|
|
6513
6530
|
opacity:var(--bp-opacity-hidden);
|
|
6514
6531
|
}
|
|
6515
6532
|
}
|
|
6516
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--
|
|
6533
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideEnter--907f0{
|
|
6517
6534
|
from{
|
|
6518
6535
|
transform:translateY(var(--bp-space-020));
|
|
6519
6536
|
}
|
|
@@ -6521,7 +6538,7 @@
|
|
|
6521
6538
|
transform:translateY(0);
|
|
6522
6539
|
}
|
|
6523
6540
|
}
|
|
6524
|
-
@keyframes bp_select_module_bpSelectMediumTopSlideExit--
|
|
6541
|
+
@keyframes bp_select_module_bpSelectMediumTopSlideExit--907f0{
|
|
6525
6542
|
from{
|
|
6526
6543
|
transform:translateY(0);
|
|
6527
6544
|
}
|
|
@@ -6529,7 +6546,7 @@
|
|
|
6529
6546
|
transform:translateY(var(--bp-space-020));
|
|
6530
6547
|
}
|
|
6531
6548
|
}
|
|
6532
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--
|
|
6549
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideEnter--907f0{
|
|
6533
6550
|
from{
|
|
6534
6551
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
6535
6552
|
}
|
|
@@ -6537,7 +6554,7 @@
|
|
|
6537
6554
|
transform:translateY(0);
|
|
6538
6555
|
}
|
|
6539
6556
|
}
|
|
6540
|
-
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--
|
|
6557
|
+
@keyframes bp_select_module_bpSelectMediumBottomSlideExit--907f0{
|
|
6541
6558
|
from{
|
|
6542
6559
|
transform:translateY(0);
|
|
6543
6560
|
}
|
|
@@ -6545,7 +6562,7 @@
|
|
|
6545
6562
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
6546
6563
|
}
|
|
6547
6564
|
}
|
|
6548
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--
|
|
6565
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideEnter--907f0{
|
|
6549
6566
|
from{
|
|
6550
6567
|
transform:translateX(var(--bp-space-020));
|
|
6551
6568
|
}
|
|
@@ -6553,7 +6570,7 @@
|
|
|
6553
6570
|
transform:translateX(0);
|
|
6554
6571
|
}
|
|
6555
6572
|
}
|
|
6556
|
-
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--
|
|
6573
|
+
@keyframes bp_select_module_bpSelectMediumLeftSlideExit--907f0{
|
|
6557
6574
|
from{
|
|
6558
6575
|
transform:translateX(0);
|
|
6559
6576
|
}
|
|
@@ -6561,7 +6578,7 @@
|
|
|
6561
6578
|
transform:translateX(var(--bp-space-020));
|
|
6562
6579
|
}
|
|
6563
6580
|
}
|
|
6564
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--
|
|
6581
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideEnter--907f0{
|
|
6565
6582
|
from{
|
|
6566
6583
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
6567
6584
|
}
|
|
@@ -6569,7 +6586,7 @@
|
|
|
6569
6586
|
transform:translateX(0);
|
|
6570
6587
|
}
|
|
6571
6588
|
}
|
|
6572
|
-
@keyframes bp_select_module_bpSelectMediumRightSlideExit--
|
|
6589
|
+
@keyframes bp_select_module_bpSelectMediumRightSlideExit--907f0{
|
|
6573
6590
|
from{
|
|
6574
6591
|
transform:translateX(0);
|
|
6575
6592
|
}
|
|
@@ -10216,7 +10233,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10216
10233
|
display:inline;
|
|
10217
10234
|
}
|
|
10218
10235
|
|
|
10219
|
-
.bp_modal_module_overlay--
|
|
10236
|
+
.bp_modal_module_overlay--0e889{
|
|
10220
10237
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
10221
10238
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
10222
10239
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -10262,15 +10279,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10262
10279
|
z-index:var(--z-index-modal);
|
|
10263
10280
|
}
|
|
10264
10281
|
@media (width > 459px){
|
|
10265
|
-
.bp_modal_module_overlay--
|
|
10282
|
+
.bp_modal_module_overlay--0e889{
|
|
10266
10283
|
place-items:center;
|
|
10267
10284
|
}
|
|
10268
10285
|
}
|
|
10269
10286
|
|
|
10270
|
-
.bp_modal_module_headerDividerLine--
|
|
10287
|
+
.bp_modal_module_headerDividerLine--0e889{
|
|
10271
10288
|
position:relative;
|
|
10272
10289
|
}
|
|
10273
|
-
.bp_modal_module_headerDividerLine--
|
|
10290
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10274
10291
|
border-bottom:var(--modal-divider-line-border);
|
|
10275
10292
|
bottom:0;
|
|
10276
10293
|
content:"";
|
|
@@ -10279,16 +10296,16 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10279
10296
|
right:var(--modal-divider-line-offset-right);
|
|
10280
10297
|
}
|
|
10281
10298
|
@media (width > 459px){
|
|
10282
|
-
.bp_modal_module_headerDividerLine--
|
|
10299
|
+
.bp_modal_module_headerDividerLine--0e889::after{
|
|
10283
10300
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10284
10301
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10285
10302
|
}
|
|
10286
10303
|
}
|
|
10287
10304
|
|
|
10288
|
-
.bp_modal_module_footerDividerLine--
|
|
10305
|
+
.bp_modal_module_footerDividerLine--0e889{
|
|
10289
10306
|
position:relative;
|
|
10290
10307
|
}
|
|
10291
|
-
.bp_modal_module_footerDividerLine--
|
|
10308
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10292
10309
|
border-bottom:var(--modal-divider-line-border);
|
|
10293
10310
|
content:"";
|
|
10294
10311
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -10297,13 +10314,13 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10297
10314
|
top:0;
|
|
10298
10315
|
}
|
|
10299
10316
|
@media (width > 459px){
|
|
10300
|
-
.bp_modal_module_footerDividerLine--
|
|
10317
|
+
.bp_modal_module_footerDividerLine--0e889::before{
|
|
10301
10318
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
10302
10319
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
10303
10320
|
}
|
|
10304
10321
|
}
|
|
10305
10322
|
|
|
10306
|
-
.bp_modal_module_content--
|
|
10323
|
+
.bp_modal_module_content--0e889{
|
|
10307
10324
|
display:flex;
|
|
10308
10325
|
flex-direction:column;
|
|
10309
10326
|
height:100vh;
|
|
@@ -10311,15 +10328,15 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10311
10328
|
position:relative;
|
|
10312
10329
|
}
|
|
10313
10330
|
@media (width > 374px){
|
|
10314
|
-
.bp_modal_module_content--
|
|
10331
|
+
.bp_modal_module_content--0e889{
|
|
10315
10332
|
overflow:hidden;
|
|
10316
10333
|
}
|
|
10317
10334
|
}
|
|
10318
|
-
.bp_modal_module_content--
|
|
10335
|
+
.bp_modal_module_content--0e889{
|
|
10319
10336
|
background-color:var(--modal-content-background);
|
|
10320
10337
|
}
|
|
10321
10338
|
@media (width > 459px){
|
|
10322
|
-
.bp_modal_module_content--
|
|
10339
|
+
.bp_modal_module_content--0e889{
|
|
10323
10340
|
border-radius:var(--modal-border-radius);
|
|
10324
10341
|
height:auto;
|
|
10325
10342
|
margin:var(--modal-margin);
|
|
@@ -10327,97 +10344,97 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10327
10344
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
10328
10345
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
10329
10346
|
}
|
|
10330
|
-
.bp_modal_module_content--
|
|
10347
|
+
.bp_modal_module_content--0e889.bp_modal_module_smallSizeModal--0e889{
|
|
10331
10348
|
max-width:var(--modal-max-width-small);
|
|
10332
10349
|
}
|
|
10333
|
-
.bp_modal_module_content--
|
|
10350
|
+
.bp_modal_module_content--0e889.bp_modal_module_mediumSizeModal--0e889{
|
|
10334
10351
|
max-width:var(--modal-max-width-medium);
|
|
10335
10352
|
}
|
|
10336
|
-
.bp_modal_module_content--
|
|
10353
|
+
.bp_modal_module_content--0e889.bp_modal_module_largeSizeModal--0e889{
|
|
10337
10354
|
max-width:var(--modal-max-width-large);
|
|
10338
10355
|
}
|
|
10339
|
-
.bp_modal_module_content--
|
|
10356
|
+
.bp_modal_module_content--0e889.bp_modal_module_xlargeSizeModal--0e889{
|
|
10340
10357
|
max-width:var(--modal-max-width-xlarge);
|
|
10341
10358
|
}
|
|
10342
10359
|
}
|
|
10343
|
-
.bp_modal_module_content--
|
|
10360
|
+
.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
10361
|
display:none;
|
|
10345
10362
|
}
|
|
10346
10363
|
@media (width > 459px){
|
|
10347
|
-
.bp_modal_module_content--
|
|
10364
|
+
.bp_modal_module_content--0e889:has(.bp_modal_module_loadingContainerActive--0e889){
|
|
10348
10365
|
max-height:var(--modal-max-height-loading);
|
|
10349
10366
|
max-width:var(--modal-max-width-loading);
|
|
10350
10367
|
}
|
|
10351
10368
|
}
|
|
10352
10369
|
|
|
10353
|
-
.bp_modal_module_overlay--
|
|
10354
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
10370
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=false]{
|
|
10371
|
+
animation:bp_modal_module_popup_bounce_in--0e889 var(--animation-duration-3);
|
|
10355
10372
|
}
|
|
10356
10373
|
|
|
10357
|
-
.bp_modal_module_overlay--
|
|
10374
|
+
.bp_modal_module_overlay--0e889 .bp_modal_module_content--0e889[data-bp-animated=true][data-state=open]{
|
|
10358
10375
|
animation-duration:var(--bp-duration-long);
|
|
10359
10376
|
animation-fill-mode:backwards;
|
|
10360
|
-
animation-name:bp_modal_module_bpModalEnter--
|
|
10377
|
+
animation-name:bp_modal_module_bpModalEnter--0e889;
|
|
10361
10378
|
animation-timing-function:var(--bp-curve-large-on);
|
|
10362
10379
|
}
|
|
10363
10380
|
|
|
10364
|
-
.bp_modal_module_overlay--
|
|
10381
|
+
.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
10382
|
animation-duration:var(--bp-duration-medium);
|
|
10366
10383
|
animation-fill-mode:forwards;
|
|
10367
|
-
animation-name:bp_modal_module_bpModalExit--
|
|
10384
|
+
animation-name:bp_modal_module_bpModalExit--0e889;
|
|
10368
10385
|
animation-timing-function:var(--bp-curve-large-off);
|
|
10369
10386
|
}
|
|
10370
10387
|
|
|
10371
|
-
.bp_modal_module_scrollableContainer--
|
|
10388
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10372
10389
|
flex-grow:1;
|
|
10373
10390
|
}
|
|
10374
10391
|
@media (width > 374px){
|
|
10375
|
-
.bp_modal_module_scrollableContainer--
|
|
10392
|
+
.bp_modal_module_scrollableContainer--0e889{
|
|
10376
10393
|
overflow-y:auto;
|
|
10377
10394
|
}
|
|
10378
10395
|
}
|
|
10379
10396
|
|
|
10380
|
-
.bp_modal_module_content--
|
|
10397
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10381
10398
|
position:fixed;
|
|
10382
10399
|
}
|
|
10383
10400
|
@media (width > 374px){
|
|
10384
|
-
.bp_modal_module_content--
|
|
10401
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10385
10402
|
position:absolute;
|
|
10386
10403
|
}
|
|
10387
10404
|
}
|
|
10388
|
-
.bp_modal_module_content--
|
|
10405
|
+
.bp_modal_module_content--0e889 .bp_modal_module_close--0e889{
|
|
10389
10406
|
color:var(--modal-close-button-color);
|
|
10390
10407
|
right:var(--modal-close-button-offset-right);
|
|
10391
10408
|
top:var(--modal-close-button-offset-top);
|
|
10392
10409
|
}
|
|
10393
10410
|
|
|
10394
|
-
.bp_modal_module_close--
|
|
10411
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889{
|
|
10395
10412
|
background-color:var(--modal-close-button-on-color-background);
|
|
10396
10413
|
}
|
|
10397
|
-
.bp_modal_module_close--
|
|
10414
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:hover{
|
|
10398
10415
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
10399
10416
|
}
|
|
10400
|
-
.bp_modal_module_close--
|
|
10417
|
+
.bp_modal_module_close--0e889.bp_modal_module_onColor--0e889:active{
|
|
10401
10418
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
10402
10419
|
}
|
|
10403
10420
|
|
|
10404
|
-
.bp_modal_module_content--
|
|
10421
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10405
10422
|
color:var(--modal-back-button-color);
|
|
10406
10423
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
10407
10424
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
10408
10425
|
}
|
|
10409
10426
|
@media (width > 459px){
|
|
10410
|
-
.bp_modal_module_content--
|
|
10427
|
+
.bp_modal_module_content--0e889 .bp_modal_module_backButton--0e889{
|
|
10411
10428
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
10412
10429
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
10413
10430
|
}
|
|
10414
10431
|
}
|
|
10415
10432
|
|
|
10416
|
-
.bp_modal_module_modalHeader--
|
|
10433
|
+
.bp_modal_module_modalHeader--0e889{
|
|
10417
10434
|
display:flex;
|
|
10418
10435
|
}
|
|
10419
10436
|
|
|
10420
|
-
.bp_modal_module_modalTitle--
|
|
10437
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10421
10438
|
display:flex;
|
|
10422
10439
|
flex-direction:column;
|
|
10423
10440
|
gap:var(--modal-title-gap);
|
|
@@ -10425,80 +10442,83 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10425
10442
|
padding:var(--modal-title-padding);
|
|
10426
10443
|
}
|
|
10427
10444
|
@media (width > 459px){
|
|
10428
|
-
.bp_modal_module_modalTitle--
|
|
10445
|
+
.bp_modal_module_modalTitle--0e889{
|
|
10429
10446
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
10430
10447
|
}
|
|
10431
10448
|
}
|
|
10432
10449
|
|
|
10433
|
-
.bp_modal_module_body--
|
|
10450
|
+
.bp_modal_module_body--0e889{
|
|
10434
10451
|
color:var(--modal-body-text-color);
|
|
10435
10452
|
padding:var(--modal-body-padding-fullscreen);
|
|
10436
10453
|
}
|
|
10437
10454
|
@media (width > 459px){
|
|
10438
|
-
.bp_modal_module_body--
|
|
10455
|
+
.bp_modal_module_body--0e889{
|
|
10439
10456
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
10440
10457
|
}
|
|
10441
10458
|
}
|
|
10442
10459
|
|
|
10443
|
-
.bp_modal_module_footer--
|
|
10460
|
+
.bp_modal_module_footer--0e889{
|
|
10444
10461
|
display:flex;
|
|
10445
10462
|
justify-content:flex-end;
|
|
10446
10463
|
padding:var(--modal-footer-padding);
|
|
10447
10464
|
}
|
|
10448
10465
|
@media (width > 459px){
|
|
10449
|
-
.bp_modal_module_footer--
|
|
10466
|
+
.bp_modal_module_footer--0e889{
|
|
10450
10467
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
10451
10468
|
}
|
|
10452
10469
|
}
|
|
10470
|
+
.bp_modal_module_footer--0e889 .bp_modal_module_footerButton--0e889{
|
|
10471
|
+
cursor:pointer;
|
|
10472
|
+
}
|
|
10453
10473
|
|
|
10454
|
-
.bp_modal_module_footerButton--
|
|
10474
|
+
.bp_modal_module_footerButton--0e889 + .bp_modal_module_footerButton--0e889{
|
|
10455
10475
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
10456
10476
|
}
|
|
10457
10477
|
|
|
10458
|
-
.bp_modal_module_loadingContainer--
|
|
10478
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10459
10479
|
display:flex;
|
|
10460
10480
|
flex-direction:column;
|
|
10461
10481
|
flex-grow:1;
|
|
10462
10482
|
position:relative;
|
|
10463
10483
|
}
|
|
10464
10484
|
@media (width > 374px){
|
|
10465
|
-
.bp_modal_module_loadingContainer--
|
|
10485
|
+
.bp_modal_module_loadingContainer--0e889{
|
|
10466
10486
|
min-height:0;
|
|
10467
10487
|
}
|
|
10468
10488
|
}
|
|
10469
10489
|
|
|
10470
|
-
.bp_modal_module_loadingContainerActive--
|
|
10490
|
+
.bp_modal_module_loadingContainerActive--0e889{
|
|
10471
10491
|
overflow:hidden;
|
|
10472
10492
|
}
|
|
10473
10493
|
|
|
10474
|
-
.bp_modal_module_loading--
|
|
10494
|
+
.bp_modal_module_loading--0e889{
|
|
10475
10495
|
align-items:center;
|
|
10476
10496
|
display:flex;
|
|
10477
10497
|
}
|
|
10478
10498
|
|
|
10479
|
-
.bp_modal_module_loadingOverlay--
|
|
10499
|
+
.bp_modal_module_loadingOverlay--0e889{
|
|
10480
10500
|
background-color:var(--modal-content-background);
|
|
10481
10501
|
inset:0;
|
|
10482
10502
|
position:absolute;
|
|
10483
10503
|
z-index:1;
|
|
10484
10504
|
}
|
|
10485
10505
|
|
|
10486
|
-
.bp_modal_module_loadingContent--
|
|
10506
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10487
10507
|
display:flex;
|
|
10488
10508
|
flex-direction:column;
|
|
10489
10509
|
visibility:hidden;
|
|
10490
10510
|
}
|
|
10491
10511
|
@media (width > 374px){
|
|
10492
|
-
.bp_modal_module_loadingContent--
|
|
10512
|
+
.bp_modal_module_loadingContent--0e889{
|
|
10493
10513
|
min-height:0;
|
|
10494
10514
|
}
|
|
10495
10515
|
}
|
|
10496
10516
|
|
|
10497
|
-
.bp_modal_module_loadingContentVisible--
|
|
10517
|
+
.bp_modal_module_loadingContentVisible--0e889{
|
|
10498
10518
|
visibility:visible;
|
|
10499
10519
|
}
|
|
10500
10520
|
|
|
10501
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
10521
|
+
@keyframes bp_modal_module_popup_bounce_in--0e889{
|
|
10502
10522
|
0%{
|
|
10503
10523
|
transform:scale3d(.1, .1, 1);
|
|
10504
10524
|
}
|
|
@@ -10506,7 +10526,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10506
10526
|
transform:scaleX(1);
|
|
10507
10527
|
}
|
|
10508
10528
|
}
|
|
10509
|
-
@keyframes bp_modal_module_bpModalEnter--
|
|
10529
|
+
@keyframes bp_modal_module_bpModalEnter--0e889{
|
|
10510
10530
|
from{
|
|
10511
10531
|
opacity:var(--bp-opacity-hidden);
|
|
10512
10532
|
transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
|
|
@@ -10516,7 +10536,7 @@ table.bp_inline_table_module_inlineTable--12cec[data-modern=true] td:last-child,
|
|
|
10516
10536
|
transform:translateY(0) scale(var(--bp-scale-default));
|
|
10517
10537
|
}
|
|
10518
10538
|
}
|
|
10519
|
-
@keyframes bp_modal_module_bpModalExit--
|
|
10539
|
+
@keyframes bp_modal_module_bpModalExit--0e889{
|
|
10520
10540
|
from{
|
|
10521
10541
|
opacity:var(--bp-opacity-visible);
|
|
10522
10542
|
}
|
|
@@ -12374,7 +12394,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12374
12394
|
.bp_menu_combobox_module_menuCloseButton--88105{
|
|
12375
12395
|
grid-area:close;
|
|
12376
12396
|
}
|
|
12377
|
-
.bp_notification_module_viewport--
|
|
12397
|
+
.bp_notification_module_viewport--c9108{
|
|
12378
12398
|
--notification-viewport-space:var(--space-4);
|
|
12379
12399
|
--notification-viewport-item-spacing:var(--space-3);
|
|
12380
12400
|
all:unset;
|
|
@@ -12389,7 +12409,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12389
12409
|
z-index:var(--z-index-notification);
|
|
12390
12410
|
}
|
|
12391
12411
|
|
|
12392
|
-
.bp_notification_module_root--
|
|
12412
|
+
.bp_notification_module_root--c9108[data-modern=false]{
|
|
12393
12413
|
--notification-padding-vertical:var(--space-3);
|
|
12394
12414
|
--notification-padding-horizontal:var(--space-4);
|
|
12395
12415
|
--notification-item-spacing:var(--space-3);
|
|
@@ -12408,9 +12428,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12408
12428
|
--notification-text-color:var(--text-text-on-light);
|
|
12409
12429
|
--notification-text-container-height:var(--space-8);
|
|
12410
12430
|
--notification-icon-size:var(--size-8);
|
|
12411
|
-
--notification-icon-margin
|
|
12431
|
+
--notification-icon-margin:0.375rem;
|
|
12412
12432
|
}
|
|
12413
|
-
.bp_notification_module_root--
|
|
12433
|
+
.bp_notification_module_root--c9108[data-modern=false] .bp_notification_module_text--c9108{
|
|
12414
12434
|
font-family:var(--body-default-bold-font-family);
|
|
12415
12435
|
font-size:var(--body-default-bold-font-size);
|
|
12416
12436
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -12420,7 +12440,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12420
12440
|
text-transform:var(--body-default-bold-text-case);
|
|
12421
12441
|
}
|
|
12422
12442
|
|
|
12423
|
-
.bp_notification_module_root--
|
|
12443
|
+
.bp_notification_module_root--c9108[data-modern=true]{
|
|
12424
12444
|
--notification-padding-vertical:var(--bp-space-030);
|
|
12425
12445
|
--notification-padding-horizontal:var(--bp-space-040);
|
|
12426
12446
|
--notification-item-spacing:var(--bp-space-030);
|
|
@@ -12441,9 +12461,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12441
12461
|
--notification-text-color:var(--bp-text-text-on-light);
|
|
12442
12462
|
--notification-text-container-height:var(--bp-space-080);
|
|
12443
12463
|
--notification-icon-size:var(--bp-size-080);
|
|
12444
|
-
--notification-icon-margin
|
|
12464
|
+
--notification-icon-margin:0.375rem;
|
|
12445
12465
|
}
|
|
12446
|
-
.bp_notification_module_root--
|
|
12466
|
+
.bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12447
12467
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12448
12468
|
font-size:var(--bp-font-size-05);
|
|
12449
12469
|
font-style:normal;
|
|
@@ -12451,7 +12471,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12451
12471
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
12452
12472
|
line-height:var(--bp-font-line-height-04);
|
|
12453
12473
|
}
|
|
12454
|
-
:where(body.is-inter-font) .bp_notification_module_root--
|
|
12474
|
+
:where(body.is-inter-font) .bp_notification_module_root--c9108[data-modern=true] .bp_notification_module_text--c9108{
|
|
12455
12475
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
12456
12476
|
font-size:.875rem;
|
|
12457
12477
|
font-style:normal;
|
|
@@ -12462,20 +12482,20 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12462
12482
|
text-transform:none;
|
|
12463
12483
|
}
|
|
12464
12484
|
|
|
12465
|
-
.bp_notification_module_root--
|
|
12485
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_info--c9108{
|
|
12466
12486
|
background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
|
|
12467
12487
|
}
|
|
12468
|
-
.bp_notification_module_root--
|
|
12488
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_success--c9108{
|
|
12469
12489
|
background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
|
|
12470
12490
|
}
|
|
12471
|
-
.bp_notification_module_root--
|
|
12491
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_warning--c9108{
|
|
12472
12492
|
background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
|
|
12473
12493
|
}
|
|
12474
|
-
.bp_notification_module_root--
|
|
12494
|
+
.bp_notification_module_root--c9108[data-modern=true].bp_notification_module_error--c9108{
|
|
12475
12495
|
background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
|
|
12476
12496
|
}
|
|
12477
12497
|
|
|
12478
|
-
.bp_notification_module_root--
|
|
12498
|
+
.bp_notification_module_root--c9108{
|
|
12479
12499
|
backdrop-filter:blur(var(--notification-background-blur));
|
|
12480
12500
|
border:var(--notification-border) solid;
|
|
12481
12501
|
border-radius:var(--notification-radius);
|
|
@@ -12486,37 +12506,37 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12486
12506
|
width:max-content;
|
|
12487
12507
|
}
|
|
12488
12508
|
@media (width > 374px){
|
|
12489
|
-
.bp_notification_module_root--
|
|
12509
|
+
.bp_notification_module_root--c9108{
|
|
12490
12510
|
max-width:343px;
|
|
12491
12511
|
}
|
|
12492
12512
|
}
|
|
12493
12513
|
@media (width > 767px){
|
|
12494
|
-
.bp_notification_module_root--
|
|
12514
|
+
.bp_notification_module_root--c9108{
|
|
12495
12515
|
max-width:728px;
|
|
12496
12516
|
}
|
|
12497
12517
|
}
|
|
12498
12518
|
@media (width > 1023px){
|
|
12499
|
-
.bp_notification_module_root--
|
|
12519
|
+
.bp_notification_module_root--c9108{
|
|
12500
12520
|
max-width:848px;
|
|
12501
12521
|
}
|
|
12502
12522
|
}
|
|
12503
12523
|
@media (width > 1219px){
|
|
12504
|
-
.bp_notification_module_root--
|
|
12524
|
+
.bp_notification_module_root--c9108{
|
|
12505
12525
|
max-width:896px;
|
|
12506
12526
|
}
|
|
12507
12527
|
}
|
|
12508
|
-
.bp_notification_module_root--
|
|
12528
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12509
12529
|
align-items:flex-start;
|
|
12510
12530
|
display:flex;
|
|
12511
12531
|
gap:var(--notification-item-spacing);
|
|
12512
12532
|
width:100%;
|
|
12513
12533
|
}
|
|
12514
12534
|
@media (width > 767px){
|
|
12515
|
-
.bp_notification_module_root--
|
|
12535
|
+
.bp_notification_module_root--c9108 .bp_notification_module_container--c9108{
|
|
12516
12536
|
align-items:center;
|
|
12517
12537
|
}
|
|
12518
12538
|
}
|
|
12519
|
-
.bp_notification_module_root--
|
|
12539
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12520
12540
|
align-items:left;
|
|
12521
12541
|
display:flex;
|
|
12522
12542
|
flex-direction:column;
|
|
@@ -12524,46 +12544,46 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12524
12544
|
width:100%;
|
|
12525
12545
|
}
|
|
12526
12546
|
@media (width > 767px){
|
|
12527
|
-
.bp_notification_module_root--
|
|
12547
|
+
.bp_notification_module_root--c9108 .bp_notification_module_mobileContainer--c9108{
|
|
12528
12548
|
align-items:center;
|
|
12529
12549
|
flex-direction:row;
|
|
12530
12550
|
}
|
|
12531
12551
|
}
|
|
12532
|
-
.bp_notification_module_root--
|
|
12552
|
+
.bp_notification_module_root--c9108 .bp_notification_module_withButtons--c9108{
|
|
12533
12553
|
gap:var(--notification-item-spacing);
|
|
12534
12554
|
}
|
|
12535
|
-
.bp_notification_module_root--
|
|
12555
|
+
.bp_notification_module_root--c9108.bp_notification_module_info--c9108{
|
|
12536
12556
|
background:var(--notification-background-info);
|
|
12537
12557
|
border-color:var(--notification-border-color-info);
|
|
12538
12558
|
}
|
|
12539
|
-
.bp_notification_module_root--
|
|
12559
|
+
.bp_notification_module_root--c9108.bp_notification_module_success--c9108{
|
|
12540
12560
|
background:var(--notification-background-success);
|
|
12541
12561
|
border-color:var(--notification-border-color-success);
|
|
12542
12562
|
}
|
|
12543
|
-
.bp_notification_module_root--
|
|
12563
|
+
.bp_notification_module_root--c9108.bp_notification_module_warning--c9108{
|
|
12544
12564
|
background:var(--notification-background-warning);
|
|
12545
12565
|
border-color:var(--notification-border-color-warning);
|
|
12546
12566
|
}
|
|
12547
|
-
.bp_notification_module_root--
|
|
12567
|
+
.bp_notification_module_root--c9108.bp_notification_module_error--c9108{
|
|
12548
12568
|
background:var(--notification-background-error);
|
|
12549
12569
|
border-color:var(--notification-border-color-error);
|
|
12550
12570
|
}
|
|
12551
|
-
.bp_notification_module_root--
|
|
12571
|
+
.bp_notification_module_root--c9108:focus-visible{
|
|
12552
12572
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
|
|
12553
12573
|
outline:none;
|
|
12554
12574
|
}
|
|
12555
|
-
.bp_notification_module_root--
|
|
12575
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108{
|
|
12556
12576
|
align-items:center;
|
|
12557
12577
|
display:flex;
|
|
12558
12578
|
height:var(--notification-icon-size);
|
|
12559
12579
|
justify-content:center;
|
|
12560
12580
|
width:var(--notification-icon-size);
|
|
12561
12581
|
}
|
|
12562
|
-
.bp_notification_module_root--
|
|
12582
|
+
.bp_notification_module_root--c9108 .bp_notification_module_typeIconContainer--c9108 .bp_notification_module_typeIcon--c9108{
|
|
12563
12583
|
flex-shrink:0;
|
|
12564
12584
|
margin:var(--notification-icon-margin);
|
|
12565
12585
|
}
|
|
12566
|
-
.bp_notification_module_root--
|
|
12586
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108{
|
|
12567
12587
|
align-items:center;
|
|
12568
12588
|
color:var(--notification-text-color);
|
|
12569
12589
|
display:flex;
|
|
@@ -12571,33 +12591,36 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12571
12591
|
min-height:var(--notification-text-container-height);
|
|
12572
12592
|
overflow:hidden;
|
|
12573
12593
|
}
|
|
12574
|
-
.bp_notification_module_root--
|
|
12594
|
+
.bp_notification_module_root--c9108 .bp_notification_module_text--c9108 > div{
|
|
12575
12595
|
overflow:hidden;
|
|
12576
12596
|
overflow-wrap:break-word;
|
|
12577
12597
|
}
|
|
12578
|
-
.bp_notification_module_root--
|
|
12598
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12579
12599
|
display:flex;
|
|
12580
12600
|
gap:var(--notification-item-spacing);
|
|
12581
12601
|
margin-left:0;
|
|
12582
12602
|
}
|
|
12583
12603
|
@media (width > 767px){
|
|
12584
|
-
.bp_notification_module_root--
|
|
12604
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108{
|
|
12585
12605
|
margin-left:auto;
|
|
12586
12606
|
}
|
|
12587
12607
|
}
|
|
12588
|
-
.bp_notification_module_root--
|
|
12608
|
+
.bp_notification_module_root--c9108 .bp_notification_module_contentButtonSection--c9108 .bp_notification_module_contentButtons--c9108{
|
|
12589
12609
|
display:flex;
|
|
12590
12610
|
gap:var(--notification-item-spacing);
|
|
12591
12611
|
}
|
|
12592
|
-
.bp_notification_module_root--
|
|
12612
|
+
.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{
|
|
12613
|
+
cursor:pointer;
|
|
12614
|
+
}
|
|
12615
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108{
|
|
12593
12616
|
display:flex;
|
|
12594
12617
|
gap:var(--notification-item-spacing);
|
|
12595
12618
|
margin-left:auto;
|
|
12596
12619
|
}
|
|
12597
|
-
.bp_notification_module_root--
|
|
12620
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108{
|
|
12598
12621
|
align-self:center;
|
|
12599
12622
|
}
|
|
12600
|
-
.bp_notification_module_root--
|
|
12623
|
+
.bp_notification_module_root--c9108 .bp_notification_module_closeButtonSection--c9108 .bp_notification_module_closeButton--c9108 svg *{
|
|
12601
12624
|
fill:currentcolor;
|
|
12602
12625
|
}
|
|
12603
12626
|
.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{
|