@box/blueprint-web 7.1.1 → 7.2.1

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
@@ -1283,18 +1283,18 @@
1283
1283
  height:var(--border-1);
1284
1284
  margin-block:var(--space-2);
1285
1285
  }
1286
- .bp_base_grid_list_item_module_smallList--7983b{
1286
+ .bp_base_grid_list_item_module_smallList--17725{
1287
1287
  box-sizing:border-box;
1288
- display:flex;
1289
- flex-direction:column;
1288
+ display:grid;
1290
1289
  gap:var(--space-2);
1290
+ grid-auto-flow:row;
1291
1291
  height:inherit;
1292
1292
  outline:none;
1293
1293
  overflow:auto;
1294
1294
  padding:var(--space-1);
1295
1295
  width:auto;
1296
1296
  }
1297
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b{
1297
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725{
1298
1298
  --actions-opacity:0;
1299
1299
  --thumbnail-size:var(--size-9);
1300
1300
  --item-background:var(--surface-item-small-surface);
@@ -1313,11 +1313,11 @@
1313
1313
  transform:translateZ(0);
1314
1314
  width:auto;
1315
1315
  }
1316
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b.bp_base_grid_list_item_module_loading--7983b{
1316
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725.bp_base_grid_list_item_module_loading--17725{
1317
1317
  grid-template-columns:var(--thumbnail-size) auto 0;
1318
1318
  grid-template-rows:100% 0;
1319
1319
  }
1320
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b{
1320
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
1321
1321
  align-items:center;
1322
1322
  aspect-ratio:1;
1323
1323
  display:flex;
@@ -1326,19 +1326,19 @@
1326
1326
  overflow:hidden;
1327
1327
  z-index:1;
1328
1328
  }
1329
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b img,.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b svg{
1329
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 svg{
1330
1330
  height:100%;
1331
1331
  object-fit:cover;
1332
1332
  object-position:left;
1333
1333
  width:100%;
1334
1334
  }
1335
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b.bp_base_grid_list_item_module_customSize--7983b img,.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b.bp_base_grid_list_item_module_customSize--7983b svg{
1335
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 img,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_customSize--17725 svg{
1336
1336
  height:unset;
1337
1337
  max-height:100%;
1338
1338
  max-width:100%;
1339
1339
  width:unset;
1340
1340
  }
1341
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_header--7983b{
1341
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725{
1342
1342
  color:var(--text-text-on-light);
1343
1343
  font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
1344
1344
  font-size:.875rem;
@@ -1349,11 +1349,11 @@
1349
1349
  text-decoration:none;
1350
1350
  text-transform:none;
1351
1351
  }
1352
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_header--7983b.bp_base_grid_list_item_module_loading--7983b{
1352
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
1353
1353
  align-items:center;
1354
1354
  display:flex;
1355
1355
  }
1356
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_subtitle--7983b{
1356
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
1357
1357
  color:var(--text-text-on-light-secondary);
1358
1358
  font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
1359
1359
  font-size:.75rem;
@@ -1364,17 +1364,17 @@
1364
1364
  text-decoration:none;
1365
1365
  text-transform:none;
1366
1366
  }
1367
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_header--7983b,.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_subtitle--7983b{
1367
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_header--17725,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
1368
1368
  display:inline-block;
1369
1369
  overflow:hidden;
1370
1370
  text-overflow:ellipsis;
1371
1371
  white-space:nowrap;
1372
1372
  }
1373
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b:not(:has(.bp_base_grid_list_item_module_header--7983b)),.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b:not(:has(.bp_base_grid_list_item_module_subtitle--7983b)){
1373
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_header--17725)),.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:not(:has(.bp_base_grid_list_item_module_subtitle--17725)){
1374
1374
  grid-template-rows:100% 0;
1375
1375
  row-gap:0;
1376
1376
  }
1377
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1377
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1378
1378
  align-items:center;
1379
1379
  display:flex;
1380
1380
  grid-area:actions;
@@ -1384,11 +1384,11 @@
1384
1384
  padding-right:0;
1385
1385
  }
1386
1386
  @media (pointer: coarse){
1387
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1387
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1388
1388
  --actions-opacity:1;
1389
1389
  }
1390
1390
  }
1391
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b{
1391
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
1392
1392
  align-items:center;
1393
1393
  background:var(--item-background);
1394
1394
  border-radius:var(--radius-2);
@@ -1397,10 +1397,10 @@
1397
1397
  justify-content:center;
1398
1398
  width:var(--space-8);
1399
1399
  }
1400
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b:hover{
1400
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
1401
1401
  background:var(--surface-cta-surface-icon-hover);
1402
1402
  }
1403
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b{
1403
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
1404
1404
  align-items:center;
1405
1405
  border-radius:var(--radius-2);
1406
1406
  display:flex;
@@ -1408,18 +1408,18 @@
1408
1408
  justify-content:flex-end;
1409
1409
  margin-inline-end:var(--space-2);
1410
1410
  }
1411
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b:last-child{
1411
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
1412
1412
  margin-inline-end:0;
1413
1413
  }
1414
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_actionsCheckboxWrapper--7983b{
1414
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
1415
1415
  background:var(--item-hover);
1416
1416
  display:flex;
1417
1417
  }
1418
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b:hover,.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-active-item],.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-focus-visible],.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-focused],.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-hovered]{
1418
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725:hover,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focused],.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-hovered]{
1419
1419
  --actions-opacity:1;
1420
1420
  background:var(--item-hover);
1421
1421
  }
