@box/blueprint-web 12.112.1 → 12.112.3
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/breadcrumb/page-link.js +2 -2
- package/dist/lib-esm/breadcrumb/utils.d.ts +1 -0
- package/dist/lib-esm/breadcrumb/utils.js +11 -1
- package/dist/lib-esm/index.css +102 -101
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/package.json +3 -3
|
@@ -4,7 +4,7 @@ import { PointerRight } from '@box/blueprint-web-assets/icons/Fill';
|
|
|
4
4
|
import { Link } from '../primitives/link/link.js';
|
|
5
5
|
import { Text } from '../text/text.js';
|
|
6
6
|
import styles from './breadcrumb.module.js';
|
|
7
|
-
import { getTextVariantFromSize, getSeparatorSize } from './utils.js';
|
|
7
|
+
import { getBoldTextVariantFromSize, getTextVariantFromSize, getSeparatorSize } from './utils.js';
|
|
8
8
|
|
|
9
9
|
const PageLink = ({
|
|
10
10
|
crumb,
|
|
@@ -23,7 +23,7 @@ const PageLink = ({
|
|
|
23
23
|
"aria-current": "page",
|
|
24
24
|
as: "span",
|
|
25
25
|
color: "textOnLightDefault",
|
|
26
|
-
variant:
|
|
26
|
+
variant: getBoldTextVariantFromSize(size),
|
|
27
27
|
children: crumb.name
|
|
28
28
|
})
|
|
29
29
|
}, crumb.id);
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { type BreadcrumbProps } from './types';
|
|
2
2
|
export declare const getTextVariantFromSize: (size: BreadcrumbProps["size"]) => "bodyDefault" | "bodyLarge";
|
|
3
|
+
export declare const getBoldTextVariantFromSize: (size: BreadcrumbProps["size"]) => "bodyDefaultBold" | "bodyLargeBold";
|
|
3
4
|
export declare const getSeparatorSize: (size: BreadcrumbProps["size"]) => string;
|
|
@@ -10,6 +10,16 @@ const getTextVariantFromSize = size => {
|
|
|
10
10
|
return 'bodyLarge';
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
+
const getBoldTextVariantFromSize = size => {
|
|
14
|
+
switch (size) {
|
|
15
|
+
case 'small':
|
|
16
|
+
return 'bodyDefaultBold';
|
|
17
|
+
case 'medium':
|
|
18
|
+
return 'bodyLargeBold';
|
|
19
|
+
default:
|
|
20
|
+
return 'bodyLargeBold';
|
|
21
|
+
}
|
|
22
|
+
};
|
|
13
23
|
const getSeparatorSize = size => {
|
|
14
24
|
switch (size) {
|
|
15
25
|
case 'small':
|
|
@@ -21,4 +31,4 @@ const getSeparatorSize = size => {
|
|
|
21
31
|
}
|
|
22
32
|
};
|
|
23
33
|
|
|
24
|
-
export { getSeparatorSize, getTextVariantFromSize };
|
|
34
|
+
export { getBoldTextVariantFromSize, getSeparatorSize, getTextVariantFromSize };
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -6007,7 +6007,7 @@
|
|
|
6007
6007
|
margin-block-end:var(--space-4);
|
|
6008
6008
|
}
|
|
6009
6009
|
|
|
6010
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6010
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=false]{
|
|
6011
6011
|
--small-list-gap:var(--space-2);
|
|
6012
6012
|
--small-list-padding:var(--space-1);
|
|
6013
6013
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6031,7 +6031,7 @@
|
|
|
6031
6031
|
--small-list-focus-outline-radius:0.875rem;
|
|
6032
6032
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6033
6033
|
}
|
|
6034
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6034
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=false] .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6035
6035
|
font-family:var(--body-default-semibold-font-family);
|
|
6036
6036
|
font-size:var(--body-default-semibold-font-size);
|
|
6037
6037
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6041,7 +6041,7 @@
|
|
|
6041
6041
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6042
6042
|
text-transform:var(--body-default-semibold-text-case);
|
|
6043
6043
|
}
|
|
6044
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6044
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=false] .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6045
6045
|
font-family:var(--caption-default-font-family);
|
|
6046
6046
|
font-size:var(--caption-default-font-size);
|
|
6047
6047
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6052,7 +6052,7 @@
|
|
|
6052
6052
|
text-transform:var(--caption-default-text-case);
|
|
6053
6053
|
}
|
|
6054
6054
|
|
|
6055
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6055
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=true]{
|
|
6056
6056
|
--small-list-gap:var(--bp-space-020);
|
|
6057
6057
|
--small-list-padding:initial;
|
|
6058
6058
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6076,7 +6076,7 @@
|
|
|
6076
6076
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6077
6077
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6078
6078
|
}
|
|
6079
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6079
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=true] .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6080
6080
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6081
6081
|
font-size:var(--bp-font-size-05);
|
|
6082
6082
|
font-style:normal;
|
|
@@ -6084,7 +6084,7 @@
|
|
|
6084
6084
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6085
6085
|
line-height:var(--bp-font-line-height-04);
|
|
6086
6086
|
}
|
|
6087
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6087
|
+
.bp_base_grid_list_item_module_smallList--66d6c[data-modern=true] .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6088
6088
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6089
6089
|
font-size:var(--bp-font-size-03);
|
|
6090
6090
|
font-style:normal;
|
|
@@ -6093,7 +6093,7 @@
|
|
|
6093
6093
|
line-height:var(--bp-font-line-height-02);
|
|
6094
6094
|
}
|
|
6095
6095
|
|
|
6096
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6096
|
+
.bp_base_grid_list_item_module_smallList--66d6c{
|
|
6097
6097
|
box-sizing:border-box;
|
|
6098
6098
|
display:grid;
|
|
6099
6099
|
gap:var(--small-list-gap);
|
|
@@ -6104,7 +6104,7 @@
|
|
|
6104
6104
|
padding:var(--small-list-padding);
|
|
6105
6105
|
width:auto;
|
|
6106
6106
|
}
|
|
6107
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6107
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c{
|
|
6108
6108
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6109
6109
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6110
6110
|
--item-background:var(--small-list-item-background);
|
|
@@ -6123,11 +6123,11 @@
|
|
|
6123
6123
|
transform:translateZ(0);
|
|
6124
6124
|
width:auto;
|
|
6125
6125
|
}
|
|
6126
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6126
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6127
6127
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6128
6128
|
grid-template-rows:100% 0;
|
|
6129
6129
|
}
|
|
6130
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6130
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c{
|
|
6131
6131
|
align-items:center;
|
|
6132
6132
|
aspect-ratio:1;
|
|
6133
6133
|
display:flex;
|
|
@@ -6136,35 +6136,35 @@
|
|
|
6136
6136
|
overflow:hidden;
|
|
6137
6137
|
z-index:1;
|
|
6138
6138
|
}
|
|
6139
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6139
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_thumbnailContent--66d6c img,.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_thumbnailContent--66d6c svg{
|
|
6140
6140
|
height:100%;
|
|
6141
6141
|
object-fit:cover;
|
|
6142
6142
|
object-position:left;
|
|
6143
6143
|
width:100%;
|
|
6144
6144
|
}
|
|
6145
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6145
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6146
6146
|
color:var(--small-list-header-color);
|
|
6147
6147
|
grid-area:head;
|
|
6148
6148
|
}
|
|
6149
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6149
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_header--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6150
6150
|
align-items:center;
|
|
6151
6151
|
display:flex;
|
|
6152
6152
|
}
|
|
6153
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6153
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6154
6154
|
color:var(--small-list-subtitle-color);
|
|
6155
6155
|
grid-area:subtitle;
|
|
6156
6156
|
}
|
|
6157
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6157
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_header--66d6c,.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6158
6158
|
display:inline-block;
|
|
6159
6159
|
overflow:hidden;
|
|
6160
6160
|
text-overflow:ellipsis;
|
|
6161
6161
|
white-space:nowrap;
|
|
6162
6162
|
}
|
|
6163
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6163
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c:not(:has(.bp_base_grid_list_item_module_header--66d6c)),.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c:not(:has(.bp_base_grid_list_item_module_subtitle--66d6c)){
|
|
6164
6164
|
grid-template-rows:100% 0;
|
|
6165
6165
|
row-gap:0;
|
|
6166
6166
|
}
|
|
6167
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6167
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6168
6168
|
align-items:center;
|
|
6169
6169
|
display:flex;
|
|
6170
6170
|
grid-area:actions;
|
|
@@ -6174,11 +6174,11 @@
|
|
|
6174
6174
|
padding-right:0;
|
|
6175
6175
|
}
|
|
6176
6176
|
@media (pointer: coarse){
|
|
6177
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6177
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6178
6178
|
--actions-opacity:1;
|
|
6179
6179
|
}
|
|
6180
6180
|
}
|
|
6181
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6181
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c{
|
|
6182
6182
|
align-items:center;
|
|
6183
6183
|
background:var(--item-background);
|
|
6184
6184
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6187,10 +6187,10 @@
|
|
|
6187
6187
|
justify-content:center;
|
|
6188
6188
|
width:var(--small-list-selection-width);
|
|
6189
6189
|
}
|
|
6190
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6190
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c:hover{
|
|
6191
6191
|
background:var(--small-list-selection-hover-background);
|
|
6192
6192
|
}
|
|
6193
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6193
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c{
|
|
6194
6194
|
align-items:center;
|
|
6195
6195
|
border-radius:var(--small-list-inner-border-radius);
|
|
6196
6196
|
display:flex;
|
|
@@ -6198,17 +6198,17 @@
|
|
|
6198
6198
|
justify-content:flex-end;
|
|
6199
6199
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6200
6200
|
}
|
|
6201
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6201
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c:last-child{
|
|
6202
6202
|
margin-inline-end:0;
|
|
6203
6203
|
}
|
|
6204
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6204
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_actionsCheckboxWrapper--66d6c{
|
|
6205
6205
|
display:flex;
|
|
6206
6206
|
}
|
|
6207
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6207
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c:hover,.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-active-item],.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-focus-visible],.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-focused],.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-hovered]{
|
|
6208
6208
|
--actions-opacity:1;
|
|
6209
6209
|
background:var(--item-hover);
|
|
6210
6210
|
}
|
|
6211
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6211
|
+
.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-active-item]::before,.bp_base_grid_list_item_module_smallList--66d6c .bp_base_grid_list_item_module_smallListItem--66d6c[data-focus-visible]::before{
|
|
6212
6212
|
--actions-opacity:1;
|
|
6213
6213
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6214
6214
|
content:"";
|
|
@@ -6222,7 +6222,7 @@
|
|
|
6222
6222
|
width:100%;
|
|
6223
6223
|
}
|
|
6224
6224
|
|
|
6225
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6225
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=false]{
|
|
6226
6226
|
--large-list-gap:var(--space-05);
|
|
6227
6227
|
--large-list-padding:var(--space-1);
|
|
6228
6228
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6271,11 +6271,11 @@
|
|
|
6271
6271
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6272
6272
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6273
6273
|
}
|
|
6274
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6274
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=false] .bp_base_grid_list_item_module_largeListItem--66d6c{
|
|
6275
6275
|
border-radius:var(--large-list-item-border-radius);
|
|
6276
6276
|
}
|
|
6277
6277
|
|
|
6278
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6278
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true]{
|
|
6279
6279
|
--large-list-gap:var(--bp-space-005);
|
|
6280
6280
|
--large-list-padding:var(--bp-space-010);
|
|
6281
6281
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6325,18 +6325,18 @@
|
|
|
6325
6325
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6326
6326
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6327
6327
|
}
|
|
6328
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6328
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c:hover,.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true],.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[data-active-item],.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[data-focus-visible],.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[data-focused],.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[data-hovered]{
|
|
6329
6329
|
border-radius:var(--large-list-item-border-radius);
|
|
6330
6330
|
}
|
|
6331
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6331
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true]{
|
|
6332
6332
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6333
6333
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6334
6334
|
}
|
|
6335
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6335
|
+
.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--66d6c[data-modern=true] .bp_base_grid_list_item_module_largeListItem--66d6c:not[aria-selected=true][data-hovered]{
|
|
6336
6336
|
--item-background:var(--large-list-item-hover-background);
|
|
6337
6337
|
}
|
|
6338
6338
|
|
|
6339
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6339
|
+
.bp_base_grid_list_item_module_largeList--66d6c{
|
|
6340
6340
|
box-sizing:border-box;
|
|
6341
6341
|
display:flex;
|
|
6342
6342
|
flex-direction:column;
|
|
@@ -6346,7 +6346,7 @@
|
|
|
6346
6346
|
overflow:auto;
|
|
6347
6347
|
padding:var(--large-list-padding);
|
|
6348
6348
|
}
|
|
6349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6349
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c{
|
|
6350
6350
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6351
6351
|
--actions-opacity:0;
|
|
6352
6352
|
--item-background:var(--large-list-item-background);
|
|
@@ -6362,18 +6362,18 @@
|
|
|
6362
6362
|
position:relative;
|
|
6363
6363
|
transform:translateZ(0);
|
|
6364
6364
|
}
|
|
6365
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6365
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6366
6366
|
grid-template-rows:1fr 1fr 1fr;
|
|
6367
6367
|
}
|
|
6368
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6368
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c:focus-within{
|
|
6369
6369
|
--actions-opacity:1;
|
|
6370
6370
|
}
|
|
6371
6371
|
@media (max-width: 374px){
|
|
6372
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6372
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c{
|
|
6373
6373
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6374
6374
|
}
|
|
6375
6375
|
}
|
|
6376
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6376
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c{
|
|
6377
6377
|
aspect-ratio:4/3;
|
|
6378
6378
|
border:var(--large-list-item-thumbnail-border);
|
|
6379
6379
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6381,24 +6381,24 @@
|
|
|
6381
6381
|
overflow:hidden;
|
|
6382
6382
|
z-index:1;
|
|
6383
6383
|
}
|
|
6384
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6384
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c img{
|
|
6385
6385
|
height:100%;
|
|
6386
6386
|
object-fit:cover;
|
|
6387
6387
|
object-position:left;
|
|
6388
6388
|
width:100%;
|
|
6389
6389
|
}
|
|
6390
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6390
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6391
6391
|
border:none;
|
|
6392
6392
|
}
|
|
6393
6393
|
@media (max-width: 374px){
|
|
6394
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6394
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c{
|
|
6395
6395
|
aspect-ratio:1/1;
|
|
6396
6396
|
}
|
|
6397
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6397
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c img{
|
|
6398
6398
|
object-fit:contain;
|
|
6399
6399
|
}
|
|
6400
6400
|
}
|
|
6401
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6401
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6402
6402
|
align-items:center;
|
|
6403
6403
|
display:flex;
|
|
6404
6404
|
height:var(--large-list-item-actions-height);
|
|
@@ -6410,11 +6410,11 @@
|
|
|
6410
6410
|
top:var(--large-list-item-actions-top);
|
|
6411
6411
|
}
|
|
6412
6412
|
@media (pointer: coarse){
|
|
6413
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6413
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6414
6414
|
--actions-opacity:1;
|
|
6415
6415
|
}
|
|
6416
6416
|
}
|
|
6417
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6417
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c{
|
|
6418
6418
|
align-items:center;
|
|
6419
6419
|
background:var(--item-background);
|
|
6420
6420
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6423,15 +6423,15 @@
|
|
|
6423
6423
|
justify-content:center;
|
|
6424
6424
|
width:var(--large-list-item-selection-width);
|
|
6425
6425
|
}
|
|
6426
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6426
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c:hover{
|
|
6427
6427
|
background:var(--large-list-item-selection-hover-background);
|
|
6428
6428
|
}
|
|
6429
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6429
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_fade--66d6c{
|
|
6430
6430
|
align-self:stretch;
|
|
6431
6431
|
background:var(--large-list-item-fade-background);
|
|
6432
6432
|
width:var(--large-list-item-fade-width);
|
|
6433
6433
|
}
|
|
6434
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6434
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c{
|
|
6435
6435
|
align-items:center;
|
|
6436
6436
|
background:var(--item-background);
|
|
6437
6437
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6440,14 +6440,14 @@
|
|
|
6440
6440
|
justify-content:flex-end;
|
|
6441
6441
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6442
6442
|
}
|
|
6443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6443
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c:last-child{
|
|
6444
6444
|
margin-inline-end:0;
|
|
6445
6445
|
}
|
|
6446
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6446
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_actionsCheckboxWrapper--66d6c{
|
|
6447
6447
|
background:var(--item-background);
|
|
6448
6448
|
display:flex;
|
|
6449
6449
|
}
|
|
6450
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6450
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6451
6451
|
align-items:center;
|
|
6452
6452
|
color:var(--large-list-item-header-color);
|
|
6453
6453
|
display:inline-flex;
|
|
@@ -6465,7 +6465,7 @@
|
|
|
6465
6465
|
text-transform:var(--body-default-semibold-text-case);
|
|
6466
6466
|
white-space:nowrap;
|
|
6467
6467
|
}
|
|
6468
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6468
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6469
6469
|
align-items:center;
|
|
6470
6470
|
color:var(--large-list-item-subtitle-color);
|
|
6471
6471
|
display:flex;
|
|
@@ -6481,7 +6481,7 @@
|
|
|
6481
6481
|
text-transform:var(--caption-default-text-case);
|
|
6482
6482
|
white-space:nowrap;
|
|
6483
6483
|
}
|
|
6484
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6484
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_description--66d6c{
|
|
6485
6485
|
-webkit-box-orient:vertical;
|
|
6486
6486
|
-webkit-line-clamp:3;
|
|
6487
6487
|
color:var(--large-list-item-description-color);
|
|
@@ -6500,13 +6500,13 @@
|
|
|
6500
6500
|
text-decoration:var(--body-default-text-decoration);
|
|
6501
6501
|
text-transform:var(--body-default-text-case);
|
|
6502
6502
|
}
|
|
6503
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6503
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_snippet--66d6c{
|
|
6504
6504
|
grid-area:description;
|
|
6505
6505
|
margin:0;
|
|
6506
6506
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6507
6507
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6508
6508
|
}
|
|
6509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6509
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c .bp_base_grid_list_item_module_snippet--66d6c .bp_base_grid_list_item_module_snippetContent--66d6c{
|
|
6510
6510
|
-webkit-box-orient:vertical;
|
|
6511
6511
|
-webkit-line-clamp:2;
|
|
6512
6512
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6526,13 +6526,13 @@
|
|
|
6526
6526
|
text-decoration:var(--body-default-text-decoration);
|
|
6527
6527
|
text-transform:var(--body-default-text-case);
|
|
6528
6528
|
}
|
|
6529
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6529
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c:hover,.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-active-item],.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-focus-visible],.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-focused],.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-hovered]{
|
|
6530
6530
|
--actions-opacity:1;
|
|
6531
6531
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6532
6532
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6533
6533
|
outline:var(--large-list-item-hover-outline);
|
|
6534
6534
|
}
|
|
6535
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6535
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-active-item]::before,.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[data-focus-visible]::before{
|
|
6536
6536
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6537
6537
|
content:"";
|
|
6538
6538
|
display:block;
|
|
@@ -6544,31 +6544,31 @@
|
|
|
6544
6544
|
top:0;
|
|
6545
6545
|
width:100%;
|
|
6546
6546
|
}
|
|
6547
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6547
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true]{
|
|
6548
6548
|
--actions-opacity:1;
|
|
6549
6549
|
--item-background:var(--large-list-item-selected-background);
|
|
6550
6550
|
outline:var(--large-list-item-selected-outline);
|
|
6551
6551
|
z-index:2;
|
|
6552
6552
|
}
|
|
6553
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6553
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true] .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_fade--66d6c{
|
|
6554
6554
|
background:var(--large-list-item-selected-fade-background);
|
|
6555
6555
|
}
|
|
6556
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6556
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c{
|
|
6557
6557
|
display:none;
|
|
6558
6558
|
}
|
|
6559
6559
|
@supports selector(:has(.foo)){
|
|
6560
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6560
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--66d6c + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6561
6561
|
border-end-end-radius:0;
|
|
6562
6562
|
border-end-start-radius:0;
|
|
6563
6563
|
}
|
|
6564
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6564
|
+
.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--66d6c + [aria-selected=true],.bp_base_grid_list_item_module_largeList--66d6c .bp_base_grid_list_item_module_largeListItem--66d6c[aria-selected=true] + [aria-selected=true]{
|
|
6565
6565
|
border-start-end-radius:0;
|
|
6566
6566
|
border-start-start-radius:0;
|
|
6567
6567
|
border-top:none;
|
|
6568
6568
|
}
|
|
6569
6569
|
}
|
|
6570
6570
|
|
|
6571
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6571
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=false]{
|
|
6572
6572
|
--grid-list-minimum-item-width:188px;
|
|
6573
6573
|
--grid-list-gap:var(--space-4);
|
|
6574
6574
|
--grid-list-padding:var(--space-1);
|
|
@@ -6609,7 +6609,7 @@
|
|
|
6609
6609
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6610
6610
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6611
6611
|
}
|
|
6612
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6612
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=false] .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6613
6613
|
font-family:var(--body-default-font-family);
|
|
6614
6614
|
font-size:var(--body-default-font-size);
|
|
6615
6615
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6619,7 +6619,7 @@
|
|
|
6619
6619
|
text-decoration:var(--body-default-text-decoration);
|
|
6620
6620
|
text-transform:var(--body-default-text-case);
|
|
6621
6621
|
}
|
|
6622
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6622
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=false] .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6623
6623
|
font-family:var(--caption-default-font-family);
|
|
6624
6624
|
font-size:var(--caption-default-font-size);
|
|
6625
6625
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6630,7 +6630,7 @@
|
|
|
6630
6630
|
text-transform:var(--caption-default-text-case);
|
|
6631
6631
|
}
|
|
6632
6632
|
|
|
6633
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6633
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=true]{
|
|
6634
6634
|
--grid-list-minimum-item-width:188px;
|
|
6635
6635
|
--grid-list-gap:var(--bp-space-040);
|
|
6636
6636
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6671,7 +6671,7 @@
|
|
|
6671
6671
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6672
6672
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6673
6673
|
}
|
|
6674
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6674
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=true] .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6675
6675
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6676
6676
|
font-size:var(--bp-font-size-05);
|
|
6677
6677
|
font-style:normal;
|
|
@@ -6679,7 +6679,7 @@
|
|
|
6679
6679
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6680
6680
|
line-height:var(--bp-font-line-height-04);
|
|
6681
6681
|
}
|
|
6682
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6682
|
+
.bp_base_grid_list_item_module_gridList--66d6c[data-modern=true] .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6683
6683
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6684
6684
|
font-size:var(--bp-font-size-03);
|
|
6685
6685
|
font-style:normal;
|
|
@@ -6688,7 +6688,7 @@
|
|
|
6688
6688
|
line-height:var(--bp-font-line-height-02);
|
|
6689
6689
|
}
|
|
6690
6690
|
|
|
6691
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6691
|
+
.bp_base_grid_list_item_module_gridList--66d6c{
|
|
6692
6692
|
box-sizing:border-box;
|
|
6693
6693
|
display:grid;
|
|
6694
6694
|
gap:var(--grid-list-gap);
|
|
@@ -6698,7 +6698,7 @@
|
|
|
6698
6698
|
overflow:auto;
|
|
6699
6699
|
padding:var(--grid-list-padding);
|
|
6700
6700
|
}
|
|
6701
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6701
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c{
|
|
6702
6702
|
--actions-opacity:0;
|
|
6703
6703
|
--item-background:var(--grid-list-item-background);
|
|
6704
6704
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6716,15 +6716,15 @@
|
|
|
6716
6716
|
row-gap:var(--row-gap);
|
|
6717
6717
|
transform:translateZ(0);
|
|
6718
6718
|
}
|
|
6719
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6719
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c:focus-within{
|
|
6720
6720
|
--actions-opacity:1;
|
|
6721
6721
|
}
|
|
6722
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6722
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_statusPin--66d6c{
|
|
6723
6723
|
left:var(--grid-list-item-status-pin-left);
|
|
6724
6724
|
position:absolute;
|
|
6725
6725
|
top:var(--grid-list-item-status-pin-top);
|
|
6726
6726
|
}
|
|
6727
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6727
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c{
|
|
6728
6728
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6729
6729
|
background:var(--grid-list-thumbnail-background);
|
|
6730
6730
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6732,25 +6732,25 @@
|
|
|
6732
6732
|
grid-area:thumbnail;
|
|
6733
6733
|
overflow:hidden;
|
|
6734
6734
|
}
|
|
6735
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6735
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c img{
|
|
6736
6736
|
height:100%;
|
|
6737
6737
|
object-fit:contain;
|
|
6738
6738
|
width:100%;
|
|
6739
6739
|
}
|
|
6740
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6740
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6741
6741
|
border:none;
|
|
6742
6742
|
}
|
|
6743
6743
|
@media (pointer: coarse){
|
|
6744
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6744
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_thumbnail--66d6c{
|
|
6745
6745
|
margin-block-end:var(--space-1);
|
|
6746
6746
|
}
|
|
6747
6747
|
}
|
|
6748
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6748
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6749
6749
|
grid-area:subtitle;
|
|
6750
6750
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6751
6751
|
opacity:var(--actions-opacity);
|
|
6752
6752
|
}
|
|
6753
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6753
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c{
|
|
6754
6754
|
align-items:center;
|
|
6755
6755
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6756
6756
|
display:flex;
|
|
@@ -6761,10 +6761,10 @@
|
|
|
6761
6761
|
top:var(--grid-list-selection-top);
|
|
6762
6762
|
width:var(--grid-list-selection-width);
|
|
6763
6763
|
}
|
|
6764
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6764
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_selection--66d6c:hover{
|
|
6765
6765
|
background:var(--grid-list-selection-hover-background);
|
|
6766
6766
|
}
|
|
6767
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6767
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c{
|
|
6768
6768
|
align-items:center;
|
|
6769
6769
|
background:var(--item-background);
|
|
6770
6770
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6773,28 +6773,29 @@
|
|
|
6773
6773
|
justify-content:center;
|
|
6774
6774
|
}
|
|
6775
6775
|
@media (pointer: coarse){
|
|
6776
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6776
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_actions--66d6c{
|
|
6777
6777
|
grid-area:actions;
|
|
6778
6778
|
margin-block-start:0;
|
|
6779
6779
|
}
|
|
6780
6780
|
}
|
|
6781
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6781
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6782
6782
|
color:var(--grid-list-header-color);
|
|
6783
6783
|
grid-area:head;
|
|
6784
6784
|
height:var(--grid-list-header-height);
|
|
6785
|
+
overflow-wrap:anywhere;
|
|
6785
6786
|
text-align:center;
|
|
6786
6787
|
}
|
|
6787
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6788
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_header--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6788
6789
|
align-items:center;
|
|
6789
6790
|
display:flex;
|
|
6790
6791
|
}
|
|
6791
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6792
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_header--66d6c{
|
|
6792
6793
|
-webkit-box-orient:vertical;
|
|
6793
6794
|
-webkit-line-clamp:2;
|
|
6794
6795
|
display:-webkit-box;
|
|
6795
6796
|
overflow:hidden;
|
|
6796
6797
|
}
|
|
6797
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6798
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c{
|
|
6798
6799
|
color:var(--grid-list-subtitle-color);
|
|
6799
6800
|
grid-area:subtitle;
|
|
6800
6801
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6803,16 +6804,16 @@
|
|
|
6803
6804
|
text-overflow:ellipsis;
|
|
6804
6805
|
white-space:nowrap;
|
|
6805
6806
|
}
|
|
6806
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6807
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c .bp_base_grid_list_item_module_subtitle--66d6c.bp_base_grid_list_item_module_loading--66d6c{
|
|
6807
6808
|
height:var(--grid-list-subtitle-loading-height);
|
|
6808
6809
|
}
|
|
6809
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6810
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c.bp_base_grid_list_item_module_isItemInteracted--66d6c,.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c:hover,.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-active-item],.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-focus-visible],.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-focused],.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-hovered]{
|
|
6810
6811
|
--actions-opacity:1;
|
|
6811
6812
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6812
6813
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6813
6814
|
outline:var(--grid-list-item-hover-outline);
|
|
6814
6815
|
}
|
|
6815
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6816
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-active-item]::before,.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-focus-visible]::before{
|
|
6816
6817
|
border-radius:var(--grid-list-item-border-radius);
|
|
6817
6818
|
content:"";
|
|
6818
6819
|
display:block;
|
|
@@ -6824,7 +6825,7 @@
|
|
|
6824
6825
|
top:0;
|
|
6825
6826
|
width:100%;
|
|
6826
6827
|
}
|
|
6827
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6828
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-active-item]::after,.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[data-focus-visible]::after{
|
|
6828
6829
|
border-radius:var(--grid-list-item-border-radius);
|
|
6829
6830
|
content:"";
|
|
6830
6831
|
display:block;
|
|
@@ -6836,16 +6837,16 @@
|
|
|
6836
6837
|
top:0;
|
|
6837
6838
|
width:100%;
|
|
6838
6839
|
}
|
|
6839
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6840
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[aria-selected=true]{
|
|
6840
6841
|
--actions-opacity:1;
|
|
6841
6842
|
--item-background:var(--grid-list-item-selected-background);
|
|
6842
6843
|
outline:var(--grid-list-item-selected-outline);
|
|
6843
6844
|
}
|
|
6844
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6845
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--66d6c) .bp_base_grid_list_item_module_actions--66d6c .bp_base_grid_list_item_module_inner--66d6c{
|
|
6845
6846
|
opacity:0;
|
|
6846
6847
|
}
|
|
6847
6848
|
@media (pointer: coarse){
|
|
6848
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6849
|
+
.bp_base_grid_list_item_module_gridList--66d6c .bp_base_grid_list_item_module_gridListItem--66d6c{
|
|
6849
6850
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6850
6851
|
--actions-opacity:1;
|
|
6851
6852
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6853,7 +6854,7 @@
|
|
|
6853
6854
|
}
|
|
6854
6855
|
}
|
|
6855
6856
|
|
|
6856
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6857
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-modern=false]{
|
|
6857
6858
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6858
6859
|
--tooltip-offset:var(--space-2);
|
|
6859
6860
|
--tooltip-arrow-display:block;
|
|
@@ -6865,7 +6866,7 @@
|
|
|
6865
6866
|
--tooltip-backdrop-filter:none;
|
|
6866
6867
|
}
|
|
6867
6868
|
|
|
6868
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6869
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-modern=true]{
|
|
6869
6870
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6870
6871
|
--tooltip-offset:var(--bp-space-020);
|
|
6871
6872
|
--tooltip-arrow-display:none;
|
|
@@ -6877,7 +6878,7 @@
|
|
|
6877
6878
|
--tooltip-backdrop-filter:blur(16px);
|
|
6878
6879
|
}
|
|
6879
6880
|
|
|
6880
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6881
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c{
|
|
6881
6882
|
background-color:var(--tooltip-background-color);
|
|
6882
6883
|
border:var(--tooltip-border);
|
|
6883
6884
|
border-radius:var(--tooltip-radius);
|
|
@@ -6896,28 +6897,28 @@
|
|
|
6896
6897
|
word-break:break-word;
|
|
6897
6898
|
z-index:2147483647;
|
|
6898
6899
|
}
|
|
6899
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6900
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c .bp_base_grid_list_item_module_tooltipArrow--66d6c svg{
|
|
6900
6901
|
display:var(--tooltip-arrow-display);
|
|
6901
6902
|
height:.5rem;
|
|
6902
6903
|
width:1rem;
|
|
6903
6904
|
}
|
|
6904
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6905
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-placement=top]{
|
|
6905
6906
|
margin-block-end:var(--tooltip-offset);
|
|
6906
6907
|
}
|
|
6907
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6908
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--66d6c svg{
|
|
6908
6909
|
transform:rotate(180deg);
|
|
6909
6910
|
}
|
|
6910
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6911
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-placement=bottom]{
|
|
6911
6912
|
margin-block-start:var(--tooltip-offset);
|
|
6912
6913
|
}
|
|
6913
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6914
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-placement=right]{
|
|
6914
6915
|
margin-inline-start:var(--tooltip-offset);
|
|
6915
6916
|
}
|
|
6916
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6917
|
+
.bp_base_grid_list_item_module_tooltipContent--66d6c[data-placement=left]{
|
|
6917
6918
|
margin-inline-end:var(--tooltip-offset);
|
|
6918
6919
|
}
|
|
6919
6920
|
|
|
6920
|
-
.bp_base_grid_list_item_module_staticList--
|
|
6921
|
+
.bp_base_grid_list_item_module_staticList--66d6c .bp_base_grid_list_item_module_staticListItem--66d6c{
|
|
6921
6922
|
display:contents;
|
|
6922
6923
|
}
|
|
6923
6924
|
.bp_guided_tooltip_module_content--83fd8{
|
|
@@ -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--66d6c","smallListItem":"bp_base_grid_list_item_module_smallListItem--66d6c","header":"bp_base_grid_list_item_module_header--66d6c","subtitle":"bp_base_grid_list_item_module_subtitle--66d6c","loading":"bp_base_grid_list_item_module_loading--66d6c","thumbnail":"bp_base_grid_list_item_module_thumbnail--66d6c","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--66d6c","actions":"bp_base_grid_list_item_module_actions--66d6c","selection":"bp_base_grid_list_item_module_selection--66d6c","inner":"bp_base_grid_list_item_module_inner--66d6c","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--66d6c","largeList":"bp_base_grid_list_item_module_largeList--66d6c","largeListItem":"bp_base_grid_list_item_module_largeListItem--66d6c","fade":"bp_base_grid_list_item_module_fade--66d6c","description":"bp_base_grid_list_item_module_description--66d6c","snippet":"bp_base_grid_list_item_module_snippet--66d6c","snippetContent":"bp_base_grid_list_item_module_snippetContent--66d6c","gridList":"bp_base_grid_list_item_module_gridList--66d6c","gridListItem":"bp_base_grid_list_item_module_gridListItem--66d6c","statusPin":"bp_base_grid_list_item_module_statusPin--66d6c","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--66d6c","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--66d6c","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--66d6c","staticList":"bp_base_grid_list_item_module_staticList--66d6c","staticListItem":"bp_base_grid_list_item_module_staticListItem--66d6c"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "12.112.
|
|
3
|
+
"version": "12.112.3",
|
|
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.91.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.91.3",
|
|
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.15.
|
|
80
|
+
"@box/storybook-utils": "^0.15.3",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|