@box/blueprint-web-assets 4.65.4 → 4.66.1

package/dist/tokens/BP2/light_mode_value/tokens.css

@@ -580,7 +580,6 @@
     --bp-border-avatar-border-pressed: var(--bp-black-opacity-08);
     --bp-border-badge-border: var(--bp-gray-white);
     --bp-border-card-border: var(--bp-gray-10);
-    --bp-border-card-border-focus: var(--bp-box-blue-100);
     --bp-border-card-border-hover: var(--bp-gray-10);
     --bp-border-card-border-pressed: var(--bp-gray-10);
     --bp-border-checkbox-border: var(--bp-gray-65);
@@ -592,13 +591,8 @@
     --bp-border-combobox-border-hover: var(--bp-gray-65);
     --bp-border-content-button-border-hover-active: var(--bp-gray-50);
     --bp-border-content-button-border-selected: var(--bp-gray-50);
-    --bp-border-cta-border-outline: var(--bp-gray-black);
-    --bp-border-cta-border-outline-hover: var(--bp-gray-black);
-    --bp-border-cta-border-outline-pressed: var(--bp-gray-black);
-    --bp-border-cta-border-secondary: var(--bp-gray-30);
-    --bp-border-cta-border-secondary-disabled: var(--bp-gray-10);
-    --bp-border-cta-border-secondary-hover: var(--bp-gray-30);
-    --bp-border-cta-border-secondary-pressed: var(--bp-gray-30);
+    --bp-border-cta-border-high-contrast: var(--bp-black-opacity-90);
+    --bp-border-cta-border-secondary: var(--bp-black-opacity-08);
     --bp-border-date-picker-day-border-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-day-border-selected-focus: var(--bp-light-blue-100);
     --bp-border-date-picker-border-active: var(--bp-light-blue-100);
@@ -619,6 +613,7 @@
     --bp-border-filter-chip-border-multi-on: var(--bp-box-blue-40);
     --bp-border-filter-chip-border-multi-on-hover: var(--bp-box-blue-40);
     --bp-border-grid-thumbnail-border: var(--bp-gray-10);
+    --bp-border-header-border: var(--bp-gray-10);
     --bp-border-inline-table-border: var(--bp-gray-10);
     --bp-border-input-border: var(--bp-gray-50);
     --bp-border-input-border-error: var(--bp-watermelon-red-100);
@@ -627,10 +622,12 @@
     --bp-border-input-border-focus: var(--bp-light-blue-100);
     --bp-border-input-border-hover: var(--bp-gray-65);
     --bp-border-input-chip-border-error: var(--bp-watermelon-red-100);
+    --bp-border-input-chip-border-shadow: var(--bp-black-opacity-04);
     --bp-border-item-small-border-selected: var(--bp-box-blue-100);
     --bp-border-item-border-hover: var(--bp-gray-10);
     --bp-border-item-border-selected: var(--bp-box-blue-100);
     --bp-border-list-item-border: var(--bp-gray-10);
+    --bp-border-list-item-border-quote: var(--bp-gray-50);
     --bp-border-list-item-border-selected: var(--bp-box-blue-100);
     --bp-border-menu-border: var(--bp-gray-10);
     --bp-border-message-border-error: var(--bp-watermelon-red-100);
@@ -671,6 +668,7 @@
     --bp-border-tab-border-selected: var(--bp-box-blue-100);
     --bp-border-tab-border-selected-focus: var(--bp-box-blue-100);
     --bp-border-tab-border-selected-hover: var(--bp-box-blue-100);
+    --bp-border-time-picker-border-selected-focus: var(--bp-box-blue-100);
     --bp-border-toggle-border: var(--bp-gray-30);
     --bp-border-toggle-border-off: var(--bp-gray-white);
     --bp-border-toggle-border-on: var(--bp-box-blue-40);
@@ -682,14 +680,15 @@
     --bp-border-toggle-text-border-on-hover: var(--bp-box-blue-40);
     --bp-border-toggle-text-border-on-pressed: var(--bp-box-blue-40);
     --bp-border-toolbar-border: var(--bp-gray-10);
+    --bp-border-tooltip-border: var(--bp-white-opacity-16);
     --bp-border-tooltip-border-error: var(--bp-watermelon-red-50);
     --bp-border-border-accordion-hover: var(--bp-gray-10);
-    --bp-icon-cta-icon: var(--bp-gray-65);
-    --bp-icon-cta-icon-hover: var(--bp-gray-100);
-    --bp-icon-cta-icon-on-color: var(--bp-gray-black);
-    --bp-icon-cta-icon-on-color-hover: var(--bp-gray-black);
-    --bp-icon-cta-icon-on-color-pressed: var(--bp-gray-black);
-    --bp-icon-cta-icon-pressed: var(--bp-gray-100);
+    --bp-icon-cta-icon: var(--bp-black-opacity-60);
+    --bp-icon-cta-icon-high-contrast: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-high-contrast-hover: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-high-contrast-pressed: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-hover: var(--bp-black-opacity-90);
+    --bp-icon-cta-icon-pressed: var(--bp-black-opacity-90);
     --bp-icon-cta-icon-utility: var(--bp-gray-80);
     --bp-icon-cta-icon-utility-hover: var(--bp-gray-black);
     --bp-icon-cta-icon-utility-pressed: var(--bp-gray-black);
