@box/blueprint-web-assets 4.56.8 → 4.57.2

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.
Files changed (27) hide show
  1. package/dist/icons/Medium/ChevronDown.d.ts +3 -0
  2. package/dist/icons/Medium/ChevronDown.js +5 -0
  3. package/dist/icons/Medium/ChevronLeft.d.ts +3 -0
  4. package/dist/icons/Medium/ChevronLeft.js +5 -0
  5. package/dist/icons/Medium/ChevronRight.d.ts +3 -0
  6. package/dist/icons/Medium/ChevronRight.js +5 -0
  7. package/dist/icons/Medium/ChevronUp.d.ts +3 -0
  8. package/dist/icons/Medium/ChevronUp.js +5 -0
  9. package/dist/icons/Medium/index.d.ts +4 -0
  10. package/dist/icons/Medium/index.js +4 -0
  11. package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +187 -114
  12. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +199 -126
  13. package/dist/tokens/BP2/dark_mode_value/tokens.css +195 -122
  14. package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +187 -114
  15. package/dist/tokens/BP2/dark_mode_value/tokens.js +199 -126
  16. package/dist/tokens/BP2/dark_mode_value/tokens.json +199 -126
  17. package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +187 -114
  18. package/dist/tokens/BP2/light_mode_value/px-tokens.js +199 -126
  19. package/dist/tokens/BP2/light_mode_value/tokens.css +194 -121
  20. package/dist/tokens/BP2/light_mode_value/tokens.d.ts +187 -114
  21. package/dist/tokens/BP2/light_mode_value/tokens.js +199 -126
  22. package/dist/tokens/BP2/light_mode_value/tokens.json +199 -126
  23. package/dist/tokens/px-tokens.js +199 -126
  24. package/dist/tokens/tokens-css-vars.scss +194 -121
  25. package/dist/tokens/tokens.js +199 -126
  26. package/dist/tokens/tokens.json +199 -126
  27. package/package.json +2 -2
package/dist/tokens/tokens-css-vars.scss CHANGED
@@ -799,12 +799,26 @@
799
799
  --bp-border-06: 0.375rem;
800
800
  --bp-border-07: 0.4375rem;
801
801
  --bp-border-08: 0.5rem;
802
- --bp-surface-badge-docs-surface: #4083f7;
803
- --bp-surface-badge-keynote-surface: #0a84ff;
804
- --bp-surface-badge-pages-surface: #ff9500;
805
- --bp-surface-badge-pdf-surface: #d0021b;
806
- --bp-surface-badge-sheets-surface: #21a464;
807
- --bp-surface-badge-video-surface: #009aed;
802
+ --bp-icon-icon-illustrator: #ff9400;
803
+ --bp-icon-icon-indesign: #ff57a1;
804
+ --bp-icon-icon-photoshop: #26c9ff;
805
+ --bp-surface-badge-illustrator-surface: #051e25;
806
+ --bp-surface-badge-indesign-surface: #131415;
807
+ --bp-surface-badge-numbers-surface: #00a650;
808
+ --bp-surface-badge-photoshop-surface: #131415;
809
+ --bp-surface-badge-powerpoint-surface: #c43e1c;
810
+ --bp-surface-badge-spreadsheet-surface: #3fb87f;
811
+ --bp-surface-badge-surface-docs: #4083f7;
812
+ --bp-surface-badge-surface-drawing: #009aed;
813
+ --bp-surface-badge-surface-excel: #107c41;
814
+ --bp-surface-badge-surface-keynote: #0a84ff;
815
+ --bp-surface-badge-surface-pages: #ff9500;
816
+ --bp-surface-badge-surface-pdf: #d0021b;
817
+ --bp-surface-badge-surface-sheets: #21a464;
818
+ --bp-surface-badge-surface-slides: #f7ba00;
819
+ --bp-surface-badge-surface-video: #009aed;
820
+ --bp-surface-badge-word-surface: #185abd;
821
+ --bp-surface-input-search-surface-focus-pressed: #ffffff;
808
822
  --bp-surface-surface-brand: #0061d5;
809
823
  --bp-surface-surface-brand-busy: #0061d5;
810
824
  --bp-surface-surface-brand-disabled: #0061d5;
@@ -1107,15 +1121,17 @@
1107
1121
  --bp-font-line-height-05: 1.5rem;
1108
1122
  --bp-font-line-height-06: 2rem;
1109
1123
  --bp-font-line-height-07: 2.75rem;
1124
+ --bp-font-size-10: 1.3125rem;
1125
+ --bp-font-size-11: 2.25rem;
1110
1126
  --bp-font-size-01: 0.5625rem;
1111
1127
  --bp-font-size-02: 0.625rem;
1112
1128
  --bp-font-size-03: 0.75rem;
1113
- --bp-font-size-04: 0.875rem;
1129
+ --bp-font-size-04: 0.8125rem;
1114
1130
  --bp-font-size-05: 0.9375rem;
