@box/blueprint-web-assets 4.91.6 → 4.92.0

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

@@ -76,10 +76,10 @@ export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
 export const bpBorderResizeBorderFocus = '#2486fc';
 export const bpBorderResizeBorderHover = '#bcbcbc';
-export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchGlobalBorderHover = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSearchInputBorderFocus = '#2486fc';
-export const bpBorderSearchInputBorderHover = '#6f6f6f';
-export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.08)';
+export const bpBorderSearchInputBorderHover = 'rgba(0, 0, 0, 0.12)';
+export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSearchBorderHover = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -140,15 +140,19 @@ export const bpIconNavIconOnLightHover = '#222222';
 export const bpIconNavIconOnLightSelected = '#222222';
 export const bpIconIconBlue = '#0061d5';
 export const bpIconIconDestructiveOnLight = '#d5324e';
+export const bpIconIconErrorOnColor = '#821e30';
 export const bpIconIconErrorOnLight = '#d5324e';
 export const bpIconIconIllustrator = '#ff9400';
 export const bpIconIconIndesign = '#ff57a1';
+export const bpIconIconInfoOnColor = '#00316b';
 export const bpIconIconOnDark = '#ffffff';
 export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
 export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
 export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
 export const bpIconIconPhotoshop = '#26c9ff';
 export const bpIconIconRequiredOnLight = '#d5324e';
+export const bpIconIconSuccessOnColor = '#0f4e34';
+export const bpIconIconWarningOnColor = '#62480b';
 export const bpOutlineFocusOnDark = '#ffffff';
 export const bpOutlineFocusOnLight = '#2486fc';
 export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
@@ -250,6 +254,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
+export const bpSurfaceCtaSurfaceQuaternary = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceCtaSurfaceQuaternaryHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceCtaSurfaceQuaternaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
 export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
 export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
@@ -318,7 +325,7 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
-export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
+export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
 export const bpSurfaceInlineTableSurface = '#ffffff';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
@@ -392,6 +399,7 @@ export const bpSurfaceStatusSurfaceDarkBlue = '#7f9dc1';
 export const bpSurfaceStatusSurfaceDarkBlueFocus = '#7f9dc1';
 export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
 export const bpSurfaceStatusSurfaceError = '#ed3757';
+export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
 export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
 export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
@@ -399,6 +407,7 @@ export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGreen = '#92e0c0';
 export const bpSurfaceStatusSurfaceGreenFocus = '#92e0c0';
 export const bpSurfaceStatusSurfaceGreenHover = '#92e0c0';
+export const bpSurfaceStatusSurfaceInfoSecondary = '#d3e7fe';
 export const bpSurfaceStatusSurfaceInprogress = '#f5b31b';
 export const bpSurfaceStatusSurfaceLightBlue = '#91c2fd';
 export const bpSurfaceStatusSurfaceLightBlueFocus = '#91c2fd';
@@ -415,7 +424,10 @@ export const bpSurfaceStatusSurfaceRedFocus = '#f69bab';
 export const bpSurfaceStatusSurfaceRedHover = '#f69bab';
 export const bpSurfaceStatusSurfaceScheduled = '#9f3fed';
 export const bpSurfaceStatusSurfaceSuccess = '#26c281';
+export const bpSurfaceStatusSurfaceSuccessSecondary = '#d4f3e6';
 export const bpSurfaceStatusSurfaceUploading = '#0061d5';
+export const bpSurfaceStatusSurfaceWarning = '#f5b31b';
+export const bpSurfaceStatusSurfaceWarningSecondary = '#fdf0d1';
 export const bpSurfaceStatusSurfaceYellow = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowFocus = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowHover = '#ffeb7f';
@@ -483,13 +495,17 @@ export const bpTextNavTextOnLightSelected = '#ffffff';
 export const bpTextToggleTextText = '#004eaa';
 export const bpTextTextBrandOnColor = '#ffffff';
 export const bpTextTextDestructiveOnLight = '#d5324e';
+export const bpTextTextErrorOnColor = '#821e30';
 export const bpTextTextErrorOnLight = '#d5324e';
+export const bpTextTextInfoOnColor = '#00316b';
 export const bpTextTextOnDark = '#ffffff';
 export const bpTextTextOnLight = '#222222';
 export const bpTextTextOnLightDisabled = '#bcbcbc';
 export const bpTextTextOnLightSecondary = '#6f6f6f';
 export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
 export const bpTextTextOnLightTertiary = '#909090';
