@box/blueprint-web 12.78.4 → 12.78.6
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 +137 -130
- package/dist/lib-esm/trigger-button/trigger-button.js +7 -3
- package/dist/lib-esm/trigger-button/trigger-button.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/utils/rac-tooltip.js +8 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -4950,7 +4950,8 @@
|
|
|
4950
4950
|
fill:currentColor;
|
|
4951
4951
|
}
|
|
4952
4952
|
|
|
4953
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4953
|
+
.bp_base_grid_list_item_module_smallList--6cde5[data-modern=false]{
|
|
4954
|
+
--small-list-item-height:unset;
|
|
4954
4955
|
--small-list-gap:var(--space-2);
|
|
4955
4956
|
--small-list-padding:var(--space-1);
|
|
4956
4957
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -4971,14 +4972,16 @@
|
|
|
4971
4972
|
--small-list-inner-border-radius:var(--radius-2);
|
|
4972
4973
|
--small-list-inner-margin-end:var(--space-2);
|
|
4973
4974
|
--small-list-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
4975
|
+
--small-list-focus-outline-radius:0.875rem;
|
|
4974
4976
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
4975
4977
|
}
|
|
4976
4978
|
|
|
4977
|
-
.bp_base_grid_list_item_module_smallList--
|
|
4979
|
+
.bp_base_grid_list_item_module_smallList--6cde5[data-modern=true]{
|
|
4980
|
+
--small-list-item-height:var(--bp-size-100);
|
|
4978
4981
|
--small-list-gap:var(--bp-space-020);
|
|
4979
|
-
--small-list-padding:
|
|
4980
|
-
--small-list-item-background:var(--bp-surface-item-small-surface);
|
|
4981
|
-
--small-list-item-hover:var(--bp-surface-item-small-surface-hover);
|
|
4982
|
+
--small-list-padding:initial;
|
|
4983
|
+
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
4984
|
+
--small-list-item-hover:var(--bp-surface-list-item-small-surface-hover);
|
|
4982
4985
|
--small-list-item-border-radius:var(--bp-radius-08);
|
|
4983
4986
|
--small-list-thumbnail-size:var(--bp-size-090);
|
|
4984
4987
|
--small-list-actions-opacity:0;
|
|
@@ -4995,10 +4998,11 @@
|
|
|
4995
4998
|
--small-list-inner-border-radius:var(--bp-radius-03);
|
|
4996
4999
|
--small-list-inner-margin-end:var(--bp-space-020);
|
|
4997
5000
|
--small-list-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
5001
|
+
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
4998
5002
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
4999
5003
|
}
|
|
5000
5004
|
|
|
5001
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5005
|
+
.bp_base_grid_list_item_module_smallList--6cde5{
|
|
5002
5006
|
box-sizing:border-box;
|
|
5003
5007
|
display:grid;
|
|
5004
5008
|
gap:var(--small-list-gap);
|
|
@@ -5009,7 +5013,7 @@
|
|
|
5009
5013
|
padding:var(--small-list-padding);
|
|
5010
5014
|
width:auto;
|
|
5011
5015
|
}
|
|
5012
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5016
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5{
|
|
5013
5017
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
5014
5018
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
5015
5019
|
--item-background:var(--small-list-item-background);
|
|
@@ -5022,17 +5026,18 @@
|
|
|
5022
5026
|
display:grid;
|
|
5023
5027
|
grid-template-areas:"thumbnail head actions" "thumbnail subtitle actions";
|
|
5024
5028
|
grid-template-columns:var(--thumbnail-size) auto auto;
|
|
5029
|
+
height:var(--small-list-item-height);
|
|
5025
5030
|
outline:none;
|
|
5026
5031
|
padding:var(--small-list-item-padding);
|
|
5027
5032
|
position:relative;
|
|
5028
5033
|
transform:translateZ(0);
|
|
5029
5034
|
width:auto;
|
|
5030
5035
|
}
|
|
5031
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5036
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5032
5037
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
5033
5038
|
grid-template-rows:100% 0;
|
|
5034
5039
|
}
|
|
5035
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5040
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5{
|
|
5036
5041
|
align-items:center;
|
|
5037
5042
|
aspect-ratio:1;
|
|
5038
5043
|
display:flex;
|
|
@@ -5041,13 +5046,13 @@
|
|
|
5041
5046
|
overflow:hidden;
|
|
5042
5047
|
z-index:1;
|
|
5043
5048
|
}
|
|
5044
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5049
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_thumbnailContent--6cde5 img,.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_thumbnailContent--6cde5 svg{
|
|
5045
5050
|
height:100%;
|
|
5046
5051
|
object-fit:cover;
|
|
5047
5052
|
object-position:left;
|
|
5048
5053
|
width:100%;
|
|
5049
5054
|
}
|
|
5050
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5055
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5{
|
|
5051
5056
|
color:var(--small-list-header-color);
|
|
5052
5057
|
font-family:var(--body-default-semibold-font-family);
|
|
5053
5058
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -5059,11 +5064,11 @@
|
|
|
5059
5064
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
5060
5065
|
text-transform:var(--body-default-semibold-text-case);
|
|
5061
5066
|
}
|
|
5062
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5067
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5063
5068
|
align-items:center;
|
|
5064
5069
|
display:flex;
|
|
5065
5070
|
}
|
|
5066
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5071
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_subtitle--6cde5{
|
|
5067
5072
|
color:var(--small-list-subtitle-color);
|
|
5068
5073
|
font-family:var(--caption-default-font-family);
|
|
5069
5074
|
font-size:var(--caption-default-font-size);
|
|
@@ -5075,17 +5080,17 @@
|
|
|
5075
5080
|
text-decoration:var(--caption-default-text-decoration);
|
|
5076
5081
|
text-transform:var(--caption-default-text-case);
|
|
5077
5082
|
}
|
|
5078
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5083
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5,.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_subtitle--6cde5{
|
|
5079
5084
|
display:inline-block;
|
|
5080
5085
|
overflow:hidden;
|
|
5081
5086
|
text-overflow:ellipsis;
|
|
5082
5087
|
white-space:nowrap;
|
|
5083
5088
|
}
|
|
5084
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5089
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5:not(:has(.bp_base_grid_list_item_module_header--6cde5)),.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5:not(:has(.bp_base_grid_list_item_module_subtitle--6cde5)){
|
|
5085
5090
|
grid-template-rows:100% 0;
|
|
5086
5091
|
row-gap:0;
|
|
5087
5092
|
}
|
|
5088
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5093
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5089
5094
|
align-items:center;
|
|
5090
5095
|
display:flex;
|
|
5091
5096
|
grid-area:actions;
|
|
@@ -5095,11 +5100,11 @@
|
|
|
5095
5100
|
padding-right:0;
|
|
5096
5101
|
}
|
|
5097
5102
|
@media (pointer: coarse){
|
|
5098
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5103
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5099
5104
|
--actions-opacity:1;
|
|
5100
5105
|
}
|
|
5101
5106
|
}
|
|
5102
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5107
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5{
|
|
5103
5108
|
align-items:center;
|
|
5104
5109
|
background:var(--item-background);
|
|
5105
5110
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -5108,10 +5113,10 @@
|
|
|
5108
5113
|
justify-content:center;
|
|
5109
5114
|
width:var(--small-list-selection-width);
|
|
5110
5115
|
}
|
|
5111
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5116
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5:hover{
|
|
5112
5117
|
background:var(--small-list-selection-hover-background);
|
|
5113
5118
|
}
|
|
5114
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5119
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5{
|
|
5115
5120
|
align-items:center;
|
|
5116
5121
|
border-radius:var(--small-list-inner-border-radius);
|
|
5117
5122
|
display:flex;
|
|
@@ -5119,20 +5124,19 @@
|
|
|
5119
5124
|
justify-content:flex-end;
|
|
5120
5125
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
5121
5126
|
}
|
|
5122
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5127
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5:last-child{
|
|
5123
5128
|
margin-inline-end:0;
|
|
5124
5129
|
}
|
|
5125
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5126
|
-
background:var(--item-hover);
|
|
5130
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6cde5{
|
|
5127
5131
|
display:flex;
|
|
5128
5132
|
}
|
|
5129
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5133
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5:hover,.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-active-item],.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-focus-visible],.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-focused],.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-hovered]{
|
|
5130
5134
|
--actions-opacity:1;
|
|
5131
5135
|
background:var(--item-hover);
|
|
5132
5136
|
}
|
|
5133
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5137
|
+
.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-active-item]::before,.bp_base_grid_list_item_module_smallList--6cde5 .bp_base_grid_list_item_module_smallListItem--6cde5[data-focus-visible]::before{
|
|
5134
5138
|
--actions-opacity:1;
|
|
5135
|
-
border-radius
|
|
5139
|
+
border-radius:var(--small-list-focus-outline-radius);
|
|
5136
5140
|
content:"";
|
|
5137
5141
|
display:block;
|
|
5138
5142
|
height:100%;
|
|
@@ -5144,7 +5148,7 @@
|
|
|
5144
5148
|
width:100%;
|
|
5145
5149
|
}
|
|
5146
5150
|
|
|
5147
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5151
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=false]{
|
|
5148
5152
|
--large-list-gap:var(--space-05);
|
|
5149
5153
|
--large-list-padding:var(--space-1);
|
|
5150
5154
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -5193,11 +5197,11 @@
|
|
|
5193
5197
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
5194
5198
|
--large-list-item-interaction-backdrop-filter:none;
|
|
5195
5199
|
}
|
|
5196
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5200
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=false] .bp_base_grid_list_item_module_largeListItem--6cde5{
|
|
5197
5201
|
border-radius:var(--large-list-item-border-radius);
|
|
5198
5202
|
}
|
|
5199
5203
|
|
|
5200
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5204
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true]{
|
|
5201
5205
|
--large-list-gap:var(--bp-space-005);
|
|
5202
5206
|
--large-list-padding:var(--bp-space-010);
|
|
5203
5207
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -5247,21 +5251,21 @@
|
|
|
5247
5251
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
5248
5252
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
5249
5253
|
}
|
|
5250
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5254
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5{
|
|
5251
5255
|
border-bottom:var(--bp-border-01) solid var(--bp-border-list-item-border);
|
|
5252
5256
|
}
|
|
5253
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5257
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5:hover,.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true],.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[data-active-item],.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[data-focus-visible],.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[data-focused],.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[data-hovered]{
|
|
5254
5258
|
border-radius:var(--large-list-item-border-radius);
|
|
5255
5259
|
}
|
|
5256
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5260
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true]{
|
|
5257
5261
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5258
5262
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5259
5263
|
}
|
|
5260
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5264
|
+
.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--6cde5[data-modern=true] .bp_base_grid_list_item_module_largeListItem--6cde5:not[aria-selected=true][data-hovered]{
|
|
5261
5265
|
--item-background:var(--large-list-item-hover-background);
|
|
5262
5266
|
}
|
|
5263
5267
|
|
|
5264
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5268
|
+
.bp_base_grid_list_item_module_largeList--6cde5{
|
|
5265
5269
|
box-sizing:border-box;
|
|
5266
5270
|
display:flex;
|
|
5267
5271
|
flex-direction:column;
|
|
@@ -5271,7 +5275,7 @@
|
|
|
5271
5275
|
overflow:auto;
|
|
5272
5276
|
padding:var(--large-list-padding);
|
|
5273
5277
|
}
|
|
5274
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5278
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5{
|
|
5275
5279
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
5276
5280
|
--actions-opacity:0;
|
|
5277
5281
|
--item-background:var(--large-list-item-background);
|
|
@@ -5287,18 +5291,18 @@
|
|
|
5287
5291
|
position:relative;
|
|
5288
5292
|
transform:translateZ(0);
|
|
5289
5293
|
}
|
|
5290
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5294
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5291
5295
|
grid-template-rows:1fr 1fr 1fr;
|
|
5292
5296
|
}
|
|
5293
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5297
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5:focus-within{
|
|
5294
5298
|
--actions-opacity:1;
|
|
5295
5299
|
}
|
|
5296
5300
|
@media (max-width: 374px){
|
|
5297
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5301
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5{
|
|
5298
5302
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
5299
5303
|
}
|
|
5300
5304
|
}
|
|
5301
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5305
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5{
|
|
5302
5306
|
aspect-ratio:4/3;
|
|
5303
5307
|
border:var(--large-list-item-thumbnail-border);
|
|
5304
5308
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -5306,24 +5310,24 @@
|
|
|
5306
5310
|
overflow:hidden;
|
|
5307
5311
|
z-index:1;
|
|
5308
5312
|
}
|
|
5309
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5313
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5 img{
|
|
5310
5314
|
height:100%;
|
|
5311
5315
|
object-fit:cover;
|
|
5312
5316
|
object-position:left;
|
|
5313
5317
|
width:100%;
|
|
5314
5318
|
}
|
|
5315
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5319
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5316
5320
|
border:none;
|
|
5317
5321
|
}
|
|
5318
5322
|
@media (max-width: 374px){
|
|
5319
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5323
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5{
|
|
5320
5324
|
aspect-ratio:1/1;
|
|
5321
5325
|
}
|
|
5322
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5326
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5 img{
|
|
5323
5327
|
object-fit:contain;
|
|
5324
5328
|
}
|
|
5325
5329
|
}
|
|
5326
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5330
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5327
5331
|
align-items:center;
|
|
5328
5332
|
display:flex;
|
|
5329
5333
|
height:var(--large-list-item-actions-height);
|
|
@@ -5335,11 +5339,11 @@
|
|
|
5335
5339
|
top:var(--large-list-item-actions-top);
|
|
5336
5340
|
}
|
|
5337
5341
|
@media (pointer: coarse){
|
|
5338
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5342
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5339
5343
|
--actions-opacity:1;
|
|
5340
5344
|
}
|
|
5341
5345
|
}
|
|
5342
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5346
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5{
|
|
5343
5347
|
align-items:center;
|
|
5344
5348
|
background:var(--item-background);
|
|
5345
5349
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -5348,15 +5352,15 @@
|
|
|
5348
5352
|
justify-content:center;
|
|
5349
5353
|
width:var(--large-list-item-selection-width);
|
|
5350
5354
|
}
|
|
5351
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5355
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5:hover{
|
|
5352
5356
|
background:var(--large-list-item-selection-hover-background);
|
|
5353
5357
|
}
|
|
5354
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5358
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_fade--6cde5{
|
|
5355
5359
|
align-self:stretch;
|
|
5356
5360
|
background:var(--large-list-item-fade-background);
|
|
5357
5361
|
width:var(--large-list-item-fade-width);
|
|
5358
5362
|
}
|
|
5359
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5363
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5{
|
|
5360
5364
|
align-items:center;
|
|
5361
5365
|
background:var(--item-background);
|
|
5362
5366
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -5365,14 +5369,14 @@
|
|
|
5365
5369
|
justify-content:flex-end;
|
|
5366
5370
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
5367
5371
|
}
|
|
5368
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5372
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5:last-child{
|
|
5369
5373
|
margin-inline-end:0;
|
|
5370
5374
|
}
|
|
5371
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5375
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6cde5{
|
|
5372
5376
|
background:var(--item-background);
|
|
5373
5377
|
display:flex;
|
|
5374
5378
|
}
|
|
5375
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5379
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5{
|
|
5376
5380
|
align-items:center;
|
|
5377
5381
|
color:var(--large-list-item-header-color);
|
|
5378
5382
|
display:inline-flex;
|
|
@@ -5390,7 +5394,7 @@
|
|
|
5390
5394
|
text-transform:var(--body-default-semibold-text-case);
|
|
5391
5395
|
white-space:nowrap;
|
|
5392
5396
|
}
|
|
5393
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5397
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_subtitle--6cde5{
|
|
5394
5398
|
align-items:center;
|
|
5395
5399
|
color:var(--large-list-item-subtitle-color);
|
|
5396
5400
|
display:flex;
|
|
@@ -5406,7 +5410,7 @@
|
|
|
5406
5410
|
text-transform:var(--caption-default-text-case);
|
|
5407
5411
|
white-space:nowrap;
|
|
5408
5412
|
}
|
|
5409
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5413
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_description--6cde5{
|
|
5410
5414
|
-webkit-box-orient:vertical;
|
|
5411
5415
|
-webkit-line-clamp:3;
|
|
5412
5416
|
color:var(--large-list-item-description-color);
|
|
@@ -5425,13 +5429,13 @@
|
|
|
5425
5429
|
text-decoration:var(--body-default-text-decoration);
|
|
5426
5430
|
text-transform:var(--body-default-text-case);
|
|
5427
5431
|
}
|
|
5428
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5432
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_snippet--6cde5{
|
|
5429
5433
|
grid-area:description;
|
|
5430
5434
|
margin:0;
|
|
5431
5435
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
5432
5436
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
5433
5437
|
}
|
|
5434
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5438
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5 .bp_base_grid_list_item_module_snippet--6cde5 .bp_base_grid_list_item_module_snippetContent--6cde5{
|
|
5435
5439
|
-webkit-box-orient:vertical;
|
|
5436
5440
|
-webkit-line-clamp:2;
|
|
5437
5441
|
border:var(--large-list-item-snippet-border);
|
|
@@ -5451,13 +5455,13 @@
|
|
|
5451
5455
|
text-decoration:var(--body-default-text-decoration);
|
|
5452
5456
|
text-transform:var(--body-default-text-case);
|
|
5453
5457
|
}
|
|
5454
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5458
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5:hover,.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-active-item],.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-focus-visible],.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-focused],.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-hovered]{
|
|
5455
5459
|
--actions-opacity:1;
|
|
5456
5460
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5457
5461
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5458
5462
|
outline:var(--large-list-item-hover-outline);
|
|
5459
5463
|
}
|
|
5460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5464
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-active-item]::before,.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[data-focus-visible]::before{
|
|
5461
5465
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
5462
5466
|
content:"";
|
|
5463
5467
|
display:block;
|
|
@@ -5469,31 +5473,31 @@
|
|
|
5469
5473
|
top:0;
|
|
5470
5474
|
width:100%;
|
|
5471
5475
|
}
|
|
5472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5476
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true]{
|
|
5473
5477
|
--actions-opacity:1;
|
|
5474
5478
|
--item-background:var(--large-list-item-selected-background);
|
|
5475
5479
|
outline:var(--large-list-item-selected-outline);
|
|
5476
5480
|
z-index:2;
|
|
5477
5481
|
}
|
|
5478
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5482
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true] .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_fade--6cde5{
|
|
5479
5483
|
background:var(--large-list-item-selected-fade-background);
|
|
5480
5484
|
}
|
|
5481
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5485
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5{
|
|
5482
5486
|
display:none;
|
|
5483
5487
|
}
|
|
5484
5488
|
@supports selector(:has(.foo)){
|
|
5485
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5489
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--6cde5 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5486
5490
|
border-end-end-radius:0;
|
|
5487
5491
|
border-end-start-radius:0;
|
|
5488
5492
|
}
|
|
5489
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5493
|
+
.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--6cde5 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--6cde5 .bp_base_grid_list_item_module_largeListItem--6cde5[aria-selected=true] + [aria-selected=true]{
|
|
5490
5494
|
border-start-end-radius:0;
|
|
5491
5495
|
border-start-start-radius:0;
|
|
5492
5496
|
border-top:none;
|
|
5493
5497
|
}
|
|
5494
5498
|
}
|
|
5495
5499
|
|
|
5496
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5500
|
+
.bp_base_grid_list_item_module_gridList--6cde5[data-modern=false]{
|
|
5497
5501
|
--grid-list-minimum-item-width:188px;
|
|
5498
5502
|
--grid-list-gap:var(--space-4);
|
|
5499
5503
|
--grid-list-padding:var(--space-1);
|
|
@@ -5534,7 +5538,7 @@
|
|
|
5534
5538
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5535
5539
|
}
|
|
5536
5540
|
|
|
5537
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5541
|
+
.bp_base_grid_list_item_module_gridList--6cde5[data-modern=true]{
|
|
5538
5542
|
--grid-list-minimum-item-width:188px;
|
|
5539
5543
|
--grid-list-gap:var(--bp-space-040);
|
|
5540
5544
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5575,7 +5579,7 @@
|
|
|
5575
5579
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5576
5580
|
}
|
|
5577
5581
|
|
|
5578
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5582
|
+
.bp_base_grid_list_item_module_gridList--6cde5{
|
|
5579
5583
|
box-sizing:border-box;
|
|
5580
5584
|
display:grid;
|
|
5581
5585
|
gap:var(--grid-list-gap);
|
|
@@ -5585,7 +5589,7 @@
|
|
|
5585
5589
|
overflow:auto;
|
|
5586
5590
|
padding:var(--grid-list-padding);
|
|
5587
5591
|
}
|
|
5588
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5592
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5{
|
|
5589
5593
|
--actions-opacity:0;
|
|
5590
5594
|
--item-background:var(--grid-list-item-background);
|
|
5591
5595
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5603,15 +5607,15 @@
|
|
|
5603
5607
|
row-gap:var(--row-gap);
|
|
5604
5608
|
transform:translateZ(0);
|
|
5605
5609
|
}
|
|
5606
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5610
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5:focus-within{
|
|
5607
5611
|
--actions-opacity:1;
|
|
5608
5612
|
}
|
|
5609
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5613
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_statusPin--6cde5{
|
|
5610
5614
|
left:var(--grid-list-item-status-pin-left);
|
|
5611
5615
|
position:absolute;
|
|
5612
5616
|
top:var(--grid-list-item-status-pin-top);
|
|
5613
5617
|
}
|
|
5614
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5618
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5{
|
|
5615
5619
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5616
5620
|
background:var(--grid-list-thumbnail-background);
|
|
5617
5621
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5619,25 +5623,25 @@
|
|
|
5619
5623
|
grid-area:thumbnail;
|
|
5620
5624
|
overflow:hidden;
|
|
5621
5625
|
}
|
|
5622
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5626
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5 img{
|
|
5623
5627
|
height:100%;
|
|
5624
5628
|
object-fit:contain;
|
|
5625
5629
|
width:100%;
|
|
5626
5630
|
}
|
|
5627
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5631
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5628
5632
|
border:none;
|
|
5629
5633
|
}
|
|
5630
5634
|
@media (pointer: coarse){
|
|
5631
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5635
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_thumbnail--6cde5{
|
|
5632
5636
|
margin-block-end:var(--space-1);
|
|
5633
5637
|
}
|
|
5634
5638
|
}
|
|
5635
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5639
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5636
5640
|
grid-area:subtitle;
|
|
5637
5641
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5638
5642
|
opacity:var(--actions-opacity);
|
|
5639
5643
|
}
|
|
5640
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5644
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5{
|
|
5641
5645
|
align-items:center;
|
|
5642
5646
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5643
5647
|
display:flex;
|
|
@@ -5648,10 +5652,10 @@
|
|
|
5648
5652
|
top:var(--grid-list-selection-top);
|
|
5649
5653
|
width:var(--grid-list-selection-width);
|
|
5650
5654
|
}
|
|
5651
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5655
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_selection--6cde5:hover{
|
|
5652
5656
|
background:var(--grid-list-selection-hover-background);
|
|
5653
5657
|
}
|
|
5654
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5658
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5{
|
|
5655
5659
|
align-items:center;
|
|
5656
5660
|
background:var(--item-background);
|
|
5657
5661
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5660,12 +5664,12 @@
|
|
|
5660
5664
|
justify-content:center;
|
|
5661
5665
|
}
|
|
5662
5666
|
@media (pointer: coarse){
|
|
5663
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5667
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_actions--6cde5{
|
|
5664
5668
|
grid-area:actions;
|
|
5665
5669
|
margin-block-start:0;
|
|
5666
5670
|
}
|
|
5667
5671
|
}
|
|
5668
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5672
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5{
|
|
5669
5673
|
-webkit-box-orient:vertical;
|
|
5670
5674
|
-webkit-line-clamp:2;
|
|
5671
5675
|
color:var(--grid-list-header-color);
|
|
@@ -5683,11 +5687,11 @@
|
|
|
5683
5687
|
text-decoration:var(--body-default-text-decoration);
|
|
5684
5688
|
text-transform:var(--body-default-text-case);
|
|
5685
5689
|
}
|
|
5686
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5690
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_header--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5687
5691
|
align-items:center;
|
|
5688
5692
|
display:flex;
|
|
5689
5693
|
}
|
|
5690
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5694
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_subtitle--6cde5{
|
|
5691
5695
|
color:var(--grid-list-subtitle-color);
|
|
5692
5696
|
font-family:var(--caption-default-font-family);
|
|
5693
5697
|
font-size:var(--caption-default-font-size);
|
|
@@ -5704,15 +5708,15 @@
|
|
|
5704
5708
|
text-transform:var(--caption-default-text-case);
|
|
5705
5709
|
white-space:nowrap;
|
|
5706
5710
|
}
|
|
5707
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5711
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5 .bp_base_grid_list_item_module_subtitle--6cde5.bp_base_grid_list_item_module_loading--6cde5{
|
|
5708
5712
|
height:var(--grid-list-subtitle-loading-height);
|
|
5709
5713
|
}
|
|
5710
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5714
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5.bp_base_grid_list_item_module_isItemInteracted--6cde5,.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5:hover,.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-active-item],.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-focus-visible],.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-focused],.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-hovered]{
|
|
5711
5715
|
--actions-opacity:1;
|
|
5712
5716
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5713
5717
|
outline:var(--grid-list-item-hover-outline);
|
|
5714
5718
|
}
|
|
5715
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5719
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-active-item]::before,.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-focus-visible]::before{
|
|
5716
5720
|
border-radius:var(--grid-list-item-border-radius);
|
|
5717
5721
|
content:"";
|
|
5718
5722
|
display:block;
|
|
@@ -5724,7 +5728,7 @@
|
|
|
5724
5728
|
top:0;
|
|
5725
5729
|
width:100%;
|
|
5726
5730
|
}
|
|
5727
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5731
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-active-item]::after,.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[data-focus-visible]::after{
|
|
5728
5732
|
border-radius:var(--grid-list-item-border-radius);
|
|
5729
5733
|
content:"";
|
|
5730
5734
|
display:block;
|
|
@@ -5736,16 +5740,16 @@
|
|
|
5736
5740
|
top:0;
|
|
5737
5741
|
width:100%;
|
|
5738
5742
|
}
|
|
5739
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5743
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[aria-selected=true]{
|
|
5740
5744
|
--actions-opacity:1;
|
|
5741
5745
|
--item-background:var(--grid-list-item-selected-background);
|
|
5742
5746
|
outline:var(--grid-list-item-selected-outline);
|
|
5743
5747
|
}
|
|
5744
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5748
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--6cde5) .bp_base_grid_list_item_module_actions--6cde5 .bp_base_grid_list_item_module_inner--6cde5{
|
|
5745
5749
|
opacity:0;
|
|
5746
5750
|
}
|
|
5747
5751
|
@media (pointer: coarse){
|
|
5748
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5752
|
+
.bp_base_grid_list_item_module_gridList--6cde5 .bp_base_grid_list_item_module_gridListItem--6cde5{
|
|
5749
5753
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5750
5754
|
--actions-opacity:1;
|
|
5751
5755
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5753,30 +5757,32 @@
|
|
|
5753
5757
|
}
|
|
5754
5758
|
}
|
|
5755
5759
|
|
|
5756
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5760
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-modern=false]{
|
|
5761
|
+
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
5757
5762
|
--tooltip-offset:var(--space-2);
|
|
5758
|
-
--tooltip-
|
|
5763
|
+
--tooltip-arrow-display:block;
|
|
5764
|
+
--tooltip-radius:var(--radius-1);
|
|
5759
5765
|
--tooltip-padding:var(--space-2) var(--space-3);
|
|
5760
5766
|
--tooltip-border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
5761
5767
|
--tooltip-text-color:var(--text-text-on-dark);
|
|
5762
5768
|
--tooltip-drop-shadow:none;
|
|
5763
5769
|
--tooltip-backdrop-filter:none;
|
|
5764
|
-
--tooltip-radius:var(--radius-1);
|
|
5765
5770
|
}
|
|
5766
5771
|
|
|
5767
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5772
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-modern=true]{
|
|
5773
|
+
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
5768
5774
|
--tooltip-offset:var(--bp-space-020);
|
|
5769
|
-
--tooltip-
|
|
5775
|
+
--tooltip-arrow-display:none;
|
|
5776
|
+
--tooltip-radius:var(--bp-radius-04);
|
|
5770
5777
|
--tooltip-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5771
5778
|
--tooltip-border:var(--bp-border-01) solid var(--bp-border-tooltip-border);
|
|
5772
5779
|
--tooltip-text-color:var(--bp-text-text-on-dark);
|
|
5773
5780
|
--tooltip-drop-shadow:var(--dropshadow-3);
|
|
5774
5781
|
--tooltip-backdrop-filter:blur(16px);
|
|
5775
|
-
--tooltip-radius:var(--bp-radius-04);
|
|
5776
5782
|
}
|
|
5777
5783
|
|
|
5778
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5779
|
-
background-color:var(--tooltip-background-color
|
|
5784
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5{
|
|
5785
|
+
background-color:var(--tooltip-background-color);
|
|
5780
5786
|
border:var(--tooltip-border);
|
|
5781
5787
|
border-radius:var(--tooltip-radius);
|
|
5782
5788
|
color:var(--tooltip-text-color);
|
|
@@ -5794,28 +5800,28 @@
|
|
|
5794
5800
|
word-break:break-word;
|
|
5795
5801
|
z-index:2147483647;
|
|
5796
5802
|
}
|
|
5797
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5798
|
-
display:
|
|
5803
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5 .bp_base_grid_list_item_module_tooltipArrow--6cde5 svg{
|
|
5804
|
+
display:var(--tooltip-arrow-display);
|
|
5799
5805
|
height:.5rem;
|
|
5800
5806
|
width:1rem;
|
|
5801
5807
|
}
|
|
5802
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5808
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-placement=top]{
|
|
5803
5809
|
margin-block-end:var(--tooltip-offset);
|
|
5804
5810
|
}
|
|
5805
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5811
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--6cde5 svg{
|
|
5806
5812
|
transform:rotate(180deg);
|
|
5807
5813
|
}
|
|
5808
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5814
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-placement=bottom]{
|
|
5809
5815
|
margin-block-start:var(--tooltip-offset);
|
|
5810
5816
|
}
|
|
5811
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5817
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-placement=right]{
|
|
5812
5818
|
margin-inline-start:var(--tooltip-offset);
|
|
5813
5819
|
}
|
|
5814
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5820
|
+
.bp_base_grid_list_item_module_tooltipContent--6cde5[data-placement=left]{
|
|
5815
5821
|
margin-inline-end:var(--tooltip-offset);
|
|
5816
5822
|
}
|
|
5817
5823
|
|
|
5818
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5824
|
+
.bp_base_grid_list_item_module_staticList--6cde5 .bp_base_grid_list_item_module_staticListItem--6cde5{
|
|
5819
5825
|
display:contents;
|
|
5820
5826
|
}
|
|
5821
5827
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -9074,7 +9080,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9074
9080
|
width:fit-content;
|
|
9075
9081
|
}
|
|
9076
9082
|
|
|
9077
|
-
.bp_trigger_button_module_triggerButton--
|
|
9083
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_secondary--eb52b{
|
|
9078
9084
|
--trigger-button-background:var(--surface-dropdown-secondary-surface);
|
|
9079
9085
|
--trigger-button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
9080
9086
|
--trigger-button-focus-or-hover-background:var(--surface-dropdown-secondary-surface-hover);
|
|
@@ -9082,79 +9088,80 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9082
9088
|
--trigger-button-active-background:var(--surface-dropdown-secondary-surface-pressed);
|
|
9083
9089
|
--trigger-button-active-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
9084
9090
|
}
|
|
9085
|
-
.bp_trigger_button_module_triggerButton--
|
|
9091
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_tertiary--eb52b{
|
|
9086
9092
|
--trigger-button-focus-or-hover-background:var(--surface-dropdown-primary-surface-hover);
|
|
9087
9093
|
--trigger-button-active-background:var(--surface-dropdown-primary-surface-pressed);
|
|
9088
9094
|
}
|
|
9089
|
-
.bp_trigger_button_module_triggerButton--
|
|
9095
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_extraSmall--eb52b{
|
|
9090
9096
|
--button-xsmall-gap:var(--space-1);
|
|
9091
9097
|
--button-xsmall-height:var(--size-6);
|
|
9092
9098
|
--button-xsmall-padding:0.375rem var(--space-1);
|
|
9093
9099
|
}
|
|
9094
|
-
.bp_trigger_button_module_triggerButton--
|
|
9100
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_small--eb52b{
|
|
9095
9101
|
--button-small-padding:0.375rem var(--space-2);
|
|
9096
9102
|
}
|
|
9097
|
-
.bp_trigger_button_module_triggerButton--
|
|
9103
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=false].bp_trigger_button_module_large--eb52b{
|
|
9098
9104
|
--button-large-padding:0.375rem var(--space-3) 0.375rem var(--space-2);
|
|
9099
9105
|
}
|
|
9100
9106
|
|
|
9101
|
-
.bp_trigger_button_module_triggerButton--
|
|
9102
|
-
--trigger-button-background:var(--bp-surface-dropdown-surface
|
|
9107
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_secondary--eb52b{
|
|
9108
|
+
--trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
|
|
9103
9109
|
--trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
9104
9110
|
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
|
|
9105
9111
|
--trigger-button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
9106
9112
|
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
9107
9113
|
--trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
|
|
9108
9114
|
}
|
|
9109
|
-
.bp_trigger_button_module_triggerButton--
|
|
9115
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_tertiary--eb52b{
|
|
9110
9116
|
--trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
|
|
9111
9117
|
--trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
|
|
9112
9118
|
}
|
|
9113
|
-
.bp_trigger_button_module_triggerButton--
|
|
9119
|
+
.bp_trigger_button_module_triggerButton--eb52b[data-modern=true].bp_trigger_button_module_extraSmall--eb52b{
|
|
9114
9120
|
--button-xsmall-gap:var(--bp-space-010);
|
|
9115
9121
|
--button-xsmall-height:var(--bp-size-060);
|
|
9116
|
-
--button-xsmall-padding:0.375rem var(--bp-space-010);
|
|
9117
|
-
}
|
|
9118
|
-
.bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_small--d2fa6{
|
|
9119
|
-
--button-small-padding:0.375rem var(--bp-space-020);
|
|
9120
|
-
}
|
|
9121
|
-
.bp_trigger_button_module_triggerButton--d2fa6[data-modern=true].bp_trigger_button_module_large--d2fa6{
|
|
9122
|
-
--button-large-padding:0.375rem var(--bp-space-030) 0.375rem var(--bp-space-020);
|
|
9123
9122
|
}
|
|
9124
9123
|
|
|
9125
|
-
.bp_trigger_button_module_triggerButton--
|
|
9124
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b{
|
|
9126
9125
|
background:var(--trigger-button-background);
|
|
9127
9126
|
border:var(--trigger-button-border);
|
|
9128
9127
|
}
|
|
9129
|
-
.bp_trigger_button_module_triggerButton--
|
|
9128
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled):hover,.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled)[data-focus-visible]{
|
|
9130
9129
|
background:var(--trigger-button-focus-or-hover-background);
|
|
9131
9130
|
border:var(--trigger-button-focus-or-hover-border);
|
|
9132
9131
|
}
|
|
9133
|
-
.bp_trigger_button_module_triggerButton--
|
|
9132
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_secondary--eb52b:not(:disabled):active{
|
|
9134
9133
|
background:var(--trigger-button-active-background);
|
|
9135
9134
|
border:var(--trigger-button-active-border);
|
|
9136
9135
|
}
|
|
9137
|
-
.bp_trigger_button_module_triggerButton--
|
|
9136
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b{
|
|
9138
9137
|
background:var(--trigger-button-background);
|
|
9139
9138
|
border:var(--trigger-button-border);
|
|
9140
9139
|
}
|
|
9141
|
-
.bp_trigger_button_module_triggerButton--
|
|
9140
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled):hover,.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled)[data-focus-visible]{
|
|
9142
9141
|
background:var(--trigger-button-focus-or-hover-background);
|
|
9143
9142
|
}
|
|
9144
|
-
.bp_trigger_button_module_triggerButton--
|
|
9143
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_tertiary--eb52b:not(:disabled):active{
|
|
9145
9144
|
background:var(--trigger-button-active-background);
|
|
9146
9145
|
}
|
|
9147
|
-
.bp_trigger_button_module_triggerButton--
|
|
9146
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_extraSmall--eb52b{
|
|
9148
9147
|
gap:var(--button-xsmall-gap);
|
|
9149
9148
|
height:var(--button-xsmall-height);
|
|
9150
|
-
padding:var(--button-xsmall-padding);
|
|
9151
9149
|
}
|
|
9152
|
-
.bp_trigger_button_module_triggerButton--
|
|
9150
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_extraSmall--eb52b.bp_trigger_button_module_startIcon--eb52b{
|
|
9151
|
+
padding-left:.625rem;
|
|
9152
|
+
}
|
|
9153
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_small--eb52b{
|
|
9153
9154
|
padding:var(--button-small-padding);
|
|
9154
9155
|
}
|
|
9155
|
-
.bp_trigger_button_module_triggerButton--
|
|
9156
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_small--eb52b.bp_trigger_button_module_startIcon--eb52b{
|
|
9157
|
+
padding-left:.625rem;
|
|
9158
|
+
}
|
|
9159
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_large--eb52b{
|
|
9156
9160
|
padding:var(--button-large-padding);
|
|
9157
9161
|
}
|
|
9162
|
+
.bp_trigger_button_module_triggerButton--eb52b.bp_trigger_button_module_large--eb52b.bp_trigger_button_module_startIcon--eb52b{
|
|
9163
|
+
padding-left:.625rem;
|
|
9164
|
+
}
|
|
9158
9165
|
.bp_styles_module_splitButton--75e0b[data-modern=false]{
|
|
9159
9166
|
--split-button-left-width:100%;
|
|
9160
9167
|
--split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
|
|
@@ -9,7 +9,7 @@ import styles from './trigger-button.module.js';
|
|
|
9
9
|
|
|
10
10
|
const buttonSizeToStartIconSizeMap = {
|
|
11
11
|
extraSmall: 16,
|
|
12
|
-
small:
|
|
12
|
+
small: 12,
|
|
13
13
|
large: 24
|
|
14
14
|
};
|
|
15
15
|
/**
|
|
@@ -34,15 +34,19 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
34
34
|
const baseButtonSize = size === 'extraSmall' ? 'small' : size;
|
|
35
35
|
return jsxs(BaseButton, {
|
|
36
36
|
ref: forwardedRef,
|
|
37
|
-
className: clsx(styles.triggerButton, styles[size], styles[variant],
|
|
37
|
+
className: clsx(styles.triggerButton, styles[size], styles[variant], {
|
|
38
|
+
[styles.startIcon]: !!startIcon
|
|
39
|
+
}, className),
|
|
38
40
|
"data-modern": enableModernizedComponents,
|
|
39
41
|
size: baseButtonSize,
|
|
40
42
|
variant: variant,
|
|
41
43
|
...rest,
|
|
42
44
|
children: [startIcon && jsx(BaseButton.Icon, {
|
|
45
|
+
className: styles.startIcon,
|
|
43
46
|
icon: startIcon,
|
|
44
47
|
iconProps: {
|
|
45
|
-
height: startIconSize
|
|
48
|
+
height: startIconSize,
|
|
49
|
+
width: startIconSize
|
|
46
50
|
}
|
|
47
51
|
}), label && jsx(BaseButton.Label, {
|
|
48
52
|
children: label
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--
|
|
2
|
+
var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--eb52b","secondary":"bp_trigger_button_module_secondary--eb52b","tertiary":"bp_trigger_button_module_tertiary--eb52b","extraSmall":"bp_trigger_button_module_extraSmall--eb52b","small":"bp_trigger_button_module_small--eb52b","large":"bp_trigger_button_module_large--eb52b","startIcon":"bp_trigger_button_module_startIcon--eb52b"};
|
|
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--6cde5","smallListItem":"bp_base_grid_list_item_module_smallListItem--6cde5","loading":"bp_base_grid_list_item_module_loading--6cde5","thumbnail":"bp_base_grid_list_item_module_thumbnail--6cde5","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--6cde5","header":"bp_base_grid_list_item_module_header--6cde5","subtitle":"bp_base_grid_list_item_module_subtitle--6cde5","actions":"bp_base_grid_list_item_module_actions--6cde5","selection":"bp_base_grid_list_item_module_selection--6cde5","inner":"bp_base_grid_list_item_module_inner--6cde5","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--6cde5","largeList":"bp_base_grid_list_item_module_largeList--6cde5","largeListItem":"bp_base_grid_list_item_module_largeListItem--6cde5","fade":"bp_base_grid_list_item_module_fade--6cde5","description":"bp_base_grid_list_item_module_description--6cde5","snippet":"bp_base_grid_list_item_module_snippet--6cde5","snippetContent":"bp_base_grid_list_item_module_snippetContent--6cde5","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--6cde5","gridList":"bp_base_grid_list_item_module_gridList--6cde5","gridListItem":"bp_base_grid_list_item_module_gridListItem--6cde5","statusPin":"bp_base_grid_list_item_module_statusPin--6cde5","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--6cde5","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--6cde5","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--6cde5","staticList":"bp_base_grid_list_item_module_staticList--6cde5","staticListItem":"bp_base_grid_list_item_module_staticListItem--6cde5"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
+
import { useMemo } from 'react';
|
|
3
4
|
import { Tooltip, OverlayArrow } from 'react-aria-components';
|
|
5
|
+
import { useBlueprintModernization } from '../../../blueprint-modernization-context/useBlueprintModernization.js';
|
|
4
6
|
import styles from '../base-grid-list-item.module.js';
|
|
5
7
|
|
|
6
8
|
const RACTooltip = ({
|
|
7
9
|
children,
|
|
8
10
|
...props
|
|
9
11
|
}) => {
|
|
12
|
+
const {
|
|
13
|
+
enableModernizedComponents
|
|
14
|
+
} = useBlueprintModernization();
|
|
15
|
+
const fill = useMemo(() => enableModernizedComponents ? 'var(--bp-gray-100)' : 'var(--gray-80)', [enableModernizedComponents]);
|
|
10
16
|
return jsxs(Tooltip, {
|
|
11
17
|
className: clsx(styles.tooltipContent),
|
|
18
|
+
"data-modern": enableModernizedComponents,
|
|
12
19
|
offset: 3,
|
|
13
20
|
placement: "bottom",
|
|
14
21
|
...props,
|
|
@@ -20,7 +27,7 @@ const RACTooltip = ({
|
|
|
20
27
|
xmlns: "http://www.w3.org/2000/svg",
|
|
21
28
|
children: jsx("path", {
|
|
22
29
|
d: "m8.5 0-8 8h16l-8-8Z",
|
|
23
|
-
fill:
|
|
30
|
+
fill: fill
|
|
24
31
|
})
|
|
25
32
|
})
|
|
26
33
|
}), children]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "12.78.
|
|
3
|
+
"version": "12.78.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.15",
|
|
49
49
|
"@ariakit/react-core": "0.4.15",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.71.0",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.14.
|
|
80
|
+
"@box/storybook-utils": "^0.14.7",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|