1115
1131
  --bp-font-size-06: 1rem;
1116
- --bp-font-size-07: 1.125rem;
1117
- --bp-font-size-08: 1.3125rem;
1118
- --bp-font-size-09: 2.25rem;
1132
+ --bp-font-size-07: 1.0625rem;
1133
+ --bp-font-size-08: 1.125rem;
1134
+ --bp-font-size-09: 1.1875rem;
1119
1135
  --bp-font-weight-black: 900;
1120
1136
  --bp-font-weight-bold: 700;
1121
1137
  --bp-font-weight-regular: 400;
@@ -1355,8 +1371,9 @@
1355
1371
  --bp-border-checkbox-border-hover: var(--bp-gray-80);
1356
1372
  --bp-border-checkbox-border-selected: var(--bp-box-blue-100);
1357
1373
  --bp-border-checkbox-border-selected-hover: var(--bp-light-blue-110);
1358
- --bp-border-collapsible-border: var(--bp-gray-20);
1359
- --bp-border-contentbutton-border-selected: var(--bp-gray-50);
1374
+ --bp-border-collapsible-section-border: var(--bp-gray-20);
1375
+ --bp-border-content-button-border-hover-active: var(--bp-gray-50);
1376
+ --bp-border-content-button-border-selected: var(--bp-gray-50);
1360
1377
  --bp-border-cta-border-outline: var(--bp-gray-black);
1361
1378
  --bp-border-cta-border-outline-hover: var(--bp-gray-black);
1362
1379
  --bp-border-cta-border-outline-pressed: var(--bp-gray-black);
@@ -1364,46 +1381,65 @@
1364
1381
  --bp-border-cta-border-secondary-disabled: var(--bp-gray-10);
1365
1382
  --bp-border-cta-border-secondary-hover: var(--bp-gray-30);
1366
1383
  --bp-border-cta-border-secondary-pressed: var(--bp-gray-30);
1384
+ --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
1385
+ --bp-border-date-picker-day-border-selected-focus: var(--bp-light-blue-100);
1386
+ --bp-border-date-picker-border-active: var(--bp-light-blue-100);
1387
+ --bp-border-date-picker-border-complete: var(--bp-gray-50);
1388
+ --bp-border-date-picker-border-default: var(--bp-gray-50);
1389
+ --bp-border-date-picker-border-disabled: var(--bp-gray-50);
1390
+ --bp-border-date-picker-border-error: var(--bp-watermelon-red-100);
1391
+ --bp-border-date-picker-border-focus: var(--bp-light-blue-100);
1392
+ --bp-border-date-picker-border-hover: var(--bp-gray-65);
1367
1393
  --bp-border-divider-border: var(--bp-gray-10);
1394
+ --bp-border-dropdown-secondary-border: var(--bp-gray-30);
1368
1395
  --bp-border-dropdown-border: var(--bp-gray-30);
1369
1396
  --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
1370
1397
  --bp-border-dropdown-border-error-focus: var(--bp-watermelon-red-100);
1371
1398
  --bp-border-dropdown-border-error-hover: var(--bp-watermelon-red-100);
1372
1399
  --bp-border-dropdown-border-focus: var(--bp-box-blue-100);
1373
1400
  --bp-border-dropdown-border-hover: var(--bp-gray-65);
1374
- --bp-border-filterchip-border-multi-on: var(--bp-box-blue-40);
1375
- --bp-border-filterchip-border-multi-on-hover: var(--bp-box-blue-40);
1376
- --bp-border-gridthumbnail-border: var(--bp-gray-10);
1401
+ --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
1402
+ --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
1403
+ --bp-border-grid-thumbnail-border: var(--bp-gray-10);
1377
1404
  --bp-border-input-border: var(--bp-gray-50);
1378
1405
  --bp-border-input-border-error: var(--bp-watermelon-red-100);
1379
1406
  --bp-border-input-border-error-focus: var(--bp-watermelon-red-100);
1380
1407
  --bp-border-input-border-error-hover: var(--bp-watermelon-red-100);
1381
1408
  --bp-border-input-border-focus: var(--bp-light-blue-100);
1382
1409
  --bp-border-input-border-hover: var(--bp-gray-65);
1383
- --bp-border-inputchip-border-error: var(--bp-watermelon-red-100);
1410
+ --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
1411
+ --bp-border-item-small-border-selected: var(--bp-box-blue-100);
1384
1412
  --bp-border-item-border-hover: var(--bp-gray-10);
1385
1413
  --bp-border-item-border-selected: var(--bp-box-blue-100);
1386
- --bp-border-item-small-border-selected: var(--bp-box-blue-100);
1414
+ --bp-border-list-item-border: var(--bp-gray-10);
1415
+ --bp-border-list-item-border-selected: var(--bp-box-blue-100);
1416
+ --bp-border-menu-border: var(--bp-gray-10);
1387
1417
  --bp-border-message-border-error: var(--bp-watermelon-red-100);