+export const bpTextTextSuccessOnColor = '#0f4e34';
+export const bpTextTextWarningOnColor = '#62480b';
 export const bpBoxBlue10 = '#e5effa';
 export const bpBoxBlue20 = '#ccdff7';
 export const bpBoxBlue30 = '#b2cff2';

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

@@ -647,10 +647,10 @@
     --bp-border-radio-tile-border-selected: var(--bp-box-blue-100);
     --bp-border-resize-border-focus: var(--bp-light-blue-100);
     --bp-border-resize-border-hover: var(--bp-gray-30);
-    --bp-border-search-global-border-hover: var(--bp-gray-10);
+    --bp-border-search-global-border-hover: var(--bp-black-opacity-12);
     --bp-border-search-input-border-focus: var(--bp-light-blue-100);
-    --bp-border-search-input-border-hover: var(--bp-gray-65);
-    --bp-border-search-border: var(--bp-black-opacity-08);
+    --bp-border-search-input-border-hover: var(--bp-black-opacity-12);
+    --bp-border-search-border: var(--bp-black-opacity-12);
     --bp-border-search-border-hover: var(--bp-black-opacity-12);
     --bp-border-select-border: var(--bp-gray-30);
     --bp-border-select-border-active: var(--bp-light-blue-100);
@@ -702,12 +702,16 @@
     --bp-icon-nav-icon-on-light-selected: var(--bp-gray-100);
     --bp-icon-icon-blue: var(--bp-box-blue-100);
     --bp-icon-icon-destructive-on-light: var(--bp-watermelon-red-110);
+    --bp-icon-icon-error-on-color: var(--bp-watermelon-red-145);
     --bp-icon-icon-error-on-light: var(--bp-watermelon-red-110);
+    --bp-icon-icon-info-on-color: var(--bp-box-blue-150);
     --bp-icon-icon-on-dark: var(--bp-gray-white);
     --bp-icon-icon-on-light: var(--bp-black-opacity-90);
     --bp-icon-icon-on-light-secondary: var(--bp-black-opacity-60);
     --bp-icon-icon-on-light-tertiary: var(--bp-black-opacity-50);
     --bp-icon-icon-required-on-light: var(--bp-watermelon-red-110);
+    --bp-icon-icon-success-on-color: var(--bp-green-light-160);
+    --bp-icon-icon-warning-on-color: var(--bp-yellorange-160);
     --bp-outline-focus-on-dark: var(--bp-gray-white);
     --bp-outline-focus-on-light: var(--bp-light-blue-100);
     --bp-overlay-modal-overlay: var(--bp-black-opacity-50);
@@ -793,6 +797,9 @@
     --bp-surface-cta-surface-promo-focus-pressed: var(--bp-grimace-120);
     --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
     --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
+    --bp-surface-cta-surface-quaternary: var(--bp-black-opacity-00);
+    --bp-surface-cta-surface-quaternary-hover: var(--bp-black-opacity-04);
+    --bp-surface-cta-surface-quaternary-pressed: var(--bp-black-opacity-08);
     --bp-surface-cta-surface-secondary: var(--bp-gray-white);
     --bp-surface-cta-surface-secondary-hover: var(--bp-gray-05);
     --bp-surface-cta-surface-secondary-pressed: var(--bp-gray-10);
@@ -860,7 +867,7 @@
     --bp-surface-inline-notice-surface-info: var(--bp-light-blue-10);
     --bp-surface-inline-notice-surface-note: var(--bp-gray-white);
     --bp-surface-inline-notice-surface-success: var(--bp-green-light-10);
-    --bp-surface-inline-notice-surface-warning: var(--bp-yellow-10);
+    --bp-surface-inline-notice-surface-warning: var(--bp-yellorange-10);
     --bp-surface-inline-table-surface: var(--bp-gray-white);
     --bp-surface-input-surface: var(--bp-gray-white);
     --bp-surface-input-surface-error: var(--bp-gray-white);
@@ -934,6 +941,7 @@
     --bp-surface-status-surface-dark-blue-focus: var(--bp-dark-blue-50);
     --bp-surface-status-surface-dark-blue-hover: var(--bp-dark-blue-50);
     --bp-surface-status-surface-error: var(--bp-watermelon-red-100);
+    --bp-surface-status-surface-error-secondary: var(--bp-watermelon-red-20);
     --bp-surface-status-surface-generic: var(--bp-gray-40);
     --bp-surface-status-surface-gray: var(--bp-gray-10);
     --bp-surface-status-surface-gray-focus: var(--bp-gray-10);
@@ -941,6 +949,7 @@
     --bp-surface-status-surface-green: var(--bp-green-light-50);
     --bp-surface-status-surface-green-focus: var(--bp-green-light-50);
     --bp-surface-status-surface-green-hover: var(--bp-green-light-50);