@@ -739,6 +738,7 @@
     --bp-surface-badge-surface-image: var(--bp-green-light-120);
     --bp-surface-badge-surface-in-progress: var(--bp-light-blue-100);
     --bp-surface-badge-surface-mention: var(--bp-light-blue-120);
+    --bp-surface-badge-surface-modified: var(--bp-light-blue-100);
     --bp-surface-badge-surface-notification: var(--bp-watermelon-red-110);
     --bp-surface-badge-surface-offline: var(--bp-green-light-100);
     --bp-surface-badge-surface-online: var(--bp-green-light-120);
@@ -754,7 +754,7 @@
     --bp-surface-badge-surface-vector: var(--bp-orange-110);
     --bp-surface-badge-surface-zip: var(--bp-gray-65);
     --bp-surface-calendar-surface: var(--bp-gray-white);
-    --bp-surface-card-surface: var(--bp-white-opacity-70);
+    --bp-surface-card-surface: var(--bp-white-opacity-90);
     --bp-surface-card-surface-focus: var(--bp-box-blue-05);
     --bp-surface-card-surface-hover: var(--bp-gray-white);
     --bp-surface-card-surface-pressed: var(--bp-gray-02);
@@ -773,11 +773,10 @@
     --bp-surface-content-button-surface-hover-selected: var(--bp-gray-05);
     --bp-surface-content-button-surface-selected: var(--bp-gray-white);
     --bp-surface-content-switcher-surface: var(--bp-gray-10);
-    --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-05);
-    --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-10);
+    --bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
+    --bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
     --bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
     --bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
-    --bp-surface-cta-surface-icon-disabled: var(--bp-black-opacity-00);
     --bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-icon-utility: var(--bp-gray-10);
@@ -792,15 +791,11 @@
     --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
     --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
     --bp-surface-cta-surface-secondary: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-busy: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-disabled: var(--bp-white-opacity-70);
-    --bp-surface-cta-surface-secondary-focus: var(--bp-black-opacity-04);
-    --bp-surface-cta-surface-secondary-focus-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
     --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
-    --bp-surface-cta-surface-tertiary: var(--bp-gray-white);
-    --bp-surface-cta-surface-tertiary-hover: var(--bp-gray-05);
-    --bp-surface-cta-surface-tertiary-pressed: var(--bp-gray-10);
+    --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
+    --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
+    --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-tertiary-promo: var(--bp-grimace-10);
     --bp-surface-cta-surface-tertiary-promo-focus: var(--bp-grimace-05);
     --bp-surface-cta-surface-tertiary-promo-focus-pressed: var(--bp-grimace-20);
@@ -873,8 +868,10 @@
     --bp-surface-item-surface-hover: var(--bp-gray-white);
     --bp-surface-item-surface-selected: var(--bp-box-blue-05);
     --bp-surface-list-item-surface: var(--bp-gray-white);
-    --bp-surface-list-item-surface-hover: var(--bp-gray-05);
+    --bp-surface-list-item-surface-hover: var(--bp-gray-white);
+    --bp-surface-list-item-surface-loading: var(--bp-gray-05);
     --bp-surface-list-item-surface-selected: var(--bp-box-blue-05);
+    --bp-surface-list-item-surface-thumbnail: var(--bp-gray-white);
     --bp-surface-loading-indicator-surface: var(--bp-box-blue-100);
     --bp-surface-loading-indicator-surface-on-dark: var(--bp-gray-white);
     --bp-surface-loading-indicator-surface-on-dark-secondary: var(--bp-white-opacity-70);
@@ -891,6 +888,7 @@
     --bp-surface-menu-item-surface-loading: var(--bp-gray-white);
     --bp-surface-menu-item-surface-pressed: var(--bp-gray-05);
     --bp-surface-modal-surface: var(--bp-gray-white);
+    --bp-surface-modal-surface-gray: var(--bp-gray-05);
     --bp-surface-nav-surface-brand: var(--bp-box-blue-100);
     --bp-surface-option-grid-surface-hover: var(--bp-black-opacity-04);
     --bp-surface-option-grid-surface-selected: var(--bp-black-opacity-08);
@@ -959,6 +957,9 @@
     --bp-surface-tab-surface-hover: var(--bp-black-opacity-00);
     --bp-surface-tab-surface-pressed: var(--bp-black-opacity-00);
     --bp-surface-text-highlight-surface: var(--bp-yellow-20);
+    --bp-surface-time-picker-surface: var(--bp-white-opacity-00);
+    --bp-surface-time-picker-surface-selected: var(--bp-box-blue-100);
+    --bp-surface-time-picker-surface-selected-focus: var(--bp-box-blue-05);
     --bp-surface-toggle-surface: var(--bp-gray-white);
     --bp-surface-toggle-surface-hover: var(--bp-gray-05);
     --bp-surface-toggle-surface-off-hover: var(--bp-gray-05);