1388
- --bp-border-message-border-error-secondary: var(--bp-watermelon-red-50);
1418
+ --bp-border-message-border-error-secondary: var(--bp-watermelon-red-opacity-30);
1389
1419
  --bp-border-message-border-generic: var(--bp-gray-100);
1390
- --bp-border-message-border-generic-secondary: var(--bp-gray-50);
1420
+ --bp-border-message-border-generic-secondary: var(--bp-black-opacity-30);
1391
1421
  --bp-border-message-border-info: var(--bp-box-blue-100);
1392
- --bp-border-message-border-info-secondary: var(--bp-light-blue-50);
1422
+ --bp-border-message-border-info-secondary: var(--bp-light-blue-opacity-30);
1393
1423
  --bp-border-message-border-success: var(--bp-green-light-100);
1394
- --bp-border-message-border-success-secondary: var(--bp-green-light-50);
1424
+ --bp-border-message-border-success-secondary: var(--bp-green-light-opacity-30);
1395
1425
  --bp-border-message-border-warning: var(--bp-yellorange-100);
1396
- --bp-border-message-border-warning-secondary: var(--bp-yellorange-50);
1426
+ --bp-border-message-border-warning-secondary: var(--bp-yellorange-opacity-30);
1397
1427
  --bp-border-radio-border: var(--bp-gray-65);
1398
1428
  --bp-border-radio-border-hover: var(--bp-gray-80);
1399
1429
  --bp-border-radio-border-selected: var(--bp-box-blue-100);
1400
1430
  --bp-border-radio-border-selected-hover: var(--bp-light-blue-110);
1401
- --bp-border-radiotile-border: var(--bp-gray-30);
1402
- --bp-border-radiotile-border-hover: var(--bp-gray-30);
1403
- --bp-border-radiotile-border-selected: var(--bp-box-blue-100);
1431
+ --bp-border-radio-tile-border: var(--bp-gray-30);
1432
+ --bp-border-radio-tile-border-hover: var(--bp-gray-30);
1433
+ --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
1434
+ --bp-border-search-global-border-hover: var(--bp-gray-10);
1404
1435
  --bp-border-search-border: var(--bp-gray-05);
1405
1436
  --bp-border-search-border-hover: var(--bp-gray-65);
1406
- --bp-border-search-global-border-hover: var(--bp-gray-10);
1437
+ --bp-border-select-border-active: var(--bp-light-blue-100);
1438
+ --bp-border-select-border-default: var(--bp-gray-30);
1439
+ --bp-border-select-border-disabled: var(--bp-gray-30);
1440
+ --bp-border-select-border-error: var(--bp-watermelon-red-110);
1441
+ --bp-border-select-border-hover: var(--bp-gray-65);
1442
+ --bp-border-select-border-read-only: var(--bp-gray-20);
1407
1443
  --bp-border-status-border-hover: var(--bp-black-opacity-04);
1408
1444
  --bp-border-switch-border: var(--bp-gray-30);
1409
1445
  --bp-border-switch-border-hover: var(--bp-gray-30);
@@ -1413,14 +1449,15 @@
1413
1449
  --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
1414
1450
  --bp-border-tab-border-selected-hover: var(--bp-box-blue-100);
1415
1451
  --bp-border-toggle-border: var(--bp-gray-30);
1452
+ --bp-border-toggle-border-off: var(--bp-gray-white);
1416
1453
  --bp-border-toggle-border-on: var(--bp-box-blue-40);
1417
- --bp-border-toggletext-border-off: var(--bp-gray-white);
1418
- --bp-border-toggletext-border-off-ai: var(--bp-gray-30);
1419
- --bp-border-toggletext-border-off-hover: var(--bp-gray-05);
1420
- --bp-border-toggletext-border-off-pressed: var(--bp-gray-10);
1421
- --bp-border-toggletext-border-on: var(--bp-box-blue-40);
1422
- --bp-border-toggletext-border-on-hover: var(--bp-box-blue-40);
1423
- --bp-border-toggletext-border-on-pressed: var(--bp-box-blue-40);
1454
+ --bp-border-toggle-text-border-off: var(--bp-gray-white);
1455
+ --bp-border-toggle-text-border-off-ai: var(--bp-gray-30);
1456
+ --bp-border-toggle-text-border-off-hover: var(--bp-gray-05);
1457
+ --bp-border-toggle-text-border-off-pressed: var(--bp-gray-10);
1458
+ --bp-border-toggle-text-border-on: var(--bp-box-blue-40);
1459
+ --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
1460
+ --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
1424
1461
  --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
1425
1462
  --bp-icon-cta-icon: var(--bp-gray-65);
1426
1463
  --bp-icon-cta-icon-hover: var(--bp-gray-100);
@@ -1431,14 +1468,6 @@
1431
1468
  --bp-icon-cta-icon-utility: var(--bp-gray-80);