+    --bp-surface-status-surface-info-secondary: var(--bp-light-blue-20);
     --bp-surface-status-surface-inprogress: var(--bp-yellorange-100);
     --bp-surface-status-surface-light-blue: var(--bp-light-blue-50);
     --bp-surface-status-surface-light-blue-focus: var(--bp-light-blue-50);
@@ -957,7 +966,10 @@
     --bp-surface-status-surface-red-hover: var(--bp-watermelon-red-50);
     --bp-surface-status-surface-scheduled: var(--bp-purple-rain-100);
     --bp-surface-status-surface-success: var(--bp-green-light-100);
+    --bp-surface-status-surface-success-secondary: var(--bp-green-light-20);
     --bp-surface-status-surface-uploading: var(--bp-box-blue-100);
+    --bp-surface-status-surface-warning: var(--bp-yellorange-100);
+    --bp-surface-status-surface-warning-secondary: var(--bp-yellorange-20);
     --bp-surface-status-surface-yellow: var(--bp-yellow-50);
     --bp-surface-status-surface-yellow-focus: var(--bp-yellow-50);
     --bp-surface-status-surface-yellow-hover: var(--bp-yellow-50);
@@ -1019,11 +1031,15 @@
     --bp-text-toggle-text-text: var(--bp-box-blue-120);
     --bp-text-text-brand-on-color: var(--bp-gray-white);
     --bp-text-text-destructive-on-light: var(--bp-watermelon-red-110);
+    --bp-text-text-error-on-color: var(--bp-watermelon-red-145);
     --bp-text-text-error-on-light: var(--bp-watermelon-red-110);
+    --bp-text-text-info-on-color: var(--bp-box-blue-150);
     --bp-text-text-on-dark: var(--bp-gray-white);
     --bp-text-text-on-light: var(--bp-gray-100);
     --bp-text-text-on-light-disabled: var(--bp-gray-30);
     --bp-text-text-on-light-secondary: var(--bp-gray-65);
     --bp-text-text-on-light-secondary-hover: var(--bp-gray-80);
     --bp-text-text-on-light-tertiary: var(--bp-gray-50);
+    --bp-text-text-success-on-color: var(--bp-green-light-160);
+    --bp-text-text-warning-on-color: var(--bp-yellorange-160);
 }

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

@@ -136,15 +136,19 @@ export const bpIconNavIconOnLightHover: string;
 export const bpIconNavIconOnLightSelected: string;
 export const bpIconIconBlue: string;
 export const bpIconIconDestructiveOnLight: string;
+export const bpIconIconErrorOnColor: string;
 export const bpIconIconErrorOnLight: string;
 export const bpIconIconIllustrator: string;
 export const bpIconIconIndesign: string;
+export const bpIconIconInfoOnColor: string;
 export const bpIconIconOnDark: string;
 export const bpIconIconOnLight: string;
 export const bpIconIconOnLightSecondary: string;
 export const bpIconIconOnLightTertiary: string;
 export const bpIconIconPhotoshop: string;
 export const bpIconIconRequiredOnLight: string;
+export const bpIconIconSuccessOnColor: string;
+export const bpIconIconWarningOnColor: string;
 export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
@@ -246,6 +250,9 @@ export const bpSurfaceCtaSurfacePromoFocus: string;
 export const bpSurfaceCtaSurfacePromoFocusPressed: string;
 export const bpSurfaceCtaSurfacePromoHover: string;
 export const bpSurfaceCtaSurfacePromoPressed: string;
+export const bpSurfaceCtaSurfaceQuaternary: string;
+export const bpSurfaceCtaSurfaceQuaternaryHover: string;
+export const bpSurfaceCtaSurfaceQuaternaryPressed: string;
 export const bpSurfaceCtaSurfaceSecondary: string;
 export const bpSurfaceCtaSurfaceSecondaryHover: string;
 export const bpSurfaceCtaSurfaceSecondaryPressed: string;
@@ -388,6 +395,7 @@ export const bpSurfaceStatusSurfaceDarkBlue: string;
 export const bpSurfaceStatusSurfaceDarkBlueFocus: string;
 export const bpSurfaceStatusSurfaceDarkBlueHover: string;
 export const bpSurfaceStatusSurfaceError: string;
+export const bpSurfaceStatusSurfaceErrorSecondary: string;
 export const bpSurfaceStatusSurfaceGeneric: string;
 export const bpSurfaceStatusSurfaceGray: string;
 export const bpSurfaceStatusSurfaceGrayFocus: string;
