@box/blueprint-web-assets 4.86.3 → 4.88.0

package/dist/tokens/tokens.js

@@ -875,6 +875,7 @@ export const bpBorderFilterChipBorderMultiOn = '#99c0ee';
 export const bpBorderFilterChipBorderMultiOnHover = '#99c0ee';
 export const bpBorderGridThumbnailBorder = '#e8e8e8';
 export const bpBorderHeaderBorder = '#e8e8e8';
+export const bpBorderInlineNoticeBorder = 'rgba(0, 0, 0, 0.08)';
 export const bpBorderInlineTableBorder = '#e8e8e8';
 export const bpBorderInputBorder = '#909090';
 export const bpBorderInputBorderError = '#ed3757';
@@ -914,8 +915,8 @@ export const bpBorderResizeBorderHover = '#bcbcbc';
 export const bpBorderSearchGlobalBorderHover = '#e8e8e8';
 export const bpBorderSearchInputBorderFocus = '#2486fc';
 export const bpBorderSearchInputBorderHover = '#6f6f6f';
-export const bpBorderSearchBorder = '#f4f4f4';
-export const bpBorderSearchBorderHover = '#6f6f6f';
+export const bpBorderSearchBorder = 'rgba(0, 0, 0, 0.08)';
+export const bpBorderSearchBorderHover = 'rgba(0, 0, 0, 0.12)';
 export const bpBorderSelectBorder = '#bcbcbc';
 export const bpBorderSelectBorderActive = '#2486fc';
 export const bpBorderSelectBorderError = '#d5324e';
@@ -1059,6 +1060,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
 export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
 export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
 export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
+export const bpSurfaceCtaDestructiveSurfacePrimary = '#d5324e';
+export const bpSurfaceCtaDestructiveSurfacePrimaryHover = '#ed3757';
+export const bpSurfaceCtaDestructiveSurfacePrimaryPressed = '#be2c46';
 export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
 export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
@@ -1074,9 +1078,9 @@ export const bpSurfaceCtaSurfacePromoFocus = '#4826c2';
 export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
 export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
-export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
-export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
-export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
+export const bpSurfaceCtaSurfaceSecondary = '#ffffff';
+export const bpSurfaceCtaSurfaceSecondaryHover = '#f4f4f4';
+export const bpSurfaceCtaSurfaceSecondaryPressed = '#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)';
@@ -1125,10 +1129,22 @@ export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
 export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
 export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
+export const bpSurfaceIconTileSurfaceBoxblue = '#0061d5';
+export const bpSurfaceIconTileSurfaceDarkblue = '#003c84';
+export const bpSurfaceIconTileSurfaceGray = '#222222';
+export const bpSurfaceIconTileSurfaceGreenlight = '#22af74';
+export const bpSurfaceIconTileSurfaceGrimace = '#4826c2';
+export const bpSurfaceIconTileSurfaceLightblue = '#2486fc';
+export const bpSurfaceIconTileSurfaceOrange = '#d97417';
+export const bpSurfaceIconTileSurfacePurplerain = '#8f39d5';
+export const bpSurfaceIconTileSurfaceWatermelonred = '#d5324e';
+export const bpSurfaceIconTileSurfaceWhite = '#ffffff';
+export const bpSurfaceIconTileSurfaceYellorange = '#dca118';
 export const bpSurfaceIllustrationSurfaceBox = '#0061d5';
 export const bpSurfaceIllustrationSurfaceBoxNeutral = '#0061d5';
 export const bpSurfaceInlineNoticeSurfaceError = '#fdebee';
 export const bpSurfaceInlineNoticeSurfaceInfo = '#e9f2fe';
+export const bpSurfaceInlineNoticeSurfaceNote = '#ffffff';
 export const bpSurfaceInlineNoticeSurfaceSuccess = '#e9f8f2';
 export const bpSurfaceInlineNoticeSurfaceWarning = '#fffbe5';
 export const bpSurfaceInlineTableSurface = '#ffffff';
@@ -1182,10 +1198,10 @@ export const bpSurfaceRadioTileSurface = '#ffffff';
 export const bpSurfaceRadioTileSurfaceHover = '#f4f4f4';
 export const bpSurfaceRadioTileSurfaceSelected = '#f2f7fd';
 export const bpSurfaceScrollbarSurface = 'rgba(0, 0, 0, 0.5)';
-export const bpSurfaceSearchSurface = '#f4f4f4';
+export const bpSurfaceSearchSurface = '#ffffff';
 export const bpSurfaceSearchSurfaceActive = '#ffffff';
 export const bpSurfaceSearchSurfaceComplete = '#f4f4f4';