1432
1469
  --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
1433
1470
  --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
1434
- --bp-icon-icon-blue: var(--bp-box-blue-100);
1435
- --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
1436
- --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
1437
- --bp-icon-icon-on-dark: var(--bp-gray-white);
1438
- --bp-icon-icon-on-light: var(--bp-gray-100);
1439
- --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
1440
- --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
1441
- --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
1442
1471
  --bp-icon-nav-icon-on-dark: var(--bp-gray-white);
1443
1472
  --bp-icon-nav-icon-on-dark-focus: var(--bp-gray-white);
1444
1473
  --bp-icon-nav-icon-on-dark-hover: var(--bp-gray-white);
@@ -1447,35 +1476,55 @@
1447
1476
  --bp-icon-nav-icon-on-light-focus: var(--bp-gray-100);
1448
1477
  --bp-icon-nav-icon-on-light-hover: var(--bp-gray-100);
1449
1478
  --bp-icon-nav-icon-on-light-selected: var(--bp-gray-100);
1479
+ --bp-icon-icon-blue: var(--bp-box-blue-100);
1480
+ --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
1481
+ --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
1482
+ --bp-icon-icon-on-dark: var(--bp-gray-white);
1483
+ --bp-icon-icon-on-light: var(--bp-gray-100);
1484
+ --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
1485
+ --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
1486
+ --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
1450
1487
  --bp-outline-focus-on-dark: var(--bp-gray-white);
1451
1488
  --bp-outline-focus-on-light: var(--bp-light-blue-100);
1452
1489
  --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
1453
- --bp-overlay-sidepanel-overlay: var(--bp-black-opacity-50);
1490
+ --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
1454
1491
  --bp-surface-accordion-surface: var(--bp-gray-white);
1455
1492
  --bp-surface-accordion-surface-hover: var(--bp-gray-05);
1456
- --bp-surface-badge-admin-surface: var(--bp-dark-blue-100);
1457
- --bp-surface-badge-annotation-surface: var(--bp-yellorange-100);
1458
- --bp-surface-badge-boxnote-surface: var(--bp-gray-10);
1459
- --bp-surface-badge-canvas-surface: var(--bp-orange-100);
1460
- --bp-surface-badge-coadmin-surface: var(--bp-purple-rain-100);
1461
- --bp-surface-badge-collection-surface: var(--bp-gray-10);
1462
- --bp-surface-badge-completed-surface: var(--bp-green-light-100);
1463
- --bp-surface-badge-error-surface: var(--bp-watermelon-red-110);
1464
- --bp-surface-badge-external-surface: var(--bp-gray-50);
1465
- --bp-surface-badge-folderexternal-surface: var(--bp-gray-65);
1466
- --bp-surface-badge-foldershared-surface: var(--bp-light-blue-100);
1467
- --bp-surface-badge-image-surface: var(--bp-green-light-100);
1468
- --bp-surface-badge-mention-surface: var(--bp-light-blue-120);
1469
- --bp-surface-badge-notification-surface: var(--bp-watermelon-red-110);
1470
- --bp-surface-badge-offline-surface: var(--bp-green-light-100);
1471
- --bp-surface-badge-online-surface: var(--bp-green-light-120);
1472
- --bp-surface-badge-pin-surface: var(--bp-gray-10);
1473
- --bp-surface-badge-progress-surface: var(--bp-yellorange-100);
1474
- --bp-surface-badge-rejected-surface: var(--bp-watermelon-red-110);
1475
- --bp-surface-badge-relay-surface: var(--bp-light-blue-120);
1476
- --bp-surface-badge-task-surface: var(--bp-light-blue-100);
1477
- --bp-surface-badge-taskapproval-surface: var(--bp-light-blue-120);
1478
- --bp-surface-card-surface: var(--bp-gray-white);
1493
+ --bp-surface-badge-presentation-surface: var(--bp-orange-110);
1494
+ --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
1495
+ --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
1496
+ --bp-surface-badge-surface-audio: var(--bp-purple-rain-100);
1497
+ --bp-surface-badge-surface-bookmark: var(--bp-box-blue-100);
1498
+ --bp-surface-badge-surface-boxapps: var(--bp-box-blue-100);
1499
+ --bp-surface-badge-surface-boxnote: var(--bp-gray-10);
1500
+ --bp-surface-badge-surface-canvas: var(--bp-orange-110);
1501
+ --bp-surface-badge-surface-coadmin: var(--bp-purple-rain-100);
1502
+ --bp-surface-badge-surface-code: var(--bp-watermelon-red-100);
1503
+ --bp-surface-badge-surface-collection: var(--bp-gray-10);
1504
+ --bp-surface-badge-surface-completed: var(--bp-green-light-120);
1505
+ --bp-surface-badge-surface-default: var(--bp-gray-65);
1506
+ --bp-surface-badge-surface-error: var(--bp-watermelon-red-110);
1507
+ --bp-surface-badge-surface-external: var(--bp-gray-50);
1508
+ --bp-surface-badge-surface-folderexternal: var(--bp-gray-65);
1509
+ --bp-surface-badge-surface-foldershared: var(--bp-light-blue-100);
1510
+ --bp-surface-badge-surface-hubs: var(--bp-box-blue-100);
1511
+ --bp-surface-badge-surface-image: var(--bp-green-light-120);
1512
+ --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
1513
+ --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
1514
+ --bp-surface-badge-surface-offline: var(--bp-green-light-100);
1515
+ --bp-surface-badge-surface-online: var(--bp-green-light-120);
1516
+ --bp-surface-badge-surface-pin: var(--bp-gray-10);
1517
+ --bp-surface-badge-surface-progress: var(--bp-yellorange-100);
1518
+ --bp-surface-badge-surface-rejected: var(--bp-watermelon-red-110);
1519
+ --bp-surface-badge-surface-relay: var(--bp-light-blue-120);
1520
+ --bp-surface-badge-surface-task: var(--bp-light-blue-100);
1521
+ --bp-surface-badge-surface-taskapproval: var(--bp-light-blue-120);
1522
+ --bp-surface-badge-text-surface: var(--bp-box-blue-100);
1523
+ --bp-surface-badge-three-d-surface: var(--bp-orange-110);
1524
+ --bp-surface-badge-vector-surface: var(--bp-orange-110);
1525
+ --bp-surface-badge-zip-surface: var(--bp-gray-65);
1526
+ --bp-surface-calendar-surface: var(--bp-gray-white);
1527
+ --bp-surface-card-surface: var(--bp-white-opacity-70);
1479
1528
  --bp-surface-card-surface-focus: var(--bp-box-blue-05);
