@box/blueprint-web 14.22.0 → 14.24.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/index.css +740 -401
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/inline-trigger-button/index.d.ts +2 -0
- package/dist/lib-esm/inline-trigger-button/inline-trigger-button-types.d.ts +22 -0
- package/dist/lib-esm/inline-trigger-button/inline-trigger-button.d.ts +7 -0
- package/dist/lib-esm/inline-trigger-button/inline-trigger-button.js +82 -0
- package/dist/lib-esm/inline-trigger-button/inline-trigger-button.module.js +4 -0
- package/dist/lib-esm/primitives/base-button/base-button-icon.js +3 -2
- package/dist/lib-esm/primitives/base-button/types.d.ts +2 -2
- package/dist/lib-esm/primitives/popover/popover-content-container.js +22 -11
- package/dist/lib-esm/primitives/popover/popover.module.js +1 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -10536,7 +10536,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10536
10536
|
fill:currentcolor;
|
|
10537
10537
|
}
|
|
10538
10538
|
|
|
10539
|
-
.bp_popover_module_popoverContentContainer--
|
|
10539
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f,.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
|
|
10540
10540
|
margin-inline-end:var(--scroll-mask-margin-inline-end);
|
|
10541
10541
|
mask-image:var(--scroll-mask-mask-image);
|
|
10542
10542
|
mask-position:var(--scroll-mask-mask-position);
|
|
@@ -10546,7 +10546,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10546
10546
|
transition:var(--scroll-mask-transition);
|
|
10547
10547
|
}
|
|
10548
10548
|
|
|
10549
|
-
.bp_popover_module_popoverContentContainer--
|
|
10549
|
+
.bp_popover_module_popoverContentContainer--5379f[data-modern=false]{
|
|
10550
10550
|
--scroll-mask-padding-right:var(--space-4);
|
|
10551
10551
|
--scroll-mask-overflow:auto;
|
|
10552
10552
|
--scroll-mask-transition:mask-position var(--animation-duration-3), -webkit-mask-position var(--animation-duration-3);
|
|
@@ -10559,12 +10559,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10559
10559
|
--popover-content-text-color:var(--text-text-on-light);
|
|
10560
10560
|
--popover-main-content-inner-container-padding:var(--space-3);
|
|
10561
10561
|
--popover-scroll-container-small-breakpoint-max-height:min(
|
|
10562
|
-
|
|
10563
|
-
|
|
10564
|
-
calc(var(--radix-popover-content-available-height) - var(--space-12))
|
|
10565
|
-
),
|
|
10562
|
+
var(
|
|
10563
|
+
--blueprint-web-popover-content-max-height,
|
|
10566
10564
|
calc(var(--radix-popover-content-available-height) - var(--space-12))
|
|
10567
|
-
)
|
|
10565
|
+
),
|
|
10566
|
+
calc(var(--radix-popover-content-available-height) - var(--space-12))
|
|
10567
|
+
);
|
|
10568
10568
|
--popover-scroll-container-small-breakpoint-padding-block:var(--space-1);
|
|
10569
10569
|
--popover-footer-padding-block-start:var(--space-4);
|
|
10570
10570
|
--popover-footer-margin-inline:calc(var(--space-4)*-1);
|
|
@@ -10572,7 +10572,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10572
10572
|
--popover-footer-border-top:var(--border-1) solid var(--border-card-border);
|
|
10573
10573
|
}
|
|
10574
10574
|
|
|
10575
|
-
.bp_popover_module_popoverContentContainer--
|
|
10575
|
+
.bp_popover_module_popoverContentContainer--5379f[data-modern=true]{
|
|
10576
10576
|
--bp-dropshadow-3:var(--dropshadow-3);
|
|
10577
10577
|
--bp-animation-duration-3:var(--animation-duration-3);
|
|
10578
10578
|
--scroll-mask-padding-right:var(--bp-space-040);
|
|
@@ -10587,12 +10587,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10587
10587
|
--popover-content-text-color:var(--bp-text-text-on-light);
|
|
10588
10588
|
--popover-main-content-inner-container-padding:var(--bp-space-030);
|
|
10589
10589
|
--popover-scroll-container-small-breakpoint-max-height:min(
|
|
10590
|
-
|
|
10591
|
-
|
|
10592
|
-
calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
|
|
10593
|
-
),
|
|
10590
|
+
var(
|
|
10591
|
+
--blueprint-web-popover-content-max-height,
|
|
10594
10592
|
calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
|
|
10595
|
-
)
|
|
10593
|
+
),
|
|
10594
|
+
calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
|
|
10595
|
+
);
|
|
10596
10596
|
--popover-scroll-container-small-breakpoint-padding-block:var(--bp-space-010);
|
|
10597
10597
|
--popover-footer-padding-block-start:var(--bp-space-040);
|
|
10598
10598
|
--popover-footer-margin-inline:calc(var(--bp-space-040)*-1);
|
|
@@ -10600,48 +10600,258 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10600
10600
|
--popover-footer-border-top:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
10601
10601
|
}
|
|
10602
10602
|
|
|
10603
|
-
.bp_popover_module_popoverContentContainer--
|
|
10603
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open]{
|
|
10604
|
+
animation-duration:var(--bp-duration-medium);
|
|
10605
|
+
animation-timing-function:var(--bp-curve-medium-on);
|
|
10606
|
+
}
|
|
10607
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=top]{
|
|
10608
|
+
animation-name:bp_popover_module_bpPopoverMediumTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10609
|
+
}
|
|
10610
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=bottom]{
|
|
10611
|
+
animation-name:bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10612
|
+
}
|
|
10613
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=left]{
|
|
10614
|
+
animation-name:bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10615
|
+
}
|
|
10616
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=right]{
|
|
10617
|
+
animation-name:bp_popover_module_bpPopoverMediumRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10618
|
+
}
|
|
10619
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed]{
|
|
10620
|
+
animation-duration:var(--bp-duration-short);
|
|
10621
|
+
animation-timing-function:var(--bp-curve-medium-off);
|
|
10622
|
+
}
|
|
10623
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=top]{
|
|
10624
|
+
animation-name:bp_popover_module_bpPopoverMediumTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10625
|
+
}
|
|
10626
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=bottom]{
|
|
10627
|
+
animation-name:bp_popover_module_bpPopoverMediumBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10628
|
+
}
|
|
10629
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=left]{
|
|
10630
|
+
animation-name:bp_popover_module_bpPopoverMediumLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10631
|
+
}
|
|
10632
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=right]{
|
|
10633
|
+
animation-name:bp_popover_module_bpPopoverMediumRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10634
|
+
}
|
|
10635
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open]{
|
|
10636
|
+
animation-duration:var(--bp-duration-long);
|
|
10637
|
+
animation-timing-function:var(--bp-curve-large-on);
|
|
10638
|
+
}
|
|
10639
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
|
|
10640
|
+
animation-name:bp_popover_module_bpPopoverLargeTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10641
|
+
}
|
|
10642
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
|
|
10643
|
+
animation-name:bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10644
|
+
}
|
|
10645
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
|
|
10646
|
+
animation-name:bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10647
|
+
}
|
|
10648
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
|
|
10649
|
+
animation-name:bp_popover_module_bpPopoverLargeRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
|
|
10650
|
+
}
|
|
10651
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed]{
|
|
10652
|
+
animation-duration:var(--bp-duration-medium);
|
|
10653
|
+
animation-timing-function:var(--bp-curve-large-off);
|
|
10654
|
+
}
|
|
10655
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
|
|
10656
|
+
animation-name:bp_popover_module_bpPopoverLargeTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10657
|
+
}
|
|
10658
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
|
|
10659
|
+
animation-name:bp_popover_module_bpPopoverLargeBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10660
|
+
}
|
|
10661
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
|
|
10662
|
+
animation-name:bp_popover_module_bpPopoverLargeLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10663
|
+
}
|
|
10664
|
+
.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
|
|
10665
|
+
animation-name:bp_popover_module_bpPopoverLargeRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
|
|
10666
|
+
}
|
|
10667
|
+
|
|
10668
|
+
.bp_popover_module_popoverContentContainer--5379f{
|
|
10604
10669
|
max-width:320px;
|
|
10605
10670
|
z-index:var(--z-index-popover);
|
|
10606
10671
|
}
|
|
10607
|
-
.bp_popover_module_popoverContentContainer--
|
|
10672
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f{
|
|
10608
10673
|
box-shadow:var(--popover-card-box-shadow);
|
|
10609
10674
|
margin-block:var(--popover-card-margin-block);
|
|
10610
10675
|
}
|
|
10611
|
-
.bp_popover_module_popoverContentContainer--
|
|
10676
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f{
|
|
10612
10677
|
color:var(--popover-content-text-color);
|
|
10613
10678
|
}
|
|
10614
|
-
.bp_popover_module_popoverContentContainer--
|
|
10679
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f:hover{
|
|
10615
10680
|
mask-position:left top;
|
|
10616
10681
|
}
|
|
10617
|
-
.bp_popover_module_popoverContentContainer--
|
|
10682
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f{
|
|
10618
10683
|
max-height:inherit;
|
|
10619
10684
|
}
|
|
10620
|
-
.bp_popover_module_popoverContentContainer--
|
|
10685
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f .bp_popover_module_popoverMainContentInnerContainerPadding--5379f{
|
|
10621
10686
|
padding-block-end:var(--popover-main-content-inner-container-padding);
|
|
10622
10687
|
}
|
|
10623
|
-
.bp_popover_module_popoverContentContainer--
|
|
10688
|
+
.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f{
|
|
10624
10689
|
max-height:var(--radix-popover-content-available-height);
|
|
10625
10690
|
}
|
|
10626
|
-
.bp_popover_module_popoverContentContainer--
|
|
10691
|
+
.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
|
|
10627
10692
|
color:var(--popover-content-text-color);
|
|
10628
10693
|
max-height:var(--popover-scroll-container-small-breakpoint-max-height);
|
|
10629
10694
|
padding-block:var(--popover-scroll-container-small-breakpoint-padding-block);
|
|
10630
10695
|
}
|
|
10631
|
-
.bp_popover_module_popoverContentContainer--
|
|
10696
|
+
.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f:hover{
|
|
10632
10697
|
mask-position:left top;
|
|
10633
10698
|
}
|
|
10634
|
-
.bp_popover_module_popoverContentContainer--
|
|
10699
|
+
.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f .bp_popover_module_popoverMainContent--5379f{
|
|
10635
10700
|
max-height:fit-content;
|
|
10636
10701
|
}
|
|
10637
|
-
.bp_popover_module_popoverContentContainer--
|
|
10702
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f{
|
|
10638
10703
|
margin-inline:var(--popover-footer-margin-inline);
|
|
10639
10704
|
padding-block-start:var(--popover-footer-padding-block-start);
|
|
10640
10705
|
padding-inline:var(--popover-footer-padding-inline);
|
|
10641
10706
|
}
|
|
10642
|
-
.bp_popover_module_popoverContentContainer--
|
|
10707
|
+
.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f.bp_popover_module_popoverFooterTopBorder--5379f{
|
|
10643
10708
|
border-top:var(--popover-footer-border-top);
|
|
10644
10709
|
}
|
|
10710
|
+
|
|
10711
|
+
@keyframes bp_popover_module_bpPopoverFadeIn--5379f{
|
|
10712
|
+
from{
|
|
10713
|
+
opacity:var(--bp-opacity-hidden);
|
|
10714
|
+
}
|
|
10715
|
+
to{
|
|
10716
|
+
opacity:var(--bp-opacity-visible);
|
|
10717
|
+
}
|
|
10718
|
+
}
|
|
10719
|
+
@keyframes bp_popover_module_bpPopoverFadeOut--5379f{
|
|
10720
|
+
from{
|
|
10721
|
+
opacity:var(--bp-opacity-visible);
|
|
10722
|
+
}
|
|
10723
|
+
to{
|
|
10724
|
+
opacity:var(--bp-opacity-hidden);
|
|
10725
|
+
}
|
|
10726
|
+
}
|
|
10727
|
+
@keyframes bp_popover_module_bpPopoverMediumTopSlideEnter--5379f{
|
|
10728
|
+
from{
|
|
10729
|
+
transform:translateY(var(--bp-space-020));
|
|
10730
|
+
}
|
|
10731
|
+
to{
|
|
10732
|
+
transform:translateY(0);
|
|
10733
|
+
}
|
|
10734
|
+
}
|
|
10735
|
+
@keyframes bp_popover_module_bpPopoverMediumTopSlideExit--5379f{
|
|
10736
|
+
from{
|
|
10737
|
+
transform:translateY(0);
|
|
10738
|
+
}
|
|
10739
|
+
to{
|
|
10740
|
+
transform:translateY(var(--bp-space-020));
|
|
10741
|
+
}
|
|
10742
|
+
}
|
|
10743
|
+
@keyframes bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f{
|
|
10744
|
+
from{
|
|
10745
|
+
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
10746
|
+
}
|
|
10747
|
+
to{
|
|
10748
|
+
transform:translateY(0);
|
|
10749
|
+
}
|
|
10750
|
+
}
|
|
10751
|
+
@keyframes bp_popover_module_bpPopoverMediumBottomSlideExit--5379f{
|
|
10752
|
+
from{
|
|
10753
|
+
transform:translateY(0);
|
|
10754
|
+
}
|
|
10755
|
+
to{
|
|
10756
|
+
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
10757
|
+
}
|
|
10758
|
+
}
|
|
10759
|
+
@keyframes bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f{
|
|
10760
|
+
from{
|
|
10761
|
+
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
10762
|
+
}
|
|
10763
|
+
to{
|
|
10764
|
+
transform:translateX(0);
|
|
10765
|
+
}
|
|
10766
|
+
}
|
|
10767
|
+
@keyframes bp_popover_module_bpPopoverMediumLeftSlideExit--5379f{
|
|
10768
|
+
from{
|
|
10769
|
+
transform:translateX(0);
|
|
10770
|
+
}
|
|
10771
|
+
to{
|
|
10772
|
+
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
10773
|
+
}
|
|
10774
|
+
}
|
|
10775
|
+
@keyframes bp_popover_module_bpPopoverMediumRightSlideEnter--5379f{
|
|
10776
|
+
from{
|
|
10777
|
+
transform:translateX(var(--bp-space-020));
|
|
10778
|
+
}
|
|
10779
|
+
to{
|
|
10780
|
+
transform:translateX(0);
|
|
10781
|
+
}
|
|
10782
|
+
}
|
|
10783
|
+
@keyframes bp_popover_module_bpPopoverMediumRightSlideExit--5379f{
|
|
10784
|
+
from{
|
|
10785
|
+
transform:translateX(0);
|
|
10786
|
+
}
|
|
10787
|
+
to{
|
|
10788
|
+
transform:translateX(var(--bp-space-020));
|
|
10789
|
+
}
|
|
10790
|
+
}
|
|
10791
|
+
@keyframes bp_popover_module_bpPopoverLargeTopSlideEnter--5379f{
|
|
10792
|
+
from{
|
|
10793
|
+
transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
|
|
10794
|
+
}
|
|
10795
|
+
to{
|
|
10796
|
+
transform:translateY(0) var(--bp-scale-default);
|
|
10797
|
+
}
|
|
10798
|
+
}
|
|
10799
|
+
@keyframes bp_popover_module_bpPopoverLargeTopSlideExit--5379f{
|
|
10800
|
+
from{
|
|
10801
|
+
transform:translateY(0) var(--bp-scale-default);
|
|
10802
|
+
}
|
|
10803
|
+
to{
|
|
10804
|
+
transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
|
|
10805
|
+
}
|
|
10806
|
+
}
|
|
10807
|
+
@keyframes bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f{
|
|
10808
|
+
from{
|
|
10809
|
+
transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
|
|
10810
|
+
}
|
|
10811
|
+
to{
|
|
10812
|
+
transform:translateY(0) var(--bp-scale-default);
|
|
10813
|
+
}
|
|
10814
|
+
}
|
|
10815
|
+
@keyframes bp_popover_module_bpPopoverLargeBottomSlideExit--5379f{
|
|
10816
|
+
from{
|
|
10817
|
+
transform:translateY(0) var(--bp-scale-default);
|
|
10818
|
+
}
|
|
10819
|
+
to{
|
|
10820
|
+
transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
|
|
10821
|
+
}
|
|
10822
|
+
}
|
|
10823
|
+
@keyframes bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f{
|
|
10824
|
+
from{
|
|
10825
|
+
transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
|
|
10826
|
+
}
|
|
10827
|
+
to{
|
|
10828
|
+
transform:translateX(0) var(--bp-scale-default);
|
|
10829
|
+
}
|
|
10830
|
+
}
|
|
10831
|
+
@keyframes bp_popover_module_bpPopoverLargeLeftSlideExit--5379f{
|
|
10832
|
+
from{
|
|
10833
|
+
transform:translateX(0) var(--bp-scale-default);
|
|
10834
|
+
}
|
|
10835
|
+
to{
|
|
10836
|
+
transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
|
|
10837
|
+
}
|
|
10838
|
+
}
|
|
10839
|
+
@keyframes bp_popover_module_bpPopoverLargeRightSlideEnter--5379f{
|
|
10840
|
+
from{
|
|
10841
|
+
transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
|
|
10842
|
+
}
|
|
10843
|
+
to{
|
|
10844
|
+
transform:translateX(0) var(--bp-scale-default);
|
|
10845
|
+
}
|
|
10846
|
+
}
|
|
10847
|
+
@keyframes bp_popover_module_bpPopoverLargeRightSlideExit--5379f{
|
|
10848
|
+
from{
|
|
10849
|
+
transform:translateX(0) var(--bp-scale-default);
|
|
10850
|
+
}
|
|
10851
|
+
to{
|
|
10852
|
+
transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
|
|
10853
|
+
}
|
|
10854
|
+
}
|
|
10645
10855
|
.bp_select_menu_grid_module_grid--6e766{
|
|
10646
10856
|
display:flex;
|
|
10647
10857
|
flex-direction:column;
|
|
@@ -12797,102 +13007,405 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12797
13007
|
.bp_time_picker_module_timePicker--41158 .bp_time_picker_module_inlineError--41158{
|
|
12798
13008
|
margin-block-start:var(--time-picker-inline-error-margin-top);
|
|
12799
13009
|
}
|
|
12800
|
-
|
|
12801
|
-
|
|
12802
|
-
|
|
12803
|
-
|
|
12804
|
-
|
|
12805
|
-
--
|
|
12806
|
-
--
|
|
12807
|
-
--
|
|
12808
|
-
--
|
|
12809
|
-
--
|
|
12810
|
-
--
|
|
12811
|
-
--
|
|
12812
|
-
--
|
|
12813
|
-
--
|
|
12814
|
-
--
|
|
12815
|
-
--
|
|
12816
|
-
--
|
|
12817
|
-
--
|
|
12818
|
-
|
|
12819
|
-
|
|
12820
|
-
|
|
12821
|
-
--
|
|
12822
|
-
--
|
|
12823
|
-
--
|
|
12824
|
-
--
|
|
12825
|
-
--
|
|
12826
|
-
--
|
|
12827
|
-
--
|
|
12828
|
-
--
|
|
12829
|
-
--
|
|
12830
|
-
--
|
|
12831
|
-
--
|
|
12832
|
-
--
|
|
12833
|
-
--
|
|
12834
|
-
--
|
|
12835
|
-
--
|
|
12836
|
-
|
|
12837
|
-
|
|
12838
|
-
--
|
|
12839
|
-
|
|
12840
|
-
|
|
12841
|
-
|
|
12842
|
-
--
|
|
12843
|
-
--
|
|
12844
|
-
--
|
|
12845
|
-
--
|
|
12846
|
-
--
|
|
12847
|
-
--
|
|
12848
|
-
--
|
|
12849
|
-
--
|
|
12850
|
-
--
|
|
12851
|
-
--
|
|
12852
|
-
--
|
|
12853
|
-
--
|
|
12854
|
-
--
|
|
12855
|
-
--
|
|
12856
|
-
--
|
|
12857
|
-
--
|
|
12858
|
-
--
|
|
12859
|
-
--
|
|
12860
|
-
--
|
|
12861
|
-
--
|
|
12862
|
-
--
|
|
12863
|
-
--
|
|
12864
|
-
--
|
|
12865
|
-
--
|
|
12866
|
-
--
|
|
12867
|
-
--
|
|
12868
|
-
--
|
|
12869
|
-
--
|
|
12870
|
-
--
|
|
12871
|
-
--
|
|
12872
|
-
--
|
|
12873
|
-
--
|
|
12874
|
-
--
|
|
12875
|
-
--
|
|
12876
|
-
|
|
12877
|
-
|
|
12878
|
-
--
|
|
12879
|
-
--
|
|
12880
|
-
--
|
|
12881
|
-
--
|
|
12882
|
-
--
|
|
12883
|
-
--
|
|
12884
|
-
--
|
|
12885
|
-
|
|
12886
|
-
|
|
12887
|
-
|
|
12888
|
-
--
|
|
12889
|
-
--
|
|
12890
|
-
--
|
|
12891
|
-
--
|
|
12892
|
-
--
|
|
12893
|
-
--
|
|
12894
|
-
--
|
|
12895
|
-
--
|
|
13010
|
+
.bp_toolbar_module_dropdownIndicator--5aae4.bp_toolbar_module_invertCaret--5aae4{
|
|
13011
|
+
transform:rotate(.5turn);
|
|
13012
|
+
}
|
|
13013
|
+
|
|
13014
|
+
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=false]{
|
|
13015
|
+
--toolbar-root-gap:var(--space-1);
|
|
13016
|
+
--toolbar-root-padding:calc(var(--space-1) - var(--border-1));
|
|
13017
|
+
--toolbar-root-background:var(--surface-surface);
|
|
13018
|
+
--toolbar-root-border:var(--border-1) solid var(--border-card-border);
|
|
13019
|
+
--toolbar-root-border-radius:var(--radius-4);
|
|
13020
|
+
--toolbar-root-box-shadow:var(--dropshadow-3);
|
|
13021
|
+
--toolbar-scroll-button-gap:var(--space-1);
|
|
13022
|
+
--toolbar-scrollable-children-gap:var(--space-1);
|
|
13023
|
+
--toolbar-scrollable-children-padding:calc(var(--space-1) - var(--border-1));
|
|
13024
|
+
--toolbar-scrollable-children-scroll-padding:calc(var(--space-1) - var(--border-1));
|
|
13025
|
+
--toolbar-separator-height:var(--size-6);
|
|
13026
|
+
--toolbar-separator-background:var(--border-divider-border);
|
|
13027
|
+
--toolbar-separator-border-radius:var(--radius-2);
|
|
13028
|
+
}
|
|
13029
|
+
|
|
13030
|
+
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=true]{
|
|
13031
|
+
--box-shadow:0 4px 12px 0 #0000001a;
|
|
13032
|
+
--toolbar-root-gap:var(--bp-space-010);
|
|
13033
|
+
--toolbar-root-padding:var(--bp-space-010);
|
|
13034
|
+
--toolbar-root-background:var(--bp-surface-toolbar-surface);
|
|
13035
|
+
--toolbar-root-border:var(--bp-border-01) solid var(--bp-border-toolbar-border);
|
|
13036
|
+
--toolbar-root-border-radius:var(--bp-radius-10);
|
|
13037
|
+
--toolbar-root-box-shadow:var(--box-shadow);
|
|
13038
|
+
--toolbar-scroll-button-gap:var(--bp-space-010);
|
|
13039
|
+
--toolbar-scrollable-children-gap:var(--bp-space-010);
|
|
13040
|
+
--toolbar-scrollable-children-padding:var(--bp-space-010);
|
|
13041
|
+
--toolbar-scrollable-children-scroll-padding:var(--bp-space-010);
|
|
13042
|
+
--toolbar-separator-height:var(--bp-size-060);
|
|
13043
|
+
--toolbar-separator-background:var(--bp-border-divider-border);
|
|
13044
|
+
--toolbar-separator-border-radius:var(--bp-radius-03);
|
|
13045
|
+
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
13046
|
+
}
|
|
13047
|
+
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--5aae4{
|
|
13048
|
+
--toolbar-root-padding:0;
|
|
13049
|
+
}
|
|
13050
|
+
|
|
13051
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=false]{
|
|
13052
|
+
--toolbar-item-min-width:var(--size-8);
|
|
13053
|
+
--toolbar-item-min-height:var(--size-8);
|
|
13054
|
+
--toolbar-item-text-indent:var(--space-1);
|
|
13055
|
+
--toolbar-item-background:var(--surface-toggle-surface);
|
|
13056
|
+
--toolbar-item-border:var(--border-1) solid #0000;
|
|
13057
|
+
--toolbar-item-border-radius:var(--radius-2);
|
|
13058
|
+
--toolbar-item-padding-inline:calc(var(--space-1) - var(--border-1));
|
|
13059
|
+
--toolbar-item-off-hover-background:var(--surface-toggle-surface-hover);
|
|
13060
|
+
--toolbar-item-off-hover-border:var(--border-1) solid var(--surface-toggle-surface-hover);
|
|
13061
|
+
--toolbar-item-focus-outline:var(--outline-focus-on-light);
|
|
13062
|
+
--toolbar-item-disabled-opacity:.3;
|
|
13063
|
+
--toolbar-toggle-on-pressed-border:none;
|
|
13064
|
+
--toolbar-toggle-on-pressed-background:var(--surface-toggle-surface-pressed);
|
|
13065
|
+
--toolbar-toggle-icon-fill:var(--icon-icon-on-dark);
|
|
13066
|
+
--toolbar-toggle-on-hover-background:var(--surface-toggle-surface-on-hover);
|
|
13067
|
+
--toolbar-toggle-on-hover-border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
|
|
13068
|
+
--toolbar-icon-width:var(--size-5);
|
|
13069
|
+
--toolbar-icon-height:var(--size-5);
|
|
13070
|
+
--toolbar-item-text-color:var(--text-text-on-light);
|
|
13071
|
+
--toolbar-text-toggle-color:var(--text-text-on-light);
|
|
13072
|
+
--toolbar-text-toggle-off-border:var(--border-1) solid var(--border-toggletext-border-off);
|
|
13073
|
+
--toolbar-text-toggle-padding-inline:var(--space-2);
|
|
13074
|
+
--toolbar-text-toggle-hover-background:var(--surface-toggle-surface-off-hover);
|
|
13075
|
+
--toolbar-text-toggle-hover-border-color:var(--border-toggletext-border-off-hover);
|
|
13076
|
+
--toolbar-text-toggle-active-background:var(--surface-toggle-surface-off-pressed);
|
|
13077
|
+
--toolbar-text-toggle-active-border-color:var(--border-toggletext-border-off-pressed);
|
|
13078
|
+
--toolbar-text-toggle-checked-color:var(--text-toggletext-text);
|
|
13079
|
+
--toolbar-text-toggle-checked-background:var(--surface-toggletext-surface-on);
|
|
13080
|
+
--toolbar-text-toggle-checked-border:var(--border-1) solid var(--border-toggletext-border-on);
|
|
13081
|
+
--toolbar-text-toggle-checked-hover-background:var(--surface-toggletext-surface-on-hover);
|
|
13082
|
+
--toolbar-text-toggle-checked-hover-border-color:var(--border-toggletext-border-on-hover);
|
|
13083
|
+
--toolbar-text-toggle-checked-active-background:var(--surface-toggletext-surface-on-pressed);
|
|
13084
|
+
--toolbar-text-toggle-checked-active-border-color:var(--border-toggletext-border-on-pressed);
|
|
13085
|
+
--trigger-button-hover-opacity:.7;
|
|
13086
|
+
}
|
|
13087
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--5aae4{
|
|
13088
|
+
font-family:var(--body-default-font-family);
|
|
13089
|
+
font-size:var(--body-default-font-size);
|
|
13090
|
+
font-weight:var(--body-default-font-weight);
|
|
13091
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
13092
|
+
line-height:var(--body-default-line-height);
|
|
13093
|
+
text-decoration:var(--body-default-text-decoration);
|
|
13094
|
+
text-transform:var(--body-default-text-case);
|
|
13095
|
+
}
|
|
13096
|
+
|
|
13097
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true]{
|
|
13098
|
+
--toolbar-item-min-width:var(--bp-size-080);
|
|
13099
|
+
--toolbar-item-min-height:var(--bp-size-080);
|
|
13100
|
+
--toolbar-item-text-indent:var(--bp-space-010);
|
|
13101
|
+
--toolbar-item-background:var(--bp-surface-toggle-surface);
|
|
13102
|
+
--toolbar-item-border:var(--bp-border-01) solid #0000;
|
|
13103
|
+
--toolbar-item-border-radius:var(--bp-radius-10);
|
|
13104
|
+
--toolbar-item-padding-inline:calc(var(--bp-space-010) - var(--bp-border-01));
|
|
13105
|
+
--toolbar-item-off-hover-background:var(--bp-surface-toggle-surface-hover);
|
|
13106
|
+
--toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-toggle-surface-hover);
|
|
13107
|
+
--toolbar-item-focus-outline:var(--bp-outline-focus-on-light);
|
|
13108
|
+
--toolbar-item-disabled-opacity:.3;
|
|
13109
|
+
--toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
13110
|
+
--toolbar-toggle-on-pressed-background:var(--bp-surface-toggle-surface-on);
|
|
13111
|
+
--toolbar-toggle-icon-fill:var(--bp-icon-icon-blue);
|
|
13112
|
+
--toolbar-toggle-on-hover-background:var(--bp-surface-toggle-surface-on-hover);
|
|
13113
|
+
--toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
13114
|
+
--toolbar-icon-width:var(--bp-size-050);
|
|
13115
|
+
--toolbar-icon-height:var(--bp-size-050);
|
|
13116
|
+
--toolbar-item-text-color:var(--bp-text-text-on-light);
|
|
13117
|
+
--toolbar-text-toggle-color:var(--bp-text-text-on-light);
|
|
13118
|
+
--toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
|
|
13119
|
+
--toolbar-text-toggle-padding-inline:var(--bp-space-020);
|
|
13120
|
+
--toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
|
|
13121
|
+
--toolbar-text-toggle-hover-border-color:var(--bp-border-toggle-text-border-off-hover);
|
|
13122
|
+
--toolbar-text-toggle-active-background:var(--bp-surface-toggle-text-surface-off-pressed);
|
|
13123
|
+
--toolbar-text-toggle-active-border-color:var(--bp-border-toggle-text-border-off-pressed);
|
|
13124
|
+
--toolbar-text-toggle-checked-color:var(--bp-text-toggle-text-text);
|
|
13125
|
+
--toolbar-text-toggle-checked-background:var(--bp-surface-toggle-text-surface-on);
|
|
13126
|
+
--toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-on);
|
|
13127
|
+
--toolbar-text-toggle-checked-hover-background:var(--bp-surface-toggle-text-surface-on-hover);
|
|
13128
|
+
--toolbar-text-toggle-checked-hover-border-color:var(--bp-border-toggle-text-border-on-hover);
|
|
13129
|
+
--toolbar-text-toggle-checked-active-background:var(--bp-surface-toggle-text-surface-on-pressed);
|
|
13130
|
+
--toolbar-text-toggle-checked-active-border-color:var(--bp-border-toggle-text-border-on-pressed);
|
|
13131
|
+
--trigger-button-hover-opacity:.65;
|
|
13132
|
+
--trigger-button-active-opacity:.8;
|
|
13133
|
+
}
|
|
13134
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-active]{
|
|
13135
|
+
background:var(--bp-surface-toggle-surface-off-pressed);
|
|
13136
|
+
border:var(--bp-border-01) solid var(--bp-border-toggle-border-off);
|
|
13137
|
+
}
|
|
13138
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on][data-active]{
|
|
13139
|
+
background:var(--bp-surface-toggle-surface-on-pressed);
|
|
13140
|
+
border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
13141
|
+
}
|
|
13142
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-state=on]:hover .bp_toolbar_module_dropdownIndicator--5aae4{
|
|
13143
|
+
transform:rotate(1turn);
|
|
13144
|
+
}
|
|
13145
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-active]{
|
|
13146
|
+
background-color:var(--toolbar-button-color);
|
|
13147
|
+
opacity:var(--trigger-button-active-opacity);
|
|
13148
|
+
}
|
|
13149
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
|
|
13150
|
+
background-color:var(--toolbar-button-color);
|
|
13151
|
+
border-color:var(--toolbar-button-color);
|
|
13152
|
+
opacity:var(--trigger-button-hover-opacity);
|
|
13153
|
+
}
|
|
13154
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true].bp_toolbar_module_toolbarTextToggleItem--5aae4{
|
|
13155
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
13156
|
+
font-size:var(--bp-font-size-07);
|
|
13157
|
+
font-style:normal;
|
|
13158
|
+
font-weight:var(--bp-font-weight-regular);
|
|
13159
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
13160
|
+
line-height:var(--bp-font-line-height-05);
|
|
13161
|
+
}
|
|
13162
|
+
|
|
13163
|
+
.bp_toolbar_module_toggleGroup--5aae4[data-modern=false]{
|
|
13164
|
+
--toolbar-toggle-group-gap:var(--space-1);
|
|
13165
|
+
}
|
|
13166
|
+
|
|
13167
|
+
.bp_toolbar_module_toggleGroup--5aae4[data-modern=true]{
|
|
13168
|
+
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
13169
|
+
}
|
|
13170
|
+
|
|
13171
|
+
.bp_toolbar_module_toolbarRoot--5aae4{
|
|
13172
|
+
align-items:center;
|
|
13173
|
+
background:var(--toolbar-root-background);
|
|
13174
|
+
border:var(--toolbar-root-border);
|
|
13175
|
+
border-radius:var(--toolbar-root-border-radius);
|
|
13176
|
+
box-shadow:var(--toolbar-root-box-shadow);
|
|
13177
|
+
display:flex;
|
|
13178
|
+
gap:var(--toolbar-root-gap);
|
|
13179
|
+
padding:var(--toolbar-root-padding);
|
|
13180
|
+
}
|
|
13181
|
+
|
|
13182
|
+
.bp_toolbar_module_scrollButtonWrapper--5aae4{
|
|
13183
|
+
align-items:center;
|
|
13184
|
+
display:flex;
|
|
13185
|
+
gap:var(--toolbar-scroll-button-gap);
|
|
13186
|
+
}
|
|
13187
|
+
.bp_toolbar_module_scrollButtonWrapper--5aae4.bp_toolbar_module_hidden--5aae4{
|
|
13188
|
+
display:none;
|
|
13189
|
+
}
|
|
13190
|
+
|
|
13191
|
+
.bp_toolbar_module_scrollableChildrenWrapper--5aae4{
|
|
13192
|
+
-ms-overflow-style:none;
|
|
13193
|
+
scrollbar-width:none;
|
|
13194
|
+
}
|
|
13195
|
+
.bp_toolbar_module_scrollableChildrenWrapper--5aae4::-webkit-scrollbar{
|
|
13196
|
+
display:none;
|
|
13197
|
+
}
|
|
13198
|
+
.bp_toolbar_module_scrollableChildrenWrapper--5aae4{
|
|
13199
|
+
align-items:center;
|
|
13200
|
+
display:flex;
|
|
13201
|
+
flex-grow:1;
|
|
13202
|
+
gap:var(--toolbar-scrollable-children-gap);
|
|
13203
|
+
overflow-x:auto;
|
|
13204
|
+
padding:var(--toolbar-scrollable-children-padding);
|
|
13205
|
+
scroll-behavior:smooth;
|
|
13206
|
+
scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
|
|
13207
|
+
white-space:nowrap;
|
|
13208
|
+
}
|
|
13209
|
+
.bp_toolbar_module_scrollableChildrenWrapper--5aae4 > *{
|
|
13210
|
+
flex:none;
|
|
13211
|
+
}
|
|
13212
|
+
|
|
13213
|
+
.bp_toolbar_module_separator--5aae4{
|
|
13214
|
+
background-color:var(--toolbar-separator-background);
|
|
13215
|
+
border-radius:var(--toolbar-separator-border-radius);
|
|
13216
|
+
height:var(--toolbar-separator-height);
|
|
13217
|
+
width:1px;
|
|
13218
|
+
}
|
|
13219
|
+
|
|
13220
|
+
.bp_toolbar_module_toggleGroup--5aae4{
|
|
13221
|
+
display:flex;
|
|
13222
|
+
gap:var(--toolbar-toggle-group-gap);
|
|
13223
|
+
}
|
|
13224
|
+
|
|
13225
|
+
.bp_toolbar_module_toolbarItem--5aae4{
|
|
13226
|
+
align-items:center;
|
|
13227
|
+
background:var(--toolbar-button-color, var(--toolbar-item-background));
|
|
13228
|
+
border:var(--toolbar-item-border);
|
|
13229
|
+
border-radius:var(--toolbar-item-border-radius);
|
|
13230
|
+
color:var(--toolbar-item-text-color);
|
|
13231
|
+
cursor:pointer;
|
|
13232
|
+
display:flex;
|
|
13233
|
+
gap:var(--toolbar-scroll-button-gap);
|
|
13234
|
+
justify-content:center;
|
|
13235
|
+
min-height:var(--toolbar-item-min-height);
|
|
13236
|
+
min-width:var(--toolbar-item-min-width);
|
|
13237
|
+
outline:none;
|
|
13238
|
+
padding-inline:var(--toolbar-item-padding-inline);
|
|
13239
|
+
text-indent:var(--toolbar-item-text-indent);
|
|
13240
|
+
-webkit-user-select:none;
|
|
13241
|
+
user-select:none;
|
|
13242
|
+
}
|
|
13243
|
+
.bp_toolbar_module_toolbarItem--5aae4[data-disabled]{
|
|
13244
|
+
background:var(--toolbar-item-background);
|
|
13245
|
+
opacity:var(--toolbar-item-disabled-opacity);
|
|
13246
|
+
pointer-events:none;
|
|
13247
|
+
}
|
|
13248
|
+
.bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):focus-visible{
|
|
13249
|
+
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
|
|
13250
|
+
}
|
|
13251
|
+
.bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):hover{
|
|
13252
|
+
background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
|
|
13253
|
+
border:var(--toolbar-item-off-hover-border);
|
|
13254
|
+
}
|
|
13255
|
+
|
|
13256
|
+
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on]{
|
|
13257
|
+
background:var(--toolbar-toggle-on-pressed-background);
|
|
13258
|
+
border:var(--toolbar-toggle-on-pressed-border);
|
|
13259
|
+
}
|
|
13260
|
+
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on] svg *{
|
|
13261
|
+
fill:var(--toolbar-toggle-icon-fill);
|
|
13262
|
+
}
|
|
13263
|
+
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on]:not([data-disabled]):hover{
|
|
13264
|
+
background:var(--toolbar-toggle-on-hover-background);
|
|
13265
|
+
border:var(--toolbar-toggle-on-hover-border);
|
|
13266
|
+
}
|
|
13267
|
+
|
|
13268
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on] .bp_toolbar_module_dropdownIndicator--5aae4 path{
|
|
13269
|
+
fill:var(--icon-icon-on-light);
|
|
13270
|
+
}
|
|
13271
|
+
.bp_toolbar_module_triggerButtonSelectedWithColor--5aae4[data-state=on]:hover{
|
|
13272
|
+
background-color:var(--toolbar-button-color);
|
|
13273
|
+
border-color:var(--toolbar-button-color);
|
|
13274
|
+
opacity:var(--trigger-button-hover-opacity);
|
|
13275
|
+
}
|
|
13276
|
+
|
|
13277
|
+
.bp_toolbar_module_toolbarIcon--5aae4{
|
|
13278
|
+
align-items:center;
|
|
13279
|
+
display:flex;
|
|
13280
|
+
height:var(--toolbar-icon-height);
|
|
13281
|
+
justify-content:center;
|
|
13282
|
+
width:var(--toolbar-icon-width);
|
|
13283
|
+
}
|
|
13284
|
+
|
|
13285
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4{
|
|
13286
|
+
border:var(--toolbar-text-toggle-off-border);
|
|
13287
|
+
color:var(--toolbar-text-toggle-color);
|
|
13288
|
+
padding-inline:var(--toolbar-text-toggle-padding-inline);
|
|
13289
|
+
text-indent:unset;
|
|
13290
|
+
white-space:nowrap;
|
|
13291
|
+
}
|
|
13292
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4:hover{
|
|
13293
|
+
background:var(--toolbar-text-toggle-hover-background);
|
|
13294
|
+
border-color:var(--toolbar-text-toggle-hover-border-color);
|
|
13295
|
+
}
|
|
13296
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4:active{
|
|
13297
|
+
background:var(--toolbar-text-toggle-active-background);
|
|
13298
|
+
border-color:var(--toolbar-text-toggle-active-border-color);
|
|
13299
|
+
}
|
|
13300
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]{
|
|
13301
|
+
background:var(--toolbar-text-toggle-checked-background);
|
|
13302
|
+
border:var(--toolbar-text-toggle-checked-border);
|
|
13303
|
+
color:var(--toolbar-text-toggle-checked-color);
|
|
13304
|
+
}
|
|
13305
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:hover{
|
|
13306
|
+
background:var(--toolbar-text-toggle-checked-hover-background);
|
|
13307
|
+
border-color:var(--toolbar-text-toggle-checked-hover-border-color);
|
|
13308
|
+
}
|
|
13309
|
+
.bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]:active{
|
|
13310
|
+
background:var(--toolbar-text-toggle-checked-active-background);
|
|
13311
|
+
border-color:var(--toolbar-text-toggle-checked-active-border-color);
|
|
13312
|
+
}
|
|
13313
|
+
:root{
|
|
13314
|
+
--surface-surface-brand:#0061d5;
|
|
13315
|
+
--surface-surface-brand-hover:#006ae9;
|
|
13316
|
+
--surface-surface-brand-pressed:#004eac;
|
|
13317
|
+
--surface-surface-brand-busy:#0061d5;
|
|
13318
|
+
--surface-surface-brand-disabled:#0061d5;
|
|
13319
|
+
--surface-cta-destructive-surface-tertiary:#0000;
|
|
13320
|
+
--surface-badge-image-surface:#1e9b67;
|
|
13321
|
+
--surface-badge-canvas-surface:#d97417;
|
|
13322
|
+
--surface-badge-completed-surface:#1e9b67;
|
|
13323
|
+
--surface-badge-pdf-surface:#d0021b;
|
|
13324
|
+
--surface-badge-docs-surface:#4083f7;
|
|
13325
|
+
--surface-badge-sheets-surface:#21a464;
|
|
13326
|
+
--surface-badge-pages-surface:#ff9500;
|
|
13327
|
+
--surface-badge-keynote-surface:#0a84ff;
|
|
13328
|
+
--surface-badge-video-surface:#009aed;
|
|
13329
|
+
--surface-badge-drawing-surface:#009aed;
|
|
13330
|
+
--surface-badge-excel-surface:#107c41;
|
|
13331
|
+
--surface-badge-slides-surface:#f7ba00;
|
|
13332
|
+
--surface-badge-illustrator-surface:#051e25;
|
|
13333
|
+
--surface-badge-indesign-surface:#131415;
|
|
13334
|
+
--surface-badge-numbers-surface:#00a650;
|
|
13335
|
+
--surface-badge-photoshop-surface:#131415;
|
|
13336
|
+
--surface-badge-powerpoint-surface:#c43e1c;
|
|
13337
|
+
--surface-badge-presentation-surface:#d97417;
|
|
13338
|
+
--surface-badge-spreadsheet-surface:#3fb87f;
|
|
13339
|
+
--surface-badge-three-d-surface:#d97417;
|
|
13340
|
+
--surface-badge-vector-surface:#d97417;
|
|
13341
|
+
--surface-badge-word-surface:#185abd;
|
|
13342
|
+
--surface-badge-forward-surface:#d97417;
|
|
13343
|
+
--surface-badge-alert-surface:#d97417;
|
|
13344
|
+
--border-cta-border-outline-disabled:#646464;
|
|
13345
|
+
--border-divider-border-brand:#e8e8e81a;
|
|
13346
|
+
--icon-icon-illustrator:#ff9400;
|
|
13347
|
+
--icon-icon-indesign:#ff57a1;
|
|
13348
|
+
--icon-icon-photoshop:#26c9ff;
|
|
13349
|
+
--brand-box-ai-100:linear-gradient(135deg, #fe03dc 0%, #2784fa 100%);
|
|
13350
|
+
--brand-box-ai-120:linear-gradient(135deg, #cb02b0 0%, #1f6ac8 100%);
|
|
13351
|
+
--brand-box-ai-140:linear-gradient(135deg, #980284 0%, #174f96 100%);
|
|
13352
|
+
--gray-10:#e8e8e8;
|
|
13353
|
+
--gray-20:#d3d3d3;
|
|
13354
|
+
--gray-30:#bcbcbc;
|
|
13355
|
+
--gray-40:#a7a7a7;
|
|
13356
|
+
--gray-50:#909090;
|
|
13357
|
+
--gray-65:#6f6f6f;
|
|
13358
|
+
--gray-80:#4e4e4e;
|
|
13359
|
+
--gray-90:#383838;
|
|
13360
|
+
--gray-100:#222;
|
|
13361
|
+
--gray-02:#fbfbfb;
|
|
13362
|
+
--gray-05:#f4f4f4;
|
|
13363
|
+
--gray-black:#000;
|
|
13364
|
+
--gray-white:#fff;
|
|
13365
|
+
--box-blue-10:#e5effa;
|
|
13366
|
+
--box-blue-20:#ccdff7;
|
|
13367
|
+
--box-blue-30:#b2cff2;
|
|
13368
|
+
--box-blue-40:#99c0ee;
|
|
13369
|
+
--box-blue-50:#7fb0ea;
|
|
13370
|
+
--box-blue-80:#3381dd;
|
|
13371
|
+
--box-blue-100:#0061d5;
|
|
13372
|
+
--box-blue-110:#0057c0;
|
|
13373
|
+
--box-blue-120:#004eaa;
|
|
13374
|
+
--box-blue-150:#00316b;
|
|
13375
|
+
--box-blue-160:#002755;
|
|
13376
|
+
--box-blue-170:#001d40;
|
|
13377
|
+
--box-blue-180:#00132b;
|
|
13378
|
+
--box-blue-05:#f2f7fd;
|
|
13379
|
+
--box-blue-02:#fafcfe;
|
|
13380
|
+
--dark-blue-10:#e5ebf2;
|
|
13381
|
+
--dark-blue-20:#ccd8e6;
|
|
13382
|
+
--dark-blue-50:#7f9dc1;
|
|
13383
|
+
--dark-blue-100:#003c84;
|
|
13384
|
+
--dark-blue-110:#003677;
|
|
13385
|
+
--dark-blue-120:#00306a;
|
|
13386
|
+
--dark-blue-150:#001e42;
|
|
13387
|
+
--dark-blue-160:#001835;
|
|
13388
|
+
--dark-blue-170:#001228;
|
|
13389
|
+
--dark-blue-180:#000c1a;
|
|
13390
|
+
--dark-blue-05:#f2f5f9;
|
|
13391
|
+
--dark-blue-02:#fafbfd;
|
|
13392
|
+
--light-blue-10:#e9f2fe;
|
|
13393
|
+
--light-blue-20:#d3e7fe;
|
|
13394
|
+
--light-blue-50:#91c2fd;
|
|
13395
|
+
--light-blue-100:#2486fc;
|
|
13396
|
+
--light-blue-110:#2079e3;
|
|
13397
|
+
--light-blue-120:#1d6bca;
|
|
13398
|
+
--light-blue-150:#12437e;
|
|
13399
|
+
--light-blue-160:#0e3665;
|
|
13400
|
+
--light-blue-170:#0b284c;
|
|
13401
|
+
--light-blue-180:#071b32;
|
|
13402
|
+
--light-blue-05:#f4f9ff;
|
|
13403
|
+
--light-blue-02:#fbfdff;
|
|
13404
|
+
--green-light-10:#e9f8f2;
|
|
13405
|
+
--green-light-20:#d4f3e6;
|
|
13406
|
+
--green-light-50:#92e0c0;
|
|
13407
|
+
--green-light-100:#26c281;
|
|
13408
|
+
--green-light-110:#22af74;
|
|
12896
13409
|
--green-light-120:#1e9b67;
|
|
12897
13410
|
--green-light-150:#136140;
|
|
12898
13411
|
--green-light-160:#0f4e34;
|
|
@@ -14648,316 +15161,142 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
14648
15161
|
--bp-text-text-on-light:var(--bp-gray-100);
|
|
14649
15162
|
--bp-text-text-on-light-disabled:var(--bp-gray-30);
|
|
14650
15163
|
--bp-text-text-on-light-secondary:var(--bp-gray-65);
|
|
14651
|
-
--bp-text-text-on-light-secondary-hover:var(--bp-gray-80);
|
|
14652
|
-
--bp-text-text-on-light-tertiary:var(--bp-gray-50);
|
|
14653
|
-
--bp-text-text-success-on-color:var(--bp-green-light-160);
|
|
14654
|
-
--bp-text-text-warning-on-color:var(--bp-yellorange-160);
|
|
14655
|
-
--z-index-sidepanel:360;
|
|
14656
|
-
--z-index-modal:370;
|
|
14657
|
-
--z-index-popover:380;
|
|
14658
|
-
--z-index-notification:2147483647;
|
|
14659
|
-
--z-index-card-tooltip:2147483647;
|
|
14660
|
-
}
|
|
14661
|
-
.bp_toolbar_module_dropdownIndicator--5aae4.bp_toolbar_module_invertCaret--5aae4{
|
|
14662
|
-
transform:rotate(.5turn);
|
|
14663
|
-
}
|
|
14664
|
-
|
|
14665
|
-
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=false]{
|
|
14666
|
-
--toolbar-root-gap:var(--space-1);
|
|
14667
|
-
--toolbar-root-padding:calc(var(--space-1) - var(--border-1));
|
|
14668
|
-
--toolbar-root-background:var(--surface-surface);
|
|
14669
|
-
--toolbar-root-border:var(--border-1) solid var(--border-card-border);
|
|
14670
|
-
--toolbar-root-border-radius:var(--radius-4);
|
|
14671
|
-
--toolbar-root-box-shadow:var(--dropshadow-3);
|
|
14672
|
-
--toolbar-scroll-button-gap:var(--space-1);
|
|
14673
|
-
--toolbar-scrollable-children-gap:var(--space-1);
|
|
14674
|
-
--toolbar-scrollable-children-padding:calc(var(--space-1) - var(--border-1));
|
|
14675
|
-
--toolbar-scrollable-children-scroll-padding:calc(var(--space-1) - var(--border-1));
|
|
14676
|
-
--toolbar-separator-height:var(--size-6);
|
|
14677
|
-
--toolbar-separator-background:var(--border-divider-border);
|
|
14678
|
-
--toolbar-separator-border-radius:var(--radius-2);
|
|
14679
|
-
}
|
|
14680
|
-
|
|
14681
|
-
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=true]{
|
|
14682
|
-
--box-shadow:0 4px 12px 0 #0000001a;
|
|
14683
|
-
--toolbar-root-gap:var(--bp-space-010);
|
|
14684
|
-
--toolbar-root-padding:var(--bp-space-010);
|
|
14685
|
-
--toolbar-root-background:var(--bp-surface-toolbar-surface);
|
|
14686
|
-
--toolbar-root-border:var(--bp-border-01) solid var(--bp-border-toolbar-border);
|
|
14687
|
-
--toolbar-root-border-radius:var(--bp-radius-10);
|
|
14688
|
-
--toolbar-root-box-shadow:var(--box-shadow);
|
|
14689
|
-
--toolbar-scroll-button-gap:var(--bp-space-010);
|
|
14690
|
-
--toolbar-scrollable-children-gap:var(--bp-space-010);
|
|
14691
|
-
--toolbar-scrollable-children-padding:var(--bp-space-010);
|
|
14692
|
-
--toolbar-scrollable-children-scroll-padding:var(--bp-space-010);
|
|
14693
|
-
--toolbar-separator-height:var(--bp-size-060);
|
|
14694
|
-
--toolbar-separator-background:var(--bp-border-divider-border);
|
|
14695
|
-
--toolbar-separator-border-radius:var(--bp-radius-03);
|
|
14696
|
-
--toolbar-toggle-group-gap:var(--bp-space-010);
|
|
14697
|
-
}
|
|
14698
|
-
.bp_toolbar_module_toolbarRoot--5aae4[data-modern=true].bp_toolbar_module_ScrollableToolbarWithReducedPadding--5aae4{
|
|
14699
|
-
--toolbar-root-padding:0;
|
|
14700
|
-
}
|
|
14701
|
-
|
|
14702
|
-
.bp_toolbar_module_toolbarItem--5aae4[data-modern=false]{
|
|
14703
|
-
--toolbar-item-min-width:var(--size-8);
|
|
14704
|
-
--toolbar-item-min-height:var(--size-8);
|
|
14705
|
-
--toolbar-item-text-indent:var(--space-1);
|
|
14706
|
-
--toolbar-item-background:var(--surface-toggle-surface);
|
|
14707
|
-
--toolbar-item-border:var(--border-1) solid #0000;
|
|
14708
|
-
--toolbar-item-border-radius:var(--radius-2);
|
|
14709
|
-
--toolbar-item-padding-inline:calc(var(--space-1) - var(--border-1));
|
|
14710
|
-
--toolbar-item-off-hover-background:var(--surface-toggle-surface-hover);
|
|
14711
|
-
--toolbar-item-off-hover-border:var(--border-1) solid var(--surface-toggle-surface-hover);
|
|
14712
|
-
--toolbar-item-focus-outline:var(--outline-focus-on-light);
|
|
14713
|
-
--toolbar-item-disabled-opacity:.3;
|
|
14714
|
-
--toolbar-toggle-on-pressed-border:none;
|
|
14715
|
-
--toolbar-toggle-on-pressed-background:var(--surface-toggle-surface-pressed);
|
|
14716
|
-
--toolbar-toggle-icon-fill:var(--icon-icon-on-dark);
|
|
14717
|
-
--toolbar-toggle-on-hover-background:var(--surface-toggle-surface-on-hover);
|
|
14718
|
-
--toolbar-toggle-on-hover-border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
|
|
14719
|
-
--toolbar-icon-width:var(--size-5);
|
|
14720
|
-
--toolbar-icon-height:var(--size-5);
|
|
14721
|
-
--toolbar-item-text-color:var(--text-text-on-light);
|
|
14722
|
-
--toolbar-text-toggle-color:var(--text-text-on-light);
|
|
14723
|
-
--toolbar-text-toggle-off-border:var(--border-1) solid var(--border-toggletext-border-off);
|
|
14724
|
-
--toolbar-text-toggle-padding-inline:var(--space-2);
|
|
14725
|
-
--toolbar-text-toggle-hover-background:var(--surface-toggle-surface-off-hover);
|
|
14726
|
-
--toolbar-text-toggle-hover-border-color:var(--border-toggletext-border-off-hover);
|
|
14727
|
-
--toolbar-text-toggle-active-background:var(--surface-toggle-surface-off-pressed);
|
|
14728
|
-
--toolbar-text-toggle-active-border-color:var(--border-toggletext-border-off-pressed);
|
|
14729
|
-
--toolbar-text-toggle-checked-color:var(--text-toggletext-text);
|
|
14730
|
-
--toolbar-text-toggle-checked-background:var(--surface-toggletext-surface-on);
|
|
14731
|
-
--toolbar-text-toggle-checked-border:var(--border-1) solid var(--border-toggletext-border-on);
|
|
14732
|
-
--toolbar-text-toggle-checked-hover-background:var(--surface-toggletext-surface-on-hover);
|
|
14733
|
-
--toolbar-text-toggle-checked-hover-border-color:var(--border-toggletext-border-on-hover);
|
|
14734
|
-
--toolbar-text-toggle-checked-active-background:var(--surface-toggletext-surface-on-pressed);
|
|
14735
|
-
--toolbar-text-toggle-checked-active-border-color:var(--border-toggletext-border-on-pressed);
|
|
14736
|
-
--trigger-button-hover-opacity:.7;
|
|
14737
|
-
}
|
|
14738
|
-
.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarButton--5aae4,.bp_toolbar_module_toolbarItem--5aae4[data-modern=false].bp_toolbar_module_toolbarTextToggleItem--5aae4{
|
|
14739
|
-
font-family:var(--body-default-font-family);
|
|
14740
|
-
font-size:var(--body-default-font-size);
|
|
14741
|
-
font-weight:var(--body-default-font-weight);
|
|
14742
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
14743
|
-
line-height:var(--body-default-line-height);
|
|
14744
|
-
text-decoration:var(--body-default-text-decoration);
|
|
14745
|
-
text-transform:var(--body-default-text-case);
|
|
15164
|
+
--bp-text-text-on-light-secondary-hover:var(--bp-gray-80);
|
|
15165
|
+
--bp-text-text-on-light-tertiary:var(--bp-gray-50);
|
|
15166
|
+
--bp-text-text-success-on-color:var(--bp-green-light-160);
|
|
15167
|
+
--bp-text-text-warning-on-color:var(--bp-yellorange-160);
|
|
15168
|
+
--z-index-sidepanel:360;
|
|
15169
|
+
--z-index-modal:370;
|
|
15170
|
+
--z-index-popover:380;
|
|
15171
|
+
--z-index-notification:2147483647;
|
|
15172
|
+
--z-index-card-tooltip:2147483647;
|
|
14746
15173
|
}
|
|
14747
15174
|
|
|
14748
|
-
.
|
|
14749
|
-
|
|
14750
|
-
--
|
|
14751
|
-
|
|
14752
|
-
--toolbar-item-background:var(--bp-surface-toggle-surface);
|
|
14753
|
-
--toolbar-item-border:var(--bp-border-01) solid #0000;
|
|
14754
|
-
--toolbar-item-border-radius:var(--bp-radius-10);
|
|
14755
|
-
--toolbar-item-padding-inline:calc(var(--bp-space-010) - var(--bp-border-01));
|
|
14756
|
-
--toolbar-item-off-hover-background:var(--bp-surface-toggle-surface-hover);
|
|
14757
|
-
--toolbar-item-off-hover-border:var(--bp-border-01) solid var(--bp-surface-toggle-surface-hover);
|
|
14758
|
-
--toolbar-item-focus-outline:var(--bp-outline-focus-on-light);
|
|
14759
|
-
--toolbar-item-disabled-opacity:.3;
|
|
14760
|
-
--toolbar-toggle-on-pressed-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
14761
|
-
--toolbar-toggle-on-pressed-background:var(--bp-surface-toggle-surface-on);
|
|
14762
|
-
--toolbar-toggle-icon-fill:var(--bp-icon-icon-blue);
|
|
14763
|
-
--toolbar-toggle-on-hover-background:var(--bp-surface-toggle-surface-on-hover);
|
|
14764
|
-
--toolbar-toggle-on-hover-border:var(--bp-border-01) solid var(--bp-border-toggle-border-on);
|
|
14765
|
-
--toolbar-icon-width:var(--bp-size-050);
|
|
14766
|
-
--toolbar-icon-height:var(--bp-size-050);
|
|
14767
|
-
--toolbar-item-text-color:var(--bp-text-text-on-light);
|
|
14768
|
-
--toolbar-text-toggle-color:var(--bp-text-text-on-light);
|
|
14769
|
-
--toolbar-text-toggle-off-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-off);
|
|
14770
|
-
--toolbar-text-toggle-padding-inline:var(--bp-space-020);
|
|
14771
|
-
--toolbar-text-toggle-hover-background:var(--bp-surface-toggle-surface-off-hover);
|
|
14772
|
-
--toolbar-text-toggle-hover-border-color:var(--bp-border-toggle-text-border-off-hover);
|
|
14773
|
-
--toolbar-text-toggle-active-background:var(--bp-surface-toggle-text-surface-off-pressed);
|
|
14774
|
-
--toolbar-text-toggle-active-border-color:var(--bp-border-toggle-text-border-off-pressed);
|
|
14775
|
-
--toolbar-text-toggle-checked-color:var(--bp-text-toggle-text-text);
|
|
14776
|
-
--toolbar-text-toggle-checked-background:var(--bp-surface-toggle-text-surface-on);
|
|
14777
|
-
--toolbar-text-toggle-checked-border:var(--bp-border-01) solid var(--bp-border-toggle-text-border-on);
|
|
14778
|
-
--toolbar-text-toggle-checked-hover-background:var(--bp-surface-toggle-text-surface-on-hover);
|
|
14779
|
-
--toolbar-text-toggle-checked-hover-border-color:var(--bp-border-toggle-text-border-on-hover);
|
|
14780
|
-
--toolbar-text-toggle-checked-active-background:var(--bp-surface-toggle-text-surface-on-pressed);
|
|
14781
|
-
--toolbar-text-toggle-checked-active-border-color:var(--bp-border-toggle-text-border-on-pressed);
|
|
14782
|
-
--trigger-button-hover-opacity:.65;
|
|
14783
|
-
--trigger-button-active-opacity:.8;
|
|
14784
|
-
}
|
|
14785
|
-
.bp_toolbar_module_toolbarItem--5aae4[data-modern=true]:active,.bp_toolbar_module_toolbarItem--5aae4[data-modern=true][data-active]{
|
|
14786
|
-
background:var(--bp-surface-toggle-surface-off-pressed);
|
|
14787
|
-
border:var(--bp-border-01) solid var(--bp-border-toggle-border-off);
|
|
15175
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4{
|
|
15176
|
+
box-sizing:border-box;
|
|
15177
|
+
color:var(--bp-text-text-on-light, var(--text-text-on-light));
|
|
15178
|
+
min-width:0;
|
|
14788
15179
|
}
|
|
14789
|
-
.
|
|
14790
|
-
background:var(--bp-surface-
|
|
14791
|
-
border:var(--bp-border-01) solid var(--bp-border-
|
|
15180
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4{
|
|
15181
|
+
--trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
|
|
15182
|
+
--trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
15183
|
+
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
|
|
15184
|
+
--trigger-button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
15185
|
+
--trigger-button-focus-or-hover-border-xsmall:none;
|
|
15186
|
+
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
15187
|
+
--trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
15188
|
+
background:var(--trigger-button-background);
|
|
15189
|
+
border:var(--trigger-button-border);
|
|
14792
15190
|
}
|
|
14793
|
-
.
|
|
14794
|
-
|
|
15191
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled)[data-focus-visible]{
|
|
15192
|
+
background:var(--trigger-button-focus-or-hover-background);
|
|
15193
|
+
border:var(--trigger-button-focus-or-hover-border);
|
|
14795
15194
|
}
|
|
14796
|
-
.
|
|
14797
|
-
background
|
|
14798
|
-
|
|
15195
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_secondary--043a4:not(:disabled):active{
|
|
15196
|
+
background:var(--trigger-button-active-background);
|
|
15197
|
+
border:var(--trigger-button-active-border);
|
|
14799
15198
|
}
|
|
14800
|
-
.
|
|
14801
|
-
background
|
|
14802
|
-
border
|
|
14803
|
-
|
|
15199
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4{
|
|
15200
|
+
--trigger-button-background:var(--bp-surface-cta-surface-tertiary);
|
|
15201
|
+
--trigger-button-border:var(--bp-border-01) solid #0000;
|
|
15202
|
+
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
|
|
15203
|
+
--trigger-button-focus-or-hover-border-xsmall:var(--trigger-button-border);
|
|
15204
|
+
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
15205
|
+
background:var(--trigger-button-background);
|
|
15206
|
+
border:var(--trigger-button-border);
|
|
14804
15207
|
}
|
|
14805
|
-
.
|
|
14806
|
-
|
|
14807
|
-
font-size:var(--bp-font-size-07);
|
|
14808
|
-
font-style:normal;
|
|
14809
|
-
font-weight:var(--bp-font-weight-regular);
|
|
14810
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
14811
|
-
line-height:var(--bp-font-line-height-05);
|
|
15208
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled)[data-focus-visible]{
|
|
15209
|
+
background:var(--trigger-button-focus-or-hover-background);
|
|
14812
15210
|
}
|
|
14813
|
-
|
|
14814
|
-
|
|
14815
|
-
--toolbar-toggle-group-gap:var(--space-1);
|
|
15211
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_tertiary--043a4:not(:disabled):active{
|
|
15212
|
+
background:var(--trigger-button-active-background);
|
|
14816
15213
|
}
|
|
14817
|
-
|
|
14818
|
-
|
|
14819
|
-
--
|
|
15214
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4{
|
|
15215
|
+
--button-xsmall-gap:var(--bp-space-010);
|
|
15216
|
+
--button-xsmall-height:var(--bp-size-060);
|
|
15217
|
+
--trigger-button-xsmall-inline-padding:var(--bp-space-020);
|
|
15218
|
+
--button-xsmall-padding:var(--bp-space-010) var(--trigger-button-xsmall-inline-padding);
|
|
15219
|
+
--trigger-button-start-icon-padding-xsmall:var(--trigger-button-xsmall-inline-padding);
|
|
15220
|
+
border:var(--trigger-button-focus-or-hover-border-xsmall);
|
|
15221
|
+
gap:var(--button-xsmall-gap);
|
|
15222
|
+
min-height:var(--button-xsmall-height);
|
|
15223
|
+
padding:var(--button-xsmall-padding);
|
|
14820
15224
|
}
|
|
14821
|
-
|
|
14822
|
-
|
|
14823
|
-
align-items:center;
|
|
14824
|
-
background:var(--toolbar-root-background);
|
|
14825
|
-
border:var(--toolbar-root-border);
|
|
14826
|
-
border-radius:var(--toolbar-root-border-radius);
|
|
14827
|
-
box-shadow:var(--toolbar-root-box-shadow);
|
|
14828
|
-
display:flex;
|
|
14829
|
-
gap:var(--toolbar-root-gap);
|
|
14830
|
-
padding:var(--toolbar-root-padding);
|
|
15225
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled):active,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled):hover,.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4:not(:disabled)[data-focus-visible]{
|
|
15226
|
+
border:var(--trigger-button-focus-or-hover-border-xsmall);
|
|
14831
15227
|
}
|
|
14832
|
-
|
|
14833
|
-
.
|
|
14834
|
-
align-items:center;
|
|
14835
|
-
display:flex;
|
|
14836
|
-
gap:var(--toolbar-scroll-button-gap);
|
|
15228
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4.bp_inline_trigger_button_module_startIcon--043a4{
|
|
15229
|
+
padding-left:var(--trigger-button-start-icon-padding-xsmall, .625rem);
|
|
14837
15230
|
}
|
|
14838
|
-
.
|
|
14839
|
-
|
|
15231
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4{
|
|
15232
|
+
align-items:flex-start;
|
|
15233
|
+
display:inline-flex;
|
|
15234
|
+
justify-content:flex-start;
|
|
15235
|
+
max-width:100%;
|
|
15236
|
+
min-width:0;
|
|
15237
|
+
white-space:normal;
|
|
15238
|
+
width:min(100%, max-content);
|
|
14840
15239
|
}
|
|
14841
15240
|
|
|
14842
|
-
.
|
|
14843
|
-
-
|
|
14844
|
-
|
|
14845
|
-
}
|
|
14846
|
-
.bp_toolbar_module_scrollableChildrenWrapper--5aae4::-webkit-scrollbar{
|
|
14847
|
-
display:none;
|
|
14848
|
-
}
|
|
14849
|
-
.bp_toolbar_module_scrollableChildrenWrapper--5aae4{
|
|
14850
|
-
align-items:center;
|
|
14851
|
-
display:flex;
|
|
14852
|
-
flex-grow:1;
|
|
14853
|
-
gap:var(--toolbar-scrollable-children-gap);
|
|
14854
|
-
overflow-x:auto;
|
|
14855
|
-
padding:var(--toolbar-scrollable-children-padding);
|
|
14856
|
-
scroll-behavior:smooth;
|
|
14857
|
-
scroll-padding:var(--toolbar-scrollable-children-scroll-padding);
|
|
14858
|
-
white-space:nowrap;
|
|
14859
|
-
}
|
|
14860
|
-
.bp_toolbar_module_scrollableChildrenWrapper--5aae4 > *{
|
|
14861
|
-
flex:none;
|
|
15241
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4.bp_inline_trigger_button_module_extraSmall--043a4{
|
|
15242
|
+
min-height:var(--button-xsmall-height);
|
|
15243
|
+
padding:var(--bp-space-010) var(--bp-space-020);
|
|
14862
15244
|
}
|
|
14863
15245
|
|
|
14864
|
-
.
|
|
14865
|
-
|
|
14866
|
-
border-radius:var(--toolbar-separator-border-radius);
|
|
14867
|
-
height:var(--toolbar-separator-height);
|
|
14868
|
-
width:1px;
|
|
15246
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_row--043a4.bp_inline_trigger_button_module_extraSmall--043a4.bp_inline_trigger_button_module_startIcon--043a4{
|
|
15247
|
+
padding-left:var(--trigger-button-start-icon-padding-xsmall, var(--bp-space-020));
|
|
14869
15248
|
}
|
|
14870
15249
|
|
|
14871
|
-
.
|
|
14872
|
-
|
|
14873
|
-
|
|
15250
|
+
.bp_inline_trigger_button_module_contentSlot--043a4{
|
|
15251
|
+
flex:1 1 auto;
|
|
15252
|
+
max-width:100%;
|
|
15253
|
+
min-width:0;
|
|
15254
|
+
width:100%;
|
|
14874
15255
|
}
|
|
14875
15256
|
|
|
14876
|
-
.
|
|
15257
|
+
.bp_inline_trigger_button_module_content--043a4{
|
|
15258
|
+
align-content:flex-start;
|
|
14877
15259
|
align-items:center;
|
|
14878
|
-
|
|
14879
|
-
border:var(--toolbar-item-border);
|
|
14880
|
-
border-radius:var(--toolbar-item-border-radius);
|
|
14881
|
-
color:var(--toolbar-item-text-color);
|
|
14882
|
-
cursor:pointer;
|
|
15260
|
+
box-sizing:border-box;
|
|
14883
15261
|
display:flex;
|
|
14884
|
-
|
|
14885
|
-
|
|
14886
|
-
|
|
14887
|
-
min-width:
|
|
14888
|
-
|
|
14889
|
-
|
|
14890
|
-
|
|
14891
|
-
-webkit-user-select:none;
|
|
14892
|
-
user-select:none;
|
|
14893
|
-
}
|
|
14894
|
-
.bp_toolbar_module_toolbarItem--5aae4[data-disabled]{
|
|
14895
|
-
background:var(--toolbar-item-background);
|
|
14896
|
-
opacity:var(--toolbar-item-disabled-opacity);
|
|
14897
|
-
pointer-events:none;
|
|
14898
|
-
}
|
|
14899
|
-
.bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):focus-visible{
|
|
14900
|
-
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--toolbar-item-focus-outline);
|
|
14901
|
-
}
|
|
14902
|
-
.bp_toolbar_module_toolbarItem--5aae4:not([data-disabled]):hover{
|
|
14903
|
-
background:var(--toolbar-button-color, var(--toolbar-item-off-hover-background));
|
|
14904
|
-
border:var(--toolbar-item-off-hover-border);
|
|
14905
|
-
}
|
|
14906
|
-
|
|
14907
|
-
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on]{
|
|
14908
|
-
background:var(--toolbar-toggle-on-pressed-background);
|
|
14909
|
-
border:var(--toolbar-toggle-on-pressed-border);
|
|
14910
|
-
}
|
|
14911
|
-
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on] svg *{
|
|
14912
|
-
fill:var(--toolbar-toggle-icon-fill);
|
|
14913
|
-
}
|
|
14914
|
-
.bp_toolbar_module_toolbarToggle--5aae4[data-state=on]:not([data-disabled]):hover{
|
|
14915
|
-
background:var(--toolbar-toggle-on-hover-background);
|
|
14916
|
-
border:var(--toolbar-toggle-on-hover-border);
|
|
15262
|
+
flex-wrap:wrap;
|
|
15263
|
+
gap:var(--bp-space-010);
|
|
15264
|
+
max-width:100%;
|
|
15265
|
+
min-width:0;
|
|
15266
|
+
overflow-wrap:break-word;
|
|
15267
|
+
text-align:start;
|
|
15268
|
+
width:100%;
|
|
14917
15269
|
}
|
|
14918
15270
|
|
|
14919
|
-
.
|
|
14920
|
-
|
|
14921
|
-
|
|
14922
|
-
|
|
14923
|
-
|
|
14924
|
-
|
|
14925
|
-
|
|
15271
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_extraSmall--043a4 .bp_inline_trigger_button_module_content--043a4{
|
|
15272
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
15273
|
+
font-size:var(--bp-font-size-05);
|
|
15274
|
+
font-style:normal;
|
|
15275
|
+
font-weight:var(--bp-font-weight-regular);
|
|
15276
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
15277
|
+
line-height:var(--bp-font-line-height-04);
|
|
14926
15278
|
}
|
|
14927
15279
|
|
|
14928
|
-
.
|
|
15280
|
+
.bp_inline_trigger_button_module_caretCorner--043a4{
|
|
14929
15281
|
align-items:center;
|
|
15282
|
+
align-self:flex-start;
|
|
14930
15283
|
display:flex;
|
|
14931
|
-
|
|
14932
|
-
|
|
14933
|
-
|
|
15284
|
+
flex-shrink:0;
|
|
15285
|
+
font-weight:var(--bp-font-weight-regular);
|
|
15286
|
+
margin-left:auto;
|
|
15287
|
+
min-height:var(--bp-font-line-height-04);
|
|
15288
|
+
opacity:0;
|
|
15289
|
+
transition:opacity var(--bp-duration-short, .12s) var(--bp-curve-small-off, ease-out);
|
|
14934
15290
|
}
|
|
14935
15291
|
|
|
14936
|
-
.
|
|
14937
|
-
|
|
14938
|
-
|
|
14939
|
-
padding-inline:var(--toolbar-text-toggle-padding-inline);
|
|
14940
|
-
text-indent:unset;
|
|
14941
|
-
white-space:nowrap;
|
|
14942
|
-
}
|
|
14943
|
-
.bp_toolbar_module_toolbarTextToggleItem--5aae4:hover{
|
|
14944
|
-
background:var(--toolbar-text-toggle-hover-background);
|
|
14945
|
-
border-color:var(--toolbar-text-toggle-hover-border-color);
|
|
14946
|
-
}
|
|
14947
|
-
.bp_toolbar_module_toolbarTextToggleItem--5aae4:active{
|
|
14948
|
-
background:var(--toolbar-text-toggle-active-background);
|
|
14949
|
-
border-color:var(--toolbar-text-toggle-active-border-color);
|
|
14950
|
-
}
|
|
14951
|
-
.bp_toolbar_module_toolbarTextToggleItem--5aae4[aria-checked=true]{
|
|
14952
|
-
background:var(--toolbar-text-toggle-checked-background);
|
|
14953
|
-
border:var(--toolbar-text-toggle-checked-border);
|
|
14954
|
-
color:var(--toolbar-text-toggle-checked-color);
|
|
15292
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4 .bp_inline_trigger_button_module_startIcon--043a4{
|
|
15293
|
+
align-self:center;
|
|
15294
|
+
font-weight:var(--bp-font-weight-regular);
|
|
14955
15295
|
}
|
|
14956
|
-
|
|
14957
|
-
|
|
14958
|
-
|
|
15296
|
+
|
|
15297
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4.bp_inline_trigger_button_module_endIconAlwaysVisible--043a4 .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled):hover .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-focus-visible] .bp_inline_trigger_button_module_caretCorner--043a4{
|
|
15298
|
+
opacity:1;
|
|
14959
15299
|
}
|
|
14960
|
-
.
|
|
14961
|
-
|
|
14962
|
-
border-color:var(--toolbar-text-toggle-checked-active-border-color);
|
|
15300
|
+
.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true] .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true]:hover .bp_inline_trigger_button_module_caretCorner--043a4,.bp_inline_trigger_button_module_inlineTriggerButton--043a4:not(:disabled)[data-inline-trigger-loading=true][data-focus-visible] .bp_inline_trigger_button_module_caretCorner--043a4{
|
|
15301
|
+
opacity:0;
|
|
14963
15302
|
}
|