@box/blueprint-web 17.2.4 → 17.3.0
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/components.css +288 -602
- package/dist/lib-esm/index.css +288 -602
- package/dist/lib-esm/primitives/base-button/base-button-icon.js +2 -3
- package/dist/lib-esm/primitives/base-button/base-button.js +0 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/utils.d.ts +1 -1
- package/dist/lib-esm/primitives/base-button/utils.js +3 -16
- package/dist/lib-esm/primitives/icon-button/icon-button.js +0 -1
- package/dist/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
- package/dist/lib-esm/split-button/split-button.js +0 -2
- package/dist/lib-esm/split-button/styles.module.js +1 -1
- package/dist/lib-esm/text-button/text-button.js +0 -2
- package/dist/lib-esm/text-button/text-button.module.js +1 -1
- package/dist/lib-esm/trigger-button/trigger-button.js +1 -3
- package/dist/lib-esm/trigger-button/trigger-button.module.js +1 -1
- package/package.json +3 -3
|
@@ -400,7 +400,16 @@
|
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
-
.bp_base_button_module_button--
|
|
403
|
+
.bp_base_button_module_button--b1830[data-bp-animated=true]{
|
|
404
|
+
transition-duration:var(--bp-duration-short);
|
|
405
|
+
transition-property:background;
|
|
406
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
407
|
+
}
|
|
408
|
+
.bp_base_button_module_button--b1830[data-bp-animated=true]:active,.bp_base_button_module_button--b1830[data-bp-animated=true]:hover{
|
|
409
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
.bp_base_button_module_button--b1830{
|
|
404
413
|
--button-border-radius:var(--bp-radius-10);
|
|
405
414
|
--button-line-height:1;
|
|
406
415
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -410,7 +419,7 @@
|
|
|
410
419
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
411
420
|
line-height:var(--bp-font-line-height-04);
|
|
412
421
|
}
|
|
413
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
422
|
+
:where(body.is-inter-font) .bp_base_button_module_button--b1830{
|
|
414
423
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
415
424
|
font-size:.875rem;
|
|
416
425
|
font-style:normal;
|
|
@@ -421,13 +430,27 @@
|
|
|
421
430
|
text-transform:none;
|
|
422
431
|
}
|
|
423
432
|
|
|
424
|
-
.bp_base_button_module_button--
|
|
433
|
+
.bp_base_button_module_button--b1830{
|
|
434
|
+
border-radius:var(--button-border-radius);
|
|
435
|
+
cursor:pointer;
|
|
436
|
+
justify-content:center;
|
|
425
437
|
line-height:var(--button-line-height);
|
|
438
|
+
outline:0;
|
|
439
|
+
-webkit-user-select:none;
|
|
440
|
+
user-select:none;
|
|
441
|
+
white-space:nowrap;
|
|
442
|
+
}
|
|
443
|
+
.bp_base_button_module_button--b1830,.bp_base_button_module_button--b1830 .bp_base_button_module_icon--b1830{
|
|
444
|
+
align-items:center;
|
|
445
|
+
display:flex;
|
|
426
446
|
}
|
|
427
|
-
.bp_base_button_module_button--
|
|
447
|
+
.bp_base_button_module_button--b1830:not(:disabled)[data-focus-visible]{
|
|
428
448
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
429
449
|
}
|
|
430
|
-
.bp_base_button_module_button--
|
|
450
|
+
.bp_base_button_module_button--b1830:disabled{
|
|
451
|
+
opacity:.3;
|
|
452
|
+
}
|
|
453
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_primary--b1830{
|
|
431
454
|
--button-color:var(--bp-text-text-on-dark);
|
|
432
455
|
--button-background:var(--bp-surface-surface-brand);
|
|
433
456
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -435,8 +458,19 @@
|
|
|
435
458
|
--button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-hover);
|
|
436
459
|
--button-active-background:var(--bp-surface-surface-brand-pressed);
|
|
437
460
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
|
|
461
|
+
background:var(--button-background);
|
|
462
|
+
border:var(--button-border);
|
|
463
|
+
color:var(--button-color);
|
|
438
464
|
}
|
|
439
|
-
.bp_base_button_module_button--
|
|
465
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_primary--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_primary--b1830:not(:disabled)[data-focus-visible]{
|
|
466
|
+
background:var(--button-focus-or-hover-background);
|
|
467
|
+
border:var(--button-focus-or-hover-border);
|
|
468
|
+
}
|
|
469
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_primary--b1830:not(:disabled):active{
|
|
470
|
+
background:var(--button-active-background);
|
|
471
|
+
border:var(--button-active-border);
|
|
472
|
+
}
|
|
473
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_secondary--b1830{
|
|
440
474
|
--button-color:var(--bp-text-text-on-light);
|
|
441
475
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
442
476
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -445,31 +479,73 @@
|
|
|
445
479
|
--button-active-background:var(--bp-surface-cta-surface-secondary-pressed);
|
|
446
480
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
447
481
|
--button-backdrop-filter:blur(16px);
|
|
482
|
+
backdrop-filter:var(--button-backdrop-filter);
|
|
483
|
+
background:var(--button-background);
|
|
484
|
+
border:var(--button-border);
|
|
485
|
+
color:var(--button-color);
|
|
448
486
|
}
|
|
449
|
-
.bp_base_button_module_button--
|
|
487
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_secondary--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_secondary--b1830:not(:disabled)[data-focus-visible]{
|
|
488
|
+
background:var(--button-focus-or-hover-background);
|
|
489
|
+
border:var(--button-focus-or-hover-border);
|
|
490
|
+
}
|
|
491
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_secondary--b1830:not(:disabled):active{
|
|
492
|
+
background:var(--button-active-background);
|
|
493
|
+
border:var(--button-active-border);
|
|
494
|
+
}
|
|
495
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary--b1830{
|
|
450
496
|
--button-color:var(--bp-text-cta-link);
|
|
451
497
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
452
498
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
453
499
|
--button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
|
|
454
500
|
--button-backdrop-filter:blur(16px);
|
|
501
|
+
backdrop-filter:var(--button-backdrop-filter);
|
|
502
|
+
background:var(--button-background);
|
|
503
|
+
border:var(--button-border);
|
|
504
|
+
color:var(--button-color);
|
|
455
505
|
}
|
|
456
|
-
.bp_base_button_module_button--
|
|
506
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_tertiary--b1830:not(:disabled)[data-focus-visible]{
|
|
507
|
+
background:var(--button-focus-or-hover-background);
|
|
508
|
+
}
|
|
509
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary--b1830:not(:disabled):active{
|
|
510
|
+
background:var(--button-active-background);
|
|
511
|
+
}
|
|
512
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_quaternary--b1830{
|
|
457
513
|
--button-color:var(--bp-text-cta-link-secondary);
|
|
458
514
|
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
459
515
|
--button-border:var(--bp-border-01) solid #0000;
|
|
460
516
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-quaternary-hover);
|
|
461
517
|
--button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
|
|
462
518
|
--button-backdrop-filter:blur(16px);
|
|
519
|
+
backdrop-filter:var(--button-backdrop-filter);
|
|
520
|
+
background:var(--button-background);
|
|
521
|
+
border:var(--button-border);
|
|
522
|
+
color:var(--button-color);
|
|
523
|
+
}
|
|
524
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_quaternary--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_quaternary--b1830:not(:disabled)[data-focus-visible]{
|
|
525
|
+
background:var(--button-focus-or-hover-background);
|
|
526
|
+
}
|
|
527
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_quaternary--b1830:not(:disabled):active{
|
|
528
|
+
background:var(--button-active-background);
|
|
463
529
|
}
|
|
464
|
-
.bp_base_button_module_button--
|
|
530
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary-destructive--b1830{
|
|
465
531
|
--button-color:var(--bp-text-text-destructive-on-light);
|
|
466
532
|
--button-background:var(--bp-surface-cta-destructive-surface-tertiary);
|
|
467
533
|
--button-border:var(--bp-border-01) solid #0000;
|
|
468
534
|
--button-focus-or-hover-background:var(--bp-surface-cta-destructive-surface-tertiary-hover);
|
|
469
535
|
--button-active-background:var(--bp-surface-cta-destructive-surface-tertiary-pressed);
|
|
470
536
|
--button-backdrop-filter:blur(16px);
|
|
537
|
+
backdrop-filter:var(--button-backdrop-filter);
|
|
538
|
+
background:var(--button-background);
|
|
539
|
+
border:var(--button-border);
|
|
540
|
+
color:var(--button-color);
|
|
541
|
+
}
|
|
542
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary-destructive--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_tertiary-destructive--b1830:not(:disabled)[data-focus-visible]{
|
|
543
|
+
background:var(--button-focus-or-hover-background);
|
|
544
|
+
}
|
|
545
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_tertiary-destructive--b1830:not(:disabled):active{
|
|
546
|
+
background:var(--button-active-background);
|
|
471
547
|
}
|
|
472
|
-
.bp_base_button_module_button--
|
|
548
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_destructive--b1830{
|
|
473
549
|
--button-color:var(--bp-text-text-on-dark);
|
|
474
550
|
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
475
551
|
--button-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
@@ -477,8 +553,19 @@
|
|
|
477
553
|
--button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary-hover);
|
|
478
554
|
--button-active-background:var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
479
555
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
556
|
+
background:var(--button-background);
|
|
557
|
+
border:var(--button-border);
|
|
558
|
+
color:var(--button-color);
|
|
559
|
+
}
|
|
560
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_destructive--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_destructive--b1830:not(:disabled)[data-focus-visible]{
|
|
561
|
+
background:var(--button-focus-or-hover-background);
|
|
562
|
+
border:var(--button-focus-or-hover-border);
|
|
480
563
|
}
|
|
481
|
-
.bp_base_button_module_button--
|
|
564
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_destructive--b1830:not(:disabled):active{
|
|
565
|
+
background:var(--button-active-background);
|
|
566
|
+
border:var(--button-active-border);
|
|
567
|
+
}
|
|
568
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_outline--b1830{
|
|
482
569
|
--button-color:var(--bp-text-text-on-light);
|
|
483
570
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
484
571
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -487,27 +574,49 @@
|
|
|
487
574
|
--button-active-background:var(--bp-surface-cta-surface-secondary-pressed);
|
|
488
575
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
489
576
|
--button-backdrop-filter:blur(16px);
|
|
577
|
+
backdrop-filter:var(--button-backdrop-filter);
|
|
578
|
+
background:var(--button-background);
|
|
579
|
+
border:var(--button-border);
|
|
580
|
+
color:var(--button-color);
|
|
490
581
|
}
|
|
491
|
-
.bp_base_button_module_button--
|
|
582
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_outline--b1830:not(:disabled):hover,.bp_base_button_module_button--b1830.bp_base_button_module_outline--b1830:not(:disabled)[data-focus-visible]{
|
|
583
|
+
background:var(--button-focus-or-hover-background);
|
|
584
|
+
border:var(--button-focus-or-hover-border);
|
|
585
|
+
}
|
|
586
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_outline--b1830:not(:disabled):active{
|
|
587
|
+
background:var(--button-active-background);
|
|
588
|
+
border:var(--button-active-border);
|
|
589
|
+
}
|
|
590
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_small--b1830{
|
|
492
591
|
--button-small-gap:var(--bp-space-010);
|
|
493
592
|
--button-small-min-height:var(--bp-size-080);
|
|
494
593
|
--button-small-padding:0 var(--bp-size-030);
|
|
594
|
+
gap:var(--button-small-gap);
|
|
595
|
+
min-height:var(--button-small-min-height);
|
|
596
|
+
padding:var(--button-small-padding);
|
|
495
597
|
}
|
|
496
|
-
.bp_base_button_module_button--
|
|
598
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_small--b1830.bp_base_button_module_isIconButton--b1830{
|
|
497
599
|
--icon-button-small-width:var(--bp-size-080);
|
|
498
600
|
--icon-button-small-height:var(--bp-size-080);
|
|
499
601
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
602
|
+
height:var(--icon-button-small-height);
|
|
603
|
+
min-height:unset;
|
|
604
|
+
padding:var(--icon-button-small-padding);
|
|
605
|
+
width:var(--icon-button-small-width);
|
|
500
606
|
}
|
|
501
|
-
.bp_base_button_module_button--
|
|
607
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_small--b1830.bp_base_button_module_isTextWithIconEndButton--b1830{
|
|
502
608
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
609
|
+
padding:var(--button-small-padding);
|
|
503
610
|
}
|
|
504
|
-
.bp_base_button_module_button--
|
|
611
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_small--b1830.bp_base_button_module_isTextWithIconStartButton--b1830{
|
|
505
612
|
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
613
|
+
padding:var(--button-small-padding);
|
|
506
614
|
}
|
|
507
|
-
.bp_base_button_module_button--
|
|
615
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_small--b1830.bp_base_button_module_isTextWithStartAndEndIconButton--b1830{
|
|
508
616
|
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
617
|
+
padding:var(--button-small-padding);
|
|
509
618
|
}
|
|
510
|
-
.bp_base_button_module_button--
|
|
619
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830{
|
|
511
620
|
--button-x-small-gap:var(--bp-space-010);
|
|
512
621
|
--button-x-small-min-height:var(--bp-size-060);
|
|
513
622
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020);
|
|
@@ -518,7 +627,7 @@
|
|
|
518
627
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
519
628
|
line-height:var(--bp-font-line-height-04);
|
|
520
629
|
}
|
|
521
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
630
|
+
:where(body.is-inter-font) .bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830{
|
|
522
631
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
523
632
|
font-size:.8125rem;
|
|
524
633
|
font-style:normal;
|
|
@@ -529,21 +638,33 @@
|
|
|
529
638
|
text-transform:none;
|
|
530
639
|
}
|
|
531
640
|
|
|
532
|
-
.bp_base_button_module_button--
|
|
641
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830{
|
|
642
|
+
gap:var(--button-x-small-gap);
|
|
643
|
+
min-height:var(--button-x-small-min-height);
|
|
644
|
+
padding:var(--button-x-small-padding);
|
|
645
|
+
}
|
|
646
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830.bp_base_button_module_isIconButton--b1830{
|
|
533
647
|
--icon-button-x-small-width:var(--bp-size-060);
|
|
534
648
|
--icon-button-x-small-height:var(--bp-size-060);
|
|
535
649
|
--icon-button-x-small-padding:0 calc((var(--bp-size-060) - var(--bp-size-040))/2);
|
|
650
|
+
height:var(--icon-button-x-small-height);
|
|
651
|
+
min-height:unset;
|
|
652
|
+
padding:var(--icon-button-x-small-padding);
|
|
653
|
+
width:var(--icon-button-x-small-width);
|
|
536
654
|
}
|
|
537
|
-
.bp_base_button_module_button--
|
|
655
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830.bp_base_button_module_isTextWithIconEndButton--b1830{
|
|
538
656
|
--button-x-small-padding:var(--bp-space-005) 0.375rem var(--bp-space-005) var(--bp-space-020);
|
|
657
|
+
padding:var(--button-x-small-padding);
|
|
539
658
|
}
|
|
540
|
-
.bp_base_button_module_button--
|
|
659
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830.bp_base_button_module_isTextWithIconStartButton--b1830{
|
|
541
660
|
--button-x-small-padding:var(--bp-space-005) var(--bp-space-020) var(--bp-space-005) 0.375rem;
|
|
661
|
+
padding:var(--button-x-small-padding);
|
|
542
662
|
}
|
|
543
|
-
.bp_base_button_module_button--
|
|
663
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_x-small--b1830.bp_base_button_module_isTextWithStartAndEndIconButton--b1830{
|
|
544
664
|
--button-x-small-padding:var(--bp-space-005) 0.375rem;
|
|
665
|
+
padding:var(--button-x-small-padding);
|
|
545
666
|
}
|
|
546
|
-
.bp_base_button_module_button--
|
|
667
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830{
|
|
547
668
|
--button-large-gap:var(--bp-space-020);
|
|
548
669
|
--button-large-min-height:var(--bp-size-100);
|
|
549
670
|
--button-large-padding:0 var(--bp-size-040);
|
|
@@ -554,7 +675,7 @@
|
|
|
554
675
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
555
676
|
line-height:var(--bp-font-line-height-05);
|
|
556
677
|
}
|
|
557
|
-
:where(body.is-inter-font) .bp_base_button_module_button--
|
|
678
|
+
:where(body.is-inter-font) .bp_base_button_module_button--b1830.bp_base_button_module_large--b1830{
|
|
558
679
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
559
680
|
font-size:1rem;
|
|
560
681
|
font-style:normal;
|
|
@@ -565,328 +686,36 @@
|
|
|
565
686
|
text-transform:none;
|
|
566
687
|
}
|
|
567
688
|
|
|
568
|
-
.bp_base_button_module_button--
|
|
689
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830{
|
|
690
|
+
gap:var(--button-large-gap);
|
|
691
|
+
min-height:var(--button-large-min-height);
|
|
692
|
+
padding:var(--button-large-padding);
|
|
693
|
+
}
|
|
694
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830.bp_base_button_module_isIconButton--b1830{
|
|
569
695
|
--icon-button-large-width:var(--bp-size-100);
|
|
570
696
|
--icon-button-large-height:var(--bp-size-100);
|
|
571
697
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
698
|
+
height:var(--icon-button-large-height);
|
|
699
|
+
padding:var(--icon-button-large-padding);
|
|
700
|
+
width:var(--icon-button-large-width);
|
|
572
701
|
}
|
|
573
|
-
.bp_base_button_module_button--
|
|
702
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830.bp_base_button_module_isTextWithIconEndButton--b1830{
|
|
574
703
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
704
|
+
padding:var(--button-large-padding);
|
|
575
705
|
}
|
|
576
|
-
.bp_base_button_module_button--
|
|
706
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830.bp_base_button_module_isTextWithIconStartButton--b1830{
|
|
577
707
|
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
578
|
-
}
|
|
579
|
-
.bp_base_button_module_button--ead06[data-modern=true].bp_base_button_module_large--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
580
|
-
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
581
|
-
}
|
|
582
|
-
|
|
583
|
-
.bp_base_button_module_button--ead06[data-modern=false]{
|
|
584
|
-
--button-border-radius:var(--radius-2);
|
|
585
|
-
--button-line-height:1;
|
|
586
|
-
font-family:var(--body-default-bold-font-family);
|
|
587
|
-
font-size:var(--body-default-bold-font-size);
|
|
588
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
589
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
590
|
-
line-height:var(--body-default-bold-line-height);
|
|
591
|
-
line-height:var(--button-line-height);
|
|
592
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
593
|
-
text-transform:var(--body-default-bold-text-case);
|
|
594
|
-
}
|
|
595
|
-
.bp_base_button_module_button--ead06[data-modern=false]:not(:disabled)[data-focus-visible]{
|
|
596
|
-
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
597
|
-
}
|
|
598
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_primary--ead06{
|
|
599
|
-
--button-color:var(--text-text-brand-on-color);
|
|
600
|
-
--button-background:var(--surface-surface-brand);
|
|
601
|
-
--button-border:var(--border-1) solid var(--surface-surface-brand);
|
|
602
|
-
--button-focus-or-hover-background:var(--surface-surface-brand-hover);
|
|
603
|
-
--button-focus-or-hover-border:var(--border-1) solid var(--surface-surface-brand-hover);
|
|
604
|
-
--button-active-background:var(--surface-surface-brand-pressed);
|
|
605
|
-
--button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
606
|
-
}
|
|
607
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_secondary--ead06{
|
|
608
|
-
--button-color:var(--text-text-on-light);
|
|
609
|
-
--button-background:var(--surface-cta-surface-secondary);
|
|
610
|
-
--button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
611
|
-
--button-focus-or-hover-background:var(--surface-cta-surface-secondary-hover);
|
|
612
|
-
--button-focus-or-hover-border:var(--border-1) solid var(--border-cta-border-secondary-hover);
|
|
613
|
-
--button-active-background:var(--surface-cta-surface-secondary-pressed);
|
|
614
|
-
--button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
615
|
-
--button-backdrop-filter:none;
|
|
616
|
-
}
|
|
617
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_tertiary--ead06{
|
|
618
|
-
--button-color:var(--text-cta-link);
|
|
619
|
-
--button-background:#0000;
|
|
620
|
-
--button-border:var(--border-1) solid #0000;
|
|
621
|
-
--button-focus-or-hover-background:var(--surface-cta-surface-tertiary-hover);
|
|
622
|
-
--button-active-background:var(--surface-cta-surface-tertiary-pressed);
|
|
623
|
-
--button-backdrop-filter:none;
|
|
624
|
-
}
|
|
625
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_quaternary--ead06{
|
|
626
|
-
--button-color:var(--text-cta-link-secondary);
|
|
627
|
-
--button-background:var(--bp-surface-cta-surface-quaternary);
|
|
628
|
-
--button-border:var(--border-1) solid #0000;
|
|
629
|
-
--button-focus-or-hover-background:var(--bp-surface-cta-surface-quaternary-hover);
|
|
630
|
-
--button-active-background:var(--bp-surface-cta-surface-quaternary-pressed);
|
|
631
|
-
--button-backdrop-filter:none;
|
|
632
|
-
}
|
|
633
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_tertiary-destructive--ead06{
|
|
634
|
-
--button-color:var(--text-text-destructive-on-light);
|
|
635
|
-
--button-background:#0000;
|
|
636
|
-
--button-border:var(--border-1) solid #0000;
|
|
637
|
-
--button-focus-or-hover-background:var(--surface-cta-destructive-surface-tertiary-hover);
|
|
638
|
-
--button-active-background:var(--surface-cta-destructive-surface-tertiary-pressed);
|
|
639
|
-
--button-backdrop-filter:none;
|
|
640
|
-
}
|
|
641
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_destructive--ead06{
|
|
642
|
-
--button-color:var(--text-text-on-dark);
|
|
643
|
-
--button-background:var(--bp-surface-cta-destructive-surface-primary);
|
|
644
|
-
--button-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary);
|
|
645
|
-
--button-focus-or-hover-background:var(--bp-surface-cta-destructive-surface-primary-hover);
|
|
646
|
-
--button-focus-or-hover-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary-hover);
|
|
647
|
-
--button-active-background:var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
648
|
-
--button-active-border:var(--border-1) solid var(--bp-surface-cta-destructive-surface-primary-pressed);
|
|
649
|
-
--button-backdrop-filter:none;
|
|
650
|
-
}
|
|
651
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_outline--ead06{
|
|
652
|
-
--button-color:var(--text-text-on-light);
|
|
653
|
-
--button-background:var(--surface-cta-surface-outline);
|
|
654
|
-
--button-border:var(--border-1) solid var(--border-cta-border-outline);
|
|
655
|
-
--button-focus-or-hover-background:var(--surface-cta-surface-outline-hover);
|
|
656
|
-
--button-focus-or-hover-border:var(--border-1) solid var(--border-cta-border-outline-hover);
|
|
657
|
-
--button-active-background:var(--surface-cta-surface-outline-pressed);
|
|
658
|
-
--button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
659
|
-
--button-backdrop-filter:none;
|
|
660
|
-
}
|
|
661
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_small--ead06{
|
|
662
|
-
--button-small-gap:var(--space-1);
|
|
663
|
-
--button-small-min-height:var(--size-8);
|
|
664
|
-
--button-small-padding:0 var(--space-4);
|
|
665
|
-
}
|
|
666
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_small--ead06.bp_base_button_module_isIconButton--ead06{
|
|
667
|
-
--icon-button-small-width:var(--size-8);
|
|
668
|
-
--icon-button-small-height:var(--size-8);
|
|
669
|
-
--icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
|
|
670
|
-
}
|
|
671
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_small--ead06.bp_base_button_module_isTextWithIconEndButton--ead06{
|
|
672
|
-
--button-small-padding:0 var(--space-3);
|
|
673
|
-
}
|
|
674
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_small--ead06.bp_base_button_module_isTextWithIconStartButton--ead06{
|
|
675
|
-
--button-small-padding:0 var(--space-3) 0 0.625rem;
|
|
676
|
-
}
|
|
677
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_small--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
678
|
-
--button-small-padding:0 var(--space-3) 0 var(--space-3);
|
|
679
|
-
}
|
|
680
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_x-small--ead06{
|
|
681
|
-
--button-x-small-gap:var(--space-1);
|
|
682
|
-
--button-x-small-min-height:var(--size-6);
|
|
683
|
-
--button-x-small-padding:var(--space-05) var(--space-2);
|
|
684
|
-
--button-x-small-font-size:var(--caption-bold-font-size);
|
|
685
|
-
--button-x-small-line-height:var(--caption-bold-line-height);
|
|
686
|
-
--button-x-small-font-weight:var(--caption-bold-font-weight);
|
|
687
|
-
font-size:var(--button-x-small-font-size);
|
|
688
|
-
font-weight:var(--button-x-small-font-weight);
|
|
689
|
-
line-height:var(--button-x-small-line-height);
|
|
690
|
-
}
|
|
691
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_x-small--ead06.bp_base_button_module_isIconButton--ead06{
|
|
692
|
-
--icon-button-x-small-width:var(--size-6);
|
|
693
|
-
--icon-button-x-small-height:var(--size-6);
|
|
694
|
-
--icon-button-x-small-padding:0 calc((var(--size-6) - var(--space-4))/2);
|
|
695
|
-
}
|
|
696
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithIconEndButton--ead06{
|
|
697
|
-
--button-x-small-padding:var(--space-05) 0.375rem var(--space-05) var(--space-2);
|
|
698
|
-
}
|
|
699
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithIconStartButton--ead06{
|
|
700
|
-
--button-x-small-padding:var(--space-05) var(--space-2) var(--space-05) 0.375rem;
|
|
701
|
-
}
|
|
702
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
703
|
-
--button-x-small-padding:var(--space-05) 0.375rem;
|
|
704
|
-
}
|
|
705
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_large--ead06{
|
|
706
|
-
--button-large-gap:var(--space-2);
|
|
707
|
-
--button-large-min-height:var(--size-10);
|
|
708
|
-
--button-large-padding:0 var(--space-4);
|
|
709
|
-
--button-large-font-size:var(--body-default-bold-font-size);
|
|
710
|
-
--button-large-line-height:var(--body-default-bold-line-height);
|
|
711
|
-
font-size:var(--button-large-font-size);
|
|
712
|
-
line-height:var(--button-large-line-height);
|
|
713
|
-
}
|
|
714
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_large--ead06.bp_base_button_module_isIconButton--ead06{
|
|
715
|
-
--icon-button-large-width:var(--size-10);
|
|
716
|
-
--icon-button-large-height:var(--size-10);
|
|
717
|
-
--icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
|
|
718
|
-
}
|
|
719
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_large--ead06.bp_base_button_module_isTextWithIconEndButton--ead06{
|
|
720
|
-
--button-large-padding:0 var(--space-4);
|
|
721
|
-
}
|
|
722
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_large--ead06.bp_base_button_module_isTextWithIconStartButton--ead06{
|
|
723
|
-
--button-large-padding:0 var(--space-4) 0 0.875rem;
|
|
724
|
-
}
|
|
725
|
-
.bp_base_button_module_button--ead06[data-modern=false].bp_base_button_module_large--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
726
|
-
--button-large-padding:0 var(--space-4) 0 var(--space-4);
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
.bp_base_button_module_button--ead06[data-bp-animated=true]{
|
|
730
|
-
transition-duration:var(--bp-duration-short);
|
|
731
|
-
transition-property:background;
|
|
732
|
-
transition-timing-function:var(--bp-curve-small-off);
|
|
733
|
-
}
|
|
734
|
-
.bp_base_button_module_button--ead06[data-bp-animated=true]:active,.bp_base_button_module_button--ead06[data-bp-animated=true]:hover{
|
|
735
|
-
transition-timing-function:var(--bp-curve-small-on);
|
|
736
|
-
}
|
|
737
|
-
|
|
738
|
-
.bp_base_button_module_button--ead06{
|
|
739
|
-
border-radius:var(--button-border-radius);
|
|
740
|
-
cursor:pointer;
|
|
741
|
-
justify-content:center;
|
|
742
|
-
outline:0;
|
|
743
|
-
-webkit-user-select:none;
|
|
744
|
-
user-select:none;
|
|
745
|
-
white-space:nowrap;
|
|
746
|
-
}
|
|
747
|
-
.bp_base_button_module_button--ead06,.bp_base_button_module_button--ead06 .bp_base_button_module_icon--ead06{
|
|
748
|
-
align-items:center;
|
|
749
|
-
display:flex;
|
|
750
|
-
}
|
|
751
|
-
.bp_base_button_module_button--ead06:disabled{
|
|
752
|
-
opacity:.3;
|
|
753
|
-
}
|
|
754
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_primary--ead06{
|
|
755
|
-
background:var(--button-background);
|
|
756
|
-
border:var(--button-border);
|
|
757
|
-
color:var(--button-color);
|
|
758
|
-
}
|
|
759
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_primary--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_primary--ead06:not(:disabled)[data-focus-visible]{
|
|
760
|
-
background:var(--button-focus-or-hover-background);
|
|
761
|
-
border:var(--button-focus-or-hover-border);
|
|
762
|
-
}
|
|
763
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_primary--ead06:not(:disabled):active{
|
|
764
|
-
background:var(--button-active-background);
|
|
765
|
-
border:var(--button-active-border);
|
|
766
|
-
}
|
|
767
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_secondary--ead06{
|
|
768
|
-
backdrop-filter:var(--button-backdrop-filter);
|
|
769
|
-
background:var(--button-background);
|
|
770
|
-
border:var(--button-border);
|
|
771
|
-
color:var(--button-color);
|
|
772
|
-
}
|
|
773
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_secondary--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_secondary--ead06:not(:disabled)[data-focus-visible]{
|
|
774
|
-
background:var(--button-focus-or-hover-background);
|
|
775
|
-
border:var(--button-focus-or-hover-border);
|
|
776
|
-
}
|
|
777
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_secondary--ead06:not(:disabled):active{
|
|
778
|
-
background:var(--button-active-background);
|
|
779
|
-
border:var(--button-active-border);
|
|
780
|
-
}
|
|
781
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary-destructive--ead06{
|
|
782
|
-
backdrop-filter:var(--button-backdrop-filter);
|
|
783
|
-
background:var(--button-background);
|
|
784
|
-
border:var(--button-border);
|
|
785
|
-
color:var(--button-color);
|
|
786
|
-
}
|
|
787
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary-destructive--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_tertiary-destructive--ead06:not(:disabled)[data-focus-visible]{
|
|
788
|
-
background:var(--button-focus-or-hover-background);
|
|
789
|
-
}
|
|
790
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary-destructive--ead06:not(:disabled):active{
|
|
791
|
-
background:var(--button-active-background);
|
|
792
|
-
}
|
|
793
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary--ead06{
|
|
794
|
-
backdrop-filter:var(--button-backdrop-filter);
|
|
795
|
-
background:var(--button-background);
|
|
796
|
-
border:var(--button-border);
|
|
797
|
-
color:var(--button-color);
|
|
798
|
-
}
|
|
799
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_tertiary--ead06:not(:disabled)[data-focus-visible]{
|
|
800
|
-
background:var(--button-focus-or-hover-background);
|
|
801
|
-
}
|
|
802
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_tertiary--ead06:not(:disabled):active{
|
|
803
|
-
background:var(--button-active-background);
|
|
804
|
-
}
|
|
805
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_quaternary--ead06{
|
|
806
|
-
backdrop-filter:var(--button-backdrop-filter);
|
|
807
|
-
background:var(--button-background);
|
|
808
|
-
border:var(--button-border);
|
|
809
|
-
color:var(--button-color);
|
|
810
|
-
}
|
|
811
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_quaternary--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_quaternary--ead06:not(:disabled)[data-focus-visible]{
|
|
812
|
-
background:var(--button-focus-or-hover-background);
|
|
813
|
-
}
|
|
814
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_quaternary--ead06:not(:disabled):active{
|
|
815
|
-
background:var(--button-active-background);
|
|
816
|
-
}
|
|
817
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_destructive--ead06{
|
|
818
|
-
background:var(--button-background);
|
|
819
|
-
border:var(--button-border);
|
|
820
|
-
color:var(--button-color);
|
|
821
|
-
}
|
|
822
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_destructive--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_destructive--ead06:not(:disabled)[data-focus-visible]{
|
|
823
|
-
background:var(--button-focus-or-hover-background);
|
|
824
|
-
border:var(--button-focus-or-hover-border);
|
|
825
|
-
}
|
|
826
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_destructive--ead06:not(:disabled):active{
|
|
827
|
-
background:var(--button-active-background);
|
|
828
|
-
border:var(--button-active-border);
|
|
829
|
-
}
|
|
830
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_outline--ead06{
|
|
831
|
-
backdrop-filter:var(--button-backdrop-filter);
|
|
832
|
-
background:var(--button-background);
|
|
833
|
-
border:var(--button-border);
|
|
834
|
-
color:var(--button-color);
|
|
835
|
-
}
|
|
836
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_outline--ead06:not(:disabled):hover,.bp_base_button_module_button--ead06.bp_base_button_module_outline--ead06:not(:disabled)[data-focus-visible]{
|
|
837
|
-
background:var(--button-focus-or-hover-background);
|
|
838
|
-
border:var(--button-focus-or-hover-border);
|
|
839
|
-
}
|
|
840
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_outline--ead06:not(:disabled):active{
|
|
841
|
-
background:var(--button-active-background);
|
|
842
|
-
border:var(--button-active-border);
|
|
843
|
-
}
|
|
844
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_small--ead06{
|
|
845
|
-
gap:var(--button-small-gap);
|
|
846
|
-
min-height:var(--button-small-min-height);
|
|
847
|
-
padding:var(--button-small-padding);
|
|
848
|
-
}
|
|
849
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_small--ead06.bp_base_button_module_isIconButton--ead06{
|
|
850
|
-
height:var(--icon-button-small-height);
|
|
851
|
-
min-height:unset;
|
|
852
|
-
padding:var(--icon-button-small-padding);
|
|
853
|
-
width:var(--icon-button-small-width);
|
|
854
|
-
}
|
|
855
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_small--ead06.bp_base_button_module_isTextWithIconEndButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_small--ead06.bp_base_button_module_isTextWithIconStartButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_small--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
856
|
-
padding:var(--button-small-padding);
|
|
857
|
-
}
|
|
858
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_x-small--ead06{
|
|
859
|
-
gap:var(--button-x-small-gap);
|
|
860
|
-
min-height:var(--button-x-small-min-height);
|
|
861
|
-
padding:var(--button-x-small-padding);
|
|
862
|
-
}
|
|
863
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_x-small--ead06.bp_base_button_module_isIconButton--ead06{
|
|
864
|
-
height:var(--icon-button-x-small-height);
|
|
865
|
-
min-height:unset;
|
|
866
|
-
padding:var(--icon-button-x-small-padding);
|
|
867
|
-
width:var(--icon-button-x-small-width);
|
|
868
|
-
}
|
|
869
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithIconEndButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithIconStartButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_x-small--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
870
|
-
padding:var(--button-x-small-padding);
|
|
871
|
-
}
|
|
872
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_large--ead06{
|
|
873
|
-
gap:var(--button-large-gap);
|
|
874
|
-
min-height:var(--button-large-min-height);
|
|
875
708
|
padding:var(--button-large-padding);
|
|
876
709
|
}
|
|
877
|
-
.bp_base_button_module_button--
|
|
878
|
-
|
|
879
|
-
padding:var(--icon-button-large-padding);
|
|
880
|
-
width:var(--icon-button-large-width);
|
|
881
|
-
}
|
|
882
|
-
.bp_base_button_module_button--ead06.bp_base_button_module_large--ead06.bp_base_button_module_isTextWithIconEndButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_large--ead06.bp_base_button_module_isTextWithIconStartButton--ead06,.bp_base_button_module_button--ead06.bp_base_button_module_large--ead06.bp_base_button_module_isTextWithStartAndEndIconButton--ead06{
|
|
710
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_large--b1830.bp_base_button_module_isTextWithStartAndEndIconButton--b1830{
|
|
711
|
+
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
883
712
|
padding:var(--button-large-padding);
|
|
884
713
|
}
|
|
885
|
-
.bp_base_button_module_button--
|
|
714
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_hide--b1830{
|
|
886
715
|
pointer-events:none;
|
|
887
716
|
position:relative;
|
|
888
717
|
}
|
|
889
|
-
.bp_base_button_module_button--
|
|
718
|
+
.bp_base_button_module_button--b1830.bp_base_button_module_hide--b1830 span{
|
|
890
719
|
color:#0000;
|
|
891
720
|
opacity:0;
|
|
892
721
|
}
|
|
@@ -3203,39 +3032,16 @@
|
|
|
3203
3032
|
.bp_base_badge_module_numericBadgeMoreDigits--aba40{
|
|
3204
3033
|
padding:1px 3px;
|
|
3205
3034
|
}
|
|
3206
|
-
.bp_icon_button_module_iconButton--
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
--icon-button-icon:var(--icon-cta-icon);
|
|
3214
|
-
--icon-button-surface-hover:var(--surface-cta-surface-icon-hover);
|
|
3215
|
-
--icon-button-icon-hover:var(--icon-cta-icon-hover);
|
|
3216
|
-
--icon-button-surface-pressed:var(--surface-cta-surface-icon-pressed);
|
|
3217
|
-
--icon-button-icon-pressed:var(--icon-cta-icon-pressed);
|
|
3218
|
-
--icon-button-icon-on-color:var(--icon-cta-icon-on-color);
|
|
3219
|
-
--icon-button-icon-on-color-hover:var(--icon-cta-icon-on-color-hover);
|
|
3220
|
-
--icon-button-icon-on-color-pressed:var(--icon-cta-icon-on-color-pressed);
|
|
3221
|
-
--icon-button-surface-utility:var(--surface-cta-surface-icon-utility);
|
|
3222
|
-
--icon-button-icon-utility:var(--icon-cta-icon-utility);
|
|
3223
|
-
--icon-button-surface-utility-hover:var(--surface-cta-surface-icon-utility-hover);
|
|
3224
|
-
--icon-button-icon-utility-hover:var(--icon-cta-icon-utility-hover);
|
|
3225
|
-
--icon-button-surface-utility-pressed:var(--surface-cta-surface-icon-utility-pressed);
|
|
3226
|
-
--icon-button-icon-utility-pressed:var(--icon-cta-icon-utility-pressed);
|
|
3227
|
-
--icon-button-surface-on-dark:var(--bp-surface-cta-surface-icon-on-dark);
|
|
3228
|
-
--icon-button-surface-on-dark-hover:var(--bp-surface-cta-surface-icon-on-dark-hover);
|
|
3229
|
-
--icon-button-surface-on-dark-pressed:var(--bp-surface-cta-surface-icon-on-dark-pressed);
|
|
3230
|
-
--icon-button-icon-on-dark:var(--bp-icon-cta-icon-on-dark);
|
|
3231
|
-
--icon-button-icon-on-dark-hover:var(--bp-icon-cta-icon-on-dark-hover);
|
|
3232
|
-
--icon-button-icon-on-dark-pressed:var(--bp-icon-cta-icon-on-dark-pressed);
|
|
3233
|
-
--icon-button-size-large:var(--size-10);
|
|
3234
|
-
--icon-button-size-small:var(--size-8);
|
|
3235
|
-
--icon-button-size-x-small:var(--size-6);
|
|
3035
|
+
.bp_icon_button_module_iconButton--17523[data-bp-animated=true]{
|
|
3036
|
+
transition-duration:var(--bp-duration-short);
|
|
3037
|
+
transition-property:background;
|
|
3038
|
+
transition-timing-function:var(--bp-curve-small-off);
|
|
3039
|
+
}
|
|
3040
|
+
.bp_icon_button_module_iconButton--17523[data-bp-animated=true]:active,.bp_icon_button_module_iconButton--17523[data-bp-animated=true]:hover,.bp_icon_button_module_iconButton--17523[data-bp-animated=true][data-active]{
|
|
3041
|
+
transition-timing-function:var(--bp-curve-small-on);
|
|
3236
3042
|
}
|
|
3237
3043
|
|
|
3238
|
-
.bp_icon_button_module_iconButton--
|
|
3044
|
+
.bp_icon_button_module_iconButton--17523{
|
|
3239
3045
|
--icon-button-radius:var(--bp-radius-10);
|
|
3240
3046
|
--icon-button-surface-disabled:var(--bp-surface-cta-surface-icon);
|
|
3241
3047
|
--icon-button-gray:var(--bp-gray-50);
|
|
@@ -3265,18 +3071,6 @@
|
|
|
3265
3071
|
--icon-button-size-large:var(--bp-size-100);
|
|
3266
3072
|
--icon-button-size-small:var(--bp-size-080);
|
|
3267
3073
|
--icon-button-size-x-small:var(--bp-size-060);
|
|
3268
|
-
}
|
|
3269
|
-
|
|
3270
|
-
.bp_icon_button_module_iconButton--2eb85[data-bp-animated=true]{
|
|
3271
|
-
transition-duration:var(--bp-duration-short);
|
|
3272
|
-
transition-property:background;
|
|
3273
|
-
transition-timing-function:var(--bp-curve-small-off);
|
|
3274
|
-
}
|
|
3275
|
-
.bp_icon_button_module_iconButton--2eb85[data-bp-animated=true]:active,.bp_icon_button_module_iconButton--2eb85[data-bp-animated=true]:hover,.bp_icon_button_module_iconButton--2eb85[data-bp-animated=true][data-active]{
|
|
3276
|
-
transition-timing-function:var(--bp-curve-small-on);
|
|
3277
|
-
}
|
|
3278
|
-
|
|
3279
|
-
.bp_icon_button_module_iconButton--2eb85{
|
|
3280
3074
|
align-items:center;
|
|
3281
3075
|
border-radius:var(--icon-button-radius);
|
|
3282
3076
|
border-style:none;
|
|
@@ -3286,109 +3080,109 @@
|
|
|
3286
3080
|
justify-content:center;
|
|
3287
3081
|
padding:0;
|
|
3288
3082
|
}
|
|
3289
|
-
.bp_icon_button_module_iconButton--
|
|
3083
|
+
.bp_icon_button_module_iconButton--17523[aria-disabled=true]{
|
|
3290
3084
|
background:var(--icon-button-surface-disabled);
|
|
3291
3085
|
opacity:.3;
|
|
3292
3086
|
}
|
|
3293
|
-
.bp_icon_button_module_iconButton--
|
|
3087
|
+
.bp_icon_button_module_iconButton--17523[aria-disabled=true] .bp_icon_button_module_icon--17523 *{
|
|
3294
3088
|
fill:var(--icon-button-gray);
|
|
3295
3089
|
}
|
|
3296
|
-
.bp_icon_button_module_iconButton--
|
|
3090
|
+
.bp_icon_button_module_iconButton--17523:focus-visible{
|
|
3297
3091
|
outline:none;
|
|
3298
3092
|
}
|
|
3299
|
-
.bp_icon_button_module_iconButton--
|
|
3093
|
+
.bp_icon_button_module_iconButton--17523[data-focus-visible]{
|
|
3300
3094
|
outline:var(--icon-button-border) solid var(--icon-button-outline);
|
|
3301
3095
|
}
|
|
3302
|
-
.bp_icon_button_module_iconButton--
|
|
3096
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523{
|
|
3303
3097
|
background:var(--icon-button-surface);
|
|
3304
3098
|
}
|
|
3305
|
-
.bp_icon_button_module_iconButton--
|
|
3099
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523 .bp_icon_button_module_icon--17523 *{
|
|
3306
3100
|
fill:var(--icon-button-icon);
|
|
3307
3101
|
}
|
|
3308
|
-
.bp_icon_button_module_iconButton--
|
|
3102
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523:hover,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523[data-focus-visible]{
|
|
3309
3103
|
background:var(--icon-button-surface-hover);
|
|
3310
3104
|
}
|
|
3311
|
-
.bp_icon_button_module_iconButton--
|
|
3105
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523:hover .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523[data-focus-visible] .bp_icon_button_module_icon--17523 *{
|
|
3312
3106
|
fill:var(--icon-button-icon-hover);
|
|
3313
3107
|
}
|
|
3314
|
-
.bp_icon_button_module_iconButton--
|
|
3108
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523:active,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523[data-active]{
|
|
3315
3109
|
background:var(--icon-button-surface-pressed);
|
|
3316
3110
|
}
|
|
3317
|
-
.bp_icon_button_module_iconButton--
|
|
3111
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523:active .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_default--17523[data-active] .bp_icon_button_module_icon--17523 *{
|
|
3318
3112
|
fill:var(--icon-button-icon-pressed);
|
|
3319
3113
|
}
|
|
3320
|
-
.bp_icon_button_module_iconButton--
|
|
3114
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_icon-logo--17523{
|
|
3321
3115
|
background:var(--icon-button-surface);
|
|
3322
3116
|
}
|
|
3323
|
-
.bp_icon_button_module_iconButton--
|
|
3117
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_icon-logo--17523:hover,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_icon-logo--17523[data-focus-visible]{
|
|
3324
3118
|
background:var(--icon-button-surface-hover);
|
|
3325
3119
|
}
|
|
3326
|
-
.bp_icon_button_module_iconButton--
|
|
3120
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_icon-logo--17523:active,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_icon-logo--17523[data-active]{
|
|
3327
3121
|
background:var(--icon-button-surface-pressed);
|
|
3328
3122
|
}
|
|
3329
|
-
.bp_icon_button_module_iconButton--
|
|
3123
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523{
|
|
3330
3124
|
background:var(--icon-button-surface);
|
|
3331
3125
|
}
|
|
3332
|
-
.bp_icon_button_module_iconButton--
|
|
3126
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523 .bp_icon_button_module_icon--17523 *{
|
|
3333
3127
|
fill:var(--icon-button-icon-high-contrast);
|
|
3334
3128
|
}
|
|
3335
|
-
.bp_icon_button_module_iconButton--
|
|
3129
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523:hover,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523[data-focus-visible]{
|
|
3336
3130
|
background:var(--icon-button-surface-hover);
|
|
3337
3131
|
}
|
|
3338
|
-
.bp_icon_button_module_iconButton--
|
|
3132
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523:hover .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523[data-focus-visible] .bp_icon_button_module_icon--17523 *{
|
|
3339
3133
|
fill:var(--icon-button-icon-high-contrast-hover);
|
|
3340
3134
|
}
|
|
3341
|
-
.bp_icon_button_module_iconButton--
|
|
3135
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523:active,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523[data-active]{
|
|
3342
3136
|
background:var(--icon-button-surface-pressed);
|
|
3343
3137
|
}
|
|
3344
|
-
.bp_icon_button_module_iconButton--
|
|
3138
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523:active .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_high-contrast--17523[data-active] .bp_icon_button_module_icon--17523 *{
|
|
3345
3139
|
fill:var(--icon-button-icon-high-contrast-pressed);
|
|
3346
3140
|
}
|
|
3347
|
-
.bp_icon_button_module_iconButton--
|
|
3141
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523{
|
|
3348
3142
|
background:var(--icon-button-surface-on-dark);
|
|
3349
3143
|
}
|
|
3350
|
-
.bp_icon_button_module_iconButton--
|
|
3144
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523 .bp_icon_button_module_icon--17523 *{
|
|
3351
3145
|
fill:var(--icon-button-icon-on-dark);
|
|
3352
3146
|
}
|
|
3353
|
-
.bp_icon_button_module_iconButton--
|
|
3147
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523:hover,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523[data-focus-visible]{
|
|
3354
3148
|
background:var(--icon-button-surface-on-dark-hover);
|
|
3355
3149
|
}
|
|
3356
|
-
.bp_icon_button_module_iconButton--
|
|
3150
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523:hover .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523[data-focus-visible] .bp_icon_button_module_icon--17523 *{
|
|
3357
3151
|
fill:var(--icon-button-icon-on-dark-hover);
|
|
3358
3152
|
}
|
|
3359
|
-
.bp_icon_button_module_iconButton--
|
|
3153
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523:active,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523[data-active]{
|
|
3360
3154
|
background:var(--icon-button-surface-on-dark-pressed);
|
|
3361
3155
|
}
|
|
3362
|
-
.bp_icon_button_module_iconButton--
|
|
3156
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523:active .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_on-dark--17523[data-active] .bp_icon_button_module_icon--17523 *{
|
|
3363
3157
|
fill:var(--icon-button-icon-on-dark-pressed);
|
|
3364
3158
|
}
|
|
3365
|
-
.bp_icon_button_module_iconButton--
|
|
3159
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523{
|
|
3366
3160
|
background:var(--icon-button-surface-utility);
|
|
3367
3161
|
}
|
|
3368
|
-
.bp_icon_button_module_iconButton--
|
|
3162
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523 .bp_icon_button_module_icon--17523 *{
|
|
3369
3163
|
fill:var(--icon-button-icon-utility);
|
|
3370
3164
|
}
|
|
3371
|
-
.bp_icon_button_module_iconButton--
|
|
3165
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523:hover,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523[data-focus-visible]{
|
|
3372
3166
|
background:var(--icon-button-surface-utility-hover);
|
|
3373
3167
|
}
|
|
3374
|
-
.bp_icon_button_module_iconButton--
|
|
3168
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523:hover .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523[data-focus-visible] .bp_icon_button_module_icon--17523 *{
|
|
3375
3169
|
fill:var(--icon-button-icon-utility-hover);
|
|
3376
3170
|
}
|
|
3377
|
-
.bp_icon_button_module_iconButton--
|
|
3171
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523:active,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523[data-active]{
|
|
3378
3172
|
background:var(--icon-button-surface-utility-pressed);
|
|
3379
3173
|
}
|
|
3380
|
-
.bp_icon_button_module_iconButton--
|
|
3174
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523:active .bp_icon_button_module_icon--17523 *,.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small-utility--17523[data-active] .bp_icon_button_module_icon--17523 *{
|
|
3381
3175
|
fill:var(--icon-button-icon-utility-pressed);
|
|
3382
3176
|
}
|
|
3383
|
-
.bp_icon_button_module_iconButton--
|
|
3177
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_large--17523{
|
|
3384
3178
|
height:var(--icon-button-size-large);
|
|
3385
3179
|
width:var(--icon-button-size-large);
|
|
3386
3180
|
}
|
|
3387
|
-
.bp_icon_button_module_iconButton--
|
|
3181
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_small--17523{
|
|
3388
3182
|
height:var(--icon-button-size-small);
|
|
3389
3183
|
width:var(--icon-button-size-small);
|
|
3390
3184
|
}
|
|
3391
|
-
.bp_icon_button_module_iconButton--
|
|
3185
|
+
.bp_icon_button_module_iconButton--17523.bp_icon_button_module_x-small--17523{
|
|
3392
3186
|
height:var(--icon-button-size-x-small);
|
|
3393
3187
|
width:var(--icon-button-size-x-small);
|
|
3394
3188
|
}
|
|
@@ -4140,33 +3934,7 @@
|
|
|
4140
3934
|
--blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
|
|
4141
3935
|
}
|
|
4142
3936
|
|
|
4143
|
-
.bp_text_button_module_textButton--
|
|
4144
|
-
--text-button-text-color:var(--text-cta-link);
|
|
4145
|
-
--text-button-radius:calc(var(--radius-1)/2);
|
|
4146
|
-
--text-button-padding:0;
|
|
4147
|
-
--text-button-scale-loader-width:var(--size-05);
|
|
4148
|
-
--text-button-scale-loader-height:0.625em;
|
|
4149
|
-
--text-button-scale-loader-border-radius:var(--radius-2);
|
|
4150
|
-
--text-button-text-color-hover:var(--text-cta-link-hover);
|
|
4151
|
-
--text-button-focus-box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
4152
|
-
--text-button-text-color-active:var(--text-cta-link-pressed);
|
|
4153
|
-
font-family:var(--body-default-bold-font-family);
|
|
4154
|
-
font-size:var(--body-default-bold-font-size);
|
|
4155
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
4156
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
4157
|
-
line-height:var(--body-default-bold-line-height);
|
|
4158
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
4159
|
-
text-transform:var(--body-default-bold-text-case);
|
|
4160
|
-
}
|
|
4161
|
-
.bp_text_button_module_textButton--426ff[data-modern=false].bp_text_button_module_isFontInherited--426ff{
|
|
4162
|
-
--text-button-radius-font-inherited:0.125em;
|
|
4163
|
-
--text-button-outline:var(--outline-focus-on-light);
|
|
4164
|
-
}
|
|
4165
|
-
.bp_text_button_module_textButton--426ff[data-modern=false].bp_text_button_module_isIconButton--426ff{
|
|
4166
|
-
--text-button-gap:var(--space-1);
|
|
4167
|
-
}
|
|
4168
|
-
|
|
4169
|
-
.bp_text_button_module_textButton--426ff[data-modern=true]{
|
|
3937
|
+
.bp_text_button_module_textButton--b13a9{
|
|
4170
3938
|
--text-button-text-color:var(--bp-text-cta-link);
|
|
4171
3939
|
--text-button-radius:var(--bp-radius-04);
|
|
4172
3940
|
--text-button-padding:0 var(--bp-space-010);
|
|
@@ -4183,7 +3951,7 @@
|
|
|
4183
3951
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4184
3952
|
line-height:var(--bp-font-line-height-04);
|
|
4185
3953
|
}
|
|
4186
|
-
:where(body.is-inter-font) .bp_text_button_module_textButton--
|
|
3954
|
+
:where(body.is-inter-font) .bp_text_button_module_textButton--b13a9{
|
|
4187
3955
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4188
3956
|
font-size:.875rem;
|
|
4189
3957
|
font-style:normal;
|
|
@@ -4194,15 +3962,7 @@
|
|
|
4194
3962
|
text-transform:none;
|
|
4195
3963
|
}
|
|
4196
3964
|
|
|
4197
|
-
.bp_text_button_module_textButton--
|
|
4198
|
-
--text-button-radius-font-inherited:0.375em;
|
|
4199
|
-
--text-button-outline:var(--bp-outline-focus-on-light);
|
|
4200
|
-
}
|
|
4201
|
-
.bp_text_button_module_textButton--426ff[data-modern=true].bp_text_button_module_isIconButton--426ff{
|
|
4202
|
-
--text-button-gap:var(--bp-space-010);
|
|
4203
|
-
}
|
|
4204
|
-
|
|
4205
|
-
.bp_text_button_module_textButton--426ff{
|
|
3965
|
+
.bp_text_button_module_textButton--b13a9{
|
|
4206
3966
|
align-items:center;
|
|
4207
3967
|
background:#0000;
|
|
4208
3968
|
border:none;
|
|
@@ -4215,60 +3975,63 @@
|
|
|
4215
3975
|
-webkit-user-select:text;
|
|
4216
3976
|
user-select:text;
|
|
4217
3977
|
}
|
|
4218
|
-
.bp_text_button_module_textButton--
|
|
3978
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isFontInherited--b13a9{
|
|
3979
|
+
--text-button-radius-font-inherited:0.375em;
|
|
3980
|
+
--text-button-outline:var(--bp-outline-focus-on-light);
|
|
4219
3981
|
border-radius:var(--text-button-radius-font-inherited);
|
|
4220
3982
|
font:inherit;
|
|
4221
3983
|
}
|
|
4222
|
-
.bp_text_button_module_textButton--
|
|
3984
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isFontInherited--b13a9.bp_text_button_module_isIconButton--b13a9{
|
|
4223
3985
|
gap:.25em;
|
|
4224
3986
|
}
|
|
4225
|
-
.bp_text_button_module_textButton--
|
|
3987
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isFontInherited--b13a9:not(:disabled)[data-focus-visible]{
|
|
4226
3988
|
box-shadow:0 0 0 .125em var(--text-button-outline);
|
|
4227
3989
|
}
|
|
4228
|
-
.bp_text_button_module_textButton--
|
|
3990
|
+
.bp_text_button_module_textButton--b13a9 .bp_text_button_module_scaleLoader--b13a9 div{
|
|
4229
3991
|
border-radius:var(--text-button-scale-loader-border-radius);
|
|
4230
3992
|
height:var(--text-button-scale-loader-height);
|
|
4231
3993
|
width:var(--text-button-scale-loader-width);
|
|
4232
3994
|
}
|
|
4233
|
-
.bp_text_button_module_textButton--
|
|
3995
|
+
.bp_text_button_module_textButton--b13a9 .bp_text_button_module_icon--b13a9{
|
|
4234
3996
|
align-items:center;
|
|
4235
3997
|
display:flex;
|
|
4236
3998
|
}
|
|
4237
|
-
.bp_text_button_module_textButton--
|
|
3999
|
+
.bp_text_button_module_textButton--b13a9 .bp_text_button_module_hideTextContent--b13a9{
|
|
4238
4000
|
visibility:hidden;
|
|
4239
4001
|
}
|
|
4240
|
-
.bp_text_button_module_textButton--
|
|
4002
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isEllipsized--b13a9{
|
|
4241
4003
|
max-width:100%;
|
|
4242
4004
|
}
|
|
4243
|
-
.bp_text_button_module_textButton--
|
|
4005
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isEllipsized--b13a9 .bp_text_button_module_text--b13a9{
|
|
4244
4006
|
display:block;
|
|
4245
4007
|
min-width:0;
|
|
4246
4008
|
overflow:hidden;
|
|
4247
4009
|
text-overflow:ellipsis;
|
|
4248
4010
|
white-space:nowrap;
|
|
4249
4011
|
}
|
|
4250
|
-
.bp_text_button_module_textButton--
|
|
4012
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_isIconButton--b13a9{
|
|
4013
|
+
--text-button-gap:var(--bp-space-010);
|
|
4251
4014
|
gap:var(--text-button-gap);
|
|
4252
4015
|
}
|
|
4253
|
-
.bp_text_button_module_textButton--
|
|
4016
|
+
.bp_text_button_module_textButton--b13a9.bp_text_button_module_visuallyHidden--b13a9{
|
|
4254
4017
|
color:#0000;
|
|
4255
4018
|
pointer-events:none;
|
|
4256
4019
|
position:relative;
|
|
4257
4020
|
}
|
|
4258
|
-
.bp_text_button_module_textButton--
|
|
4021
|
+
.bp_text_button_module_textButton--b13a9:disabled{
|
|
4259
4022
|
opacity:.3;
|
|
4260
4023
|
}
|
|
4261
|
-
.bp_text_button_module_textButton--
|
|
4024
|
+
.bp_text_button_module_textButton--b13a9:not(:disabled):hover,.bp_text_button_module_textButton--b13a9:not(:disabled)[data-focus-visible]{
|
|
4262
4025
|
color:var(--text-button-text-color-hover);
|
|
4263
4026
|
}
|
|
4264
|
-
.bp_text_button_module_textButton--
|
|
4027
|
+
.bp_text_button_module_textButton--b13a9:not(:disabled)[data-focus-visible]{
|
|
4265
4028
|
box-shadow:var(--text-button-focus-box-shadow);
|
|
4266
4029
|
}
|
|
4267
|
-
.bp_text_button_module_textButton--
|
|
4030
|
+
.bp_text_button_module_textButton--b13a9:not(:disabled):active{
|
|
4268
4031
|
color:var(--text-button-text-color-active);
|
|
4269
4032
|
}
|
|
4270
4033
|
|
|
4271
|
-
.bp_text_button_module_textButton--
|
|
4034
|
+
.bp_text_button_module_textButton--b13a9[data-bp-animated=true]{
|
|
4272
4035
|
transition-duration:var(--bp-duration-short);
|
|
4273
4036
|
transition-property:color;
|
|
4274
4037
|
transition-timing-function:var(--bp-curve-small-on);
|
|
@@ -14565,39 +14328,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14565
14328
|
width:fit-content;
|
|
14566
14329
|
}
|
|
14567
14330
|
|
|
14568
|
-
.bp_trigger_button_module_triggerButton--
|
|
14569
|
-
--trigger-button-background:var(--surface-dropdown-secondary-surface);
|
|
14570
|
-
--trigger-button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
14571
|
-
--trigger-button-focus-or-hover-background:var(--surface-dropdown-secondary-surface-hover);
|
|
14572
|
-
--trigger-button-focus-or-hover-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
14573
|
-
--trigger-button-focus-or-hover-border-xsmall:var(--border-1) solid var(--border-cta-border-secondary);
|
|
14574
|
-
--trigger-button-active-background:var(--surface-dropdown-secondary-surface-pressed);
|
|
14575
|
-
--trigger-button-active-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
14576
|
-
}
|
|
14577
|
-
.bp_trigger_button_module_triggerButton--dda9e[data-modern=false].bp_trigger_button_module_tertiary--dda9e{
|
|
14578
|
-
--trigger-button-focus-or-hover-background:var(--surface-dropdown-primary-surface-hover);
|
|
14579
|
-
--trigger-button-active-background:var(--surface-dropdown-primary-surface-pressed);
|
|
14580
|
-
}
|
|
14581
|
-
.bp_trigger_button_module_triggerButton--dda9e[data-modern=false].bp_trigger_button_module_extraSmall--dda9e{
|
|
14582
|
-
--button-xsmall-gap:var(--space-1);
|
|
14583
|
-
--button-xsmall-height:var(--size-6);
|
|
14584
|
-
--button-xsmall-padding:0.375rem var(--space-1);
|
|
14585
|
-
font-family:var(--body-default-font-family);
|
|
14586
|
-
font-size:var(--body-default-font-size);
|
|
14587
|
-
font-weight:var(--body-default-font-weight);
|
|
14588
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
14589
|
-
line-height:var(--body-default-line-height);
|
|
14590
|
-
text-decoration:var(--body-default-text-decoration);
|
|
14591
|
-
text-transform:var(--body-default-text-case);
|
|
14592
|
-
}
|
|
14593
|
-
.bp_trigger_button_module_triggerButton--dda9e[data-modern=false].bp_trigger_button_module_small--dda9e{
|
|
14594
|
-
--button-small-padding:0.375rem var(--space-2);
|
|
14595
|
-
}
|
|
14596
|
-
.bp_trigger_button_module_triggerButton--dda9e[data-modern=false].bp_trigger_button_module_large--dda9e{
|
|
14597
|
-
--button-large-padding:0.375rem var(--space-3) 0.375rem var(--space-2);
|
|
14598
|
-
}
|
|
14599
|
-
|
|
14600
|
-
.bp_trigger_button_module_triggerButton--dda9e[data-modern=true].bp_trigger_button_module_secondary--dda9e{
|
|
14331
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_secondary--81ee1{
|
|
14601
14332
|
--trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
|
|
14602
14333
|
--trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
14603
14334
|
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
|
|
@@ -14605,12 +14336,30 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14605
14336
|
--trigger-button-focus-or-hover-border-xsmall:none;
|
|
14606
14337
|
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
14607
14338
|
--trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
14339
|
+
background:var(--trigger-button-background);
|
|
14340
|
+
border:var(--trigger-button-border);
|
|
14608
14341
|
}
|
|
14609
|
-
.bp_trigger_button_module_triggerButton--
|
|
14342
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_secondary--81ee1:not(:disabled):hover,.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_secondary--81ee1:not(:disabled)[data-focus-visible]{
|
|
14343
|
+
background:var(--trigger-button-focus-or-hover-background);
|
|
14344
|
+
border:var(--trigger-button-focus-or-hover-border);
|
|
14345
|
+
}
|
|
14346
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_secondary--81ee1:not(:disabled):active{
|
|
14347
|
+
background:var(--trigger-button-active-background);
|
|
14348
|
+
border:var(--trigger-button-active-border);
|
|
14349
|
+
}
|
|
14350
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_tertiary--81ee1{
|
|
14610
14351
|
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
|
|
14611
14352
|
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
14353
|
+
background:var(--trigger-button-background);
|
|
14354
|
+
border:var(--trigger-button-border);
|
|
14355
|
+
}
|
|
14356
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_tertiary--81ee1:not(:disabled):hover,.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_tertiary--81ee1:not(:disabled)[data-focus-visible]{
|
|
14357
|
+
background:var(--trigger-button-focus-or-hover-background);
|
|
14358
|
+
}
|
|
14359
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_tertiary--81ee1:not(:disabled):active{
|
|
14360
|
+
background:var(--trigger-button-active-background);
|
|
14612
14361
|
}
|
|
14613
|
-
.bp_trigger_button_module_triggerButton--
|
|
14362
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1{
|
|
14614
14363
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
14615
14364
|
font-size:var(--bp-font-size-05);
|
|
14616
14365
|
font-style:normal;
|
|
@@ -14618,7 +14367,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14618
14367
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
14619
14368
|
line-height:var(--bp-font-line-height-04);
|
|
14620
14369
|
}
|
|
14621
|
-
:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--
|
|
14370
|
+
:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1{
|
|
14622
14371
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
14623
14372
|
font-size:.875rem;
|
|
14624
14373
|
font-style:normal;
|
|
@@ -14629,64 +14378,39 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14629
14378
|
text-transform:none;
|
|
14630
14379
|
}
|
|
14631
14380
|
|
|
14632
|
-
.bp_trigger_button_module_triggerButton--
|
|
14381
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1{
|
|
14633
14382
|
--button-xsmall-gap:var(--bp-space-010);
|
|
14634
14383
|
--button-xsmall-height:var(--bp-size-060);
|
|
14635
|
-
}
|
|
14636
|
-
|
|
14637
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_secondary--dda9e{
|
|
14638
|
-
background:var(--trigger-button-background);
|
|
14639
|
-
border:var(--trigger-button-border);
|
|
14640
|
-
}
|
|
14641
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_secondary--dda9e:not(:disabled):hover,.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_secondary--dda9e:not(:disabled)[data-focus-visible]{
|
|
14642
|
-
background:var(--trigger-button-focus-or-hover-background);
|
|
14643
|
-
border:var(--trigger-button-focus-or-hover-border);
|
|
14644
|
-
}
|
|
14645
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_secondary--dda9e:not(:disabled):active{
|
|
14646
|
-
background:var(--trigger-button-active-background);
|
|
14647
|
-
border:var(--trigger-button-active-border);
|
|
14648
|
-
}
|
|
14649
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_tertiary--dda9e{
|
|
14650
|
-
background:var(--trigger-button-background);
|
|
14651
|
-
border:var(--trigger-button-border);
|
|
14652
|
-
}
|
|
14653
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_tertiary--dda9e:not(:disabled):hover,.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_tertiary--dda9e:not(:disabled)[data-focus-visible]{
|
|
14654
|
-
background:var(--trigger-button-focus-or-hover-background);
|
|
14655
|
-
}
|
|
14656
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_tertiary--dda9e:not(:disabled):active{
|
|
14657
|
-
background:var(--trigger-button-active-background);
|
|
14658
|
-
}
|
|
14659
|
-
.bp_trigger_button_module_triggerButton--dda9e.bp_trigger_button_module_extraSmall--dda9e{
|
|
14660
14384
|
border:var(--trigger-button-focus-or-hover-border-xsmall);
|
|
14661
14385
|
gap:var(--button-xsmall-gap);
|
|
14662
14386
|
min-height:var(--button-xsmall-height);
|
|
14663
14387
|
}
|
|
14664
|
-
.bp_trigger_button_module_triggerButton--
|
|
14388
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1:not(:disabled):active,.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1:not(:disabled):hover,.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1:not(:disabled)[data-focus-visible]{
|
|
14665
14389
|
border:var(--trigger-button-focus-or-hover-border-xsmall);
|
|
14666
14390
|
}
|
|
14667
|
-
.bp_trigger_button_module_triggerButton--
|
|
14391
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_extraSmall--81ee1.bp_trigger_button_module_startIcon--81ee1{
|
|
14668
14392
|
padding-left:.625rem;
|
|
14669
14393
|
}
|
|
14670
|
-
.bp_trigger_button_module_triggerButton--
|
|
14394
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_small--81ee1{
|
|
14671
14395
|
padding:var(--button-small-padding);
|
|
14672
14396
|
}
|
|
14673
|
-
.bp_trigger_button_module_triggerButton--
|
|
14397
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_small--81ee1.bp_trigger_button_module_startIcon--81ee1{
|
|
14674
14398
|
padding-left:.625rem;
|
|
14675
14399
|
}
|
|
14676
|
-
.bp_trigger_button_module_triggerButton--
|
|
14400
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_large--81ee1{
|
|
14677
14401
|
padding:var(--button-large-padding);
|
|
14678
14402
|
}
|
|
14679
|
-
.bp_trigger_button_module_triggerButton--
|
|
14403
|
+
.bp_trigger_button_module_triggerButton--81ee1.bp_trigger_button_module_large--81ee1.bp_trigger_button_module_startIcon--81ee1{
|
|
14680
14404
|
padding-left:.625rem;
|
|
14681
14405
|
}
|
|
14682
|
-
.bp_trigger_button_module_triggerButton--
|
|
14406
|
+
.bp_trigger_button_module_triggerButton--81ee1 .bp_trigger_button_module_labelEllipsis--81ee1{
|
|
14683
14407
|
flex:1 1 0;
|
|
14684
14408
|
min-width:0;
|
|
14685
14409
|
overflow:hidden;
|
|
14686
14410
|
text-overflow:ellipsis;
|
|
14687
14411
|
white-space:nowrap;
|
|
14688
14412
|
}
|
|
14689
|
-
.bp_trigger_button_module_triggerButton--
|
|
14413
|
+
.bp_trigger_button_module_triggerButton--81ee1 .bp_trigger_button_module_labelWrap--81ee1{
|
|
14690
14414
|
word-wrap:break-word;
|
|
14691
14415
|
flex:1 1 0;
|
|
14692
14416
|
min-width:0;
|
|
@@ -14695,118 +14419,80 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14695
14419
|
white-space:normal;
|
|
14696
14420
|
}
|
|
14697
14421
|
|
|
14698
|
-
.bp_trigger_button_module_triggerButton--
|
|
14422
|
+
.bp_trigger_button_module_triggerButton--81ee1[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]) .bp_trigger_button_module_iconCaret--81ee1{
|
|
14699
14423
|
transition-duration:var(--bp-duration-short);
|
|
14700
14424
|
transition-property:transform;
|
|
14701
14425
|
transition-timing-function:var(--bp-curve-extra-small-on);
|
|
14702
14426
|
}
|
|
14703
|
-
.bp_trigger_button_module_triggerButton--
|
|
14427
|
+
.bp_trigger_button_module_triggerButton--81ee1[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]):hover:not([aria-expanded=true], [data-state=open]) .bp_trigger_button_module_iconCaret--81ee1{
|
|
14704
14428
|
transform:translateY(var(--bp-size-005));
|
|
14705
14429
|
}
|
|
14706
|
-
.bp_styles_module_splitButton--
|
|
14707
|
-
--split-button-left-width:100%;
|
|
14708
|
-
--split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
|
|
14709
|
-
--split-button-left-skip-right-border-border-inline-end-color:#0000;
|
|
14710
|
-
--split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(
|
|
14711
|
-
--border-cta-border-secondary-hover
|
|
14712
|
-
);
|
|
14713
|
-
--split-button-left-element-padding:0 var(--size-4);
|
|
14714
|
-
--split-button-right-element-padding:0 var(--size-4);
|
|
14715
|
-
--split-button-right-svg-width:var(--size-3);
|
|
14716
|
-
--split-button-right-svg-height:var(--size-3);
|
|
14717
|
-
--split-button-right-element-border-color:var(--border-cta-border-secondary);
|
|
14718
|
-
--split-button-right-element-secondary-background:var(--surface-cta-surface-secondary);
|
|
14719
|
-
--split-button-right-element-secondary-focus-or-hover-background:var(--surface-cta-surface-secondary-hover);
|
|
14720
|
-
--split-button-right-element-secondary-active-background:var(--surface-cta-surface-secondary-pressed);
|
|
14721
|
-
--split-button-right-element-secondary-backdrop-filter:none;
|
|
14722
|
-
}
|
|
14723
|
-
|
|
14724
|
-
.bp_styles_module_splitButton--a3588[data-modern=true]{
|
|
14725
|
-
--split-button-left-width:100%;
|
|
14726
|
-
--split-button-left-gap-margin-inline-end:calc(var(--bp-space-005)/2);
|
|
14727
|
-
--split-button-left-skip-right-border-border-inline-end-color:#0000;
|
|
14728
|
-
--split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(--bp-border-cta-border-secondary);
|
|
14729
|
-
--split-button-left-element-padding:0 var(--bp-space-030) 0 var(--bp-space-040);
|
|
14730
|
-
--split-button-right-element-padding:var(--bp-size-030) var(--bp-size-040) var(--bp-size-030) var(--bp-size-030);
|
|
14731
|
-
--split-button-right-svg-width:var(--bp-size-040);
|
|
14732
|
-
--split-button-right-svg-height:var(--bp-size-040);
|
|
14733
|
-
--split-button-right-element-border-color:var(--bp-border-cta-border-secondary);
|
|
14734
|
-
--split-button-right-element-secondary-background:var(--bp-surface-cta-surface-secondary);
|
|
14735
|
-
--split-button-right-element-secondary-focus-or-hover-background:var(--bp-surface-cta-surface-secondary-hover);
|
|
14736
|
-
--split-button-right-element-secondary-active-background:var(--bp-surface-cta-surface-secondary-pressed);
|
|
14737
|
-
--split-button-right-element-secondary-backdrop-filter:blur(16px);
|
|
14738
|
-
}
|
|
14739
|
-
|
|
14740
|
-
.bp_styles_module_dropdown--a3588[data-modern=false],.bp_styles_module_dropdown--a3588[data-modern=true]{
|
|
14741
|
-
--split-button-dropdown-min-width:160px;
|
|
14742
|
-
}
|
|
14743
|
-
|
|
14744
|
-
.bp_styles_module_splitButton--a3588{
|
|
14430
|
+
.bp_styles_module_splitButton--8b2d4{
|
|
14745
14431
|
display:inline-flex;
|
|
14746
14432
|
position:relative;
|
|
14747
14433
|
}
|
|
14748
|
-
.bp_styles_module_splitButton--
|
|
14434
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonLeft--8b2d4{
|
|
14749
14435
|
border-bottom-right-radius:0;
|
|
14750
14436
|
border-top-right-radius:0;
|
|
14751
|
-
padding:var(--
|
|
14752
|
-
width:
|
|
14437
|
+
padding:0 var(--bp-space-030) 0 var(--bp-space-040);
|
|
14438
|
+
width:100%;
|
|
14753
14439
|
}
|
|
14754
|
-
.bp_styles_module_splitButton--
|
|
14755
|
-
margin-inline-end:var(--
|
|
14440
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonLeft--8b2d4.bp_styles_module_gap--8b2d4{
|
|
14441
|
+
margin-inline-end:calc(var(--bp-space-005)/2);
|
|
14756
14442
|
}
|
|
14757
|
-
.bp_styles_module_splitButton--
|
|
14443
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonLeft--8b2d4:focus-visible{
|
|
14758
14444
|
z-index:1;
|
|
14759
14445
|
}
|
|
14760
|
-
.bp_styles_module_splitButton--
|
|
14761
|
-
border-inline-end-color
|
|
14446
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonLeft--8b2d4.bp_styles_module_skipRightBorder--8b2d4{
|
|
14447
|
+
border-inline-end-color:#0000 !important;
|
|
14762
14448
|
}
|
|
14763
|
-
.bp_styles_module_splitButton--
|
|
14764
|
-
border-inline-end-color:var(--
|
|
14449
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonLeft--8b2d4.bp_styles_module_skipRightBorder--8b2d4:focus-visible{
|
|
14450
|
+
border-inline-end-color:var(--bp-border-cta-border-secondary) !important;
|
|
14765
14451
|
}
|
|
14766
|
-
.bp_styles_module_splitButton--
|
|
14452
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_loadingButton--8b2d4{
|
|
14767
14453
|
width:100%;
|
|
14768
14454
|
}
|
|
14769
|
-
.bp_styles_module_splitButton--
|
|
14455
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4{
|
|
14770
14456
|
border-end-start-radius:0;
|
|
14771
14457
|
border-start-start-radius:0;
|
|
14772
|
-
padding:var(--
|
|
14458
|
+
padding:var(--bp-size-030) var(--bp-size-040) var(--bp-size-030) var(--bp-size-030) !important;
|
|
14773
14459
|
}
|
|
14774
|
-
.bp_styles_module_splitButton--
|
|
14775
|
-
height:var(--
|
|
14776
|
-
width:var(--
|
|
14460
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4 svg{
|
|
14461
|
+
height:var(--bp-size-040);
|
|
14462
|
+
width:var(--bp-size-040);
|
|
14777
14463
|
}
|
|
14778
|
-
.bp_styles_module_splitButton--
|
|
14464
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4:focus-visible{
|
|
14779
14465
|
z-index:1;
|
|
14780
14466
|
}
|
|
14781
|
-
.bp_styles_module_splitButton--
|
|
14782
|
-
backdrop-filter:
|
|
14783
|
-
background:var(--
|
|
14784
|
-
border-color:var(--
|
|
14467
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4.bp_styles_module_secondary--8b2d4{
|
|
14468
|
+
backdrop-filter:blur(16px);
|
|
14469
|
+
background:var(--bp-surface-cta-surface-secondary);
|
|
14470
|
+
border-color:var(--bp-border-cta-border-secondary);
|
|
14785
14471
|
}
|
|
14786
|
-
.bp_styles_module_splitButton--
|
|
14787
|
-
background:var(--
|
|
14472
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4.bp_styles_module_secondary--8b2d4:focus-visible,.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4.bp_styles_module_secondary--8b2d4:hover{
|
|
14473
|
+
background:var(--bp-surface-cta-surface-secondary-hover);
|
|
14788
14474
|
}
|
|
14789
|
-
.bp_styles_module_splitButton--
|
|
14790
|
-
background:var(--
|
|
14475
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4.bp_styles_module_secondary--8b2d4:active{
|
|
14476
|
+
background:var(--bp-surface-cta-surface-secondary-pressed);
|
|
14791
14477
|
}
|
|
14792
|
-
.bp_styles_module_splitButton--
|
|
14478
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4[data-bp-animated=true] svg{
|
|
14793
14479
|
transition-duration:var(--bp-duration-short);
|
|
14794
14480
|
transition-property:transform;
|
|
14795
14481
|
transition-timing-function:var(--bp-curve-small-on);
|
|
14796
14482
|
}
|
|
14797
|
-
.bp_styles_module_splitButton--
|
|
14483
|
+
.bp_styles_module_splitButton--8b2d4 .bp_styles_module_splitButtonRight--8b2d4[data-bp-animated=true]:not(:disabled):hover svg{
|
|
14798
14484
|
transform:translateY(2px);
|
|
14799
14485
|
}
|
|
14800
14486
|
|
|
14801
|
-
.bp_styles_module_invisible--
|
|
14487
|
+
.bp_styles_module_invisible--8b2d4{
|
|
14802
14488
|
left:0;
|
|
14803
14489
|
position:absolute;
|
|
14804
14490
|
top:0;
|
|
14805
14491
|
visibility:hidden;
|
|
14806
14492
|
}
|
|
14807
14493
|
|
|
14808
|
-
.bp_styles_module_dropdown--
|
|
14809
|
-
min-width:
|
|
14494
|
+
.bp_styles_module_dropdown--8b2d4{
|
|
14495
|
+
min-width:160px;
|
|
14810
14496
|
}
|
|
14811
14497
|
.bp_switch_module_option--f291e[data-modern=false]{
|
|
14812
14498
|
--switch-height:var(--size-5);
|