@box/blueprint-web 6.40.0 → 6.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib-esm/index.css
CHANGED
|
@@ -1261,7 +1261,7 @@
|
|
|
1261
1261
|
transform:translateY(0);
|
|
1262
1262
|
}
|
|
1263
1263
|
}
|
|
1264
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1264
|
+
.bp_base_grid_list_item_module_smallList--75b34{
|
|
1265
1265
|
box-sizing:border-box;
|
|
1266
1266
|
display:flex;
|
|
1267
1267
|
flex-direction:column;
|
|
@@ -1272,7 +1272,7 @@
|
|
|
1272
1272
|
padding:var(--space-1);
|
|
1273
1273
|
width:auto;
|
|
1274
1274
|
}
|
|
1275
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1275
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34{
|
|
1276
1276
|
--actions-opacity:0;
|
|
1277
1277
|
--thumbnail-size:var(--size-9);
|
|
1278
1278
|
--item-background:var(--surface-item-small-surface);
|
|
@@ -1291,11 +1291,11 @@
|
|
|
1291
1291
|
transform:translateZ(0);
|
|
1292
1292
|
width:auto;
|
|
1293
1293
|
}
|
|
1294
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1294
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1295
1295
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
1296
1296
|
grid-template-rows:100% 0;
|
|
1297
1297
|
}
|
|
1298
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1298
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34{
|
|
1299
1299
|
align-items:center;
|
|
1300
1300
|
aspect-ratio:1;
|
|
1301
1301
|
display:flex;
|
|
@@ -1304,19 +1304,19 @@
|
|
|
1304
1304
|
overflow:hidden;
|
|
1305
1305
|
z-index:1;
|
|
1306
1306
|
}
|
|
1307
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1307
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34 img,.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34 svg{
|
|
1308
1308
|
height:100%;
|
|
1309
1309
|
object-fit:cover;
|
|
1310
1310
|
object-position:left;
|
|
1311
1311
|
width:100%;
|
|
1312
1312
|
}
|
|
1313
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1313
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34.bp_base_grid_list_item_module_customSize--75b34 img,.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34.bp_base_grid_list_item_module_customSize--75b34 svg{
|
|
1314
1314
|
height:unset;
|
|
1315
1315
|
max-height:100%;
|
|
1316
1316
|
max-width:100%;
|
|
1317
1317
|
width:unset;
|
|
1318
1318
|
}
|
|
1319
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1319
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_header--75b34{
|
|
1320
1320
|
color:var(--text-text-on-light);
|
|
1321
1321
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1322
1322
|
font-size:.875rem;
|
|
@@ -1327,11 +1327,11 @@
|
|
|
1327
1327
|
text-decoration:none;
|
|
1328
1328
|
text-transform:none;
|
|
1329
1329
|
}
|
|
1330
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1330
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_header--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1331
1331
|
align-items:center;
|
|
1332
1332
|
display:flex;
|
|
1333
1333
|
}
|
|
1334
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1334
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_subtitle--75b34{
|
|
1335
1335
|
color:var(--text-text-on-light-secondary);
|
|
1336
1336
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1337
1337
|
font-size:.75rem;
|
|
@@ -1342,17 +1342,17 @@
|
|
|
1342
1342
|
text-decoration:none;
|
|
1343
1343
|
text-transform:none;
|
|
1344
1344
|
}
|
|
1345
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1345
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_header--75b34,.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_subtitle--75b34{
|
|
1346
1346
|
display:inline-block;
|
|
1347
1347
|
overflow:hidden;
|
|
1348
1348
|
text-overflow:ellipsis;
|
|
1349
1349
|
white-space:nowrap;
|
|
1350
1350
|
}
|
|
1351
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1351
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34:not(:has(.bp_base_grid_list_item_module_header--75b34)),.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34:not(:has(.bp_base_grid_list_item_module_subtitle--75b34)){
|
|
1352
1352
|
grid-template-rows:100% 0;
|
|
1353
1353
|
row-gap:0;
|
|
1354
1354
|
}
|
|
1355
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1355
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1356
1356
|
align-items:center;
|
|
1357
1357
|
display:flex;
|
|
1358
1358
|
grid-area:actions;
|
|
@@ -1362,11 +1362,11 @@
|
|
|
1362
1362
|
padding-right:0;
|
|
1363
1363
|
}
|
|
1364
1364
|
@media (pointer: coarse){
|
|
1365
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1365
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1366
1366
|
--actions-opacity:1;
|
|
1367
1367
|
}
|
|
1368
1368
|
}
|
|
1369
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1369
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34{
|
|
1370
1370
|
align-items:center;
|
|
1371
1371
|
background:var(--item-background);
|
|
1372
1372
|
border-radius:var(--radius-2);
|
|
@@ -1375,10 +1375,10 @@
|
|
|
1375
1375
|
justify-content:center;
|
|
1376
1376
|
width:var(--space-8);
|
|
1377
1377
|
}
|
|
1378
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1378
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34:hover{
|
|
1379
1379
|
background:var(--surface-cta-surface-icon-hover);
|
|
1380
1380
|
}
|
|
1381
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1381
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34{
|
|
1382
1382
|
align-items:center;
|
|
1383
1383
|
border-radius:var(--radius-2);
|
|
1384
1384
|
display:flex;
|
|
@@ -1386,18 +1386,18 @@
|
|
|
1386
1386
|
justify-content:flex-end;
|
|
1387
1387
|
margin-inline-end:var(--space-2);
|
|
1388
1388
|
}
|
|
1389
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1389
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34:last-child{
|
|
1390
1390
|
margin-inline-end:0;
|
|
1391
1391
|
}
|
|
1392
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1392
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_actionsCheckboxWrapper--75b34{
|
|
1393
1393
|
background:var(--item-hover);
|
|
1394
1394
|
display:flex;
|
|
1395
1395
|
}
|
|
1396
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1396
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34:hover,.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-active-item],.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-focus-visible],.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-focused],.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-hovered]{
|
|
1397
1397
|
--actions-opacity:1;
|
|
1398
1398
|
background:var(--item-hover);
|
|
1399
1399
|
}
|
|
1400
|
-
.bp_base_grid_list_item_module_smallList--
|
|
1400
|
+
.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-active-item]::before,.bp_base_grid_list_item_module_smallList--75b34 .bp_base_grid_list_item_module_smallListItem--75b34[data-focus-visible]::before{
|
|
1401
1401
|
--actions-opacity:1;
|
|
1402
1402
|
border-radius:.875rem;
|
|
1403
1403
|
content:"";
|
|
@@ -1411,7 +1411,7 @@
|
|
|
1411
1411
|
width:100%;
|
|
1412
1412
|
}
|
|
1413
1413
|
|
|
1414
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1414
|
+
.bp_base_grid_list_item_module_largeList--75b34{
|
|
1415
1415
|
box-sizing:border-box;
|
|
1416
1416
|
display:flex;
|
|
1417
1417
|
flex-direction:column;
|
|
@@ -1421,7 +1421,7 @@
|
|
|
1421
1421
|
overflow:auto;
|
|
1422
1422
|
padding:var(--space-1);
|
|
1423
1423
|
}
|
|
1424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1424
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34{
|
|
1425
1425
|
--thumbnail-size:10rem;
|
|
1426
1426
|
--actions-opacity:0;
|
|
1427
1427
|
--item-background:var(--gray-white);
|
|
@@ -1438,18 +1438,18 @@
|
|
|
1438
1438
|
position:relative;
|
|
1439
1439
|
transform:translateZ(0);
|
|
1440
1440
|
}
|
|
1441
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1441
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1442
1442
|
grid-template-rows:1fr 1fr 1fr;
|
|
1443
1443
|
}
|
|
1444
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1444
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34:focus-within{
|
|
1445
1445
|
--actions-opacity:1;
|
|
1446
1446
|
}
|
|
1447
1447
|
@media (max-width: 374px){
|
|
1448
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1448
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34{
|
|
1449
1449
|
--thumbnail-size:7.5rem;
|
|
1450
1450
|
}
|
|
1451
1451
|
}
|
|
1452
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1452
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34{
|
|
1453
1453
|
aspect-ratio:4/3;
|
|
1454
1454
|
border:var(--border-1) solid var(--gray-10);
|
|
1455
1455
|
border-radius:var(--radius-3);
|
|
@@ -1457,24 +1457,24 @@
|
|
|
1457
1457
|
overflow:hidden;
|
|
1458
1458
|
z-index:1;
|
|
1459
1459
|
}
|
|
1460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1460
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34 img{
|
|
1461
1461
|
height:100%;
|
|
1462
1462
|
object-fit:cover;
|
|
1463
1463
|
object-position:left;
|
|
1464
1464
|
width:100%;
|
|
1465
1465
|
}
|
|
1466
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1466
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1467
1467
|
border:none;
|
|
1468
1468
|
}
|
|
1469
1469
|
@media (max-width: 374px){
|
|
1470
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1470
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34{
|
|
1471
1471
|
aspect-ratio:1/1;
|
|
1472
1472
|
}
|
|
1473
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1473
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34 img{
|
|
1474
1474
|
object-fit:contain;
|
|
1475
1475
|
}
|
|
1476
1476
|
}
|
|
1477
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1477
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1478
1478
|
align-items:center;
|
|
1479
1479
|
display:flex;
|
|
1480
1480
|
height:var(--space-6);
|
|
@@ -1486,11 +1486,11 @@
|
|
|
1486
1486
|
top:.875rem;
|
|
1487
1487
|
}
|
|
1488
1488
|
@media (pointer: coarse){
|
|
1489
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1489
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1490
1490
|
--actions-opacity:1;
|
|
1491
1491
|
}
|
|
1492
1492
|
}
|
|
1493
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1493
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34{
|
|
1494
1494
|
align-items:center;
|
|
1495
1495
|
background:var(--item-background);
|
|
1496
1496
|
border-radius:var(--radius-2);
|
|
@@ -1499,15 +1499,15 @@
|
|
|
1499
1499
|
justify-content:center;
|
|
1500
1500
|
width:var(--space-8);
|
|
1501
1501
|
}
|
|
1502
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1502
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34:hover{
|
|
1503
1503
|
background:var(--surface-cta-surface-icon-hover);
|
|
1504
1504
|
}
|
|
1505
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1505
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_fade--75b34{
|
|
1506
1506
|
align-self:stretch;
|
|
1507
1507
|
background:linear-gradient(270deg, #fff 0, #fff0 100%);
|
|
1508
1508
|
width:var(--size-8);
|
|
1509
1509
|
}
|
|
1510
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1510
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34{
|
|
1511
1511
|
align-items:center;
|
|
1512
1512
|
background:var(--item-background);
|
|
1513
1513
|
border-radius:var(--radius-2);
|
|
@@ -1516,14 +1516,14 @@
|
|
|
1516
1516
|
justify-content:flex-end;
|
|
1517
1517
|
margin-inline-end:var(--space-2);
|
|
1518
1518
|
}
|
|
1519
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1519
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34:last-child{
|
|
1520
1520
|
margin-inline-end:0;
|
|
1521
1521
|
}
|
|
1522
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1522
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_actionsCheckboxWrapper--75b34{
|
|
1523
1523
|
background:var(--item-background);
|
|
1524
1524
|
display:flex;
|
|
1525
1525
|
}
|
|
1526
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1526
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_header--75b34{
|
|
1527
1527
|
align-items:center;
|
|
1528
1528
|
color:var(--text-text-on-light);
|
|
1529
1529
|
display:inline-flex;
|
|
@@ -1540,7 +1540,7 @@
|
|
|
1540
1540
|
text-transform:none;
|
|
1541
1541
|
white-space:nowrap;
|
|
1542
1542
|
}
|
|
1543
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1543
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_subtitle--75b34{
|
|
1544
1544
|
align-items:center;
|
|
1545
1545
|
color:var(--text-text-on-light-secondary);
|
|
1546
1546
|
display:flex;
|
|
@@ -1555,7 +1555,7 @@
|
|
|
1555
1555
|
text-transform:none;
|
|
1556
1556
|
white-space:nowrap;
|
|
1557
1557
|
}
|
|
1558
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1558
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_description--75b34{
|
|
1559
1559
|
-webkit-box-orient:vertical;
|
|
1560
1560
|
-webkit-line-clamp:3;
|
|
1561
1561
|
color:var(--text-text-on-light);
|
|
@@ -1573,13 +1573,13 @@
|
|
|
1573
1573
|
text-decoration:none;
|
|
1574
1574
|
text-transform:none;
|
|
1575
1575
|
}
|
|
1576
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1576
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_snippet--75b34{
|
|
1577
1577
|
grid-area:description;
|
|
1578
1578
|
margin:0;
|
|
1579
1579
|
margin-block-end:var(--space-1);
|
|
1580
1580
|
margin-block-start:var(--space-3);
|
|
1581
1581
|
}
|
|
1582
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1582
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34 .bp_base_grid_list_item_module_snippet--75b34 .bp_base_grid_list_item_module_snippetContent--75b34{
|
|
1583
1583
|
-webkit-box-orient:vertical;
|
|
1584
1584
|
-webkit-line-clamp:2;
|
|
1585
1585
|
border:0 0 0 var(--space-05);
|
|
@@ -1598,12 +1598,12 @@
|
|
|
1598
1598
|
text-decoration:none;
|
|
1599
1599
|
text-transform:none;
|
|
1600
1600
|
}
|
|
1601
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1601
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34:hover,.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-active-item],.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-focus-visible],.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-focused],.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-hovered]{
|
|
1602
1602
|
--actions-opacity:1;
|
|
1603
1603
|
box-shadow:var(--dropshadow-2);
|
|
1604
1604
|
outline:var(--border-1) solid var(--border-card-border);
|
|
1605
1605
|
}
|
|
1606
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1606
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-active-item]::before,.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[data-focus-visible]::before{
|
|
1607
1607
|
border-radius:.875rem;
|
|
1608
1608
|
content:"";
|
|
1609
1609
|
display:block;
|
|
@@ -1615,31 +1615,31 @@
|
|
|
1615
1615
|
top:0;
|
|
1616
1616
|
width:100%;
|
|
1617
1617
|
}
|
|
1618
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1618
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true]{
|
|
1619
1619
|
--actions-opacity:1;
|
|
1620
1620
|
--item-background:var(--box-blue-05);
|
|
1621
1621
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
1622
1622
|
z-index:2;
|
|
1623
1623
|
}
|
|
1624
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1624
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true] .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_fade--75b34{
|
|
1625
1625
|
background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
|
|
1626
1626
|
}
|
|
1627
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1627
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34{
|
|
1628
1628
|
display:none;
|
|
1629
1629
|
}
|
|
1630
1630
|
@supports selector(:has(.foo)){
|
|
1631
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1631
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--75b34 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true]:has(+ [aria-selected=true]){
|
|
1632
1632
|
border-end-end-radius:0;
|
|
1633
1633
|
border-end-start-radius:0;
|
|
1634
1634
|
}
|
|
1635
|
-
.bp_base_grid_list_item_module_largeList--
|
|
1635
|
+
.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--75b34 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--75b34 .bp_base_grid_list_item_module_largeListItem--75b34[aria-selected=true] + [aria-selected=true]{
|
|
1636
1636
|
border-start-end-radius:0;
|
|
1637
1637
|
border-start-start-radius:0;
|
|
1638
1638
|
border-top:none;
|
|
1639
1639
|
}
|
|
1640
1640
|
}
|
|
1641
1641
|
|
|
1642
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1642
|
+
.bp_base_grid_list_item_module_gridList--75b34{
|
|
1643
1643
|
box-sizing:border-box;
|
|
1644
1644
|
display:grid;
|
|
1645
1645
|
gap:var(--space-2);
|
|
@@ -1649,7 +1649,7 @@
|
|
|
1649
1649
|
overflow:auto;
|
|
1650
1650
|
padding:var(--space-1);
|
|
1651
1651
|
}
|
|
1652
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1652
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34{
|
|
1653
1653
|
--actions-opacity:0;
|
|
1654
1654
|
--item-background:var(--gray-white);
|
|
1655
1655
|
--row-gap:var(--space-2);
|
|
@@ -1667,15 +1667,15 @@
|
|
|
1667
1667
|
row-gap:var(--row-gap);
|
|
1668
1668
|
transform:translateZ(0);
|
|
1669
1669
|
}
|
|
1670
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1670
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34:focus-within{
|
|
1671
1671
|
--actions-opacity:1;
|
|
1672
1672
|
}
|
|
1673
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1673
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_statusPin--75b34{
|
|
1674
1674
|
left:var(--space-3);
|
|
1675
1675
|
position:absolute;
|
|
1676
1676
|
top:var(--space-3);
|
|
1677
1677
|
}
|
|
1678
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1678
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34{
|
|
1679
1679
|
aspect-ratio:4/3;
|
|
1680
1680
|
background:var(--gray-white);
|
|
1681
1681
|
border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
@@ -1683,25 +1683,25 @@
|
|
|
1683
1683
|
grid-area:thumbnail;
|
|
1684
1684
|
overflow:hidden;
|
|
1685
1685
|
}
|
|
1686
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1686
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34 img{
|
|
1687
1687
|
height:100%;
|
|
1688
1688
|
object-fit:contain;
|
|
1689
1689
|
width:100%;
|
|
1690
1690
|
}
|
|
1691
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1691
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1692
1692
|
border:none;
|
|
1693
1693
|
}
|
|
1694
1694
|
@media (pointer: coarse){
|
|
1695
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1695
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_thumbnail--75b34{
|
|
1696
1696
|
margin-block-end:var(--space-1);
|
|
1697
1697
|
}
|
|
1698
1698
|
}
|
|
1699
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1699
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1700
1700
|
grid-area:subtitle;
|
|
1701
1701
|
margin-block-start:-.25rem;
|
|
1702
1702
|
opacity:var(--actions-opacity);
|
|
1703
1703
|
}
|
|
1704
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1704
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34{
|
|
1705
1705
|
align-items:center;
|
|
1706
1706
|
border-radius:var(--radius-2);
|
|
1707
1707
|
display:flex;
|
|
@@ -1712,10 +1712,10 @@
|
|
|
1712
1712
|
top:var(--space-2);
|
|
1713
1713
|
width:var(--space-8);
|
|
1714
1714
|
}
|
|
1715
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1715
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_selection--75b34:hover{
|
|
1716
1716
|
background:var(--surface-cta-surface-icon-hover);
|
|
1717
1717
|
}
|
|
1718
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1718
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34{
|
|
1719
1719
|
align-items:center;
|
|
1720
1720
|
background:var(--item-background);
|
|
1721
1721
|
border-radius:var(--radius-2);
|
|
@@ -1724,12 +1724,12 @@
|
|
|
1724
1724
|
justify-content:center;
|
|
1725
1725
|
}
|
|
1726
1726
|
@media (pointer: coarse){
|
|
1727
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1727
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_actions--75b34{
|
|
1728
1728
|
grid-area:actions;
|
|
1729
1729
|
margin-block-start:0;
|
|
1730
1730
|
}
|
|
1731
1731
|
}
|
|
1732
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1732
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_header--75b34{
|
|
1733
1733
|
-webkit-box-orient:vertical;
|
|
1734
1734
|
-webkit-line-clamp:2;
|
|
1735
1735
|
color:var(--text-text-on-light);
|
|
@@ -1746,11 +1746,11 @@
|
|
|
1746
1746
|
text-decoration:none;
|
|
1747
1747
|
text-transform:none;
|
|
1748
1748
|
}
|
|
1749
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1749
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_header--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1750
1750
|
align-items:center;
|
|
1751
1751
|
display:flex;
|
|
1752
1752
|
}
|
|
1753
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1753
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_subtitle--75b34{
|
|
1754
1754
|
color:var(--text-text-on-light-secondary);
|
|
1755
1755
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1756
1756
|
font-size:.75rem;
|
|
@@ -1766,15 +1766,15 @@
|
|
|
1766
1766
|
text-transform:none;
|
|
1767
1767
|
white-space:nowrap;
|
|
1768
1768
|
}
|
|
1769
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1769
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34 .bp_base_grid_list_item_module_subtitle--75b34.bp_base_grid_list_item_module_loading--75b34{
|
|
1770
1770
|
height:1.25rem;
|
|
1771
1771
|
}
|
|
1772
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1772
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34.bp_base_grid_list_item_module_isItemInteracted--75b34,.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34:hover,.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-active-item],.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-focus-visible],.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-focused],.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-hovered]{
|
|
1773
1773
|
--actions-opacity:1;
|
|
1774
1774
|
box-shadow:var(--dropshadow-2);
|
|
1775
1775
|
outline:var(--border-1) solid var(--border-card-border);
|
|
1776
1776
|
}
|
|
1777
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1777
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-active-item]::before,.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-focus-visible]::before{
|
|
1778
1778
|
border-radius:var(--radius-3);
|
|
1779
1779
|
content:"";
|
|
1780
1780
|
display:block;
|
|
@@ -1786,7 +1786,7 @@
|
|
|
1786
1786
|
top:0;
|
|
1787
1787
|
width:100%;
|
|
1788
1788
|
}
|
|
1789
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1789
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-active-item]::after,.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[data-focus-visible]::after{
|
|
1790
1790
|
border-radius:var(--radius-3);
|
|
1791
1791
|
content:"";
|
|
1792
1792
|
display:block;
|
|
@@ -1798,16 +1798,16 @@
|
|
|
1798
1798
|
top:0;
|
|
1799
1799
|
width:100%;
|
|
1800
1800
|
}
|
|
1801
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1801
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[aria-selected=true]{
|
|
1802
1802
|
--actions-opacity:1;
|
|
1803
1803
|
--item-background:var(--box-blue-05);
|
|
1804
1804
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
1805
1805
|
}
|
|
1806
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1806
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--75b34) .bp_base_grid_list_item_module_actions--75b34 .bp_base_grid_list_item_module_inner--75b34{
|
|
1807
1807
|
opacity:0;
|
|
1808
1808
|
}
|
|
1809
1809
|
@media (pointer: coarse){
|
|
1810
|
-
.bp_base_grid_list_item_module_gridList--
|
|
1810
|
+
.bp_base_grid_list_item_module_gridList--75b34 .bp_base_grid_list_item_module_gridListItem--75b34{
|
|
1811
1811
|
--row-gap:var(--space-1);
|
|
1812
1812
|
--actions-opacity:1;
|
|
1813
1813
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -1815,7 +1815,7 @@
|
|
|
1815
1815
|
}
|
|
1816
1816
|
}
|
|
1817
1817
|
|
|
1818
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1818
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34{
|
|
1819
1819
|
background-color:var(--surface-tooltip-surface);
|
|
1820
1820
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
1821
1821
|
border-radius:var(--radius-1);
|
|
@@ -1833,28 +1833,28 @@
|
|
|
1833
1833
|
word-break:break-word;
|
|
1834
1834
|
z-index:2147483647;
|
|
1835
1835
|
}
|
|
1836
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1836
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34 .bp_base_grid_list_item_module_tooltipArrow--75b34 svg{
|
|
1837
1837
|
display:block;
|
|
1838
1838
|
height:.5rem;
|
|
1839
1839
|
width:1rem;
|
|
1840
1840
|
}
|
|
1841
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1841
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34[data-placement=top]{
|
|
1842
1842
|
margin-block-end:var(--space-2);
|
|
1843
1843
|
}
|
|
1844
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1844
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--75b34 svg{
|
|
1845
1845
|
transform:rotate(180deg);
|
|
1846
1846
|
}
|
|
1847
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1847
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34[data-placement=bottom]{
|
|
1848
1848
|
margin-block-start:var(--space-2);
|
|
1849
1849
|
}
|
|
1850
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1850
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34[data-placement=right]{
|
|
1851
1851
|
margin-inline-start:var(--space-2);
|
|
1852
1852
|
}
|
|
1853
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
1853
|
+
.bp_base_grid_list_item_module_tooltipContent--75b34[data-placement=left]{
|
|
1854
1854
|
margin-inline-end:var(--space-2);
|
|
1855
1855
|
}
|
|
1856
1856
|
|
|
1857
|
-
.bp_base_grid_list_item_module_staticList--
|
|
1857
|
+
.bp_base_grid_list_item_module_staticList--75b34 .bp_base_grid_list_item_module_staticListItem--75b34{
|
|
1858
1858
|
display:contents;
|
|
1859
1859
|
}
|
|
1860
1860
|
.bp_list_checkbox_module_selection--d79fa{
|
|
@@ -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--75b34","smallListItem":"bp_base_grid_list_item_module_smallListItem--75b34","loading":"bp_base_grid_list_item_module_loading--75b34","thumbnail":"bp_base_grid_list_item_module_thumbnail--75b34","customSize":"bp_base_grid_list_item_module_customSize--75b34","header":"bp_base_grid_list_item_module_header--75b34","subtitle":"bp_base_grid_list_item_module_subtitle--75b34","actions":"bp_base_grid_list_item_module_actions--75b34","selection":"bp_base_grid_list_item_module_selection--75b34","inner":"bp_base_grid_list_item_module_inner--75b34","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--75b34","largeList":"bp_base_grid_list_item_module_largeList--75b34","largeListItem":"bp_base_grid_list_item_module_largeListItem--75b34","fade":"bp_base_grid_list_item_module_fade--75b34","description":"bp_base_grid_list_item_module_description--75b34","snippet":"bp_base_grid_list_item_module_snippet--75b34","snippetContent":"bp_base_grid_list_item_module_snippetContent--75b34","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--75b34","gridList":"bp_base_grid_list_item_module_gridList--75b34","gridListItem":"bp_base_grid_list_item_module_gridListItem--75b34","statusPin":"bp_base_grid_list_item_module_statusPin--75b34","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--75b34","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--75b34","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--75b34","staticList":"bp_base_grid_list_item_module_staticList--75b34","staticListItem":"bp_base_grid_list_item_module_staticListItem--75b34"};
|
|
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": "6.
|
|
3
|
+
"version": "6.41.0",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@box/storybook-utils": "^0.0.7"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "69eb7fb3d9f4483628a465041f454b19300500c2",
|
|
61
61
|
"module": "lib-esm/index.js",
|
|
62
62
|
"main": "lib-esm/index.js",
|
|
63
63
|
"exports": {
|