@box/blueprint-web-assets 4.91.6 → 4.92.0

package/dist/tokens/px-tokens.js

@@ -916,10 +916,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';
@@ -980,15 +980,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)';
@@ -1088,6 +1092,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';
@@ -1156,7 +1163,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';
@@ -1225,6 +1232,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';
@@ -1232,6 +1240,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';
@@ -1248,7 +1257,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';
@@ -1316,13 +1328,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/tokens-css-vars.scss

@@ -1435,10 +1435,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);
@@ -1490,12 +1490,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);
@@ -1581,6 +1585,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);
@@ -1648,7 +1655,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);
@@ -1722,6 +1729,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);
@@ -1729,6 +1737,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);
@@ -1745,7 +1754,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);
@@ -1807,11 +1819,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/tokens.d.ts

@@ -958,15 +958,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;
@@ -1068,6 +1072,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;
@@ -1210,6 +1217,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;
@@ -1217,6 +1225,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;
@@ -1233,7 +1242,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;
@@ -1301,13 +1313,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/tokens.js

@@ -912,10 +912,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';
@@ -976,15 +976,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)';
@@ -1084,6 +1088,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';
@@ -1152,7 +1159,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';
@@ -1221,6 +1228,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';
@@ -1228,6 +1236,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';
@@ -1244,7 +1253,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';
@@ -1312,13 +1324,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/tokens.json

@@ -893,10 +893,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",
@@ -957,15 +957,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)",
@@ -1067,6 +1071,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",
@@ -1135,7 +1142,7 @@
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
-    "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
+    "BpSurfaceInlineNoticeSurfaceWarning": "#fef7e8",
     "BpSurfaceInlineTableSurface": "#ffffff",
     "BpSurfaceInputSurface": "#ffffff",
     "BpSurfaceInputSurfaceError": "#ffffff",
@@ -1209,6 +1216,7 @@
     "BpSurfaceStatusSurfaceDarkBlueFocus": "#7f9dc1",
     "BpSurfaceStatusSurfaceDarkBlueHover": "#7f9dc1",
     "BpSurfaceStatusSurfaceError": "#ed3757",
+    "BpSurfaceStatusSurfaceErrorSecondary": "#fbd7dd",
     "BpSurfaceStatusSurfaceGeneric": "#a7a7a7",
     "BpSurfaceStatusSurfaceGray": "#e8e8e8",
     "BpSurfaceStatusSurfaceGrayFocus": "#e8e8e8",
@@ -1216,6 +1224,7 @@
     "BpSurfaceStatusSurfaceGreen": "#92e0c0",
     "BpSurfaceStatusSurfaceGreenFocus": "#92e0c0",
     "BpSurfaceStatusSurfaceGreenHover": "#92e0c0",
+    "BpSurfaceStatusSurfaceInfoSecondary": "#d3e7fe",
     "BpSurfaceStatusSurfaceInprogress": "#f5b31b",
     "BpSurfaceStatusSurfaceLightBlue": "#91c2fd",
     "BpSurfaceStatusSurfaceLightBlueFocus": "#91c2fd",
@@ -1232,7 +1241,10 @@
     "BpSurfaceStatusSurfaceRedHover": "#f69bab",
     "BpSurfaceStatusSurfaceScheduled": "#9f3fed",
     "BpSurfaceStatusSurfaceSuccess": "#26c281",
+    "BpSurfaceStatusSurfaceSuccessSecondary": "#d4f3e6",
     "BpSurfaceStatusSurfaceUploading": "#0061d5",
+    "BpSurfaceStatusSurfaceWarning": "#f5b31b",
+    "BpSurfaceStatusSurfaceWarningSecondary": "#fdf0d1",
     "BpSurfaceStatusSurfaceYellow": "#ffeb7f",
     "BpSurfaceStatusSurfaceYellowFocus": "#ffeb7f",
     "BpSurfaceStatusSurfaceYellowHover": "#ffeb7f",
@@ -1300,13 +1312,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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.91.6",
+    "version": "4.92.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.15.6",
+        "@box/storybook-utils": "^0.15.7",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "chalk": "4.1.2",