@@ -978,7 +979,6 @@
     --bp-surface-tooltip-surface-error: var(--bp-watermelon-red-30);
     --bp-surface-upload-surface-brand-neutral: var(--bp-box-blue-100);
     --bp-surface-surface: var(--bp-gray-white);
-    --bp-surface-surface-avatar: var(--bp-black-opacity-04);
     --bp-surface-surface-brand-secondary: var(--bp-box-blue-10);
     --bp-surface-surface-hover: var(--bp-gray-05);
     --bp-surface-surface-quaternary: var(--bp-gray-20);

package/dist/tokens/BP2/light_mode_value/tokens.d.ts

@@ -3,7 +3,6 @@ export const bpBorderAvatarBorderHover: string;
 export const bpBorderAvatarBorderPressed: string;
 export const bpBorderBadgeBorder: string;
 export const bpBorderCardBorder: string;
-export const bpBorderCardBorderFocus: string;
 export const bpBorderCardBorderHover: string;
 export const bpBorderCardBorderPressed: string;
 export const bpBorderCheckboxBorder: string;
@@ -15,14 +14,9 @@ export const bpBorderComboboxBorder: string;
 export const bpBorderComboboxBorderHover: string;
 export const bpBorderContentButtonBorderHoverActive: string;
 export const bpBorderContentButtonBorderSelected: string;
-export const bpBorderCtaBorderOutline: string;
+export const bpBorderCtaBorderHighContrast: string;
 export const bpBorderCtaBorderOutlineDisabled: string;
-export const bpBorderCtaBorderOutlineHover: string;
-export const bpBorderCtaBorderOutlinePressed: string;
 export const bpBorderCtaBorderSecondary: string;
-export const bpBorderCtaBorderSecondaryDisabled: string;
-export const bpBorderCtaBorderSecondaryHover: string;
-export const bpBorderCtaBorderSecondaryPressed: string;
 export const bpBorderDatePickerDayBorderFocus: string;
 export const bpBorderDatePickerDayBorderSelectedFocus: string;
 export const bpBorderDatePickerBorderActive: string;
@@ -44,6 +38,7 @@ export const bpBorderDropdownBorderHover: string;
 export const bpBorderFilterChipBorderMultiOn: string;
 export const bpBorderFilterChipBorderMultiOnHover: string;
 export const bpBorderGridThumbnailBorder: string;
+export const bpBorderHeaderBorder: string;
 export const bpBorderInlineTableBorder: string;
 export const bpBorderInputBorder: string;
 export const bpBorderInputBorderError: string;
@@ -52,10 +47,12 @@ export const bpBorderInputBorderErrorHover: string;
 export const bpBorderInputBorderFocus: string;
 export const bpBorderInputBorderHover: string;
 export const bpBorderInputChipBorderError: string;
+export const bpBorderInputChipBorderShadow: string;
 export const bpBorderItemSmallBorderSelected: string;
 export const bpBorderItemBorderHover: string;
 export const bpBorderItemBorderSelected: string;
 export const bpBorderListItemBorder: string;
+export const bpBorderListItemBorderQuote: string;
 export const bpBorderListItemBorderSelected: string;
 export const bpBorderMenuBorder: string;
 export const bpBorderMessageBorderError: string;
@@ -96,6 +93,7 @@ export const bpBorderTabBorderHover: string;
 export const bpBorderTabBorderSelected: string;
 export const bpBorderTabBorderSelectedFocus: string;
 export const bpBorderTabBorderSelectedHover: string;
+export const bpBorderTimePickerBorderSelectedFocus: string;
 export const bpBorderToggleBorder: string;
 export const bpBorderToggleBorderOff: string;
 export const bpBorderToggleBorderOn: string;
@@ -107,6 +105,7 @@ export const bpBorderToggleTextBorderOn: string;
 export const bpBorderToggleTextBorderOnHover: string;
 export const bpBorderToggleTextBorderOnPressed: string;
 export const bpBorderToolbarBorder: string;
+export const bpBorderTooltipBorder: string;
 export const bpBorderTooltipBorderError: string;
 export const bpBorderBorderAccordionHover: string;
 export const bpBorder00: string;
@@ -119,10 +118,10 @@ export const bpBorder06: string;
 export const bpBorder07: string;
 export const bpBorder08: string;
 export const bpIconCtaIcon: string;
+export const bpIconCtaIconHighContrast: string;
+export const bpIconCtaIconHighContrastHover: string;
+export const bpIconCtaIconHighContrastPressed: string;
 export const bpIconCtaIconHover: string;
-export const bpIconCtaIconOnColor: string;
-export const bpIconCtaIconOnColorHover: string;
-export const bpIconCtaIconOnColorPressed: string;
 export const bpIconCtaIconPressed: string;
 export const bpIconCtaIconUtility: string;
 export const bpIconCtaIconUtilityHover: string;