1480
1529
  --bp-surface-card-surface-hover: var(--bp-gray-white);
1481
1530
  --bp-surface-card-surface-pressed: var(--bp-gray-02);
@@ -1485,9 +1534,16 @@
1485
1534
  --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
1486
1535
  --bp-surface-chip-button-surface: var(--bp-black-opacity-04);
1487
1536
  --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
1488
- --bp-surface-contentbutton-surface-surface-selected: var(--bp-gray-white);
1489
- --bp-surface-contentswitcher-surface: var(--bp-gray-10);
1490
- --bp-surface-cta-surface-disabled: var(--bp-box-blue-30);
1537
+ --bp-surface-combobox-surface: var(--bp-gray-white);
1538
+ --bp-surface-content-button-surface-focus: var(--bp-gray-white);
1539
+ --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
1540
+ --bp-surface-content-button-surface-hover-active: var(--bp-gray-05);
1541
+ --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
1542
+ --bp-surface-content-button-surface-selected: var(--bp-gray-white);
1543
+ --bp-surface-content-switcher-surface: var(--bp-gray-10);
1544
+ --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
1545
+ --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
1546
+ --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
1491
1547
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
1492
1548
  --bp-surface-cta-surface-icon-disabled: var(--bp-black-opacity-00);
1493
1549
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
@@ -1496,7 +1552,6 @@
1496
1552
  --bp-surface-cta-surface-icon-utility-hover: var(--bp-gray-20);
1497
1553
  --bp-surface-cta-surface-icon-utility-pressed: var(--bp-gray-30);
1498
1554
  --bp-surface-cta-surface-outline: var(--bp-black-opacity-00);
1499
- --bp-surface-cta-surface-outline-2: var(--bp-black-opacity-00);
1500
1555
  --bp-surface-cta-surface-outline-hover: var(--bp-black-opacity-04);
1501
1556
  --bp-surface-cta-surface-outline-pressed: var(--bp-black-opacity-08);
1502
1557
  --bp-surface-cta-surface-promo: var(--bp-grimace-110);
@@ -1519,18 +1574,27 @@
1519
1574
  --bp-surface-cta-surface-tertiary-promo-focus-pressed: var(--bp-grimace-20);
1520
1575
  --bp-surface-cta-surface-tertiary-promo-hover: var(--bp-grimace-05);
1521
1576
  --bp-surface-cta-surface-tertiary-promo-pressed: var(--bp-grimace-20);
