@box/blueprint-web-assets 4.104.11 → 4.105.0

package/dist/tokens/tokens.json

@@ -852,6 +852,9 @@
     "BpBorderDropdownSecondaryBorder": "rgba(0, 0, 0, 0.08)",
     "BpBorderDropdownBorder": "rgba(0, 0, 0, 0.08)",
     "BpBorderDropdownBorderError": "#ed3757",
+    "BpBorderEditableTextDisplayBorderError": "#ed3757",
+    "BpBorderEditableTextDisplayBorderFocus": "#2486fc",
+    "BpBorderEditableTextDisplayBorderHover": "#222222",
     "BpBorderFilterChipBorderMultiOn": "#99c0ee",
     "BpBorderFilterChipBorderMultiOnHover": "#99c0ee",
     "BpBorderGridThumbnailBorder": "#e8e8e8",
@@ -1107,6 +1110,12 @@
     "BpSurfaceDropdownTertiarySurfacePressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceDropdownSurface": "rgba(255, 255, 255, 0.7)",
     "BpSurfaceDropdownSurfaceHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceDualStateSurfaceActive": "rgba(0, 0, 0, 0)",
+    "BpSurfaceDualStateSurfaceActiveHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceDualStateSurfaceActivePressed": "rgba(0, 0, 0, 0.08)",
+    "BpSurfaceDualStateSurfaceInactive": "rgba(0, 0, 0, 0)",
+    "BpSurfaceDualStateSurfaceInactiveHover": "rgba(0, 0, 0, 0.04)",
+    "BpSurfaceDualStateSurfaceInactivePressed": "rgba(0, 0, 0, 0.08)",
     "BpSurfaceFilterSurface": "#0061d5",
     "BpSurfaceFilterSurfaceFocus": "#0061d5",
     "BpSurfaceFilterSurfaceHover": "#0061d5",
@@ -1141,6 +1150,7 @@
     "BpSurfaceInlineNoticeSurfaceError": "#fdebee",
     "BpSurfaceInlineNoticeSurfaceInfo": "#e9f2fe",
     "BpSurfaceInlineNoticeSurfaceNote": "#ffffff",
+    "BpSurfaceInlineNoticeSurfaceNoteSecondary": "#f4f4f4",
     "BpSurfaceInlineNoticeSurfaceSuccess": "#e9f8f2",
     "BpSurfaceInlineNoticeSurfaceWarning": "#fef7e8",
     "BpSurfaceInlineTableSurface": "#ffffff",
@@ -1619,9 +1629,13 @@
     "BpFontLineHeight04": "1.25rem",
     "BpFontLineHeight05": "1.5rem",
     "BpFontLineHeight06": "2rem",
+    "BpFontLineHeight065": "2.25rem",
     "BpFontLineHeight07": "2.75rem",
+    "BpFontLineHeight08": "3rem",
     "BpFontSize10": "1.3125rem",
     "BpFontSize11": "2.25rem",
+    "BpFontSize12": "3rem",
+    "BpFontSize105": "1.5rem",
     "BpFontSize01": "0.5625rem",
     "BpFontSize02": "0.625rem",
     "BpFontSize03": "0.75rem",
@@ -1857,5 +1871,21 @@
     "BpYellowOpacity04": "rgba(255, 215, 0, 0.04)",
     "BpYellowOpacity08": "rgba(255, 215, 0, 0.08)",
     "BpScreenHeight": 900,
-    "BpScreenWidth": 1440
+    "BpScreenWidth": 1440,
+    "BpCurveExtraSmallOff": "cubic-bezier(0, 0, 1, 1)",
+    "BpCurveExtraSmallOn": "cubic-bezier(0, 0, 1, 1)",
+    "BpCurveLargeOff": "cubic-bezier(0.55, 0, 0.6, 1)",
+    "BpCurveLargeOn": "cubic-bezier(0.32, 0, 0.33, 1.3)",
+    "BpCurveMediumOff": "cubic-bezier(0.55, 0.08, 0.68, 0.53)",
+    "BpCurveMediumOn": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+    "BpCurveSmallOff": "cubic-bezier(0.55, 0.08, 0.68, 0.53)",
+    "BpCurveSmallOn": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+    "BpDurationLong": "300ms",
+    "BpDurationMedium": "150ms",
+    "BpDurationShort": "100ms",
+    "BpOpacityHidden": "0",
+    "BpOpacityVisible": "1",
+    "BpScaleDefault": "scale(1.00)",
+    "BpScaleLarge": "scale(1.12)",
+    "BpScaleSmall": "scale(0.98)"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.104.11",
+    "version": "4.105.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -148,7 +148,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.16.72",
+        "@box/storybook-utils": "^0.16.73",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",

package/dist/icons/Medium/BoxLeftArrow.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgBoxLeftArrow = (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', d: "M16 2a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-1a1 1 0 1 1 2 0v1a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v1a1 1 0 0 1-2 0V6a4 4 0 0 1 4-4h8ZM9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 1 1-1.414-1.414L11.586 13H3a1 1 0 1 1 0-2h8.586L9.293 8.707a1 1 0 0 1 0-1.414Z" }) }));
-const ForwardRef = forwardRef(SvgBoxLeftArrow);
-export default ForwardRef;

package/dist/icons/MediumFilled/Money.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-const SvgMoney = (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', d: "M19.154 2.004A3 3 0 0 1 22 5v14a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 2.846-2.996L5 2h14l.154.004ZM20 17.825A2.99 2.99 0 0 1 19 18H5a2.99 2.99 0 0 1-1-.175V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.175Zm0-3.997c-.267.094-.55.153-.846.168L19 14H5l-.154-.004A2.988 2.988 0 0 1 4 13.828V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-1.172ZM5 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5Zm7 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6ZM6.5 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM12 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5.5 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z" }) }));
-const ForwardRef = forwardRef(SvgMoney);
-export default ForwardRef;