@box/blueprint-web-assets 4.56.7 → 4.57.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.
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/BP2/dark_mode_value/tokens.css CHANGED
@@ -14,14 +14,26 @@
14
14
  --bp-border-06: 0.375rem;
15
15
  --bp-border-07: 0.4375rem;
16
16
  --bp-border-08: 0.5rem;
17
- --bp-surface-badge-docs-surface: #4083f7;
18
- --bp-surface-badge-keynote-surface: #0a84ff;
19
- --bp-surface-badge-pages-surface: #ff9500;
20
- --bp-surface-badge-pdf-surface: #d0021b;
21
- --bp-surface-badge-sheets-surface: #21a464;
22
- --bp-surface-badge-video-surface: #009aed;
23
- --bp-surface-cta-surface-outline-2: rgba(0, 0, 0, 0);
24
- --bp-surface-cta-surface-outline-pressed: rgba(0, 0, 0, 0.08);
17
+ --bp-icon-icon-illustrator: #ff9400;
18
+ --bp-icon-icon-indesign: #ff57a1;
19
+ --bp-icon-icon-photoshop: #26c9ff;
20
+ --bp-surface-badge-illustrator-surface: #051e25;
21
+ --bp-surface-badge-indesign-surface: #131415;
22
+ --bp-surface-badge-numbers-surface: #00a650;
23
+ --bp-surface-badge-photoshop-surface: #131415;
24
+ --bp-surface-badge-powerpoint-surface: #c43e1c;
25
+ --bp-surface-badge-spreadsheet-surface: #3fb87f;
26
+ --bp-surface-badge-surface-docs: #4083f7;
27
+ --bp-surface-badge-surface-drawing: #009aed;
28
+ --bp-surface-badge-surface-excel: #107c41;
29
+ --bp-surface-badge-surface-keynote: #0a84ff;
30
+ --bp-surface-badge-surface-pages: #ff9500;
31
+ --bp-surface-badge-surface-pdf: #d0021b;
32
+ --bp-surface-badge-surface-sheets: #21a464;
33
+ --bp-surface-badge-surface-slides: #f7ba00;
34
+ --bp-surface-badge-surface-video: #009aed;
35
+ --bp-surface-badge-word-surface: #185abd;
36
+ --bp-surface-input-search-surface-focus-pressed: #fff;
25
37
  --bp-surface-surface-brand: #0061d5;
26
38
  --bp-surface-surface-brand-busy: #0061d5;
27
39
  --bp-surface-surface-brand-disabled: #0061d5;
@@ -324,15 +336,17 @@
324
336
  --bp-font-line-height-05: 1.5rem;
325
337
  --bp-font-line-height-06: 2rem;
326
338
  --bp-font-line-height-07: 2.75rem;
339
+ --bp-font-size-10: 1.3125rem;
340
+ --bp-font-size-11: 2.25rem;
327
341
  --bp-font-size-01: 0.5625rem;
328
342
  --bp-font-size-02: 0.625rem;
329
343
  --bp-font-size-03: 0.75rem;
330
- --bp-font-size-04: 0.875rem;
344
+ --bp-font-size-04: 0.8125rem;
331
345
  --bp-font-size-05: 0.9375rem;
332
346
  --bp-font-size-06: 1rem;
333
- --bp-font-size-07: 1.125rem;
334
- --bp-font-size-08: 1.3125rem;
335
- --bp-font-size-09: 2.25rem;
347
+ --bp-font-size-07: 1.0625rem;
348
+ --bp-font-size-08: 1.125rem;
349
+ --bp-font-size-09: 1.1875rem;
336
350
  --bp-font-weight-black: 900;
337
351
  --bp-font-weight-bold: 700;
338
352
  --bp-font-weight-regular: 400;
@@ -571,8 +585,9 @@
571
585
  --bp-border-checkbox-border-hover: var(--bp-gray-80);
572
586
  --bp-border-checkbox-border-selected: var(--bp-box-blue-100);
573
587
  --bp-border-checkbox-border-selected-hover: var(--bp-light-blue-110);
574
- --bp-border-collapsible-border: var(--bp-gray-20);
575
- --bp-border-contentbutton-border-selected: var(--bp-gray-50);
588
+ --bp-border-collapsible-section-border: var(--bp-gray-20);
589
+ --bp-border-content-button-border-hover-active: var(--bp-gray-50);
590
+ --bp-border-content-button-border-selected: var(--bp-gray-50);
576
591
  --bp-border-cta-border-outline: var(--bp-gray-black);
577
592
  --bp-border-cta-border-outline-hover: var(--bp-gray-black);
578
593
  --bp-border-cta-border-outline-pressed: var(--bp-gray-black);
