@box/blueprint-web 13.18.0 → 13.19.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 +183 -117
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js +6 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js +4 -4
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js +6 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/dist/lib-esm/select/select.js +2 -6
- package/dist/lib-esm/select/select.module.js +1 -1
- package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -2504,7 +2504,7 @@
|
|
|
2504
2504
|
height:var(--icon-button-size-x-small);
|
|
2505
2505
|
width:var(--icon-button-size-x-small);
|
|
2506
2506
|
}
|
|
2507
|
-
.bp_dropdown_menu_module_content--
|
|
2507
|
+
.bp_dropdown_menu_module_content--83ff8[data-modern=false]{
|
|
2508
2508
|
--dropdown-menu-radius:var(--radius-3);
|
|
2509
2509
|
--dropdown-menu-padding:var(--space-3);
|
|
2510
2510
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -2533,6 +2533,7 @@
|
|
|
2533
2533
|
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
2534
2534
|
--dropdown-menu-subheader-padding:var(--space-2);
|
|
2535
2535
|
--dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
2536
|
+
--dropdown-menu-caption-text-color:var(--text-text-on-light-secondary);
|
|
2536
2537
|
--dropdown-menu-separator-margin:var(--space-2);
|
|
2537
2538
|
--dropdown-menu-checkmark-left:var(--space-2);
|
|
2538
2539
|
--dropdown-menu-medium-checkmark-left:var(--space-3);
|
|
@@ -2547,7 +2548,7 @@
|
|
|
2547
2548
|
text-transform:var(--body-default-text-case);
|
|
2548
2549
|
}
|
|
2549
2550
|
|
|
2550
|
-
.bp_dropdown_menu_module_content--
|
|
2551
|
+
.bp_dropdown_menu_module_content--83ff8[data-modern=true]{
|
|
2551
2552
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
2552
2553
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
2553
2554
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -2576,6 +2577,7 @@
|
|
|
2576
2577
|
--dropdown-menu-header-shadow:var(--dropshadow-1);
|
|
2577
2578
|
--dropdown-menu-subheader-padding:var(--bp-space-020);
|
|
2578
2579
|
--dropdown-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
2580
|
+
--dropdown-menu-caption-text-color:var(--bp-text-text-on-light-secondary);
|
|
2579
2581
|
--dropdown-menu-separator-margin:var(--bp-space-020);
|
|
2580
2582
|
--dropdown-menu-checkmark-left:var(--bp-space-020);
|
|
2581
2583
|
--dropdown-menu-medium-checkmark-left:var(--bp-space-030);
|
|
@@ -2589,7 +2591,7 @@
|
|
|
2589
2591
|
line-height:var(--bp-font-line-height-04);
|
|
2590
2592
|
}
|
|
2591
2593
|
|
|
2592
|
-
.bp_dropdown_menu_module_content--
|
|
2594
|
+
.bp_dropdown_menu_module_content--83ff8{
|
|
2593
2595
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
2594
2596
|
background-color:var(--dropdown-menu-background);
|
|
2595
2597
|
border:var(--dropdown-menu-border);
|
|
@@ -2604,7 +2606,7 @@
|
|
|
2604
2606
|
padding:var(--dropdown-menu-padding);
|
|
2605
2607
|
z-index:380;
|
|
2606
2608
|
}
|
|
2607
|
-
.bp_dropdown_menu_module_content--
|
|
2609
|
+
.bp_dropdown_menu_module_content--83ff8[data-menu-fullscreen=true]{
|
|
2608
2610
|
border:unset;
|
|
2609
2611
|
border-radius:unset;
|
|
2610
2612
|
display:flex;
|
|
@@ -2617,27 +2619,50 @@
|
|
|
2617
2619
|
position:relative;
|
|
2618
2620
|
width:100vw;
|
|
2619
2621
|
}
|
|
2620
|
-
.bp_dropdown_menu_module_content--
|
|
2622
|
+
.bp_dropdown_menu_module_content--83ff8[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--83ff8{
|
|
2621
2623
|
overflow-y:auto;
|
|
2622
2624
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
2623
2625
|
}
|
|
2624
|
-
.bp_dropdown_menu_module_content--
|
|
2626
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_subheader--83ff8{
|
|
2625
2627
|
padding:var(--dropdown-menu-subheader-padding);
|
|
2626
2628
|
}
|
|
2627
|
-
.bp_dropdown_menu_module_content--
|
|
2629
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_subheader--83ff8.bp_dropdown_menu_module_uppercased--83ff8{
|
|
2628
2630
|
text-transform:uppercase;
|
|
2629
2631
|
}
|
|
2630
|
-
.bp_dropdown_menu_module_content--
|
|
2632
|
+
.bp_dropdown_menu_module_content--83ff8 .bp_dropdown_menu_module_dropdownMenuItemSeparator--83ff8{
|
|
2631
2633
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
2632
2634
|
}
|
|
2633
2635
|
|
|
2634
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
2636
|
+
.bp_dropdown_menu_module_ellipsis--83ff8{
|
|
2637
|
+
min-width:0;
|
|
2638
|
+
overflow:hidden;
|
|
2639
|
+
text-overflow:ellipsis;
|
|
2640
|
+
white-space:nowrap;
|
|
2641
|
+
}
|
|
2642
|
+
.bp_dropdown_menu_module_itemBody--83ff8{
|
|
2643
|
+
flex:1;
|
|
2644
|
+
min-width:0;
|
|
2645
|
+
overflow:hidden;
|
|
2646
|
+
}
|
|
2647
|
+
.bp_dropdown_menu_module_itemOverflow--83ff8{
|
|
2648
|
+
min-width:0;
|
|
2635
2649
|
overflow:hidden;
|
|
2636
2650
|
text-overflow:ellipsis;
|
|
2637
2651
|
white-space:nowrap;
|
|
2638
2652
|
}
|
|
2639
2653
|
|
|
2640
|
-
.
|
|
2654
|
+
.bp_dropdown_menu_module_menuItemCaption--83ff8{
|
|
2655
|
+
-webkit-box-orient:vertical;
|
|
2656
|
+
-webkit-line-clamp:2;
|
|
2657
|
+
color:var(--dropdown-menu-caption-text-color);
|
|
2658
|
+
display:-webkit-box;
|
|
2659
|
+
overflow:hidden;
|
|
2660
|
+
overflow-wrap:break-word;
|
|
2661
|
+
white-space:normal;
|
|
2662
|
+
width:100%;
|
|
2663
|
+
}
|
|
2664
|
+
|
|
2665
|
+
.bp_dropdown_menu_module_checkmark--83ff8{
|
|
2641
2666
|
align-items:center;
|
|
2642
2667
|
display:inline-flex;
|
|
2643
2668
|
justify-content:center;
|
|
@@ -2645,11 +2670,11 @@
|
|
|
2645
2670
|
position:absolute;
|
|
2646
2671
|
}
|
|
2647
2672
|
|
|
2648
|
-
.bp_dropdown_menu_module_checkmark--
|
|
2673
|
+
.bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2649
2674
|
left:var(--dropdown-menu-medium-checkmark-left);
|
|
2650
2675
|
}
|
|
2651
2676
|
|
|
2652
|
-
.bp_dropdown_menu_module_item--
|
|
2677
|
+
.bp_dropdown_menu_module_item--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8{
|
|
2653
2678
|
align-items:center;
|
|
2654
2679
|
border:var(--dropdown-menu-item-border);
|
|
2655
2680
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -2662,74 +2687,107 @@
|
|
|
2662
2687
|
-webkit-user-select:none;
|
|
2663
2688
|
user-select:none;
|
|
2664
2689
|
}
|
|
2665
|
-
.bp_dropdown_menu_module_item--
|
|
2690
|
+
.bp_dropdown_menu_module_item--83ff8[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-disabled]{
|
|
2666
2691
|
opacity:60%;
|
|
2667
2692
|
pointer-events:none;
|
|
2668
2693
|
}
|
|
2669
|
-
.bp_dropdown_menu_module_item--
|
|
2694
|
+
.bp_dropdown_menu_module_item--83ff8[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-highlighted]{
|
|
2670
2695
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
2671
2696
|
border:var(--dropdown-menu-item-border-focus);
|
|
2672
2697
|
}
|
|
2673
|
-
.bp_dropdown_menu_module_item--
|
|
2698
|
+
.bp_dropdown_menu_module_item--83ff8[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-state=open][data-highlighted]{
|
|
2674
2699
|
border:var(--dropdown-menu-item-border);
|
|
2675
2700
|
}
|
|
2676
|
-
.bp_dropdown_menu_module_item--
|
|
2701
|
+
.bp_dropdown_menu_module_item--83ff8:active,.bp_dropdown_menu_module_subMenuTrigger--83ff8:active{
|
|
2677
2702
|
background-color:var(--dropdown-menu-item-background-active);
|
|
2678
2703
|
border:var(--dropdown-menu-item-border-active);
|
|
2679
2704
|
}
|
|
2680
|
-
.bp_dropdown_menu_module_item--
|
|
2705
|
+
.bp_dropdown_menu_module_item--83ff8[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--83ff8[data-state=open]{
|
|
2681
2706
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
2682
2707
|
}
|
|
2683
|
-
.bp_dropdown_menu_module_item--
|
|
2708
|
+
.bp_dropdown_menu_module_item--83ff8:hover,.bp_dropdown_menu_module_subMenuTrigger--83ff8:hover{
|
|
2684
2709
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
2685
2710
|
border:var(--dropdown-menu-item-border-hover);
|
|
2686
2711
|
}
|
|
2687
|
-
.bp_dropdown_menu_module_item--
|
|
2688
|
-
padding:.4375rem
|
|
2712
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8{
|
|
2713
|
+
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
2714
|
+
}
|
|
2715
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8{
|
|
2716
|
+
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
2717
|
+
left:auto;
|
|
2718
|
+
}
|
|
2719
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2720
|
+
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
2721
|
+
left:auto;
|
|
2689
2722
|
}
|
|
2690
|
-
.bp_dropdown_menu_module_item--
|
|
2723
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_radioItemMediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_radioItemMediumSpacing--83ff8{
|
|
2691
2724
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
2692
2725
|
}
|
|
2693
|
-
.bp_dropdown_menu_module_item--
|
|
2694
|
-
|
|
2726
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)),.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_radioItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)){
|
|
2727
|
+
text-overflow:ellipsis;
|
|
2728
|
+
white-space:nowrap;
|
|
2729
|
+
}
|
|
2730
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8{
|
|
2731
|
+
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
2732
|
+
}
|
|
2733
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8{
|
|
2734
|
+
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
2735
|
+
left:auto;
|
|
2736
|
+
}
|
|
2737
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkmark--83ff8.bp_dropdown_menu_module_mediumSpacing--83ff8{
|
|
2738
|
+
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
2739
|
+
left:auto;
|
|
2695
2740
|
}
|
|
2696
|
-
.bp_dropdown_menu_module_item--
|
|
2741
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8{
|
|
2697
2742
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
2698
2743
|
}
|
|
2699
|
-
.bp_dropdown_menu_module_item--
|
|
2744
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)),.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_checkboxItem--83ff8 .bp_dropdown_menu_module_itemBody--83ff8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--83ff8)){
|
|
2745
|
+
text-overflow:ellipsis;
|
|
2746
|
+
white-space:nowrap;
|
|
2747
|
+
}
|
|
2748
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_mediumItemLayout--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_mediumItemLayout--83ff8{
|
|
2700
2749
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
2701
2750
|
justify-content:space-between;
|
|
2702
2751
|
overflow:hidden;
|
|
2703
2752
|
}
|
|
2704
|
-
.bp_dropdown_menu_module_item--
|
|
2753
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_startElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_startElement--83ff8{
|
|
2705
2754
|
align-items:center;
|
|
2706
2755
|
display:flex;
|
|
2707
2756
|
}
|
|
2708
|
-
.bp_dropdown_menu_module_item--
|
|
2757
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8{
|
|
2758
|
+
display:flex;
|
|
2759
|
+
flex-direction:column;
|
|
2709
2760
|
flex-grow:1;
|
|
2761
|
+
min-width:0;
|
|
2762
|
+
}
|
|
2763
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8{
|
|
2764
|
+
display:block;
|
|
2765
|
+
overflow:hidden;
|
|
2766
|
+
text-overflow:ellipsis;
|
|
2767
|
+
white-space:nowrap;
|
|
2710
2768
|
}
|
|
2711
|
-
.bp_dropdown_menu_module_item--
|
|
2769
|
+
.bp_dropdown_menu_module_item--83ff8 .bp_dropdown_menu_module_endElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8 .bp_dropdown_menu_module_endElement--83ff8{
|
|
2712
2770
|
align-items:center;
|
|
2713
2771
|
color:var(--dropdown-menu-end-element-color);
|
|
2714
2772
|
display:flex;
|
|
2715
2773
|
}
|
|
2716
|
-
.bp_dropdown_menu_module_item--
|
|
2774
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8{
|
|
2717
2775
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2718
2776
|
}
|
|
2719
|
-
.bp_dropdown_menu_module_item--
|
|
2777
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8 span,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_menuItemMainContent--83ff8 span{
|
|
2720
2778
|
color:inherit;
|
|
2721
2779
|
}
|
|
2722
|
-
.bp_dropdown_menu_module_item--
|
|
2780
|
+
.bp_dropdown_menu_module_item--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_endElement--83ff8,.bp_dropdown_menu_module_subMenuTrigger--83ff8.bp_dropdown_menu_module_destructive--83ff8 .bp_dropdown_menu_module_endElement--83ff8{
|
|
2723
2781
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2724
2782
|
}
|
|
2725
|
-
.bp_dropdown_menu_module_item--
|
|
2783
|
+
.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_ellipsis--83ff8),.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_itemBody--83ff8),.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8){
|
|
2726
2784
|
border-radius:var(--dropdown-menu-item-radius);
|
|
2727
2785
|
}
|
|
2728
|
-
.bp_dropdown_menu_module_item--
|
|
2786
|
+
.bp_dropdown_menu_module_item--83ff8:has(.bp_dropdown_menu_module_mediumItemLayout--83ff8){
|
|
2729
2787
|
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
2730
2788
|
}
|
|
2731
2789
|
|
|
2732
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
2790
|
+
.bp_dropdown_menu_module_menuHeader--83ff8{
|
|
2733
2791
|
align-items:center;
|
|
2734
2792
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
2735
2793
|
display:grid;
|
|
@@ -2739,15 +2797,15 @@
|
|
|
2739
2797
|
padding:var(--dropdown-menu-header-padding);
|
|
2740
2798
|
}
|
|
2741
2799
|
|
|
2742
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
2800
|
+
.bp_dropdown_menu_module_headerTextContent--83ff8{
|
|
2743
2801
|
display:grid;
|
|
2744
2802
|
}
|
|
2745
2803
|
|
|
2746
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2804
|
+
.bp_dropdown_menu_module_submenuCloseButton--83ff8{
|
|
2747
2805
|
grid-area:submenu-close;
|
|
2748
2806
|
}
|
|
2749
2807
|
|
|
2750
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2808
|
+
.bp_dropdown_menu_module_menuCloseButton--83ff8{
|
|
2751
2809
|
grid-area:close;
|
|
2752
2810
|
}
|
|
2753
2811
|
.bp_divider_module_divider--2f437{
|
|
@@ -2757,10 +2815,10 @@
|
|
|
2757
2815
|
height:var(--border-1);
|
|
2758
2816
|
margin-block:0;
|
|
2759
2817
|
}
|
|
2760
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2818
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false]{
|
|
2761
2819
|
--menu-item-text-color:var(--text-text-on-light);
|
|
2762
2820
|
}
|
|
2763
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2821
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_label--dd1ef{
|
|
2764
2822
|
font-family:var(--body-default-font-family);
|
|
2765
2823
|
font-size:var(--body-default-font-size);
|
|
2766
2824
|
font-weight:var(--body-default-font-weight);
|
|
@@ -2769,7 +2827,7 @@
|
|
|
2769
2827
|
text-decoration:var(--body-default-text-decoration);
|
|
2770
2828
|
text-transform:var(--body-default-text-case);
|
|
2771
2829
|
}
|
|
2772
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2830
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2773
2831
|
font-family:var(--body-default-bold-font-family);
|
|
2774
2832
|
font-size:var(--body-default-bold-font-size);
|
|
2775
2833
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -2778,7 +2836,7 @@
|
|
|
2778
2836
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
2779
2837
|
text-transform:var(--body-default-bold-text-case);
|
|
2780
2838
|
}
|
|
2781
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2839
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=false] .bp_menu_item_sections_module_description--dd1ef{
|
|
2782
2840
|
font-family:var(--body-default-font-family);
|
|
2783
2841
|
font-size:var(--body-default-font-size);
|
|
2784
2842
|
font-weight:var(--body-default-font-weight);
|
|
@@ -2788,23 +2846,23 @@
|
|
|
2788
2846
|
text-transform:var(--body-default-text-case);
|
|
2789
2847
|
}
|
|
2790
2848
|
|
|
2791
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2849
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true]{
|
|
2792
2850
|
--menu-item-text-color:var(--bp-text-text-on-light);
|
|
2793
2851
|
}
|
|
2794
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2852
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef{
|
|
2795
2853
|
font-weight:var(--bp-font-weight-regular);
|
|
2796
2854
|
}
|
|
2797
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2855
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef,.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2798
2856
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2799
2857
|
font-size:var(--bp-font-size-05);
|
|
2800
2858
|
font-style:normal;
|
|
2801
2859
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2802
2860
|
line-height:var(--bp-font-line-height-04);
|
|
2803
2861
|
}
|
|
2804
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2862
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_label--dd1ef.bp_menu_item_sections_module_bold--dd1ef{
|
|
2805
2863
|
font-weight:var(--bp-font-weight-bold);
|
|
2806
2864
|
}
|
|
2807
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2865
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef[data-modern=true] .bp_menu_item_sections_module_description--dd1ef{
|
|
2808
2866
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2809
2867
|
font-size:var(--bp-font-size-05);
|
|
2810
2868
|
font-style:normal;
|
|
@@ -2813,7 +2871,7 @@
|
|
|
2813
2871
|
line-height:var(--bp-font-line-height-04);
|
|
2814
2872
|
}
|
|
2815
2873
|
|
|
2816
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2874
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef[data-modern=false]{
|
|
2817
2875
|
--menu-item-text-color:var(--text-text-on-light-secondary);
|
|
2818
2876
|
font-family:var(--body-default-font-family);
|
|
2819
2877
|
font-size:var(--body-default-font-size);
|
|
@@ -2824,7 +2882,7 @@
|
|
|
2824
2882
|
text-transform:var(--body-default-text-case);
|
|
2825
2883
|
}
|
|
2826
2884
|
|
|
2827
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2885
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef[data-modern=true]{
|
|
2828
2886
|
--menu-item-text-color:var(--bp-text-text-on-light-secondary);
|
|
2829
2887
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2830
2888
|
font-size:var(--bp-font-size-05);
|
|
@@ -2834,20 +2892,26 @@
|
|
|
2834
2892
|
line-height:var(--bp-font-line-height-04);
|
|
2835
2893
|
}
|
|
2836
2894
|
|
|
2837
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2895
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef{
|
|
2838
2896
|
display:flex;
|
|
2839
2897
|
flex:1;
|
|
2840
2898
|
flex-direction:column;
|
|
2841
2899
|
}
|
|
2842
|
-
.bp_menu_item_sections_module_menuItemMainContent--
|
|
2900
|
+
.bp_menu_item_sections_module_menuItemMainContent--dd1ef .bp_menu_item_sections_module_description--dd1ef{
|
|
2901
|
+
-webkit-box-orient:vertical;
|
|
2902
|
+
-webkit-line-clamp:2;
|
|
2843
2903
|
color:var(--menu-item-text-color);
|
|
2904
|
+
display:-webkit-box;
|
|
2905
|
+
min-width:0;
|
|
2906
|
+
overflow:hidden;
|
|
2907
|
+
overflow-wrap:break-word;
|
|
2844
2908
|
}
|
|
2845
2909
|
|
|
2846
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2910
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef{
|
|
2847
2911
|
align-items:center;
|
|
2848
2912
|
display:flex;
|
|
2849
2913
|
}
|
|
2850
|
-
.bp_menu_item_sections_module_menuItemSideContent--
|
|
2914
|
+
.bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
|
|
2851
2915
|
color:var(--menu-item-text-color);
|
|
2852
2916
|
}
|
|
2853
2917
|
.bp_breadcrumb_module_container--335e0{
|
|
@@ -4585,7 +4649,7 @@
|
|
|
4585
4649
|
.bp_combobox_group_module_comboboxHasFocus--bb178.bp_combobox_group_module_errorSelect--bb178.bp_combobox_group_module_trailing--bb178{
|
|
4586
4650
|
--blueprint-select-border-error-left-width:none;
|
|
4587
4651
|
}
|
|
4588
|
-
.bp_select_module_container--
|
|
4652
|
+
.bp_select_module_container--aba58[data-modern=false]{
|
|
4589
4653
|
--select-gap:var(--space-2);
|
|
4590
4654
|
--select-label-color:var(--text-text-on-light);
|
|
4591
4655
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -4622,7 +4686,7 @@
|
|
|
4622
4686
|
text-decoration:var(--body-default-text-decoration);
|
|
4623
4687
|
text-transform:var(--body-default-text-case);
|
|
4624
4688
|
}
|
|
4625
|
-
.bp_select_module_container--
|
|
4689
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_label--aba58{
|
|
4626
4690
|
font-family:var(--body-default-bold-font-family);
|
|
4627
4691
|
font-size:var(--body-default-bold-font-size);
|
|
4628
4692
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -4631,7 +4695,7 @@
|
|
|
4631
4695
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
4632
4696
|
text-transform:var(--body-default-bold-text-case);
|
|
4633
4697
|
}
|
|
4634
|
-
.bp_select_module_container--
|
|
4698
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_triggerBtn--aba58{
|
|
4635
4699
|
font-family:var(--body-default-font-family);
|
|
4636
4700
|
font-size:var(--body-default-font-size);
|
|
4637
4701
|
font-weight:var(--body-default-font-weight);
|
|
@@ -4641,7 +4705,7 @@
|
|
|
4641
4705
|
text-transform:var(--body-default-text-case);
|
|
4642
4706
|
}
|
|
4643
4707
|
|
|
4644
|
-
.bp_select_module_container--
|
|
4708
|
+
.bp_select_module_container--aba58[data-modern=true]{
|
|
4645
4709
|
--select-gap:var(--bp-space-020);
|
|
4646
4710
|
--select-label-color:var(--bp-text-text-on-light);
|
|
4647
4711
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -4672,17 +4736,17 @@
|
|
|
4672
4736
|
--select-trigger-left-element-size:var(--bp-size-060);
|
|
4673
4737
|
font-weight:var(--bp-font-weight-regular);
|
|
4674
4738
|
}
|
|
4675
|
-
.bp_select_module_container--
|
|
4739
|
+
.bp_select_module_container--aba58[data-modern=true],.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4676
4740
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4677
4741
|
font-size:var(--bp-font-size-05);
|
|
4678
4742
|
font-style:normal;
|
|
4679
4743
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4680
4744
|
line-height:var(--bp-font-line-height-04);
|
|
4681
4745
|
}
|
|
4682
|
-
.bp_select_module_container--
|
|
4746
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4683
4747
|
font-weight:var(--bp-font-weight-bold);
|
|
4684
4748
|
}
|
|
4685
|
-
.bp_select_module_container--
|
|
4749
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_triggerBtn--aba58{
|
|
4686
4750
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4687
4751
|
font-size:var(--bp-font-size-05);
|
|
4688
4752
|
font-style:normal;
|
|
@@ -4691,26 +4755,26 @@
|
|
|
4691
4755
|
line-height:var(--bp-font-line-height-04);
|
|
4692
4756
|
}
|
|
4693
4757
|
|
|
4694
|
-
.bp_select_module_ellipsis--
|
|
4758
|
+
.bp_select_module_ellipsis--aba58{
|
|
4695
4759
|
overflow:hidden;
|
|
4696
4760
|
text-overflow:ellipsis;
|
|
4697
4761
|
white-space:nowrap;
|
|
4698
4762
|
}
|
|
4699
4763
|
|
|
4700
|
-
.bp_select_module_container--
|
|
4764
|
+
.bp_select_module_container--aba58{
|
|
4701
4765
|
display:flex;
|
|
4702
4766
|
flex-direction:column;
|
|
4703
4767
|
gap:var(--select-gap);
|
|
4704
4768
|
}
|
|
4705
|
-
.bp_select_module_container--
|
|
4769
|
+
.bp_select_module_container--aba58.bp_select_module_disabled--aba58{
|
|
4706
4770
|
opacity:60%;
|
|
4707
4771
|
}
|
|
4708
|
-
.bp_select_module_container--
|
|
4772
|
+
.bp_select_module_container--aba58 .bp_select_module_label--aba58{
|
|
4709
4773
|
color:var(--select-label-color);
|
|
4710
4774
|
flex:0 0 fit-content;
|
|
4711
4775
|
overflow-wrap:break-word;
|
|
4712
4776
|
}
|
|
4713
|
-
.bp_select_module_container--
|
|
4777
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58{
|
|
4714
4778
|
align-items:center;
|
|
4715
4779
|
background-color:var(--select-trigger-btn-bg-color);
|
|
4716
4780
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -4731,7 +4795,7 @@
|
|
|
4731
4795
|
text-align:start;
|
|
4732
4796
|
width:100%;
|
|
4733
4797
|
}
|
|
4734
|
-
.bp_select_module_container--
|
|
4798
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerValue--aba58{
|
|
4735
4799
|
align-items:center;
|
|
4736
4800
|
display:flex;
|
|
4737
4801
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -4740,7 +4804,7 @@
|
|
|
4740
4804
|
text-overflow:ellipsis;
|
|
4741
4805
|
white-space:nowrap;
|
|
4742
4806
|
}
|
|
4743
|
-
.bp_select_module_container--
|
|
4807
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerLeftElement--aba58{
|
|
4744
4808
|
align-items:center;
|
|
4745
4809
|
display:flex;
|
|
4746
4810
|
flex-shrink:0;
|
|
@@ -4748,58 +4812,58 @@
|
|
|
4748
4812
|
justify-content:center;
|
|
4749
4813
|
width:var(--select-trigger-left-element-size);
|
|
4750
4814
|
}
|
|
4751
|
-
.bp_select_module_container--
|
|
4815
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 span{
|
|
4752
4816
|
overflow:hidden;
|
|
4753
4817
|
text-overflow:ellipsis;
|
|
4754
4818
|
white-space:nowrap;
|
|
4755
4819
|
}
|
|
4756
|
-
.bp_select_module_container--
|
|
4820
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:disabled{
|
|
4757
4821
|
cursor:default;
|
|
4758
4822
|
}
|
|
4759
|
-
.bp_select_module_container--
|
|
4823
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58.bp_select_module_readonly--aba58:not(:disabled){
|
|
4760
4824
|
background-color:var(--gray-02);
|
|
4761
4825
|
box-shadow:none;
|
|
4762
4826
|
color:var(--text-text-on-light-secondary);
|
|
4763
4827
|
cursor:default;
|
|
4764
4828
|
}
|
|
4765
|
-
.bp_select_module_container--
|
|
4829
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled).bp_select_module_error--aba58, .bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled)[aria-invalid=true]{
|
|
4766
4830
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
4767
4831
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
4768
4832
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
4769
4833
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
4770
4834
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
4771
4835
|
}
|
|
4772
|
-
.bp_select_module_container--
|
|
4836
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58):focus,.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled).bp_select_module_error--aba58:focus,.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled)[aria-invalid=true]:focus{
|
|
4773
4837
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
4774
4838
|
border:var(--select-trigger-btn-focus-border);
|
|
4775
4839
|
}
|
|
4776
|
-
.bp_select_module_container--
|
|
4840
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:not(.bp_select_module_readonly--aba58, :disabled, :focus, .bp_select_module_error--aba58, [aria-invalid=true]):hover{
|
|
4777
4841
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
4778
4842
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
4779
4843
|
}
|
|
4780
|
-
.bp_select_module_container--
|
|
4844
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconWrapper--aba58{
|
|
4781
4845
|
flex-shrink:0;
|
|
4782
4846
|
-webkit-user-select:none;
|
|
4783
4847
|
user-select:none;
|
|
4784
4848
|
}
|
|
4785
|
-
.bp_select_module_container--
|
|
4849
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58{
|
|
4786
4850
|
display:block;
|
|
4787
4851
|
height:var(--select-trigger-btn-caret-height);
|
|
4788
4852
|
width:var(--select-trigger-btn-caret-width);
|
|
4789
4853
|
}
|
|
4790
|
-
.bp_select_module_container--
|
|
4854
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58 path{
|
|
4791
4855
|
fill:var(--select-trigger-btn-caret-color);
|
|
4792
4856
|
}
|
|
4793
|
-
.bp_select_module_container--
|
|
4857
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconPencilCrossed--aba58{
|
|
4794
4858
|
display:block;
|
|
4795
4859
|
height:var(--select-trigger-btn-pencil-height);
|
|
4796
4860
|
width:var(--select-trigger-btn-pencil-width);
|
|
4797
4861
|
}
|
|
4798
|
-
.bp_select_module_container--
|
|
4862
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58[data-state=open] .bp_select_module_icon--aba58{
|
|
4799
4863
|
transform:rotate(180deg);
|
|
4800
4864
|
}
|
|
4801
4865
|
|
|
4802
|
-
.bp_select_module_content--
|
|
4866
|
+
.bp_select_module_content--aba58[data-modern=false]{
|
|
4803
4867
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
4804
4868
|
--select-content-backdrop-filter:none;
|
|
4805
4869
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -4811,14 +4875,12 @@
|
|
|
4811
4875
|
--select-content-viewport-option-border:var(--border-2) solid #0000;
|
|
4812
4876
|
--select-content-viewport-option-border-radius:var(--space-2);
|
|
4813
4877
|
--select-content-viewport-option-padding-block:var(--space-2);
|
|
4814
|
-
--select-content-viewport-option-padding-inline:var(--space-
|
|
4815
|
-
--select-content-viewport-option-padding-inline-reversed:var(--space-2) var(--space-10);
|
|
4878
|
+
--select-content-viewport-option-padding-inline:var(--space-2) var(--space-10);
|
|
4816
4879
|
--select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
|
|
4817
4880
|
--select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
4818
4881
|
--select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
|
|
4819
4882
|
--select-content-viewport-option-secondary-text-color:var(--text-text-on-light-secondary);
|
|
4820
|
-
--select-content-viewport-option-indicator-
|
|
4821
|
-
--select-content-viewport-option-indicator-right:var(--space-2);
|
|
4883
|
+
--select-content-viewport-option-indicator-inline-end:var(--space-2);
|
|
4822
4884
|
--select-content-viewport-option-indicator-color:var(--icon-icon-on-light);
|
|
4823
4885
|
--select-content-viewport-option-separator-height:var(--border-1);
|
|
4824
4886
|
--select-content-viewport-option-separator-bg-color:var(--border-divider-border);
|
|
@@ -4833,7 +4895,7 @@
|
|
|
4833
4895
|
text-transform:var(--body-default-text-case);
|
|
4834
4896
|
}
|
|
4835
4897
|
|
|
4836
|
-
.bp_select_module_content--
|
|
4898
|
+
.bp_select_module_content--aba58[data-modern=true]{
|
|
4837
4899
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
4838
4900
|
--select-content-backdrop-filter:blur(16px);
|
|
4839
4901
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -4845,14 +4907,12 @@
|
|
|
4845
4907
|
--select-content-viewport-option-border:var(--bp-border-02) solid #0000;
|
|
4846
4908
|
--select-content-viewport-option-border-radius:var(--bp-radius-06);
|
|
4847
4909
|
--select-content-viewport-option-padding-block:var(--bp-space-020);
|
|
4848
|
-
--select-content-viewport-option-padding-inline:var(--bp-space-
|
|
4849
|
-
--select-content-viewport-option-padding-inline-reversed:var(--bp-space-020) var(--bp-space-100);
|
|
4910
|
+
--select-content-viewport-option-padding-inline:var(--bp-space-020) var(--bp-space-100);
|
|
4850
4911
|
--select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4851
4912
|
--select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4852
4913
|
--select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4853
4914
|
--select-content-viewport-option-secondary-text-color:var(--bp-text-text-on-light-secondary);
|
|
4854
|
-
--select-content-viewport-option-indicator-
|
|
4855
|
-
--select-content-viewport-option-indicator-right:var(--bp-space-020);
|
|
4915
|
+
--select-content-viewport-option-indicator-inline-end:var(--bp-space-020);
|
|
4856
4916
|
--select-content-viewport-option-indicator-color:var(--bp-icon-icon-on-light);
|
|
4857
4917
|
--select-content-viewport-option-separator-height:var(--bp-border-01);
|
|
4858
4918
|
--select-content-viewport-option-separator-bg-color:var(--bp-border-divider-border);
|
|
@@ -4866,23 +4926,23 @@
|
|
|
4866
4926
|
line-height:var(--bp-font-line-height-04);
|
|
4867
4927
|
}
|
|
4868
4928
|
|
|
4869
|
-
.bp_select_module_content--
|
|
4929
|
+
.bp_select_module_content--aba58{
|
|
4870
4930
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
4871
4931
|
background-color:var(--select-content-bg-color);
|
|
4872
4932
|
border:var(--select-content-border);
|
|
4873
4933
|
border-radius:var(--select-content-border-radius);
|
|
4874
4934
|
box-shadow:var(--dropshadow-3);
|
|
4875
4935
|
max-height:var(--blueprint-select-content-max-height, var(--radix-select-content-available-height));
|
|
4876
|
-
max-width:min(var(--blueprint-select-content-max-width,
|
|
4936
|
+
max-width:min(var(--blueprint-select-content-max-width, 30vw), var(--radix-select-content-available-width));
|
|
4877
4937
|
min-width:var(--blueprint-select-content-min-width, var(--radix-select-trigger-width));
|
|
4878
|
-
overflow:auto;
|
|
4938
|
+
overflow:hidden auto;
|
|
4879
4939
|
z-index:380;
|
|
4880
4940
|
}
|
|
4881
|
-
.bp_select_module_content--
|
|
4941
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58{
|
|
4882
4942
|
padding-block:var(--select-content-viewport-padding-block);
|
|
4883
4943
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
4884
4944
|
}
|
|
4885
|
-
.bp_select_module_content--
|
|
4945
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58{
|
|
4886
4946
|
align-items:center;
|
|
4887
4947
|
border:var(--select-content-viewport-option-border);
|
|
4888
4948
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -4898,18 +4958,24 @@
|
|
|
4898
4958
|
-webkit-user-select:none;
|
|
4899
4959
|
user-select:none;
|
|
4900
4960
|
}
|
|
4901
|
-
.bp_select_module_content--
|
|
4961
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58[data-disabled]{
|
|
4902
4962
|
opacity:60%;
|
|
4903
4963
|
pointer-events:none;
|
|
4904
4964
|
}
|
|
4905
|
-
.bp_select_module_content--
|
|
4965
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:focus-visible{
|
|
4906
4966
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
4907
4967
|
border:var(--select-content-viewport-option-focus-border);
|
|
4908
4968
|
}
|
|
4909
|
-
.bp_select_module_content--
|
|
4969
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:hover{
|
|
4910
4970
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
4911
4971
|
}
|
|
4912
|
-
.bp_select_module_content--
|
|
4972
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_secondaryText--aba58{
|
|
4973
|
+
color:var(--select-content-viewport-option-secondary-text-color);
|
|
4974
|
+
min-width:0;
|
|
4975
|
+
overflow-wrap:break-word;
|
|
4976
|
+
white-space:normal;
|
|
4977
|
+
}
|
|
4978
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58{
|
|
4913
4979
|
align-items:center;
|
|
4914
4980
|
display:flex;
|
|
4915
4981
|
flex:1;
|
|
@@ -4918,23 +4984,24 @@
|
|
|
4918
4984
|
min-width:0;
|
|
4919
4985
|
overflow:hidden;
|
|
4920
4986
|
}
|
|
4921
|
-
.bp_select_module_content--
|
|
4987
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58 span:first-child{
|
|
4922
4988
|
overflow:hidden;
|
|
4923
4989
|
overflow-wrap:break-word;
|
|
4924
4990
|
}
|
|
4925
|
-
.bp_select_module_content--
|
|
4991
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58.bp_select_module_ellipsis--aba58 span:first-child{
|
|
4926
4992
|
overflow-wrap:normal;
|
|
4927
4993
|
text-overflow:ellipsis;
|
|
4928
4994
|
white-space:nowrap;
|
|
4929
4995
|
width:100%;
|
|
4930
4996
|
}
|
|
4931
|
-
.bp_select_module_content--
|
|
4932
|
-
|
|
4933
|
-
|
|
4934
|
-
|
|
4997
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58.bp_select_module_ellipsis--aba58 .bp_select_module_secondaryText--aba58{
|
|
4998
|
+
-webkit-box-orient:vertical;
|
|
4999
|
+
-webkit-line-clamp:2;
|
|
5000
|
+
display:-webkit-box;
|
|
5001
|
+
overflow:hidden;
|
|
4935
5002
|
width:100%;
|
|
4936
5003
|
}
|
|
4937
|
-
.bp_select_module_content--
|
|
5004
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_leftElement--aba58{
|
|
4938
5005
|
align-items:center;
|
|
4939
5006
|
display:flex;
|
|
4940
5007
|
flex-shrink:0;
|
|
@@ -4942,37 +5009,36 @@
|
|
|
4942
5009
|
justify-content:center;
|
|
4943
5010
|
width:var(--select-content-viewport-option-left-element-size);
|
|
4944
5011
|
}
|
|
4945
|
-
.bp_select_module_content--
|
|
4946
|
-
padding-inline:var(--select-content-viewport-option-padding-inline-reversed);
|
|
4947
|
-
}
|
|
4948
|
-
.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637.bp_select_module_hasLeftElement--1b637 .bp_select_module_textWrapper--1b637{
|
|
5012
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58.bp_select_module_hasLeftElement--aba58 .bp_select_module_textWrapper--aba58{
|
|
4949
5013
|
align-items:flex-start;
|
|
4950
5014
|
flex-direction:column;
|
|
4951
5015
|
}
|
|
4952
|
-
.bp_select_module_content--
|
|
5016
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58.bp_select_module_hasLeftElement--aba58 .bp_select_module_textWrapper--aba58 .bp_select_module_secondaryText--aba58{
|
|
5017
|
+
width:100%;
|
|
5018
|
+
}
|
|
5019
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58{
|
|
4953
5020
|
align-items:center;
|
|
4954
5021
|
display:flex;
|
|
4955
5022
|
height:100%;
|
|
5023
|
+
inset-inline-end:var(--select-content-viewport-option-indicator-inline-end);
|
|
4956
5024
|
justify-content:center;
|
|
4957
|
-
left:var(--select-content-viewport-option-indicator-left);
|
|
4958
5025
|
position:absolute;
|
|
4959
5026
|
top:0;
|
|
4960
5027
|
}
|
|
4961
|
-
.bp_select_module_content--
|
|
5028
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58 path{
|
|
4962
5029
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
4963
5030
|
}
|
|
4964
|
-
.bp_select_module_content--
|
|
4965
|
-
left:auto;
|
|
4966
|
-
right:var(--select-content-viewport-option-indicator-right);
|
|
4967
|
-
}
|
|
4968
|
-
.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_separator--1b637{
|
|
5031
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_separator--aba58{
|
|
4969
5032
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
4970
5033
|
flex-shrink:0;
|
|
4971
5034
|
height:var(--select-content-viewport-option-separator-height);
|
|
4972
5035
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
4973
5036
|
}
|
|
4974
|
-
.bp_select_module_content--
|
|
4975
|
-
|
|
5037
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58.bp_select_module_withTruncatedText--aba58{
|
|
5038
|
+
box-sizing:border-box;
|
|
5039
|
+
display:block !important;
|
|
5040
|
+
max-width:100%;
|
|
5041
|
+
min-width:0 !important;
|
|
4976
5042
|
width:100%;
|
|
4977
5043
|
}
|
|
4978
5044
|
|
|
@@ -38,7 +38,12 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
|
|
|
38
38
|
// If click starts at trigger button, and ends on the item, it should not trigger the item.
|
|
39
39
|
// Note: this also has a side effect of not allowing to start click and end on a different time.
|
|
40
40
|
onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
|
|
41
|
-
children: [jsx(
|
|
41
|
+
children: [jsx("span", {
|
|
42
|
+
className: clsx(styles.itemBody, {
|
|
43
|
+
[styles.checkboxItemMediumSpacing]: !isSizeSmall
|
|
44
|
+
}),
|
|
45
|
+
children: children
|
|
46
|
+
}), jsx(DropdownMenuPrimitive.ItemIndicator, {
|
|
42
47
|
className: clsx(styles.checkmark, {
|
|
43
48
|
[styles.mediumSpacing]: !isSizeSmall
|
|
44
49
|
}),
|
|
@@ -48,11 +53,6 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
|
|
|
48
53
|
role: "presentation",
|
|
49
54
|
width: checkmarkSize
|
|
50
55
|
})
|
|
51
|
-
}), jsx("span", {
|
|
52
|
-
className: clsx(styles.ellipsis, {
|
|
53
|
-
[styles.checkboxItemMediumSpacing]: !isSizeSmall
|
|
54
|
-
}),
|
|
55
|
-
children: children
|
|
56
56
|
})]
|
|
57
57
|
});
|
|
58
58
|
});
|
|
@@ -23,7 +23,7 @@ const DropdownMenuItemBase = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23
23
|
const {
|
|
24
24
|
internalSize
|
|
25
25
|
} = useMenuItemVariant();
|
|
26
|
-
const sizeStyles = internalSize === 'small' ? styles.
|
|
26
|
+
const sizeStyles = internalSize === 'small' ? styles.itemOverflow : styles.mediumItemLayout;
|
|
27
27
|
const preventDefault = useCallback(event => event.preventDefault(), []);
|
|
28
28
|
return jsx(ItemVariantContext.Provider, {
|
|
29
29
|
value: variant,
|
|
@@ -58,15 +58,15 @@ const MenuItemMainContent = /*#__PURE__*/forwardRef(({
|
|
|
58
58
|
return jsx("div", {
|
|
59
59
|
...rest,
|
|
60
60
|
ref: ref,
|
|
61
|
-
className: clsx(styles.menuItemMainContent, styles.
|
|
62
|
-
children: children
|
|
61
|
+
className: clsx(styles.menuItemMainContent, children !== undefined && styles.menuItemMainContent_directChild, className),
|
|
62
|
+
children: children !== undefined ? children : jsxs(Fragment, {
|
|
63
63
|
children: [jsx(Text, {
|
|
64
64
|
as: "span",
|
|
65
65
|
className: styles.ellipsis,
|
|
66
66
|
variant: labelVariant,
|
|
67
67
|
children: label
|
|
68
68
|
}), caption ? jsx("div", {
|
|
69
|
-
className: styles.
|
|
69
|
+
className: styles.menuItemCaption,
|
|
70
70
|
children: jsx(Text, {
|
|
71
71
|
as: "span",
|
|
72
72
|
color: "textOnLightSecondary",
|
|
@@ -39,7 +39,12 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
|
|
|
39
39
|
// If click starts at trigger button, and ends on the item, it should not trigger the item.
|
|
40
40
|
// Note: this also has a side effect of not allowing to start click and end on a different time.
|
|
41
41
|
onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
|
|
42
|
-
children: [jsx(
|
|
42
|
+
children: [jsx("span", {
|
|
43
|
+
className: clsx(styles.itemBody, {
|
|
44
|
+
[styles.radioItemMediumSpacing]: !isSizeSmall
|
|
45
|
+
}),
|
|
46
|
+
children: children ?? value
|
|
47
|
+
}), jsx(DropdownMenuPrimitive.ItemIndicator, {
|
|
43
48
|
className: clsx(styles.checkmark, {
|
|
44
49
|
[styles.mediumSpacing]: !isSizeSmall
|
|
45
50
|
}),
|
|
@@ -49,11 +54,6 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
|
|
|
49
54
|
role: "presentation",
|
|
50
55
|
width: checkmarkSize
|
|
51
56
|
})
|
|
52
|
-
}), jsx("span", {
|
|
53
|
-
className: clsx(styles.ellipsis, {
|
|
54
|
-
[styles.radioItemMediumSpacing]: !isSizeSmall
|
|
55
|
-
}),
|
|
56
|
-
children: children ?? value
|
|
57
57
|
})]
|
|
58
58
|
});
|
|
59
59
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"content":"bp_dropdown_menu_module_content--
|
|
2
|
+
var styles = {"content":"bp_dropdown_menu_module_content--83ff8","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--83ff8","subheader":"bp_dropdown_menu_module_subheader--83ff8","uppercased":"bp_dropdown_menu_module_uppercased--83ff8","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--83ff8","ellipsis":"bp_dropdown_menu_module_ellipsis--83ff8","itemBody":"bp_dropdown_menu_module_itemBody--83ff8","itemOverflow":"bp_dropdown_menu_module_itemOverflow--83ff8","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--83ff8","checkmark":"bp_dropdown_menu_module_checkmark--83ff8","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--83ff8","item":"bp_dropdown_menu_module_item--83ff8","radioItem":"bp_dropdown_menu_module_radioItem--83ff8","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--83ff8","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--83ff8","checkboxItem":"bp_dropdown_menu_module_checkboxItem--83ff8","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--83ff8","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--83ff8","startElement":"bp_dropdown_menu_module_startElement--83ff8","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--83ff8","endElement":"bp_dropdown_menu_module_endElement--83ff8","destructive":"bp_dropdown_menu_module_destructive--83ff8","menuHeader":"bp_dropdown_menu_module_menuHeader--83ff8","headerTextContent":"bp_dropdown_menu_module_headerTextContent--83ff8","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--83ff8","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--83ff8"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -268,15 +268,11 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
268
268
|
children: [jsx(SelectPrimitive.ItemText, {
|
|
269
269
|
children: text
|
|
270
270
|
}), !!secondaryText && jsx("span", {
|
|
271
|
-
className:
|
|
272
|
-
[styles.ellipsis]: truncateText
|
|
273
|
-
}),
|
|
271
|
+
className: styles.secondaryText,
|
|
274
272
|
children: secondaryText
|
|
275
273
|
})]
|
|
276
274
|
}), !itemProps.disabled && jsx(SelectPrimitive.ItemIndicator, {
|
|
277
|
-
className:
|
|
278
|
-
[styles.indicatorRight]: hasLeftElement
|
|
279
|
-
}),
|
|
275
|
+
className: styles.indicator,
|
|
280
276
|
children: jsx(Checkmark, {})
|
|
281
277
|
})]
|
|
282
278
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_select_module_container--
|
|
2
|
+
var styles = {"container":"bp_select_module_container--aba58","label":"bp_select_module_label--aba58","triggerBtn":"bp_select_module_triggerBtn--aba58","ellipsis":"bp_select_module_ellipsis--aba58","disabled":"bp_select_module_disabled--aba58","triggerValue":"bp_select_module_triggerValue--aba58","triggerLeftElement":"bp_select_module_triggerLeftElement--aba58","readonly":"bp_select_module_readonly--aba58","error":"bp_select_module_error--aba58","iconWrapper":"bp_select_module_iconWrapper--aba58","iconCaret":"bp_select_module_iconCaret--aba58","iconPencilCrossed":"bp_select_module_iconPencilCrossed--aba58","content":"bp_select_module_content--aba58","viewport":"bp_select_module_viewport--aba58","option":"bp_select_module_option--aba58","secondaryText":"bp_select_module_secondaryText--aba58","textWrapper":"bp_select_module_textWrapper--aba58","leftElement":"bp_select_module_leftElement--aba58","hasLeftElement":"bp_select_module_hasLeftElement--aba58","indicator":"bp_select_module_indicator--aba58","separator":"bp_select_module_separator--aba58","withTruncatedText":"bp_select_module_withTruncatedText--aba58"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--
|
|
2
|
+
var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--dd1ef","label":"bp_menu_item_sections_module_label--dd1ef","bold":"bp_menu_item_sections_module_bold--dd1ef","description":"bp_menu_item_sections_module_description--dd1ef","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--dd1ef","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--dd1ef"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "13.
|
|
3
|
+
"version": "13.19.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.15",
|
|
49
49
|
"@ariakit/react-core": "0.4.15",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.111.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.111.14",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.17.
|
|
80
|
+
"@box/storybook-utils": "^0.17.14",
|
|
81
81
|
"@figma/code-connect": "1.3.12",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|