1522
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
1523
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
1524
- --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
1525
- --bp-surface-day-surface: var(--bp-gray-white);
1526
- --bp-surface-day-surface-hover: var(--bp-gray-05);
1527
- --bp-surface-day-surface-selected: var(--bp-box-blue-100);
1528
- --bp-surface-day-surface-selected-hover: var(--bp-dark-blue-100);
1577
+ --bp-surface-date-picker-day-surface-default: var(--bp-gray-white);
1578
+ --bp-surface-date-picker-day-surface-disabled: var(--bp-gray-white);
1579
+ --bp-surface-date-picker-day-surface-focus: var(--bp-gray-05);
1580
+ --bp-surface-date-picker-day-surface-hover: var(--bp-gray-05);
1581
+ --bp-surface-date-picker-day-surface-selected: var(--bp-box-blue-100);
1582
+ --bp-surface-date-picker-day-surface-selected-focus: var(--bp-dark-blue-100);
1583
+ --bp-surface-date-picker-day-surface-selected-hover: var(--bp-dark-blue-100);
1584
+ --bp-surface-date-picker-surface-active: var(--bp-gray-white);
1585
+ --bp-surface-date-picker-surface-complete: var(--bp-gray-white);
1586
+ --bp-surface-date-picker-surface-default: var(--bp-gray-white);
1587
+ --bp-surface-date-picker-surface-disabled: var(--bp-gray-white);
1588
+ --bp-surface-date-picker-surface-error: var(--bp-gray-white);
1589
+ --bp-surface-date-picker-surface-focus: var(--bp-gray-white);
1590
+ --bp-surface-date-picker-surface-hover: var(--bp-gray-white);
1529
1591
  --bp-surface-dropdown-primary-surface-hover: var(--bp-gray-05);
1530
1592
  --bp-surface-dropdown-primary-surface-pressed: var(--bp-gray-10);
1531
1593
  --bp-surface-dropdown-secondary-surface: var(--bp-gray-white);
1532
1594
  --bp-surface-dropdown-secondary-surface-hover: var(--bp-gray-05);
1533
1595
  --bp-surface-dropdown-secondary-surface-pressed: var(--bp-gray-10);
1596
+ --bp-surface-dropdown-tertiary-surface-hover: var(--bp-gray-05);
1597
+ --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-gray-10);
1534
1598
  --bp-surface-dropdown-surface: var(--bp-gray-white);
1535
1599
  --bp-surface-dropdown-surface-error: var(--bp-gray-white);
1536
1600
  --bp-surface-dropdown-surface-error-focus: var(--bp-gray-white);
@@ -1542,43 +1606,46 @@
1542
1606
  --bp-surface-filter-surface-hover: var(--bp-box-blue-100);
1543
1607
  --bp-surface-filter-surface-selected: var(--bp-box-blue-100);
1544
1608
  --bp-surface-filter-surface-selected-focus: var(--bp-box-blue-100);
1545
- --bp-surface-filterchip-surface-multi: var(--bp-black-opacity-04);
1546
- --bp-surface-filterchip-surface-multi-hover: var(--bp-black-opacity-08);
1547
- --bp-surface-filterchip-surface-multi-on: var(--bp-box-blue-10);
1548
- --bp-surface-filterchip-surface-multi-on-hover: var(--bp-box-blue-20);
1549
- --bp-surface-filterchip-surface-single: var(--bp-black-opacity-04);
1550
- --bp-surface-filterchip-surface-single-hover: var(--bp-black-opacity-08);
1551
- --bp-surface-filterchip-surface-single-on: var(--bp-box-blue-100);
1552
- --bp-surface-filterchip-surface-single-on-hover: var(--bp-box-blue-100);
1609
+ --bp-surface-filter-chip-surface-multi: var(--bp-black-opacity-04);
1610
+ --bp-surface-filter-chip-surface-multi-hover: var(--bp-black-opacity-08);
1611
+ --bp-surface-filter-chip-surface-multi-on: var(--bp-box-blue-10);
1612
+ --bp-surface-filter-chip-surface-multi-on-hover: var(--bp-box-blue-20);
1613
+ --bp-surface-filter-chip-surface-single: var(--bp-black-opacity-04);
1614
+ --bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
1615
+ --bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
1616
+ --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
1553
1617
  --bp-surface-ghost-surface: var(--bp-gray-02);
1554
1618
  --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
1555
1619
  --bp-surface-illustration-surface-box: var(--bp-box-blue-100);
1556
1620
  --bp-surface-illustration-surface-box-neutral: var(--bp-box-blue-100);
1621
+ --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
1622
+ --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
1623
+ --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
1624
+ --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
1625
+ --bp-surface-input-search-surface: var(--bp-gray-05);
1626
+ --bp-surface-input-search-surface-focus: var(--bp-gray-white);
1627
+ --bp-surface-input-search-surface-hover: var(--bp-gray-02);
1557
1628
  --bp-surface-input-surface: var(--bp-gray-white);
1558
1629
  --bp-surface-input-surface-error: var(--bp-gray-white);
1559
1630
  --bp-surface-input-surface-error-focus: var(--bp-gray-white);
1560
1631
  --bp-surface-input-surface-error-hover: var(--bp-gray-white);
1561
1632
  --bp-surface-input-surface-focus: var(--bp-gray-white);
1562
1633
  --bp-surface-input-surface-hover: var(--bp-gray-white);