@@ -580,46 +595,65 @@
580
595
  --bp-border-cta-border-secondary-disabled: var(--bp-gray-10);
581
596
  --bp-border-cta-border-secondary-hover: var(--bp-gray-30);
582
597
  --bp-border-cta-border-secondary-pressed: var(--bp-gray-30);
598
+ --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
599
+ --bp-border-date-picker-day-border-selected-focus: var(--bp-light-blue-100);
600
+ --bp-border-date-picker-border-active: var(--bp-light-blue-100);
601
+ --bp-border-date-picker-border-complete: var(--bp-gray-50);
602
+ --bp-border-date-picker-border-default: var(--bp-gray-50);
603
+ --bp-border-date-picker-border-disabled: var(--bp-gray-50);
604
+ --bp-border-date-picker-border-error: var(--bp-watermelon-red-100);
605
+ --bp-border-date-picker-border-focus: var(--bp-light-blue-100);
606
+ --bp-border-date-picker-border-hover: var(--bp-gray-65);
583
607
  --bp-border-divider-border: var(--bp-gray-10);
608
+ --bp-border-dropdown-secondary-border: var(--bp-gray-30);
584
609
  --bp-border-dropdown-border: var(--bp-gray-30);
585
610
  --bp-border-dropdown-border-error: var(--bp-watermelon-red-100);
586
611
  --bp-border-dropdown-border-error-focus: var(--bp-watermelon-red-100);
587
612
  --bp-border-dropdown-border-error-hover: var(--bp-watermelon-red-100);
588
613
  --bp-border-dropdown-border-focus: var(--bp-box-blue-100);
589
614
  --bp-border-dropdown-border-hover: var(--bp-gray-65);
590
- --bp-border-filterchip-border-multi-on: var(--bp-box-blue-40);
591
- --bp-border-filterchip-border-multi-on-hover: var(--bp-box-blue-40);
592
- --bp-border-gridthumbnail-border: var(--bp-gray-10);
615
+ --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
616
+ --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
617
+ --bp-border-grid-thumbnail-border: var(--bp-gray-10);
593
618
  --bp-border-input-border: var(--bp-gray-50);
594
619
  --bp-border-input-border-error: var(--bp-watermelon-red-100);
595
620
  --bp-border-input-border-error-focus: var(--bp-watermelon-red-100);
596
621
  --bp-border-input-border-error-hover: var(--bp-watermelon-red-100);
597
622
  --bp-border-input-border-focus: var(--bp-light-blue-100);
598
623
  --bp-border-input-border-hover: var(--bp-gray-65);
599
- --bp-border-inputchip-border-error: var(--bp-watermelon-red-100);
624
+ --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
625
+ --bp-border-item-small-border-selected: var(--bp-box-blue-100);
600
626
  --bp-border-item-border-hover: var(--bp-gray-10);
601
627
  --bp-border-item-border-selected: var(--bp-box-blue-100);
602
- --bp-border-item-small-border-selected: var(--bp-box-blue-100);
628
+ --bp-border-list-item-border: var(--bp-gray-10);
629
+ --bp-border-list-item-border-selected: var(--bp-box-blue-100);
630
+ --bp-border-menu-border: var(--bp-gray-10);
603
631
  --bp-border-message-border-error: var(--bp-watermelon-red-100);
604
- --bp-border-message-border-error-secondary: var(--bp-watermelon-red-50);
632
+ --bp-border-message-border-error-secondary: var(--bp-watermelon-red-opacity-30);
605
633
  --bp-border-message-border-generic: var(--bp-gray-100);
606
- --bp-border-message-border-generic-secondary: var(--bp-gray-50);
634
+ --bp-border-message-border-generic-secondary: var(--bp-black-opacity-30);
607
635
  --bp-border-message-border-info: var(--bp-box-blue-100);
608
- --bp-border-message-border-info-secondary: var(--bp-light-blue-50);
636
+ --bp-border-message-border-info-secondary: var(--bp-light-blue-opacity-30);
609
637
  --bp-border-message-border-success: var(--bp-green-light-100);
610
- --bp-border-message-border-success-secondary: var(--bp-green-light-50);
638
+ --bp-border-message-border-success-secondary: var(--bp-green-light-opacity-30);
611
639
  --bp-border-message-border-warning: var(--bp-yellorange-100);
612
- --bp-border-message-border-warning-secondary: var(--bp-yellorange-50);
640
+ --bp-border-message-border-warning-secondary: var(--bp-yellorange-opacity-30);
613
641
  --bp-border-radio-border: var(--bp-gray-65);
614
642
  --bp-border-radio-border-hover: var(--bp-gray-80);
