@box/blueprint-web 12.61.0 → 12.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib-esm/index.css
CHANGED
|
@@ -4840,41 +4840,89 @@
|
|
|
4840
4840
|
.bp_link_module_link--fb308 .bp_link_module_icon--fb308 *{
|
|
4841
4841
|
fill:currentColor;
|
|
4842
4842
|
}
|
|
4843
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4843
|
+
.bp_base_grid_list_item_module_smallList--17ab9[data-modern=false]{
|
|
4844
|
+
--small-list-gap:var(--space-2);
|
|
4845
|
+
--small-list-padding:var(--space-1);
|
|
4846
|
+
--small-list-item-background:var(--surface-item-small-surface);
|
|
4847
|
+
--small-list-item-hover:var(--surface-item-small-surface-hover);
|
|
4848
|
+
--small-list-item-border-radius:var(--radius-4);
|
|
4849
|
+
--small-list-thumbnail-size:var(--size-9);
|
|
4850
|
+
--small-list-actions-opacity:0;
|
|
4851
|
+
--small-list-item-padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);
|
|
4852
|
+
--small-list-item-column-gap:var(--space-3);
|
|
4853
|
+
--small-list-header-color:var(--text-text-on-light);
|
|
4854
|
+
--small-list-subtitle-color:var(--text-text-on-light-secondary);
|
|
4855
|
+
--small-list-actions-height:var(--space-6);
|
|
4856
|
+
--small-list-selection-width:var(--space-8);
|
|
4857
|
+
--small-list-selection-height:var(--space-8);
|
|
4858
|
+
--small-list-selection-border-radius:var(--radius-2);
|
|
4859
|
+
--small-list-selection-hover-background:var(--surface-cta-surface-icon-hover);
|
|
4860
|
+
--small-list-inner-gap:var(--space-2);
|
|
4861
|
+
--small-list-inner-border-radius:var(--radius-2);
|
|
4862
|
+
--small-list-inner-margin-end:var(--space-2);
|
|
4863
|
+
--small-list-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
4864
|
+
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
4865
|
+
}
|
|
4866
|
+
|
|
4867
|
+
.bp_base_grid_list_item_module_smallList--17ab9[data-modern=true]{
|
|
4868
|
+
--small-list-gap:var(--bp-space-020);
|
|
4869
|
+
--small-list-padding:var(--bp-space-010);
|
|
4870
|
+
--small-list-item-background:var(--bp-surface-item-small-surface);
|
|
4871
|
+
--small-list-item-hover:var(--bp-surface-item-small-surface-hover);
|
|
4872
|
+
--small-list-item-border-radius:var(--bp-radius-08);
|
|
4873
|
+
--small-list-thumbnail-size:var(--bp-size-090);
|
|
4874
|
+
--small-list-actions-opacity:0;
|
|
4875
|
+
--small-list-item-padding:var(--bp-space-020) var(--bp-space-030) var(--bp-space-020) var(--bp-space-030);
|
|
4876
|
+
--small-list-item-column-gap:var(--bp-space-030);
|
|
4877
|
+
--small-list-header-color:var(--bp-text-text-on-light);
|
|
4878
|
+
--small-list-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
4879
|
+
--small-list-actions-height:var(--bp-size-060);
|
|
4880
|
+
--small-list-selection-width:var(--bp-size-080);
|
|
4881
|
+
--small-list-selection-height:var(--bp-size-080);
|
|
4882
|
+
--small-list-selection-border-radius:var(--bp-radius-03);
|
|
4883
|
+
--small-list-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
|
|
4884
|
+
--small-list-inner-gap:var(--bp-space-020);
|
|
4885
|
+
--small-list-inner-border-radius:var(--bp-radius-03);
|
|
4886
|
+
--small-list-inner-margin-end:var(--bp-space-020);
|
|
4887
|
+
--small-list-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
4888
|
+
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
4889
|
+
}
|
|
4890
|
+
|
|
4891
|
+
.bp_base_grid_list_item_module_smallList--17ab9{
|
|
4844
4892
|
box-sizing:border-box;
|
|
4845
4893
|
display:grid;
|
|
4846
|
-
gap:var(--
|
|
4894
|
+
gap:var(--small-list-gap);
|
|
4847
4895
|
grid-auto-flow:row;
|
|
4848
4896
|
height:inherit;
|
|
4849
4897
|
outline:none;
|
|
4850
4898
|
overflow:auto;
|
|
4851
|
-
padding:var(--
|
|
4899
|
+
padding:var(--small-list-padding);
|
|
4852
4900
|
width:auto;
|
|
4853
4901
|
}
|
|
4854
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4855
|
-
--actions-opacity:
|
|
4856
|
-
--thumbnail-size:var(--size
|
|
4857
|
-
--item-background:var(--
|
|
4858
|
-
--item-hover:var(--
|
|
4902
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9{
|
|
4903
|
+
--actions-opacity:var(--small-list-actions-opacity);
|
|
4904
|
+
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
4905
|
+
--item-background:var(--small-list-item-background);
|
|
4906
|
+
--item-hover:var(--small-list-item-hover);
|
|
4859
4907
|
align-items:center;
|
|
4860
4908
|
background:var(--item-background);
|
|
4861
|
-
border-radius:var(--radius
|
|
4862
|
-
column-gap:var(--
|
|
4909
|
+
border-radius:var(--small-list-item-border-radius);
|
|
4910
|
+
column-gap:var(--small-list-item-column-gap);
|
|
4863
4911
|
cursor:default;
|
|
4864
4912
|
display:grid;
|
|
4865
4913
|
grid-template-areas:"thumbnail head actions" "thumbnail subtitle actions";
|
|
4866
4914
|
grid-template-columns:var(--thumbnail-size) auto auto;
|
|
4867
4915
|
outline:none;
|
|
4868
|
-
padding:var(--
|
|
4916
|
+
padding:var(--small-list-item-padding);
|
|
4869
4917
|
position:relative;
|
|
4870
4918
|
transform:translateZ(0);
|
|
4871
4919
|
width:auto;
|
|
4872
4920
|
}
|
|
4873
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4921
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
4874
4922
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
4875
4923
|
grid-template-rows:100% 0;
|
|
4876
4924
|
}
|
|
4877
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4925
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
|
|
4878
4926
|
align-items:center;
|
|
4879
4927
|
aspect-ratio:1;
|
|
4880
4928
|
display:flex;
|
|
@@ -4883,14 +4931,14 @@
|
|
|
4883
4931
|
overflow:hidden;
|
|
4884
4932
|
z-index:1;
|
|
4885
4933
|
}
|
|
4886
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4934
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnailContent--17ab9 img,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnailContent--17ab9 svg{
|
|
4887
4935
|
height:100%;
|
|
4888
4936
|
object-fit:cover;
|
|
4889
4937
|
object-position:left;
|
|
4890
4938
|
width:100%;
|
|
4891
4939
|
}
|
|
4892
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4893
|
-
color:var(--
|
|
4940
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
|
|
4941
|
+
color:var(--small-list-header-color);
|
|
4894
4942
|
font-family:var(--body-default-semibold-font-family);
|
|
4895
4943
|
font-size:var(--body-default-semibold-font-size);
|
|
4896
4944
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -4901,12 +4949,12 @@
|
|
|
4901
4949
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
4902
4950
|
text-transform:var(--body-default-semibold-text-case);
|
|
4903
4951
|
}
|
|
4904
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4952
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
4905
4953
|
align-items:center;
|
|
4906
4954
|
display:flex;
|
|
4907
4955
|
}
|
|
4908
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4909
|
-
color:var(--
|
|
4956
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
|
|
4957
|
+
color:var(--small-list-subtitle-color);
|
|
4910
4958
|
font-family:var(--caption-default-font-family);
|
|
4911
4959
|
font-size:var(--caption-default-font-size);
|
|
4912
4960
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -4917,76 +4965,76 @@
|
|
|
4917
4965
|
text-decoration:var(--caption-default-text-decoration);
|
|
4918
4966
|
text-transform:var(--caption-default-text-case);
|
|
4919
4967
|
}
|
|
4920
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4968
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
|
|
4921
4969
|
display:inline-block;
|
|
4922
4970
|
overflow:hidden;
|
|
4923
4971
|
text-overflow:ellipsis;
|
|
4924
4972
|
white-space:nowrap;
|
|
4925
4973
|
}
|
|
4926
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4974
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:not(:has(.bp_base_grid_list_item_module_header--17ab9)),.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:not(:has(.bp_base_grid_list_item_module_subtitle--17ab9)){
|
|
4927
4975
|
grid-template-rows:100% 0;
|
|
4928
4976
|
row-gap:0;
|
|
4929
4977
|
}
|
|
4930
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4978
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
4931
4979
|
align-items:center;
|
|
4932
4980
|
display:flex;
|
|
4933
4981
|
grid-area:actions;
|
|
4934
|
-
height:var(--
|
|
4982
|
+
height:var(--small-list-actions-height);
|
|
4935
4983
|
justify-content:flex-end;
|
|
4936
4984
|
opacity:var(--actions-opacity);
|
|
4937
4985
|
padding-right:0;
|
|
4938
4986
|
}
|
|
4939
4987
|
@media (pointer: coarse){
|
|
4940
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4988
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
4941
4989
|
--actions-opacity:1;
|
|
4942
4990
|
}
|
|
4943
4991
|
}
|
|
4944
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4992
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
|
|
4945
4993
|
align-items:center;
|
|
4946
4994
|
background:var(--item-background);
|
|
4947
|
-
border-radius:var(--radius
|
|
4995
|
+
border-radius:var(--small-list-selection-border-radius);
|
|
4948
4996
|
display:flex;
|
|
4949
|
-
height:var(--
|
|
4997
|
+
height:var(--small-list-selection-height);
|
|
4950
4998
|
justify-content:center;
|
|
4951
|
-
width:var(--
|
|
4999
|
+
width:var(--small-list-selection-width);
|
|
4952
5000
|
}
|
|
4953
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4954
|
-
background:var(--
|
|
5001
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
|
|
5002
|
+
background:var(--small-list-selection-hover-background);
|
|
4955
5003
|
}
|
|
4956
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5004
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
|
|
4957
5005
|
align-items:center;
|
|
4958
|
-
border-radius:var(--radius
|
|
5006
|
+
border-radius:var(--small-list-inner-border-radius);
|
|
4959
5007
|
display:flex;
|
|
4960
|
-
gap:var(--
|
|
5008
|
+
gap:var(--small-list-inner-gap);
|
|
4961
5009
|
justify-content:flex-end;
|
|
4962
|
-
margin-inline-end:var(--
|
|
5010
|
+
margin-inline-end:var(--small-list-inner-margin-end);
|
|
4963
5011
|
}
|
|
4964
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5012
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9:last-child{
|
|
4965
5013
|
margin-inline-end:0;
|
|
4966
5014
|
}
|
|
4967
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5015
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9{
|
|
4968
5016
|
background:var(--item-hover);
|
|
4969
5017
|
display:flex;
|
|
4970
5018
|
}
|
|
4971
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5019
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:hover,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focused],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-hovered]{
|
|
4972
5020
|
--actions-opacity:1;
|
|
4973
5021
|
background:var(--item-hover);
|
|
4974
5022
|
}
|
|
4975
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5023
|
+
.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focus-visible]::before{
|
|
4976
5024
|
--actions-opacity:1;
|
|
4977
5025
|
border-radius:.875rem;
|
|
4978
5026
|
content:"";
|
|
4979
5027
|
display:block;
|
|
4980
5028
|
height:100%;
|
|
4981
5029
|
left:0;
|
|
4982
|
-
outline:var(--
|
|
4983
|
-
outline-offset:
|
|
5030
|
+
outline:var(--small-list-focus-outline);
|
|
5031
|
+
outline-offset:var(--small-list-focus-outline-offset);
|
|
4984
5032
|
position:absolute;
|
|
4985
5033
|
top:0;
|
|
4986
5034
|
width:100%;
|
|
4987
5035
|
}
|
|
4988
5036
|
|
|
4989
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5037
|
+
.bp_base_grid_list_item_module_largeList--17ab9{
|
|
4990
5038
|
box-sizing:border-box;
|
|
4991
5039
|
display:flex;
|
|
4992
5040
|
flex-direction:column;
|
|
@@ -4996,7 +5044,7 @@
|
|
|
4996
5044
|
overflow:auto;
|
|
4997
5045
|
padding:var(--space-1);
|
|
4998
5046
|
}
|
|
4999
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5047
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9{
|
|
5000
5048
|
--thumbnail-size:10rem;
|
|
5001
5049
|
--actions-opacity:0;
|
|
5002
5050
|
--item-background:var(--gray-white);
|
|
@@ -5013,18 +5061,18 @@
|
|
|
5013
5061
|
position:relative;
|
|
5014
5062
|
transform:translateZ(0);
|
|
5015
5063
|
}
|
|
5016
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5064
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
5017
5065
|
grid-template-rows:1fr 1fr 1fr;
|
|
5018
5066
|
}
|
|
5019
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5067
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9:focus-within{
|
|
5020
5068
|
--actions-opacity:1;
|
|
5021
5069
|
}
|
|
5022
5070
|
@media (max-width: 374px){
|
|
5023
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5071
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9{
|
|
5024
5072
|
--thumbnail-size:7.5rem;
|
|
5025
5073
|
}
|
|
5026
5074
|
}
|
|
5027
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5075
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
|
|
5028
5076
|
aspect-ratio:4/3;
|
|
5029
5077
|
border:var(--border-1) solid var(--gray-10);
|
|
5030
5078
|
border-radius:var(--radius-3);
|
|
@@ -5032,24 +5080,24 @@
|
|
|
5032
5080
|
overflow:hidden;
|
|
5033
5081
|
z-index:1;
|
|
5034
5082
|
}
|
|
5035
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5083
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
|
|
5036
5084
|
height:100%;
|
|
5037
5085
|
object-fit:cover;
|
|
5038
5086
|
object-position:left;
|
|
5039
5087
|
width:100%;
|
|
5040
5088
|
}
|
|
5041
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5089
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
5042
5090
|
border:none;
|
|
5043
5091
|
}
|
|
5044
5092
|
@media (max-width: 374px){
|
|
5045
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5093
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
|
|
5046
5094
|
aspect-ratio:1/1;
|
|
5047
5095
|
}
|
|
5048
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5096
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
|
|
5049
5097
|
object-fit:contain;
|
|
5050
5098
|
}
|
|
5051
5099
|
}
|
|
5052
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5100
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
5053
5101
|
align-items:center;
|
|
5054
5102
|
display:flex;
|
|
5055
5103
|
height:var(--space-6);
|
|
@@ -5061,11 +5109,11 @@
|
|
|
5061
5109
|
top:.875rem;
|
|
5062
5110
|
}
|
|
5063
5111
|
@media (pointer: coarse){
|
|
5064
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5112
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
5065
5113
|
--actions-opacity:1;
|
|
5066
5114
|
}
|
|
5067
5115
|
}
|
|
5068
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5116
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
|
|
5069
5117
|
align-items:center;
|
|
5070
5118
|
background:var(--item-background);
|
|
5071
5119
|
border-radius:var(--radius-2);
|
|
@@ -5074,15 +5122,15 @@
|
|
|
5074
5122
|
justify-content:center;
|
|
5075
5123
|
width:var(--space-8);
|
|
5076
5124
|
}
|
|
5077
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5125
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
|
|
5078
5126
|
background:var(--surface-cta-surface-icon-hover);
|
|
5079
5127
|
}
|
|
5080
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5128
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_fade--17ab9{
|
|
5081
5129
|
align-self:stretch;
|
|
5082
5130
|
background:linear-gradient(270deg, #fff 0, #fff0 100%);
|
|
5083
5131
|
width:var(--size-8);
|
|
5084
5132
|
}
|
|
5085
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5133
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
|
|
5086
5134
|
align-items:center;
|
|
5087
5135
|
background:var(--item-background);
|
|
5088
5136
|
border-radius:var(--radius-2);
|
|
@@ -5091,14 +5139,14 @@
|
|
|
5091
5139
|
justify-content:flex-end;
|
|
5092
5140
|
margin-inline-end:var(--space-2);
|
|
5093
5141
|
}
|
|
5094
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5142
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9:last-child{
|
|
5095
5143
|
margin-inline-end:0;
|
|
5096
5144
|
}
|
|
5097
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5145
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9{
|
|
5098
5146
|
background:var(--item-background);
|
|
5099
5147
|
display:flex;
|
|
5100
5148
|
}
|
|
5101
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5149
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
|
|
5102
5150
|
align-items:center;
|
|
5103
5151
|
color:var(--text-text-on-light);
|
|
5104
5152
|
display:inline-flex;
|
|
@@ -5116,7 +5164,7 @@
|
|
|
5116
5164
|
text-transform:var(--body-default-semibold-text-case);
|
|
5117
5165
|
white-space:nowrap;
|
|
5118
5166
|
}
|
|
5119
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5167
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
|
|
5120
5168
|
align-items:center;
|
|
5121
5169
|
color:var(--text-text-on-light-secondary);
|
|
5122
5170
|
display:flex;
|
|
@@ -5132,7 +5180,7 @@
|
|
|
5132
5180
|
text-transform:var(--caption-default-text-case);
|
|
5133
5181
|
white-space:nowrap;
|
|
5134
5182
|
}
|
|
5135
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5183
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_description--17ab9{
|
|
5136
5184
|
-webkit-box-orient:vertical;
|
|
5137
5185
|
-webkit-line-clamp:3;
|
|
5138
5186
|
color:var(--text-text-on-light);
|
|
@@ -5151,13 +5199,13 @@
|
|
|
5151
5199
|
text-decoration:var(--body-default-text-decoration);
|
|
5152
5200
|
text-transform:var(--body-default-text-case);
|
|
5153
5201
|
}
|
|
5154
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5202
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_snippet--17ab9{
|
|
5155
5203
|
grid-area:description;
|
|
5156
5204
|
margin:0;
|
|
5157
5205
|
margin-block-end:var(--space-1);
|
|
5158
5206
|
margin-block-start:var(--space-3);
|
|
5159
5207
|
}
|
|
5160
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5208
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_snippet--17ab9 .bp_base_grid_list_item_module_snippetContent--17ab9{
|
|
5161
5209
|
-webkit-box-orient:vertical;
|
|
5162
5210
|
-webkit-line-clamp:2;
|
|
5163
5211
|
border:0 0 0 var(--space-05);
|
|
@@ -5177,12 +5225,12 @@
|
|
|
5177
5225
|
text-decoration:var(--body-default-text-decoration);
|
|
5178
5226
|
text-transform:var(--body-default-text-case);
|
|
5179
5227
|
}
|
|
5180
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5228
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9:hover,.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focused],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-hovered]{
|
|
5181
5229
|
--actions-opacity:1;
|
|
5182
5230
|
box-shadow:var(--dropshadow-2);
|
|
5183
5231
|
outline:var(--border-1) solid var(--border-card-border);
|
|
5184
5232
|
}
|
|
5185
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5233
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focus-visible]::before{
|
|
5186
5234
|
border-radius:.875rem;
|
|
5187
5235
|
content:"";
|
|
5188
5236
|
display:block;
|
|
@@ -5194,31 +5242,31 @@
|
|
|
5194
5242
|
top:0;
|
|
5195
5243
|
width:100%;
|
|
5196
5244
|
}
|
|
5197
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5245
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]{
|
|
5198
5246
|
--actions-opacity:1;
|
|
5199
5247
|
--item-background:var(--box-blue-05);
|
|
5200
5248
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
5201
5249
|
z-index:2;
|
|
5202
5250
|
}
|
|
5203
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5251
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_fade--17ab9{
|
|
5204
5252
|
background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
|
|
5205
5253
|
}
|
|
5206
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5254
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
|
|
5207
5255
|
display:none;
|
|
5208
5256
|
}
|
|
5209
5257
|
@supports selector(:has(.foo)){
|
|
5210
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5258
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5211
5259
|
border-end-end-radius:0;
|
|
5212
5260
|
border-end-start-radius:0;
|
|
5213
5261
|
}
|
|
5214
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5262
|
+
.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] + [aria-selected=true]{
|
|
5215
5263
|
border-start-end-radius:0;
|
|
5216
5264
|
border-start-start-radius:0;
|
|
5217
5265
|
border-top:none;
|
|
5218
5266
|
}
|
|
5219
5267
|
}
|
|
5220
5268
|
|
|
5221
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5269
|
+
.bp_base_grid_list_item_module_gridList--17ab9[data-modern=false]{
|
|
5222
5270
|
--grid-list-minimum-item-width:188px;
|
|
5223
5271
|
--grid-list-gap:var(--space-4);
|
|
5224
5272
|
--grid-list-padding:var(--space-1);
|
|
@@ -5259,7 +5307,7 @@
|
|
|
5259
5307
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5260
5308
|
}
|
|
5261
5309
|
|
|
5262
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5310
|
+
.bp_base_grid_list_item_module_gridList--17ab9[data-modern=true]{
|
|
5263
5311
|
--grid-list-minimum-item-width:188px;
|
|
5264
5312
|
--grid-list-gap:var(--bp-space-040);
|
|
5265
5313
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5300,7 +5348,7 @@
|
|
|
5300
5348
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5301
5349
|
}
|
|
5302
5350
|
|
|
5303
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5351
|
+
.bp_base_grid_list_item_module_gridList--17ab9{
|
|
5304
5352
|
box-sizing:border-box;
|
|
5305
5353
|
display:grid;
|
|
5306
5354
|
gap:var(--grid-list-gap);
|
|
@@ -5310,7 +5358,7 @@
|
|
|
5310
5358
|
overflow:auto;
|
|
5311
5359
|
padding:var(--grid-list-padding);
|
|
5312
5360
|
}
|
|
5313
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5361
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9{
|
|
5314
5362
|
--actions-opacity:0;
|
|
5315
5363
|
--item-background:var(--grid-list-item-background);
|
|
5316
5364
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5328,15 +5376,15 @@
|
|
|
5328
5376
|
row-gap:var(--row-gap);
|
|
5329
5377
|
transform:translateZ(0);
|
|
5330
5378
|
}
|
|
5331
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5379
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9:focus-within{
|
|
5332
5380
|
--actions-opacity:1;
|
|
5333
5381
|
}
|
|
5334
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5382
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_statusPin--17ab9{
|
|
5335
5383
|
left:var(--grid-list-item-status-pin-left);
|
|
5336
5384
|
position:absolute;
|
|
5337
5385
|
top:var(--grid-list-item-status-pin-top);
|
|
5338
5386
|
}
|
|
5339
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5387
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
|
|
5340
5388
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5341
5389
|
background:var(--grid-list-thumbnail-background);
|
|
5342
5390
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5344,25 +5392,25 @@
|
|
|
5344
5392
|
grid-area:thumbnail;
|
|
5345
5393
|
overflow:hidden;
|
|
5346
5394
|
}
|
|
5347
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5395
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
|
|
5348
5396
|
height:100%;
|
|
5349
5397
|
object-fit:contain;
|
|
5350
5398
|
width:100%;
|
|
5351
5399
|
}
|
|
5352
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5400
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
5353
5401
|
border:none;
|
|
5354
5402
|
}
|
|
5355
5403
|
@media (pointer: coarse){
|
|
5356
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5404
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
|
|
5357
5405
|
margin-block-end:var(--space-1);
|
|
5358
5406
|
}
|
|
5359
5407
|
}
|
|
5360
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5408
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
5361
5409
|
grid-area:subtitle;
|
|
5362
5410
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5363
5411
|
opacity:var(--actions-opacity);
|
|
5364
5412
|
}
|
|
5365
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5413
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
|
|
5366
5414
|
align-items:center;
|
|
5367
5415
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5368
5416
|
display:flex;
|
|
@@ -5373,10 +5421,10 @@
|
|
|
5373
5421
|
top:var(--grid-list-selection-top);
|
|
5374
5422
|
width:var(--grid-list-selection-width);
|
|
5375
5423
|
}
|
|
5376
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5424
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
|
|
5377
5425
|
background:var(--grid-list-selection-hover-background);
|
|
5378
5426
|
}
|
|
5379
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5427
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
|
|
5380
5428
|
align-items:center;
|
|
5381
5429
|
background:var(--item-background);
|
|
5382
5430
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5385,12 +5433,12 @@
|
|
|
5385
5433
|
justify-content:center;
|
|
5386
5434
|
}
|
|
5387
5435
|
@media (pointer: coarse){
|
|
5388
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5436
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
|
|
5389
5437
|
grid-area:actions;
|
|
5390
5438
|
margin-block-start:0;
|
|
5391
5439
|
}
|
|
5392
5440
|
}
|
|
5393
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5441
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
|
|
5394
5442
|
-webkit-box-orient:vertical;
|
|
5395
5443
|
-webkit-line-clamp:2;
|
|
5396
5444
|
color:var(--grid-list-header-color);
|
|
@@ -5408,11 +5456,11 @@
|
|
|
5408
5456
|
text-decoration:var(--body-default-text-decoration);
|
|
5409
5457
|
text-transform:var(--body-default-text-case);
|
|
5410
5458
|
}
|
|
5411
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5459
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
5412
5460
|
align-items:center;
|
|
5413
5461
|
display:flex;
|
|
5414
5462
|
}
|
|
5415
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5463
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
|
|
5416
5464
|
color:var(--grid-list-subtitle-color);
|
|
5417
5465
|
font-family:var(--caption-default-font-family);
|
|
5418
5466
|
font-size:var(--caption-default-font-size);
|
|
@@ -5429,15 +5477,15 @@
|
|
|
5429
5477
|
text-transform:var(--caption-default-text-case);
|
|
5430
5478
|
white-space:nowrap;
|
|
5431
5479
|
}
|
|
5432
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5480
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9.bp_base_grid_list_item_module_loading--17ab9{
|
|
5433
5481
|
height:var(--grid-list-subtitle-loading-height);
|
|
5434
5482
|
}
|
|
5435
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5483
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9.bp_base_grid_list_item_module_isItemInteracted--17ab9,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9:hover,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focused],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-hovered]{
|
|
5436
5484
|
--actions-opacity:1;
|
|
5437
5485
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5438
5486
|
outline:var(--grid-list-item-hover-outline);
|
|
5439
5487
|
}
|
|
5440
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5488
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible]::before{
|
|
5441
5489
|
border-radius:var(--grid-list-item-border-radius);
|
|
5442
5490
|
content:"";
|
|
5443
5491
|
display:block;
|
|
@@ -5449,7 +5497,7 @@
|
|
|
5449
5497
|
top:0;
|
|
5450
5498
|
width:100%;
|
|
5451
5499
|
}
|
|
5452
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5500
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item]::after,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible]::after{
|
|
5453
5501
|
border-radius:var(--grid-list-item-border-radius);
|
|
5454
5502
|
content:"";
|
|
5455
5503
|
display:block;
|
|
@@ -5461,16 +5509,16 @@
|
|
|
5461
5509
|
top:0;
|
|
5462
5510
|
width:100%;
|
|
5463
5511
|
}
|
|
5464
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5512
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[aria-selected=true]{
|
|
5465
5513
|
--actions-opacity:1;
|
|
5466
5514
|
--item-background:var(--grid-list-item-selected-background);
|
|
5467
5515
|
outline:var(--grid-list-item-selected-outline);
|
|
5468
5516
|
}
|
|
5469
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5517
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--17ab9) .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
|
|
5470
5518
|
opacity:0;
|
|
5471
5519
|
}
|
|
5472
5520
|
@media (pointer: coarse){
|
|
5473
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5521
|
+
.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9{
|
|
5474
5522
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5475
5523
|
--actions-opacity:1;
|
|
5476
5524
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5478,7 +5526,7 @@
|
|
|
5478
5526
|
}
|
|
5479
5527
|
}
|
|
5480
5528
|
|
|
5481
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5529
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9{
|
|
5482
5530
|
background-color:var(--surface-tooltip-surface);
|
|
5483
5531
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
5484
5532
|
border-radius:var(--radius-1);
|
|
@@ -5497,28 +5545,28 @@
|
|
|
5497
5545
|
word-break:break-word;
|
|
5498
5546
|
z-index:2147483647;
|
|
5499
5547
|
}
|
|
5500
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5548
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9 .bp_base_grid_list_item_module_tooltipArrow--17ab9 svg{
|
|
5501
5549
|
display:block;
|
|
5502
5550
|
height:.5rem;
|
|
5503
5551
|
width:1rem;
|
|
5504
5552
|
}
|
|
5505
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5553
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=top]{
|
|
5506
5554
|
margin-block-end:var(--space-2);
|
|
5507
5555
|
}
|
|
5508
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5556
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--17ab9 svg{
|
|
5509
5557
|
transform:rotate(180deg);
|
|
5510
5558
|
}
|
|
5511
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5559
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=bottom]{
|
|
5512
5560
|
margin-block-start:var(--space-2);
|
|
5513
5561
|
}
|
|
5514
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5562
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=right]{
|
|
5515
5563
|
margin-inline-start:var(--space-2);
|
|
5516
5564
|
}
|
|
5517
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5565
|
+
.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=left]{
|
|
5518
5566
|
margin-inline-end:var(--space-2);
|
|
5519
5567
|
}
|
|
5520
5568
|
|
|
5521
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5569
|
+
.bp_base_grid_list_item_module_staticList--17ab9 .bp_base_grid_list_item_module_staticListItem--17ab9{
|
|
5522
5570
|
display:contents;
|
|
5523
5571
|
}
|
|
5524
5572
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
+
import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
|
|
3
4
|
import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
|
|
4
5
|
|
|
5
6
|
const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef) {
|
|
@@ -7,9 +8,13 @@ const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef
|
|
|
7
8
|
children,
|
|
8
9
|
...rest
|
|
9
10
|
} = props;
|
|
11
|
+
const {
|
|
12
|
+
enableModernizedComponents
|
|
13
|
+
} = useBlueprintModernization();
|
|
10
14
|
return jsx(BaseGridList, {
|
|
11
15
|
...rest,
|
|
12
16
|
ref: forwardedRef,
|
|
17
|
+
"data-modern": enableModernizedComponents,
|
|
13
18
|
layoutStyle: "small-list",
|
|
14
19
|
children: children
|
|
15
20
|
});
|
|
@@ -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--17ab9","smallListItem":"bp_base_grid_list_item_module_smallListItem--17ab9","loading":"bp_base_grid_list_item_module_loading--17ab9","thumbnail":"bp_base_grid_list_item_module_thumbnail--17ab9","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--17ab9","header":"bp_base_grid_list_item_module_header--17ab9","subtitle":"bp_base_grid_list_item_module_subtitle--17ab9","actions":"bp_base_grid_list_item_module_actions--17ab9","selection":"bp_base_grid_list_item_module_selection--17ab9","inner":"bp_base_grid_list_item_module_inner--17ab9","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9","largeList":"bp_base_grid_list_item_module_largeList--17ab9","largeListItem":"bp_base_grid_list_item_module_largeListItem--17ab9","fade":"bp_base_grid_list_item_module_fade--17ab9","description":"bp_base_grid_list_item_module_description--17ab9","snippet":"bp_base_grid_list_item_module_snippet--17ab9","snippetContent":"bp_base_grid_list_item_module_snippetContent--17ab9","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9","gridList":"bp_base_grid_list_item_module_gridList--17ab9","gridListItem":"bp_base_grid_list_item_module_gridListItem--17ab9","statusPin":"bp_base_grid_list_item_module_statusPin--17ab9","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--17ab9","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--17ab9","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--17ab9","staticList":"bp_base_grid_list_item_module_staticList--17ab9","staticListItem":"bp_base_grid_list_item_module_staticListItem--17ab9"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|