@box/blueprint-web-assets 4.12.0 → 4.14.0

package/icons/Content/Archive.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArchive: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgArchive;

package/icons/Content/Archive.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgArchive = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: [_jsx("path", { fill: "#6B4FCC", d: "M3 7.5A1.5 1.5 0 0 1 4.5 6h23A1.5 1.5 0 0 1 29 7.5v2a1.5 1.5 0 0 1-1.5 1.5h-23A1.5 1.5 0 0 1 3 9.5v-2Z" }), _jsx("path", { fill: "#A392E0", d: "M4.5 11h23v13a3 3 0 0 1-3 3h-17a3 3 0 0 1-3-3V11Z" }), _jsx("path", { fill: "white", d: "M12 15a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-1Z" })] }));
+export default SvgArchive;

package/icons/Content/FolderArchive.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderArchive: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderArchive;

package/icons/Content/FolderArchive.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderArchive = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: [_jsx("path", { fill: "#6B4FCC", fillRule: "evenodd", d: "M6 6h6c2 0 1.5 2 4 2h10a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3Z", clipRule: "evenodd" }), _jsx("path", { fill: "white", fillOpacity: 0.6, d: "M14.5 19a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Z" }), _jsx("path", { fill: "white", fillOpacity: 0.6, fillRule: "evenodd", d: "M26 11H6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h20a3 3 0 0 0 3-3V14a3 3 0 0 0-3-3Zm-15.5 4.8a.8.8 0 0 1 .8-.8h9.4a.8.8 0 0 1 .8.8v.4a.8.8 0 0 1-.8.8h-9.4a.8.8 0 0 1-.8-.8v-.4ZM21 18H11v5a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-5Z", clipRule: "evenodd" })] }));
+export default SvgFolderArchive;

package/icons/Content/index.d.ts

@@ -1,3 +1,4 @@
+export { default as Archive } from './Archive';
 export { default as FileAudio } from './FileAudio';
 export { default as FileBookmark } from './FileBookmark';
 export { default as FileBoxNote } from './FileBoxNote';
@@ -31,6 +32,7 @@ export { default as FileWord } from './FileWord';
 export { default as FileXbd } from './FileXbd';
 export { default as FileXdw } from './FileXdw';
 export { default as FileZip } from './FileZip';
+export { default as FolderArchive } from './FolderArchive';
 export { default as FolderExternal } from './FolderExternal';
 export { default as FolderPersonal } from './FolderPersonal';
 export { default as FolderShared } from './FolderShared';

package/icons/Content/index.js

@@ -1,3 +1,4 @@
+export { default as Archive } from './Archive';
 export { default as FileAudio } from './FileAudio';
 export { default as FileBookmark } from './FileBookmark';
 export { default as FileBoxNote } from './FileBoxNote';
@@ -31,6 +32,7 @@ export { default as FileWord } from './FileWord';
 export { default as FileXbd } from './FileXbd';
 export { default as FileXdw } from './FileXdw';
 export { default as FileZip } from './FileZip';
+export { default as FolderArchive } from './FolderArchive';
 export { default as FolderExternal } from './FolderExternal';
 export { default as FolderPersonal } from './FolderPersonal';
 export { default as FolderShared } from './FolderShared';