@@ -182,6 +181,7 @@ export const bpSurfaceBadgeSurfaceInProgress: string;
 export const bpSurfaceBadgeSurfaceIndesign: string;
 export const bpSurfaceBadgeSurfaceKeynote: string;
 export const bpSurfaceBadgeSurfaceMention: string;
+export const bpSurfaceBadgeSurfaceModified: string;
 export const bpSurfaceBadgeSurfaceNotification: string;
 export const bpSurfaceBadgeSurfaceNumbers: string;
 export const bpSurfaceBadgeSurfaceOffline: string;
@@ -230,7 +230,6 @@ export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
 export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
 export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
 export const bpSurfaceCtaSurfaceIcon: string;
-export const bpSurfaceCtaSurfaceIconDisabled: string;
 export const bpSurfaceCtaSurfaceIconHover: string;
 export const bpSurfaceCtaSurfaceIconPressed: string;
 export const bpSurfaceCtaSurfaceIconUtility: string;
@@ -245,10 +244,6 @@ export const bpSurfaceCtaSurfacePromoFocusPressed: string;
 export const bpSurfaceCtaSurfacePromoHover: string;
 export const bpSurfaceCtaSurfacePromoPressed: string;
 export const bpSurfaceCtaSurfaceSecondary: string;
-export const bpSurfaceCtaSurfaceSecondaryBusy: string;
-export const bpSurfaceCtaSurfaceSecondaryDisabled: string;
-export const bpSurfaceCtaSurfaceSecondaryFocus: string;
-export const bpSurfaceCtaSurfaceSecondaryFocusPressed: string;
 export const bpSurfaceCtaSurfaceSecondaryHover: string;
 export const bpSurfaceCtaSurfaceSecondaryPressed: string;
 export const bpSurfaceCtaSurfaceTertiary: string;
@@ -328,7 +323,9 @@ export const bpSurfaceItemSurfaceHover: string;
 export const bpSurfaceItemSurfaceSelected: string;
 export const bpSurfaceListItemSurface: string;
 export const bpSurfaceListItemSurfaceHover: string;
+export const bpSurfaceListItemSurfaceLoading: string;
 export const bpSurfaceListItemSurfaceSelected: string;
+export const bpSurfaceListItemSurfaceThumbnail: string;
 export const bpSurfaceLoadingIndicatorSurface: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDark: string;
 export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary: string;
@@ -345,6 +342,7 @@ export const bpSurfaceMenuItemSurfaceHover: string;
 export const bpSurfaceMenuItemSurfaceLoading: string;
 export const bpSurfaceMenuItemSurfacePressed: string;
 export const bpSurfaceModalSurface: string;
+export const bpSurfaceModalSurfaceGray: string;
 export const bpSurfaceNavSurfaceBrand: string;
 export const bpSurfaceOptionGridSurfaceHover: string;
 export const bpSurfaceOptionGridSurfaceSelected: string;
@@ -413,6 +411,9 @@ export const bpSurfaceSwitchSurfaceOnHover: string;
 export const bpSurfaceTabSurfaceHover: string;
 export const bpSurfaceTabSurfacePressed: string;
 export const bpSurfaceTextHighlightSurface: string;
+export const bpSurfaceTimePickerSurface: string;
+export const bpSurfaceTimePickerSurfaceSelected: string;
+export const bpSurfaceTimePickerSurfaceSelectedFocus: string;
 export const bpSurfaceToggleSurface: string;
 export const bpSurfaceToggleSurfaceHover: string;
 export const bpSurfaceToggleSurfaceOffHover: string;
@@ -433,7 +434,6 @@ export const bpSurfaceTooltipSurface: string;
 export const bpSurfaceTooltipSurfaceError: string;
 export const bpSurfaceUploadSurfaceBrandNeutral: string;
 export const bpSurfaceSurface: string;
-export const bpSurfaceSurfaceAvatar: string;
 export const bpSurfaceSurfaceBrand: string;
 export const bpSurfaceSurfaceBrandBusy: string;
 export const bpSurfaceSurfaceBrandDisabled: string;

package/dist/tokens/BP2/light_mode_value/tokens.js

@@ -3,7 +3,6 @@ export const bpBorderAvatarBorderHover = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderAvatarBorderPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderBadgeBorder = '#ffffff';
 export const bpBorderCardBorder = '#e8e8e8';
-export const bpBorderCardBorderFocus = '#0061d5';
 export const bpBorderCardBorderHover = '#e8e8e8';
 export const bpBorderCardBorderPressed = '#e8e8e8';
 export const bpBorderCheckboxBorder = '#6f6f6f';
@@ -15,14 +14,9 @@ export const bpBorderComboboxBorder = '#909090';
 export const bpBorderComboboxBorderHover = '#6f6f6f';
 export const bpBorderContentButtonBorderHoverActive = '#909090';
 export const bpBorderContentButtonBorderSelected = '#909090';
