@box/blueprint-web-assets 4.130.0 → 4.131.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,9 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- 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 }) })] })] }));
3
+ const SvgUploadFiles = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", shapeRendering: "geometricPrecision", textRendering: "geometricPrecision", viewBox: "0 0 140 140", role: "img", ref: ref, ...props, children: [_jsxs("defs", { children: [_jsx("clipPath", { id: "UploadFiles_svg__clip", children: _jsx("rect", { width: 140, height: 140, fill: "#fff", rx: 0, ry: 0 }) }), _jsxs("filter", { id: "UploadFiles_svg__shadow-filter", width: "400%", height: "400%", x: "-150%", y: "-150%", children: [_jsx("feGaussianBlur", { in: "SourceAlpha", stdDeviation: 7.368 }), _jsx("feOffset", { dx: 0, dy: 0, result: "tmp" }), _jsx("feFlood", { floodColor: "rgba(0,97,223,0.25)" }), _jsx("feComposite", { in2: "tmp", operator: "in" }), _jsxs("feMerge", { children: [_jsx("feMergeNode", {}), _jsx("feMergeNode", { in: "SourceGraphic" })] })] })] }), _jsx("style", { children: '@keyframes upload-bounce{0%{transform:translateY(4px);animation-timing-function:cubic-bezier(.61,-.15,.355,1)}44.44%{transform:translateY(-10px);animation-timing-function:cubic-bezier(.42,0,.63,.96)}to{transform:translateY(4px)}}@keyframes folder-react{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.61,-.15,.355,1)}44.44%{transform:translateY(1px);animation-timing-function:cubic-bezier(.42,0,.63,.96)}to{transform:translateY(0)}}' }), _jsxs("g", { clipPath: "url(#UploadFiles_svg__clip)", children: [_jsxs("g", { style: {
4
+ animation: 'folder-react 1.8s infinite',
5
+ }, 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", { style: {
6
+ animation: 'upload-bounce 1.8s infinite',
7
+ }, children: [_jsx("g", { filter: "url(#UploadFiles_svg__shadow-filter)", children: _jsx("circle", { cx: 99.416, cy: 107.838, r: 20.631, fill: "var(--surface-illustration-surface-box-neutral)" }) }), _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" })] })] })] }));
4
8
  const ForwardRef = forwardRef(SvgUploadFiles);
5
9
  export default ForwardRef;
@@ -22,9 +22,15 @@
22
22
  @mixin title-large {
23
23
  @include font-mixin('title-large');
24
24
  }
25
- @mixin title-xlarge {
25
+ @mixin title-x-large {
26
26
  @include font-mixin('title-x-large');
27
27
  }
28
+ /**
29
+ * @deprecated Use title-x-large instead.
30
+ */
31
+ @mixin title-xlarge {
32
+ @include title-x-large;
33
+ }
28
34
  @mixin title-mondo {
29
35
  @include font-mixin('title-mondo');
30
36
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.130.0",
3
+ "version": "4.131.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-storybook": "nx run blueprint-web-assets:build-storybook",
@@ -155,7 +155,7 @@
155
155
  }
156
156
  },
157
157
  "devDependencies": {
158
- "@box/storybook-utils": "^0.21.10",
158
+ "@box/storybook-utils": "^0.21.12",
159
159
  "@figma/code-connect": "1.4.4",
160
160
  "@types/react": "^18.0.0",
161
161
  "@types/react-dom": "^18.0.0",