@box/blueprint-web 13.18.0 → 14.0.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/THIRD_PARTY_LICENSES +206 -27
- package/dist/lib-esm/button/button.d.ts +0 -2
- package/dist/lib-esm/button/button.js +2 -4
- package/dist/lib-esm/button/types.d.ts +0 -4
- package/dist/lib-esm/card-tooltip/card-tooltip.d.ts +3 -6
- package/dist/lib-esm/card-tooltip/card-tooltip.js +96 -42
- package/dist/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/dist/lib-esm/card-tooltip/types.d.ts +21 -36
- package/dist/lib-esm/combobox/chips-group.js +1 -5
- package/dist/lib-esm/combobox/types.d.ts +2 -2
- package/dist/lib-esm/combobox-group/combobox-group-combobox.js +0 -1
- package/dist/lib-esm/data-table/data-table-wrapper.js +2 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.d.ts +15 -0
- package/dist/lib-esm/data-table/use-table-scroll-correction.js +211 -0
- package/dist/lib-esm/empty-state/empty-state.d.ts +0 -2
- package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +0 -4
- package/dist/lib-esm/guided-tooltip/guided-tooltip.d.ts +0 -4
- package/dist/lib-esm/index.css +232 -360
- package/dist/lib-esm/index.d.ts +0 -3
- package/dist/lib-esm/index.js +0 -3
- package/dist/lib-esm/list-item/table-header-dropdown.js +1 -1
- package/dist/lib-esm/modal/alert-modal.d.ts +0 -4
- package/dist/lib-esm/modal/modal-footer.d.ts +0 -4
- package/dist/lib-esm/modal/modal.d.ts +0 -4
- package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- 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/primitives/select-menu-grid/select-menu-grid-option.js +0 -1
- package/dist/lib-esm/select/select.js +2 -6
- package/dist/lib-esm/select/select.module.js +1 -1
- package/dist/lib-esm/side-panel/side-panel-footer.d.ts +0 -4
- package/dist/lib-esm/side-panel/side-panel.d.ts +0 -4
- package/dist/lib-esm/tooltip/tooltip.d.ts +3 -2
- package/dist/lib-esm/tooltip/tooltip.js +2 -36
- package/dist/lib-esm/tooltip/types.d.ts +0 -9
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -2
- package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
- package/dist/lib-esm/utils/useMedia.js +13 -1
- package/package.json +14 -14
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.d.ts +0 -10
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.js +0 -119
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +0 -4
- package/dist/lib-esm/card-tooltip-v2/index.d.ts +0 -2
- package/dist/lib-esm/card-tooltip-v2/types.d.ts +0 -30
- package/dist/lib-esm/content-field/content-field.d.ts +0 -4
- package/dist/lib-esm/content-field/content-field.js +0 -126
- package/dist/lib-esm/content-field/content-field.module.js +0 -4
- package/dist/lib-esm/content-field/index.d.ts +0 -2
- package/dist/lib-esm/content-field/messages.d.ts +0 -7
- package/dist/lib-esm/content-field/messages.js +0 -8
- package/dist/lib-esm/content-field/types.d.ts +0 -35
- package/dist/lib-esm/util-components/focus-trap/focus-trap.d.ts +0 -2
- package/dist/lib-esm/util-components/focus-trap/focus-trap.js +0 -52
- package/dist/lib-esm/util-components/focus-trap/index.d.ts +0 -1
- package/dist/lib-esm/util-components/focus-trap/types.d.ts +0 -8
- package/dist/lib-esm/utils/useIsTriggerInteractive.d.ts +0 -4
- package/dist/lib-esm/utils/useIsTriggerInteractive.js +0 -21
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;
|
|
2695
2732
|
}
|
|
2696
|
-
.bp_dropdown_menu_module_item--
|
|
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;
|
|
2740
|
+
}
|
|
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{
|
|
@@ -3001,93 +3065,21 @@
|
|
|
3001
3065
|
.bp_card_module_card--65268.bp_card_module_dropshadow-3--65268{
|
|
3002
3066
|
box-shadow:var(--card-dropshadow-3);
|
|
3003
3067
|
}
|
|
3004
|
-
.bp_card_tooltip_module_content--
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
border-radius:var(--radius-1);
|
|
3068
|
+
.bp_card_tooltip_module_content--02910[data-modern=false]{
|
|
3069
|
+
--content-padding:var(--space-2) var(--space-3);
|
|
3070
|
+
--content-border-radius:var(--radius-1);
|
|
3008
3071
|
font-family:var(--body-default-font-family);
|
|
3009
3072
|
font-size:var(--body-default-font-size);
|
|
3010
3073
|
font-weight:var(--body-default-font-weight);
|
|
3011
3074
|
letter-spacing:var(--body-default-letter-spacing);
|
|
3012
3075
|
line-height:var(--body-default-line-height);
|
|
3013
|
-
max-width:200px;
|
|
3014
|
-
overflow-wrap:break-word;
|
|
3015
|
-
padding:var(--space-2) var(--space-3);
|
|
3016
|
-
position:relative;
|
|
3017
3076
|
text-decoration:var(--body-default-text-decoration);
|
|
3018
3077
|
text-transform:var(--body-default-text-case);
|
|
3019
|
-
will-change:transform, opacity;
|
|
3020
|
-
z-index:2147483647;
|
|
3021
|
-
}
|
|
3022
|
-
.bp_card_tooltip_module_content--83370.bp_card_tooltip_module_card--83370{
|
|
3023
|
-
max-height:var(--radix-tooltip-content-available-height);
|
|
3024
|
-
max-width:336px;
|
|
3025
|
-
min-width:168px;
|
|
3026
|
-
}
|
|
3027
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=top]{
|
|
3028
|
-
animation-name:bp_card_tooltip_module_slideDownAndFade--83370;
|
|
3029
|
-
}
|
|
3030
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=right]{
|
|
3031
|
-
animation-name:bp_card_tooltip_module_slideLeftAndFade--83370;
|
|
3032
|
-
}
|
|
3033
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=bottom]{
|
|
3034
|
-
animation-name:bp_card_tooltip_module_slideUpAndFade--83370;
|
|
3035
|
-
}
|
|
3036
|
-
.bp_card_tooltip_module_content--83370[data-state=delayed-open][data-side=left]{
|
|
3037
|
-
animation-name:bp_card_tooltip_module_slideRightAndFade--83370;
|
|
3038
3078
|
}
|
|
3039
3079
|
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
transform:translateY(2px);
|
|
3044
|
-
}
|
|
3045
|
-
to{
|
|
3046
|
-
opacity:1;
|
|
3047
|
-
transform:translateY(0);
|
|
3048
|
-
}
|
|
3049
|
-
}
|
|
3050
|
-
@keyframes bp_card_tooltip_module_slideRightAndFade--83370{
|
|
3051
|
-
from{
|
|
3052
|
-
opacity:0;
|
|
3053
|
-
transform:translateX(-2px);
|
|
3054
|
-
}
|
|
3055
|
-
to{
|
|
3056
|
-
opacity:1;
|
|
3057
|
-
transform:translateX(0);
|
|
3058
|
-
}
|
|
3059
|
-
}
|
|
3060
|
-
@keyframes bp_card_tooltip_module_slideDownAndFade--83370{
|
|
3061
|
-
from{
|
|
3062
|
-
opacity:0;
|
|
3063
|
-
transform:translateY(-2px);
|
|
3064
|
-
}
|
|
3065
|
-
to{
|
|
3066
|
-
opacity:1;
|
|
3067
|
-
transform:translateY(0);
|
|
3068
|
-
}
|
|
3069
|
-
}
|
|
3070
|
-
@keyframes bp_card_tooltip_module_slideLeftAndFade--83370{
|
|
3071
|
-
from{
|
|
3072
|
-
opacity:0;
|
|
3073
|
-
transform:translateX(2px);
|
|
3074
|
-
}
|
|
3075
|
-
to{
|
|
3076
|
-
opacity:1;
|
|
3077
|
-
transform:translateX(0);
|
|
3078
|
-
}
|
|
3079
|
-
}
|
|
3080
|
-
.bp_card_tooltip_v2_module_content--0d2ae[data-modern=false]{
|
|
3081
|
-
font-family:var(--body-default-font-family);
|
|
3082
|
-
font-size:var(--body-default-font-size);
|
|
3083
|
-
font-weight:var(--body-default-font-weight);
|
|
3084
|
-
letter-spacing:var(--body-default-letter-spacing);
|
|
3085
|
-
line-height:var(--body-default-line-height);
|
|
3086
|
-
text-decoration:var(--body-default-text-decoration);
|
|
3087
|
-
text-transform:var(--body-default-text-case);
|
|
3088
|
-
}
|
|
3089
|
-
|
|
3090
|
-
.bp_card_tooltip_v2_module_content--0d2ae[data-modern=true]{
|
|
3080
|
+
.bp_card_tooltip_module_content--02910[data-modern=true]{
|
|
3081
|
+
--content-padding:var(--bp-space-020) var(--bp-space-030);
|
|
3082
|
+
--content-border-radius:var(--bp-radius-02);
|
|
3091
3083
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3092
3084
|
font-size:var(--bp-font-size-05);
|
|
3093
3085
|
font-style:normal;
|
|
@@ -3096,35 +3088,35 @@
|
|
|
3096
3088
|
line-height:var(--bp-font-line-height-04);
|
|
3097
3089
|
}
|
|
3098
3090
|
|
|
3099
|
-
.
|
|
3100
|
-
border-radius:var(--radius
|
|
3091
|
+
.bp_card_tooltip_module_content--02910{
|
|
3092
|
+
border-radius:var(--content-border-radius);
|
|
3101
3093
|
max-height:var(--popover-available-height);
|
|
3102
3094
|
max-width:336px;
|
|
3103
3095
|
min-width:168px;
|
|
3104
3096
|
overflow-wrap:break-word;
|
|
3105
|
-
padding:var(--
|
|
3097
|
+
padding:var(--content-padding);
|
|
3106
3098
|
position:relative;
|
|
3107
3099
|
z-index:2147483647;
|
|
3108
3100
|
}
|
|
3109
|
-
.
|
|
3101
|
+
.bp_card_tooltip_module_content--02910[data-open]{
|
|
3110
3102
|
animation-duration:var(--animation-duration-4);
|
|
3111
3103
|
animation-timing-function:var(--animation-easing-ease-base);
|
|
3112
3104
|
will-change:transform, opacity;
|
|
3113
3105
|
}
|
|
3114
|
-
.
|
|
3115
|
-
animation-name:
|
|
3106
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=top]{
|
|
3107
|
+
animation-name:bp_card_tooltip_module_slideDownAndFade--02910;
|
|
3116
3108
|
}
|
|
3117
|
-
.
|
|
3118
|
-
animation-name:
|
|
3109
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=right]{
|
|
3110
|
+
animation-name:bp_card_tooltip_module_slideLeftAndFade--02910;
|
|
3119
3111
|
}
|
|
3120
|
-
.
|
|
3121
|
-
animation-name:
|
|
3112
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=bottom]{
|
|
3113
|
+
animation-name:bp_card_tooltip_module_slideUpAndFade--02910;
|
|
3122
3114
|
}
|
|
3123
|
-
.
|
|
3124
|
-
animation-name:
|
|
3115
|
+
.bp_card_tooltip_module_content--02910[data-open][data-side=left]{
|
|
3116
|
+
animation-name:bp_card_tooltip_module_slideRightAndFade--02910;
|
|
3125
3117
|
}
|
|
3126
3118
|
|
|
3127
|
-
@keyframes
|
|
3119
|
+
@keyframes bp_card_tooltip_module_slideUpAndFade--02910{
|
|
3128
3120
|
from{
|
|
3129
3121
|
opacity:0;
|
|
3130
3122
|
transform:translateY(2px);
|
|
@@ -3134,7 +3126,7 @@
|
|
|
3134
3126
|
transform:translateY(0);
|
|
3135
3127
|
}
|
|
3136
3128
|
}
|
|
3137
|
-
@keyframes
|
|
3129
|
+
@keyframes bp_card_tooltip_module_slideRightAndFade--02910{
|
|
3138
3130
|
from{
|
|
3139
3131
|
opacity:0;
|
|
3140
3132
|
transform:translateX(-2px);
|
|
@@ -3144,7 +3136,7 @@
|
|
|
3144
3136
|
transform:translateX(0);
|
|
3145
3137
|
}
|
|
3146
3138
|
}
|
|
3147
|
-
@keyframes
|
|
3139
|
+
@keyframes bp_card_tooltip_module_slideDownAndFade--02910{
|
|
3148
3140
|
from{
|
|
3149
3141
|
opacity:0;
|
|
3150
3142
|
transform:translateY(-2px);
|
|
@@ -3154,7 +3146,7 @@
|
|
|
3154
3146
|
transform:translateY(0);
|
|
3155
3147
|
}
|
|
3156
3148
|
}
|
|
3157
|
-
@keyframes
|
|
3149
|
+
@keyframes bp_card_tooltip_module_slideLeftAndFade--02910{
|
|
3158
3150
|
from{
|
|
3159
3151
|
opacity:0;
|
|
3160
3152
|
transform:translateX(2px);
|
|
@@ -4585,7 +4577,7 @@
|
|
|
4585
4577
|
.bp_combobox_group_module_comboboxHasFocus--bb178.bp_combobox_group_module_errorSelect--bb178.bp_combobox_group_module_trailing--bb178{
|
|
4586
4578
|
--blueprint-select-border-error-left-width:none;
|
|
4587
4579
|
}
|
|
4588
|
-
.bp_select_module_container--
|
|
4580
|
+
.bp_select_module_container--aba58[data-modern=false]{
|
|
4589
4581
|
--select-gap:var(--space-2);
|
|
4590
4582
|
--select-label-color:var(--text-text-on-light);
|
|
4591
4583
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -4622,7 +4614,7 @@
|
|
|
4622
4614
|
text-decoration:var(--body-default-text-decoration);
|
|
4623
4615
|
text-transform:var(--body-default-text-case);
|
|
4624
4616
|
}
|
|
4625
|
-
.bp_select_module_container--
|
|
4617
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_label--aba58{
|
|
4626
4618
|
font-family:var(--body-default-bold-font-family);
|
|
4627
4619
|
font-size:var(--body-default-bold-font-size);
|
|
4628
4620
|
font-weight:var(--body-default-bold-font-weight);
|
|
@@ -4631,7 +4623,7 @@
|
|
|
4631
4623
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
4632
4624
|
text-transform:var(--body-default-bold-text-case);
|
|
4633
4625
|
}
|
|
4634
|
-
.bp_select_module_container--
|
|
4626
|
+
.bp_select_module_container--aba58[data-modern=false] .bp_select_module_triggerBtn--aba58{
|
|
4635
4627
|
font-family:var(--body-default-font-family);
|
|
4636
4628
|
font-size:var(--body-default-font-size);
|
|
4637
4629
|
font-weight:var(--body-default-font-weight);
|
|
@@ -4641,7 +4633,7 @@
|
|
|
4641
4633
|
text-transform:var(--body-default-text-case);
|
|
4642
4634
|
}
|
|
4643
4635
|
|
|
4644
|
-
.bp_select_module_container--
|
|
4636
|
+
.bp_select_module_container--aba58[data-modern=true]{
|
|
4645
4637
|
--select-gap:var(--bp-space-020);
|
|
4646
4638
|
--select-label-color:var(--bp-text-text-on-light);
|
|
4647
4639
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -4672,17 +4664,17 @@
|
|
|
4672
4664
|
--select-trigger-left-element-size:var(--bp-size-060);
|
|
4673
4665
|
font-weight:var(--bp-font-weight-regular);
|
|
4674
4666
|
}
|
|
4675
|
-
.bp_select_module_container--
|
|
4667
|
+
.bp_select_module_container--aba58[data-modern=true],.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4676
4668
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4677
4669
|
font-size:var(--bp-font-size-05);
|
|
4678
4670
|
font-style:normal;
|
|
4679
4671
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
4680
4672
|
line-height:var(--bp-font-line-height-04);
|
|
4681
4673
|
}
|
|
4682
|
-
.bp_select_module_container--
|
|
4674
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_label--aba58{
|
|
4683
4675
|
font-weight:var(--bp-font-weight-bold);
|
|
4684
4676
|
}
|
|
4685
|
-
.bp_select_module_container--
|
|
4677
|
+
.bp_select_module_container--aba58[data-modern=true] .bp_select_module_triggerBtn--aba58{
|
|
4686
4678
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
4687
4679
|
font-size:var(--bp-font-size-05);
|
|
4688
4680
|
font-style:normal;
|
|
@@ -4691,26 +4683,26 @@
|
|
|
4691
4683
|
line-height:var(--bp-font-line-height-04);
|
|
4692
4684
|
}
|
|
4693
4685
|
|
|
4694
|
-
.bp_select_module_ellipsis--
|
|
4686
|
+
.bp_select_module_ellipsis--aba58{
|
|
4695
4687
|
overflow:hidden;
|
|
4696
4688
|
text-overflow:ellipsis;
|
|
4697
4689
|
white-space:nowrap;
|
|
4698
4690
|
}
|
|
4699
4691
|
|
|
4700
|
-
.bp_select_module_container--
|
|
4692
|
+
.bp_select_module_container--aba58{
|
|
4701
4693
|
display:flex;
|
|
4702
4694
|
flex-direction:column;
|
|
4703
4695
|
gap:var(--select-gap);
|
|
4704
4696
|
}
|
|
4705
|
-
.bp_select_module_container--
|
|
4697
|
+
.bp_select_module_container--aba58.bp_select_module_disabled--aba58{
|
|
4706
4698
|
opacity:60%;
|
|
4707
4699
|
}
|
|
4708
|
-
.bp_select_module_container--
|
|
4700
|
+
.bp_select_module_container--aba58 .bp_select_module_label--aba58{
|
|
4709
4701
|
color:var(--select-label-color);
|
|
4710
4702
|
flex:0 0 fit-content;
|
|
4711
4703
|
overflow-wrap:break-word;
|
|
4712
4704
|
}
|
|
4713
|
-
.bp_select_module_container--
|
|
4705
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58{
|
|
4714
4706
|
align-items:center;
|
|
4715
4707
|
background-color:var(--select-trigger-btn-bg-color);
|
|
4716
4708
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -4731,7 +4723,7 @@
|
|
|
4731
4723
|
text-align:start;
|
|
4732
4724
|
width:100%;
|
|
4733
4725
|
}
|
|
4734
|
-
.bp_select_module_container--
|
|
4726
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerValue--aba58{
|
|
4735
4727
|
align-items:center;
|
|
4736
4728
|
display:flex;
|
|
4737
4729
|
gap:var(--select-trigger-btn-gap);
|
|
@@ -4740,7 +4732,7 @@
|
|
|
4740
4732
|
text-overflow:ellipsis;
|
|
4741
4733
|
white-space:nowrap;
|
|
4742
4734
|
}
|
|
4743
|
-
.bp_select_module_container--
|
|
4735
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_triggerLeftElement--aba58{
|
|
4744
4736
|
align-items:center;
|
|
4745
4737
|
display:flex;
|
|
4746
4738
|
flex-shrink:0;
|
|
@@ -4748,58 +4740,58 @@
|
|
|
4748
4740
|
justify-content:center;
|
|
4749
4741
|
width:var(--select-trigger-left-element-size);
|
|
4750
4742
|
}
|
|
4751
|
-
.bp_select_module_container--
|
|
4743
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 span{
|
|
4752
4744
|
overflow:hidden;
|
|
4753
4745
|
text-overflow:ellipsis;
|
|
4754
4746
|
white-space:nowrap;
|
|
4755
4747
|
}
|
|
4756
|
-
.bp_select_module_container--
|
|
4748
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58:disabled{
|
|
4757
4749
|
cursor:default;
|
|
4758
4750
|
}
|
|
4759
|
-
.bp_select_module_container--
|
|
4751
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58.bp_select_module_readonly--aba58:not(:disabled){
|
|
4760
4752
|
background-color:var(--gray-02);
|
|
4761
4753
|
box-shadow:none;
|
|
4762
4754
|
color:var(--text-text-on-light-secondary);
|
|
4763
4755
|
cursor:default;
|
|
4764
4756
|
}
|
|
4765
|
-
.bp_select_module_container--
|
|
4757
|
+
.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
4758
|
background-color:var(--select-trigger-btn-error-bg-color);
|
|
4767
4759
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
4768
4760
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
4769
4761
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
4770
4762
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
4771
4763
|
}
|
|
4772
|
-
.bp_select_module_container--
|
|
4764
|
+
.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
4765
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
4774
4766
|
border:var(--select-trigger-btn-focus-border);
|
|
4775
4767
|
}
|
|
4776
|
-
.bp_select_module_container--
|
|
4768
|
+
.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
4769
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
4778
4770
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
4779
4771
|
}
|
|
4780
|
-
.bp_select_module_container--
|
|
4772
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconWrapper--aba58{
|
|
4781
4773
|
flex-shrink:0;
|
|
4782
4774
|
-webkit-user-select:none;
|
|
4783
4775
|
user-select:none;
|
|
4784
4776
|
}
|
|
4785
|
-
.bp_select_module_container--
|
|
4777
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58{
|
|
4786
4778
|
display:block;
|
|
4787
4779
|
height:var(--select-trigger-btn-caret-height);
|
|
4788
4780
|
width:var(--select-trigger-btn-caret-width);
|
|
4789
4781
|
}
|
|
4790
|
-
.bp_select_module_container--
|
|
4782
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconCaret--aba58 path{
|
|
4791
4783
|
fill:var(--select-trigger-btn-caret-color);
|
|
4792
4784
|
}
|
|
4793
|
-
.bp_select_module_container--
|
|
4785
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58 .bp_select_module_iconPencilCrossed--aba58{
|
|
4794
4786
|
display:block;
|
|
4795
4787
|
height:var(--select-trigger-btn-pencil-height);
|
|
4796
4788
|
width:var(--select-trigger-btn-pencil-width);
|
|
4797
4789
|
}
|
|
4798
|
-
.bp_select_module_container--
|
|
4790
|
+
.bp_select_module_container--aba58 .bp_select_module_triggerBtn--aba58[data-state=open] .bp_select_module_icon--aba58{
|
|
4799
4791
|
transform:rotate(180deg);
|
|
4800
4792
|
}
|
|
4801
4793
|
|
|
4802
|
-
.bp_select_module_content--
|
|
4794
|
+
.bp_select_module_content--aba58[data-modern=false]{
|
|
4803
4795
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
4804
4796
|
--select-content-backdrop-filter:none;
|
|
4805
4797
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -4811,14 +4803,12 @@
|
|
|
4811
4803
|
--select-content-viewport-option-border:var(--border-2) solid #0000;
|
|
4812
4804
|
--select-content-viewport-option-border-radius:var(--space-2);
|
|
4813
4805
|
--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);
|
|
4806
|
+
--select-content-viewport-option-padding-inline:var(--space-2) var(--space-10);
|
|
4816
4807
|
--select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
|
|
4817
4808
|
--select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
4818
4809
|
--select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
|
|
4819
4810
|
--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);
|
|
4811
|
+
--select-content-viewport-option-indicator-inline-end:var(--space-2);
|
|
4822
4812
|
--select-content-viewport-option-indicator-color:var(--icon-icon-on-light);
|
|
4823
4813
|
--select-content-viewport-option-separator-height:var(--border-1);
|
|
4824
4814
|
--select-content-viewport-option-separator-bg-color:var(--border-divider-border);
|
|
@@ -4833,7 +4823,7 @@
|
|
|
4833
4823
|
text-transform:var(--body-default-text-case);
|
|
4834
4824
|
}
|
|
4835
4825
|
|
|
4836
|
-
.bp_select_module_content--
|
|
4826
|
+
.bp_select_module_content--aba58[data-modern=true]{
|
|
4837
4827
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
4838
4828
|
--select-content-backdrop-filter:blur(16px);
|
|
4839
4829
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -4845,14 +4835,12 @@
|
|
|
4845
4835
|
--select-content-viewport-option-border:var(--bp-border-02) solid #0000;
|
|
4846
4836
|
--select-content-viewport-option-border-radius:var(--bp-radius-06);
|
|
4847
4837
|
--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);
|
|
4838
|
+
--select-content-viewport-option-padding-inline:var(--bp-space-020) var(--bp-space-100);
|
|
4850
4839
|
--select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4851
4840
|
--select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4852
4841
|
--select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
|
|
4853
4842
|
--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);
|
|
4843
|
+
--select-content-viewport-option-indicator-inline-end:var(--bp-space-020);
|
|
4856
4844
|
--select-content-viewport-option-indicator-color:var(--bp-icon-icon-on-light);
|
|
4857
4845
|
--select-content-viewport-option-separator-height:var(--bp-border-01);
|
|
4858
4846
|
--select-content-viewport-option-separator-bg-color:var(--bp-border-divider-border);
|
|
@@ -4866,23 +4854,23 @@
|
|
|
4866
4854
|
line-height:var(--bp-font-line-height-04);
|
|
4867
4855
|
}
|
|
4868
4856
|
|
|
4869
|
-
.bp_select_module_content--
|
|
4857
|
+
.bp_select_module_content--aba58{
|
|
4870
4858
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
4871
4859
|
background-color:var(--select-content-bg-color);
|
|
4872
4860
|
border:var(--select-content-border);
|
|
4873
4861
|
border-radius:var(--select-content-border-radius);
|
|
4874
4862
|
box-shadow:var(--dropshadow-3);
|
|
4875
4863
|
max-height:var(--blueprint-select-content-max-height, var(--radix-select-content-available-height));
|
|
4876
|
-
max-width:min(var(--blueprint-select-content-max-width,
|
|
4864
|
+
max-width:min(var(--blueprint-select-content-max-width, 30vw), var(--radix-select-content-available-width));
|
|
4877
4865
|
min-width:var(--blueprint-select-content-min-width, var(--radix-select-trigger-width));
|
|
4878
|
-
overflow:auto;
|
|
4866
|
+
overflow:hidden auto;
|
|
4879
4867
|
z-index:380;
|
|
4880
4868
|
}
|
|
4881
|
-
.bp_select_module_content--
|
|
4869
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58{
|
|
4882
4870
|
padding-block:var(--select-content-viewport-padding-block);
|
|
4883
4871
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
4884
4872
|
}
|
|
4885
|
-
.bp_select_module_content--
|
|
4873
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58{
|
|
4886
4874
|
align-items:center;
|
|
4887
4875
|
border:var(--select-content-viewport-option-border);
|
|
4888
4876
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
@@ -4898,18 +4886,24 @@
|
|
|
4898
4886
|
-webkit-user-select:none;
|
|
4899
4887
|
user-select:none;
|
|
4900
4888
|
}
|
|
4901
|
-
.bp_select_module_content--
|
|
4889
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58[data-disabled]{
|
|
4902
4890
|
opacity:60%;
|
|
4903
4891
|
pointer-events:none;
|
|
4904
4892
|
}
|
|
4905
|
-
.bp_select_module_content--
|
|
4893
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:focus-visible{
|
|
4906
4894
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
4907
4895
|
border:var(--select-content-viewport-option-focus-border);
|
|
4908
4896
|
}
|
|
4909
|
-
.bp_select_module_content--
|
|
4897
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58:hover{
|
|
4910
4898
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
4911
4899
|
}
|
|
4912
|
-
.bp_select_module_content--
|
|
4900
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_secondaryText--aba58{
|
|
4901
|
+
color:var(--select-content-viewport-option-secondary-text-color);
|
|
4902
|
+
min-width:0;
|
|
4903
|
+
overflow-wrap:break-word;
|
|
4904
|
+
white-space:normal;
|
|
4905
|
+
}
|
|
4906
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58{
|
|
4913
4907
|
align-items:center;
|
|
4914
4908
|
display:flex;
|
|
4915
4909
|
flex:1;
|
|
@@ -4918,23 +4912,24 @@
|
|
|
4918
4912
|
min-width:0;
|
|
4919
4913
|
overflow:hidden;
|
|
4920
4914
|
}
|
|
4921
|
-
.bp_select_module_content--
|
|
4915
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_textWrapper--aba58 span:first-child{
|
|
4922
4916
|
overflow:hidden;
|
|
4923
4917
|
overflow-wrap:break-word;
|
|
4924
4918
|
}
|
|
4925
|
-
.bp_select_module_content--
|
|
4919
|
+
.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
4920
|
overflow-wrap:normal;
|
|
4927
4921
|
text-overflow:ellipsis;
|
|
4928
4922
|
white-space:nowrap;
|
|
4929
4923
|
width:100%;
|
|
4930
4924
|
}
|
|
4931
|
-
.bp_select_module_content--
|
|
4932
|
-
|
|
4933
|
-
|
|
4934
|
-
|
|
4925
|
+
.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{
|
|
4926
|
+
-webkit-box-orient:vertical;
|
|
4927
|
+
-webkit-line-clamp:2;
|
|
4928
|
+
display:-webkit-box;
|
|
4929
|
+
overflow:hidden;
|
|
4935
4930
|
width:100%;
|
|
4936
4931
|
}
|
|
4937
|
-
.bp_select_module_content--
|
|
4932
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_leftElement--aba58{
|
|
4938
4933
|
align-items:center;
|
|
4939
4934
|
display:flex;
|
|
4940
4935
|
flex-shrink:0;
|
|
@@ -4942,37 +4937,36 @@
|
|
|
4942
4937
|
justify-content:center;
|
|
4943
4938
|
width:var(--select-content-viewport-option-left-element-size);
|
|
4944
4939
|
}
|
|
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{
|
|
4940
|
+
.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
4941
|
align-items:flex-start;
|
|
4950
4942
|
flex-direction:column;
|
|
4951
4943
|
}
|
|
4952
|
-
.bp_select_module_content--
|
|
4944
|
+
.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{
|
|
4945
|
+
width:100%;
|
|
4946
|
+
}
|
|
4947
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58{
|
|
4953
4948
|
align-items:center;
|
|
4954
4949
|
display:flex;
|
|
4955
4950
|
height:100%;
|
|
4951
|
+
inset-inline-end:var(--select-content-viewport-option-indicator-inline-end);
|
|
4956
4952
|
justify-content:center;
|
|
4957
|
-
left:var(--select-content-viewport-option-indicator-left);
|
|
4958
4953
|
position:absolute;
|
|
4959
4954
|
top:0;
|
|
4960
4955
|
}
|
|
4961
|
-
.bp_select_module_content--
|
|
4956
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_option--aba58 .bp_select_module_indicator--aba58 path{
|
|
4962
4957
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
4963
4958
|
}
|
|
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{
|
|
4959
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58 .bp_select_module_separator--aba58{
|
|
4969
4960
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
4970
4961
|
flex-shrink:0;
|
|
4971
4962
|
height:var(--select-content-viewport-option-separator-height);
|
|
4972
4963
|
margin-block:var(--select-content-viewport-option-separator-margin-block);
|
|
4973
4964
|
}
|
|
4974
|
-
.bp_select_module_content--
|
|
4975
|
-
|
|
4965
|
+
.bp_select_module_content--aba58 .bp_select_module_viewport--aba58.bp_select_module_withTruncatedText--aba58{
|
|
4966
|
+
box-sizing:border-box;
|
|
4967
|
+
display:block !important;
|
|
4968
|
+
max-width:100%;
|
|
4969
|
+
min-width:0 !important;
|
|
4976
4970
|
width:100%;
|
|
4977
4971
|
}
|
|
4978
4972
|
|
|
@@ -5148,130 +5142,6 @@
|
|
|
5148
5142
|
.bp_content_card_module_pillGhost--3b28b{
|
|
5149
5143
|
margin-inline-end:var(--content-card-content-gap);
|
|
5150
5144
|
}
|
|
5151
|
-
.bp_content_field_module_contentFieldWrapper--67a59{
|
|
5152
|
-
width:100%;
|
|
5153
|
-
}
|
|
5154
|
-
|
|
5155
|
-
.bp_content_field_module_contentField--67a59{
|
|
5156
|
-
border-radius:var(--radius-2);
|
|
5157
|
-
box-shadow:var(--dropshadow-2);
|
|
5158
|
-
display:flex;
|
|
5159
|
-
flex-direction:row;
|
|
5160
|
-
justify-content:space-between;
|
|
5161
|
-
}
|
|
5162
|
-
|
|
5163
|
-
.bp_content_field_module_inlineError--67a59{
|
|
5164
|
-
margin-block-start:var(--space-2);
|
|
5165
|
-
}
|
|
5166
|
-
|
|
5167
|
-
.bp_content_field_module_contentButton--67a59{
|
|
5168
|
-
all:unset;
|
|
5169
|
-
align-items:center;
|
|
5170
|
-
background:var(--surface-cta-surface-secondary);
|
|
5171
|
-
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
5172
|
-
border-radius:var(--radius-2);
|
|
5173
|
-
cursor:pointer;
|
|
5174
|
-
display:flex;
|
|
5175
|
-
flex:1;
|
|
5176
|
-
gap:var(--space-2);
|
|
5177
|
-
height:var(--size-10);
|
|
5178
|
-
min-width:0;
|
|
5179
|
-
padding:var(--border-1) var(--space-3);
|
|
5180
|
-
}
|
|
5181
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59{
|
|
5182
|
-
border:var(--border-2) solid var(--border-dropdown-border-error);
|
|
5183
|
-
position:relative;
|
|
5184
|
-
}
|
|
5185
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
|
|
5186
|
-
background-color:var(--border-cta-border-secondary);
|
|
5187
|
-
content:"";
|
|
5188
|
-
height:100%;
|
|
5189
|
-
position:absolute;
|
|
5190
|
-
right:0;
|
|
5191
|
-
top:0;
|
|
5192
|
-
width:1px;
|
|
5193
|
-
}
|
|
5194
|
-
.bp_content_field_module_contentButton--67a59.bp_content_field_module_hasSelection--67a59{
|
|
5195
|
-
border-radius:var(--radius-2) 0 0 var(--radius-2);
|
|
5196
|
-
border-right:none;
|
|
5197
|
-
}
|
|
5198
|
-
.bp_content_field_module_contentButton--67a59:hover{
|
|
5199
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5200
|
-
}
|
|
5201
|
-
.bp_content_field_module_contentButton--67a59:focus-visible{
|
|
5202
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5203
|
-
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5204
|
-
}
|
|
5205
|
-
.bp_content_field_module_contentButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
|
|
5206
|
-
padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-3) - var(--border-1));
|
|
5207
|
-
}
|
|
5208
|
-
|
|
5209
|
-
.bp_content_field_module_contentIconContainer--67a59{
|
|
5210
|
-
align-items:center;
|
|
5211
|
-
background:var(--surface-cta-surface-icon-utility);
|
|
5212
|
-
border-radius:50%;
|
|
5213
|
-
display:flex;
|
|
5214
|
-
height:var(--space-6);
|
|
5215
|
-
justify-content:center;
|
|
5216
|
-
min-width:var(--space-6);
|
|
5217
|
-
width:var(--space-6);
|
|
5218
|
-
}
|
|
5219
|
-
|
|
5220
|
-
.bp_content_field_module_contentIconShared--67a59{
|
|
5221
|
-
min-height:var(--space-6);
|
|
5222
|
-
min-width:var(--space-6);
|
|
5223
|
-
}
|
|
5224
|
-
|
|
5225
|
-
.bp_content_field_module_contentLabelWrapper--67a59{
|
|
5226
|
-
align-items:center;
|
|
5227
|
-
display:flex;
|
|
5228
|
-
flex-grow:1;
|
|
5229
|
-
min-width:0;
|
|
5230
|
-
}
|
|
5231
|
-
|
|
5232
|
-
.bp_content_field_module_contentLabel--67a59{
|
|
5233
|
-
overflow:hidden;
|
|
5234
|
-
text-overflow:ellipsis;
|
|
5235
|
-
white-space:nowrap;
|
|
5236
|
-
}
|
|
5237
|
-
|
|
5238
|
-
.bp_content_field_module_clearButton--67a59{
|
|
5239
|
-
all:unset;
|
|
5240
|
-
align-items:center;
|
|
5241
|
-
background:var(--surface-cta-surface-secondary);
|
|
5242
|
-
border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
5243
|
-
border-left:none;
|
|
5244
|
-
border-radius:0 var(--radius-2) var(--radius-2) 0;
|
|
5245
|
-
cursor:pointer;
|
|
5246
|
-
display:flex;
|
|
5247
|
-
padding:var(--border-1) var(--space-2);
|
|
5248
|
-
}
|
|
5249
|
-
.bp_content_field_module_clearButton--67a59:hover{
|
|
5250
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5251
|
-
}
|
|
5252
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
|
|
5253
|
-
border:var(--border-2) solid var(--border-dropdown-border-error);
|
|
5254
|
-
position:relative;
|
|
5255
|
-
}
|
|
5256
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59.bp_content_field_module_hasSelection--67a59:hover::after{
|
|
5257
|
-
background-color:var(--border-cta-border-secondary);
|
|
5258
|
-
content:"";
|
|
5259
|
-
height:100%;
|
|
5260
|
-
left:-1px;
|
|
5261
|
-
position:absolute;
|
|
5262
|
-
top:0;
|
|
5263
|
-
width:1px;
|
|
5264
|
-
}
|
|
5265
|
-
.bp_content_field_module_clearButton--67a59.bp_content_field_module_error--67a59{
|
|
5266
|
-
border-left:none;
|
|
5267
|
-
}
|
|
5268
|
-
.bp_content_field_module_clearButton--67a59:focus-visible{
|
|
5269
|
-
background:var(--surface-cta-surface-secondary-hover);
|
|
5270
|
-
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
5271
|
-
}
|
|
5272
|
-
.bp_content_field_module_clearButton--67a59:focus-visible:not(.bp_content_field_module_error--67a59){
|
|
5273
|
-
padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-2) - var(--border-1));
|
|
5274
|
-
}
|
|
5275
5145
|
.bp_scrollable_container_module_scrollableContainer--074ff{
|
|
5276
5146
|
overflow:auto;
|
|
5277
5147
|
}
|
|
@@ -9438,7 +9308,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9438
9308
|
padding:var(--chips-group-small-screen-padding);
|
|
9439
9309
|
}
|
|
9440
9310
|
}
|
|
9441
|
-
.bp_context_menu_module_menuBlock--
|
|
9311
|
+
.bp_context_menu_module_menuBlock--2df31[data-modern=false]{
|
|
9442
9312
|
--context-menu-block-font-color:unset;
|
|
9443
9313
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
9444
9314
|
--context-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
@@ -9462,11 +9332,12 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9462
9332
|
--context-menu-item-background-color-pressed:var(--surface-menu-surface-focus);
|
|
9463
9333
|
--context-menu-item-focus-border:var(--border-2) solid var(--outline-focus-on-light);
|
|
9464
9334
|
--context-menu-item-padding:var(--space-2);
|
|
9335
|
+
--context-menu-item-border-width:var(--border-2);
|
|
9465
9336
|
--context-menu-item-border-hover:var(--border-2) solid #0000;
|
|
9466
9337
|
--context-menu-items-separator-margin:var(--space-2);
|
|
9467
9338
|
}
|
|
9468
9339
|
|
|
9469
|
-
.bp_context_menu_module_menuBlock--
|
|
9340
|
+
.bp_context_menu_module_menuBlock--2df31[data-modern=true]{
|
|
9470
9341
|
--context-menu-block-font-color:var(--bp-text-text-on-light);
|
|
9471
9342
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
9472
9343
|
--context-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
@@ -9481,32 +9352,33 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9481
9352
|
--context-menu-block-radius:var(--bp-radius-10);
|
|
9482
9353
|
--context-menu-block-border:var(--bp-border-01) solid var(--bp-border-menu-border);
|
|
9483
9354
|
--context-menu-block-shadow:var(--dropshadow-2);
|
|
9484
|
-
--context-menu-item-gap:var(--bp-space-
|
|
9355
|
+
--context-menu-item-gap:var(--bp-space-040);
|
|
9485
9356
|
--context-menu-background-color:#0000;
|
|
9486
9357
|
--context-menu-fullscreen-content-padding:var(--bp-space-030);
|
|
9487
9358
|
--context-menu-item-radius:var(--bp-radius-06);
|
|
9488
9359
|
--context-menu-item-border:var(--bp-border-02) solid #0000;
|
|
9489
|
-
--context-menu-item-border-hover:var(--border-
|
|
9360
|
+
--context-menu-item-border-hover:var(--bp-border-02) solid #0000;
|
|
9490
9361
|
--context-menu-item-background-color-hover:var(--bp-surface-menu-item-surface-hover);
|
|
9491
9362
|
--context-menu-item-background-color-pressed:var(--bp-surface-menu-item-surface-pressed);
|
|
9492
9363
|
--context-menu-item-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
9493
9364
|
--context-menu-item-padding:var(--bp-space-020);
|
|
9365
|
+
--context-menu-item-border-width:var(--bp-border-02);
|
|
9494
9366
|
--context-menu-items-separator-margin:var(--bp-space-020);
|
|
9495
9367
|
}
|
|
9496
9368
|
|
|
9497
|
-
.bp_context_menu_module_menuHeader--
|
|
9369
|
+
.bp_context_menu_module_menuHeader--2df31[data-modern=false]{
|
|
9498
9370
|
--context-menu-header-padding:var(--space-3);
|
|
9499
9371
|
--context-menu-header-gap:var(--space-2);
|
|
9500
9372
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
9501
9373
|
}
|
|
9502
9374
|
|
|
9503
|
-
.bp_context_menu_module_menuHeader--
|
|
9375
|
+
.bp_context_menu_module_menuHeader--2df31[data-modern=true]{
|
|
9504
9376
|
--context-menu-header-padding:var(--bp-space-030) var(--bp-space-040);
|
|
9505
9377
|
--context-menu-header-gap:var(--bp-space-030);
|
|
9506
9378
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
9507
9379
|
}
|
|
9508
9380
|
|
|
9509
|
-
.bp_context_menu_module_menuBlock--
|
|
9381
|
+
.bp_context_menu_module_menuBlock--2df31{
|
|
9510
9382
|
backdrop-filter:var(--context-menu-block-backdrop-filter);
|
|
9511
9383
|
background-color:var(--context-menu-block-background-color);
|
|
9512
9384
|
border:var(--context-menu-block-border);
|
|
@@ -9519,7 +9391,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9519
9391
|
min-width:var(--context-menu-block-min-width);
|
|
9520
9392
|
padding:var(--context-menu-block-padding);
|
|
9521
9393
|
}
|
|
9522
|
-
.bp_context_menu_module_menuBlock--
|
|
9394
|
+
.bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true]{
|
|
9523
9395
|
border:unset;
|
|
9524
9396
|
border-radius:unset;
|
|
9525
9397
|
display:flex;
|
|
@@ -9532,14 +9404,14 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9532
9404
|
position:relative;
|
|
9533
9405
|
width:100vw;
|
|
9534
9406
|
}
|
|
9535
|
-
.bp_context_menu_module_menuBlock--
|
|
9407
|
+
.bp_context_menu_module_menuBlock--2df31[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--2df31{
|
|
9536
9408
|
overflow-y:auto;
|
|
9537
9409
|
padding:var(--context-menu-fullscreen-content-padding);
|
|
9538
9410
|
}
|
|
9539
|
-
.bp_context_menu_module_menuBlock--
|
|
9411
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItemsSeparator--2df31{
|
|
9540
9412
|
margin:var(--context-menu-items-separator-margin);
|
|
9541
9413
|
}
|
|
9542
|
-
.bp_context_menu_module_menuBlock--
|
|
9414
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31{
|
|
9543
9415
|
align-items:center;
|
|
9544
9416
|
background-color:var(--context-menu-background-color);
|
|
9545
9417
|
border:var(--context-menu-item-border);
|
|
@@ -9548,34 +9420,34 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9548
9420
|
display:flex;
|
|
9549
9421
|
gap:var(--context-menu-item-gap);
|
|
9550
9422
|
outline:none;
|
|
9551
|
-
padding-block:var(--context-menu-item-padding);
|
|
9552
|
-
padding-inline:var(--context-menu-item-padding);
|
|
9423
|
+
padding-block:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
|
|
9424
|
+
padding-inline:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
|
|
9553
9425
|
position:relative;
|
|
9554
9426
|
}
|
|
9555
|
-
.bp_context_menu_module_menuBlock--
|
|
9427
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-disabled]{
|
|
9556
9428
|
opacity:60%;
|
|
9557
9429
|
pointer-events:none;
|
|
9558
9430
|
}
|
|
9559
|
-
.bp_context_menu_module_menuBlock--
|
|
9431
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-highlighted]:not(:hover){
|
|
9560
9432
|
background-color:var(--context-menu-item-background-color-hover);
|
|
9561
9433
|
border:var(--context-menu-item-focus-border);
|
|
9562
9434
|
}
|
|
9563
|
-
.bp_context_menu_module_menuBlock--
|
|
9435
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31[data-state=open][data-highlighted]:not(:hover){
|
|
9564
9436
|
border:var(--context-menu-item-border);
|
|
9565
9437
|
}
|
|
9566
|
-
.bp_context_menu_module_menuBlock--
|
|
9438
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:active{
|
|
9567
9439
|
background-color:var(--context-menu-item-background-color-pressed);
|
|
9568
9440
|
border:var(--context-menu-item-border);
|
|
9569
9441
|
}
|
|
9570
|
-
.bp_context_menu_module_menuBlock--
|
|
9442
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_menuItem--2df31:hover{
|
|
9571
9443
|
background-color:var(--context-menu-item-background-color-hover);
|
|
9572
9444
|
border:var(--context-menu-item-border-hover);
|
|
9573
9445
|
}
|
|
9574
|
-
.bp_context_menu_module_menuBlock--
|
|
9446
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_startElement--2df31{
|
|
9575
9447
|
align-items:center;
|
|
9576
9448
|
display:flex;
|
|
9577
9449
|
}
|
|
9578
|
-
.bp_context_menu_module_menuBlock--
|
|
9450
|
+
.bp_context_menu_module_menuBlock--2df31 .bp_context_menu_module_endElement--2df31{
|
|
9579
9451
|
align-items:center;
|
|
9580
9452
|
color:var(--context-menu-end-element-color);
|
|
9581
9453
|
display:flex;
|
|
@@ -9586,7 +9458,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9586
9458
|
width:100%;
|
|
9587
9459
|
}
|
|
9588
9460
|
|
|
9589
|
-
.bp_context_menu_module_menuHeader--
|
|
9461
|
+
.bp_context_menu_module_menuHeader--2df31{
|
|
9590
9462
|
align-items:center;
|
|
9591
9463
|
box-shadow:var(--context-menu-header-shadow);
|
|
9592
9464
|
display:grid;
|
|
@@ -9596,19 +9468,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9596
9468
|
padding:var(--context-menu-header-padding);
|
|
9597
9469
|
}
|
|
9598
9470
|
|
|
9599
|
-
.bp_context_menu_module_headerTextContent--
|
|
9471
|
+
.bp_context_menu_module_headerTextContent--2df31{
|
|
9600
9472
|
display:grid;
|
|
9601
9473
|
}
|
|
9602
9474
|
|
|
9603
|
-
.bp_context_menu_module_submenuCloseButton--
|
|
9475
|
+
.bp_context_menu_module_submenuCloseButton--2df31{
|
|
9604
9476
|
grid-area:submenu-close;
|
|
9605
9477
|
}
|
|
9606
9478
|
|
|
9607
|
-
.bp_context_menu_module_menuCloseButton--
|
|
9479
|
+
.bp_context_menu_module_menuCloseButton--2df31{
|
|
9608
9480
|
grid-area:close;
|
|
9609
9481
|
}
|
|
9610
9482
|
|
|
9611
|
-
.bp_context_menu_module_ellipsis--
|
|
9483
|
+
.bp_context_menu_module_ellipsis--2df31{
|
|
9612
9484
|
overflow:hidden;
|
|
9613
9485
|
text-overflow:ellipsis;
|
|
9614
9486
|
white-space:nowrap;
|