615
643
  --bp-border-radio-border-selected: var(--bp-box-blue-100);
616
644
  --bp-border-radio-border-selected-hover: var(--bp-light-blue-110);
617
- --bp-border-radiotile-border: var(--bp-gray-30);
618
- --bp-border-radiotile-border-hover: var(--bp-gray-30);
619
- --bp-border-radiotile-border-selected: var(--bp-box-blue-100);
645
+ --bp-border-radio-tile-border: var(--bp-gray-30);
646
+ --bp-border-radio-tile-border-hover: var(--bp-gray-30);
647
+ --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
648
+ --bp-border-search-global-border-hover: var(--bp-gray-10);
620
649
  --bp-border-search-border: var(--bp-gray-05);
621
650
  --bp-border-search-border-hover: var(--bp-gray-65);
622
- --bp-border-search-global-border-hover: var(--bp-gray-10);
651
+ --bp-border-select-border-active: var(--bp-light-blue-100);
652
+ --bp-border-select-border-default: var(--bp-gray-30);
653
+ --bp-border-select-border-disabled: var(--bp-gray-30);
654
+ --bp-border-select-border-error: var(--bp-watermelon-red-110);
655
+ --bp-border-select-border-hover: var(--bp-gray-65);
656
+ --bp-border-select-border-read-only: var(--bp-gray-20);
623
657
  --bp-border-status-border-hover: var(--bp-black-opacity-04);
624
658
  --bp-border-switch-border: var(--bp-gray-30);
625
659
  --bp-border-switch-border-hover: var(--bp-gray-30);
@@ -629,14 +663,15 @@
629
663
  --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
630
664
  --bp-border-tab-border-selected-hover: var(--bp-box-blue-100);
631
665
  --bp-border-toggle-border: var(--bp-gray-30);
666
+ --bp-border-toggle-border-off: var(--bp-gray-white);
632
667
  --bp-border-toggle-border-on: var(--bp-box-blue-40);
633
- --bp-border-toggletext-border-off: var(--bp-gray-white);
634
- --bp-border-toggletext-border-off-ai: var(--bp-gray-30);
635
- --bp-border-toggletext-border-off-hover: var(--bp-gray-05);
636
- --bp-border-toggletext-border-off-pressed: var(--bp-gray-10);
637
- --bp-border-toggletext-border-on: var(--bp-box-blue-40);
638
- --bp-border-toggletext-border-on-hover: var(--bp-box-blue-40);
639
- --bp-border-toggletext-border-on-pressed: var(--bp-box-blue-40);
668
+ --bp-border-toggle-text-border-off: var(--bp-gray-white);
669
+ --bp-border-toggle-text-border-off-ai: var(--bp-gray-30);
670
+ --bp-border-toggle-text-border-off-hover: var(--bp-gray-05);
671
+ --bp-border-toggle-text-border-off-pressed: var(--bp-gray-10);
672
+ --bp-border-toggle-text-border-on: var(--bp-box-blue-40);
673
+ --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
674
+ --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
640
675
  --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
641
676
  --bp-icon-cta-icon: var(--bp-gray-65);
642
677
  --bp-icon-cta-icon-hover: var(--bp-gray-100);
@@ -647,14 +682,6 @@
647
682
  --bp-icon-cta-icon-utility: var(--bp-gray-80);
648
683
  --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
649
684
  --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
650
- --bp-icon-icon-blue: var(--bp-box-blue-100);
651
- --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
652
- --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
653
- --bp-icon-icon-on-dark: var(--bp-gray-white);
654
- --bp-icon-icon-on-light: var(--bp-gray-100);
655
- --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
656
- --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
657
- --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
658
685
  --bp-icon-nav-icon-on-dark: var(--bp-gray-white);
659
686
  --bp-icon-nav-icon-on-dark-focus: var(--bp-gray-white);
660
687
  --bp-icon-nav-icon-on-dark-hover: var(--bp-gray-white);
@@ -663,35 +690,55 @@
663
690
  --bp-icon-nav-icon-on-light-focus: var(--bp-gray-100);
664
691
  --bp-icon-nav-icon-on-light-hover: var(--bp-gray-100);
665
692
  --bp-icon-nav-icon-on-light-selected: var(--bp-gray-100);
693
+ --bp-icon-icon-blue: var(--bp-box-blue-100);
694
+ --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
695
+ --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
696
+ --bp-icon-icon-on-dark: var(--bp-gray-white);
697
+ --bp-icon-icon-on-light: var(--bp-gray-100);
698
+ --bp-icon-icon-on-light-secondary: var(--bp-gray-65);
699
+ --bp-icon-icon-on-light-tertiary: var(--bp-gray-50);
700
+ --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
666
701
  --bp-outline-focus-on-dark: var(--bp-gray-white);