-export const bpBorderCtaBorderOutline = '#000000';
+export const bpBorderCtaBorderHighContrast = 'rgba(0, 0, 0, 0.9)';
 export const bpBorderCtaBorderOutlineDisabled = '#646464';
-export const bpBorderCtaBorderOutlineHover = '#000000';
-export const bpBorderCtaBorderOutlinePressed = '#000000';
-export const bpBorderCtaBorderSecondary = '#bcbcbc';
-export const bpBorderCtaBorderSecondaryDisabled = '#e8e8e8';
-export const bpBorderCtaBorderSecondaryHover = '#bcbcbc';
-export const bpBorderCtaBorderSecondaryPressed = '#bcbcbc';
+export const bpBorderCtaBorderSecondary = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderDatePickerDayBorderFocus = '#2486fc';
 export const bpBorderDatePickerDayBorderSelectedFocus = '#2486fc';
 export const bpBorderDatePickerBorderActive = '#2486fc';
@@ -44,6 +38,7 @@ export const bpBorderDropdownBorderHover = '#6f6f6f';
 export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
+export const bpBorderHeaderBorder = '#e8e8e8';
 export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
@@ -52,10 +47,12 @@ export const bpBorderInputBorderErrorHover = '#ed3757';
 export const bpBorderInputBorderFocus = '#2486fc';
 export const bpBorderInputBorderHover = '#6f6f6f';
 export const bpBorderInputChipBorderError = '#ed3757';
+export const bpBorderInputChipBorderShadow = 'rgba(0, 0, 0, 0.04)';
 export const bpBorderItemSmallBorderSelected = '#0061d5';
 export const bpBorderItemBorderHover = '#e8e8e8';
 export const bpBorderItemBorderSelected = '#0061d5';
 export const bpBorderListItemBorder = '#e8e8e8';
+export const bpBorderListItemBorderQuote = '#909090';
 export const bpBorderListItemBorderSelected = '#0061d5';
 export const bpBorderMenuBorder = '#e8e8e8';
 export const bpBorderMessageBorderError = '#ed3757';
@@ -96,6 +93,7 @@ export const bpBorderTabBorderHover = '#bcbcbc';
 export const bpBorderTabBorderSelected = '#0061d5';
 export const bpBorderTabBorderSelectedFocus = '#0061d5';
 export const bpBorderTabBorderSelectedHover = '#0061d5';
+export const bpBorderTimePickerBorderSelectedFocus = '#0061d5';
 export const bpBorderToggleBorder = '#bcbcbc';
 export const bpBorderToggleBorderOff = '#ffffff';
 export const bpBorderToggleBorderOn = '#99c0ee';
@@ -107,6 +105,7 @@ export const bpBorderToggleTextBorderOn = '#99c0ee';
 export const bpBorderToggleTextBorderOnHover = '#99c0ee';
 export const bpBorderToggleTextBorderOnPressed = '#99c0ee';
 export const bpBorderToolbarBorder = '#e8e8e8';
+export const bpBorderTooltipBorder = 'rgba(255, 255, 255, 0.16)';
 export const bpBorderTooltipBorderError = '#f69bab';
 export const bpBorderBorderAccordionHover = '#e8e8e8';
 export const bpBorder00 = '0';
@@ -118,12 +117,12 @@ export const bpBorder05 = '0.3125rem';
 export const bpBorder06 = '0.375rem';
 export const bpBorder07 = '0.4375rem';
 export const bpBorder08 = '0.5rem';
-export const bpIconCtaIcon = '#6f6f6f';
-export const bpIconCtaIconHover = '#222222';
-export const bpIconCtaIconOnColor = '#000000';
-export const bpIconCtaIconOnColorHover = '#000000';
-export const bpIconCtaIconOnColorPressed = '#000000';
-export const bpIconCtaIconPressed = '#222222';
+export const bpIconCtaIcon = 'rgba(0, 0, 0, 0.6)';
+export const bpIconCtaIconHighContrast = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHighContrastHover = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHighContrastPressed = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconHover = 'rgba(0, 0, 0, 0.9)';
+export const bpIconCtaIconPressed = 'rgba(0, 0, 0, 0.9)';
 export const bpIconCtaIconUtility = '#4e4e4e';
 export const bpIconCtaIconUtilityHover = '#000000';
 export const bpIconCtaIconUtilityPressed = '#000000';
@@ -182,6 +181,7 @@ export const bpSurfaceBadgeSurfaceInProgress = '#2486fc';
 export const bpSurfaceBadgeSurfaceIndesign = '#131415';
 export const bpSurfaceBadgeSurfaceKeynote = '#0a84ff';
 export const bpSurfaceBadgeSurfaceMention = '#1d6bca';
+export const bpSurfaceBadgeSurfaceModified = '#2486fc';
 export const bpSurfaceBadgeSurfaceNotification = '#d5324e';
 export const bpSurfaceBadgeSurfaceNumbers = '#00a650';
 export const bpSurfaceBadgeSurfaceOffline = '#26c281';
