@box/blueprint-web-assets 4.129.0 → 4.130.1

package/dist/illustrations/Animated/UploadFiles.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/illustrations/Animated/UploadFiles.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgUploadFiles = (props, ref) => (_jsxs("svg", { id: "UploadFiles_svg__eMrhy35eBzv1", width: "1em", height: "1em", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 140 140", role: "img", ref: ref, ...props, children: [_jsx("defs", { children: _jsxs("filter", { id: "UploadFiles_svg__eMrhy35eBzv11-filter", width: "400%", height: "400%", x: "-150%", y: "-150%", children: [_jsx("feGaussianBlur", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-blur", in: "SourceAlpha", stdDeviation: "7.36805,7.36805" }), _jsx("feOffset", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-offset", dx: 0, dy: 0, result: "tmp" }), _jsx("feFlood", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-flood", floodColor: "rgba(0,97,223,0.25)" }), _jsx("feComposite", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-composite", in2: "tmp", operator: "in" }), _jsxs("feMerge", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-merge", result: "result", children: [_jsx("feMergeNode", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-merge-node-1" }), _jsx("feMergeNode", { id: "UploadFiles_svg__eMrhy35eBzv11-filter-drop-shadow-0-merge-node-2", in: "SourceGraphic" })] })] }) }), _jsxs("g", { clipPath: "url(#UploadFiles_svg__eMrhy35eBzv14)", children: [_jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillOpacity: 0.1, d: "M86.5 44.35a2 2 0 1 1 0 4h-33a2 2 0 1 1 0-4h33Zm-9.942-29c.61 0 1.202.206 1.672.595 2.042 1.692 6.053 5.189 10.27 9.406 4.641 4.64 8.41 8.877 9.86 10.81a.73.73 0 0 1-1.105.944l-1.865-1.865a3.037 3.037 0 0 0-2.148-.89h-9.264a4.479 4.479 0 0 1-4.478-4.478V21.13a4.48 4.48 0 0 0-1.22-3.073l-2.553-2.706h.83Zm-9.685 15a3 3 0 0 1 0 6H54.5a3 3 0 0 1 0-6h12.373Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillOpacity: 0.25, d: "M29.726 107.337a8.34 8.34 0 0 0 8.262 7.213h-.25a8.34 8.34 0 0 1-8.339-8.339v-1.268l.327 2.394Zm74.726-65.71a6.065 6.065 0 0 1 6.065 6.065v18.019a6.219 6.219 0 0 0-.431-.02L98.5 65.602V41.627h5.952Zm-62.952-.33v15.606H29.798a6.18 6.18 0 0 0-.399.014v-9.61c0-3.372 2.75-6.095 6.12-6.064l5.981.054Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M29.726 107.337a8.34 8.34 0 0 0 8.262 7.213h64.2a8.34 8.34 0 0 0 8.232-7.014l.847-5.259v3.934c-.001 5.019-4.07 9.089-9.089 9.089h-64.44a9.09 9.09 0 0 1-9.089-9.089v-6.77l1.077 7.896Zm74.726-66.46a6.815 6.815 0 0 1 6.815 6.815v18.125a6.119 6.119 0 0 0-1.181-.126l-.319-.003V47.692a5.316 5.316 0 0 0-5.315-5.315H98.5v-1.5h5.952Zm-62.952-.33v1.5l-5.987-.055a5.315 5.315 0 0 0-5.364 5.315v9.595h-.351c-.394 0-.777.04-1.149.11v-9.705c0-3.788 3.09-6.85 6.877-6.815l5.974.055Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillOpacity: 0.1, d: "m23.789 63.787 5.937 43.55a8.338 8.338 0 0 0 8.262 7.212h64.2a8.337 8.337 0 0 0 8.232-7.013l5.606-34.817c.591-3.668-2.225-7-5.941-7.028l-36.466-.28a5 5 0 0 1-3.793-1.787L65.69 58.69a5 5 0 0 0-3.832-1.788H29.798c-3.675 0-6.505 3.242-6.01 6.884Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M75.6 14.6a7.75 7.75 0 0 1 5.481 2.27l15.9 15.9a7.75 7.75 0 0 1 2.269 5.48v27.357l-1.5-.011V39.464c0-.514-.204-1.007-.567-1.37l-1.902-1.902a3.73 3.73 0 0 0-2.637-1.091h-8.666a5.229 5.229 0 0 1-5.228-5.229V21.13c0-.951-.364-1.867-1.017-2.559l-1.756-1.863a1.937 1.937 0 0 0-1.41-.607H48.5a6.25 6.25 0 0 0-6.25 6.25v34.552h-1.5V22.351a7.75 7.75 0 0 1 7.75-7.75h27.1Zm3.225 2.942a5.23 5.23 0 0 1 1.425 3.588v8.742c0 2.06 1.67 3.729 3.728 3.729h8.667a5.23 5.23 0 0 1 3.697 1.53l1.056 1.057a6.25 6.25 0 0 0-1.48-2.357l-15.899-15.9a6.251 6.251 0 0 0-2.15-1.403l.956 1.014Z" }), _jsx("path", { fill: "none", stroke: "var(--surface-illustration-surface-box-neutral)", strokeWidth: 1.5, d: "m23.789 63.787 5.937 43.55a8.338 8.338 0 0 0 8.262 7.212h64.2a8.337 8.337 0 0 0 8.232-7.013l5.606-34.817c.591-3.668-2.225-7-5.941-7.028l-36.466-.28a5 5 0 0 1-3.793-1.787L65.69 58.69a5 5 0 0 0-3.832-1.788H29.798c-3.675 0-6.505 3.242-6.01 6.884Z" }), _jsxs("g", { id: "UploadFiles_svg__eMrhy35eBzv10", children: [_jsx("g", { filter: "url(#UploadFiles_svg__eMrhy35eBzv11-filter)", transform: "translate(0 4)", children: _jsx("circle", { r: 20.631, fill: "var(--surface-illustration-surface-box-neutral)", transform: "translate(99.416 107.838)" }) }), _jsx("path", { fill: "#fff", d: "M89.951 107.478a1.228 1.228 0 0 1 0-1.737l8.597-8.596c.48-.48 1.256-.48 1.736 0l8.596 8.596a1.228 1.228 0 1 1-1.736 1.737l-6.5-6.5v16.684a1.228 1.228 0 0 1-2.456 0v-16.684l-6.5 6.5a1.229 1.229 0 0 1-1.736 0Z", transform: "translate(0 4)" })] }), _jsx("clipPath", { id: "UploadFiles_svg__eMrhy35eBzv14", children: _jsx("rect", { width: 140, height: 140, fill: "#fff", rx: 0, ry: 0 }) })] })] }));
+const ForwardRef = forwardRef(SvgUploadFiles);
+export default ForwardRef;

package/dist/illustrations/Animated/index.d.ts

@@ -0,0 +1 @@
+export { default as UploadFiles } from './UploadFiles';

package/dist/illustrations/Animated/index.js

@@ -0,0 +1 @@
+export { default as UploadFiles } from './UploadFiles';

package/dist/illustrations/Medium/UploadFiles.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const ForwardRef: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/illustrations/Medium/UploadFiles.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgUploadFiles = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 140 140", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillOpacity: 0.25, d: "M29.726 107.337a8.34 8.34 0 0 0 8.262 7.213h-.25a8.34 8.34 0 0 1-8.339-8.339v-1.268l.327 2.394ZM104.452 41.627a6.066 6.066 0 0 1 6.065 6.064v18.02a6.218 6.218 0 0 0-.431-.02L98.5 65.6V41.627h5.952ZM41.5 41.297v15.606H29.798c-.134 0-.267.005-.399.013v-9.61a6.065 6.065 0 0 1 6.12-6.064l5.981.055Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillOpacity: 0.1, d: "M61.86 56.903a5 5 0 0 1 3.831 1.788l4.134 4.933a5 5 0 0 0 3.794 1.787l36.466.28c3.715.028 6.532 3.36 5.941 7.028l-5.606 34.817a8.34 8.34 0 0 1-8.232 7.014h-64.2a8.34 8.34 0 0 1-8.262-7.213l-5.937-43.55c-.496-3.642 2.334-6.884 6.009-6.884h32.061ZM86.5 44.35a2 2 0 0 1 0 4h-33a2 2 0 1 1 0-4h33ZM76.558 15.35c.61 0 1.202.206 1.671.595 2.043 1.692 6.054 5.189 10.271 9.406 4.641 4.64 8.41 8.877 9.86 10.81a.73.73 0 0 1-1.105.944l-1.865-1.865a3.038 3.038 0 0 0-2.148-.89h-9.264a4.479 4.479 0 0 1-4.478-4.478V21.13a4.48 4.48 0 0 0-1.22-3.073l-2.553-2.706h.83ZM66.873 30.35a3 3 0 0 1 0 6H54.5a3 3 0 0 1 0-6h12.373Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M75.6 14.6a7.75 7.75 0 0 1 5.481 2.27l15.9 15.9a7.75 7.75 0 0 1 2.269 5.48v2.627h5.202a6.816 6.816 0 0 1 6.815 6.814v17.36c3.573.647 6.099 4.063 5.5 7.788l-5.606 34.817a9.09 9.09 0 0 1-6.26 7.228l-.069.021a8.28 8.28 0 0 1-.763.196l-.122.025a8.995 8.995 0 0 1-.73.112l-.153.018a9.161 9.161 0 0 1-.293.022c-.049.003-.098.008-.147.01-.145.007-.29.012-.437.012H37.738a9.09 9.09 0 0 1-9.089-9.089v-1.216l-5.603-41.106c-.505-3.703 2.052-7.04 5.603-7.641v-8.941a6.815 6.815 0 0 1 6.877-6.815l5.224.047V22.351a7.75 7.75 0 0 1 7.75-7.75h27.1ZM29.799 57.654c-3.22 0-5.7 2.842-5.266 6.032l5.937 43.551a7.59 7.59 0 0 0 7.52 6.564h64.198a7.59 7.59 0 0 0 7.493-6.383l5.606-34.816a5.314 5.314 0 0 0-5.206-6.16l-36.467-.279a5.75 5.75 0 0 1-4.362-2.056l-4.135-4.933a4.25 4.25 0 0 0-3.257-1.52H29.798Zm69.452 7.204 10.517.082V47.69a5.316 5.316 0 0 0-5.315-5.314H99.25v22.48ZM48.5 16.101a6.25 6.25 0 0 0-6.25 6.25v33.802h19.61c1.7 0 3.313.754 4.406 2.057l4.134 4.933c.8.954 1.98 1.51 3.225 1.52l24.125.184V39.464c0-.514-.204-1.007-.567-1.37l-1.902-1.902a3.73 3.73 0 0 0-2.637-1.091h-8.666a5.229 5.229 0 0 1-5.228-5.229V21.13c0-.951-.364-1.867-1.017-2.559l-1.756-1.863a1.938 1.938 0 0 0-1.41-.607H48.5ZM35.513 41.992a5.315 5.315 0 0 0-5.364 5.315v8.846H40.75V42.04l-5.237-.047Zm43.312-24.45a5.23 5.23 0 0 1 1.425 3.588v8.742a3.729 3.729 0 0 0 3.728 3.729h8.666a5.23 5.23 0 0 1 3.698 1.53l1.056 1.057a6.249 6.249 0 0 0-1.48-2.357l-15.899-15.9a6.25 6.25 0 0 0-2.15-1.403l.956 1.014Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M120.046 107.838c0 11.393-9.236 20.63-20.63 20.63-11.394 0-20.63-9.237-20.63-20.63 0-11.394 9.236-20.631 20.63-20.631 11.394 0 20.63 9.237 20.63 20.631Z" }), _jsx("path", { fill: "white", d: "M89.952 107.478a1.228 1.228 0 0 1 0-1.737l8.596-8.596c.48-.48 1.257-.48 1.736 0l8.596 8.596a1.228 1.228 0 1 1-1.736 1.737l-6.5-6.5v16.684a1.228 1.228 0 0 1-2.456 0v-16.684l-6.5 6.5a1.229 1.229 0 0 1-1.736 0Z" })] }));
+const ForwardRef = forwardRef(SvgUploadFiles);
+export default ForwardRef;