667
702
  --bp-outline-focus-on-light: var(--bp-light-blue-100);
668
703
  --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
669
- --bp-overlay-sidepanel-overlay: var(--bp-black-opacity-50);
704
+ --bp-overlay-side-panel-overlay: var(--bp-black-opacity-50);
670
705
  --bp-surface-accordion-surface: var(--bp-gray-white);
671
706
  --bp-surface-accordion-surface-hover: var(--bp-gray-05);
672
- --bp-surface-badge-admin-surface: var(--bp-dark-blue-100);
673
- --bp-surface-badge-annotation-surface: var(--bp-yellorange-100);
674
- --bp-surface-badge-boxnote-surface: var(--bp-gray-10);
675
- --bp-surface-badge-canvas-surface: var(--bp-orange-100);
676
- --bp-surface-badge-coadmin-surface: var(--bp-purple-rain-100);
677
- --bp-surface-badge-collection-surface: var(--bp-gray-10);
678
- --bp-surface-badge-completed-surface: var(--bp-green-light-100);
679
- --bp-surface-badge-error-surface: var(--bp-watermelon-red-110);
680
- --bp-surface-badge-external-surface: var(--bp-gray-50);
681
- --bp-surface-badge-folderexternal-surface: var(--bp-gray-65);
682
- --bp-surface-badge-foldershared-surface: var(--bp-light-blue-100);
683
- --bp-surface-badge-image-surface: var(--bp-green-light-100);
684
- --bp-surface-badge-mention-surface: var(--bp-light-blue-120);
685
- --bp-surface-badge-notification-surface: var(--bp-watermelon-red-110);
686
- --bp-surface-badge-offline-surface: var(--bp-green-light-100);
687
- --bp-surface-badge-online-surface: var(--bp-green-light-120);
688
- --bp-surface-badge-pin-surface: var(--bp-gray-10);
689
- --bp-surface-badge-progress-surface: var(--bp-yellorange-100);
690
- --bp-surface-badge-rejected-surface: var(--bp-watermelon-red-110);
691
- --bp-surface-badge-relay-surface: var(--bp-light-blue-120);
692
- --bp-surface-badge-task-surface: var(--bp-light-blue-100);
693
- --bp-surface-badge-taskapproval-surface: var(--bp-light-blue-120);
694
- --bp-surface-card-surface: var(--bp-gray-white);
707
+ --bp-surface-badge-presentation-surface: var(--bp-orange-110);
708
+ --bp-surface-badge-surface-admin: var(--bp-dark-blue-100);
709
+ --bp-surface-badge-surface-annotation: var(--bp-yellorange-100);
710
+ --bp-surface-badge-surface-audio: var(--bp-purple-rain-100);
711
+ --bp-surface-badge-surface-bookmark: var(--bp-box-blue-100);
712
+ --bp-surface-badge-surface-boxapps: var(--bp-box-blue-100);
713
+ --bp-surface-badge-surface-boxnote: var(--bp-gray-10);
714
+ --bp-surface-badge-surface-canvas: var(--bp-orange-110);
715
+ --bp-surface-badge-surface-coadmin: var(--bp-purple-rain-100);
716
+ --bp-surface-badge-surface-code: var(--bp-watermelon-red-100);
717
+ --bp-surface-badge-surface-collection: var(--bp-gray-10);
718
+ --bp-surface-badge-surface-completed: var(--bp-green-light-120);
719
+ --bp-surface-badge-surface-default: var(--bp-gray-65);
720
+ --bp-surface-badge-surface-error: var(--bp-watermelon-red-110);
721
+ --bp-surface-badge-surface-external: var(--bp-gray-50);
722
+ --bp-surface-badge-surface-folderexternal: var(--bp-gray-65);
723
+ --bp-surface-badge-surface-foldershared: var(--bp-light-blue-100);
724
+ --bp-surface-badge-surface-hubs: var(--bp-box-blue-100);
725
+ --bp-surface-badge-surface-image: var(--bp-green-light-120);
726
+ --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
727
+ --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
728
+ --bp-surface-badge-surface-offline: var(--bp-green-light-100);
729
+ --bp-surface-badge-surface-online: var(--bp-green-light-120);
730
+ --bp-surface-badge-surface-pin: var(--bp-gray-10);
731
+ --bp-surface-badge-surface-progress: var(--bp-yellorange-100);
732
+ --bp-surface-badge-surface-rejected: var(--bp-watermelon-red-110);
733
+ --bp-surface-badge-surface-relay: var(--bp-light-blue-120);
734
+ --bp-surface-badge-surface-task: var(--bp-light-blue-100);
735
+ --bp-surface-badge-surface-taskapproval: var(--bp-light-blue-120);
736
+ --bp-surface-badge-text-surface: var(--bp-box-blue-100);
737
+ --bp-surface-badge-three-d-surface: var(--bp-orange-110);
738
+ --bp-surface-badge-vector-surface: var(--bp-orange-110);
739
+ --bp-surface-badge-zip-surface: var(--bp-gray-65);
740
+ --bp-surface-calendar-surface: var(--bp-gray-white);
741
+ --bp-surface-card-surface: var(--bp-white-opacity-70);
695
742
  --bp-surface-card-surface-focus: var(--bp-box-blue-05);
