@box/blueprint-web-assets 4.60.14 → 4.61.2

package/dist/tokens/tokens.json

@@ -829,6 +829,8 @@
     "BpBorderCheckboxBorderSelected": "#0061d5",
     "BpBorderCheckboxBorderSelectedHover": "#2079e3",
     "BpBorderCollapsibleSectionBorder": "#d3d3d3",
+    "BpBorderComboboxBorder": "#909090",
+    "BpBorderComboboxBorderHover": "#6f6f6f",
     "BpBorderContentButtonBorderHoverActive": "#909090",
     "BpBorderContentButtonBorderSelected": "#909090",
     "BpBorderCtaBorderOutline": "#000000",
@@ -848,7 +850,7 @@
     "BpBorderDatePickerBorderError": "#ed3757",
     "BpBorderDatePickerBorderFocus": "#2486fc",
     "BpBorderDatePickerBorderHover": "#6f6f6f",
-    "BpBorderDividerBorder": "#e8e8e8",
+    "BpBorderDividerBorder": "rgba(0, 0, 0, 0.04)",
     "BpBorderDividerBorderBrand": "rgba(232, 232, 232, 0.1)",
     "BpBorderDropdownSecondaryBorder": "#bcbcbc",
     "BpBorderDropdownBorder": "#bcbcbc",
@@ -897,9 +899,8 @@
     "BpBorderSearchInputBorderHover": "#6f6f6f",
     "BpBorderSearchBorder": "#f4f4f4",
     "BpBorderSearchBorderHover": "#6f6f6f",
+    "BpBorderSelectBorder": "#bcbcbc",
     "BpBorderSelectBorderActive": "#2486fc",
-    "BpBorderSelectBorderDefault": "#bcbcbc",
-    "BpBorderSelectBorderDisabled": "#bcbcbc",
     "BpBorderSelectBorderError": "#d5324e",
     "BpBorderSelectBorderHover": "#6f6f6f",
     "BpBorderSelectBorderReadOnly": "#d3d3d3",
@@ -922,6 +923,7 @@
     "BpBorderToggleTextBorderOnHover": "#99c0ee",
     "BpBorderToggleTextBorderOnPressed": "#99c0ee",
     "BpBorderTooltipBorderError": "#f69bab",
+    "BpBorderBorderAccordionHover": "#e8e8e8",
     "BpBorder00": "0",
     "BpBorder01": "0.0625rem",
     "BpBorder02": "0.125rem",
@@ -954,17 +956,19 @@
     "BpIconIconIllustrator": "#ff9400",
     "BpIconIconIndesign": "#ff57a1",
     "BpIconIconOnDark": "#ffffff",
-    "BpIconIconOnLight": "#222222",
-    "BpIconIconOnLightSecondary": "#6f6f6f",
-    "BpIconIconOnLightTertiary": "#909090",
+    "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",
     "BpOutlineFocusOnDark": "#ffffff",
     "BpOutlineFocusOnLight": "#2486fc",
     "BpOverlayModalOverlay": "rgba(0, 0, 0, 0.5)",
     "BpOverlaySidePanelOverlay": "rgba(0, 0, 0, 0.5)",
-    "BpSurfaceAccordionSurface": "#ffffff",
-    "BpSurfaceAccordionSurfaceHover": "#f4f4f4",
+    "BpSurfaceAccordionSurfaceCollapsed": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceAccordionSurfaceCollapsedHover": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceAccordionSurfaceExpanded": "#ffffff",
+    "BpSurfaceAccordionSurfaceExpandedHover": "#ffffff",
     "BpSurfaceBadgeIllustratorSurface": "#051e25",
     "BpSurfaceBadgeIndesignSurface": "#131415",
     "BpSurfaceBadgeNumbersSurface": "#00a650",
@@ -1020,6 +1024,7 @@
     "BpSurfaceCardSurfaceHover": "#ffffff",
     "BpSurfaceCardSurfacePressed": "#fbfbfb",
     "BpSurfaceCheckboxSurface": "#ffffff",
+    "BpSurfaceCheckboxSurfaceDisabled": "#f4f4f4",
     "BpSurfaceCheckboxSurfaceHover": "#ffffff",
     "BpSurfaceCheckboxSurfaceSelected": "#0061d5",
     "BpSurfaceCheckboxSurfaceSelectedHover": "#2079e3",
@@ -1066,6 +1071,7 @@
     "BpSurfaceCtaSurfaceTertiaryPromoFocusPressed": "#dad4f3",
     "BpSurfaceCtaSurfaceTertiaryPromoHover": "#f6f4fc",
     "BpSurfaceCtaSurfaceTertiaryPromoPressed": "#dad4f3",
+    "BpSurfaceCursorCursorOnLight": "#000000",
     "BpSurfaceDatePickerDaySurfaceDefault": "#ffffff",
     "BpSurfaceDatePickerDaySurfaceDisabled": "#ffffff",
     "BpSurfaceDatePickerDaySurfaceFocus": "#f4f4f4",
@@ -1131,11 +1137,22 @@
     "BpSurfaceListItemSurface": "#ffffff",
     "BpSurfaceListItemSurfaceHover": "#f4f4f4",
     "BpSurfaceListItemSurfaceSelected": "#f2f7fd",
