@box/blueprint-web 12.97.0 → 12.98.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.
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { forwardRef } from 'react';
|
|
2
|
+
import { forwardRef, useCallback } from 'react';
|
|
3
3
|
import { FolderTree, PointerRight } from '@box/blueprint-web-assets/icons/Fill';
|
|
4
4
|
import { Ellipsis } from '@box/blueprint-web-assets/icons/Medium';
|
|
5
5
|
import { Home } from '@box/blueprint-web-assets/icons/MediumFilled';
|
|
6
6
|
import noop from 'lodash/noop';
|
|
7
|
+
import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
|
|
7
8
|
import { IconButton } from '../primitives/icon-button/icon-button.js';
|
|
9
|
+
import { Text } from '../text/text.js';
|
|
8
10
|
import { PageLink } from './page-link.js';
|
|
9
11
|
import styles from './breadcrumb.module.js';
|
|
10
12
|
|
|
@@ -20,6 +22,9 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
20
22
|
onPageLinkClick = noop,
|
|
21
23
|
...rest
|
|
22
24
|
} = props;
|
|
25
|
+
const handlePageLinkClick = useCallback(crumbId => () => {
|
|
26
|
+
onPageLinkClick(crumbId);
|
|
27
|
+
}, [onPageLinkClick]);
|
|
23
28
|
// If there are more than 7 crumbs, break up crumbs into first link, ellipsis icon button, and current page ancestor
|
|
24
29
|
const shouldTruncateCrumbs = crumbs?.length > 7;
|
|
25
30
|
const shouldUseEllipsisTruncation = truncationMethod === 'ellipsis' && shouldTruncateCrumbs && crumbs;
|
|
@@ -49,11 +54,26 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
49
54
|
onPageLinkClick: onPageLinkClick
|
|
50
55
|
}), jsxs("li", {
|
|
51
56
|
className: styles.pageLink,
|
|
52
|
-
children: [
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
+
children: [jsxs(DropdownMenu.Root, {
|
|
58
|
+
children: [jsx(DropdownMenu.Trigger, {
|
|
59
|
+
children: jsx(IconButton, {
|
|
60
|
+
"aria-label": truncatedLinksIconAriaLabel,
|
|
61
|
+
className: styles.iconButtonInline,
|
|
62
|
+
icon: Ellipsis,
|
|
63
|
+
size: "small"
|
|
64
|
+
})
|
|
65
|
+
}), jsx(DropdownMenu.Content, {
|
|
66
|
+
align: "start",
|
|
67
|
+
children: crumbs.slice(1, crumbs.length - 2).map(crumb => {
|
|
68
|
+
return jsx(DropdownMenu.Item, {
|
|
69
|
+
onSelect: handlePageLinkClick(crumb.id),
|
|
70
|
+
children: jsx(Text, {
|
|
71
|
+
as: "span",
|
|
72
|
+
children: crumb.name
|
|
73
|
+
})
|
|
74
|
+
}, crumb.id);
|
|
75
|
+
})
|
|
76
|
+
})]
|
|
57
77
|
}), jsx(PointerRight, {
|
|
58
78
|
className: styles.separator,
|
|
59
79
|
role: "presentation"
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -575,33 +575,37 @@
|
|
|
575
575
|
color:#0000;
|
|
576
576
|
opacity:0;
|
|
577
577
|
}
|
|
578
|
-
.bp_text_module_textReset--
|
|
578
|
+
.bp_text_module_textReset--d93f2{
|
|
579
579
|
margin:0;
|
|
580
580
|
text-align:inherit;
|
|
581
581
|
}
|
|
582
|
-
.bp_text_module_textReset--
|
|
582
|
+
.bp_text_module_textReset--d93f2.bp_text_module_breakWord--d93f2{
|
|
583
583
|
overflow-wrap:break-word;
|
|
584
584
|
}
|
|
585
|
-
.bp_text_module_textReset--
|
|
585
|
+
.bp_text_module_textReset--d93f2.bp_text_module_textOnLightDefault--d93f2{
|
|
586
586
|
color:var(--text-color-on-light-default);
|
|
587
587
|
}
|
|
588
|
-
.bp_text_module_textReset--
|
|
588
|
+
.bp_text_module_textReset--d93f2.bp_text_module_textOnLightSecondary--d93f2{
|
|
589
589
|
color:var(--text-color-on-light-secondary);
|
|
590
590
|
}
|
|
591
|
-
.bp_text_module_textReset--
|
|
591
|
+
.bp_text_module_textReset--d93f2.bp_text_module_textOnLightLink--d93f2{
|
|
592
592
|
color:var(--text-color-on-light-link);
|
|
593
593
|
}
|
|
594
|
-
.bp_text_module_textReset--
|
|
594
|
+
.bp_text_module_textReset--d93f2.bp_text_module_textOnLightError--d93f2{
|
|
595
|
+
color:var(--text-color-on-light-error);
|
|
596
|
+
}
|
|
597
|
+
.bp_text_module_textReset--d93f2.bp_text_module_textOnDarkDefault--d93f2{
|
|
595
598
|
color:var(--text-color-on-dark-default);
|
|
596
599
|
}
|
|
597
600
|
|
|
598
|
-
.bp_text_module_textReset--
|
|
601
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]){
|
|
599
602
|
--text-color-on-light-default:var(--text-text-on-light);
|
|
600
603
|
--text-color-on-light-secondary:var(--text-text-on-light-secondary);
|
|
601
604
|
--text-color-on-light-link:var(--text-cta-link);
|
|
605
|
+
--text-color-on-light-error:var(--text-text-error-on-light);
|
|
602
606
|
--text-color-on-dark-default:var(--text-text-on-dark);
|
|
603
607
|
}
|
|
604
|
-
.bp_text_module_textReset--
|
|
608
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_titleMondo--d93f2{
|
|
605
609
|
font-family:var(--title-mondo-font-family);
|
|
606
610
|
font-size:var(--title-mondo-font-size);
|
|
607
611
|
font-weight:var(--title-mondo-font-weight);
|
|
@@ -611,7 +615,7 @@
|
|
|
611
615
|
text-decoration:var(--title-mondo-text-decoration);
|
|
612
616
|
text-transform:var(--title-mondo-text-case);
|
|
613
617
|
}
|
|
614
|
-
.bp_text_module_textReset--
|
|
618
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_titleXLarge--d93f2{
|
|
615
619
|
font-family:var(--title-x-large-font-family);
|
|
616
620
|
font-size:var(--title-x-large-font-size);
|
|
617
621
|
font-weight:var(--title-x-large-font-weight);
|
|
@@ -621,7 +625,7 @@
|
|
|
621
625
|
text-decoration:var(--title-x-large-text-decoration);
|
|
622
626
|
text-transform:var(--title-x-large-text-case);
|
|
623
627
|
}
|
|
624
|
-
.bp_text_module_textReset--
|
|
628
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_titleLarge--d93f2{
|
|
625
629
|
font-family:var(--title-large-font-family);
|
|
626
630
|
font-size:var(--title-large-font-size);
|
|
627
631
|
font-weight:var(--title-large-font-weight);
|
|
@@ -631,7 +635,7 @@
|
|
|
631
635
|
text-decoration:var(--title-large-text-decoration);
|
|
632
636
|
text-transform:var(--title-large-text-case);
|
|
633
637
|
}
|
|
634
|
-
.bp_text_module_textReset--
|
|
638
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_titleMedium--d93f2{
|
|
635
639
|
font-family:var(--title-medium-font-family);
|
|
636
640
|
font-size:var(--title-medium-font-size);
|
|
637
641
|
font-weight:var(--title-medium-font-weight);
|
|
@@ -641,7 +645,7 @@
|
|
|
641
645
|
text-decoration:var(--title-medium-text-decoration);
|
|
642
646
|
text-transform:var(--title-medium-text-case);
|
|
643
647
|
}
|
|
644
|
-
.bp_text_module_textReset--
|
|
648
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_titleSmall--d93f2{
|
|
645
649
|
font-family:var(--title-small-font-family);
|
|
646
650
|
font-size:var(--title-small-font-size);
|
|
647
651
|
font-weight:var(--title-small-font-weight);
|
|
@@ -651,7 +655,7 @@
|
|
|
651
655
|
text-decoration:var(--title-small-text-decoration);
|
|
652
656
|
text-transform:var(--title-small-text-case);
|
|
653
657
|
}
|
|
654
|
-
.bp_text_module_textReset--
|
|
658
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_subtitle--d93f2{
|
|
655
659
|
font-family:var(--title-subtitle-font-family);
|
|
656
660
|
font-size:var(--title-subtitle-font-size);
|
|
657
661
|
font-weight:var(--title-subtitle-font-weight);
|
|
@@ -661,7 +665,7 @@
|
|
|
661
665
|
text-decoration:var(--title-subtitle-text-decoration);
|
|
662
666
|
text-transform:var(--title-subtitle-text-case);
|
|
663
667
|
}
|
|
664
|
-
.bp_text_module_textReset--
|
|
668
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_bodyLargeBold--d93f2{
|
|
665
669
|
font-family:var(--body-large-bold-font-family);
|
|
666
670
|
font-size:var(--body-large-bold-font-size);
|
|
667
671
|
font-weight:var(--body-large-bold-font-weight);
|
|
@@ -671,7 +675,7 @@
|
|
|
671
675
|
text-decoration:var(--body-large-bold-text-decoration);
|
|
672
676
|
text-transform:var(--body-large-bold-text-case);
|
|
673
677
|
}
|
|
674
|
-
.bp_text_module_textReset--
|
|
678
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_bodyLarge--d93f2{
|
|
675
679
|
font-family:var(--body-large-font-family);
|
|
676
680
|
font-size:var(--body-large-font-size);
|
|
677
681
|
font-weight:var(--body-large-font-weight);
|
|
@@ -681,7 +685,7 @@
|
|
|
681
685
|
text-decoration:var(--body-large-text-decoration);
|
|
682
686
|
text-transform:var(--body-large-text-case);
|
|
683
687
|
}
|
|
684
|
-
.bp_text_module_textReset--
|
|
688
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_bodyDefaultBold--d93f2{
|
|
685
689
|
font-family:var(--body-default-bold-font-family);
|
|
686
690
|
font-size:var(--body-default-bold-font-size);
|
|
687
691
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -691,7 +695,7 @@
|
|
|
691
695
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
692
696
|
text-transform:var(--body-default-bold-text-case);
|
|
693
697
|
}
|
|
694
|
-
.bp_text_module_textReset--
|
|
698
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_bodyDefaultSemibold--d93f2{
|
|
695
699
|
font-family:var(--body-default-semibold-font-family);
|
|
696
700
|
font-size:var(--body-default-semibold-font-size);
|
|
697
701
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -701,7 +705,7 @@
|
|
|
701
705
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
702
706
|
text-transform:var(--body-default-semibold-text-case);
|
|
703
707
|
}
|
|
704
|
-
.bp_text_module_textReset--
|
|
708
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_bodyDefault--d93f2{
|
|
705
709
|
font-family:var(--body-default-font-family);
|
|
706
710
|
font-size:var(--body-default-font-size);
|
|
707
711
|
font-weight:var(--body-default-font-weight);
|
|
@@ -711,7 +715,7 @@
|
|
|
711
715
|
text-decoration:var(--body-default-text-decoration);
|
|
712
716
|
text-transform:var(--body-default-text-case);
|
|
713
717
|
}
|
|
714
|
-
.bp_text_module_textReset--
|
|
718
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_caption--d93f2{
|
|
715
719
|
font-family:var(--caption-default-font-family);
|
|
716
720
|
font-size:var(--caption-default-font-size);
|
|
717
721
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -721,7 +725,7 @@
|
|
|
721
725
|
text-decoration:var(--caption-default-text-decoration);
|
|
722
726
|
text-transform:var(--caption-default-text-case);
|
|
723
727
|
}
|
|
724
|
-
.bp_text_module_textReset--
|
|
728
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_labelBold--d93f2{
|
|
725
729
|
font-family:var(--label-bold-font-family);
|
|
726
730
|
font-size:var(--label-bold-font-size);
|
|
727
731
|
font-weight:var(--label-bold-font-weight);
|
|
@@ -731,7 +735,7 @@
|
|
|
731
735
|
text-decoration:var(--label-bold-text-decoration);
|
|
732
736
|
text-transform:var(--label-bold-text-case);
|
|
733
737
|
}
|
|
734
|
-
.bp_text_module_textReset--
|
|
738
|
+
.bp_text_module_textReset--d93f2:where([data-modern=false]).bp_text_module_label--d93f2{
|
|
735
739
|
font-family:var(--label-default-font-family);
|
|
736
740
|
font-size:var(--label-default-font-size);
|
|
737
741
|
font-weight:var(--label-default-font-weight);
|
|
@@ -742,13 +746,14 @@
|
|
|
742
746
|
text-transform:var(--label-default-text-case);
|
|
743
747
|
}
|
|
744
748
|
|
|
745
|
-
.bp_text_module_textReset--
|
|
749
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]){
|
|
746
750
|
--text-color-on-light-default:var(--bp-text-text-on-light);
|
|
747
751
|
--text-color-on-light-secondary:var(--bp-text-text-on-light-secondary);
|
|
748
752
|
--text-color-on-light-link:var(--bp-text-cta-link);
|
|
753
|
+
--text-color-on-light-error:var(--bp-text-text-error-on-light);
|
|
749
754
|
--text-color-on-dark-default:var(--bp-text-text-on-dark);
|
|
750
755
|
}
|
|
751
|
-
.bp_text_module_textReset--
|
|
756
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_titleMondo--d93f2{
|
|
752
757
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
753
758
|
font-size:var(--bp-font-size-11);
|
|
754
759
|
font-style:normal;
|
|
@@ -756,7 +761,7 @@
|
|
|
756
761
|
letter-spacing:normal;
|
|
757
762
|
line-height:var(--bp-font-line-height-07);
|
|
758
763
|
}
|
|
759
|
-
.bp_text_module_textReset--
|
|
764
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_titleXLarge--d93f2{
|
|
760
765
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
761
766
|
font-size:var(--bp-font-size-10);
|
|
762
767
|
font-style:normal;
|
|
@@ -764,7 +769,7 @@
|
|
|
764
769
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
765
770
|
line-height:var(--bp-font-line-height-06);
|
|
766
771
|
}
|
|
767
|
-
.bp_text_module_textReset--
|
|
772
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_titleLarge--d93f2{
|
|
768
773
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
769
774
|
font-size:var(--bp-font-size-09);
|
|
770
775
|
font-style:normal;
|
|
@@ -772,21 +777,21 @@
|
|
|
772
777
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
773
778
|
line-height:var(--bp-font-line-height-05);
|
|
774
779
|
}
|
|
775
|
-
.bp_text_module_textReset--
|
|
780
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_titleMedium--d93f2{
|
|
776
781
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
777
782
|
font-size:var(--bp-font-size-08);
|
|
778
783
|
font-weight:var(--bp-font-weight-bold);
|
|
779
784
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
780
785
|
line-height:var(--bp-font-line-height-05);
|
|
781
786
|
}
|
|
782
|
-
.bp_text_module_textReset--
|
|
787
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_titleSmall--d93f2{
|
|
783
788
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
784
789
|
font-size:var(--bp-font-size-07);
|
|
785
790
|
font-weight:var(--bp-font-weight-bold);
|
|
786
791
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
787
792
|
line-height:var(--bp-font-line-height-04);
|
|
788
793
|
}
|
|
789
|
-
.bp_text_module_textReset--
|
|
794
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_subtitle--d93f2{
|
|
790
795
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
791
796
|
font-size:var(--bp-font-size-06);
|
|
792
797
|
font-style:normal;
|
|
@@ -794,7 +799,7 @@
|
|
|
794
799
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
795
800
|
line-height:var(--bp-font-line-height-04);
|
|
796
801
|
}
|
|
797
|
-
.bp_text_module_textReset--
|
|
802
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodyLargeBold--d93f2{
|
|
798
803
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
799
804
|
font-size:var(--bp-font-size-07);
|
|
800
805
|
font-style:normal;
|
|
@@ -802,7 +807,7 @@
|
|
|
802
807
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
803
808
|
line-height:var(--bp-font-line-height-05);
|
|
804
809
|
}
|
|
805
|
-
.bp_text_module_textReset--
|
|
810
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodyLarge--d93f2{
|
|
806
811
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
807
812
|
font-size:var(--bp-font-size-07);
|
|
808
813
|
font-style:normal;
|
|
@@ -810,7 +815,7 @@
|
|
|
810
815
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
811
816
|
line-height:var(--bp-font-line-height-05);
|
|
812
817
|
}
|
|
813
|
-
.bp_text_module_textReset--
|
|
818
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodyDefaultBold--d93f2{
|
|
814
819
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
815
820
|
font-size:var(--bp-font-size-05);
|
|
816
821
|
font-style:normal;
|
|
@@ -818,7 +823,7 @@
|
|
|
818
823
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
819
824
|
line-height:var(--bp-font-line-height-04);
|
|
820
825
|
}
|
|
821
|
-
.bp_text_module_textReset--
|
|
826
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodyDefaultSemibold--d93f2{
|
|
822
827
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
823
828
|
font-size:var(--bp-font-size-05);
|
|
824
829
|
font-style:normal;
|
|
@@ -826,7 +831,7 @@
|
|
|
826
831
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
827
832
|
line-height:var(--bp-font-line-height-04);
|
|
828
833
|
}
|
|
829
|
-
.bp_text_module_textReset--
|
|
834
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodyDefault--d93f2{
|
|
830
835
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
831
836
|
font-size:var(--bp-font-size-05);
|
|
832
837
|
font-style:normal;
|
|
@@ -834,7 +839,7 @@
|
|
|
834
839
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
835
840
|
line-height:var(--bp-font-line-height-04);
|
|
836
841
|
}
|
|
837
|
-
.bp_text_module_textReset--
|
|
842
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_caption--d93f2{
|
|
838
843
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
839
844
|
font-size:var(--bp-font-size-03);
|
|
840
845
|
font-style:normal;
|
|
@@ -842,7 +847,7 @@
|
|
|
842
847
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
843
848
|
line-height:var(--bp-font-line-height-02);
|
|
844
849
|
}
|
|
845
|
-
.bp_text_module_textReset--
|
|
850
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_labelBold--d93f2{
|
|
846
851
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
847
852
|
font-size:var(--bp-font-size-02);
|
|
848
853
|
font-style:normal;
|
|
@@ -850,7 +855,7 @@
|
|
|
850
855
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
851
856
|
line-height:var(--bp-font-line-height-03);
|
|
852
857
|
}
|
|
853
|
-
.bp_text_module_textReset--
|
|
858
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_label--d93f2{
|
|
854
859
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
855
860
|
font-size:var(--bp-font-size-02);
|
|
856
861
|
font-style:normal;
|
|
@@ -858,7 +863,7 @@
|
|
|
858
863
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
859
864
|
line-height:var(--bp-font-line-height-03);
|
|
860
865
|
}
|
|
861
|
-
.bp_text_module_textReset--
|
|
866
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodySmallSemibold--d93f2{
|
|
862
867
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
863
868
|
font-size:var(--bp-font-size-04);
|
|
864
869
|
font-style:normal;
|
|
@@ -866,7 +871,7 @@
|
|
|
866
871
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
867
872
|
line-height:var(--bp-font-line-height-04);
|
|
868
873
|
}
|
|
869
|
-
.bp_text_module_textReset--
|
|
874
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_bodySmall--d93f2{
|
|
870
875
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
871
876
|
font-size:var(--bp-font-size-04);
|
|
872
877
|
font-style:normal;
|
|
@@ -874,7 +879,7 @@
|
|
|
874
879
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
875
880
|
line-height:var(--bp-font-line-height-04);
|
|
876
881
|
}
|
|
877
|
-
.bp_text_module_textReset--
|
|
882
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_captionBold--d93f2{
|
|
878
883
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
879
884
|
font-size:var(--bp-font-size-03);
|
|
880
885
|
font-style:normal;
|
|
@@ -882,7 +887,7 @@
|
|
|
882
887
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
883
888
|
line-height:var(--bp-font-line-height-02);
|
|
884
889
|
}
|
|
885
|
-
.bp_text_module_textReset--
|
|
890
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_link--d93f2{
|
|
886
891
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
887
892
|
font-size:var(--bp-font-size-05);
|
|
888
893
|
font-style:normal;
|
|
@@ -896,7 +901,7 @@
|
|
|
896
901
|
text-decoration-thickness:auto;
|
|
897
902
|
text-underline-offset:auto;
|
|
898
903
|
}
|
|
899
|
-
.bp_text_module_textReset--
|
|
904
|
+
.bp_text_module_textReset--d93f2:where([data-modern=true]).bp_text_module_notification--d93f2{
|
|
900
905
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
901
906
|
font-size:var(--bp-font-size-01);
|
|
902
907
|
font-style:normal;
|
|
@@ -1824,6 +1829,233 @@
|
|
|
1824
1829
|
.bp_base_badge_module_numericBadgeMoreDigits--c8c81{
|
|
1825
1830
|
padding:1px 3px;
|
|
1826
1831
|
}
|
|
1832
|
+
.bp_dropdown_menu_module_content--c512c[data-modern=false]{
|
|
1833
|
+
--dropdown-menu-radius:var(--radius-3);
|
|
1834
|
+
--dropdown-menu-padding:var(--space-3);
|
|
1835
|
+
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
1836
|
+
--dropdown-menu-background:var(--surface-menu-surface);
|
|
1837
|
+
--dropdown-menu-border:var(--border-1) solid var(--border-card-border);
|
|
1838
|
+
--dropdown-menu-shadow:var(--dropshadow-3);
|
|
1839
|
+
--dropdown-menu-full-screen-padding:var(--space-3);
|
|
1840
|
+
--dropdown-menu-item-background-hover:var(--surface-menu-surface-hover);
|
|
1841
|
+
--dropdown-menu-item-background-focus:var(--surface-menu-surface-hover);
|
|
1842
|
+
--dropdown-menu-item-border-focus:var(--border-2) solid var(--outline-focus-on-light);
|
|
1843
|
+
--dropdown-menu-item-border-active:var(--border-2) solid #0000;
|
|
1844
|
+
--dropdown-menu-item-background-active:var(--surface-menu-surface-hover);
|
|
1845
|
+
--dropdown-menu-item-background-selected:var(--surface-menu-surface-hover);
|
|
1846
|
+
--dropdown-menu-item-padding:var(--space-2);
|
|
1847
|
+
--dropdown-menu-item-border-width:var(--border-2);
|
|
1848
|
+
--dropdown-menu-item-border:var(--border-2) solid #0000;
|
|
1849
|
+
--dropdown-menu-item-radius:var(--radius-3);
|
|
1850
|
+
--dropdown-menu-item-gap:var(--space-4);
|
|
1851
|
+
--dropdown-menu-medium-item-radius:var(--radius-3);
|
|
1852
|
+
--dropdown-menu-medium-item-layout-gap:var(--space-2);
|
|
1853
|
+
--dropdown-menu-checkbox-item-medium-padding-start:var(--space-2);
|
|
1854
|
+
--dropdown-menu-radio-item-medium-padding-start:var(--space-2);
|
|
1855
|
+
--dropdown-menu-header-gap:var(--space-2);
|
|
1856
|
+
--dropdown-menu-header-padding:var(--space-3);
|
|
1857
|
+
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
1858
|
+
--dropdown-menu-subheader-padding:var(--space-2);
|
|
1859
|
+
--dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
1860
|
+
--dropdown-menu-separator-margin:var(--space-2);
|
|
1861
|
+
--dropdown-menu-checkmark-left:var(--space-2);
|
|
1862
|
+
--dropdown-menu-backdrop-filter:none;
|
|
1863
|
+
font-family:var(--body-default-font-family);
|
|
1864
|
+
font-size:var(--body-default-font-size);
|
|
1865
|
+
font-weight:var(--body-default-font-weight);
|
|
1866
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
1867
|
+
line-height:var(--body-default-line-height);
|
|
1868
|
+
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
1869
|
+
text-decoration:var(--body-default-text-decoration);
|
|
1870
|
+
text-transform:var(--body-default-text-case);
|
|
1871
|
+
}
|
|
1872
|
+
|
|
1873
|
+
.bp_dropdown_menu_module_content--c512c[data-modern=true]{
|
|
1874
|
+
--dropdown-menu-radius:var(--bp-radius-10);
|
|
1875
|
+
--dropdown-menu-padding:var(--bp-space-030);
|
|
1876
|
+
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
1877
|
+
--dropdown-menu-background:var(--bp-surface-menu-surface-dropdown);
|
|
1878
|
+
--dropdown-menu-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
1879
|
+
--dropdown-menu-shadow:var(--dropshadow-2);
|
|
1880
|
+
--dropdown-menu-full-screen-padding:var(--bp-space-030);
|
|
1881
|
+
--dropdown-menu-item-background-hover:var(--bp-surface-menu-item-surface-hover);
|
|
1882
|
+
--dropdown-menu-item-background-focus:var(--bp-surface-menu-item-surface-hover);
|
|
1883
|
+
--dropdown-menu-item-border-focus:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
1884
|
+
--dropdown-menu-item-border-active:var(--bp-border-02) solid #0000;
|
|
1885
|
+
--dropdown-menu-item-background-active:var(--bp-surface-menu-item-surface-hover);
|
|
1886
|
+
--dropdown-menu-item-background-selected:var(--bp-surface-menu-item-surface-hover);
|
|
1887
|
+
--dropdown-menu-item-padding:var(--bp-space-020);
|
|
1888
|
+
--dropdown-menu-item-border-width:var(--bp-border-02);
|
|
1889
|
+
--dropdown-menu-item-border:var(--bp-border-02) solid #0000;
|
|
1890
|
+
--dropdown-menu-item-radius:var(--bp-radius-06);
|
|
1891
|
+
--dropdown-menu-item-gap:var(--bp-space-040);
|
|
1892
|
+
--dropdown-menu-medium-item-radius:var(--bp-radius-10);
|
|
1893
|
+
--dropdown-menu-medium-item-layout-gap:var(--bp-space-020);
|
|
1894
|
+
--dropdown-menu-checkbox-item-medium-padding-start:var(--bp-space-020);
|
|
1895
|
+
--dropdown-menu-radio-item-medium-padding-start:var(--bp-space-020);
|
|
1896
|
+
--dropdown-menu-header-gap:var(--bp-space-020);
|
|
1897
|
+
--dropdown-menu-header-padding:var(--bp-space-030);
|
|
1898
|
+
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
1899
|
+
--dropdown-menu-subheader-padding:var(--bp-space-020);
|
|
1900
|
+
--dropdown-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
1901
|
+
--dropdown-menu-separator-margin:var(--bp-space-020);
|
|
1902
|
+
--dropdown-menu-checkmark-left:var(--bp-space-020);
|
|
1903
|
+
--dropdown-menu-backdrop-filter:blur(16px);
|
|
1904
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1905
|
+
font-size:var(--bp-font-size-05);
|
|
1906
|
+
font-style:normal;
|
|
1907
|
+
font-weight:var(--bp-font-weight-regular);
|
|
1908
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
1909
|
+
line-height:var(--bp-font-line-height-04);
|
|
1910
|
+
}
|
|
1911
|
+
|
|
1912
|
+
.bp_dropdown_menu_module_content--c512c{
|
|
1913
|
+
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
1914
|
+
background-color:var(--dropdown-menu-background);
|
|
1915
|
+
border:var(--dropdown-menu-border);
|
|
1916
|
+
border-radius:var(--dropdown-menu-radius);
|
|
1917
|
+
box-shadow:var(--dropdown-menu-shadow);
|
|
1918
|
+
box-sizing:border-box;
|
|
1919
|
+
color:var(--dropdown-menu-text-color);
|
|
1920
|
+
max-height:min(var(--blueprint-web-dropdown-menu-max-height, var(--radix-dropdown-menu-content-available-height)), var(--radix-dropdown-menu-content-available-height));
|
|
1921
|
+
max-width:min(var(--blueprint-web-dropdown-content-max-width, 50vw), var(--radix-dropdown-menu-content-available-width));
|
|
1922
|
+
min-width:var(--blueprint-web-dropdown-content-min-width);
|
|
1923
|
+
overflow-y:auto;
|
|
1924
|
+
padding:var(--dropdown-menu-padding);
|
|
1925
|
+
z-index:2147483647;
|
|
1926
|
+
}
|
|
1927
|
+
.bp_dropdown_menu_module_content--c512c[data-menu-fullscreen=true]{
|
|
1928
|
+
border:unset;
|
|
1929
|
+
border-radius:unset;
|
|
1930
|
+
display:flex;
|
|
1931
|
+
flex-direction:column;
|
|
1932
|
+
height:100vh;
|
|
1933
|
+
max-height:none;
|
|
1934
|
+
max-width:none;
|
|
1935
|
+
overflow:hidden;
|
|
1936
|
+
padding:unset;
|
|
1937
|
+
position:relative;
|
|
1938
|
+
width:100vw;
|
|
1939
|
+
}
|
|
1940
|
+
.bp_dropdown_menu_module_content--c512c[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--c512c{
|
|
1941
|
+
overflow-y:auto;
|
|
1942
|
+
padding:var(--dropdown-menu-full-screen-padding);
|
|
1943
|
+
}
|
|
1944
|
+
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_subheader--c512c{
|
|
1945
|
+
padding:var(--dropdown-menu-subheader-padding);
|
|
1946
|
+
}
|
|
1947
|
+
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_subheader--c512c.bp_dropdown_menu_module_uppercased--c512c{
|
|
1948
|
+
text-transform:uppercase;
|
|
1949
|
+
}
|
|
1950
|
+
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_dropdownMenuItemSeparator--c512c{
|
|
1951
|
+
margin-block:var(--dropdown-menu-separator-margin);
|
|
1952
|
+
}
|
|
1953
|
+
|
|
1954
|
+
.bp_dropdown_menu_module_ellipsis--c512c{
|
|
1955
|
+
overflow:hidden;
|
|
1956
|
+
text-overflow:ellipsis;
|
|
1957
|
+
white-space:nowrap;
|
|
1958
|
+
}
|
|
1959
|
+
|
|
1960
|
+
.bp_dropdown_menu_module_checkmark--c512c{
|
|
1961
|
+
align-items:center;
|
|
1962
|
+
display:inline-flex;
|
|
1963
|
+
justify-content:center;
|
|
1964
|
+
left:var(--dropdown-menu-checkmark-left);
|
|
1965
|
+
position:absolute;
|
|
1966
|
+
}
|
|
1967
|
+
|
|
1968
|
+
.bp_dropdown_menu_module_item--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c{
|
|
1969
|
+
align-items:center;
|
|
1970
|
+
border:var(--dropdown-menu-item-border);
|
|
1971
|
+
border-radius:var(--dropdown-menu-item-radius);
|
|
1972
|
+
cursor:pointer;
|
|
1973
|
+
display:flex;
|
|
1974
|
+
gap:var(--dropdown-menu-item-gap);
|
|
1975
|
+
outline:none;
|
|
1976
|
+
padding:calc(var(--dropdown-menu-item-padding) - var(--dropdown-menu-item-border-width));
|
|
1977
|
+
position:relative;
|
|
1978
|
+
-webkit-user-select:none;
|
|
1979
|
+
user-select:none;
|
|
1980
|
+
}
|
|
1981
|
+
.bp_dropdown_menu_module_item--c512c[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-disabled]{
|
|
1982
|
+
opacity:60%;
|
|
1983
|
+
pointer-events:none;
|
|
1984
|
+
}
|
|
1985
|
+
.bp_dropdown_menu_module_item--c512c[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-highlighted]{
|
|
1986
|
+
background-color:var(--dropdown-menu-item-background-focus);
|
|
1987
|
+
border:var(--dropdown-menu-item-border-focus);
|
|
1988
|
+
}
|
|
1989
|
+
.bp_dropdown_menu_module_item--c512c:active,.bp_dropdown_menu_module_subMenuTrigger--c512c:active{
|
|
1990
|
+
background-color:var(--dropdown-menu-item-background-active);
|
|
1991
|
+
border:var(--dropdown-menu-item-border-active);
|
|
1992
|
+
}
|
|
1993
|
+
.bp_dropdown_menu_module_item--c512c[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-state=open]{
|
|
1994
|
+
background-color:var(--dropdown-menu-item-background-selected);
|
|
1995
|
+
}
|
|
1996
|
+
.bp_dropdown_menu_module_item--c512c:hover,.bp_dropdown_menu_module_subMenuTrigger--c512c:hover{
|
|
1997
|
+
background-color:var(--dropdown-menu-item-background-hover);
|
|
1998
|
+
}
|
|
1999
|
+
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_radioItem--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_radioItem--c512c{
|
|
2000
|
+
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2001
|
+
}
|
|
2002
|
+
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_radioItem--c512c .bp_dropdown_menu_module_radioItemMediumSpacing--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_radioItem--c512c .bp_dropdown_menu_module_radioItemMediumSpacing--c512c{
|
|
2003
|
+
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
2004
|
+
}
|
|
2005
|
+
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_checkboxItem--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_checkboxItem--c512c{
|
|
2006
|
+
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2007
|
+
}
|
|
2008
|
+
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_checkboxItem--c512c .bp_dropdown_menu_module_checkboxItemMediumSpacing--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_checkboxItem--c512c .bp_dropdown_menu_module_checkboxItemMediumSpacing--c512c{
|
|
2009
|
+
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
2010
|
+
}
|
|
2011
|
+
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_mediumItemLayout--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_mediumItemLayout--c512c{
|
|
2012
|
+
align-items:center;
|
|
2013
|
+
display:flex;
|
|
2014
|
+
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
2015
|
+
justify-content:space-between;
|
|
2016
|
+
overflow:hidden;
|
|
2017
|
+
width:100%;
|
|
2018
|
+
}
|
|
2019
|
+
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_startElement--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_startElement--c512c{
|
|
2020
|
+
align-items:center;
|
|
2021
|
+
display:flex;
|
|
2022
|
+
}
|
|
2023
|
+
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_menuItemMainContent--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_menuItemMainContent--c512c{
|
|
2024
|
+
flex-grow:1;
|
|
2025
|
+
}
|
|
2026
|
+
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_endElement--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_endElement--c512c{
|
|
2027
|
+
align-items:center;
|
|
2028
|
+
color:var(--dropdown-menu-end-element-color);
|
|
2029
|
+
display:flex;
|
|
2030
|
+
}
|
|
2031
|
+
.bp_dropdown_menu_module_item--c512c:has(.bp_dropdown_menu_module_ellipsis--c512c){
|
|
2032
|
+
border-radius:var(--dropdown-menu-item-radius);
|
|
2033
|
+
}
|
|
2034
|
+
.bp_dropdown_menu_module_item--c512c:has(.bp_dropdown_menu_module_mediumItemLayout--c512c){
|
|
2035
|
+
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
2036
|
+
}
|
|
2037
|
+
|
|
2038
|
+
.bp_dropdown_menu_module_menuHeader--c512c{
|
|
2039
|
+
align-items:center;
|
|
2040
|
+
box-shadow:var(--dropdown-menu-header-shadow);
|
|
2041
|
+
display:grid;
|
|
2042
|
+
gap:var(--dropdown-menu-header-gap);
|
|
2043
|
+
grid-template-areas:"submenu-close content close";
|
|
2044
|
+
grid-template-columns:auto minmax(0, 1fr) auto;
|
|
2045
|
+
padding:var(--dropdown-menu-header-padding);
|
|
2046
|
+
}
|
|
2047
|
+
|
|
2048
|
+
.bp_dropdown_menu_module_headerTextContent--c512c{
|
|
2049
|
+
display:grid;
|
|
2050
|
+
}
|
|
2051
|
+
|
|
2052
|
+
.bp_dropdown_menu_module_submenuCloseButton--c512c{
|
|
2053
|
+
grid-area:submenu-close;
|
|
2054
|
+
}
|
|
2055
|
+
|
|
2056
|
+
.bp_dropdown_menu_module_menuCloseButton--c512c{
|
|
2057
|
+
grid-area:close;
|
|
2058
|
+
}
|
|
1827
2059
|
.bp_icon_button_module_iconButton--06ef3[data-modern=false]{
|
|
1828
2060
|
--icon-button-radius:var(--radius-2);
|
|
1829
2061
|
--icon-button-surface-disabled:var(--surface-cta-surface-icon-disabled);
|
|
@@ -1973,20 +2205,124 @@
|
|
|
1973
2205
|
height:var(--icon-button-size-x-small);
|
|
1974
2206
|
width:var(--icon-button-size-x-small);
|
|
1975
2207
|
}
|
|
1976
|
-
.
|
|
1977
|
-
color:var(--
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
2208
|
+
.bp_divider_module_divider--2f437{
|
|
2209
|
+
background-color:var(--border-divider-border);
|
|
2210
|
+
border:none;
|
|
2211
|
+
flex-shrink:0;
|
|
2212
|
+
height:var(--border-1);
|
|
2213
|
+
margin-block:0;
|
|
1981
2214
|
}
|
|
1982
|
-
.
|
|
1983
|
-
color:var(--text-
|
|
2215
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false]{
|
|
2216
|
+
--menu-item-text-color:var(--text-text-on-light);
|
|
1984
2217
|
}
|
|
1985
|
-
.
|
|
1986
|
-
|
|
1987
|
-
|
|
2218
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_label--f37fd{
|
|
2219
|
+
font-family:var(--body-default-font-family);
|
|
2220
|
+
font-size:var(--body-default-font-size);
|
|
2221
|
+
font-weight:var(--body-default-font-weight);
|
|
2222
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
2223
|
+
line-height:var(--body-default-line-height);
|
|
2224
|
+
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
2225
|
+
text-decoration:var(--body-default-text-decoration);
|
|
2226
|
+
text-transform:var(--body-default-text-case);
|
|
1988
2227
|
}
|
|
1989
|
-
.
|
|
2228
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
2229
|
+
font-family:var(--body-default-bold-font-family);
|
|
2230
|
+
font-size:var(--body-default-bold-font-size);
|
|
2231
|
+
font-weight:var(--body-default-bold-font-weight);
|
|
2232
|
+
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
2233
|
+
line-height:var(--body-default-bold-line-height);
|
|
2234
|
+
-webkit-text-decoration:var(--body-default-bold-text-decoration);
|
|
2235
|
+
text-decoration:var(--body-default-bold-text-decoration);
|
|
2236
|
+
text-transform:var(--body-default-bold-text-case);
|
|
2237
|
+
}
|
|
2238
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_description--f37fd{
|
|
2239
|
+
font-family:var(--body-default-font-family);
|
|
2240
|
+
font-size:var(--body-default-font-size);
|
|
2241
|
+
font-weight:var(--body-default-font-weight);
|
|
2242
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
2243
|
+
line-height:var(--body-default-line-height);
|
|
2244
|
+
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
2245
|
+
text-decoration:var(--body-default-text-decoration);
|
|
2246
|
+
text-transform:var(--body-default-text-case);
|
|
2247
|
+
}
|
|
2248
|
+
|
|
2249
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true]{
|
|
2250
|
+
--menu-item-text-color:var(--bp-text-text-on-light);
|
|
2251
|
+
}
|
|
2252
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd{
|
|
2253
|
+
font-weight:var(--bp-font-weight-regular);
|
|
2254
|
+
}
|
|
2255
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd,.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
2256
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2257
|
+
font-size:var(--bp-font-size-05);
|
|
2258
|
+
font-style:normal;
|
|
2259
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2260
|
+
line-height:var(--bp-font-line-height-04);
|
|
2261
|
+
}
|
|
2262
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
2263
|
+
font-weight:var(--bp-font-weight-bold);
|
|
2264
|
+
}
|
|
2265
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_description--f37fd{
|
|
2266
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2267
|
+
font-size:var(--bp-font-size-05);
|
|
2268
|
+
font-style:normal;
|
|
2269
|
+
font-weight:var(--bp-font-weight-regular);
|
|
2270
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2271
|
+
line-height:var(--bp-font-line-height-04);
|
|
2272
|
+
}
|
|
2273
|
+
|
|
2274
|
+
.bp_menu_item_sections_module_menuItemSideContent--f37fd[data-modern=false]{
|
|
2275
|
+
--menu-item-text-color:var(--text-text-on-light-secondary);
|
|
2276
|
+
font-family:var(--body-default-font-family);
|
|
2277
|
+
font-size:var(--body-default-font-size);
|
|
2278
|
+
font-weight:var(--body-default-font-weight);
|
|
2279
|
+
letter-spacing:var(--body-default-letter-spacing);
|
|
2280
|
+
line-height:var(--body-default-line-height);
|
|
2281
|
+
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
2282
|
+
text-decoration:var(--body-default-text-decoration);
|
|
2283
|
+
text-transform:var(--body-default-text-case);
|
|
2284
|
+
}
|
|
2285
|
+
|
|
2286
|
+
.bp_menu_item_sections_module_menuItemSideContent--f37fd[data-modern=true]{
|
|
2287
|
+
--menu-item-text-color:var(--bp-text-text-on-light-secondary);
|
|
2288
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2289
|
+
font-size:var(--bp-font-size-05);
|
|
2290
|
+
font-style:normal;
|
|
2291
|
+
font-weight:var(--bp-font-weight-regular);
|
|
2292
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2293
|
+
line-height:var(--bp-font-line-height-04);
|
|
2294
|
+
}
|
|
2295
|
+
|
|
2296
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd{
|
|
2297
|
+
display:flex;
|
|
2298
|
+
flex:1;
|
|
2299
|
+
flex-direction:column;
|
|
2300
|
+
}
|
|
2301
|
+
.bp_menu_item_sections_module_menuItemMainContent--f37fd .bp_menu_item_sections_module_description--f37fd{
|
|
2302
|
+
color:var(--menu-item-text-color);
|
|
2303
|
+
}
|
|
2304
|
+
|
|
2305
|
+
.bp_menu_item_sections_module_menuItemSideContent--f37fd{
|
|
2306
|
+
align-items:center;
|
|
2307
|
+
display:flex;
|
|
2308
|
+
}
|
|
2309
|
+
.bp_menu_item_sections_module_menuItemSideContent--f37fd.bp_menu_item_sections_module_textOnLightSecondary--f37fd{
|
|
2310
|
+
color:var(--menu-item-text-color);
|
|
2311
|
+
}
|
|
2312
|
+
.bp_link_module_link--3786a{
|
|
2313
|
+
color:var(--text-cta-link);
|
|
2314
|
+
}
|
|
2315
|
+
.bp_link_module_link--3786a:hover{
|
|
2316
|
+
color:var(--text-cta-link-hover);
|
|
2317
|
+
}
|
|
2318
|
+
.bp_link_module_link--3786a:active{
|
|
2319
|
+
color:var(--text-cta-link-pressed);
|
|
2320
|
+
}
|
|
2321
|
+
.bp_link_module_link--3786a:focus-visible{
|
|
2322
|
+
border-radius:var(--radius-05);
|
|
2323
|
+
color:var(--text-cta-link-hover);
|
|
2324
|
+
}
|
|
2325
|
+
.bp_link_module_link--3786a:focus-visible:focus-visible{
|
|
1990
2326
|
box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
|
|
1991
2327
|
outline:none;
|
|
1992
2328
|
overflow:visible;
|
|
@@ -4744,337 +5080,6 @@
|
|
|
4744
5080
|
outline:var(--border-1) solid var(--box-blue-80);
|
|
4745
5081
|
transform:translateZ(0);
|
|
4746
5082
|
}
|
|
4747
|
-
.bp_dropdown_menu_module_content--c512c[data-modern=false]{
|
|
4748
|
-
--dropdown-menu-radius:var(--radius-3);
|
|
4749
|
-
--dropdown-menu-padding:var(--space-3);
|
|
4750
|
-
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
4751
|
-
--dropdown-menu-background:var(--surface-menu-surface);
|
|
4752
|
-
--dropdown-menu-border:var(--border-1) solid var(--border-card-border);
|
|
4753
|
-
--dropdown-menu-shadow:var(--dropshadow-3);
|
|
4754
|
-
--dropdown-menu-full-screen-padding:var(--space-3);
|
|
4755
|
-
--dropdown-menu-item-background-hover:var(--surface-menu-surface-hover);
|
|
4756
|
-
--dropdown-menu-item-background-focus:var(--surface-menu-surface-hover);
|
|
4757
|
-
--dropdown-menu-item-border-focus:var(--border-2) solid var(--outline-focus-on-light);
|
|
4758
|
-
--dropdown-menu-item-border-active:var(--border-2) solid #0000;
|
|
4759
|
-
--dropdown-menu-item-background-active:var(--surface-menu-surface-hover);
|
|
4760
|
-
--dropdown-menu-item-background-selected:var(--surface-menu-surface-hover);
|
|
4761
|
-
--dropdown-menu-item-padding:var(--space-2);
|
|
4762
|
-
--dropdown-menu-item-border-width:var(--border-2);
|
|
4763
|
-
--dropdown-menu-item-border:var(--border-2) solid #0000;
|
|
4764
|
-
--dropdown-menu-item-radius:var(--radius-3);
|
|
4765
|
-
--dropdown-menu-item-gap:var(--space-4);
|
|
4766
|
-
--dropdown-menu-medium-item-radius:var(--radius-3);
|
|
4767
|
-
--dropdown-menu-medium-item-layout-gap:var(--space-2);
|
|
4768
|
-
--dropdown-menu-checkbox-item-medium-padding-start:var(--space-2);
|
|
4769
|
-
--dropdown-menu-radio-item-medium-padding-start:var(--space-2);
|
|
4770
|
-
--dropdown-menu-header-gap:var(--space-2);
|
|
4771
|
-
--dropdown-menu-header-padding:var(--space-3);
|
|
4772
|
-
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
4773
|
-
--dropdown-menu-subheader-padding:var(--space-2);
|
|
4774
|
-
--dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
4775
|
-
--dropdown-menu-separator-margin:var(--space-2);
|
|
4776
|
-
--dropdown-menu-checkmark-left:var(--space-2);
|
|
4777
|
-
--dropdown-menu-backdrop-filter:none;
|
|
4778
|
-
font-family:var(--body-default-font-family);
|
|
4779
|
-
font-size:var(--body-default-font-size);
|
|
4780
|
-
font-weight:var(--body-default-font-weight);
|
|
4781
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
4782
|
-
line-height:var(--body-default-line-height);
|
|
4783
|
-
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
4784
|
-
text-decoration:var(--body-default-text-decoration);
|
|
4785
|
-
text-transform:var(--body-default-text-case);
|
|
4786
|
-
}
|
|
4787
|
-
|
|
4788
|
-
.bp_dropdown_menu_module_content--c512c[data-modern=true]{
|
|
4789
|
-
--dropdown-menu-radius:var(--bp-radius-10);
|
|
4790
|
-
--dropdown-menu-padding:var(--bp-space-030);
|
|
4791
|
-
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
4792
|
-
--dropdown-menu-background:var(--bp-surface-menu-surface-dropdown);
|
|
4793
|
-
--dropdown-menu-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
4794
|
-
--dropdown-menu-shadow:var(--dropshadow-2);
|
|
4795
|
-
--dropdown-menu-full-screen-padding:var(--bp-space-030);
|
|
4796
|
-
--dropdown-menu-item-background-hover:var(--bp-surface-menu-item-surface-hover);
|
|
4797
|
-
--dropdown-menu-item-background-focus:var(--bp-surface-menu-item-surface-hover);
|
|
4798
|
-
--dropdown-menu-item-border-focus:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4799
|
-
--dropdown-menu-item-border-active:var(--bp-border-02) solid #0000;
|
|
4800
|
-
--dropdown-menu-item-background-active:var(--bp-surface-menu-item-surface-hover);
|
|
4801
|
-
--dropdown-menu-item-background-selected:var(--bp-surface-menu-item-surface-hover);
|
|
4802
|
-
--dropdown-menu-item-padding:var(--bp-space-020);
|
|
4803
|
-
--dropdown-menu-item-border-width:var(--bp-border-02);
|
|
4804
|
-
--dropdown-menu-item-border:var(--bp-border-02) solid #0000;
|
|
4805
|
-
--dropdown-menu-item-radius:var(--bp-radius-06);
|
|
4806
|
-
--dropdown-menu-item-gap:var(--bp-space-040);
|
|
4807
|
-
--dropdown-menu-medium-item-radius:var(--bp-radius-10);
|
|
4808
|
-
--dropdown-menu-medium-item-layout-gap:var(--bp-space-020);
|
|
4809
|
-
--dropdown-menu-checkbox-item-medium-padding-start:var(--bp-space-020);
|
|
4810
|
-
--dropdown-menu-radio-item-medium-padding-start:var(--bp-space-020);
|
|
4811
|
-
--dropdown-menu-header-gap:var(--bp-space-020);
|
|
4812
|
-
--dropdown-menu-header-padding:var(--bp-space-030);
|
|
4813
|
-
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
4814
|
-
--dropdown-menu-subheader-padding:var(--bp-space-020);
|
|
4815
|
-
--dropdown-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
4816
|
-
--dropdown-menu-separator-margin:var(--bp-space-020);
|
|
4817
|
-
--dropdown-menu-checkmark-left:var(--bp-space-020);
|
|
4818
|
-
--dropdown-menu-backdrop-filter:blur(16px);
|
|
4819
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4820
|
-
font-size:var(--bp-font-size-05);
|
|
4821
|
-
font-style:normal;
|
|
4822
|
-
font-weight:var(--bp-font-weight-regular);
|
|
4823
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4824
|
-
line-height:var(--bp-font-line-height-04);
|
|
4825
|
-
}
|
|
4826
|
-
|
|
4827
|
-
.bp_dropdown_menu_module_content--c512c{
|
|
4828
|
-
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
4829
|
-
background-color:var(--dropdown-menu-background);
|
|
4830
|
-
border:var(--dropdown-menu-border);
|
|
4831
|
-
border-radius:var(--dropdown-menu-radius);
|
|
4832
|
-
box-shadow:var(--dropdown-menu-shadow);
|
|
4833
|
-
box-sizing:border-box;
|
|
4834
|
-
color:var(--dropdown-menu-text-color);
|
|
4835
|
-
max-height:min(var(--blueprint-web-dropdown-menu-max-height, var(--radix-dropdown-menu-content-available-height)), var(--radix-dropdown-menu-content-available-height));
|
|
4836
|
-
max-width:min(var(--blueprint-web-dropdown-content-max-width, 50vw), var(--radix-dropdown-menu-content-available-width));
|
|
4837
|
-
min-width:var(--blueprint-web-dropdown-content-min-width);
|
|
4838
|
-
overflow-y:auto;
|
|
4839
|
-
padding:var(--dropdown-menu-padding);
|
|
4840
|
-
z-index:2147483647;
|
|
4841
|
-
}
|
|
4842
|
-
.bp_dropdown_menu_module_content--c512c[data-menu-fullscreen=true]{
|
|
4843
|
-
border:unset;
|
|
4844
|
-
border-radius:unset;
|
|
4845
|
-
display:flex;
|
|
4846
|
-
flex-direction:column;
|
|
4847
|
-
height:100vh;
|
|
4848
|
-
max-height:none;
|
|
4849
|
-
max-width:none;
|
|
4850
|
-
overflow:hidden;
|
|
4851
|
-
padding:unset;
|
|
4852
|
-
position:relative;
|
|
4853
|
-
width:100vw;
|
|
4854
|
-
}
|
|
4855
|
-
.bp_dropdown_menu_module_content--c512c[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--c512c{
|
|
4856
|
-
overflow-y:auto;
|
|
4857
|
-
padding:var(--dropdown-menu-full-screen-padding);
|
|
4858
|
-
}
|
|
4859
|
-
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_subheader--c512c{
|
|
4860
|
-
padding:var(--dropdown-menu-subheader-padding);
|
|
4861
|
-
}
|
|
4862
|
-
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_subheader--c512c.bp_dropdown_menu_module_uppercased--c512c{
|
|
4863
|
-
text-transform:uppercase;
|
|
4864
|
-
}
|
|
4865
|
-
.bp_dropdown_menu_module_content--c512c .bp_dropdown_menu_module_dropdownMenuItemSeparator--c512c{
|
|
4866
|
-
margin-block:var(--dropdown-menu-separator-margin);
|
|
4867
|
-
}
|
|
4868
|
-
|
|
4869
|
-
.bp_dropdown_menu_module_ellipsis--c512c{
|
|
4870
|
-
overflow:hidden;
|
|
4871
|
-
text-overflow:ellipsis;
|
|
4872
|
-
white-space:nowrap;
|
|
4873
|
-
}
|
|
4874
|
-
|
|
4875
|
-
.bp_dropdown_menu_module_checkmark--c512c{
|
|
4876
|
-
align-items:center;
|
|
4877
|
-
display:inline-flex;
|
|
4878
|
-
justify-content:center;
|
|
4879
|
-
left:var(--dropdown-menu-checkmark-left);
|
|
4880
|
-
position:absolute;
|
|
4881
|
-
}
|
|
4882
|
-
|
|
4883
|
-
.bp_dropdown_menu_module_item--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c{
|
|
4884
|
-
align-items:center;
|
|
4885
|
-
border:var(--dropdown-menu-item-border);
|
|
4886
|
-
border-radius:var(--dropdown-menu-item-radius);
|
|
4887
|
-
cursor:pointer;
|
|
4888
|
-
display:flex;
|
|
4889
|
-
gap:var(--dropdown-menu-item-gap);
|
|
4890
|
-
outline:none;
|
|
4891
|
-
padding:calc(var(--dropdown-menu-item-padding) - var(--dropdown-menu-item-border-width));
|
|
4892
|
-
position:relative;
|
|
4893
|
-
-webkit-user-select:none;
|
|
4894
|
-
user-select:none;
|
|
4895
|
-
}
|
|
4896
|
-
.bp_dropdown_menu_module_item--c512c[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-disabled]{
|
|
4897
|
-
opacity:60%;
|
|
4898
|
-
pointer-events:none;
|
|
4899
|
-
}
|
|
4900
|
-
.bp_dropdown_menu_module_item--c512c[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-highlighted]{
|
|
4901
|
-
background-color:var(--dropdown-menu-item-background-focus);
|
|
4902
|
-
border:var(--dropdown-menu-item-border-focus);
|
|
4903
|
-
}
|
|
4904
|
-
.bp_dropdown_menu_module_item--c512c:active,.bp_dropdown_menu_module_subMenuTrigger--c512c:active{
|
|
4905
|
-
background-color:var(--dropdown-menu-item-background-active);
|
|
4906
|
-
border:var(--dropdown-menu-item-border-active);
|
|
4907
|
-
}
|
|
4908
|
-
.bp_dropdown_menu_module_item--c512c[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--c512c[data-state=open]{
|
|
4909
|
-
background-color:var(--dropdown-menu-item-background-selected);
|
|
4910
|
-
}
|
|
4911
|
-
.bp_dropdown_menu_module_item--c512c:hover,.bp_dropdown_menu_module_subMenuTrigger--c512c:hover{
|
|
4912
|
-
background-color:var(--dropdown-menu-item-background-hover);
|
|
4913
|
-
}
|
|
4914
|
-
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_radioItem--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_radioItem--c512c{
|
|
4915
|
-
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
4916
|
-
}
|
|
4917
|
-
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_radioItem--c512c .bp_dropdown_menu_module_radioItemMediumSpacing--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_radioItem--c512c .bp_dropdown_menu_module_radioItemMediumSpacing--c512c{
|
|
4918
|
-
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
4919
|
-
}
|
|
4920
|
-
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_checkboxItem--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_checkboxItem--c512c{
|
|
4921
|
-
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
4922
|
-
}
|
|
4923
|
-
.bp_dropdown_menu_module_item--c512c.bp_dropdown_menu_module_checkboxItem--c512c .bp_dropdown_menu_module_checkboxItemMediumSpacing--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c.bp_dropdown_menu_module_checkboxItem--c512c .bp_dropdown_menu_module_checkboxItemMediumSpacing--c512c{
|
|
4924
|
-
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
4925
|
-
}
|
|
4926
|
-
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_mediumItemLayout--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_mediumItemLayout--c512c{
|
|
4927
|
-
align-items:center;
|
|
4928
|
-
display:flex;
|
|
4929
|
-
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
4930
|
-
justify-content:space-between;
|
|
4931
|
-
overflow:hidden;
|
|
4932
|
-
width:100%;
|
|
4933
|
-
}
|
|
4934
|
-
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_startElement--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_startElement--c512c{
|
|
4935
|
-
align-items:center;
|
|
4936
|
-
display:flex;
|
|
4937
|
-
}
|
|
4938
|
-
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_menuItemMainContent--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_menuItemMainContent--c512c{
|
|
4939
|
-
flex-grow:1;
|
|
4940
|
-
}
|
|
4941
|
-
.bp_dropdown_menu_module_item--c512c .bp_dropdown_menu_module_endElement--c512c,.bp_dropdown_menu_module_subMenuTrigger--c512c .bp_dropdown_menu_module_endElement--c512c{
|
|
4942
|
-
align-items:center;
|
|
4943
|
-
color:var(--dropdown-menu-end-element-color);
|
|
4944
|
-
display:flex;
|
|
4945
|
-
}
|
|
4946
|
-
.bp_dropdown_menu_module_item--c512c:has(.bp_dropdown_menu_module_ellipsis--c512c){
|
|
4947
|
-
border-radius:var(--dropdown-menu-item-radius);
|
|
4948
|
-
}
|
|
4949
|
-
.bp_dropdown_menu_module_item--c512c:has(.bp_dropdown_menu_module_mediumItemLayout--c512c){
|
|
4950
|
-
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
4951
|
-
}
|
|
4952
|
-
|
|
4953
|
-
.bp_dropdown_menu_module_menuHeader--c512c{
|
|
4954
|
-
align-items:center;
|
|
4955
|
-
box-shadow:var(--dropdown-menu-header-shadow);
|
|
4956
|
-
display:grid;
|
|
4957
|
-
gap:var(--dropdown-menu-header-gap);
|
|
4958
|
-
grid-template-areas:"submenu-close content close";
|
|
4959
|
-
grid-template-columns:auto minmax(0, 1fr) auto;
|
|
4960
|
-
padding:var(--dropdown-menu-header-padding);
|
|
4961
|
-
}
|
|
4962
|
-
|
|
4963
|
-
.bp_dropdown_menu_module_headerTextContent--c512c{
|
|
4964
|
-
display:grid;
|
|
4965
|
-
}
|
|
4966
|
-
|
|
4967
|
-
.bp_dropdown_menu_module_submenuCloseButton--c512c{
|
|
4968
|
-
grid-area:submenu-close;
|
|
4969
|
-
}
|
|
4970
|
-
|
|
4971
|
-
.bp_dropdown_menu_module_menuCloseButton--c512c{
|
|
4972
|
-
grid-area:close;
|
|
4973
|
-
}
|
|
4974
|
-
.bp_divider_module_divider--2f437{
|
|
4975
|
-
background-color:var(--border-divider-border);
|
|
4976
|
-
border:none;
|
|
4977
|
-
flex-shrink:0;
|
|
4978
|
-
height:var(--border-1);
|
|
4979
|
-
margin-block:0;
|
|
4980
|
-
}
|
|
4981
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false]{
|
|
4982
|
-
--menu-item-text-color:var(--text-text-on-light);
|
|
4983
|
-
}
|
|
4984
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_label--f37fd{
|
|
4985
|
-
font-family:var(--body-default-font-family);
|
|
4986
|
-
font-size:var(--body-default-font-size);
|
|
4987
|
-
font-weight:var(--body-default-font-weight);
|
|
4988
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
4989
|
-
line-height:var(--body-default-line-height);
|
|
4990
|
-
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
4991
|
-
text-decoration:var(--body-default-text-decoration);
|
|
4992
|
-
text-transform:var(--body-default-text-case);
|
|
4993
|
-
}
|
|
4994
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
4995
|
-
font-family:var(--body-default-bold-font-family);
|
|
4996
|
-
font-size:var(--body-default-bold-font-size);
|
|
4997
|
-
font-weight:var(--body-default-bold-font-weight);
|
|
4998
|
-
letter-spacing:var(--body-default-bold-letter-spacing);
|
|
4999
|
-
line-height:var(--body-default-bold-line-height);
|
|
5000
|
-
-webkit-text-decoration:var(--body-default-bold-text-decoration);
|
|
5001
|
-
text-decoration:var(--body-default-bold-text-decoration);
|
|
5002
|
-
text-transform:var(--body-default-bold-text-case);
|
|
5003
|
-
}
|
|
5004
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=false] .bp_menu_item_sections_module_description--f37fd{
|
|
5005
|
-
font-family:var(--body-default-font-family);
|
|
5006
|
-
font-size:var(--body-default-font-size);
|
|
5007
|
-
font-weight:var(--body-default-font-weight);
|
|
5008
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
5009
|
-
line-height:var(--body-default-line-height);
|
|
5010
|
-
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
5011
|
-
text-decoration:var(--body-default-text-decoration);
|
|
5012
|
-
text-transform:var(--body-default-text-case);
|
|
5013
|
-
}
|
|
5014
|
-
|
|
5015
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true]{
|
|
5016
|
-
--menu-item-text-color:var(--bp-text-text-on-light);
|
|
5017
|
-
}
|
|
5018
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd{
|
|
5019
|
-
font-weight:var(--bp-font-weight-regular);
|
|
5020
|
-
}
|
|
5021
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd,.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
5022
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5023
|
-
font-size:var(--bp-font-size-05);
|
|
5024
|
-
font-style:normal;
|
|
5025
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5026
|
-
line-height:var(--bp-font-line-height-04);
|
|
5027
|
-
}
|
|
5028
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_label--f37fd.bp_menu_item_sections_module_bold--f37fd{
|
|
5029
|
-
font-weight:var(--bp-font-weight-bold);
|
|
5030
|
-
}
|
|
5031
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd[data-modern=true] .bp_menu_item_sections_module_description--f37fd{
|
|
5032
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5033
|
-
font-size:var(--bp-font-size-05);
|
|
5034
|
-
font-style:normal;
|
|
5035
|
-
font-weight:var(--bp-font-weight-regular);
|
|
5036
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5037
|
-
line-height:var(--bp-font-line-height-04);
|
|
5038
|
-
}
|
|
5039
|
-
|
|
5040
|
-
.bp_menu_item_sections_module_menuItemSideContent--f37fd[data-modern=false]{
|
|
5041
|
-
--menu-item-text-color:var(--text-text-on-light-secondary);
|
|
5042
|
-
font-family:var(--body-default-font-family);
|
|
5043
|
-
font-size:var(--body-default-font-size);
|
|
5044
|
-
font-weight:var(--body-default-font-weight);
|
|
5045
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
5046
|
-
line-height:var(--body-default-line-height);
|
|
5047
|
-
-webkit-text-decoration:var(--body-default-text-decoration);
|
|
5048
|
-
text-decoration:var(--body-default-text-decoration);
|
|
5049
|
-
text-transform:var(--body-default-text-case);
|
|
5050
|
-
}
|
|
5051
|
-
|
|
5052
|
-
.bp_menu_item_sections_module_menuItemSideContent--f37fd[data-modern=true]{
|
|
5053
|
-
--menu-item-text-color:var(--bp-text-text-on-light-secondary);
|
|
5054
|
-
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5055
|
-
font-size:var(--bp-font-size-05);
|
|
5056
|
-
font-style:normal;
|
|
5057
|
-
font-weight:var(--bp-font-weight-regular);
|
|
5058
|
-
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5059
|
-
line-height:var(--bp-font-line-height-04);
|
|
5060
|
-
}
|
|
5061
|
-
|
|
5062
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd{
|
|
5063
|
-
display:flex;
|
|
5064
|
-
flex:1;
|
|
5065
|
-
flex-direction:column;
|
|
5066
|
-
}
|
|
5067
|
-
.bp_menu_item_sections_module_menuItemMainContent--f37fd .bp_menu_item_sections_module_description--f37fd{
|
|
5068
|
-
color:var(--menu-item-text-color);
|
|
5069
|
-
}
|
|
5070
|
-
|
|
5071
|
-
.bp_menu_item_sections_module_menuItemSideContent--f37fd{
|
|
5072
|
-
align-items:center;
|
|
5073
|
-
display:flex;
|
|
5074
|
-
}
|
|
5075
|
-
.bp_menu_item_sections_module_menuItemSideContent--f37fd.bp_menu_item_sections_module_textOnLightSecondary--f37fd{
|
|
5076
|
-
color:var(--menu-item-text-color);
|
|
5077
|
-
}
|
|
5078
5083
|
|
|
5079
5084
|
.bp_sticky_cell_module_stickyCell--7b6e7{
|
|
5080
5085
|
background:inherit;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"textReset":"bp_text_module_textReset--
|
|
2
|
+
var styles = {"textReset":"bp_text_module_textReset--d93f2","breakWord":"bp_text_module_breakWord--d93f2","textOnLightDefault":"bp_text_module_textOnLightDefault--d93f2","textOnLightSecondary":"bp_text_module_textOnLightSecondary--d93f2","textOnLightLink":"bp_text_module_textOnLightLink--d93f2","textOnLightError":"bp_text_module_textOnLightError--d93f2","textOnDarkDefault":"bp_text_module_textOnDarkDefault--d93f2","titleMondo":"bp_text_module_titleMondo--d93f2","titleXLarge":"bp_text_module_titleXLarge--d93f2","titleLarge":"bp_text_module_titleLarge--d93f2","titleMedium":"bp_text_module_titleMedium--d93f2","titleSmall":"bp_text_module_titleSmall--d93f2","subtitle":"bp_text_module_subtitle--d93f2","bodyLargeBold":"bp_text_module_bodyLargeBold--d93f2","bodyLarge":"bp_text_module_bodyLarge--d93f2","bodyDefaultBold":"bp_text_module_bodyDefaultBold--d93f2","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--d93f2","bodyDefault":"bp_text_module_bodyDefault--d93f2","caption":"bp_text_module_caption--d93f2","labelBold":"bp_text_module_labelBold--d93f2","label":"bp_text_module_label--d93f2","bodySmallSemibold":"bp_text_module_bodySmallSemibold--d93f2","bodySmall":"bp_text_module_bodySmall--d93f2","captionBold":"bp_text_module_captionBold--d93f2","link":"bp_text_module_link--d93f2","notification":"bp_text_module_notification--d93f2"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes, type LabelHTMLAttributes } from 'react';
|
|
2
2
|
import { type StyledText } from '../utils/commonTypes';
|
|
3
3
|
type TypographyVariant = 'titleMondo' | 'titleXLarge' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'subtitle' | 'bodyLargeBold' | 'bodyLarge' | 'bodyDefaultBold' | 'bodyDefaultSemibold' | 'bodyDefault' | 'caption' | 'labelBold' | 'label';
|
|
4
|
-
type TypographyColors = 'textOnLightDefault' | 'textOnLightSecondary' | 'textOnLightLink' | 'textOnDarkDefault';
|
|
4
|
+
type TypographyColors = 'textOnLightDefault' | 'textOnLightSecondary' | 'textOnLightLink' | 'textOnLightError' | 'textOnDarkDefault';
|
|
5
5
|
type Element = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'legend' | 'label' | 'div';
|
|
6
6
|
interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
7
7
|
as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|