@@ -207,7 +207,7 @@ export const bpSurfaceBadgeSurfaceVideo = '#009aed';
 export const bpSurfaceBadgeSurfaceWord = '#185abd';
 export const bpSurfaceBadgeSurfaceZip = '#6f6f6f';
 export const bpSurfaceCalendarSurface = '#ffffff';
-export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.7)';
+export const bpSurfaceCardSurface = 'rgba(255, 255, 255, 0.9)';
 export const bpSurfaceCardSurfaceFocus = '#f2f7fd';
 export const bpSurfaceCardSurfaceHover = '#ffffff';
 export const bpSurfaceCardSurfacePressed = '#fbfbfb';
@@ -226,11 +226,10 @@ export const bpSurfaceContentButtonSurfaceHoverDefault = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceHoverSelected = '#f4f4f4';
 export const bpSurfaceContentButtonSurfaceSelected = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = '#fef5f6';
-export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = '#fdebee';
+export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
+export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
-export const bpSurfaceCtaSurfaceIconDisabled = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceIconUtility = '#e8e8e8';
@@ -245,15 +244,11 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryBusy = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryDisabled = 'rgba(255, 255, 255, 0.7)';
-export const bpSurfaceCtaSurfaceSecondaryFocus = 'rgba(0, 0, 0, 0.04)';
-export const bpSurfaceCtaSurfaceSecondaryFocusPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
-export const bpSurfaceCtaSurfaceTertiary = '#ffffff';
-export const bpSurfaceCtaSurfaceTertiaryHover = '#f4f4f4';
-export const bpSurfaceCtaSurfaceTertiaryPressed = '#e8e8e8';
+export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceTertiaryPromo = '#ece9f8';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocus = '#f6f4fc';
 export const bpSurfaceCtaSurfaceTertiaryPromoFocusPressed = '#dad4f3';
@@ -327,8 +322,10 @@ export const bpSurfaceItemSmallSurfaceSelected = '#f2f7fd';
 export const bpSurfaceItemSurfaceHover = '#ffffff';
 export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
 export const bpSurfaceListItemSurface = '#ffffff';
-export const bpSurfaceListItemSurfaceHover = '#f4f4f4';
+export const bpSurfaceListItemSurfaceHover = '#ffffff';
+export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
 export const bpSurfaceListItemSurfaceSelected = '#f2f7fd';
+export const bpSurfaceListItemSurfaceThumbnail = '#ffffff';
 export const bpSurfaceLoadingIndicatorSurface = '#0061d5';
 export const bpSurfaceLoadingIndicatorSurfaceOnDark = '#ffffff';
 export const bpSurfaceLoadingIndicatorSurfaceOnDarkSecondary = 'rgba(255, 255, 255, 0.7)';
@@ -345,6 +342,7 @@ export const bpSurfaceMenuItemSurfaceHover = '#f4f4f4';
 export const bpSurfaceMenuItemSurfaceLoading = '#ffffff';
 export const bpSurfaceMenuItemSurfacePressed = '#f4f4f4';
 export const bpSurfaceModalSurface = '#ffffff';
+export const bpSurfaceModalSurfaceGray = '#f4f4f4';
 export const bpSurfaceNavSurfaceBrand = '#0061d5';
 export const bpSurfaceOptionGridSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceOptionGridSurfaceSelected = 'rgba(0, 0, 0, 0.08)';
@@ -413,6 +411,9 @@ export const bpSurfaceSwitchSurfaceOnHover = '#2079e3';
 export const bpSurfaceTabSurfaceHover = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTabSurfacePressed = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceTextHighlightSurface = '#fff7cc';
+export const bpSurfaceTimePickerSurface = 'rgba(255, 255, 255, 0)';
+export const bpSurfaceTimePickerSurfaceSelected = '#0061d5';
+export const bpSurfaceTimePickerSurfaceSelectedFocus = '#f2f7fd';
 export const bpSurfaceToggleSurface = '#ffffff';
 export const bpSurfaceToggleSurfaceHover = '#f4f4f4';
 export const bpSurfaceToggleSurfaceOffHover = '#f4f4f4';
@@ -433,7 +434,6 @@ export const bpSurfaceTooltipSurface = '#222222';
 export const bpSurfaceTooltipSurfaceError = '#fac3cd';
 export const bpSurfaceUploadSurfaceBrandNeutral = '#0061d5';
 export const bpSurfaceSurface = '#ffffff';
-export const bpSurfaceSurfaceAvatar = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceSurfaceBrand = '#0061d5';
 export const bpSurfaceSurfaceBrandBusy = '#0061d5';
 export const bpSurfaceSurfaceBrandDisabled = '#0061d5';

package/dist/tokens/BP2/light_mode_value/tokens.json

@@ -4,7 +4,6 @@
     "BpBorderAvatarBorderPressed": "rgba(0, 0, 0, 0.08)",
     "BpBorderBadgeBorder": "#ffffff",
     "BpBorderCardBorder": "#e8e8e8",