-    "BpSurfaceMenuSurface": "#ffffff",
+    "BpSurfaceLoadingIndicatorSurface": "#0061d5",
+    "BpSurfaceLoadingIndicatorSurfaceOnDark": "#ffffff",
+    "BpSurfaceLoadingIndicatorSurfaceOnDarkSecondary": "rgba(255, 255, 255, 0.7)",
+    "BpSurfaceLoadingIndicatorSurfaceOnDarkTertiary": "rgba(255, 255, 255, 0.3)",
+    "BpSurfaceLoadingIndicatorSurfaceOnLight": "#000000",
+    "BpSurfaceLoadingIndicatorSurfaceOnLightSecondary": "rgba(0, 0, 0, 0.6)",
+    "BpSurfaceLoadingIndicatorSurfaceOnLightTertiary": "rgba(0, 0, 0, 0.3)",
+    "BpSurfaceLoadingIndicatorSurfaceSecondary": "rgba(0, 97, 213, 0.7)",
+    "BpSurfaceLoadingIndicatorSurfaceTertiary": "rgba(0, 97, 213, 0.3)",
+    "BpSurfaceMenuSurfaceDropdown": "rgba(255, 255, 255, 0.9)",
+    "BpSurfaceMenuSurfaceFullscreen": "rgba(255, 255, 255, 0.9)",
     "BpSurfaceMenuItemSurface": "#ffffff",
     "BpSurfaceMenuItemSurfaceHover": "#f4f4f4",
     "BpSurfaceMenuItemSurfaceLoading": "#ffffff",
     "BpSurfaceMenuItemSurfacePressed": "#f4f4f4",
+    "BpSurfaceModalSurface": "#ffffff",
     "BpSurfaceNavSurfaceBrand": "#0061d5",
     "BpSurfaceOptionGridSurfaceHover": "rgba(0, 0, 0, 0.04)",
     "BpSurfaceOptionGridSurfaceSelected": "rgba(0, 0, 0, 0.08)",
@@ -1156,12 +1173,7 @@
     "BpSurfaceSearchSurfaceActive": "#ffffff",
     "BpSurfaceSearchSurfaceComplete": "#f4f4f4",
     "BpSurfaceSearchSurfaceHover": "#fbfbfb",
-    "BpSurfaceSelectSurfaceActive": "#ffffff",
-    "BpSurfaceSelectSurfaceDefault": "#ffffff",
-    "BpSurfaceSelectSurfaceDisabled": "#ffffff",
-    "BpSurfaceSelectSurfaceError": "#ffffff",
-    "BpSurfaceSelectSurfaceHover": "#ffffff",
-    "BpSurfaceSelectSurfaceReadOnly": "#fbfbfb",
+    "BpSurfaceSelectSurface": "#ffffff",
     "BpSurfaceSliderThumbSurface": "#0061d5",
     "BpSurfaceSliderThumbSurfaceHover": "#2486fc",
     "BpSurfaceSliderTrackSurface": "#6f6f6f",

package/package.json

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

package/dist/icons/Medium/AlertBadge.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgAlertBadge = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm0 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgAlertBadge);
-export default ForwardRef;

package/dist/icons/Medium/Check.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgCheck = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm2 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-6.22-1.375a1 1 0 1 0-1.56-1.25l-3.303 4.128-1.21-1.21a1 1 0 0 0-1.414 1.414l1.92 1.921a1.1 1.1 0 0 0 1.638-.09l3.93-4.913Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgCheck);
-export default ForwardRef;

package/dist/icons/Medium/Question.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgQuestion = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0 2c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14c-.87 0-1.611.555-1.886 1.333a1 1 0 0 1-1.886-.666A4.001 4.001 0 0 1 12 6c1.09 0 2.164.446 2.927 1.161.772.724 1.3 1.806 1.053 3.035-.313 1.568-1.131 2.38-1.855 2.96a20.68 20.68 0 0 1-.36.28c-.183.14-.325.249-.47.386-.189.178-.29.325-.346.494a1 1 0 0 1-1.898-.632c.194-.58.53-.996.873-1.318.22-.207.494-.418.72-.592.086-.066.165-.127.231-.18.526-.42.958-.858 1.144-1.79.08-.395-.065-.813-.46-1.184A2.356 2.356 0 0 0 12 8Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgQuestion);
-export default ForwardRef;

package/dist/icons/MediumFilled/Check.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgCheck = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm3.78-11.375a1 1 0 1 0-1.56-1.25l-3.303 4.128-1.21-1.21a1 1 0 0 0-1.414 1.414l1.92 1.921a1.1 1.1 0 0 0 1.638-.09l3.93-4.913Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgCheck);
-export default ForwardRef;

package/dist/icons/MediumFilled/Information.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgInformation = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm1-14a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3 3a1 1 0 0 1 1-1h.5a1.5 1.5 0 0 1 1.5 1.5V15a1 1 0 1 1 0 2h-.5a1.5 1.5 0 0 1-1.5-1.5V12a1 1 0 0 1-1-1Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgInformation);
-export default ForwardRef;

package/dist/icons/MediumFilled/Question.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgQuestion = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-14c-.87 0-1.611.555-1.886 1.333a1 1 0 1 1-1.886-.666A4.001 4.001 0 0 1 12 6c1.09 0 2.164.446 2.927 1.161.772.724 1.3 1.806 1.054 3.035-.314 1.568-1.132 2.38-1.856 2.96a20.68 20.68 0 0 1-.36.28c-.183.14-.325.249-.47.386-.189.178-.29.325-.346.494a1 1 0 0 1-1.898-.632c.194-.58.53-.996.873-1.318.22-.207.494-.418.72-.592.086-.066.165-.127.231-.18.526-.42.958-.858 1.144-1.79.08-.395-.065-.813-.46-1.184A2.356 2.356 0 0 0 12 8Zm1 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", clipRule: "evenodd" }) }));
-const ForwardRef = forwardRef(SvgQuestion);
-export default ForwardRef;