@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.
@@ -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--d90ed[data-modern=false]{
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--d90ed[data-modern=true]{
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--d90ed{
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--d90ed[data-menu-fullscreen=true]{
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--d90ed[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--d90ed{
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--d90ed .bp_dropdown_menu_module_subheader--d90ed{
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--d90ed .bp_dropdown_menu_module_subheader--d90ed.bp_dropdown_menu_module_uppercased--d90ed{
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--d90ed .bp_dropdown_menu_module_dropdownMenuItemSeparator--d90ed{
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--d90ed{
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
- .bp_dropdown_menu_module_checkmark--d90ed{
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--d90ed.bp_dropdown_menu_module_mediumSpacing--d90ed{
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--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed{
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--d90ed[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--d90ed[data-disabled]{
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--d90ed[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d90ed[data-highlighted]{
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--d90ed[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d90ed[data-state=open][data-highlighted]{
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--d90ed:active,.bp_dropdown_menu_module_subMenuTrigger--d90ed:active{
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--d90ed[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--d90ed[data-state=open]{
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--d90ed:hover,.bp_dropdown_menu_module_subMenuTrigger--d90ed:hover{
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--d90ed.bp_dropdown_menu_module_radioItem--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_radioItem--d90ed{
2688
- padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
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--d90ed.bp_dropdown_menu_module_radioItem--d90ed .bp_dropdown_menu_module_radioItemMediumSpacing--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_radioItem--d90ed .bp_dropdown_menu_module_radioItemMediumSpacing--d90ed{
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--d90ed.bp_dropdown_menu_module_checkboxItem--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_checkboxItem--d90ed{
2694
- padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
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--d90ed.bp_dropdown_menu_module_checkboxItem--d90ed .bp_dropdown_menu_module_checkboxItemMediumSpacing--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_checkboxItem--d90ed .bp_dropdown_menu_module_checkboxItemMediumSpacing--d90ed{
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--d90ed .bp_dropdown_menu_module_mediumItemLayout--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed .bp_dropdown_menu_module_mediumItemLayout--d90ed{
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--d90ed .bp_dropdown_menu_module_startElement--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed .bp_dropdown_menu_module_startElement--d90ed{
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--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed{
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--d90ed .bp_dropdown_menu_module_endElement--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed .bp_dropdown_menu_module_endElement--d90ed{
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--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed{
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--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed span,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_menuItemMainContent--d90ed span{
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--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_endElement--d90ed,.bp_dropdown_menu_module_subMenuTrigger--d90ed.bp_dropdown_menu_module_destructive--d90ed .bp_dropdown_menu_module_endElement--d90ed{
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--d90ed:has(.bp_dropdown_menu_module_ellipsis--d90ed){
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--d90ed:has(.bp_dropdown_menu_module_mediumItemLayout--d90ed){
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--d90ed{
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--d90ed{
2800
+ .bp_dropdown_menu_module_headerTextContent--83ff8{
2743
2801
  display:grid;
2744
2802
  }
2745
2803
 
2746
- .bp_dropdown_menu_module_submenuCloseButton--d90ed{
2804
+ .bp_dropdown_menu_module_submenuCloseButton--83ff8{
2747
2805
  grid-area:submenu-close;
2748
2806
  }
2749
2807
 
2750
- .bp_dropdown_menu_module_menuCloseButton--d90ed{
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--5517f[data-modern=false]{
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--5517f[data-modern=false] .bp_menu_item_sections_module_label--5517f{
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--5517f[data-modern=false] .bp_menu_item_sections_module_label--5517f.bp_menu_item_sections_module_bold--5517f{
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--5517f[data-modern=false] .bp_menu_item_sections_module_description--5517f{
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--5517f[data-modern=true]{
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--5517f[data-modern=true] .bp_menu_item_sections_module_label--5517f{
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--5517f[data-modern=true] .bp_menu_item_sections_module_label--5517f,.bp_menu_item_sections_module_menuItemMainContent--5517f[data-modern=true] .bp_menu_item_sections_module_label--5517f.bp_menu_item_sections_module_bold--5517f{
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--5517f[data-modern=true] .bp_menu_item_sections_module_label--5517f.bp_menu_item_sections_module_bold--5517f{
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--5517f[data-modern=true] .bp_menu_item_sections_module_description--5517f{
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--5517f[data-modern=false]{
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--5517f[data-modern=true]{
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--5517f{
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--5517f .bp_menu_item_sections_module_description--5517f{
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--5517f{
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--5517f.bp_menu_item_sections_module_textOnLightSecondary--5517f{
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--1b637[data-modern=false]{
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--1b637[data-modern=false] .bp_select_module_label--1b637{
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--1b637[data-modern=false] .bp_select_module_triggerBtn--1b637{
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--1b637[data-modern=true]{
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--1b637[data-modern=true],.bp_select_module_container--1b637[data-modern=true] .bp_select_module_label--1b637{
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--1b637[data-modern=true] .bp_select_module_label--1b637{
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--1b637[data-modern=true] .bp_select_module_triggerBtn--1b637{
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--1b637{
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--1b637{
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--1b637.bp_select_module_disabled--1b637{
4769
+ .bp_select_module_container--aba58.bp_select_module_disabled--aba58{
4706
4770
  opacity:60%;
4707
4771
  }
4708
- .bp_select_module_container--1b637 .bp_select_module_label--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_triggerValue--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_triggerLeftElement--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637 span{
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--1b637 .bp_select_module_triggerBtn--1b637:disabled{
4820
+ .bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:disabled{
4757
4821
  cursor:default;
4758
4822
  }
4759
- .bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637.bp_select_module_readonly--1b637:not(:disabled){
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--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled).bp_select_module_error--1b637, .bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled)[aria-invalid=true]{
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--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637):focus,.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled).bp_select_module_error--1b637:focus,.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled)[aria-invalid=true]:focus{
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--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled, :focus, .bp_select_module_error--1b637, [aria-invalid=true]):hover{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconWrapper--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconCaret--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconCaret--1b637 path{
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--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconPencilCrossed--1b637{
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--1b637 .bp_select_module_triggerBtn--1b637[data-state=open] .bp_select_module_icon--1b637{
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--1b637[data-modern=false]{
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-10) var(--space-2);
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-left:var(--space-2);
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--1b637[data-modern=true]{
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-100) var(--bp-space-020);
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-left:var(--bp-space-020);
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--1b637{
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, 50vw), var(--radix-select-content-available-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--1b637 .bp_select_module_viewport--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637[data-disabled]{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637:focus-visible{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637:hover{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637 span:first-child{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637.bp_select_module_ellipsis--1b637 span:first-child{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_secondaryText--1b637{
4932
- color:var(--select-content-viewport-option-secondary-text-color);
4933
- }
4934
- .bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_secondaryText--1b637.bp_select_module_ellipsis--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_leftElement--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637.bp_select_module_hasLeftElement--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicator--1b637{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicator--1b637 path{
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--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicatorRight--1b637{
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--1b637 .bp_select_module_withTruncatedText--1b637{
4975
- table-layout:fixed;
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(DropdownMenuPrimitive.ItemIndicator, {
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.ellipsis : styles.mediumItemLayout;
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.ellipsis, className),
62
- children: children || jsxs(Fragment, {
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.ellipsis,
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(DropdownMenuPrimitive.ItemIndicator, {
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--d90ed","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--d90ed","subheader":"bp_dropdown_menu_module_subheader--d90ed","uppercased":"bp_dropdown_menu_module_uppercased--d90ed","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d90ed","ellipsis":"bp_dropdown_menu_module_ellipsis--d90ed","checkmark":"bp_dropdown_menu_module_checkmark--d90ed","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--d90ed","item":"bp_dropdown_menu_module_item--d90ed","radioItem":"bp_dropdown_menu_module_radioItem--d90ed","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--d90ed","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d90ed","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--d90ed","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--d90ed","startElement":"bp_dropdown_menu_module_startElement--d90ed","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--d90ed","endElement":"bp_dropdown_menu_module_endElement--d90ed","destructive":"bp_dropdown_menu_module_destructive--d90ed","menuHeader":"bp_dropdown_menu_module_menuHeader--d90ed","headerTextContent":"bp_dropdown_menu_module_headerTextContent--d90ed","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--d90ed","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--d90ed"};
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: clsx(styles.secondaryText, {
272
- [styles.ellipsis]: truncateText
273
- }),
271
+ className: styles.secondaryText,
274
272
  children: secondaryText
275
273
  })]
276
274
  }), !itemProps.disabled && jsx(SelectPrimitive.ItemIndicator, {
277
- className: clsx(styles.indicator, {
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--1b637","label":"bp_select_module_label--1b637","triggerBtn":"bp_select_module_triggerBtn--1b637","ellipsis":"bp_select_module_ellipsis--1b637","disabled":"bp_select_module_disabled--1b637","triggerValue":"bp_select_module_triggerValue--1b637","triggerLeftElement":"bp_select_module_triggerLeftElement--1b637","readonly":"bp_select_module_readonly--1b637","error":"bp_select_module_error--1b637","iconWrapper":"bp_select_module_iconWrapper--1b637","iconCaret":"bp_select_module_iconCaret--1b637","iconPencilCrossed":"bp_select_module_iconPencilCrossed--1b637","content":"bp_select_module_content--1b637","viewport":"bp_select_module_viewport--1b637","option":"bp_select_module_option--1b637","textWrapper":"bp_select_module_textWrapper--1b637","secondaryText":"bp_select_module_secondaryText--1b637","leftElement":"bp_select_module_leftElement--1b637","hasLeftElement":"bp_select_module_hasLeftElement--1b637","indicator":"bp_select_module_indicator--1b637","indicatorRight":"bp_select_module_indicatorRight--1b637","separator":"bp_select_module_separator--1b637","withTruncatedText":"bp_select_module_withTruncatedText--1b637"};
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--5517f","label":"bp_menu_item_sections_module_label--5517f","bold":"bp_menu_item_sections_module_bold--5517f","description":"bp_menu_item_sections_module_description--5517f","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--5517f","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--5517f"};
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.18.0",
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.13",
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.13",
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",