1422
- .bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-active-item]::before,.bp_base_grid_list_item_module_smallList--7983b .bp_base_grid_list_item_module_smallListItem--7983b[data-focus-visible]::before{
1422
+ .bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_smallList--17725 .bp_base_grid_list_item_module_smallListItem--17725[data-focus-visible]::before{
1423
1423
  --actions-opacity:1;
1424
1424
  border-radius:.875rem;
1425
1425
  content:"";
@@ -1433,7 +1433,7 @@
1433
1433
  width:100%;
1434
1434
  }
1435
1435
 
1436
- .bp_base_grid_list_item_module_largeList--7983b{
1436
+ .bp_base_grid_list_item_module_largeList--17725{
1437
1437
  box-sizing:border-box;
1438
1438
  display:flex;
1439
1439
  flex-direction:column;
@@ -1443,7 +1443,7 @@
1443
1443
  overflow:auto;
1444
1444
  padding:var(--space-1);
1445
1445
  }
1446
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b{
1446
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
1447
1447
  --thumbnail-size:10rem;
1448
1448
  --actions-opacity:0;
1449
1449
  --item-background:var(--gray-white);
@@ -1460,18 +1460,18 @@
1460
1460
  position:relative;
1461
1461
  transform:translateZ(0);
1462
1462
  }
1463
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b.bp_base_grid_list_item_module_loading--7983b{
1463
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725.bp_base_grid_list_item_module_loading--17725{
1464
1464
  grid-template-rows:1fr 1fr 1fr;
1465
1465
  }
1466
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b:focus-within{
1466
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:focus-within{
1467
1467
  --actions-opacity:1;
1468
1468
  }
1469
1469
  @media (max-width: 374px){
1470
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b{
1470
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725{
1471
1471
  --thumbnail-size:7.5rem;
1472
1472
  }
1473
1473
  }
1474
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b{
1474
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
1475
1475
  aspect-ratio:4/3;
1476
1476
  border:var(--border-1) solid var(--gray-10);
1477
1477
  border-radius:var(--radius-3);
@@ -1479,24 +1479,24 @@
1479
1479
  overflow:hidden;
1480
1480
  z-index:1;
1481
1481
  }
1482
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b img{
1482
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
1483
1483
  height:100%;
1484
1484
  object-fit:cover;
1485
1485
  object-position:left;
1486
1486
  width:100%;
1487
1487
  }
1488
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b.bp_base_grid_list_item_module_loading--7983b{
1488
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
1489
1489
  border:none;
1490
1490
  }
1491
1491
  @media (max-width: 374px){
1492
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b{
1492
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
1493
1493
  aspect-ratio:1/1;
1494
1494
  }
1495
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b img{
1495
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
1496
1496
  object-fit:contain;
1497
1497
  }
1498
1498
  }
1499
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1499
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1500
1500
  align-items:center;
1501
1501
  display:flex;
1502
1502
  height:var(--space-6);
@@ -1508,11 +1508,11 @@
1508
1508
  top:.875rem;
1509
1509
  }
1510
1510
  @media (pointer: coarse){
1511
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1511
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1512
1512
  --actions-opacity:1;
1513
1513
  }
1514
1514
  }
1515
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b{
1515
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
1516
1516
  align-items:center;
1517
1517
  background:var(--item-background);
1518
1518
  border-radius:var(--radius-2);
@@ -1521,15 +1521,15 @@
1521
1521
  justify-content:center;
1522
1522
  width:var(--space-8);
1523
1523
  }
1524
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b:hover{
1524
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
1525
1525
  background:var(--surface-cta-surface-icon-hover);
1526
1526
  }
1527
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_fade--7983b{
1527
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
1528
1528
  align-self:stretch;
1529
1529
  background:linear-gradient(270deg, #fff 0, #fff0 100%);
1530
1530
  width:var(--size-8);
1531
1531
  }
1532
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b{
1532
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
1533
1533
  align-items:center;
1534
1534
  background:var(--item-background);
1535
1535
  border-radius:var(--radius-2);
@@ -1538,14 +1538,14 @@
1538
1538
  justify-content:flex-end;
1539
1539
  margin-inline-end:var(--space-2);
1540
1540
  }
1541
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b:last-child{
1541
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725:last-child{
1542
1542
  margin-inline-end:0;
1543
1543
  }
1544
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_actionsCheckboxWrapper--7983b{
1544
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17725{
1545
1545
  background:var(--item-background);
1546
1546
  display:flex;
1547
1547
  }
1548
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_header--7983b{
1548
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_header--17725{
1549
1549
  align-items:center;
1550
1550
  color:var(--text-text-on-light);
1551
1551
  display:inline-flex;
@@ -1562,7 +1562,7 @@
1562
1562
  text-transform:none;
1563
1563
  white-space:nowrap;
1564
1564
  }
1565
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_subtitle--7983b{
1565
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
1566
1566
  align-items:center;
1567
1567
  color:var(--text-text-on-light-secondary);
1568
1568
  display:flex;
@@ -1577,7 +1577,7 @@
1577
1577
  text-transform:none;
1578
1578
  white-space:nowrap;
1579
1579
  }
1580
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_description--7983b{
1580
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_description--17725{
1581
1581
  -webkit-box-orient:vertical;
1582
1582
  -webkit-line-clamp:3;
1583
1583
  color:var(--text-text-on-light);
@@ -1595,13 +1595,13 @@
1595
1595
  text-decoration:none;
1596
1596
  text-transform:none;
1597
1597
  }
1598
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_snippet--7983b{
1598
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725{
1599
1599
  grid-area:description;
1600
1600
  margin:0;
1601
1601
  margin-block-end:var(--space-1);
1602
1602
  margin-block-start:var(--space-3);
1603
1603
  }
1604
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b .bp_base_grid_list_item_module_snippet--7983b .bp_base_grid_list_item_module_snippetContent--7983b{
1604
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725 .bp_base_grid_list_item_module_snippet--17725 .bp_base_grid_list_item_module_snippetContent--17725{
1605
1605
  -webkit-box-orient:vertical;
1606
1606
  -webkit-line-clamp:2;
1607
1607
  border:0 0 0 var(--space-05);
@@ -1620,12 +1620,12 @@
1620
1620
  text-decoration:none;
1621
1621
  text-transform:none;
1622
1622
  }
1623
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b:hover,.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-active-item],.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-focus-visible],.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-focused],.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-hovered]{
1623
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725:hover,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focused],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-hovered]{
1624
1624
  --actions-opacity:1;
1625
1625
  box-shadow:var(--dropshadow-2);
1626
1626
  outline:var(--border-1) solid var(--border-card-border);
1627
1627
  }
1628
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-active-item]::before,.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[data-focus-visible]::before{
1628
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[data-focus-visible]::before{
1629
1629
  border-radius:.875rem;
1630
1630
  content:"";
1631
1631
  display:block;
@@ -1637,31 +1637,31 @@
1637
1637
  top:0;
1638
1638
  width:100%;
1639
1639
  }
1640
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true]{
1640
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]{
1641
1641
  --actions-opacity:1;
1642
1642
  --item-background:var(--box-blue-05);
1643
1643
  outline:var(--border-2) solid var(--border-card-border-focus);
1644
1644
  z-index:2;
1645
1645
  }
1646
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true] .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_fade--7983b{
1646
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_fade--17725{
1647
1647
  background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
1648
1648
  }
1649
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b{
1649
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
1650
1650
  display:none;
1651
1651
  }
1652
1652
  @supports selector(:has(.foo)){
1653
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--7983b + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true]:has(+ [aria-selected=true]){
1653
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true]:has(+ [aria-selected=true]){
1654
1654
  border-end-end-radius:0;
1655
1655
  border-end-start-radius:0;
1656
1656
  }
1657
- .bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--7983b + [aria-selected=true],.bp_base_grid_list_item_module_largeList--7983b .bp_base_grid_list_item_module_largeListItem--7983b[aria-selected=true] + [aria-selected=true]{
1657
+ .bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--17725 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--17725 .bp_base_grid_list_item_module_largeListItem--17725[aria-selected=true] + [aria-selected=true]{
1658
1658
  border-start-end-radius:0;
1659
1659
  border-start-start-radius:0;
1660
1660
  border-top:none;
1661
1661
  }
1662
1662
  }
1663
1663
 
1664
- .bp_base_grid_list_item_module_gridList--7983b{
1664
+ .bp_base_grid_list_item_module_gridList--17725{
1665
1665
  box-sizing:border-box;
1666
1666
  display:grid;
1667
1667
  gap:var(--space-2);
@@ -1671,7 +1671,7 @@
1671
1671
  overflow:auto;
1672
1672
  padding:var(--space-1);
1673
1673
  }
1674
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b{
1674
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
1675
1675
  --actions-opacity:0;
1676
1676
  --item-background:var(--gray-white);
1677
1677
  --row-gap:var(--space-2);
@@ -1689,15 +1689,15 @@
1689
1689
  row-gap:var(--row-gap);
1690
1690
  transform:translateZ(0);
1691
1691
  }
1692
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b:focus-within{
1692
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:focus-within{
1693
1693
  --actions-opacity:1;
1694
1694
  }
1695
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_statusPin--7983b{
1695
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_statusPin--17725{
1696
1696
  left:var(--space-3);
1697
1697
  position:absolute;
1698
1698
  top:var(--space-3);
1699
1699
  }
1700
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b{
1700
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
1701
1701
  aspect-ratio:4/3;
1702
1702
  background:var(--gray-white);
1703
1703
  border:var(--border-1) solid var(--border-gridthumbnail-border);
@@ -1705,25 +1705,25 @@
1705
1705
  grid-area:thumbnail;
1706
1706
  overflow:hidden;
1707
1707
  }
1708
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b img{
1708
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725 img{
1709
1709
  height:100%;
1710
1710
  object-fit:contain;
1711
1711
  width:100%;
1712
1712
  }
1713
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b.bp_base_grid_list_item_module_loading--7983b{
1713
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725.bp_base_grid_list_item_module_loading--17725{
1714
1714
  border:none;
1715
1715
  }
1716
1716
  @media (pointer: coarse){
1717
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_thumbnail--7983b{
1717
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_thumbnail--17725{
1718
1718
  margin-block-end:var(--space-1);
1719
1719
  }
1720
1720
  }
1721
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1721
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1722
1722
  grid-area:subtitle;
1723
1723
  margin-block-start:-.25rem;
1724
1724
  opacity:var(--actions-opacity);
1725
1725
  }
1726
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b{
1726
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725{
1727
1727
  align-items:center;
1728
1728
  border-radius:var(--radius-2);
1729
1729
  display:flex;
@@ -1734,10 +1734,10 @@
1734
1734
  top:var(--space-2);
1735
1735
  width:var(--space-8);
1736
1736
  }
1737
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_selection--7983b:hover{
1737
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_selection--17725:hover{
1738
1738
  background:var(--surface-cta-surface-icon-hover);
1739
1739
  }
1740
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b{
1740
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
1741
1741
  align-items:center;
1742
1742
  background:var(--item-background);
1743
1743
  border-radius:var(--radius-2);
@@ -1746,12 +1746,12 @@
1746
1746
  justify-content:center;
1747
1747
  }
1748
1748
  @media (pointer: coarse){
1749
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_actions--7983b{
1749
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_actions--17725{
1750
1750
  grid-area:actions;
1751
1751
  margin-block-start:0;
1752
1752
  }
1753
1753
  }
1754
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_header--7983b{
1754
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725{
1755
1755
  -webkit-box-orient:vertical;
1756
1756
  -webkit-line-clamp:2;
1757
1757
  color:var(--text-text-on-light);
@@ -1768,11 +1768,11 @@
1768
1768
  text-decoration:none;
1769
1769
  text-transform:none;
1770
1770
  }
1771
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_header--7983b.bp_base_grid_list_item_module_loading--7983b{
1771
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_header--17725.bp_base_grid_list_item_module_loading--17725{
1772
1772
  align-items:center;
1773
1773
  display:flex;
1774
1774
  }
1775
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_subtitle--7983b{
1775
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725{
1776
1776
  color:var(--text-text-on-light-secondary);
1777
1777
  font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
1778
1778
  font-size:.75rem;
@@ -1788,15 +1788,15 @@
1788
1788
  text-transform:none;
1789
1789
  white-space:nowrap;
1790
1790
  }
1791
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b .bp_base_grid_list_item_module_subtitle--7983b.bp_base_grid_list_item_module_loading--7983b{
1791
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725 .bp_base_grid_list_item_module_subtitle--17725.bp_base_grid_list_item_module_loading--17725{
1792
1792
  height:1.25rem;
1793
1793
  }
1794
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b.bp_base_grid_list_item_module_isItemInteracted--7983b,.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b:hover,.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-active-item],.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-focus-visible],.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-focused],.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-hovered]{
1794
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725.bp_base_grid_list_item_module_isItemInteracted--17725,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725:hover,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focused],.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-hovered]{
1795
1795
  --actions-opacity:1;
1796
1796
  box-shadow:var(--dropshadow-2);
1797
1797
  outline:var(--border-1) solid var(--border-card-border);
1798
1798
  }
1799
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-active-item]::before,.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-focus-visible]::before{
1799
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::before,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::before{
1800
1800
  border-radius:var(--radius-3);
1801
1801
  content:"";
1802
1802
  display:block;
@@ -1808,7 +1808,7 @@
1808
1808
  top:0;
1809
1809
  width:100%;
1810
1810
  }
1811
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-active-item]::after,.bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[data-focus-visible]::after{
1811
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-active-item]::after,.bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[data-focus-visible]::after{
1812
1812
  border-radius:var(--radius-3);
1813
1813
  content:"";
1814
1814
  display:block;
@@ -1820,16 +1820,16 @@
1820
1820
  top:0;
1821
1821
  width:100%;
1822
1822
  }
1823
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[aria-selected=true]{
1823
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]{
1824
1824
  --actions-opacity:1;
1825
1825
  --item-background:var(--box-blue-05);
1826
1826
  outline:var(--border-2) solid var(--border-card-border-focus);
1827
1827
  }
1828
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--7983b) .bp_base_grid_list_item_module_actions--7983b .bp_base_grid_list_item_module_inner--7983b{
1828
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--17725) .bp_base_grid_list_item_module_actions--17725 .bp_base_grid_list_item_module_inner--17725{
1829
1829
  opacity:0;
1830
1830
  }
1831
1831
  @media (pointer: coarse){
1832
- .bp_base_grid_list_item_module_gridList--7983b .bp_base_grid_list_item_module_gridListItem--7983b{
1832
+ .bp_base_grid_list_item_module_gridList--17725 .bp_base_grid_list_item_module_gridListItem--17725{
1833
1833
  --row-gap:var(--space-1);
1834
1834
  --actions-opacity:1;
1835
1835
  grid-template-areas:"thumbnail" "head" "subtitle" "actions";
@@ -1837,7 +1837,7 @@
1837
1837
  }
1838
1838
  }
1839
1839
 
1840
- .bp_base_grid_list_item_module_tooltipContent--7983b{
1840
+ .bp_base_grid_list_item_module_tooltipContent--17725{
1841
1841
  background-color:var(--surface-tooltip-surface);
1842
1842
  border:var(--border-1) solid var(--surface-tooltip-surface);
1843
1843
  border-radius:var(--radius-1);
@@ -1855,28 +1855,28 @@
1855
1855
  word-break:break-word;
1856
1856
  z-index:2147483647;
1857
1857
  }
1858
- .bp_base_grid_list_item_module_tooltipContent--7983b .bp_base_grid_list_item_module_tooltipArrow--7983b svg{
1858
+ .bp_base_grid_list_item_module_tooltipContent--17725 .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
1859
1859
  display:block;
1860
1860
  height:.5rem;
1861
1861
  width:1rem;
1862
1862
  }
1863
- .bp_base_grid_list_item_module_tooltipContent--7983b[data-placement=top]{
1863
+ .bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top]{
1864
1864
  margin-block-end:var(--space-2);
1865
1865
  }
1866
- .bp_base_grid_list_item_module_tooltipContent--7983b[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--7983b svg{
1866
+ .bp_base_grid_list_item_module_tooltipContent--17725[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--17725 svg{
1867
1867
  transform:rotate(180deg);
1868
1868
  }
1869
- .bp_base_grid_list_item_module_tooltipContent--7983b[data-placement=bottom]{
1869
+ .bp_base_grid_list_item_module_tooltipContent--17725[data-placement=bottom]{
1870
1870
  margin-block-start:var(--space-2);
1871
1871
  }
1872
- .bp_base_grid_list_item_module_tooltipContent--7983b[data-placement=right]{
1872
+ .bp_base_grid_list_item_module_tooltipContent--17725[data-placement=right]{
1873
1873
  margin-inline-start:var(--space-2);
1874
1874
  }
1875
- .bp_base_grid_list_item_module_tooltipContent--7983b[data-placement=left]{
1875
+ .bp_base_grid_list_item_module_tooltipContent--17725[data-placement=left]{
1876
1876
  margin-inline-end:var(--space-2);
1877
1877
  }
1878
1878
 
1879
- .bp_base_grid_list_item_module_staticList--7983b .bp_base_grid_list_item_module_staticListItem--7983b{
1879
+ .bp_base_grid_list_item_module_staticList--17725 .bp_base_grid_list_item_module_staticListItem--17725{
1880
1880
  display:contents;
1881
1881
  }
1882
1882
  .bp_list_checkbox_module_selection--d79fa{
@@ -11,6 +11,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<(Omit<
11
11
  label: string;
12
12
  type?: "text" | undefined;
13
13
  hideLabel?: boolean | undefined;
14
+ invalid?: boolean | undefined;
14
15
  disabled?: boolean | undefined;
15
16
  required?: boolean | undefined;
16
17
  error?: import("react").ReactNode;
@@ -20,6 +21,7 @@ export declare const TextInput: import("react").ForwardRefExoticComponent<(Omit<
20
21
  label: string;
21
22
  type?: "text" | undefined;
22
23
  hideLabel?: boolean | undefined;
24
+ invalid?: boolean | undefined;
23
25
  disabled?: boolean | undefined;
24
26
  required?: boolean | undefined;
25
27
  error?: import("react").ReactNode;
@@ -20,6 +20,7 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
20
20
  label,
21
21
  type = 'text',
22
22
  disabled,
23
+ invalid = false,
23
24
  hideLabel,
24
25
  error,
25
26
  loading = false,
@@ -34,12 +35,13 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
34
35
  inputRef.current?.focus();
35
36
  }, []);
36
37
  const hasError = !!error && !disabled;
38
+ const shouldMarkError = (!!error || invalid) && !disabled;
37
39
  const isLoading = !disabled && loading && loadingAriaLabel;
38
40
  return jsxs(Fragment, {
39
41
  children: [jsxs("div", {
40
42
  className: clsx([styles.textInputContainer], {
41
43
  [styles.disabled]: disabled,
42
- [styles.error]: hasError
44
+ [styles.error]: shouldMarkError
43
45
  }, className),
44
46
  children: [jsx("label", {
45
47
  className: clsx([styles.label], {
@@ -55,10 +57,10 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
55
57
  'aria-describedby': inlineErrorId
56
58
  }),
57
59
  ref: useForkRef(inputRef, forwardedRef),
58
- "aria-invalid": hasError,
60
+ "aria-invalid": shouldMarkError,
59
61
  "aria-required": required,
60
62
  className: clsx([styles.textInput], {
61
- [styles.error]: hasError,
63
+ [styles.error]: shouldMarkError,
62
64
  [styles.loading]: isLoading
63
65
  }),
64
66
  disabled: disabled,
@@ -13,6 +13,12 @@ export type TextInputProps = React.ComponentPropsWithRef<'input'> & {
13
13
  type?: 'text';
14
14
  /** When true label text is hidden */
15
15
  hideLabel?: boolean;
16
+ /**
17
+ * When true it enforces the error state, without error message.
18
+ * Developer is responsible for connecting the error message with TextInput using aria-describedby.
19
+ * This prop should not be used in conjunction with error prop.
20
+ * */
21
+ invalid?: boolean;
16
22
  /** When true prevents user interaction with input */
17
23
  disabled?: boolean;
18
24
  /** When true it indicates input field must be filled out */
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"smallList":"bp_base_grid_list_item_module_smallList--7983b","smallListItem":"bp_base_grid_list_item_module_smallListItem--7983b","loading":"bp_base_grid_list_item_module_loading--7983b","thumbnail":"bp_base_grid_list_item_module_thumbnail--7983b","customSize":"bp_base_grid_list_item_module_customSize--7983b","header":"bp_base_grid_list_item_module_header--7983b","subtitle":"bp_base_grid_list_item_module_subtitle--7983b","actions":"bp_base_grid_list_item_module_actions--7983b","selection":"bp_base_grid_list_item_module_selection--7983b","inner":"bp_base_grid_list_item_module_inner--7983b","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--7983b","largeList":"bp_base_grid_list_item_module_largeList--7983b","largeListItem":"bp_base_grid_list_item_module_largeListItem--7983b","fade":"bp_base_grid_list_item_module_fade--7983b","description":"bp_base_grid_list_item_module_description--7983b","snippet":"bp_base_grid_list_item_module_snippet--7983b","snippetContent":"bp_base_grid_list_item_module_snippetContent--7983b","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--7983b","gridList":"bp_base_grid_list_item_module_gridList--7983b","gridListItem":"bp_base_grid_list_item_module_gridListItem--7983b","statusPin":"bp_base_grid_list_item_module_statusPin--7983b","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--7983b","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--7983b","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--7983b","staticList":"bp_base_grid_list_item_module_staticList--7983b","staticListItem":"bp_base_grid_list_item_module_staticListItem--7983b"};
2
+ var styles = {"smallList":"bp_base_grid_list_item_module_smallList--17725","smallListItem":"bp_base_grid_list_item_module_smallListItem--17725","loading":"bp_base_grid_list_item_module_loading--17725","thumbnail":"bp_base_grid_list_item_module_thumbnail--17725","customSize":"bp_base_grid_list_item_module_customSize--17725","header":"bp_base_grid_list_item_module_header--17725","subtitle":"bp_base_grid_list_item_module_subtitle--17725","actions":"bp_base_grid_list_item_module_actions--17725","selection":"bp_base_grid_list_item_module_selection--17725","inner":"bp_base_grid_list_item_module_inner--17725","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--17725","largeList":"bp_base_grid_list_item_module_largeList--17725","largeListItem":"bp_base_grid_list_item_module_largeListItem--17725","fade":"bp_base_grid_list_item_module_fade--17725","description":"bp_base_grid_list_item_module_description--17725","snippet":"bp_base_grid_list_item_module_snippet--17725","snippetContent":"bp_base_grid_list_item_module_snippetContent--17725","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--17725","gridList":"bp_base_grid_list_item_module_gridList--17725","gridListItem":"bp_base_grid_list_item_module_gridListItem--17725","statusPin":"bp_base_grid_list_item_module_statusPin--17725","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--17725","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--17725","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--17725","staticList":"bp_base_grid_list_item_module_staticList--17725","staticListItem":"bp_base_grid_list_item_module_staticListItem--17725"};
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": "7.1.1",
3
+ "version": "7.2.1",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -58,7 +58,7 @@
58
58
  "@box/storybook-utils": "^0.1.0",
59
59
  "react-stately": "^3.31.1"
60
60
  },
61
- "gitHead": "bd812a57eb43d2b270bb8c6281fb1eaec038c76e",
61
+ "gitHead": "d6202fe0540a3a49df8e0c513094e968b14ad21b",
62
62
  "module": "lib-esm/index.js",
63
63
  "main": "lib-esm/index.js",
64
64
  "exports": {