@@ -395,6 +403,7 @@ export const bpSurfaceStatusSurfaceGrayHover: string;
 export const bpSurfaceStatusSurfaceGreen: string;
 export const bpSurfaceStatusSurfaceGreenFocus: string;
 export const bpSurfaceStatusSurfaceGreenHover: string;
+export const bpSurfaceStatusSurfaceInfoSecondary: string;
 export const bpSurfaceStatusSurfaceInprogress: string;
 export const bpSurfaceStatusSurfaceLightBlue: string;
 export const bpSurfaceStatusSurfaceLightBlueFocus: string;
@@ -411,7 +420,10 @@ export const bpSurfaceStatusSurfaceRedFocus: string;
 export const bpSurfaceStatusSurfaceRedHover: string;
 export const bpSurfaceStatusSurfaceScheduled: string;
 export const bpSurfaceStatusSurfaceSuccess: string;
+export const bpSurfaceStatusSurfaceSuccessSecondary: string;
 export const bpSurfaceStatusSurfaceUploading: string;
+export const bpSurfaceStatusSurfaceWarning: string;
+export const bpSurfaceStatusSurfaceWarningSecondary: string;
 export const bpSurfaceStatusSurfaceYellow: string;
 export const bpSurfaceStatusSurfaceYellowFocus: string;
 export const bpSurfaceStatusSurfaceYellowHover: string;
@@ -479,13 +491,17 @@ export const bpTextNavTextOnLightSelected: string;
 export const bpTextToggleTextText: string;
 export const bpTextTextBrandOnColor: string;
 export const bpTextTextDestructiveOnLight: string;
+export const bpTextTextErrorOnColor: string;
 export const bpTextTextErrorOnLight: string;
+export const bpTextTextInfoOnColor: string;
 export const bpTextTextOnDark: string;
 export const bpTextTextOnLight: string;
 export const bpTextTextOnLightDisabled: string;
 export const bpTextTextOnLightSecondary: string;
 export const bpTextTextOnLightSecondaryHover: string;
 export const bpTextTextOnLightTertiary: string;
+export const bpTextTextSuccessOnColor: string;
+export const bpTextTextWarningOnColor: string;
 export const bpBoxBlue10: string;
 export const bpBoxBlue20: string;
 export const bpBoxBlue30: string;

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

@@ -72,10 +72,10 @@ export const bpBorderRadioTileBorderHover = '#bcbcbc';
 export const bpBorderRadioTileBorderSelected = '#0061d5';
 export const bpBorderResizeBorderFocus = '#2486fc';
 export const bpBorderResizeBorderHover = '#bcbcbc';
-export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
+export const bpBorderSearchGlobalBorderHover = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSearchInputBorderFocus = '#2486fc';
-export const bpBorderSearchInputBorderHover = '#6f6f6f';
-export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.08)';
+export const bpBorderSearchInputBorderHover = 'rgba(0, 0, 0, 0.12)';
+export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSearchBorderHover = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
@@ -136,15 +136,19 @@ export const bpIconNavIconOnLightHover = '#222222';
 export const bpIconNavIconOnLightSelected = '#222222';
 export const bpIconIconBlue = '#0061d5';
 export const bpIconIconDestructiveOnLight = '#d5324e';
+export const bpIconIconErrorOnColor = '#821e30';
 export const bpIconIconErrorOnLight = '#d5324e';
 export const bpIconIconIllustrator = '#ff9400';
 export const bpIconIconIndesign = '#ff57a1';
+export const bpIconIconInfoOnColor = '#00316b';
 export const bpIconIconOnDark = '#ffffff';
 export const bpIconIconOnLight = 'rgba(0, 0, 0, 0.9)';
 export const bpIconIconOnLightSecondary = 'rgba(0, 0, 0, 0.6)';
 export const bpIconIconOnLightTertiary = 'rgba(0, 0, 0, 0.5)';
 export const bpIconIconPhotoshop = '#26c9ff';
 export const bpIconIconRequiredOnLight = '#d5324e';
+export const bpIconIconSuccessOnColor = '#0f4e34';
+export const bpIconIconWarningOnColor = '#62480b';
 export const bpOutlineFocusOnDark = '#ffffff';
 export const bpOutlineFocusOnLight = '#2486fc';
 export const bpOverlayModalOverlay = 'rgba(0, 0, 0, 0.5)';
@@ -246,6 +250,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
+export const bpSurfaceCtaSurfaceQuaternary = 'rgba(0, 0, 0, 0)';
+export const bpSurfaceCtaSurfaceQuaternaryHover = 'rgba(0, 0, 0, 0.04)';
+export const bpSurfaceCtaSurfaceQuaternaryPressed = 'rgba(0, 0, 0, 0.08)';
 export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
 export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
 export const bpSurfaceCtaSurfaceSecondaryPressed = '#e8e8e8';