package/dist/illustrations/Medium/index.d.ts

@@ -76,4 +76,5 @@ export { default as Transfers } from './Transfers';
 export { default as TrashEmpty } from './TrashEmpty';
 export { default as Unplugged } from './Unplugged';
 export { default as UploadCloud } from './UploadCloud';
+export { default as UploadFiles } from './UploadFiles';
 export { default as UserNotFound } from './UserNotFound';

package/dist/illustrations/Medium/index.js

@@ -76,4 +76,5 @@ export { default as Transfers } from './Transfers';
 export { default as TrashEmpty } from './TrashEmpty';
 export { default as Unplugged } from './Unplugged';
 export { default as UploadCloud } from './UploadCloud';
+export { default as UploadFiles } from './UploadFiles';
 export { default as UserNotFound } from './UserNotFound';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.129.0",
+    "version": "4.130.1",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-storybook": "nx run blueprint-web-assets:build-storybook",
@@ -15,13 +15,14 @@
         "svgr-content-item-no-background": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/ContentItemNoBackground ./tmp/repo/Icon/ContentItemNoBackground",
         "svgr-fill": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Fill ./tmp/repo/Icon/Fill",
         "svgr-illustration": "svgr --config-file svgrConfig/replace-with-branding-color.svgrrc.js -d src/illustrations ./tmp/repo/Illustration",