-export const bpSurfaceSearchSurfaceHover = '#fbfbfb';
+export const bpSurfaceSearchSurfaceHover = '#f4f4f4';
 export const bpSurfaceSelectSurface = '#ffffff';
 export const bpSurfaceSelectSurfaceReadOnly = '#fbfbfb';
 export const bpSurfaceSidePanelSurface = '#fbfbfb';

package/dist/tokens/tokens.json

@@ -856,6 +856,7 @@
     "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
     "BpBorderGridThumbnailBorder": "#e8e8e8",
     "BpBorderHeaderBorder": "#e8e8e8",
+    "BpBorderInlineNoticeBorder": "rgba(0, 0, 0, 0.08)",
     "BpBorderInlineTableBorder": "#e8e8e8",
     "BpBorderInputBorder": "#909090",
     "BpBorderInputBorderError": "#ed3757",
@@ -895,8 +896,8 @@
     "BpBorderSearchGlobalBorderHover": "#e8e8e8",
     "BpBorderSearchInputBorderFocus": "#2486fc",
     "BpBorderSearchInputBorderHover": "#6f6f6f",
-    "BpBorderSearchBorder": "#f4f4f4",
-    "BpBorderSearchBorderHover": "#6f6f6f",
+    "BpBorderSearchBorder": "rgba(0, 0, 0, 0.08)",
+    "BpBorderSearchBorderHover": "rgba(0, 0, 0, 0.12)",
     "BpBorderSelectBorder": "#bcbcbc",
     "BpBorderSelectBorderActive": "#2486fc",
     "BpBorderSelectBorderError": "#d5324e",
@@ -1040,6 +1041,9 @@
     "BpSurfaceContentSwitcherSurface": "#e8e8e8",
     "BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
     "BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
+    "BpSurfaceCtaDestructiveSurfacePrimary": "#d5324e",
+    "BpSurfaceCtaDestructiveSurfacePrimaryHover": "#ed3757",
+    "BpSurfaceCtaDestructiveSurfacePrimaryPressed": "#be2c46",
     "BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
     "BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
     "BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
@@ -1057,9 +1061,9 @@
     "BpSurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
     "BpSurfaceCtaSurfacePromoHover": "#4826c2",
     "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
-    "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
-    "BpSurfaceCtaSurfaceSecondaryHover": "rgba(255, 255, 255, 0.6)",
-    "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(255, 255, 255, 0.3)",
+    "BpSurfaceCtaSurfaceSecondary": "#ffffff",
+    "BpSurfaceCtaSurfaceSecondaryHover": "#f4f4f4",
+    "BpSurfaceCtaSurfaceSecondaryPressed": "#e8e8e8",
     "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
     "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
@@ -1108,10 +1112,22 @@
     "BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
     "BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceIconTileSurfaceBoxblue": "#0061d5",
+    "BpSurfaceIconTileSurfaceDarkblue": "#003c84",
+    "BpSurfaceIconTileSurfaceGray": "#222222",
+    "BpSurfaceIconTileSurfaceGreenlight": "#22af74",
+    "BpSurfaceIconTileSurfaceGrimace": "#4826c2",
+    "BpSurfaceIconTileSurfaceLightblue": "#2486fc",
+    "BpSurfaceIconTileSurfaceOrange": "#d97417",
+    "BpSurfaceIconTileSurfacePurplerain": "#8f39d5",
+    "BpSurfaceIconTileSurfaceWatermelonred": "#d5324e",
+    "BpSurfaceIconTileSurfaceWhite": "#ffffff",
+    "BpSurfaceIconTileSurfaceYellorange": "#dca118",
     "BpSurfaceIllustrationSurfaceBox": "#0061d5",
     "BpSurfaceIllustrationSurfaceBoxNeutral": "#0061d5",
     "BpSurfaceInlineNoticeSurfaceError": "#fdebee",
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
+    "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fffbe5",
     "BpSurfaceInlineTableSurface": "#ffffff",
@@ -1170,10 +1186,10 @@
     "BpSurfaceRadioTileSurfaceHover": "#f4f4f4",
     "BpSurfaceRadioTileSurfaceSelected": "#f2f7fd",
     "BpSurfaceScrollbarSurface": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceSearchSurface": "#f4f4f4",
+    "BpSurfaceSearchSurface": "#ffffff",
     "BpSurfaceSearchSurfaceActive": "#ffffff",
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
-    "BpSurfaceSearchSurfaceHover": "#fbfbfb",
+    "BpSurfaceSearchSurfaceHover": "#f4f4f4",
     "BpSurfaceSelectSurface": "#ffffff",
     "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
     "BpSurfaceSidePanelSurface": "#fbfbfb",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.86.3",
+    "version": "4.88.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.14.24",
+        "@box/storybook-utils": "^0.14.28",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "chalk": "4.1.2",