@@ -314,7 +321,7 @@ export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
 export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
-export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
+export const bpSurfaceInlineNoticeSurfaceWarning = '#fef7e8';
 export const bpSurfaceInlineTableSurface = '#ffffff';
 export const bpSurfaceInputSurface = '#ffffff';
 export const bpSurfaceInputSurfaceError = '#ffffff';
@@ -388,6 +395,7 @@ export const bpSurfaceStatusSurfaceDarkBlue = '#7f9dc1';
 export const bpSurfaceStatusSurfaceDarkBlueFocus = '#7f9dc1';
 export const bpSurfaceStatusSurfaceDarkBlueHover = '#7f9dc1';
 export const bpSurfaceStatusSurfaceError = '#ed3757';
+export const bpSurfaceStatusSurfaceErrorSecondary = '#fbd7dd';
 export const bpSurfaceStatusSurfaceGeneric = '#a7a7a7';
 export const bpSurfaceStatusSurfaceGray = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGrayFocus = '#e8e8e8';
@@ -395,6 +403,7 @@ export const bpSurfaceStatusSurfaceGrayHover = '#e8e8e8';
 export const bpSurfaceStatusSurfaceGreen = '#92e0c0';
 export const bpSurfaceStatusSurfaceGreenFocus = '#92e0c0';
 export const bpSurfaceStatusSurfaceGreenHover = '#92e0c0';
+export const bpSurfaceStatusSurfaceInfoSecondary = '#d3e7fe';
 export const bpSurfaceStatusSurfaceInprogress = '#f5b31b';
 export const bpSurfaceStatusSurfaceLightBlue = '#91c2fd';
 export const bpSurfaceStatusSurfaceLightBlueFocus = '#91c2fd';
@@ -411,7 +420,10 @@ export const bpSurfaceStatusSurfaceRedFocus = '#f69bab';
 export const bpSurfaceStatusSurfaceRedHover = '#f69bab';
 export const bpSurfaceStatusSurfaceScheduled = '#9f3fed';
 export const bpSurfaceStatusSurfaceSuccess = '#26c281';
+export const bpSurfaceStatusSurfaceSuccessSecondary = '#d4f3e6';
 export const bpSurfaceStatusSurfaceUploading = '#0061d5';
+export const bpSurfaceStatusSurfaceWarning = '#f5b31b';
+export const bpSurfaceStatusSurfaceWarningSecondary = '#fdf0d1';
 export const bpSurfaceStatusSurfaceYellow = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowFocus = '#ffeb7f';
 export const bpSurfaceStatusSurfaceYellowHover = '#ffeb7f';
@@ -479,13 +491,17 @@ export const bpTextNavTextOnLightSelected = '#ffffff';
 export const bpTextToggleTextText = '#004eaa';
 export const bpTextTextBrandOnColor = '#ffffff';
 export const bpTextTextDestructiveOnLight = '#d5324e';
+export const bpTextTextErrorOnColor = '#821e30';
 export const bpTextTextErrorOnLight = '#d5324e';
+export const bpTextTextInfoOnColor = '#00316b';
 export const bpTextTextOnDark = '#ffffff';
 export const bpTextTextOnLight = '#222222';
 export const bpTextTextOnLightDisabled = '#bcbcbc';
 export const bpTextTextOnLightSecondary = '#6f6f6f';
 export const bpTextTextOnLightSecondaryHover = '#4e4e4e';
 export const bpTextTextOnLightTertiary = '#909090';
+export const bpTextTextSuccessOnColor = '#0f4e34';
+export const bpTextTextWarningOnColor = '#62480b';
 export const bpBoxBlue10 = '#e5effa';
 export const bpBoxBlue20 = '#ccdff7';
 export const bpBoxBlue30 = '#b2cff2';

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

@@ -73,10 +73,10 @@
     "BpBorderRadioTileBorderSelected": "#0061d5",
     "BpBorderResizeBorderFocus": "#2486fc",
     "BpBorderResizeBorderHover": "#bcbcbc",
-    "BpBorderSearchGlobalBorderHover": "#e8e8e8",
+    "BpBorderSearchGlobalBorderHover": "rgba(0, 0, 0, 0.12)",
     "BpBorderSearchInputBorderFocus": "#2486fc",