+        "svgr-illustration-animated": "svgr --config-file svgrConfig/animated-illustration.svgrrc.js -d src/illustrations/Animated ./tmp/repo/Illustration/Animated",
         "svgr-line": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Line ./tmp/repo/Icon/Line",
         "svgr-logo": "svgr --config-file svgrConfig/common.svgrrc.js -d src/icons/Logo ./tmp/repo/Icon/Logo",
         "svgr-medium-filled": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/MediumFilled ./tmp/repo/Icon/MediumFilled",
         "svgr-medium": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Medium ./tmp/repo/Icon/Medium",
         "svgr-multitone": "svgr --config-file svgrConfig/replace-color.svgrrc.js -d src/icons/Multitone ./tmp/repo/Icon/Multitone",
         "svgr-animated": "svgr --config-file svgrConfig/animated.svgrrc.js -d src/icons/Animated ./tmp/repo/Icon/Animated",
-        "svgr": "rimraf src/icons/Content src/icons/ContentItemNoBackground src/icons/Fill src/icons/Line src/icons/Logo src/icons/MediumFilled src/icons/Medium src/icons/Multitone src/icons/Animated && concurrently 'yarn svgr-content' 'yarn svgr-content-item-no-background' 'yarn svgr-fill' 'yarn svgr-illustration' 'yarn svgr-line' 'yarn svgr-logo' 'yarn svgr-medium-filled' 'yarn svgr-medium' 'yarn svgr-multitone' 'yarn svgr-animated' && yarn remove-clippaths",
+        "svgr": "rimraf src/icons/Content src/icons/ContentItemNoBackground src/icons/Fill src/icons/Line src/icons/Logo src/icons/MediumFilled src/icons/Medium src/icons/Multitone src/icons/Animated && concurrently 'yarn svgr-content' 'yarn svgr-content-item-no-background' 'yarn svgr-fill' 'yarn svgr-illustration' 'yarn svgr-line' 'yarn svgr-logo' 'yarn svgr-medium-filled' 'yarn svgr-medium' 'yarn svgr-multitone' 'yarn svgr-animated' && yarn svgr-illustration-animated && yarn remove-clippaths",
         "tokens-build-styles-all": "yarn tokens-build-styles && yarn tokens-build-styles-create-typography-mixins && yarn build-bp2-tokens",
         "tokens-build-styles-create-typography-mixins": "node scripts/create_typography_mixins.js --input tmp/repo/Style/values.json --output src/tokens/mixins-legacy.scss",
         "tokens-build-styles": "token-transformer --expandTypography --expandComposition --resolveReferences=false tmp/repo/Style tmp/tokens_output_styles.json light-mode,values && node scripts/build-tokens.mjs",
@@ -147,10 +148,14 @@
         "./illustrations/Large": {
             "types": "./dist/illustrations/Large/index.d.ts",
             "default": "./dist/illustrations/Large/index.js"
+        },
+        "./illustrations/Animated": {
+            "types": "./dist/illustrations/Animated/index.d.ts",
+            "default": "./dist/illustrations/Animated/index.js"
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.21.9",
+        "@box/storybook-utils": "^0.21.11",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",