1563
- --bp-surface-inputchip-surface: var(--bp-gray-10);
1564
- --bp-surface-inputchip-surface-error: var(--bp-watermelon-red-10);
1565
- --bp-surface-inputchip-surface-hover: var(--bp-gray-10);
1634
+ --bp-surface-input-chip-surface: var(--bp-gray-10);
1635
+ --bp-surface-input-chip-surface-error: var(--bp-watermelon-red-10);
1636
+ --bp-surface-input-chip-surface-hover: var(--bp-gray-10);
1566
1637
  --bp-surface-item-small-surface: var(--bp-gray-white);
1567
1638
  --bp-surface-item-small-surface-hover: var(--bp-gray-05);
1568
1639
  --bp-surface-item-small-surface-selected: var(--bp-box-blue-05);
1569
1640
  --bp-surface-item-surface-hover: var(--bp-gray-white);
1570
1641
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
1642
+ --bp-surface-list-item-surface: var(--bp-gray-white);
1643
+ --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
1571
1644
  --bp-surface-menu-surface: var(--bp-gray-white);
1572
- --bp-surface-menu-surface-focus: var(--bp-gray-05);
1573
- --bp-surface-menu-surface-hover: var(--bp-gray-05);
1574
- --bp-surface-menu-surface-pressed: var(--bp-gray-05);
1575
- --bp-surface-message-surface-error-secondary: var(--bp-watermelon-red-10);
1576
- --bp-surface-message-surface-generic: var(--bp-gray-10);
1577
- --bp-surface-message-surface-generic-secondary: var(--bp-gray-10);
1578
- --bp-surface-message-surface-info-secondary: var(--bp-light-blue-10);
1579
- --bp-surface-message-surface-promo-secondary: var(--bp-grimace-10);
1580
- --bp-surface-message-surface-success-secondary: var(--bp-green-light-10);
1581
- --bp-surface-message-surface-warning-secondary: var(--bp-yellorange-10);
1645
+ --bp-surface-menu-item-surface-default: var(--bp-gray-white);
1646
+ --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
1647
+ --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
1648
+ --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
1582
1649
  --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
1583
1650
  --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
1584
1651
  --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -1586,22 +1653,28 @@
1586
1653
  --bp-surface-pill-surface: var(--bp-gray-10);
1587
1654
  --bp-surface-pill-surface-focus: var(--bp-gray-10);
1588
1655
  --bp-surface-pill-surface-hover: var(--bp-gray-10);
1589
- --bp-surface-progressbar-surface-brand: var(--bp-box-blue-100);
1656
+ --bp-surface-progress-bar-surface-brand: var(--bp-box-blue-100);
1590
1657
  --bp-surface-radio-surface: var(--bp-gray-white);
1591
1658
  --bp-surface-radio-surface-hover: var(--bp-gray-white);
1592
1659
  --bp-surface-radio-surface-selected: var(--bp-box-blue-100);
1593
1660
  --bp-surface-radio-surface-selected-hover: var(--bp-light-blue-110);
1594
- --bp-surface-radiotile-surface: var(--bp-gray-white);
1595
- --bp-surface-radiotile-surface-hover: var(--bp-gray-05);
1596
- --bp-surface-radiotile-surface-selected: var(--bp-box-blue-05);
1661
+ --bp-surface-radio-tile-surface: var(--bp-gray-white);
1662
+ --bp-surface-radio-tile-surface-hover: var(--bp-gray-05);
1663
+ --bp-surface-radio-tile-surface-selected: var(--bp-box-blue-05);
1597
1664
  --bp-surface-scrollbar-surface: var(--bp-black-opacity-50);
1598
1665
  --bp-surface-search-global-surface: var(--bp-gray-05);
1599
1666
  --bp-surface-search-surface: var(--bp-gray-05);
1600
1667
  --bp-surface-search-surface-focused: var(--bp-gray-white);
1601
1668
  --bp-surface-search-surface-hover: var(--bp-gray-02);
1602
- --bp-surface-sliderthumb-surface: var(--bp-box-blue-100);
1603
- --bp-surface-sliderthumb-surface-hover: var(--bp-light-blue-100);
1604
- --bp-surface-slidertrack-surface: var(--bp-gray-65);
1669
+ --bp-surface-select-surface-active: var(--bp-gray-white);
1670
+ --bp-surface-select-surface-default: var(--bp-gray-white);
1671
+ --bp-surface-select-surface-disabled: var(--bp-gray-white);
1672
+ --bp-surface-select-surface-error: var(--bp-gray-white);
1673
+ --bp-surface-select-surface-hover: var(--bp-gray-white);
1674
+ --bp-surface-select-surface-read-only: var(--bp-gray-02);
1675
+ --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
1676
+ --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
1677
+ --bp-surface-slider-track-surface: var(--bp-gray-65);
1605
1678
  --bp-surface-status-surface-boxblue: var(--bp-box-blue-100);
1606
1679
  --bp-surface-status-surface-boxblue-focus: var(--bp-box-blue-100);