-    "BpBorderSearchInputBorderHover": "#6f6f6f",
-    "BpBorderSearchBorder": "rgba(0, 0, 0, 0.08)",
+    "BpBorderSearchInputBorderHover": "rgba(0, 0, 0, 0.12)",
+    "BpBorderSearchBorder": "rgba(0, 0, 0, 0.12)",
     "BpBorderSearchBorderHover": "rgba(0, 0, 0, 0.12)",
     "BpBorderSelectBorder": "#bcbcbc",
     "BpBorderSelectBorderActive": "#2486fc",
@@ -137,15 +137,19 @@
     "BpIconNavIconOnLightSelected": "#222222",
     "BpIconIconBlue": "#0061d5",
     "BpIconIconDestructiveOnLight": "#d5324e",
+    "BpIconIconErrorOnColor": "#821e30",
     "BpIconIconErrorOnLight": "#d5324e",
     "BpIconIconIllustrator": "#ff9400",
     "BpIconIconIndesign": "#ff57a1",
+    "BpIconIconInfoOnColor": "#00316b",
     "BpIconIconOnDark": "#ffffff",
     "BpIconIconOnLight": "rgba(0, 0, 0, 0.9)",
     "BpIconIconOnLightSecondary": "rgba(0, 0, 0, 0.6)",
     "BpIconIconOnLightTertiary": "rgba(0, 0, 0, 0.5)",
     "BpIconIconPhotoshop": "#26c9ff",
     "BpIconIconRequiredOnLight": "#d5324e",
+    "BpIconIconSuccessOnColor": "#0f4e34",
+    "BpIconIconWarningOnColor": "#62480b",
     "BpOutlineFocusOnDark": "#ffffff",
     "BpOutlineFocusOnLight": "#2486fc",
     "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
@@ -247,6 +251,9 @@
     "BpSurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
     "BpSurfaceCtaSurfacePromoHover": "#4826c2",
     "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
+    "BpSurfaceCtaSurfaceQuaternary": "rgba(0, 0, 0, 0)",
+    "BpSurfaceCtaSurfaceQuaternaryHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceCtaSurfaceQuaternaryPressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceCtaSurfaceSecondary": "#ffffff",
     "BpSurfaceCtaSurfaceSecondaryHover": "#f4f4f4",
     "BpSurfaceCtaSurfaceSecondaryPressed": "#e8e8e8",
@@ -315,7 +322,7 @@
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
-    "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
+    "BpSurfaceInlineNoticeSurfaceWarning": "#fef7e8",
     "BpSurfaceInlineTableSurface": "#ffffff",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
@@ -389,6 +396,7 @@
     "BpSurfaceStatusSurfaceDarkBlueFocus": "#7f9dc1",
     "BpSurfaceStatusSurfaceDarkBlueHover": "#7f9dc1",
     "BpSurfaceStatusSurfaceError": "#ed3757",
+    "BpSurfaceStatusSurfaceErrorSecondary": "#fbd7dd",
     "BpSurfaceStatusSurfaceGeneric": "#a7a7a7",
     "BpSurfaceStatusSurfaceGray": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayFocus": "#e8e8e8",
@@ -396,6 +404,7 @@
     "BpSurfaceStatusSurfaceGreen": "#92e0c0",
     "BpSurfaceStatusSurfaceGreenFocus": "#92e0c0",
     "BpSurfaceStatusSurfaceGreenHover": "#92e0c0",
+    "BpSurfaceStatusSurfaceInfoSecondary": "#d3e7fe",
     "BpSurfaceStatusSurfaceInprogress": "#f5b31b",
     "BpSurfaceStatusSurfaceLightBlue": "#91c2fd",
     "BpSurfaceStatusSurfaceLightBlueFocus": "#91c2fd",
@@ -412,7 +421,10 @@
     "BpSurfaceStatusSurfaceRedHover": "#f69bab",
     "BpSurfaceStatusSurfaceScheduled": "#9f3fed",
     "BpSurfaceStatusSurfaceSuccess": "#26c281",
+    "BpSurfaceStatusSurfaceSuccessSecondary": "#d4f3e6",
     "BpSurfaceStatusSurfaceUploading": "#0061d5",
+    "BpSurfaceStatusSurfaceWarning": "#f5b31b",
+    "BpSurfaceStatusSurfaceWarningSecondary": "#fdf0d1",
     "BpSurfaceStatusSurfaceYellow": "#ffeb7f",
     "BpSurfaceStatusSurfaceYellowFocus": "#ffeb7f",
     "BpSurfaceStatusSurfaceYellowHover": "#ffeb7f",
@@ -480,13 +492,17 @@
     "BpTextToggleTextText": "#004eaa",
     "BpTextTextBrandOnColor": "#ffffff",
     "BpTextTextDestructiveOnLight": "#d5324e",