-    "BpBorderCardBorderFocus": "#0061d5",
     "BpBorderCardBorderHover": "#e8e8e8",
     "BpBorderCardBorderPressed": "#e8e8e8",
     "BpBorderCheckboxBorder": "#6f6f6f",
@@ -16,14 +15,9 @@
     "BpBorderComboboxBorderHover": "#6f6f6f",
     "BpBorderContentButtonBorderHoverActive": "#909090",
     "BpBorderContentButtonBorderSelected": "#909090",
-    "BpBorderCtaBorderOutline": "#000000",
+    "BpBorderCtaBorderHighContrast": "rgba(0, 0, 0, 0.9)",
     "BpBorderCtaBorderOutlineDisabled": "#646464",
-    "BpBorderCtaBorderOutlineHover": "#000000",
-    "BpBorderCtaBorderOutlinePressed": "#000000",
-    "BpBorderCtaBorderSecondary": "#bcbcbc",
-    "BpBorderCtaBorderSecondaryDisabled": "#e8e8e8",
-    "BpBorderCtaBorderSecondaryHover": "#bcbcbc",
-    "BpBorderCtaBorderSecondaryPressed": "#bcbcbc",
+    "BpBorderCtaBorderSecondary": "rgba(0, 0, 0, 0.08)",
     "BpBorderDatePickerDayBorderFocus": "#2486fc",
     "BpBorderDatePickerDayBorderSelectedFocus": "#2486fc",
     "BpBorderDatePickerBorderActive": "#2486fc",
@@ -45,6 +39,7 @@
     "BpBorderFilterChipBorderMultiOn": "#99c0ee",
     "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
     "BpBorderGridThumbnailBorder": "#e8e8e8",
+    "BpBorderHeaderBorder": "#e8e8e8",
     "BpBorderInlineTableBorder": "#e8e8e8",
     "BpBorderInputBorder": "#909090",
     "BpBorderInputBorderError": "#ed3757",
@@ -53,10 +48,12 @@
     "BpBorderInputBorderFocus": "#2486fc",
     "BpBorderInputBorderHover": "#6f6f6f",
     "BpBorderInputChipBorderError": "#ed3757",
+    "BpBorderInputChipBorderShadow": "rgba(0, 0, 0, 0.04)",
     "BpBorderItemSmallBorderSelected": "#0061d5",
     "BpBorderItemBorderHover": "#e8e8e8",
     "BpBorderItemBorderSelected": "#0061d5",
     "BpBorderListItemBorder": "#e8e8e8",
+    "BpBorderListItemBorderQuote": "#909090",
     "BpBorderListItemBorderSelected": "#0061d5",
     "BpBorderMenuBorder": "#e8e8e8",
     "BpBorderMessageBorderError": "#ed3757",
@@ -97,6 +94,7 @@
     "BpBorderTabBorderSelected": "#0061d5",
     "BpBorderTabBorderSelectedFocus": "#0061d5",
     "BpBorderTabBorderSelectedHover": "#0061d5",
+    "BpBorderTimePickerBorderSelectedFocus": "#0061d5",
     "BpBorderToggleBorder": "#bcbcbc",
     "BpBorderToggleBorderOff": "#ffffff",
     "BpBorderToggleBorderOn": "#99c0ee",
@@ -108,6 +106,7 @@
     "BpBorderToggleTextBorderOnHover": "#99c0ee",
     "BpBorderToggleTextBorderOnPressed": "#99c0ee",
     "BpBorderToolbarBorder": "#e8e8e8",
+    "BpBorderTooltipBorder": "rgba(255, 255, 255, 0.16)",
     "BpBorderTooltipBorderError": "#f69bab",
     "BpBorderBorderAccordionHover": "#e8e8e8",
     "BpBorder00": "0",
@@ -119,12 +118,12 @@
     "BpBorder06": "0.375rem",
     "BpBorder07": "0.4375rem",
     "BpBorder08": "0.5rem",
-    "BpIconCtaIcon": "#6f6f6f",
-    "BpIconCtaIconHover": "#222222",
-    "BpIconCtaIconOnColor": "#000000",
-    "BpIconCtaIconOnColorHover": "#000000",
-    "BpIconCtaIconOnColorPressed": "#000000",
-    "BpIconCtaIconPressed": "#222222",
+    "BpIconCtaIcon": "rgba(0, 0, 0, 0.6)",
+    "BpIconCtaIconHighContrast": "rgba(0, 0, 0, 0.9)",
+    "BpIconCtaIconHighContrastHover": "rgba(0, 0, 0, 0.9)",
+    "BpIconCtaIconHighContrastPressed": "rgba(0, 0, 0, 0.9)",
+    "BpIconCtaIconHover": "rgba(0, 0, 0, 0.9)",
+    "BpIconCtaIconPressed": "rgba(0, 0, 0, 0.9)",
     "BpIconCtaIconUtility": "#4e4e4e",
     "BpIconCtaIconUtilityHover": "#000000",
     "BpIconCtaIconUtilityPressed": "#000000",