1607
1680
  --bp-surface-status-surface-boxblue-hover: var(--bp-box-blue-100);
@@ -1636,14 +1709,6 @@
1636
1709
  --bp-surface-status-surface-yellow: var(--bp-yellow-50);
1637
1710
  --bp-surface-status-surface-yellow-focus: var(--bp-yellow-50);
1638
1711
  --bp-surface-status-surface-yellow-hover: var(--bp-yellow-50);
1639
- --bp-surface-surface: var(--bp-gray-white);
1640
- --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
1641
- --bp-surface-surface-hover: var(--bp-gray-05);
1642
- --bp-surface-surface-quaternary: var(--bp-gray-20);
1643
- --bp-surface-surface-secondary: var(--bp-gray-02);
1644
- --bp-surface-surface-secondary-focus: var(--bp-gray-02);
1645
- --bp-surface-surface-secondary-hover: var(--bp-gray-05);
1646
- --bp-surface-surface-tertiary: var(--bp-gray-10);
1647
1712
  --bp-surface-switch-surface: var(--bp-gray-white);
1648
1713
  --bp-surface-switch-surface-hover: var(--bp-gray-white);
1649
1714
  --bp-surface-switch-surface-off: var(--bp-gray-20);
@@ -1662,16 +1727,24 @@
1662
1727
  --bp-surface-toggle-surface-on-pressed: var(--bp-box-blue-30);
1663
1728
  --bp-surface-toggle-surface-pressed: var(--bp-box-blue-100);
1664
1729
  --bp-surface-toggle-surface-pressed-hover: var(--bp-box-blue-80);
1665
- --bp-surface-toggletext-surface-off-ai: var(--bp-gray-white);
1666
- --bp-surface-toggletext-surface-off-ai-hover: var(--bp-gray-05);
1667
- --bp-surface-toggletext-surface-off-ai-pressed: var(--bp-gray-10);
1668
- --bp-surface-toggletext-surface-on: var(--bp-box-blue-10);
1669
- --bp-surface-toggletext-surface-on-hover: var(--bp-box-blue-20);
1670
- --bp-surface-toggletext-surface-on-pressed: var(--bp-box-blue-30);
1730
+ --bp-surface-toggle-text-surface-off: var(--bp-gray-white);
1731
+ --bp-surface-toggle-text-surface-off-hover: var(--bp-gray-05);
1732
+ --bp-surface-toggle-text-surface-off-pressed: var(--bp-gray-10);
1733
+ --bp-surface-toggle-text-surface-on: var(--bp-box-blue-10);
1734
+ --bp-surface-toggle-text-surface-on-hover: var(--bp-box-blue-20);
1735
+ --bp-surface-toggle-text-surface-on-pressed: var(--bp-box-blue-30);
1671
1736
  --bp-surface-toolbar-surface: var(--bp-gray-100);
1672
- --bp-surface-tooltip-surface: var(--bp-gray-80);
1673
- --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-10);
1737
+ --bp-surface-tooltip-surface: var(--bp-black-opacity-90);
1738
+ --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-opacity-20);
1674
1739
  --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
1740
+ --bp-surface-surface: var(--bp-gray-white);
1741
+ --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
1742
+ --bp-surface-surface-hover: var(--bp-gray-05);
1743
+ --bp-surface-surface-quaternary: var(--bp-gray-20);
1744
+ --bp-surface-surface-secondary: var(--bp-gray-02);
1745
+ --bp-surface-surface-secondary-focus: var(--bp-gray-02);
1746
+ --bp-surface-surface-secondary-hover: var(--bp-gray-05);
1747
+ --bp-surface-surface-tertiary: var(--bp-gray-10);
1675
1748
  --bp-text-cta-link: var(--bp-box-blue-100);
1676
1749
  --bp-text-cta-link-disabled: var(--bp-box-blue-30);
1677
1750
  --bp-text-cta-link-hover: var(--bp-light-blue-120);
@@ -1688,6 +1761,7 @@
1688
1761
  --bp-text-nav-text-on-light-focus: var(--bp-gray-white);
1689
1762
  --bp-text-nav-text-on-light-hover: var(--bp-gray-white);
1690
1763
  --bp-text-nav-text-on-light-selected: var(--bp-gray-white);
1764
+ --bp-text-toggle-text-text: var(--bp-box-blue-120);
1691
1765
  --bp-text-text-brand-on-color: var(--bp-gray-white);
1692
1766
  --bp-text-text-destructive-on-light: var(--bp-watermelon-red-110);
1693
1767
  --bp-text-text-error-on-light: var(--bp-watermelon-red-110);
@@ -1697,5 +1771,4 @@
1697
1771
  --bp-text-text-on-light-secondary: var(--bp-gray-65);
1698
1772
  --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);
1699
1773
  --bp-text-text-on-light-tertiary: var(--bp-gray-50);
1700
- --bp-text-toggletext-text: var(--bp-box-blue-120);
1701
1774
  }