696
743
  --bp-surface-card-surface-hover: var(--bp-gray-white);
697
744
  --bp-surface-card-surface-pressed: var(--bp-gray-02);
@@ -701,9 +748,16 @@
701
748
  --bp-surface-checkbox-surface-selected-hover: var(--bp-light-blue-110);
702
749
  --bp-surface-chip-button-surface: var(--bp-black-opacity-04);
703
750
  --bp-surface-chip-button-surface-hover: var(--bp-black-opacity-08);
704
- --bp-surface-contentbutton-surface-surface-selected: var(--bp-gray-white);
705
- --bp-surface-contentswitcher-surface: var(--bp-gray-10);
706
- --bp-surface-cta-surface-disabled: var(--bp-box-blue-30);
751
+ --bp-surface-combobox-surface: var(--bp-gray-white);
752
+ --bp-surface-content-button-surface-focus: var(--bp-gray-white);
753
+ --bp-surface-content-button-surface-focus-default: var(--bp-gray-white);
754
+ --bp-surface-content-button-surface-hover-active: var(--bp-gray-05);
755
+ --bp-surface-content-button-surface-hover-default: var(--bp-gray-05);
756
+ --bp-surface-content-button-surface-selected: var(--bp-gray-white);
757
+ --bp-surface-content-switcher-surface: var(--bp-gray-10);
758
+ --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
759
+ --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
760
+ --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
707
761
  --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
708
762
  --bp-surface-cta-surface-icon-disabled: var(--bp-black-opacity-00);
709
763
  --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
@@ -713,6 +767,7 @@
713
767
  --bp-surface-cta-surface-icon-utility-pressed: var(--bp-gray-30);
714
768
  --bp-surface-cta-surface-outline: var(--bp-black-opacity-00);
715
769
  --bp-surface-cta-surface-outline-hover: var(--bp-black-opacity-04);
770
+ --bp-surface-cta-surface-outline-pressed: var(--bp-black-opacity-08);
716
771
  --bp-surface-cta-surface-promo: var(--bp-grimace-110);
717
772
  --bp-surface-cta-surface-promo-focus: var(--bp-grimace-100);
718
773
  --bp-surface-cta-surface-promo-focus-pressed: var(--bp-grimace-120);
@@ -733,18 +788,27 @@
733
788
  --bp-surface-cta-surface-tertiary-promo-focus-pressed: var(--bp-grimace-20);
734
789
  --bp-surface-cta-surface-tertiary-promo-hover: var(--bp-grimace-05);
735
790
  --bp-surface-cta-surface-tertiary-promo-pressed: var(--bp-grimace-20);
736
- --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
737
- --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
738
- --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
739
- --bp-surface-day-surface: var(--bp-gray-white);
740
- --bp-surface-day-surface-hover: var(--bp-gray-05);
741
- --bp-surface-day-surface-selected: var(--bp-box-blue-100);
742
- --bp-surface-day-surface-selected-hover: var(--bp-dark-blue-100);
791
+ --bp-surface-date-picker-day-surface-default: var(--bp-gray-white);
792
+ --bp-surface-date-picker-day-surface-disabled: var(--bp-gray-white);
793
+ --bp-surface-date-picker-day-surface-focus: var(--bp-gray-05);
794
+ --bp-surface-date-picker-day-surface-hover: var(--bp-gray-05);
795
+ --bp-surface-date-picker-day-surface-selected: var(--bp-box-blue-100);
796
+ --bp-surface-date-picker-day-surface-selected-focus: var(--bp-dark-blue-100);
797
+ --bp-surface-date-picker-day-surface-selected-hover: var(--bp-dark-blue-100);
798
+ --bp-surface-date-picker-surface-active: var(--bp-gray-white);
799
+ --bp-surface-date-picker-surface-complete: var(--bp-gray-white);
800
+ --bp-surface-date-picker-surface-default: var(--bp-gray-white);
801
+ --bp-surface-date-picker-surface-disabled: var(--bp-gray-white);
802
+ --bp-surface-date-picker-surface-error: var(--bp-gray-white);
803
+ --bp-surface-date-picker-surface-focus: var(--bp-gray-white);
804
+ --bp-surface-date-picker-surface-hover: var(--bp-gray-white);
743
805
  --bp-surface-dropdown-primary-surface-hover: var(--bp-gray-05);