@@ -183,6 +182,7 @@
     "BpSurfaceBadgeSurfaceIndesign": "#131415",
     "BpSurfaceBadgeSurfaceKeynote": "#0a84ff",
     "BpSurfaceBadgeSurfaceMention": "#1d6bca",
+    "BpSurfaceBadgeSurfaceModified": "#2486fc",
     "BpSurfaceBadgeSurfaceNotification": "#d5324e",
     "BpSurfaceBadgeSurfaceNumbers": "#00a650",
     "BpSurfaceBadgeSurfaceOffline": "#26c281",
@@ -208,7 +208,7 @@
     "BpSurfaceBadgeSurfaceWord": "#185abd",
     "BpSurfaceBadgeSurfaceZip": "#6f6f6f",
     "BpSurfaceCalendarSurface": "#ffffff",
-    "BpSurfaceCardSurface": "rgba(255, 255, 255, 0.7)",
+    "BpSurfaceCardSurface": "rgba(255, 255, 255, 0.9)",
     "BpSurfaceCardSurfaceFocus": "#f2f7fd",
     "BpSurfaceCardSurfaceHover": "#ffffff",
     "BpSurfaceCardSurfacePressed": "#fbfbfb",
@@ -227,11 +227,10 @@
     "BpSurfaceContentButtonSurfaceHoverSelected": "#f4f4f4",
     "BpSurfaceContentButtonSurfaceSelected": "#ffffff",
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
-    "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "#fef5f6",
-    "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "#fdebee",
+    "BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
+    "BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
     "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
     "BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
-    "BpSurfaceCtaSurfaceIconDisabled": "rgba(0, 0, 0, 0)",
     "BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceCtaSurfaceIconUtility": "#e8e8e8",
@@ -246,15 +245,11 @@
     "BpSurfaceCtaSurfacePromoHover": "#4826c2",
     "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
     "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.7)",
-    "BpSurfaceCtaSurfaceSecondaryBusy": "rgba(255, 255, 255, 0.7)",
-    "BpSurfaceCtaSurfaceSecondaryDisabled": "rgba(255, 255, 255, 0.7)",
-    "BpSurfaceCtaSurfaceSecondaryFocus": "rgba(0, 0, 0, 0.04)",
-    "BpSurfaceCtaSurfaceSecondaryFocusPressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
-    "BpSurfaceCtaSurfaceTertiary": "#ffffff",
-    "BpSurfaceCtaSurfaceTertiaryHover": "#f4f4f4",
-    "BpSurfaceCtaSurfaceTertiaryPressed": "#e8e8e8",
+    "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
+    "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceCtaSurfaceTertiaryPromo": "#ece9f8",
     "BpSurfaceCtaSurfaceTertiaryPromoFocus": "#f6f4fc",
     "BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
@@ -328,8 +323,10 @@
     "BpSurfaceItemSurfaceHover": "#ffffff",
     "BpSurfaceItemSurfaceSelected": "#f2f7fd",
     "BpSurfaceListItemSurface": "#ffffff",
-    "BpSurfaceListItemSurfaceHover": "#f4f4f4",
+    "BpSurfaceListItemSurfaceHover": "#ffffff",
+    "BpSurfaceListItemSurfaceLoading": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
+    "BpSurfaceListItemSurfaceThumbnail": "#ffffff",
     "BpSurfaceLoadingIndicatorSurface": "#0061d5",
     "BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
     "BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
@@ -346,6 +343,7 @@
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
     "BpSurfaceModalSurface": "#ffffff",
+    "BpSurfaceModalSurfaceGray": "#f4f4f4",
     "BpSurfaceNavSurfaceBrand": "#0061d5",
     "BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
@@ -414,6 +412,9 @@
     "BpSurfaceTabSurfaceHover": "rgba(0, 0, 0, 0)",
     "BpSurfaceTabSurfacePressed": "rgba(0, 0, 0, 0)",
     "BpSurfaceTextHighlightSurface": "#fff7cc",
+    "BpSurfaceTimePickerSurface": "rgba(255, 255, 255, 0)",
+    "BpSurfaceTimePickerSurfaceSelected": "#0061d5",
+    "BpSurfaceTimePickerSurfaceSelectedFocus": "#f2f7fd",
     "BpSurfaceToggleSurface": "#ffffff",
     "BpSurfaceToggleSurfaceHover": "#f4f4f4",
     "BpSurfaceToggleSurfaceOffHover": "#f4f4f4",
@@ -434,7 +435,6 @@
     "BpSurfaceTooltipSurfaceError": "#fac3cd",
     "BpSurfaceUploadSurfaceBrandNeutral": "#0061d5",
     "BpSurfaceSurface": "#ffffff",
-    "BpSurfaceSurfaceAvatar": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceSurfaceBrand": "#0061d5",
     "BpSurfaceSurfaceBrandBusy": "#0061d5",
     "BpSurfaceSurfaceBrandDisabled": "#0061d5",