+    "BpTextTextErrorOnColor": "#821e30",
     "BpTextTextErrorOnLight": "#d5324e",
+    "BpTextTextInfoOnColor": "#00316b",
     "BpTextTextOnDark": "#ffffff",
     "BpTextTextOnLight": "#222222",
     "BpTextTextOnLightDisabled": "#bcbcbc",
     "BpTextTextOnLightSecondary": "#6f6f6f",
     "BpTextTextOnLightSecondaryHover": "#4e4e4e",
     "BpTextTextOnLightTertiary": "#909090",
+    "BpTextTextSuccessOnColor": "#0f4e34",
+    "BpTextTextWarningOnColor": "#62480b",
     "BpBoxBlue10": "#e5effa",
     "BpBoxBlue20": "#ccdff7",
     "BpBoxBlue30": "#b2cff2",

package/dist/tokens/mixins-modern.scss

@@ -270,7 +270,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-body-default-bold {
     font-weight: 600;
-    font-size: .875rem; // 14px
+    font-size: 0.875rem; // 14px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.25rem; // 20px
@@ -281,7 +281,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-body-default-semibold {
     font-weight: 500;
-    font-size: .875rem; // 14px
+    font-size: 0.875rem; // 14px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.25rem; // 20px
@@ -292,7 +292,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-body-default {
     font-weight: 450;
-    font-size: .875rem; // 14px
+    font-size: 0.875rem; // 14px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.25rem; // 20px
@@ -303,7 +303,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-body-small-semibold {
     font-weight: 500;
-    font-size: .8125rem; // 13px
+    font-size: 0.8125rem; // 13px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.125rem; // 18px
@@ -314,7 +314,7 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-body-small {
     font-weight: 450;
-    font-size: .8125rem; // 13px
+    font-size: 0.8125rem; // 13px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.125rem; // 18px
@@ -325,10 +325,10 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-caption-bold {
     font-weight: 550;
-    font-size: .75rem; // 12px
+    font-size: 0.75rem; // 12px
     font-family: $bp-inter-font-family;
     font-style: normal;
-    line-height: .9375rem; // 15px
+    line-height: 0.9375rem; // 15px
     letter-spacing: 0;
     text-transform: none;
     text-decoration: none;
@@ -336,10 +336,10 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-caption-default {
     font-weight: 450;
-    font-size: .75rem; // 12px
+    font-size: 0.75rem; // 12px
     font-family: $bp-inter-font-family;
     font-style: normal;
-    line-height: .9375rem; // 15px
+    line-height: 0.9375rem; // 15px
     letter-spacing: 0;
     text-transform: none;
     text-decoration: none;
@@ -347,29 +347,29 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-label-bold {
     font-weight: 550;
-    font-size: .625rem; // 10px
+    font-size: 0.625rem; // 10px
     font-family: $bp-inter-font-family;
     font-style: normal;
-    line-height: .875rem; // 14px
-    letter-spacing: .01875rem; // 0.3px
+    line-height: 0.875rem; // 14px
+    letter-spacing: 0.01875rem; // 0.3px
     text-transform: none;
     text-decoration: none;
 }
 
 @mixin bp-inter-label-default {
     font-weight: 450;
-    font-size: .625rem; // 10px
+    font-size: 0.625rem; // 10px
     font-family: $bp-inter-font-family;
     font-style: normal;
-    line-height: .875rem; // 14px
-    letter-spacing: .01875rem; // 0.3px
+    line-height: 0.875rem; // 14px
+    letter-spacing: 0.01875rem; // 0.3px
     text-transform: none;
     text-decoration: none;
 }
 
 @mixin bp-inter-link-default {
     font-weight: 500;
-    font-size: .875rem; // 14px
+    font-size: 0.875rem; // 14px
     font-family: $bp-inter-font-family;
     font-style: normal;
     line-height: 1.25rem; // 20px
@@ -384,10 +384,10 @@ $bp-inter-font-family: InterVariable, -apple-system, BlinkMacSystemFont, 'San Fr
 
 @mixin bp-inter-notification-default {
     font-weight: 550;
-    font-size: .5rem; // 8px
+    font-size: 0.5rem; // 8px
     font-family: $bp-inter-font-family;
     font-style: normal;
-    line-height: .75rem; // 12px
+    line-height: 0.75rem; // 12px
     letter-spacing: 0;
     text-transform: none;
     text-decoration: none;

package/dist/tokens/px-tokens.d.ts

@@ -962,15 +962,19 @@ export const bpIconNavIconOnLightHover: string;
 export const bpIconNavIconOnLightSelected: string;
 export const bpIconIconBlue: string;
 export const bpIconIconDestructiveOnLight: string;
+export const bpIconIconErrorOnColor: string;
 export const bpIconIconErrorOnLight: string;
 export const bpIconIconIllustrator: string;
 export const bpIconIconIndesign: string;
+export const bpIconIconInfoOnColor: string;
 export const bpIconIconOnDark: string;
 export const bpIconIconOnLight: string;
 export const bpIconIconOnLightSecondary: string;
 export const bpIconIconOnLightTertiary: string;
 export const bpIconIconPhotoshop: string;
 export const bpIconIconRequiredOnLight: string;
+export const bpIconIconSuccessOnColor: string;
+export const bpIconIconWarningOnColor: string;
 export const bpOutlineFocusOnDark: string;
 export const bpOutlineFocusOnLight: string;
 export const bpOverlayModalOverlay: string;
@@ -1072,6 +1076,9 @@ export const bpSurfaceCtaSurfacePromoFocus: string;
 export const bpSurfaceCtaSurfacePromoFocusPressed: string;
 export const bpSurfaceCtaSurfacePromoHover: string;
 export const bpSurfaceCtaSurfacePromoPressed: string;
+export const bpSurfaceCtaSurfaceQuaternary: string;
+export const bpSurfaceCtaSurfaceQuaternaryHover: string;
+export const bpSurfaceCtaSurfaceQuaternaryPressed: string;
 export const bpSurfaceCtaSurfaceSecondary: string;
 export const bpSurfaceCtaSurfaceSecondaryHover: string;
 export const bpSurfaceCtaSurfaceSecondaryPressed: string;
@@ -1214,6 +1221,7 @@ export const bpSurfaceStatusSurfaceDarkBlue: string;
 export const bpSurfaceStatusSurfaceDarkBlueFocus: string;
 export const bpSurfaceStatusSurfaceDarkBlueHover: string;
 export const bpSurfaceStatusSurfaceError: string;
+export const bpSurfaceStatusSurfaceErrorSecondary: string;
 export const bpSurfaceStatusSurfaceGeneric: string;
 export const bpSurfaceStatusSurfaceGray: string;
 export const bpSurfaceStatusSurfaceGrayFocus: string;
@@ -1221,6 +1229,7 @@ export const bpSurfaceStatusSurfaceGrayHover: string;
 export const bpSurfaceStatusSurfaceGreen: string;
 export const bpSurfaceStatusSurfaceGreenFocus: string;
 export const bpSurfaceStatusSurfaceGreenHover: string;
+export const bpSurfaceStatusSurfaceInfoSecondary: string;
 export const bpSurfaceStatusSurfaceInprogress: string;
 export const bpSurfaceStatusSurfaceLightBlue: string;
 export const bpSurfaceStatusSurfaceLightBlueFocus: string;
@@ -1237,7 +1246,10 @@ export const bpSurfaceStatusSurfaceRedFocus: string;
 export const bpSurfaceStatusSurfaceRedHover: string;
 export const bpSurfaceStatusSurfaceScheduled: string;
 export const bpSurfaceStatusSurfaceSuccess: string;
+export const bpSurfaceStatusSurfaceSuccessSecondary: string;
 export const bpSurfaceStatusSurfaceUploading: string;
+export const bpSurfaceStatusSurfaceWarning: string;
+export const bpSurfaceStatusSurfaceWarningSecondary: string;
 export const bpSurfaceStatusSurfaceYellow: string;
 export const bpSurfaceStatusSurfaceYellowFocus: string;
 export const bpSurfaceStatusSurfaceYellowHover: string;
@@ -1305,13 +1317,17 @@ export const bpTextNavTextOnLightSelected: string;
 export const bpTextToggleTextText: string;
 export const bpTextTextBrandOnColor: string;
 export const bpTextTextDestructiveOnLight: string;
+export const bpTextTextErrorOnColor: string;
 export const bpTextTextErrorOnLight: string;
+export const bpTextTextInfoOnColor: string;
 export const bpTextTextOnDark: string;
 export const bpTextTextOnLight: string;
 export const bpTextTextOnLightDisabled: string;
 export const bpTextTextOnLightSecondary: string;
 export const bpTextTextOnLightSecondaryHover: string;
 export const bpTextTextOnLightTertiary: string;
+export const bpTextTextSuccessOnColor: string;
+export const bpTextTextWarningOnColor: string;
 export const bpBoxBlue10: string;
 export const bpBoxBlue20: string;
 export const bpBoxBlue30: string;