@box/blueprint-web 7.33.3 → 7.34.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/lib-esm/index.css +88 -87
- package/lib-esm/index.d.ts +1 -0
- package/lib-esm/index.js +1 -0
- package/lib-esm/tooltip/tooltip.module.js +1 -1
- package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/lib-esm/utils/useFullTextTooltip.js +26 -6
- package/package.json +2 -2
package/lib-esm/index.css
CHANGED
|
@@ -904,8 +904,9 @@
|
|
|
904
904
|
.bp_card_module_card--d1a6a.bp_card_module_dropshadow-3--d1a6a{
|
|
905
905
|
box-shadow:var(--dropshadow-3);
|
|
906
906
|
}
|
|
907
|
-
.bp_tooltip_module_content--
|
|
907
|
+
.bp_tooltip_module_content--6168a{
|
|
908
908
|
border-radius:var(--radius-1);
|
|
909
|
+
box-sizing:border-box;
|
|
909
910
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
910
911
|
font-size:.875rem;
|
|
911
912
|
font-weight:400;
|
|
@@ -919,18 +920,18 @@
|
|
|
919
920
|
word-break:break-word;
|
|
920
921
|
z-index:2147483647;
|
|
921
922
|
}
|
|
922
|
-
.bp_tooltip_module_content--
|
|
923
|
+
.bp_tooltip_module_content--6168a.bp_tooltip_module_standard--6168a{
|
|
923
924
|
background-color:var(--surface-tooltip-surface);
|
|
924
925
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
925
926
|
color:var(--text-text-on-dark);
|
|
926
927
|
}
|
|
927
|
-
.bp_tooltip_module_content--
|
|
928
|
+
.bp_tooltip_module_content--6168a.bp_tooltip_module_error--6168a{
|
|
928
929
|
background-color:var(--surface-tooltip-surface-error);
|
|
929
930
|
border:var(--border-1) solid var(--border-tooltip-border-error);
|
|
930
931
|
color:var(--text-text-on-light);
|
|
931
932
|
}
|
|
932
933
|
|
|
933
|
-
.bp_tooltip_module_arrow--
|
|
934
|
+
.bp_tooltip_module_arrow--6168a{
|
|
934
935
|
border-left:8.7px solid #0000;
|
|
935
936
|
border-right:8.7px solid #0000;
|
|
936
937
|
border-top:8.7px solid var(--surface-tooltip-surface);
|
|
@@ -938,10 +939,10 @@
|
|
|
938
939
|
height:0;
|
|
939
940
|
width:0;
|
|
940
941
|
}
|
|
941
|
-
.bp_tooltip_module_arrow--
|
|
942
|
+
.bp_tooltip_module_arrow--6168a.bp_tooltip_module_error--6168a{
|
|
942
943
|
border-top-color:var(--border-tooltip-border-error);
|
|
943
944
|
}
|
|
944
|
-
.bp_tooltip_module_arrow--
|
|
945
|
+
.bp_tooltip_module_arrow--6168a.bp_tooltip_module_error--6168a::after{
|
|
945
946
|
border-left:7.7px solid #0000;
|
|
946
947
|
border-right:7.7px solid #0000;
|
|
947
948
|
border-top:7.7px solid var(--surface-tooltip-surface-error);
|
|
@@ -2766,7 +2767,7 @@
|
|
|
2766
2767
|
.bp_link_module_link--9e202 .bp_link_module_icon--9e202 *{
|
|
2767
2768
|
fill:currentColor;
|
|
2768
2769
|
}
|
|
2769
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2770
|
+
.bp_base_grid_list_item_module_smallList--9bc88{
|
|
2770
2771
|
box-sizing:border-box;
|
|
2771
2772
|
display:grid;
|
|
2772
2773
|
gap:var(--space-2);
|
|
@@ -2777,7 +2778,7 @@
|
|
|
2777
2778
|
padding:var(--space-1);
|
|
2778
2779
|
width:auto;
|
|
2779
2780
|
}
|
|
2780
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2781
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88{
|
|
2781
2782
|
--actions-opacity:0;
|
|
2782
2783
|
--thumbnail-size:var(--size-9);
|
|
2783
2784
|
--item-background:var(--surface-item-small-surface);
|
|
@@ -2796,11 +2797,11 @@
|
|
|
2796
2797
|
transform:translateZ(0);
|
|
2797
2798
|
width:auto;
|
|
2798
2799
|
}
|
|
2799
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2800
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
2800
2801
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
2801
2802
|
grid-template-rows:100% 0;
|
|
2802
2803
|
}
|
|
2803
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2804
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88{
|
|
2804
2805
|
align-items:center;
|
|
2805
2806
|
aspect-ratio:1;
|
|
2806
2807
|
display:flex;
|
|
@@ -2809,13 +2810,13 @@
|
|
|
2809
2810
|
overflow:hidden;
|
|
2810
2811
|
z-index:1;
|
|
2811
2812
|
}
|
|
2812
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2813
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_thumbnailContent--9bc88 img,.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_thumbnailContent--9bc88 svg{
|
|
2813
2814
|
height:100%;
|
|
2814
2815
|
object-fit:cover;
|
|
2815
2816
|
object-position:left;
|
|
2816
2817
|
width:100%;
|
|
2817
2818
|
}
|
|
2818
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2819
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88{
|
|
2819
2820
|
color:var(--text-text-on-light);
|
|
2820
2821
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2821
2822
|
font-size:.875rem;
|
|
@@ -2826,11 +2827,11 @@
|
|
|
2826
2827
|
text-decoration:none;
|
|
2827
2828
|
text-transform:none;
|
|
2828
2829
|
}
|
|
2829
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2830
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
2830
2831
|
align-items:center;
|
|
2831
2832
|
display:flex;
|
|
2832
2833
|
}
|
|
2833
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2834
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_subtitle--9bc88{
|
|
2834
2835
|
color:var(--text-text-on-light-secondary);
|
|
2835
2836
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2836
2837
|
font-size:.75rem;
|
|
@@ -2841,17 +2842,17 @@
|
|
|
2841
2842
|
text-decoration:none;
|
|
2842
2843
|
text-transform:none;
|
|
2843
2844
|
}
|
|
2844
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2845
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88,.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_subtitle--9bc88{
|
|
2845
2846
|
display:inline-block;
|
|
2846
2847
|
overflow:hidden;
|
|
2847
2848
|
text-overflow:ellipsis;
|
|
2848
2849
|
white-space:nowrap;
|
|
2849
2850
|
}
|
|
2850
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2851
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88:not(:has(.bp_base_grid_list_item_module_header--9bc88)),.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88:not(:has(.bp_base_grid_list_item_module_subtitle--9bc88)){
|
|
2851
2852
|
grid-template-rows:100% 0;
|
|
2852
2853
|
row-gap:0;
|
|
2853
2854
|
}
|
|
2854
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2855
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
2855
2856
|
align-items:center;
|
|
2856
2857
|
display:flex;
|
|
2857
2858
|
grid-area:actions;
|
|
@@ -2861,11 +2862,11 @@
|
|
|
2861
2862
|
padding-right:0;
|
|
2862
2863
|
}
|
|
2863
2864
|
@media (pointer: coarse){
|
|
2864
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2865
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
2865
2866
|
--actions-opacity:1;
|
|
2866
2867
|
}
|
|
2867
2868
|
}
|
|
2868
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2869
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88{
|
|
2869
2870
|
align-items:center;
|
|
2870
2871
|
background:var(--item-background);
|
|
2871
2872
|
border-radius:var(--radius-2);
|
|
@@ -2874,10 +2875,10 @@
|
|
|
2874
2875
|
justify-content:center;
|
|
2875
2876
|
width:var(--space-8);
|
|
2876
2877
|
}
|
|
2877
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2878
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88:hover{
|
|
2878
2879
|
background:var(--surface-cta-surface-icon-hover);
|
|
2879
2880
|
}
|
|
2880
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2881
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88{
|
|
2881
2882
|
align-items:center;
|
|
2882
2883
|
border-radius:var(--radius-2);
|
|
2883
2884
|
display:flex;
|
|
@@ -2885,18 +2886,18 @@
|
|
|
2885
2886
|
justify-content:flex-end;
|
|
2886
2887
|
margin-inline-end:var(--space-2);
|
|
2887
2888
|
}
|
|
2888
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2889
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88:last-child{
|
|
2889
2890
|
margin-inline-end:0;
|
|
2890
2891
|
}
|
|
2891
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2892
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_actionsCheckboxWrapper--9bc88{
|
|
2892
2893
|
background:var(--item-hover);
|
|
2893
2894
|
display:flex;
|
|
2894
2895
|
}
|
|
2895
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2896
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88:hover,.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-active-item],.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-focus-visible],.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-focused],.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-hovered]{
|
|
2896
2897
|
--actions-opacity:1;
|
|
2897
2898
|
background:var(--item-hover);
|
|
2898
2899
|
}
|
|
2899
|
-
.bp_base_grid_list_item_module_smallList--
|
|
2900
|
+
.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-active-item]::before,.bp_base_grid_list_item_module_smallList--9bc88 .bp_base_grid_list_item_module_smallListItem--9bc88[data-focus-visible]::before{
|
|
2900
2901
|
--actions-opacity:1;
|
|
2901
2902
|
border-radius:.875rem;
|
|
2902
2903
|
content:"";
|
|
@@ -2910,7 +2911,7 @@
|
|
|
2910
2911
|
width:100%;
|
|
2911
2912
|
}
|
|
2912
2913
|
|
|
2913
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2914
|
+
.bp_base_grid_list_item_module_largeList--9bc88{
|
|
2914
2915
|
box-sizing:border-box;
|
|
2915
2916
|
display:flex;
|
|
2916
2917
|
flex-direction:column;
|
|
@@ -2920,7 +2921,7 @@
|
|
|
2920
2921
|
overflow:auto;
|
|
2921
2922
|
padding:var(--space-1);
|
|
2922
2923
|
}
|
|
2923
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2924
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88{
|
|
2924
2925
|
--thumbnail-size:10rem;
|
|
2925
2926
|
--actions-opacity:0;
|
|
2926
2927
|
--item-background:var(--gray-white);
|
|
@@ -2937,18 +2938,18 @@
|
|
|
2937
2938
|
position:relative;
|
|
2938
2939
|
transform:translateZ(0);
|
|
2939
2940
|
}
|
|
2940
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2941
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
2941
2942
|
grid-template-rows:1fr 1fr 1fr;
|
|
2942
2943
|
}
|
|
2943
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2944
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88:focus-within{
|
|
2944
2945
|
--actions-opacity:1;
|
|
2945
2946
|
}
|
|
2946
2947
|
@media (max-width: 374px){
|
|
2947
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2948
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88{
|
|
2948
2949
|
--thumbnail-size:7.5rem;
|
|
2949
2950
|
}
|
|
2950
2951
|
}
|
|
2951
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2952
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88{
|
|
2952
2953
|
aspect-ratio:4/3;
|
|
2953
2954
|
border:var(--border-1) solid var(--gray-10);
|
|
2954
2955
|
border-radius:var(--radius-3);
|
|
@@ -2956,24 +2957,24 @@
|
|
|
2956
2957
|
overflow:hidden;
|
|
2957
2958
|
z-index:1;
|
|
2958
2959
|
}
|
|
2959
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2960
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88 img{
|
|
2960
2961
|
height:100%;
|
|
2961
2962
|
object-fit:cover;
|
|
2962
2963
|
object-position:left;
|
|
2963
2964
|
width:100%;
|
|
2964
2965
|
}
|
|
2965
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2966
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
2966
2967
|
border:none;
|
|
2967
2968
|
}
|
|
2968
2969
|
@media (max-width: 374px){
|
|
2969
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2970
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88{
|
|
2970
2971
|
aspect-ratio:1/1;
|
|
2971
2972
|
}
|
|
2972
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2973
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88 img{
|
|
2973
2974
|
object-fit:contain;
|
|
2974
2975
|
}
|
|
2975
2976
|
}
|
|
2976
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2977
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
2977
2978
|
align-items:center;
|
|
2978
2979
|
display:flex;
|
|
2979
2980
|
height:var(--space-6);
|
|
@@ -2985,11 +2986,11 @@
|
|
|
2985
2986
|
top:.875rem;
|
|
2986
2987
|
}
|
|
2987
2988
|
@media (pointer: coarse){
|
|
2988
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2989
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
2989
2990
|
--actions-opacity:1;
|
|
2990
2991
|
}
|
|
2991
2992
|
}
|
|
2992
|
-
.bp_base_grid_list_item_module_largeList--
|
|
2993
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88{
|
|
2993
2994
|
align-items:center;
|
|
2994
2995
|
background:var(--item-background);
|
|
2995
2996
|
border-radius:var(--radius-2);
|
|
@@ -2998,15 +2999,15 @@
|
|
|
2998
2999
|
justify-content:center;
|
|
2999
3000
|
width:var(--space-8);
|
|
3000
3001
|
}
|
|
3001
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3002
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88:hover{
|
|
3002
3003
|
background:var(--surface-cta-surface-icon-hover);
|
|
3003
3004
|
}
|
|
3004
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3005
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_fade--9bc88{
|
|
3005
3006
|
align-self:stretch;
|
|
3006
3007
|
background:linear-gradient(270deg, #fff 0, #fff0 100%);
|
|
3007
3008
|
width:var(--size-8);
|
|
3008
3009
|
}
|
|
3009
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3010
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88{
|
|
3010
3011
|
align-items:center;
|
|
3011
3012
|
background:var(--item-background);
|
|
3012
3013
|
border-radius:var(--radius-2);
|
|
@@ -3015,14 +3016,14 @@
|
|
|
3015
3016
|
justify-content:flex-end;
|
|
3016
3017
|
margin-inline-end:var(--space-2);
|
|
3017
3018
|
}
|
|
3018
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3019
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88:last-child{
|
|
3019
3020
|
margin-inline-end:0;
|
|
3020
3021
|
}
|
|
3021
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3022
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_actionsCheckboxWrapper--9bc88{
|
|
3022
3023
|
background:var(--item-background);
|
|
3023
3024
|
display:flex;
|
|
3024
3025
|
}
|
|
3025
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3026
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88{
|
|
3026
3027
|
align-items:center;
|
|
3027
3028
|
color:var(--text-text-on-light);
|
|
3028
3029
|
display:inline-flex;
|
|
@@ -3039,7 +3040,7 @@
|
|
|
3039
3040
|
text-transform:none;
|
|
3040
3041
|
white-space:nowrap;
|
|
3041
3042
|
}
|
|
3042
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3043
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_subtitle--9bc88{
|
|
3043
3044
|
align-items:center;
|
|
3044
3045
|
color:var(--text-text-on-light-secondary);
|
|
3045
3046
|
display:flex;
|
|
@@ -3054,7 +3055,7 @@
|
|
|
3054
3055
|
text-transform:none;
|
|
3055
3056
|
white-space:nowrap;
|
|
3056
3057
|
}
|
|
3057
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3058
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_description--9bc88{
|
|
3058
3059
|
-webkit-box-orient:vertical;
|
|
3059
3060
|
-webkit-line-clamp:3;
|
|
3060
3061
|
color:var(--text-text-on-light);
|
|
@@ -3072,13 +3073,13 @@
|
|
|
3072
3073
|
text-decoration:none;
|
|
3073
3074
|
text-transform:none;
|
|
3074
3075
|
}
|
|
3075
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3076
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_snippet--9bc88{
|
|
3076
3077
|
grid-area:description;
|
|
3077
3078
|
margin:0;
|
|
3078
3079
|
margin-block-end:var(--space-1);
|
|
3079
3080
|
margin-block-start:var(--space-3);
|
|
3080
3081
|
}
|
|
3081
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3082
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88 .bp_base_grid_list_item_module_snippet--9bc88 .bp_base_grid_list_item_module_snippetContent--9bc88{
|
|
3082
3083
|
-webkit-box-orient:vertical;
|
|
3083
3084
|
-webkit-line-clamp:2;
|
|
3084
3085
|
border:0 0 0 var(--space-05);
|
|
@@ -3097,12 +3098,12 @@
|
|
|
3097
3098
|
text-decoration:none;
|
|
3098
3099
|
text-transform:none;
|
|
3099
3100
|
}
|
|
3100
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3101
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88:hover,.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-active-item],.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-focus-visible],.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-focused],.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-hovered]{
|
|
3101
3102
|
--actions-opacity:1;
|
|
3102
3103
|
box-shadow:var(--dropshadow-2);
|
|
3103
3104
|
outline:var(--border-1) solid var(--border-card-border);
|
|
3104
3105
|
}
|
|
3105
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3106
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-active-item]::before,.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[data-focus-visible]::before{
|
|
3106
3107
|
border-radius:.875rem;
|
|
3107
3108
|
content:"";
|
|
3108
3109
|
display:block;
|
|
@@ -3114,41 +3115,41 @@
|
|
|
3114
3115
|
top:0;
|
|
3115
3116
|
width:100%;
|
|
3116
3117
|
}
|
|
3117
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3118
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true]{
|
|
3118
3119
|
--actions-opacity:1;
|
|
3119
3120
|
--item-background:var(--box-blue-05);
|
|
3120
3121
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
3121
3122
|
z-index:2;
|
|
3122
3123
|
}
|
|
3123
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3124
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true] .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_fade--9bc88{
|
|
3124
3125
|
background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
|
|
3125
3126
|
}
|
|
3126
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3127
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88{
|
|
3127
3128
|
display:none;
|
|
3128
3129
|
}
|
|
3129
3130
|
@supports selector(:has(.foo)){
|
|
3130
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3131
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--9bc88 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true]:has(+ [aria-selected=true]){
|
|
3131
3132
|
border-end-end-radius:0;
|
|
3132
3133
|
border-end-start-radius:0;
|
|
3133
3134
|
}
|
|
3134
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3135
|
+
.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--9bc88 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--9bc88 .bp_base_grid_list_item_module_largeListItem--9bc88[aria-selected=true] + [aria-selected=true]{
|
|
3135
3136
|
border-start-end-radius:0;
|
|
3136
3137
|
border-start-start-radius:0;
|
|
3137
3138
|
border-top:none;
|
|
3138
3139
|
}
|
|
3139
3140
|
}
|
|
3140
3141
|
|
|
3141
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3142
|
+
.bp_base_grid_list_item_module_gridList--9bc88{
|
|
3142
3143
|
box-sizing:border-box;
|
|
3143
3144
|
display:grid;
|
|
3144
|
-
gap:var(--space-
|
|
3145
|
+
gap:var(--space-4);
|
|
3145
3146
|
grid-template-columns:repeat(auto-fit, minmax(188px, 1fr));
|
|
3146
3147
|
max-height:inherit;
|
|
3147
3148
|
outline:none;
|
|
3148
3149
|
overflow:auto;
|
|
3149
3150
|
padding:var(--space-1);
|
|
3150
3151
|
}
|
|
3151
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3152
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88{
|
|
3152
3153
|
--actions-opacity:0;
|
|
3153
3154
|
--item-background:var(--gray-white);
|
|
3154
3155
|
--row-gap:var(--space-2);
|
|
@@ -3166,15 +3167,15 @@
|
|
|
3166
3167
|
row-gap:var(--row-gap);
|
|
3167
3168
|
transform:translateZ(0);
|
|
3168
3169
|
}
|
|
3169
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3170
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88:focus-within{
|
|
3170
3171
|
--actions-opacity:1;
|
|
3171
3172
|
}
|
|
3172
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3173
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_statusPin--9bc88{
|
|
3173
3174
|
left:var(--space-3);
|
|
3174
3175
|
position:absolute;
|
|
3175
3176
|
top:var(--space-3);
|
|
3176
3177
|
}
|
|
3177
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3178
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88{
|
|
3178
3179
|
aspect-ratio:4/3;
|
|
3179
3180
|
background:var(--gray-white);
|
|
3180
3181
|
border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
@@ -3182,25 +3183,25 @@
|
|
|
3182
3183
|
grid-area:thumbnail;
|
|
3183
3184
|
overflow:hidden;
|
|
3184
3185
|
}
|
|
3185
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3186
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88 img{
|
|
3186
3187
|
height:100%;
|
|
3187
3188
|
object-fit:contain;
|
|
3188
3189
|
width:100%;
|
|
3189
3190
|
}
|
|
3190
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3191
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
3191
3192
|
border:none;
|
|
3192
3193
|
}
|
|
3193
3194
|
@media (pointer: coarse){
|
|
3194
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3195
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_thumbnail--9bc88{
|
|
3195
3196
|
margin-block-end:var(--space-1);
|
|
3196
3197
|
}
|
|
3197
3198
|
}
|
|
3198
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3199
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
3199
3200
|
grid-area:subtitle;
|
|
3200
3201
|
margin-block-start:-.25rem;
|
|
3201
3202
|
opacity:var(--actions-opacity);
|
|
3202
3203
|
}
|
|
3203
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3204
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88{
|
|
3204
3205
|
align-items:center;
|
|
3205
3206
|
border-radius:var(--radius-2);
|
|
3206
3207
|
display:flex;
|
|
@@ -3211,10 +3212,10 @@
|
|
|
3211
3212
|
top:var(--space-2);
|
|
3212
3213
|
width:var(--space-8);
|
|
3213
3214
|
}
|
|
3214
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3215
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_selection--9bc88:hover{
|
|
3215
3216
|
background:var(--surface-cta-surface-icon-hover);
|
|
3216
3217
|
}
|
|
3217
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3218
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88{
|
|
3218
3219
|
align-items:center;
|
|
3219
3220
|
background:var(--item-background);
|
|
3220
3221
|
border-radius:var(--radius-2);
|
|
@@ -3223,12 +3224,12 @@
|
|
|
3223
3224
|
justify-content:center;
|
|
3224
3225
|
}
|
|
3225
3226
|
@media (pointer: coarse){
|
|
3226
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3227
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_actions--9bc88{
|
|
3227
3228
|
grid-area:actions;
|
|
3228
3229
|
margin-block-start:0;
|
|
3229
3230
|
}
|
|
3230
3231
|
}
|
|
3231
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3232
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88{
|
|
3232
3233
|
-webkit-box-orient:vertical;
|
|
3233
3234
|
-webkit-line-clamp:2;
|
|
3234
3235
|
color:var(--text-text-on-light);
|
|
@@ -3245,11 +3246,11 @@
|
|
|
3245
3246
|
text-decoration:none;
|
|
3246
3247
|
text-transform:none;
|
|
3247
3248
|
}
|
|
3248
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3249
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_header--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
3249
3250
|
align-items:center;
|
|
3250
3251
|
display:flex;
|
|
3251
3252
|
}
|
|
3252
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3253
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_subtitle--9bc88{
|
|
3253
3254
|
color:var(--text-text-on-light-secondary);
|
|
3254
3255
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3255
3256
|
font-size:.75rem;
|
|
@@ -3265,15 +3266,15 @@
|
|
|
3265
3266
|
text-transform:none;
|
|
3266
3267
|
white-space:nowrap;
|
|
3267
3268
|
}
|
|
3268
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3269
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88 .bp_base_grid_list_item_module_subtitle--9bc88.bp_base_grid_list_item_module_loading--9bc88{
|
|
3269
3270
|
height:1.25rem;
|
|
3270
3271
|
}
|
|
3271
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3272
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88.bp_base_grid_list_item_module_isItemInteracted--9bc88,.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88:hover,.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-active-item],.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-focus-visible],.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-focused],.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-hovered]{
|
|
3272
3273
|
--actions-opacity:1;
|
|
3273
3274
|
box-shadow:var(--dropshadow-2);
|
|
3274
3275
|
outline:var(--border-1) solid var(--border-card-border);
|
|
3275
3276
|
}
|
|
3276
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3277
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-active-item]::before,.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-focus-visible]::before{
|
|
3277
3278
|
border-radius:var(--radius-3);
|
|
3278
3279
|
content:"";
|
|
3279
3280
|
display:block;
|
|
@@ -3285,7 +3286,7 @@
|
|
|
3285
3286
|
top:0;
|
|
3286
3287
|
width:100%;
|
|
3287
3288
|
}
|
|
3288
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3289
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-active-item]::after,.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[data-focus-visible]::after{
|
|
3289
3290
|
border-radius:var(--radius-3);
|
|
3290
3291
|
content:"";
|
|
3291
3292
|
display:block;
|
|
@@ -3297,16 +3298,16 @@
|
|
|
3297
3298
|
top:0;
|
|
3298
3299
|
width:100%;
|
|
3299
3300
|
}
|
|
3300
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3301
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[aria-selected=true]{
|
|
3301
3302
|
--actions-opacity:1;
|
|
3302
3303
|
--item-background:var(--box-blue-05);
|
|
3303
3304
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
3304
3305
|
}
|
|
3305
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3306
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--9bc88) .bp_base_grid_list_item_module_actions--9bc88 .bp_base_grid_list_item_module_inner--9bc88{
|
|
3306
3307
|
opacity:0;
|
|
3307
3308
|
}
|
|
3308
3309
|
@media (pointer: coarse){
|
|
3309
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3310
|
+
.bp_base_grid_list_item_module_gridList--9bc88 .bp_base_grid_list_item_module_gridListItem--9bc88{
|
|
3310
3311
|
--row-gap:var(--space-1);
|
|
3311
3312
|
--actions-opacity:1;
|
|
3312
3313
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -3314,7 +3315,7 @@
|
|
|
3314
3315
|
}
|
|
3315
3316
|
}
|
|
3316
3317
|
|
|
3317
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3318
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88{
|
|
3318
3319
|
background-color:var(--surface-tooltip-surface);
|
|
3319
3320
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
3320
3321
|
border-radius:var(--radius-1);
|
|
@@ -3332,28 +3333,28 @@
|
|
|
3332
3333
|
word-break:break-word;
|
|
3333
3334
|
z-index:2147483647;
|
|
3334
3335
|
}
|
|
3335
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3336
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88 .bp_base_grid_list_item_module_tooltipArrow--9bc88 svg{
|
|
3336
3337
|
display:block;
|
|
3337
3338
|
height:.5rem;
|
|
3338
3339
|
width:1rem;
|
|
3339
3340
|
}
|
|
3340
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3341
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88[data-placement=top]{
|
|
3341
3342
|
margin-block-end:var(--space-2);
|
|
3342
3343
|
}
|
|
3343
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3344
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--9bc88 svg{
|
|
3344
3345
|
transform:rotate(180deg);
|
|
3345
3346
|
}
|
|
3346
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3347
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88[data-placement=bottom]{
|
|
3347
3348
|
margin-block-start:var(--space-2);
|
|
3348
3349
|
}
|
|
3349
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3350
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88[data-placement=right]{
|
|
3350
3351
|
margin-inline-start:var(--space-2);
|
|
3351
3352
|
}
|
|
3352
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3353
|
+
.bp_base_grid_list_item_module_tooltipContent--9bc88[data-placement=left]{
|
|
3353
3354
|
margin-inline-end:var(--space-2);
|
|
3354
3355
|
}
|
|
3355
3356
|
|
|
3356
|
-
.bp_base_grid_list_item_module_staticList--
|
|
3357
|
+
.bp_base_grid_list_item_module_staticList--9bc88 .bp_base_grid_list_item_module_staticListItem--9bc88{
|
|
3357
3358
|
display:contents;
|
|
3358
3359
|
}
|
|
3359
3360
|
|
package/lib-esm/index.d.ts
CHANGED
|
@@ -68,4 +68,5 @@ export * from './util-components/scrollable-container/scrollable-container';
|
|
|
68
68
|
export * from './util-components/text-with-info-badge';
|
|
69
69
|
export * from './utils/keyboardUtils';
|
|
70
70
|
export * from './utils/useBreakpoint';
|
|
71
|
+
export * from './utils/useFullTextTooltip';
|
|
71
72
|
export * from './visually-hidden';
|
package/lib-esm/index.js
CHANGED
|
@@ -82,6 +82,7 @@ export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from
|
|
|
82
82
|
export { TextWithInfoBadge } from './util-components/text-with-info-badge/text-with-info-badge.js';
|
|
83
83
|
export { isCtrlKeyPressed, isDeleteKeyPressed, keys } from './utils/keyboardUtils.js';
|
|
84
84
|
export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
|
|
85
|
+
export { useFullTextTooltip } from './utils/useFullTextTooltip.js';
|
|
85
86
|
export { VisuallyHidden } from './visually-hidden/visually-hidden.js';
|
|
86
87
|
export { useNotification } from './primitives/notification/notification-provider.js';
|
|
87
88
|
export { useTabs } from './primitives/tabs/use-tabs.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_tooltip_module_content--6168a","standard":"bp_tooltip_module_standard--6168a","error":"bp_tooltip_module_error--6168a","arrow":"bp_tooltip_module_arrow--6168a"};
|
|
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--9bc88","smallListItem":"bp_base_grid_list_item_module_smallListItem--9bc88","loading":"bp_base_grid_list_item_module_loading--9bc88","thumbnail":"bp_base_grid_list_item_module_thumbnail--9bc88","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--9bc88","header":"bp_base_grid_list_item_module_header--9bc88","subtitle":"bp_base_grid_list_item_module_subtitle--9bc88","actions":"bp_base_grid_list_item_module_actions--9bc88","selection":"bp_base_grid_list_item_module_selection--9bc88","inner":"bp_base_grid_list_item_module_inner--9bc88","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--9bc88","largeList":"bp_base_grid_list_item_module_largeList--9bc88","largeListItem":"bp_base_grid_list_item_module_largeListItem--9bc88","fade":"bp_base_grid_list_item_module_fade--9bc88","description":"bp_base_grid_list_item_module_description--9bc88","snippet":"bp_base_grid_list_item_module_snippet--9bc88","snippetContent":"bp_base_grid_list_item_module_snippetContent--9bc88","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--9bc88","gridList":"bp_base_grid_list_item_module_gridList--9bc88","gridListItem":"bp_base_grid_list_item_module_gridListItem--9bc88","statusPin":"bp_base_grid_list_item_module_statusPin--9bc88","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--9bc88","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--9bc88","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--9bc88","staticList":"bp_base_grid_list_item_module_staticList--9bc88","staticListItem":"bp_base_grid_list_item_module_staticListItem--9bc88"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { useState, useEffect, Fragment } from 'react';
|
|
2
2
|
import { Tooltip } from '../tooltip/tooltip.js';
|
|
3
|
+
import { debounce } from './debounce.js';
|
|
3
4
|
|
|
4
5
|
const useFullTextTooltip = ({
|
|
5
6
|
ref,
|
|
@@ -9,13 +10,32 @@ const useFullTextTooltip = ({
|
|
|
9
10
|
}) => {
|
|
10
11
|
const [isOverflowing, setIsOverflowing] = useState(false);
|
|
11
12
|
useEffect(() => {
|
|
12
|
-
|
|
13
|
-
|
|
13
|
+
const checkIfOverflowing = () => {
|
|
14
|
+
const element = ref?.current;
|
|
15
|
+
if (element && !skipOverflowCheck) {
|
|
16
|
+
setIsOverflowing(element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
// Create debounced version of checkIfOverflowing
|
|
20
|
+
const debouncedCheckIfOverflowing = debounce(checkIfOverflowing, 100);
|
|
21
|
+
const element = ref?.current;
|
|
22
|
+
let resizeObserver = null;
|
|
23
|
+
if (element) {
|
|
24
|
+
// Create a ResizeObserver to observe the size of the element
|
|
25
|
+
resizeObserver = new ResizeObserver(debouncedCheckIfOverflowing);
|
|
26
|
+
resizeObserver.observe(element);
|
|
14
27
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
28
|
+
// Initial check
|
|
29
|
+
debouncedCheckIfOverflowing();
|
|
30
|
+
// Cleanup function to disconnect the observer and clear debounced timeouts
|
|
31
|
+
return () => {
|
|
32
|
+
if (resizeObserver && element) {
|
|
33
|
+
resizeObserver.unobserve(element);
|
|
34
|
+
resizeObserver.disconnect();
|
|
35
|
+
}
|
|
36
|
+
debouncedCheckIfOverflowing.clear();
|
|
37
|
+
};
|
|
38
|
+
}, [ref, skipOverflowCheck, textValue, children]);
|
|
19
39
|
const Wrapper = isOverflowing ? Tooltip : Fragment;
|
|
20
40
|
const wrapperProps = isOverflowing ? {
|
|
21
41
|
content: textValue ?? children
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.34.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"react-stately": "^3.31.1",
|
|
64
64
|
"tsx": "^4.16.5"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "a7a7ecec4025edfd157a90e5a0700b7baef995a1",
|
|
67
67
|
"module": "lib-esm/index.js",
|
|
68
68
|
"main": "lib-esm/index.js",
|
|
69
69
|
"exports": {
|