744
806
  --bp-surface-dropdown-primary-surface-pressed: var(--bp-gray-10);
745
807
  --bp-surface-dropdown-secondary-surface: var(--bp-gray-white);
746
808
  --bp-surface-dropdown-secondary-surface-hover: var(--bp-gray-05);
747
809
  --bp-surface-dropdown-secondary-surface-pressed: var(--bp-gray-10);
810
+ --bp-surface-dropdown-tertiary-surface-hover: var(--bp-gray-05);
811
+ --bp-surface-dropdown-tertiary-surface-pressed: var(--bp-gray-10);
748
812
  --bp-surface-dropdown-surface: var(--bp-gray-white);
749
813
  --bp-surface-dropdown-surface-error: var(--bp-gray-white);
750
814
  --bp-surface-dropdown-surface-error-focus: var(--bp-gray-white);
@@ -756,43 +820,46 @@
756
820
  --bp-surface-filter-surface-hover: var(--bp-box-blue-100);
757
821
  --bp-surface-filter-surface-selected: var(--bp-box-blue-100);
758
822
  --bp-surface-filter-surface-selected-focus: var(--bp-box-blue-100);
759
- --bp-surface-filterchip-surface-multi: var(--bp-black-opacity-04);
760
- --bp-surface-filterchip-surface-multi-hover: var(--bp-black-opacity-08);
761
- --bp-surface-filterchip-surface-multi-on: var(--bp-box-blue-10);
762
- --bp-surface-filterchip-surface-multi-on-hover: var(--bp-box-blue-20);
763
- --bp-surface-filterchip-surface-single: var(--bp-black-opacity-04);
764
- --bp-surface-filterchip-surface-single-hover: var(--bp-black-opacity-08);
765
- --bp-surface-filterchip-surface-single-on: var(--bp-box-blue-100);
766
- --bp-surface-filterchip-surface-single-on-hover: var(--bp-box-blue-100);
823
+ --bp-surface-filter-chip-surface-multi: var(--bp-black-opacity-04);
824
+ --bp-surface-filter-chip-surface-multi-hover: var(--bp-black-opacity-08);
825
+ --bp-surface-filter-chip-surface-multi-on: var(--bp-box-blue-10);
826
+ --bp-surface-filter-chip-surface-multi-on-hover: var(--bp-box-blue-20);
827
+ --bp-surface-filter-chip-surface-single: var(--bp-black-opacity-04);
828
+ --bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
829
+ --bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
830
+ --bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
767
831
  --bp-surface-ghost-surface: var(--bp-gray-02);
768
832
  --bp-surface-ghost-surface-secondary: var(--bp-gray-05);
769
833
  --bp-surface-illustration-surface-box: var(--bp-box-blue-100);
770
834
  --bp-surface-illustration-surface-box-neutral: var(--bp-box-blue-100);
835
+ --bp-surface-inline-notice-surface-error: var(--bp-watermelon-red-10);
836
+ --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
837
+ --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
838
+ --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
839
+ --bp-surface-input-search-surface: var(--bp-gray-05);
840
+ --bp-surface-input-search-surface-focus: var(--bp-gray-white);
841
+ --bp-surface-input-search-surface-hover: var(--bp-gray-02);
771
842
  --bp-surface-input-surface: var(--bp-gray-white);
772
843
  --bp-surface-input-surface-error: var(--bp-gray-white);
773
844
  --bp-surface-input-surface-error-focus: var(--bp-gray-white);
774
845
  --bp-surface-input-surface-error-hover: var(--bp-gray-white);
775
846
  --bp-surface-input-surface-focus: var(--bp-gray-white);
776
847
  --bp-surface-input-surface-hover: var(--bp-gray-white);
777
- --bp-surface-inputchip-surface: var(--bp-gray-10);
778
- --bp-surface-inputchip-surface-error: var(--bp-watermelon-red-10);
779
- --bp-surface-inputchip-surface-hover: var(--bp-gray-10);
848
+ --bp-surface-input-chip-surface: var(--bp-gray-10);
849
+ --bp-surface-input-chip-surface-error: var(--bp-watermelon-red-10);
850
+ --bp-surface-input-chip-surface-hover: var(--bp-gray-10);
780
851
  --bp-surface-item-small-surface: var(--bp-gray-white);
