@box/blueprint-web 12.85.1 → 12.87.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/combobox/combobox.js +3 -2
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/index.css +163 -157
- package/dist/lib-esm/select/select.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { SelectItemCheck, SelectItem, ComboboxItem, useComboboxStore, useSelectStore, PopoverAnchor, Combobox as Combobox$1, ComboboxCancel, SelectList, ComboboxPopover } from '@ariakit/react';
|
|
3
3
|
import { SelectRenderer } from '@ariakit/react-core/select/select-renderer';
|
|
4
|
-
import { Checkmark, XMark } from '@box/blueprint-web-assets/icons/Fill';
|
|
4
|
+
import { Checkmark, XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
|
|
5
|
+
import { XMark } from '@box/blueprint-web-assets/icons/Medium';
|
|
5
6
|
import { bpIconIconOnLight, IconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
|
|
6
7
|
import clsx from 'clsx';
|
|
7
8
|
import React__default, { forwardRef, useMemo, useRef, useCallback, useEffect } from 'react';
|
|
@@ -395,7 +396,7 @@ const RootInner = ({
|
|
|
395
396
|
render: cancelProps => jsx(IconButton, {
|
|
396
397
|
...cancelProps,
|
|
397
398
|
"aria-label": clearButtonAriaLabel,
|
|
398
|
-
icon: XMark,
|
|
399
|
+
icon: enableModernizedComponents ? XMark : XMark$1,
|
|
399
400
|
size: "x-small"
|
|
400
401
|
}),
|
|
401
402
|
store: comboboxStore
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--2f327","popover":"bp_combobox_module_popover--2f327","disabled":"bp_combobox_module_disabled--2f327","label":"bp_combobox_module_label--2f327","hiddenLabel":"bp_combobox_module_hiddenLabel--2f327","comboboxContainer":"bp_combobox_module_comboboxContainer--2f327","withComboboxButtons":"bp_combobox_module_withComboboxButtons--2f327","error":"bp_combobox_module_error--2f327","textInputWrapper":"bp_combobox_module_textInputWrapper--2f327","textInput":"bp_combobox_module_textInput--2f327","errorIcon":"bp_combobox_module_errorIcon--2f327","comboboxButtons":"bp_combobox_module_comboboxButtons--2f327","withChips":"bp_combobox_module_withChips--2f327","inlineError":"bp_combobox_module_inlineError--2f327","option":"bp_combobox_module_option--2f327","indicator":"bp_combobox_module_indicator--2f327","indicatorIcon":"bp_combobox_module_indicatorIcon--2f327","optionWithIndicator":"bp_combobox_module_optionWithIndicator--2f327","loadingIndicator":"bp_combobox_module_loadingIndicator--2f327","noResultOption":"bp_combobox_module_noResultOption--2f327"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -2573,7 +2573,7 @@
|
|
|
2573
2573
|
margin-block-start:var(--text-area-container-row-gap);
|
|
2574
2574
|
}
|
|
2575
2575
|
|
|
2576
|
-
.bp_combobox_module_container--
|
|
2576
|
+
.bp_combobox_module_container--2f327[data-modern=false]{
|
|
2577
2577
|
--max-lines:3;
|
|
2578
2578
|
--input-height:var(--space-5);
|
|
2579
2579
|
--chip-height:var(--space-7);
|
|
@@ -2629,7 +2629,7 @@
|
|
|
2629
2629
|
--combobox-button-spacing:var(--space-2);
|
|
2630
2630
|
}
|
|
2631
2631
|
|
|
2632
|
-
.bp_combobox_module_container--
|
|
2632
|
+
.bp_combobox_module_container--2f327[data-modern=true]{
|
|
2633
2633
|
--max-lines:3;
|
|
2634
2634
|
--bp-innershadow-01:var(--innershadow-1);
|
|
2635
2635
|
--bp-input-height:var(--bp-space-050);
|
|
@@ -2691,7 +2691,7 @@
|
|
|
2691
2691
|
--combobox-button-spacing:var(--bp-space-020);
|
|
2692
2692
|
}
|
|
2693
2693
|
|
|
2694
|
-
.bp_combobox_module_popover--
|
|
2694
|
+
.bp_combobox_module_popover--2f327[data-modern=false]{
|
|
2695
2695
|
--option-height:2.25rem;
|
|
2696
2696
|
--dropdown-max-height:12.5rem;
|
|
2697
2697
|
--combobox-popover-max-height:min(
|
|
@@ -2719,12 +2719,13 @@
|
|
|
2719
2719
|
--combobox-option-indicator-height:var(--size-9);
|
|
2720
2720
|
--combobox-option-indicator-icon-fill:var(--icon-icon-on-light);
|
|
2721
2721
|
--combobox-option-with-indicator-padding-inline:var(--space-10) var(--space-2);
|
|
2722
|
+
--combobox-option-text-color:var(--text-text-on-light);
|
|
2722
2723
|
--combobox-loading-indicator-position:unset;
|
|
2723
2724
|
--combobox-no-result-option-color:var(--text-text-on-light);
|
|
2724
2725
|
--combobox-popover-backdrop-filter:none;
|
|
2725
2726
|
}
|
|
2726
2727
|
|
|
2727
|
-
.bp_combobox_module_popover--
|
|
2728
|
+
.bp_combobox_module_popover--2f327[data-modern=true]{
|
|
2728
2729
|
--option-height:2.25rem;
|
|
2729
2730
|
--dropdown-max-height:12.5rem;
|
|
2730
2731
|
--bp-dropshadow-03:var(--dropshadow-3);
|
|
@@ -2753,12 +2754,13 @@
|
|
|
2753
2754
|
--combobox-option-indicator-height:var(--bp-size-090);
|
|
2754
2755
|
--combobox-option-indicator-icon-fill:var(--bp-icon-icon-on-light);
|
|
2755
2756
|
--combobox-option-with-indicator-padding-inline:var(--bp-space-100) var(--bp-space-020);
|
|
2757
|
+
--combobox-option-text-color:var(--bp-text-text-on-light);
|
|
2756
2758
|
--combobox-loading-indicator-position:unset;
|
|
2757
2759
|
--combobox-no-result-option-color:var(--bp-text-text-on-light);
|
|
2758
2760
|
--combobox-popover-backdrop-filter:blur(16px);
|
|
2759
2761
|
}
|
|
2760
2762
|
|
|
2761
|
-
.bp_combobox_module_container--
|
|
2763
|
+
.bp_combobox_module_container--2f327{
|
|
2762
2764
|
display:flex;
|
|
2763
2765
|
flex-direction:column;
|
|
2764
2766
|
font-family:var(--body-default-font-family);
|
|
@@ -2770,10 +2772,10 @@
|
|
|
2770
2772
|
text-decoration:var(--body-default-text-decoration);
|
|
2771
2773
|
text-transform:var(--body-default-text-case);
|
|
2772
2774
|
}
|
|
2773
|
-
.bp_combobox_module_container--
|
|
2775
|
+
.bp_combobox_module_container--2f327.bp_combobox_module_disabled--2f327{
|
|
2774
2776
|
opacity:60%;
|
|
2775
2777
|
}
|
|
2776
|
-
.bp_combobox_module_container--
|
|
2778
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_label--2f327{
|
|
2777
2779
|
color:var(--combobox-label-color);
|
|
2778
2780
|
flex:0 0 fit-content;
|
|
2779
2781
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -2786,10 +2788,10 @@
|
|
|
2786
2788
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
2787
2789
|
text-transform:var(--body-default-bold-text-case);
|
|
2788
2790
|
}
|
|
2789
|
-
.bp_combobox_module_container--
|
|
2791
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_label--2f327:not(.bp_combobox_module_hiddenLabel--2f327){
|
|
2790
2792
|
margin-block-end:var(--combobox-label-margin-block-end);
|
|
2791
2793
|
}
|
|
2792
|
-
.bp_combobox_module_container--
|
|
2794
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327{
|
|
2793
2795
|
background-color:var(--combobox-container-background-color);
|
|
2794
2796
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
|
|
2795
2797
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
|
|
@@ -2806,15 +2808,15 @@
|
|
|
2806
2808
|
padding-inline:var(--combobox-container-padding-inline);
|
|
2807
2809
|
position:relative;
|
|
2808
2810
|
}
|
|
2809
|
-
.bp_combobox_module_container--
|
|
2811
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withComboboxButtons--2f327{
|
|
2810
2812
|
padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
|
|
2811
2813
|
}
|
|
2812
|
-
.bp_combobox_module_container--
|
|
2814
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):has(input:focus){
|
|
2813
2815
|
background-color:var(--combobox-container-focus-background-color);
|
|
2814
2816
|
border:var(--combobox-container-focus-border);
|
|
2815
2817
|
padding-block:var(--combobox-container-focus-padding-block);
|
|
2816
2818
|
}
|
|
2817
|
-
.bp_combobox_module_container--
|
|
2819
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled).bp_combobox_module_error--2f327,.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):has([aria-invalid=true]){
|
|
2818
2820
|
background-color:var(--combobox-container-error-background-color);
|
|
2819
2821
|
border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
|
|
2820
2822
|
border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
|
|
@@ -2822,19 +2824,19 @@
|
|
|
2822
2824
|
border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
|
|
2823
2825
|
padding-block:var(--combobox-container-error-padding-block);
|
|
2824
2826
|
}
|
|
2825
|
-
.bp_combobox_module_container--
|
|
2827
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--2f327):not(:has([aria-invalid=true])){
|
|
2826
2828
|
border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
|
|
2827
2829
|
border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
|
|
2828
2830
|
border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
|
|
2829
2831
|
border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
|
|
2830
2832
|
}
|
|
2831
|
-
.bp_combobox_module_container--
|
|
2833
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327{
|
|
2832
2834
|
align-items:center;
|
|
2833
2835
|
display:flex;
|
|
2834
2836
|
flex:content;
|
|
2835
2837
|
gap:var(--combobox-text-input-wrapper-gap);
|
|
2836
2838
|
}
|
|
2837
|
-
.bp_combobox_module_container--
|
|
2839
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_textInput--2f327{
|
|
2838
2840
|
background-color:var(--combobox-text-input-background-color);
|
|
2839
2841
|
border:none;
|
|
2840
2842
|
color:var(--combobox-text-input-color);
|
|
@@ -2851,31 +2853,31 @@
|
|
|
2851
2853
|
text-transform:var(--body-default-text-case);
|
|
2852
2854
|
width:100%;
|
|
2853
2855
|
}
|
|
2854
|
-
.bp_combobox_module_container--
|
|
2856
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_errorIcon--2f327 path{
|
|
2855
2857
|
fill:var(--combobox-error-icon-fill);
|
|
2856
2858
|
}
|
|
2857
|
-
.bp_combobox_module_container--
|
|
2859
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327 .bp_combobox_module_textInputWrapper--2f327 .bp_combobox_module_comboboxButtons--2f327{
|
|
2858
2860
|
align-items:center;
|
|
2859
2861
|
display:flex;
|
|
2860
2862
|
position:absolute;
|
|
2861
2863
|
right:var(--combobox-button-spacing);
|
|
2862
2864
|
top:var(--combobox-button-spacing);
|
|
2863
2865
|
}
|
|
2864
|
-
.bp_combobox_module_container--
|
|
2866
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327{
|
|
2865
2867
|
max-height:var(--combobox-container-with-chips-max-height);
|
|
2866
2868
|
padding-block:var(--combobox-container-with-chips-padding-block);
|
|
2867
2869
|
}
|
|
2868
|
-
.bp_combobox_module_container--
|
|
2870
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327:not(:disabled).bp_combobox_module_error--2f327{
|
|
2869
2871
|
padding-block:var(--combobox-container-with-chips-error-padding-block);
|
|
2870
2872
|
}
|
|
2871
|
-
.bp_combobox_module_container--
|
|
2873
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_comboboxContainer--2f327.bp_combobox_module_withChips--2f327:not(:disabled):has(input:focus){
|
|
2872
2874
|
padding-block:var(--combobox-container-with-chips-focus-padding-block);
|
|
2873
2875
|
}
|
|
2874
|
-
.bp_combobox_module_container--
|
|
2876
|
+
.bp_combobox_module_container--2f327 .bp_combobox_module_inlineError--2f327{
|
|
2875
2877
|
margin-block-start:var(--combobox-inline-error-margin-block-start);
|
|
2876
2878
|
}
|
|
2877
2879
|
|
|
2878
|
-
.bp_combobox_module_popover--
|
|
2880
|
+
.bp_combobox_module_popover--2f327{
|
|
2879
2881
|
backdrop-filter:var(--combobox-popover-backdrop-filter);
|
|
2880
2882
|
background-color:var(--combobox-popover-background-color);
|
|
2881
2883
|
border:var(--combobox-popover-border);
|
|
@@ -2895,10 +2897,11 @@
|
|
|
2895
2897
|
text-transform:var(--body-default-text-case);
|
|
2896
2898
|
z-index:var(--z-index-popover);
|
|
2897
2899
|
}
|
|
2898
|
-
.bp_combobox_module_popover--
|
|
2900
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327{
|
|
2899
2901
|
border:var(--combobox-option-border);
|
|
2900
2902
|
border-radius:var(--combobox-option-border-radius);
|
|
2901
2903
|
box-sizing:border-box;
|
|
2904
|
+
color:var(--combobox-option-text-color);
|
|
2902
2905
|
cursor:pointer;
|
|
2903
2906
|
outline:none;
|
|
2904
2907
|
overflow-wrap:break-word;
|
|
@@ -2909,21 +2912,21 @@
|
|
|
2909
2912
|
user-select:none;
|
|
2910
2913
|
width:100%;
|
|
2911
2914
|
}
|
|
2912
|
-
.bp_combobox_module_popover--
|
|
2915
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327[aria-disabled]{
|
|
2913
2916
|
opacity:var(--combobox-option-disabled-opacity);
|
|
2914
2917
|
}
|
|
2915
|
-
.bp_combobox_module_popover--
|
|
2918
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327[data-active-item]:not([aria-disabled]){
|
|
2916
2919
|
background-color:var(--combobox-option-active-background-color);
|
|
2917
2920
|
border:var(--combobox-option-active-border);
|
|
2918
2921
|
}
|
|
2919
|
-
.bp_combobox_module_popover--
|
|
2922
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327:active{
|
|
2920
2923
|
background-color:var(--combobox-option-hover-background-color);
|
|
2921
2924
|
border:var(--combobox-option-border);
|
|
2922
2925
|
}
|
|
2923
|
-
.bp_combobox_module_popover--
|
|
2926
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327:hover{
|
|
2924
2927
|
background-color:var(--combobox-option-hover-background-color);
|
|
2925
2928
|
}
|
|
2926
|
-
.bp_combobox_module_popover--
|
|
2929
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327 .bp_combobox_module_indicator--2f327{
|
|
2927
2930
|
align-items:center;
|
|
2928
2931
|
display:flex;
|
|
2929
2932
|
height:var(--combobox-option-indicator-height);
|
|
@@ -2932,16 +2935,16 @@
|
|
|
2932
2935
|
position:absolute;
|
|
2933
2936
|
top:var(--combobox-option-indicator-top);
|
|
2934
2937
|
}
|
|
2935
|
-
.bp_combobox_module_popover--
|
|
2938
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_option--2f327 .bp_combobox_module_indicator--2f327 .bp_combobox_module_indicatorIcon--2f327 path{
|
|
2936
2939
|
fill:var(--combobox-option-indicator-icon-fill);
|
|
2937
2940
|
}
|
|
2938
|
-
.bp_combobox_module_popover--
|
|
2941
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_optionWithIndicator--2f327{
|
|
2939
2942
|
padding-inline:var(--combobox-option-with-indicator-padding-inline);
|
|
2940
2943
|
}
|
|
2941
|
-
.bp_combobox_module_popover--
|
|
2944
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_loadingIndicator--2f327{
|
|
2942
2945
|
position:var(--combobox-loading-indicator-position);
|
|
2943
2946
|
}
|
|
2944
|
-
.bp_combobox_module_popover--
|
|
2947
|
+
.bp_combobox_module_popover--2f327 .bp_combobox_module_noResultOption--2f327{
|
|
2945
2948
|
color:var(--combobox-no-result-option-color);
|
|
2946
2949
|
-webkit-user-select:none;
|
|
2947
2950
|
user-select:none;
|
|
@@ -3056,7 +3059,7 @@
|
|
|
3056
3059
|
--blueprint-select-border-error-left-width:none;
|
|
3057
3060
|
}
|
|
3058
3061
|
|
|
3059
|
-
.bp_select_module_container--
|
|
3062
|
+
.bp_select_module_container--e74ce[data-modern=false]{
|
|
3060
3063
|
--select-gap:var(--space-2);
|
|
3061
3064
|
--select-label-color:var(--text-text-on-light);
|
|
3062
3065
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -3086,7 +3089,7 @@
|
|
|
3086
3089
|
--select-trigger-btn-pencil-height:var(--size-4);
|
|
3087
3090
|
}
|
|
3088
3091
|
|
|
3089
|
-
.bp_select_module_container--
|
|
3092
|
+
.bp_select_module_container--e74ce[data-modern=true]{
|
|
3090
3093
|
--select-gap:var(--bp-space-020);
|
|
3091
3094
|
--select-label-color:var(--bp-text-text-on-light);
|
|
3092
3095
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -3116,7 +3119,7 @@
|
|
|
3116
3119
|
--select-trigger-btn-pencil-height:var(--bp-size-040);
|
|
3117
3120
|
}
|
|
3118
3121
|
|
|
3119
|
-
.bp_select_module_container--
|
|
3122
|
+
.bp_select_module_container--e74ce{
|
|
3120
3123
|
display:flex;
|
|
3121
3124
|
flex-direction:column;
|
|
3122
3125
|
font-family:var(--body-default-font-family);
|
|
@@ -3129,10 +3132,10 @@
|
|
|
3129
3132
|
text-decoration:var(--body-default-text-decoration);
|
|
3130
3133
|
text-transform:var(--body-default-text-case);
|
|
3131
3134
|
}
|
|
3132
|
-
.bp_select_module_container--
|
|
3135
|
+
.bp_select_module_container--e74ce.bp_select_module_disabled--e74ce{
|
|
3133
3136
|
opacity:60%;
|
|
3134
3137
|
}
|
|
3135
|
-
.bp_select_module_container--
|
|
3138
|
+
.bp_select_module_container--e74ce .bp_select_module_label--e74ce{
|
|
3136
3139
|
color:var(--select-label-color);
|
|
3137
3140
|
flex:0 0 fit-content;
|
|
3138
3141
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -3145,7 +3148,7 @@
|
|
|
3145
3148
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
3146
3149
|
text-transform:var(--body-default-bold-text-case);
|
|
3147
3150
|
}
|
|
3148
|
-
.bp_select_module_container--
|
|
3151
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce{
|
|
3149
3152
|
align-items:center;
|
|
3150
3153
|
background-color:var(--select-trigger-btn-bg-color);
|
|
3151
3154
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -3174,58 +3177,58 @@
|
|
|
3174
3177
|
text-transform:var(--body-default-text-case);
|
|
3175
3178
|
width:100%;
|
|
3176
3179
|
}
|
|
3177
|
-
.bp_select_module_container--
|
|
3180
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce span:first-child{
|
|
3178
3181
|
overflow:hidden;
|
|
3179
3182
|
text-overflow:ellipsis;
|
|
3180
3183
|
white-space:nowrap;
|
|
3181
3184
|
}
|
|
3182
|
-
.bp_select_module_container--
|
|
3185
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:disabled{
|
|
3183
3186
|
cursor:default;
|
|
3184
3187
|
}
|
|
3185
|
-
.bp_select_module_container--
|
|
3188
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce.bp_select_module_readonly--e74ce:not(:disabled){
|
|
3186
3189
|
background-color:var(--gray-02);
|
|
3187
3190
|
box-shadow:none;
|
|
3188
3191
|
color:var(--text-text-on-light-secondary);
|
|
3189
3192
|
cursor:default;
|
|
3190
3193
|
}
|
|
3191
|
-
.bp_select_module_container--
|
|
3194
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled).bp_select_module_error--e74ce,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled)[aria-invalid=true]{
|
|
3192
3195
|
background-color:var(----select-trigger-btn-error-bg-color);
|
|
3193
3196
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
3194
3197
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
3195
3198
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
3196
3199
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
3197
3200
|
}
|
|
3198
|
-
.bp_select_module_container--
|
|
3201
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):focus,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled).bp_select_module_error--e74ce:focus,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled)[aria-invalid=true]:focus{
|
|
3199
3202
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
3200
3203
|
border:var(--select-trigger-btn-focus-border);
|
|
3201
3204
|
}
|
|
3202
|
-
.bp_select_module_container--
|
|
3205
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled):not(:focus):not(.bp_select_module_error--e74ce):not([aria-invalid=true]):hover{
|
|
3203
3206
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
3204
3207
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
3205
3208
|
}
|
|
3206
|
-
.bp_select_module_container--
|
|
3209
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconWrapper--e74ce{
|
|
3207
3210
|
flex-shrink:0;
|
|
3208
3211
|
-webkit-user-select:none;
|
|
3209
3212
|
user-select:none;
|
|
3210
3213
|
}
|
|
3211
|
-
.bp_select_module_container--
|
|
3214
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconCaret--e74ce{
|
|
3212
3215
|
display:block;
|
|
3213
3216
|
height:var(--select-trigger-btn-caret-height);
|
|
3214
3217
|
width:var(--select-trigger-btn-caret-width);
|
|
3215
3218
|
}
|
|
3216
|
-
.bp_select_module_container--
|
|
3219
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconCaret--e74ce path{
|
|
3217
3220
|
fill:var(--select-trigger-btn-caret-color);
|
|
3218
3221
|
}
|
|
3219
|
-
.bp_select_module_container--
|
|
3222
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconPencilCrossed--e74ce{
|
|
3220
3223
|
display:block;
|
|
3221
3224
|
height:var(--select-trigger-btn-pencil-height);
|
|
3222
3225
|
width:var(--select-trigger-btn-pencil-width);
|
|
3223
3226
|
}
|
|
3224
|
-
.bp_select_module_container--
|
|
3227
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce[data-state=open] .bp_select_module_icon--e74ce{
|
|
3225
3228
|
transform:rotate(180deg);
|
|
3226
3229
|
}
|
|
3227
3230
|
|
|
3228
|
-
.bp_select_module_content--
|
|
3231
|
+
.bp_select_module_content--e74ce[data-modern=false]{
|
|
3229
3232
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
3230
3233
|
--select-content-backdrop-filter:none;
|
|
3231
3234
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -3252,7 +3255,7 @@
|
|
|
3252
3255
|
--select-content-viewport-option-separator-margin-block:var(--space-2);
|
|
3253
3256
|
}
|
|
3254
3257
|
|
|
3255
|
-
.bp_select_module_content--
|
|
3258
|
+
.bp_select_module_content--e74ce[data-modern=true]{
|
|
3256
3259
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
3257
3260
|
--select-content-backdrop-filter:blur(16px);
|
|
3258
3261
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -3279,7 +3282,7 @@
|
|
|
3279
3282
|
--select-content-viewport-option-separator-margin-block:var(--bp-space-020);
|
|
3280
3283
|
}
|
|
3281
3284
|
|
|
3282
|
-
.bp_select_module_content--
|
|
3285
|
+
.bp_select_module_content--e74ce{
|
|
3283
3286
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
3284
3287
|
background-color:var(--select-content-bg-color);
|
|
3285
3288
|
border:var(--select-content-border);
|
|
@@ -3299,11 +3302,11 @@
|
|
|
3299
3302
|
text-transform:var(--body-default-text-case);
|
|
3300
3303
|
z-index:380;
|
|
3301
3304
|
}
|
|
3302
|
-
.bp_select_module_content--
|
|
3305
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce{
|
|
3303
3306
|
padding-block:var(--select-content-viewport-padding-block);
|
|
3304
3307
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
3305
3308
|
}
|
|
3306
|
-
.bp_select_module_content--
|
|
3309
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce{
|
|
3307
3310
|
border:var(--select-content-viewport-option-border);
|
|
3308
3311
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
3309
3312
|
color:var(--select-content-viewport-option-text-color);
|
|
@@ -3319,29 +3322,29 @@
|
|
|
3319
3322
|
-webkit-user-select:none;
|
|
3320
3323
|
user-select:none;
|
|
3321
3324
|
}
|
|
3322
|
-
.bp_select_module_content--
|
|
3325
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-disabled]{
|
|
3323
3326
|
opacity:60%;
|
|
3324
3327
|
pointer-events:none;
|
|
3325
3328
|
}
|
|
3326
|
-
.bp_select_module_content--
|
|
3329
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-highlighted]{
|
|
3327
3330
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
3328
3331
|
border:var(--select-content-viewport-option-focus-border);
|
|
3329
3332
|
}
|
|
3330
|
-
.bp_select_module_content--
|
|
3333
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-state=checked]{
|
|
3331
3334
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
3332
3335
|
border:var(--select-content-viewport-option-active-border);
|
|
3333
3336
|
}
|
|
3334
|
-
.bp_select_module_content--
|
|
3337
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce:hover{
|
|
3335
3338
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
3336
3339
|
}
|
|
3337
|
-
.bp_select_module_content--
|
|
3340
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce span:first-child{
|
|
3338
3341
|
overflow:hidden;
|
|
3339
3342
|
overflow-wrap:break-word;
|
|
3340
3343
|
}
|
|
3341
|
-
.bp_select_module_content--
|
|
3344
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_secondaryText--e74ce{
|
|
3342
3345
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
3343
3346
|
}
|
|
3344
|
-
.bp_select_module_content--
|
|
3347
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_indicator--e74ce{
|
|
3345
3348
|
align-items:center;
|
|
3346
3349
|
display:flex;
|
|
3347
3350
|
height:var(--select-content-viewport-option-indicator-height);
|
|
@@ -3350,10 +3353,10 @@
|
|
|
3350
3353
|
position:absolute;
|
|
3351
3354
|
top:0;
|
|
3352
3355
|
}
|
|
3353
|
-
.bp_select_module_content--
|
|
3356
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_indicator--e74ce path{
|
|
3354
3357
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
3355
3358
|
}
|
|
3356
|
-
.bp_select_module_content--
|
|
3359
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_separator--e74ce{
|
|
3357
3360
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
3358
3361
|
flex-shrink:0;
|
|
3359
3362
|
height:var(--select-content-viewport-option-separator-height);
|
|
@@ -5078,7 +5081,7 @@
|
|
|
5078
5081
|
fill:currentColor;
|
|
5079
5082
|
}
|
|
5080
5083
|
|
|
5081
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5084
|
+
.bp_base_grid_list_item_module_smallList--16586[data-modern=false]{
|
|
5082
5085
|
--small-list-item-height:unset;
|
|
5083
5086
|
--small-list-gap:var(--space-2);
|
|
5084
5087
|
--small-list-padding:var(--space-1);
|
|
@@ -5104,7 +5107,7 @@
|
|
|
5104
5107
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
5105
5108
|
}
|
|
5106
5109
|
|
|
5107
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5110
|
+
.bp_base_grid_list_item_module_smallList--16586[data-modern=true]{
|
|
5108
5111
|
--small-list-item-height:var(--bp-size-100);
|
|
5109
5112
|
--small-list-gap:var(--bp-space-020);
|
|
5110
5113
|
--small-list-padding:initial;
|
|
@@ -5130,7 +5133,7 @@
|
|
|
5130
5133
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
5131
5134
|
}
|
|
5132
5135
|
|
|
5133
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5136
|
+
.bp_base_grid_list_item_module_smallList--16586{
|
|
5134
5137
|
box-sizing:border-box;
|
|
5135
5138
|
display:grid;
|
|
5136
5139
|
gap:var(--small-list-gap);
|
|
@@ -5141,7 +5144,7 @@
|
|
|
5141
5144
|
padding:var(--small-list-padding);
|
|
5142
5145
|
width:auto;
|
|
5143
5146
|
}
|
|
5144
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5147
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586{
|
|
5145
5148
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
5146
5149
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
5147
5150
|
--item-background:var(--small-list-item-background);
|
|
@@ -5161,11 +5164,11 @@
|
|
|
5161
5164
|
transform:translateZ(0);
|
|
5162
5165
|
width:auto;
|
|
5163
5166
|
}
|
|
5164
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5167
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5165
5168
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
5166
5169
|
grid-template-rows:100% 0;
|
|
5167
5170
|
}
|
|
5168
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5171
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5169
5172
|
align-items:center;
|
|
5170
5173
|
aspect-ratio:1;
|
|
5171
5174
|
display:flex;
|
|
@@ -5174,13 +5177,13 @@
|
|
|
5174
5177
|
overflow:hidden;
|
|
5175
5178
|
z-index:1;
|
|
5176
5179
|
}
|
|
5177
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5180
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnailContent--16586 img,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnailContent--16586 svg{
|
|
5178
5181
|
height:100%;
|
|
5179
5182
|
object-fit:cover;
|
|
5180
5183
|
object-position:left;
|
|
5181
5184
|
width:100%;
|
|
5182
5185
|
}
|
|
5183
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5186
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5184
5187
|
color:var(--small-list-header-color);
|
|
5185
5188
|
font-family:var(--body-default-semibold-font-family);
|
|
5186
5189
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -5192,11 +5195,11 @@
|
|
|
5192
5195
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
5193
5196
|
text-transform:var(--body-default-semibold-text-case);
|
|
5194
5197
|
}
|
|
5195
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5198
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5196
5199
|
align-items:center;
|
|
5197
5200
|
display:flex;
|
|
5198
5201
|
}
|
|
5199
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5202
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5200
5203
|
color:var(--small-list-subtitle-color);
|
|
5201
5204
|
font-family:var(--caption-default-font-family);
|
|
5202
5205
|
font-size:var(--caption-default-font-size);
|
|
@@ -5208,17 +5211,17 @@
|
|
|
5208
5211
|
text-decoration:var(--caption-default-text-decoration);
|
|
5209
5212
|
text-transform:var(--caption-default-text-case);
|
|
5210
5213
|
}
|
|
5211
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5214
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5212
5215
|
display:inline-block;
|
|
5213
5216
|
overflow:hidden;
|
|
5214
5217
|
text-overflow:ellipsis;
|
|
5215
5218
|
white-space:nowrap;
|
|
5216
5219
|
}
|
|
5217
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5220
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:not(:has(.bp_base_grid_list_item_module_header--16586)),.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:not(:has(.bp_base_grid_list_item_module_subtitle--16586)){
|
|
5218
5221
|
grid-template-rows:100% 0;
|
|
5219
5222
|
row-gap:0;
|
|
5220
5223
|
}
|
|
5221
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5224
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5222
5225
|
align-items:center;
|
|
5223
5226
|
display:flex;
|
|
5224
5227
|
grid-area:actions;
|
|
@@ -5228,11 +5231,11 @@
|
|
|
5228
5231
|
padding-right:0;
|
|
5229
5232
|
}
|
|
5230
5233
|
@media (pointer: coarse){
|
|
5231
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5234
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5232
5235
|
--actions-opacity:1;
|
|
5233
5236
|
}
|
|
5234
5237
|
}
|
|
5235
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5238
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5236
5239
|
align-items:center;
|
|
5237
5240
|
background:var(--item-background);
|
|
5238
5241
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -5241,10 +5244,10 @@
|
|
|
5241
5244
|
justify-content:center;
|
|
5242
5245
|
width:var(--small-list-selection-width);
|
|
5243
5246
|
}
|
|
5244
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5247
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5245
5248
|
background:var(--small-list-selection-hover-background);
|
|
5246
5249
|
}
|
|
5247
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5250
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5248
5251
|
align-items:center;
|
|
5249
5252
|
border-radius:var(--small-list-inner-border-radius);
|
|
5250
5253
|
display:flex;
|
|
@@ -5252,17 +5255,17 @@
|
|
|
5252
5255
|
justify-content:flex-end;
|
|
5253
5256
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
5254
5257
|
}
|
|
5255
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5258
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586:last-child{
|
|
5256
5259
|
margin-inline-end:0;
|
|
5257
5260
|
}
|
|
5258
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5261
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_actionsCheckboxWrapper--16586{
|
|
5259
5262
|
display:flex;
|
|
5260
5263
|
}
|
|
5261
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5264
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:hover,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-active-item],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focused],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-hovered]{
|
|
5262
5265
|
--actions-opacity:1;
|
|
5263
5266
|
background:var(--item-hover);
|
|
5264
5267
|
}
|
|
5265
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5268
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focus-visible]::before{
|
|
5266
5269
|
--actions-opacity:1;
|
|
5267
5270
|
border-radius:var(--small-list-focus-outline-radius);
|
|
5268
5271
|
content:"";
|
|
@@ -5276,7 +5279,7 @@
|
|
|
5276
5279
|
width:100%;
|
|
5277
5280
|
}
|
|
5278
5281
|
|
|
5279
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5282
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=false]{
|
|
5280
5283
|
--large-list-gap:var(--space-05);
|
|
5281
5284
|
--large-list-padding:var(--space-1);
|
|
5282
5285
|
--large-list-item-height:unset;
|
|
@@ -5326,11 +5329,11 @@
|
|
|
5326
5329
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
5327
5330
|
--large-list-item-interaction-backdrop-filter:none;
|
|
5328
5331
|
}
|
|
5329
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5332
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=false] .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5330
5333
|
border-radius:var(--large-list-item-border-radius);
|
|
5331
5334
|
}
|
|
5332
5335
|
|
|
5333
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5336
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true]{
|
|
5334
5337
|
--large-list-gap:var(--bp-space-005);
|
|
5335
5338
|
--large-list-padding:var(--bp-space-010);
|
|
5336
5339
|
--large-list-item-height:7.4375rem;
|
|
@@ -5381,21 +5384,21 @@
|
|
|
5381
5384
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
5382
5385
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
5383
5386
|
}
|
|
5384
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5387
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5385
5388
|
height:var(--large-list-item-height);
|
|
5386
5389
|
}
|
|
5387
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5390
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:hover,.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-active-item],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-focused],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-hovered]{
|
|
5388
5391
|
border-radius:var(--large-list-item-border-radius);
|
|
5389
5392
|
}
|
|
5390
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5393
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]{
|
|
5391
5394
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5392
5395
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5393
5396
|
}
|
|
5394
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5397
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:not[aria-selected=true][data-hovered]{
|
|
5395
5398
|
--item-background:var(--large-list-item-hover-background);
|
|
5396
5399
|
}
|
|
5397
5400
|
|
|
5398
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5401
|
+
.bp_base_grid_list_item_module_largeList--16586{
|
|
5399
5402
|
box-sizing:border-box;
|
|
5400
5403
|
display:flex;
|
|
5401
5404
|
flex-direction:column;
|
|
@@ -5405,7 +5408,7 @@
|
|
|
5405
5408
|
overflow:auto;
|
|
5406
5409
|
padding:var(--large-list-padding);
|
|
5407
5410
|
}
|
|
5408
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5411
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5409
5412
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
5410
5413
|
--actions-opacity:0;
|
|
5411
5414
|
--item-background:var(--large-list-item-background);
|
|
@@ -5421,18 +5424,18 @@
|
|
|
5421
5424
|
position:relative;
|
|
5422
5425
|
transform:translateZ(0);
|
|
5423
5426
|
}
|
|
5424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5427
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5425
5428
|
grid-template-rows:1fr 1fr 1fr;
|
|
5426
5429
|
}
|
|
5427
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5430
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586:focus-within{
|
|
5428
5431
|
--actions-opacity:1;
|
|
5429
5432
|
}
|
|
5430
5433
|
@media (max-width: 374px){
|
|
5431
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5434
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5432
5435
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
5433
5436
|
}
|
|
5434
5437
|
}
|
|
5435
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5438
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5436
5439
|
aspect-ratio:4/3;
|
|
5437
5440
|
border:var(--large-list-item-thumbnail-border);
|
|
5438
5441
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -5440,24 +5443,24 @@
|
|
|
5440
5443
|
overflow:hidden;
|
|
5441
5444
|
z-index:1;
|
|
5442
5445
|
}
|
|
5443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5446
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5444
5447
|
height:100%;
|
|
5445
5448
|
object-fit:cover;
|
|
5446
5449
|
object-position:left;
|
|
5447
5450
|
width:100%;
|
|
5448
5451
|
}
|
|
5449
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5452
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5450
5453
|
border:none;
|
|
5451
5454
|
}
|
|
5452
5455
|
@media (max-width: 374px){
|
|
5453
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5456
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5454
5457
|
aspect-ratio:1/1;
|
|
5455
5458
|
}
|
|
5456
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5459
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5457
5460
|
object-fit:contain;
|
|
5458
5461
|
}
|
|
5459
5462
|
}
|
|
5460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5463
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5461
5464
|
align-items:center;
|
|
5462
5465
|
display:flex;
|
|
5463
5466
|
height:var(--large-list-item-actions-height);
|
|
@@ -5469,11 +5472,11 @@
|
|
|
5469
5472
|
top:var(--large-list-item-actions-top);
|
|
5470
5473
|
}
|
|
5471
5474
|
@media (pointer: coarse){
|
|
5472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5475
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5473
5476
|
--actions-opacity:1;
|
|
5474
5477
|
}
|
|
5475
5478
|
}
|
|
5476
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5479
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5477
5480
|
align-items:center;
|
|
5478
5481
|
background:var(--item-background);
|
|
5479
5482
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -5482,15 +5485,15 @@
|
|
|
5482
5485
|
justify-content:center;
|
|
5483
5486
|
width:var(--large-list-item-selection-width);
|
|
5484
5487
|
}
|
|
5485
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5488
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5486
5489
|
background:var(--large-list-item-selection-hover-background);
|
|
5487
5490
|
}
|
|
5488
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5491
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_fade--16586{
|
|
5489
5492
|
align-self:stretch;
|
|
5490
5493
|
background:var(--large-list-item-fade-background);
|
|
5491
5494
|
width:var(--large-list-item-fade-width);
|
|
5492
5495
|
}
|
|
5493
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5496
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5494
5497
|
align-items:center;
|
|
5495
5498
|
background:var(--item-background);
|
|
5496
5499
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -5499,14 +5502,14 @@
|
|
|
5499
5502
|
justify-content:flex-end;
|
|
5500
5503
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
5501
5504
|
}
|
|
5502
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5505
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586:last-child{
|
|
5503
5506
|
margin-inline-end:0;
|
|
5504
5507
|
}
|
|
5505
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5508
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_actionsCheckboxWrapper--16586{
|
|
5506
5509
|
background:var(--item-background);
|
|
5507
5510
|
display:flex;
|
|
5508
5511
|
}
|
|
5509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5512
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5510
5513
|
align-items:center;
|
|
5511
5514
|
color:var(--large-list-item-header-color);
|
|
5512
5515
|
display:inline-flex;
|
|
@@ -5524,7 +5527,7 @@
|
|
|
5524
5527
|
text-transform:var(--body-default-semibold-text-case);
|
|
5525
5528
|
white-space:nowrap;
|
|
5526
5529
|
}
|
|
5527
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5530
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5528
5531
|
align-items:center;
|
|
5529
5532
|
color:var(--large-list-item-subtitle-color);
|
|
5530
5533
|
display:flex;
|
|
@@ -5540,7 +5543,7 @@
|
|
|
5540
5543
|
text-transform:var(--caption-default-text-case);
|
|
5541
5544
|
white-space:nowrap;
|
|
5542
5545
|
}
|
|
5543
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5546
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_description--16586{
|
|
5544
5547
|
-webkit-box-orient:vertical;
|
|
5545
5548
|
-webkit-line-clamp:3;
|
|
5546
5549
|
color:var(--large-list-item-description-color);
|
|
@@ -5559,13 +5562,13 @@
|
|
|
5559
5562
|
text-decoration:var(--body-default-text-decoration);
|
|
5560
5563
|
text-transform:var(--body-default-text-case);
|
|
5561
5564
|
}
|
|
5562
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5565
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_snippet--16586{
|
|
5563
5566
|
grid-area:description;
|
|
5564
5567
|
margin:0;
|
|
5565
5568
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
5566
5569
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
5567
5570
|
}
|
|
5568
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5571
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_snippet--16586 .bp_base_grid_list_item_module_snippetContent--16586{
|
|
5569
5572
|
-webkit-box-orient:vertical;
|
|
5570
5573
|
-webkit-line-clamp:2;
|
|
5571
5574
|
border:var(--large-list-item-snippet-border);
|
|
@@ -5585,13 +5588,13 @@
|
|
|
5585
5588
|
text-decoration:var(--body-default-text-decoration);
|
|
5586
5589
|
text-transform:var(--body-default-text-case);
|
|
5587
5590
|
}
|
|
5588
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5591
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586:hover,.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-active-item],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focused],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-hovered]{
|
|
5589
5592
|
--actions-opacity:1;
|
|
5590
5593
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5591
5594
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5592
5595
|
outline:var(--large-list-item-hover-outline);
|
|
5593
5596
|
}
|
|
5594
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5597
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible]::before{
|
|
5595
5598
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
5596
5599
|
content:"";
|
|
5597
5600
|
display:block;
|
|
@@ -5603,31 +5606,31 @@
|
|
|
5603
5606
|
top:0;
|
|
5604
5607
|
width:100%;
|
|
5605
5608
|
}
|
|
5606
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5609
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]{
|
|
5607
5610
|
--actions-opacity:1;
|
|
5608
5611
|
--item-background:var(--large-list-item-selected-background);
|
|
5609
5612
|
outline:var(--large-list-item-selected-outline);
|
|
5610
5613
|
z-index:2;
|
|
5611
5614
|
}
|
|
5612
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5615
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_fade--16586{
|
|
5613
5616
|
background:var(--large-list-item-selected-fade-background);
|
|
5614
5617
|
}
|
|
5615
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5618
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5616
5619
|
display:none;
|
|
5617
5620
|
}
|
|
5618
5621
|
@supports selector(:has(.foo)){
|
|
5619
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5622
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--16586 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5620
5623
|
border-end-end-radius:0;
|
|
5621
5624
|
border-end-start-radius:0;
|
|
5622
5625
|
}
|
|
5623
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5626
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--16586 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] + [aria-selected=true]{
|
|
5624
5627
|
border-start-end-radius:0;
|
|
5625
5628
|
border-start-start-radius:0;
|
|
5626
5629
|
border-top:none;
|
|
5627
5630
|
}
|
|
5628
5631
|
}
|
|
5629
5632
|
|
|
5630
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5633
|
+
.bp_base_grid_list_item_module_gridList--16586[data-modern=false]{
|
|
5631
5634
|
--grid-list-minimum-item-width:188px;
|
|
5632
5635
|
--grid-list-gap:var(--space-4);
|
|
5633
5636
|
--grid-list-padding:var(--space-1);
|
|
@@ -5659,6 +5662,7 @@
|
|
|
5659
5662
|
--grid-list-subtitle-loading-height:1.25rem;
|
|
5660
5663
|
--grid-list-item-hover-outline:var(--border-1) solid var(--border-card-border);
|
|
5661
5664
|
--grid-list-item-hover-box-shadow:var(--dropshadow-2);
|
|
5665
|
+
--grid-list-item-backdrop-filter:none;
|
|
5662
5666
|
--grid-list-item-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
5663
5667
|
--grid-list-item-focus-outline-offset:-3px;
|
|
5664
5668
|
--grid-list-item-focus-after-outline:var(--border-1) solid var(--gray-white);
|
|
@@ -5668,7 +5672,7 @@
|
|
|
5668
5672
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5669
5673
|
}
|
|
5670
5674
|
|
|
5671
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5675
|
+
.bp_base_grid_list_item_module_gridList--16586[data-modern=true]{
|
|
5672
5676
|
--grid-list-minimum-item-width:188px;
|
|
5673
5677
|
--grid-list-gap:var(--bp-space-040);
|
|
5674
5678
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5699,7 +5703,8 @@
|
|
|
5699
5703
|
--grid-list-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
5700
5704
|
--grid-list-subtitle-loading-height:var(--bp-size-050);
|
|
5701
5705
|
--grid-list-item-hover-outline:var(--bp-border-list-item-border);
|
|
5702
|
-
--grid-list-item-hover-box-shadow:var(--dropshadow-
|
|
5706
|
+
--grid-list-item-hover-box-shadow:var(--dropshadow-2);
|
|
5707
|
+
--grid-list-item-backdrop-filter:blur(16px);
|
|
5703
5708
|
--grid-list-item-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
5704
5709
|
--grid-list-item-focus-outline-offset:-3px;
|
|
5705
5710
|
--grid-list-item-focus-after-outline:var(--bp-border-01) solid var(--bp-gray-white);
|
|
@@ -5709,7 +5714,7 @@
|
|
|
5709
5714
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5710
5715
|
}
|
|
5711
5716
|
|
|
5712
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5717
|
+
.bp_base_grid_list_item_module_gridList--16586{
|
|
5713
5718
|
box-sizing:border-box;
|
|
5714
5719
|
display:grid;
|
|
5715
5720
|
gap:var(--grid-list-gap);
|
|
@@ -5719,7 +5724,7 @@
|
|
|
5719
5724
|
overflow:auto;
|
|
5720
5725
|
padding:var(--grid-list-padding);
|
|
5721
5726
|
}
|
|
5722
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5727
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586{
|
|
5723
5728
|
--actions-opacity:0;
|
|
5724
5729
|
--item-background:var(--grid-list-item-background);
|
|
5725
5730
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5737,15 +5742,15 @@
|
|
|
5737
5742
|
row-gap:var(--row-gap);
|
|
5738
5743
|
transform:translateZ(0);
|
|
5739
5744
|
}
|
|
5740
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5745
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586:focus-within{
|
|
5741
5746
|
--actions-opacity:1;
|
|
5742
5747
|
}
|
|
5743
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5748
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_statusPin--16586{
|
|
5744
5749
|
left:var(--grid-list-item-status-pin-left);
|
|
5745
5750
|
position:absolute;
|
|
5746
5751
|
top:var(--grid-list-item-status-pin-top);
|
|
5747
5752
|
}
|
|
5748
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5753
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5749
5754
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5750
5755
|
background:var(--grid-list-thumbnail-background);
|
|
5751
5756
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5753,25 +5758,25 @@
|
|
|
5753
5758
|
grid-area:thumbnail;
|
|
5754
5759
|
overflow:hidden;
|
|
5755
5760
|
}
|
|
5756
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5761
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5757
5762
|
height:100%;
|
|
5758
5763
|
object-fit:contain;
|
|
5759
5764
|
width:100%;
|
|
5760
5765
|
}
|
|
5761
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5766
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5762
5767
|
border:none;
|
|
5763
5768
|
}
|
|
5764
5769
|
@media (pointer: coarse){
|
|
5765
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5770
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5766
5771
|
margin-block-end:var(--space-1);
|
|
5767
5772
|
}
|
|
5768
5773
|
}
|
|
5769
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5774
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5770
5775
|
grid-area:subtitle;
|
|
5771
5776
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5772
5777
|
opacity:var(--actions-opacity);
|
|
5773
5778
|
}
|
|
5774
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5779
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5775
5780
|
align-items:center;
|
|
5776
5781
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5777
5782
|
display:flex;
|
|
@@ -5782,10 +5787,10 @@
|
|
|
5782
5787
|
top:var(--grid-list-selection-top);
|
|
5783
5788
|
width:var(--grid-list-selection-width);
|
|
5784
5789
|
}
|
|
5785
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5790
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5786
5791
|
background:var(--grid-list-selection-hover-background);
|
|
5787
5792
|
}
|
|
5788
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5793
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5789
5794
|
align-items:center;
|
|
5790
5795
|
background:var(--item-background);
|
|
5791
5796
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5794,12 +5799,12 @@
|
|
|
5794
5799
|
justify-content:center;
|
|
5795
5800
|
}
|
|
5796
5801
|
@media (pointer: coarse){
|
|
5797
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5802
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5798
5803
|
grid-area:actions;
|
|
5799
5804
|
margin-block-start:0;
|
|
5800
5805
|
}
|
|
5801
5806
|
}
|
|
5802
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5807
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5803
5808
|
-webkit-box-orient:vertical;
|
|
5804
5809
|
-webkit-line-clamp:2;
|
|
5805
5810
|
color:var(--grid-list-header-color);
|
|
@@ -5817,11 +5822,11 @@
|
|
|
5817
5822
|
text-decoration:var(--body-default-text-decoration);
|
|
5818
5823
|
text-transform:var(--body-default-text-case);
|
|
5819
5824
|
}
|
|
5820
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5825
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_header--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5821
5826
|
align-items:center;
|
|
5822
5827
|
display:flex;
|
|
5823
5828
|
}
|
|
5824
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5829
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5825
5830
|
color:var(--grid-list-subtitle-color);
|
|
5826
5831
|
font-family:var(--caption-default-font-family);
|
|
5827
5832
|
font-size:var(--caption-default-font-size);
|
|
@@ -5838,15 +5843,16 @@
|
|
|
5838
5843
|
text-transform:var(--caption-default-text-case);
|
|
5839
5844
|
white-space:nowrap;
|
|
5840
5845
|
}
|
|
5841
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5846
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_subtitle--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5842
5847
|
height:var(--grid-list-subtitle-loading-height);
|
|
5843
5848
|
}
|
|
5844
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5849
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586.bp_base_grid_list_item_module_isItemInteracted--16586,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586:hover,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focused],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-hovered]{
|
|
5845
5850
|
--actions-opacity:1;
|
|
5851
|
+
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
5846
5852
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5847
5853
|
outline:var(--grid-list-item-hover-outline);
|
|
5848
5854
|
}
|
|
5849
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5855
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible]::before{
|
|
5850
5856
|
border-radius:var(--grid-list-item-border-radius);
|
|
5851
5857
|
content:"";
|
|
5852
5858
|
display:block;
|
|
@@ -5858,7 +5864,7 @@
|
|
|
5858
5864
|
top:0;
|
|
5859
5865
|
width:100%;
|
|
5860
5866
|
}
|
|
5861
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5867
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item]::after,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible]::after{
|
|
5862
5868
|
border-radius:var(--grid-list-item-border-radius);
|
|
5863
5869
|
content:"";
|
|
5864
5870
|
display:block;
|
|
@@ -5870,16 +5876,16 @@
|
|
|
5870
5876
|
top:0;
|
|
5871
5877
|
width:100%;
|
|
5872
5878
|
}
|
|
5873
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5879
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[aria-selected=true]{
|
|
5874
5880
|
--actions-opacity:1;
|
|
5875
5881
|
--item-background:var(--grid-list-item-selected-background);
|
|
5876
5882
|
outline:var(--grid-list-item-selected-outline);
|
|
5877
5883
|
}
|
|
5878
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5884
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--16586) .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5879
5885
|
opacity:0;
|
|
5880
5886
|
}
|
|
5881
5887
|
@media (pointer: coarse){
|
|
5882
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5888
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586{
|
|
5883
5889
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5884
5890
|
--actions-opacity:1;
|
|
5885
5891
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5887,7 +5893,7 @@
|
|
|
5887
5893
|
}
|
|
5888
5894
|
}
|
|
5889
5895
|
|
|
5890
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5896
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-modern=false]{
|
|
5891
5897
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
5892
5898
|
--tooltip-offset:var(--space-2);
|
|
5893
5899
|
--tooltip-arrow-display:block;
|
|
@@ -5899,7 +5905,7 @@
|
|
|
5899
5905
|
--tooltip-backdrop-filter:none;
|
|
5900
5906
|
}
|
|
5901
5907
|
|
|
5902
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5908
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-modern=true]{
|
|
5903
5909
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
5904
5910
|
--tooltip-offset:var(--bp-space-020);
|
|
5905
5911
|
--tooltip-arrow-display:none;
|
|
@@ -5911,7 +5917,7 @@
|
|
|
5911
5917
|
--tooltip-backdrop-filter:blur(16px);
|
|
5912
5918
|
}
|
|
5913
5919
|
|
|
5914
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5920
|
+
.bp_base_grid_list_item_module_tooltipContent--16586{
|
|
5915
5921
|
background-color:var(--tooltip-background-color);
|
|
5916
5922
|
border:var(--tooltip-border);
|
|
5917
5923
|
border-radius:var(--tooltip-radius);
|
|
@@ -5930,28 +5936,28 @@
|
|
|
5930
5936
|
word-break:break-word;
|
|
5931
5937
|
z-index:2147483647;
|
|
5932
5938
|
}
|
|
5933
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5939
|
+
.bp_base_grid_list_item_module_tooltipContent--16586 .bp_base_grid_list_item_module_tooltipArrow--16586 svg{
|
|
5934
5940
|
display:var(--tooltip-arrow-display);
|
|
5935
5941
|
height:.5rem;
|
|
5936
5942
|
width:1rem;
|
|
5937
5943
|
}
|
|
5938
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5944
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=top]{
|
|
5939
5945
|
margin-block-end:var(--tooltip-offset);
|
|
5940
5946
|
}
|
|
5941
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5947
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--16586 svg{
|
|
5942
5948
|
transform:rotate(180deg);
|
|
5943
5949
|
}
|
|
5944
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5950
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=bottom]{
|
|
5945
5951
|
margin-block-start:var(--tooltip-offset);
|
|
5946
5952
|
}
|
|
5947
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5953
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=right]{
|
|
5948
5954
|
margin-inline-start:var(--tooltip-offset);
|
|
5949
5955
|
}
|
|
5950
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5956
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=left]{
|
|
5951
5957
|
margin-inline-end:var(--tooltip-offset);
|
|
5952
5958
|
}
|
|
5953
5959
|
|
|
5954
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5960
|
+
.bp_base_grid_list_item_module_staticList--16586 .bp_base_grid_list_item_module_staticListItem--16586{
|
|
5955
5961
|
display:contents;
|
|
5956
5962
|
}
|
|
5957
5963
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_select_module_container--
|
|
2
|
+
var styles = {"container":"bp_select_module_container--e74ce","disabled":"bp_select_module_disabled--e74ce","label":"bp_select_module_label--e74ce","triggerBtn":"bp_select_module_triggerBtn--e74ce","readonly":"bp_select_module_readonly--e74ce","error":"bp_select_module_error--e74ce","iconWrapper":"bp_select_module_iconWrapper--e74ce","iconCaret":"bp_select_module_iconCaret--e74ce","iconPencilCrossed":"bp_select_module_iconPencilCrossed--e74ce","icon":"bp_select_module_icon--e74ce","content":"bp_select_module_content--e74ce","viewport":"bp_select_module_viewport--e74ce","option":"bp_select_module_option--e74ce","secondaryText":"bp_select_module_secondaryText--e74ce","indicator":"bp_select_module_indicator--e74ce","separator":"bp_select_module_separator--e74ce"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--16586","smallListItem":"bp_base_grid_list_item_module_smallListItem--16586","loading":"bp_base_grid_list_item_module_loading--16586","thumbnail":"bp_base_grid_list_item_module_thumbnail--16586","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--16586","header":"bp_base_grid_list_item_module_header--16586","subtitle":"bp_base_grid_list_item_module_subtitle--16586","actions":"bp_base_grid_list_item_module_actions--16586","selection":"bp_base_grid_list_item_module_selection--16586","inner":"bp_base_grid_list_item_module_inner--16586","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--16586","largeList":"bp_base_grid_list_item_module_largeList--16586","largeListItem":"bp_base_grid_list_item_module_largeListItem--16586","fade":"bp_base_grid_list_item_module_fade--16586","description":"bp_base_grid_list_item_module_description--16586","snippet":"bp_base_grid_list_item_module_snippet--16586","snippetContent":"bp_base_grid_list_item_module_snippetContent--16586","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--16586","gridList":"bp_base_grid_list_item_module_gridList--16586","gridListItem":"bp_base_grid_list_item_module_gridListItem--16586","statusPin":"bp_base_grid_list_item_module_statusPin--16586","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--16586","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--16586","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--16586","staticList":"bp_base_grid_list_item_module_staticList--16586","staticListItem":"bp_base_grid_list_item_module_staticListItem--16586"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|