package/icons/Logo/Microsoft365.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const SvgMicrosoft365 = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: [_jsx("path", { fill: "url(#Microsoft365_svg__a)", d: "m14.042 5.512-.112.068a4.005 4.005 0 0 0-.504.361l.324-.228h2.75l.5 3.786-2.5 2.5-2.5 1.738v2.004a4 4 0 0 0 1.929 3.422l2.632 1.593L11.001 24H9.927l-2-1.21A4 4 0 0 1 6 19.368V12.63a4 4 0 0 1 1.93-3.423l6-3.63.112-.065Z" }), _jsx("path", { fill: "url(#Microsoft365_svg__b)", d: "m14.042 5.512-.112.068a4.005 4.005 0 0 0-.504.361l.324-.228h2.75l.5 3.786-2.5 2.5-2.5 1.738v2.004a4 4 0 0 0 1.929 3.422l2.632 1.593L11.001 24H9.927l-2-1.21A4 4 0 0 1 6 19.368V12.63a4 4 0 0 1 1.93-3.423l6-3.63.112-.065Z" }), _jsx("path", { fill: "url(#Microsoft365_svg__c)", d: "M20 13.5v2.24a4 4 0 0 1-1.928 3.422l-6 3.632a4 4 0 0 1-4.004.08l5.861 3.548a4 4 0 0 0 4.143 0l6-3.632a4 4 0 0 0 1.929-3.422V17.75l-.5-.75-5.5-3.5Z" }), _jsx("path", { fill: "url(#Microsoft365_svg__d)", d: "M20 13.5v2.24a4 4 0 0 1-1.928 3.422l-6 3.632a4 4 0 0 1-4.004.08l5.861 3.548a4 4 0 0 0 4.143 0l6-3.632a4 4 0 0 0 1.929-3.422V17.75l-.5-.75-5.5-3.5Z" }), _jsx("path", { fill: "url(#Microsoft365_svg__e)", d: "m24.071 9.207-6-3.63a4 4 0 0 0-4.022-.069l-.119.072A4 4 0 0 0 12 9.003v4.742l1.93-1.167a4 4 0 0 1 4.14 0l6.001 3.63a4 4 0 0 1 1.928 3.29l.002-.13V12.63a4 4 0 0 0-1.93-3.423Z" }), _jsx("path", { fill: "url(#Microsoft365_svg__f)", d: "m24.071 9.207-6-3.63a4 4 0 0 0-4.022-.069l-.119.072A4 4 0 0 0 12 9.003v4.742l1.93-1.167a4 4 0 0 1 4.14 0l6.001 3.63a4 4 0 0 1 1.928 3.29l.002-.13V12.63a4 4 0 0 0-1.93-3.423Z" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: "Microsoft365_svg__a", cx: 0, cy: 0, r: 1, gradientTransform: "rotate(119.775 6.336 10.042) scale(21.42 49.0373)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.064, stopColor: "#AE7FE2" }), _jsx("stop", { offset: 1, stopColor: "#0078D4" })] }), _jsxs("radialGradient", { id: "Microsoft365_svg__c", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(17.13178 -3.68159 3.46987 16.14657 7.28 19.138)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.134, stopColor: "#D59DFF" }), _jsx("stop", { offset: 1, stopColor: "#5E438F" })] }), _jsxs("radialGradient", { id: "Microsoft365_svg__e", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(-17.25664 -4.64747 8.24601 -30.61845 23.897 23.59)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.058, stopColor: "#50E6FF" }), _jsx("stop", { offset: 1, stopColor: "#436DCD" })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__b", x1: 18.284, x2: 16.12, y1: 25.732, y2: 20.014, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#114A8B" }), _jsx("stop", { offset: 1, stopColor: "#0078D4", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__d", x1: 23.969, x2: 19.54, y1: 10.196, y2: 14.542, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#493474" }), _jsx("stop", { offset: 1, stopColor: "#8C66BA", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__f", x1: 12.488, x2: 16.244, y1: 5.527, y2: 5.527, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#2D3F80" }), _jsx("stop", { offset: 1, stopColor: "#436DCD", stopOpacity: 0 })] })] })] }));
+const SvgMicrosoft365 = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ...props, children: [_jsxs("radialGradient", { id: "Microsoft365_svg__a", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(-10.63707 18.59218 -42.5635 -24.3517 18.2 9.53)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.064, stopColor: "#ae7fe2" }), _jsx("stop", { offset: 1, stopColor: "#0078d4" })] }), _jsxs("radialGradient", { id: "Microsoft365_svg__c", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(17.13178 -3.68159 3.46987 16.14657 7.28 19.138)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.134, stopColor: "#d59dff" }), _jsx("stop", { offset: 1, stopColor: "#5e438f" })] }), _jsxs("radialGradient", { id: "Microsoft365_svg__e", cx: 0, cy: 0, r: 1, gradientTransform: "matrix(-17.25664 -4.64747 8.24601 -30.61845 23.897 23.59)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.058, stopColor: "#50e6ff" }), _jsx("stop", { offset: 1, stopColor: "#436dcd" })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__b", x1: 18.284, x2: 16.12, y1: 25.732, y2: 20.014, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#114a8b" }), _jsx("stop", { offset: 1, stopColor: "#0078d4", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__d", x1: 23.969, x2: 19.54, y1: 10.196, y2: 14.542, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#493474" }), _jsx("stop", { offset: 1, stopColor: "#8c66ba", stopOpacity: 0 })] }), _jsxs("linearGradient", { id: "Microsoft365_svg__f", x1: 12.488, x2: 16.244, y1: 5.527, y2: 5.527, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0, stopColor: "#2d3f80" }), _jsx("stop", { offset: 1, stopColor: "#436dcd", stopOpacity: 0 })] }), _jsx("path", { fill: "url(#Microsoft365_svg__a)", d: "m14.042 5.512-.112.068a4.005 4.005 0 0 0-.504.361l.324-.228h2.75l.5 3.786-2.5 2.5-2.5 1.738v2.004a4 4 0 0 0 1.929 3.422l2.632 1.593L11.001 24H9.927l-2-1.21A4 4 0 0 1 6 19.368V12.63a4 4 0 0 1 1.93-3.423l6-3.63.112-.065z" }), _jsx("path", { fill: "url(#Microsoft365_svg__b)", d: "m14.042 5.512-.112.068a4.005 4.005 0 0 0-.504.361l.324-.228h2.75l.5 3.786-2.5 2.5-2.5 1.738v2.004a4 4 0 0 0 1.929 3.422l2.632 1.593L11.001 24H9.927l-2-1.21A4 4 0 0 1 6 19.368V12.63a4 4 0 0 1 1.93-3.423l6-3.63.112-.065z" }), _jsx("path", { fill: "url(#Microsoft365_svg__c)", d: "M20 13.5v2.24a4 4 0 0 1-1.928 3.422l-6 3.632a4 4 0 0 1-4.004.08l5.861 3.548a4 4 0 0 0 4.143 0l6-3.632a4 4 0 0 0 1.929-3.422V17.75l-.5-.75z" }), _jsx("path", { fill: "url(#Microsoft365_svg__d)", d: "M20 13.5v2.24a4 4 0 0 1-1.928 3.422l-6 3.632a4 4 0 0 1-4.004.08l5.861 3.548a4 4 0 0 0 4.143 0l6-3.632a4 4 0 0 0 1.929-3.422V17.75l-.5-.75z" }), _jsx("path", { fill: "url(#Microsoft365_svg__e)", d: "m24.071 9.207-6-3.63a4 4 0 0 0-4.022-.069l-.119.072A4 4 0 0 0 12 9.003v4.742l1.93-1.167a4 4 0 0 1 4.14 0l6.001 3.63a4 4 0 0 1 1.928 3.29l.002-.13V12.63a4 4 0 0 0-1.93-3.423z" }), _jsx("path", { fill: "url(#Microsoft365_svg__f)", d: "m24.071 9.207-6-3.63a4 4 0 0 0-4.022-.069l-.119.072A4 4 0 0 0 12 9.003v4.742l1.93-1.167a4 4 0 0 1 4.14 0l6.001 3.63a4 4 0 0 1 1.928 3.29l.002-.13V12.63a4 4 0 0 0-1.93-3.423z" })] }));
 export default SvgMicrosoft365;

package/illustrations/Small/FolderDownload.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderDownload: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderDownload;

package/illustrations/Small/FolderDownload.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderDownload = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M47.978 12.5a5.49 5.49 0 0 1-2.007 4.248A5 5 0 0 0 40.978 12H37a5.5 5.5 0 0 1 10.978.5ZM20.874 45h-7.748a4 4 0 1 0 7.748 0Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M9.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM33 27a1 1 0 0 0-1-1h-1.986a1 1 0 0 0-1 .998l-.01 4.001L27 31a1 1 0 0 0-.78 1.625l4 5a1 1 0 0 0 1.56 0l4-5 .066-.091A1 1 0 0 0 35 31l-2.01-.001L33 27Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M46 17v1a5 5 0 0 1 5 5v18a4 4 0 0 1-4 4H8.5A3.5 3.5 0 0 1 5 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.219.328a2 2 0 0 0 1.664.891H41a5 5 0 0 1 5 5ZM7 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.664.89l.22.329A4 4 0 0 0 19.605 14H41a3 3 0 0 1 3 3v1H16a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 7 41.5V12Zm40 31H12.525c.249-.527.36-1.097.415-1.641.06-.59.06-1.226.06-1.83V23a3 3 0 0 1 3-3h30a3 3 0 0 1 3 3v18a2 2 0 0 1-2 2Z", clipRule: "evenodd" })] }));
+export default SvgFolderDownload;

package/illustrations/Small/FolderDownloadError.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderDownloadError: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderDownloadError;

package/illustrations/Small/FolderDownloadError.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderDownloadError = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M44 39a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1ZM45 48a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M30 26a1 1 0 0 1 1 1v.002L30.99 31 33 31a1 1 0 0 1 .846 1.534l-.065.09-4 5a1 1 0 0 1-1.562 0l-4-5A1 1 0 0 1 25 31l2.005-.001.01-4.001a1 1 0 0 1 1-.998H30Z" })] }));
+export default SvgFolderDownloadError;

package/illustrations/Small/FolderDownloadFail.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderDownloadFail: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderDownloadFail;

package/illustrations/Small/FolderDownloadFail.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderDownloadFail = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M51 44a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-10.293-2.707a1 1 0 0 0-1.414 1.414L42.586 44l-1.293 1.293a1 1 0 0 0 1.414 1.414L44 45.414l1.293 1.293a1 1 0 0 0 1.414-1.414L45.414 44l1.293-1.293a1 1 0 0 0-1.414-1.414L44 42.586l-1.293-1.293Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M30 26a1 1 0 0 1 1 1v.002L30.99 31 33 31a1 1 0 0 1 .846 1.534l-.065.09-4 5a1 1 0 0 1-1.562 0l-4-5A1 1 0 0 1 25 31l2.005-.001.01-4.001a1 1 0 0 1 1-.998H30Z" })] }));
+export default SvgFolderDownloadFail;

package/illustrations/Small/FolderDownloadSuccess.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderDownloadSuccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderDownloadSuccess;

package/illustrations/Small/FolderDownloadSuccess.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderDownloadSuccess = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M47.858 42.514a1 1 0 1 0-1.715-1.029l-2.4 4-2.103-1.753a1 1 0 1 0-1.28 1.536l3 2.5a1 1 0 0 0 1.498-.254l3-5Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M30 26a1 1 0 0 1 1 1v.002L30.99 31 33 31a1 1 0 0 1 .846 1.534l-.065.09-4 5a1 1 0 0 1-1.562 0l-4-5A1 1 0 0 1 25 31l2.005-.001.01-4.001a1 1 0 0 1 1-.998H30Z" })] }));
+export default SvgFolderDownloadSuccess;

package/illustrations/Small/FolderMove.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderMove: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderMove;

package/illustrations/Small/FolderMove.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderMove = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M47.978 12.5a5.49 5.49 0 0 1-2.007 4.248A5 5 0 0 0 40.978 12H37a5.5 5.5 0 0 1 10.978.5ZM20.874 45h-7.748a4 4 0 1 0 7.748 0Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M9.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM26 31a1 1 0 1 0 0 2h7.586l-2.293 2.293a1 1 0 0 0 1.414 1.414l4-4a.995.995 0 0 0 .276-.522.999.999 0 0 0-.276-.892l-.011-.012-3.989-3.988a1 1 0 0 0-1.414 1.414L33.586 31H26Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M46 17v1a5 5 0 0 1 5 5v18a4 4 0 0 1-4 4H8.5A3.5 3.5 0 0 1 5 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.219.328a2 2 0 0 0 1.664.891H41a5 5 0 0 1 5 5ZM7 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.664.89l.22.329A4 4 0 0 0 19.605 14H41a3 3 0 0 1 3 3v1H16a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 7 41.5V12Zm40 31H12.525c.249-.527.36-1.097.415-1.641.06-.59.06-1.226.06-1.83V23a3 3 0 0 1 3-3h30a3 3 0 0 1 3 3v18a2 2 0 0 1-2 2Z", clipRule: "evenodd" })] }));
+export default SvgFolderMove;

package/illustrations/Small/FolderMoveError.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderMoveError: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderMoveError;

package/illustrations/Small/FolderMoveError.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderMoveError = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M44 39a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1ZM45 48a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM23 32a1 1 0 0 1 1-1h7.586l-2.293-2.293a1 1 0 0 1 1.414-1.414l3.989 3.988.011.012a.999.999 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L31.586 33H24a1 1 0 0 1-1-1Z", clipRule: "evenodd" })] }));
+export default SvgFolderMoveError;

package/illustrations/Small/FolderMoveFail.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderMoveFail: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderMoveFail;

package/illustrations/Small/FolderMoveFail.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderMoveFail = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M51 44a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-10.293-2.707a1 1 0 0 0-1.414 1.414L42.586 44l-1.293 1.293a1 1 0 0 0 1.414 1.414L44 45.414l1.293 1.293a1 1 0 0 0 1.414-1.414L45.414 44l1.293-1.293a1 1 0 0 0-1.414-1.414L44 42.586l-1.293-1.293ZM23 32a1 1 0 0 1 1-1h7.586l-2.293-2.293a1 1 0 0 1 1.414-1.414l3.989 3.988.011.012a.999.999 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L31.586 33H24a1 1 0 0 1-1-1Z", clipRule: "evenodd" })] }));
+export default SvgFolderMoveFail;

package/illustrations/Small/FolderMoveSuccess.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderMoveSuccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderMoveSuccess;

package/illustrations/Small/FolderMoveSuccess.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderMoveSuccess = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M47.858 42.514a1 1 0 1 0-1.715-1.029l-2.4 4-2.103-1.753a1 1 0 1 0-1.28 1.536l3 2.5a1 1 0 0 0 1.498-.254l3-5Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM23 32a1 1 0 0 1 1-1h7.586l-2.293-2.293a1 1 0 0 1 1.414-1.414l3.989 3.988.011.012a.999.999 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L31.586 33H24a1 1 0 0 1-1-1Z", clipRule: "evenodd" })] }));
+export default SvgFolderMoveSuccess;

package/illustrations/Small/FolderRestore.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderRestore: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderRestore;

package/illustrations/Small/FolderRestore.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderRestore = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M47.978 12.5a5.49 5.49 0 0 1-2.007 4.248A5 5 0 0 0 40.978 12H37a5.5 5.5 0 0 1 10.978.5ZM20.874 45h-7.748a4 4 0 1 0 7.748 0Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M9.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM28.707 27.293a1 1 0 0 1 0 1.414l-.293.293H33a4 4 0 0 1 0 8h-4a1 1 0 1 1 0-2h4a2 2 0 1 0 0-4h-4.586l.293.293a1 1 0 1 1-1.414 1.414l-1.93-1.93C25.163 30.596 25 30.295 25 30c0-.294.162-.595.364-.778l1.929-1.93a1 1 0 0 1 1.414 0Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M46 17v1a5 5 0 0 1 5 5v18a4 4 0 0 1-4 4H8.5A3.5 3.5 0 0 1 5 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.219.328a2 2 0 0 0 1.664.891H41a5 5 0 0 1 5 5ZM7 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.664.89l.22.329A4 4 0 0 0 19.605 14H41a3 3 0 0 1 3 3v1H16a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 7 41.5V12Zm40 31H12.525c.249-.527.36-1.097.415-1.641.06-.59.06-1.226.06-1.83V23a3 3 0 0 1 3-3h30a3 3 0 0 1 3 3v18a2 2 0 0 1-2 2Z", clipRule: "evenodd" })] }));
+export default SvgFolderRestore;

package/illustrations/Small/FolderRestoreError.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderRestoreError: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderRestoreError;

package/illustrations/Small/FolderRestoreError.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderRestoreError = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M44 39a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1ZM45 48a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M26.707 28.707a1 1 0 1 0-1.414-1.414l-1.93 1.93c-.201.182-.363.483-.363.777 0 .294.162.595.364.778.011.012-.012-.012 0 0l1.929 1.93a1 1 0 0 0 1.414-1.415L26.414 31H31a2 2 0 1 1 0 4h-4a1 1 0 1 0 0 2h4a4 4 0 0 0 0-8h-4.586l.293-.293Z" })] }));
+export default SvgFolderRestoreError;

package/illustrations/Small/FolderRestoreFail.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderRestoreFail: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderRestoreFail;

package/illustrations/Small/FolderRestoreFail.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderRestoreFail = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M51 44a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-10.293-2.707a1 1 0 0 0-1.414 1.414L42.586 44l-1.293 1.293a1 1 0 0 0 1.414 1.414L44 45.414l1.293 1.293a1 1 0 0 0 1.414-1.414L45.414 44l1.293-1.293a1 1 0 0 0-1.414-1.414L44 42.586l-1.293-1.293Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M26.707 28.707a1 1 0 1 0-1.414-1.414l-1.93 1.93c-.201.182-.363.483-.363.777 0 .294.162.595.364.778.011.012-.012-.012 0 0l1.929 1.93a1 1 0 0 0 1.414-1.415L26.414 31H31a2 2 0 1 1 0 4h-4a1 1 0 1 0 0 2h4a4 4 0 0 0 0-8h-4.586l.293-.293Z" })] }));
+export default SvgFolderRestoreFail;

package/illustrations/Small/FolderRestoreSuccess.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderRestoreSuccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderRestoreSuccess;

package/illustrations/Small/FolderRestoreSuccess.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderRestoreSuccess = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M47.858 42.514a1 1 0 1 0-1.715-1.029l-2.4 4-2.103-1.753a1 1 0 1 0-1.28 1.536l3 2.5a1 1 0 0 0 1.498-.254l3-5Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M26.707 28.707a1 1 0 1 0-1.414-1.414l-1.93 1.93c-.201.182-.363.483-.363.777 0 .294.162.595.364.778.011.012-.012-.012 0 0l1.929 1.93a1 1 0 0 0 1.414-1.415L26.414 31H31a2 2 0 1 1 0 4h-4a1 1 0 1 0 0 2h4a4 4 0 0 0 0-8h-4.586l.293-.293Z" })] }));
+export default SvgFolderRestoreSuccess;

package/illustrations/Small/FolderTrash.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderTrash: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderTrash;

package/illustrations/Small/FolderTrash.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderTrash = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M47.978 12.5a5.49 5.49 0 0 1-2.007 4.248A5 5 0 0 0 40.978 12H37a5.5 5.5 0 0 1 10.978.5ZM20.874 45h-7.748a4 4 0 1 0 7.748 0Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M9.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M28 26.5a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5v.5h2.5a.5.5 0 0 1 0 1l-.835 9.181A2 2 0 0 1 33.674 39h-5.348a2 2 0 0 1-1.991-1.819L25.5 28a.5.5 0 0 1 0-1H28v-.5Zm5 0v.5h-4v-.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5Zm-4 4a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0v-5Zm3 0a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0v-5Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M46 17v1a5 5 0 0 1 5 5v18a4 4 0 0 1-4 4H8.5A3.5 3.5 0 0 1 5 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.219.328a2 2 0 0 0 1.664.891H41a5 5 0 0 1 5 5ZM7 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.664.89l.22.329A4 4 0 0 0 19.605 14H41a3 3 0 0 1 3 3v1H16a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 7 41.5V12Zm40 31H12.525c.249-.527.36-1.097.415-1.641.06-.59.06-1.226.06-1.83V23a3 3 0 0 1 3-3h30a3 3 0 0 1 3 3v18a2 2 0 0 1-2 2Z", clipRule: "evenodd" })] }));
+export default SvgFolderTrash;

package/illustrations/Small/FolderTrashError.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderTrashError: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderTrashError;

package/illustrations/Small/FolderTrashError.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderTrashError = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M44 39a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0v-5a1 1 0 0 1 1-1ZM45 48a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM27.5 25a1.5 1.5 0 0 0-1.5 1.5v.5h-2.5a.5.5 0 0 0 0 1l.835 9.181A2 2 0 0 0 26.326 39h5.348a2 2 0 0 0 1.991-1.819L34.5 28a.5.5 0 0 0 0-1H32v-.5a1.5 1.5 0 0 0-1.5-1.5h-3Zm3.5 2v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.5h4Zm-3.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Zm3 0a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Z", clipRule: "evenodd" })] }));
+export default SvgFolderTrashError;

package/illustrations/Small/FolderTrashFail.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderTrashFail: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderTrashFail;

package/illustrations/Small/FolderTrashFail.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderTrashFail = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M51 44a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm2 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-10.293-2.707a1 1 0 0 0-1.414 1.414L42.586 44l-1.293 1.293a1 1 0 0 0 1.414 1.414L44 45.414l1.293 1.293a1 1 0 0 0 1.414-1.414L45.414 44l1.293-1.293a1 1 0 0 0-1.414-1.414L44 42.586l-1.293-1.293ZM27.5 25a1.5 1.5 0 0 0-1.5 1.5v.5h-2.5a.5.5 0 0 0 0 1l.835 9.181A2 2 0 0 0 26.326 39h5.348a2 2 0 0 0 1.991-1.819L34.5 28a.5.5 0 0 0 0-1H32v-.5a1.5 1.5 0 0 0-1.5-1.5h-3Zm3.5 2v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.5h4Zm-3.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Zm3 0a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Z", clipRule: "evenodd" })] }));
+export default SvgFolderTrashFail;

package/illustrations/Small/FolderTrashSuccess.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgFolderTrashSuccess: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgFolderTrashSuccess;

package/illustrations/Small/FolderTrashSuccess.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgFolderTrashSuccess = (props) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 56 56", role: "img", ...props, children: [_jsx("g", { fill: "var(--surface-illustration-surface-box-neutral)", opacity: 0.1, children: _jsx("path", { d: "M43.971 16.748A5.5 5.5 0 1 0 35 12h3.978a5 5 0 0 1 4.993 4.748ZM11.126 45h7.748a4 4 0 1 1-7.748 0ZM44 53a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z" }) }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M7.5 12a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M44 17v1a5 5 0 0 1 5 5v8a1 1 0 1 1-2 0v-8a3 3 0 0 0-3-3H14a3 3 0 0 0-3 3v16.529c0 .604 0 1.24-.06 1.83-.055.544-.166 1.114-.415 1.641H31a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 41.5V12a3 3 0 0 1 3-3h6.394a4 4 0 0 1 3.329 1.781l.218.328a2 2 0 0 0 1.665.891H39a5 5 0 0 1 5 5ZM5 12a1 1 0 0 1 1-1h6.394a2 2 0 0 1 1.665.89l.218.329A4 4 0 0 0 17.606 14H39a3 3 0 0 1 3 3v1H14a5 5 0 0 0-5 5v16.5c0 .638-.001 1.178-.05 1.657-.048.477-.138.814-.268 1.056-.191.356-.62.787-2.182.787A1.5 1.5 0 0 1 5 41.5V12Z", clipRule: "evenodd" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", d: "M47.858 42.514a1 1 0 1 0-1.715-1.029l-2.4 4-2.103-1.753a1 1 0 1 0-1.28 1.536l3 2.5a1 1 0 0 0 1.498-.254l3-5Z" }), _jsx("path", { fill: "var(--surface-illustration-surface-box-neutral)", fillRule: "evenodd", d: "M53 44a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-2 0a7 7 0 1 1-14 0 7 7 0 0 1 14 0ZM27.5 25a1.5 1.5 0 0 0-1.5 1.5v.5h-2.5a.5.5 0 0 0 0 1l.835 9.181A2 2 0 0 0 26.326 39h5.348a2 2 0 0 0 1.991-1.819L34.5 28a.5.5 0 0 0 0-1H32v-.5a1.5 1.5 0 0 0-1.5-1.5h-3Zm3.5 2v-.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.5h4Zm-3.5 3a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Zm3 0a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-.5-.5Z", clipRule: "evenodd" })] }));
+export default SvgFolderTrashSuccess;

package/illustrations/Small/index.d.ts

@@ -21,6 +21,22 @@ export { default as FileSecurityError } from './FileSecurityError';
 export { default as FileSecurityWarning } from './FileSecurityWarning';
 export { default as FileWarning } from './FileWarning';
 export { default as FinanceContract } from './FinanceContract';
+export { default as FolderDownload } from './FolderDownload';
+export { default as FolderDownloadError } from './FolderDownloadError';
+export { default as FolderDownloadFail } from './FolderDownloadFail';
+export { default as FolderDownloadSuccess } from './FolderDownloadSuccess';
+export { default as FolderMove } from './FolderMove';
+export { default as FolderMoveError } from './FolderMoveError';
+export { default as FolderMoveFail } from './FolderMoveFail';
+export { default as FolderMoveSuccess } from './FolderMoveSuccess';
+export { default as FolderRestore } from './FolderRestore';
+export { default as FolderRestoreError } from './FolderRestoreError';
+export { default as FolderRestoreFail } from './FolderRestoreFail';
+export { default as FolderRestoreSuccess } from './FolderRestoreSuccess';
+export { default as FolderTrash } from './FolderTrash';
+export { default as FolderTrashError } from './FolderTrashError';
+export { default as FolderTrashFail } from './FolderTrashFail';
+export { default as FolderTrashSuccess } from './FolderTrashSuccess';
 export { default as Gavel } from './Gavel';
 export { default as Globe } from './Globe';
 export { default as Handshake } from './Handshake';

package/illustrations/Small/index.js

@@ -21,6 +21,22 @@ export { default as FileSecurityError } from './FileSecurityError';
 export { default as FileSecurityWarning } from './FileSecurityWarning';
 export { default as FileWarning } from './FileWarning';
 export { default as FinanceContract } from './FinanceContract';
+export { default as FolderDownload } from './FolderDownload';
+export { default as FolderDownloadError } from './FolderDownloadError';
+export { default as FolderDownloadFail } from './FolderDownloadFail';
+export { default as FolderDownloadSuccess } from './FolderDownloadSuccess';
+export { default as FolderMove } from './FolderMove';
+export { default as FolderMoveError } from './FolderMoveError';
+export { default as FolderMoveFail } from './FolderMoveFail';
+export { default as FolderMoveSuccess } from './FolderMoveSuccess';
+export { default as FolderRestore } from './FolderRestore';
+export { default as FolderRestoreError } from './FolderRestoreError';
+export { default as FolderRestoreFail } from './FolderRestoreFail';
+export { default as FolderRestoreSuccess } from './FolderRestoreSuccess';
+export { default as FolderTrash } from './FolderTrash';
+export { default as FolderTrashError } from './FolderTrashError';
+export { default as FolderTrashFail } from './FolderTrashFail';
+export { default as FolderTrashSuccess } from './FolderTrashSuccess';
 export { default as Gavel } from './Gavel';
 export { default as Globe } from './Globe';
 export { default as Handshake } from './Handshake';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.12.0",
+    "version": "4.14.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && yarn lint-local && yarn lint-local-css",
@@ -100,5 +100,5 @@
     "devDependencies": {
         "chalk": "4.1.2"
     },
-    "gitHead": "d49b33cb093048a4b79735034f8e18aa4f6ee49f"
+    "gitHead": "94b514f3d5c822005692ac910b25889897f866a0"
 }

package/tokens/px-tokens.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:42:47 GMT
+ * Generated on Wed, 12 Jun 2024 14:10:19 GMT
  */
 
 export const BackgroundBackground: string;
@@ -15,6 +15,7 @@ export const SurfaceCardSurfaceFocus: string;
 export const SurfaceCardSurfacePressed: string;
 export const SurfaceMenuSurface: string;
 export const SurfaceMenuSurfaceHover: string;
+export const SurfaceMenuSurfacePressed: string;
 export const SurfaceMenuSurfaceFocus: string;
 export const SurfaceSurfaceBrand: string;
 export const SurfaceSurfaceBrandHover: string;
@@ -219,6 +220,7 @@ export const SurfaceCtaSurfacePromoFocus: string;
 export const SurfaceCtaSurfacePromoFocusPressed: string;
 export const SurfaceContentbuttonSurfaceSurfaceSelected: string;
 export const SurfaceContentswitcherSurface: string;
+export const SurfaceToolbarSurface: string;
 export const BorderCtaBorderSecondary: string;
 export const BorderCtaBorderSecondaryPressed: string;
 export const BorderCtaBorderSecondaryHover: string;

package/tokens/px-tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:42:47 GMT
+ * Generated on Wed, 12 Jun 2024 14:10:19 GMT
  */
 
 export const BackgroundBackground = '#ffffff';
@@ -15,6 +15,7 @@ export const SurfaceCardSurfaceFocus = '#f2f7fd';
 export const SurfaceCardSurfacePressed = '#fbfbfb';
 export const SurfaceMenuSurface = '#ffffff';
 export const SurfaceMenuSurfaceHover = '#f4f4f4';
+export const SurfaceMenuSurfacePressed = '#f4f4f4';
 export const SurfaceMenuSurfaceFocus = '#f4f4f4';
 export const SurfaceSurfaceBrand = '#0061D5';
 export const SurfaceSurfaceBrandHover = '#006AE9';
@@ -219,6 +220,7 @@ export const SurfaceCtaSurfacePromoFocus = '#4826c2';
 export const SurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
 export const SurfaceContentswitcherSurface = '#e8e8e8';
+export const SurfaceToolbarSurface = '#222222';
 export const BorderCtaBorderSecondary = '#bcbcbc';
 export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
 export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -725,7 +727,7 @@ export const MotionTransitionSlideIn = '400ms cubic-bezier(0.16, 1, 0.3, 1)';
 export const BreakpointSmall = '374px';
 export const BreakpointMedium = '767px';
 export const BreakpointLarge = '1023px';
-export const BreakpointXlarge = '1024px';
+export const BreakpointXlarge = '1219px';
 export const NotificationDefaultFontFamily =
     "Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
 export const NotificationDefaultFontWeight = 700;

package/tokens/tokens-css-vars.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 24 May 2024 12:42:47 GMT
+ * Generated on Wed, 12 Jun 2024 14:10:19 GMT
  */
 
 :root {
@@ -11,7 +11,7 @@
     --notification-default-letter-spacing: 0.01875rem;
     --notification-default-font-size: 0.5625rem;
     --notification-default-line-height: 0.75rem;
-    --breakpoint-xlarge: 1024px;
+    --breakpoint-xlarge: 1219px;
     --breakpoint-large: 1023px;
     --breakpoint-medium: 767px;
     --breakpoint-small: 374px;
@@ -480,6 +480,7 @@
     --border-cta-border-secondary-hover: var(--gray-30);
     --border-cta-border-secondary-pressed: var(--gray-30);
     --border-cta-border-secondary: var(--gray-30);
+    --surface-toolbar-surface: var(--gray-100);
     --surface-contentswitcher-surface: var(--gray-10);
     --surface-contentbutton-surface-surface-selected: var(--gray-white);
     --surface-cta-surface-promo-focus-pressed: var(--grimace-120);
@@ -673,6 +674,7 @@
     --surface-cta-surface-secondary: var(--gray-white);
     --surface-surface-brand-secondary: var(--box-blue-10);
     --surface-menu-surface-focus: var(--gray-05);
+    --surface-menu-surface-pressed: var(--gray-05);
     --surface-menu-surface-hover: var(--gray-05);
     --surface-menu-surface: var(--gray-white);
     --surface-card-surface-pressed: var(--gray-02);

package/tokens/tokens.d.ts

@@ -10,6 +10,7 @@ export const SurfaceCardSurfaceFocus: string;
 export const SurfaceCardSurfacePressed: string;
 export const SurfaceMenuSurface: string;
 export const SurfaceMenuSurfaceHover: string;
+export const SurfaceMenuSurfacePressed: string;
 export const SurfaceMenuSurfaceFocus: string;
 export const SurfaceSurfaceBrand: string;
 export const SurfaceSurfaceBrandHover: string;
@@ -214,6 +215,7 @@ export const SurfaceCtaSurfacePromoFocus: string;
 export const SurfaceCtaSurfacePromoFocusPressed: string;
 export const SurfaceContentbuttonSurfaceSurfaceSelected: string;
 export const SurfaceContentswitcherSurface: string;
+export const SurfaceToolbarSurface: string;
 export const BorderCtaBorderSecondary: string;
 export const BorderCtaBorderSecondaryPressed: string;
 export const BorderCtaBorderSecondaryHover: string;

package/tokens/tokens.js

@@ -10,6 +10,7 @@ export const SurfaceCardSurfaceFocus = '#f2f7fd';
 export const SurfaceCardSurfacePressed = '#fbfbfb';
 export const SurfaceMenuSurface = '#ffffff';
 export const SurfaceMenuSurfaceHover = '#f4f4f4';
+export const SurfaceMenuSurfacePressed = '#f4f4f4';
 export const SurfaceMenuSurfaceFocus = '#f4f4f4';
 export const SurfaceSurfaceBrand = '#0061D5';
 export const SurfaceSurfaceBrandHover = '#006AE9';
@@ -214,6 +215,7 @@ export const SurfaceCtaSurfacePromoFocus = '#4826c2';
 export const SurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
 export const SurfaceContentbuttonSurfaceSurfaceSelected = '#ffffff';
 export const SurfaceContentswitcherSurface = '#e8e8e8';
+export const SurfaceToolbarSurface = '#222222';
 export const BorderCtaBorderSecondary = '#bcbcbc';
 export const BorderCtaBorderSecondaryPressed = '#bcbcbc';
 export const BorderCtaBorderSecondaryHover = '#bcbcbc';
@@ -720,7 +722,7 @@ export const MotionTransitionSlideIn = '400ms cubic-bezier(0.16, 1, 0.3, 1)';
 export const BreakpointSmall = '374px';
 export const BreakpointMedium = '767px';
 export const BreakpointLarge = '1023px';
-export const BreakpointXlarge = '1024px';
+export const BreakpointXlarge = '1219px';
 export const NotificationDefaultFontFamily =
     "Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif";
 export const NotificationDefaultFontWeight = 700;

package/tokens/tokens.json

@@ -11,6 +11,7 @@
     "SurfaceCardSurfacePressed": "#fbfbfb",
     "SurfaceMenuSurface": "#ffffff",
     "SurfaceMenuSurfaceHover": "#f4f4f4",
+    "SurfaceMenuSurfacePressed": "#f4f4f4",
     "SurfaceMenuSurfaceFocus": "#f4f4f4",
     "SurfaceSurfaceBrand": "#0061D5",
     "SurfaceSurfaceBrandHover": "#006AE9",
@@ -215,6 +216,7 @@
     "SurfaceCtaSurfacePromoFocusPressed": "#3a1e9b",
     "SurfaceContentbuttonSurfaceSurfaceSelected": "#ffffff",
     "SurfaceContentswitcherSurface": "#e8e8e8",
+    "SurfaceToolbarSurface": "#222222",
     "BorderCtaBorderSecondary": "#bcbcbc",
     "BorderCtaBorderSecondaryPressed": "#bcbcbc",
     "BorderCtaBorderSecondaryHover": "#bcbcbc",
@@ -704,7 +706,7 @@
     "BreakpointSmall": "374px",
     "BreakpointMedium": "767px",
     "BreakpointLarge": "1023px",
-    "BreakpointXlarge": "1024px",
+    "BreakpointXlarge": "1219px",
     "NotificationDefaultFontFamily": "Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif",
     "NotificationDefaultFontWeight": 700,
     "NotificationDefaultLineHeight": "0.75rem",

package/tokens/tokens.scss

@@ -10,6 +10,7 @@ $surface-card-surface-focus: #f2f7fd !default;
 $surface-card-surface-pressed: #fbfbfb !default;
 $surface-menu-surface: #ffffff !default;
 $surface-menu-surface-hover: #f4f4f4 !default;
+$surface-menu-surface-pressed: #f4f4f4 !default;
 $surface-menu-surface-focus: #f4f4f4 !default;
 $surface-surface-brand: #0061d5 !default;
 $surface-surface-brand-hover: #006ae9 !default;
@@ -214,6 +215,7 @@ $surface-cta-surface-promo-focus: #4826c2 !default;
 $surface-cta-surface-promo-focus-pressed: #3a1e9b !default;
 $surface-contentbutton-surface-surface-selected: #ffffff !default;
 $surface-contentswitcher-surface: #e8e8e8 !default;
+$surface-toolbar-surface: #222222 !default;
 $border-cta-border-secondary: #bcbcbc !default;
 $border-cta-border-secondary-pressed: #bcbcbc !default;
 $border-cta-border-secondary-hover: #bcbcbc !default;
@@ -685,7 +687,7 @@ $motion-transition-slide-in: 400ms cubic-bezier(0.16, 1, 0.3, 1) !default;
 $breakpoint-small: 374px !default;
 $breakpoint-medium: 767px !default;
 $breakpoint-large: 1023px !default;
-$breakpoint-xlarge: 1024px !default;
+$breakpoint-xlarge: 1219px !default;
 $notification-default-font-family: Lato, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto,
     'Helvetica Neue', sans-serif !default;
 $notification-default-font-weight: 700 !default;
@@ -713,6 +715,7 @@ $tokens: (
         'card-surface-pressed': $surface-card-surface-pressed,
         'menu-surface': $surface-menu-surface,
         'menu-surface-hover': $surface-menu-surface-hover,
+        'menu-surface-pressed': $surface-menu-surface-pressed,
         'menu-surface-focus': $surface-menu-surface-focus,
         'surface-brand': $surface-surface-brand,
         'surface-brand-hover': $surface-surface-brand-hover,
@@ -917,6 +920,7 @@ $tokens: (
         'cta-surface-promo-focus-pressed': $surface-cta-surface-promo-focus-pressed,
         'contentbutton-surface-surface-selected': $surface-contentbutton-surface-surface-selected,
         'contentswitcher-surface': $surface-contentswitcher-surface,
+        'toolbar-surface': $surface-toolbar-surface,
     ),
     'Border': (
         'cta-border-secondary': $border-cta-border-secondary,