781
852
  --bp-surface-item-small-surface-hover: var(--bp-gray-05);
782
853
  --bp-surface-item-small-surface-selected: var(--bp-box-blue-05);
783
854
  --bp-surface-item-surface-hover: var(--bp-gray-white);
784
855
  --bp-surface-item-surface-selected: var(--bp-box-blue-05);
856
+ --bp-surface-list-item-surface: var(--bp-gray-white);
857
+ --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
785
858
  --bp-surface-menu-surface: var(--bp-gray-white);
786
- --bp-surface-menu-surface-focus: var(--bp-gray-05);
787
- --bp-surface-menu-surface-hover: var(--bp-gray-05);
788
- --bp-surface-menu-surface-pressed: var(--bp-gray-05);
789
- --bp-surface-message-surface-error-secondary: var(--bp-watermelon-red-10);
790
- --bp-surface-message-surface-generic: var(--bp-gray-10);
791
- --bp-surface-message-surface-generic-secondary: var(--bp-gray-10);
792
- --bp-surface-message-surface-info-secondary: var(--bp-light-blue-10);
793
- --bp-surface-message-surface-promo-secondary: var(--bp-grimace-10);
794
- --bp-surface-message-surface-success-secondary: var(--bp-green-light-10);
795
- --bp-surface-message-surface-warning-secondary: var(--bp-yellorange-10);
859
+ --bp-surface-menu-item-surface-default: var(--bp-gray-white);
860
+ --bp-surface-menu-item-surface-hover: var(--bp-gray-05);
861
+ --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
862
+ --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
796
863
  --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
797
864
  --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
798
865
  --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -800,22 +867,28 @@
800
867
  --bp-surface-pill-surface: var(--bp-gray-10);
801
868
  --bp-surface-pill-surface-focus: var(--bp-gray-10);
802
869
  --bp-surface-pill-surface-hover: var(--bp-gray-10);
803
- --bp-surface-progressbar-surface-brand: var(--bp-box-blue-100);
870
+ --bp-surface-progress-bar-surface-brand: var(--bp-box-blue-100);
804
871
  --bp-surface-radio-surface: var(--bp-gray-white);
805
872
  --bp-surface-radio-surface-hover: var(--bp-gray-white);
806
873
  --bp-surface-radio-surface-selected: var(--bp-box-blue-100);
807
874
  --bp-surface-radio-surface-selected-hover: var(--bp-light-blue-110);
808
- --bp-surface-radiotile-surface: var(--bp-gray-white);
809
- --bp-surface-radiotile-surface-hover: var(--bp-gray-05);
810
- --bp-surface-radiotile-surface-selected: var(--bp-box-blue-05);
875
+ --bp-surface-radio-tile-surface: var(--bp-gray-white);
876
+ --bp-surface-radio-tile-surface-hover: var(--bp-gray-05);
877
+ --bp-surface-radio-tile-surface-selected: var(--bp-box-blue-05);
811
878
  --bp-surface-scrollbar-surface: var(--bp-black-opacity-50);
812
879
  --bp-surface-search-global-surface: var(--bp-gray-05);
813
880
  --bp-surface-search-surface: var(--bp-gray-05);
814
881
  --bp-surface-search-surface-focused: var(--bp-gray-white);
815
882
  --bp-surface-search-surface-hover: var(--bp-gray-02);
816
- --bp-surface-sliderthumb-surface: var(--bp-box-blue-100);
817
- --bp-surface-sliderthumb-surface-hover: var(--bp-light-blue-100);
818
- --bp-surface-slidertrack-surface: var(--bp-gray-65);
883
+ --bp-surface-select-surface-active: var(--bp-gray-white);
884
+ --bp-surface-select-surface-default: var(--bp-gray-white);
885
+ --bp-surface-select-surface-disabled: var(--bp-gray-white);
886
+ --bp-surface-select-surface-error: var(--bp-gray-white);
887
+ --bp-surface-select-surface-hover: var(--bp-gray-white);
888
+ --bp-surface-select-surface-read-only: var(--bp-gray-02);
889
+ --bp-surface-slider-thumb-surface: var(--bp-box-blue-100);
890
+ --bp-surface-slider-thumb-surface-hover: var(--bp-light-blue-100);
891
+ --bp-surface-slider-track-surface: var(--bp-gray-65);
819
892
  --bp-surface-status-surface-boxblue: var(--bp-box-blue-100);
820
893
  --bp-surface-status-surface-boxblue-focus: var(--bp-box-blue-100);
821
894
  --bp-surface-status-surface-boxblue-hover: var(--bp-box-blue-100);
@@ -850,14 +923,6 @@
850
923
  --bp-surface-status-surface-yellow: var(--bp-yellow-50);
851
924
  --bp-surface-status-surface-yellow-focus: var(--bp-yellow-50);
852
925
  --bp-surface-status-surface-yellow-hover: var(--bp-yellow-50);
853
- --bp-surface-surface: var(--bp-gray-white);
854
- --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
855
- --bp-surface-surface-hover: var(--bp-gray-05);
856
- --bp-surface-surface-quaternary: var(--bp-gray-20);
857
- --bp-surface-surface-secondary: var(--bp-gray-02);
858
- --bp-surface-surface-secondary-focus: var(--bp-gray-02);
859
- --bp-surface-surface-secondary-hover: var(--bp-gray-05);
860
- --bp-surface-surface-tertiary: var(--bp-gray-10);
861
926
  --bp-surface-switch-surface: var(--bp-gray-white);
862
927
  --bp-surface-switch-surface-hover: var(--bp-gray-white);
863
928
  --bp-surface-switch-surface-off: var(--bp-gray-20);
@@ -876,16 +941,24 @@
876
941
  --bp-surface-toggle-surface-on-pressed: var(--bp-box-blue-30);
877
942
  --bp-surface-toggle-surface-pressed: var(--bp-box-blue-100);
878
943
  --bp-surface-toggle-surface-pressed-hover: var(--bp-box-blue-80);
879
- --bp-surface-toggletext-surface-off-ai: var(--bp-gray-white);
880
- --bp-surface-toggletext-surface-off-ai-hover: var(--bp-gray-05);
881
- --bp-surface-toggletext-surface-off-ai-pressed: var(--bp-gray-10);
882
- --bp-surface-toggletext-surface-on: var(--bp-box-blue-10);
883
- --bp-surface-toggletext-surface-on-hover: var(--bp-box-blue-20);
884
- --bp-surface-toggletext-surface-on-pressed: var(--bp-box-blue-30);
944
+ --bp-surface-toggle-text-surface-off: var(--bp-gray-white);
945
+ --bp-surface-toggle-text-surface-off-hover: var(--bp-gray-05);
946
+ --bp-surface-toggle-text-surface-off-pressed: var(--bp-gray-10);
947
+ --bp-surface-toggle-text-surface-on: var(--bp-box-blue-10);
948
+ --bp-surface-toggle-text-surface-on-hover: var(--bp-box-blue-20);
949
+ --bp-surface-toggle-text-surface-on-pressed: var(--bp-box-blue-30);
885
950
  --bp-surface-toolbar-surface: var(--bp-gray-100);
886
- --bp-surface-tooltip-surface: var(--bp-gray-80);
887
- --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-10);
951
+ --bp-surface-tooltip-surface: var(--bp-black-opacity-90);
952
+ --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-opacity-20);
888
953
  --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
954
+ --bp-surface-surface: var(--bp-gray-white);
955
+ --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
956
+ --bp-surface-surface-hover: var(--bp-gray-05);
957
+ --bp-surface-surface-quaternary: var(--bp-gray-20);
958
+ --bp-surface-surface-secondary: var(--bp-gray-02);
959
+ --bp-surface-surface-secondary-focus: var(--bp-gray-02);
960
+ --bp-surface-surface-secondary-hover: var(--bp-gray-05);
961
+ --bp-surface-surface-tertiary: var(--bp-gray-10);
889
962
  --bp-text-cta-link: var(--bp-box-blue-100);
890
963
  --bp-text-cta-link-disabled: var(--bp-box-blue-30);
891
964
  --bp-text-cta-link-hover: var(--bp-light-blue-120);
@@ -902,6 +975,7 @@
902
975
  --bp-text-nav-text-on-light-focus: var(--bp-gray-white);
903
976
  --bp-text-nav-text-on-light-hover: var(--bp-gray-white);
904
977
  --bp-text-nav-text-on-light-selected: var(--bp-gray-white);
978
+ --bp-text-toggle-text-text: var(--bp-box-blue-120);
905
979
  --bp-text-text-brand-on-color: var(--bp-gray-white);
906
980
  --bp-text-text-destructive-on-light: var(--bp-watermelon-red-110);
907
981
  --bp-text-text-error-on-light: var(--bp-watermelon-red-110);
@@ -911,5 +985,4 @@
911
985
  --bp-text-text-on-light-secondary: var(--bp-gray-65);
912
986
  --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);
913
987
  --bp-text-text-on-light-tertiary: var(--bp-gray-50);
914
- --bp-text-toggletext-text: var(--bp-box-blue-120);
915
988
  }