@box/blueprint-web-assets 4.101.20 → 4.102.0

package/README.md

@@ -1,13 +1,13 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
--   [Blueprint Web assets `@box/blueprint-web-assets`](#blueprint-web-assets-boxblueprint-web-assets)
--   [Installation](#installation)
--   [Usage](#usage)
-    -   [Tokens](#tokens)
-    -   [Assets](#assets)
--   [How to update assets and tokens](#how-to-update-assets-and-tokens)
--   [Project scripts](#project-scripts)
+- [Blueprint Web assets `@box/blueprint-web-assets`](#blueprint-web-assets-boxblueprint-web-assets)
+- [Installation](#installation)
+- [Usage](#usage)
+  - [Tokens](#tokens)
+  - [Assets](#assets)
+- [How to update assets and tokens](#how-to-update-assets-and-tokens)
+- [Project scripts](#project-scripts)
 
 <!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
@@ -91,6 +91,7 @@ import { InfoBadge } from '@box/blueprint-web-assets/icons/Line';
 import { Alert } from '@box/blueprint-web-assets/icons/Fill';
 import { FileAudio } from '@box/blueprint-web-assets/icons/Content';
 import { BoxLogo } from '@box/blueprint-web-assets/icons/Logo';
+import { Compass } from '@box/blueprint-web-assets/icons/Multitone';
 ```
 
 # How to update assets and tokens

package/dist/icons/Multitone/App.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/icons/Multitone/App.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgApp = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M10.193 1.604a3 3 0 0 1 3.613 0l7.999 6.034a3 3 0 0 1 0 4.79l-8 6.033a3 3 0 0 1-3.612 0l-8-6.032a3 3 0 0 1 0-4.791l8-6.034Zm2.056 7.194a.8.8 0 0 0-.499 0c-.121.04-.235.122-.462.289L9.32 10.535c-.395.29-.592.435-.678.606a.8.8 0 0 0 0 .722c.086.17.283.316.678.606l1.968 1.447c.227.167.34.25.462.29a.801.801 0 0 0 .5 0c.12-.04.234-.124.46-.29l1.969-1.447c.394-.29.591-.436.678-.606a.8.8 0 0 0 0-.722c-.087-.17-.284-.316-.678-.606L12.71 9.087c-.226-.166-.34-.25-.46-.29Z", clipRule: "evenodd", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M21.601 14.324a2.997 2.997 0 0 1-1.128 3.321l-6.732 4.8a3 3 0 0 1-3.484 0l-6.732-4.8a2.998 2.998 0 0 1-1.128-3.321l8.399 6.334a2 2 0 0 0 2.408 0l8.397-6.334Z", opacity: 0.5 }), _jsx("g", { filter: "url(#App_svg__b)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M10.193 1.604a3 3 0 0 1 3.613 0l7.999 6.034a3 3 0 0 1 0 4.79l-8 6.033a3 3 0 0 1-3.612 0l-8-6.032a3 3 0 0 1 0-4.791l8-6.034Zm2.056 7.194a.8.8 0 0 0-.499 0c-.121.04-.235.122-.462.289L9.32 10.535c-.395.29-.592.435-.678.606a.8.8 0 0 0 0 .722c.086.17.283.316.678.606l1.968 1.447c.227.167.34.25.462.29a.801.801 0 0 0 .5 0c.12-.04.234-.124.46-.29l1.969-1.447c.394-.29.591-.436.678-.606a.8.8 0 0 0 0-.722c-.087-.17-.284-.316-.678-.606L12.71 9.087c-.226-.166-.34-.25-.46-.29Z", clipRule: "evenodd" }) })] }), _jsx("defs", { children: _jsxs("filter", { id: "App_svg__b", width: 25.998, height: 22.066, x: -1, y: 0, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1161" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1161", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgApp);
+export default ForwardRef;

package/dist/icons/Multitone/Briefcase.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/icons/Multitone/Briefcase.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgBriefcase = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M6 7h12v14H6V7Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M6 21H5a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h1v14ZM19 7a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-1V7h1Zm-5-4a3 3 0 0 1 3 3v1h-2V6a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v1H7V6a3 3 0 0 1 3-3h4Z", opacity: 0.5 }), _jsx("g", { filter: "url(#Briefcase_svg__a)", children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M6 7h12v14H6V7Z" }) }), _jsx("defs", { children: _jsxs("filter", { id: "Briefcase_svg__a", width: 16, height: 18, x: 4, y: 6, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1177" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1177", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgBriefcase);
+export default ForwardRef;

package/dist/icons/Multitone/CheckList.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/icons/Multitone/CheckList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCheckList = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M11 6a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2h-9Zm0 10a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2h-9Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M11 6a1 1 0 1 0 0 2h9a1 1 0 1 0 0-2h-9Zm0 10a1 1 0 0 0 0 2h9a1 1 0 0 0 0-2h-9Z", opacity: 0.5 }), _jsx("g", { fill: props.color || '#a7a7a7', filter: "url(#CheckList_svg__a)", children: _jsx("path", { d: "M8.932 4.363a1 1 0 1 0-1.864-.726L5.656 7.261l-.973-.91a1 1 0 0 0-1.366 1.46l2.05 1.92a1 1 0 0 0 1.616-.368l1.949-5Zm-.569 8.706a1 1 0 0 1 .569 1.294l-1.95 5a1 1 0 0 1-1.614.367l-2.051-1.92a1 1 0 1 1 1.366-1.46l.973.91 1.412-3.623a1 1 0 0 1 1.295-.569Z" }) }), _jsx("defs", { children: _jsxs("filter", { id: "CheckList_svg__a", width: 10.001, height: 21, x: 1, y: 2, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1149" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1149", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgCheckList);
+export default ForwardRef;

package/dist/icons/Multitone/ClipboardCheck.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/icons/Multitone/ClipboardCheck.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgClipboardCheck = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M14 3a1 1 0 0 1 1 1v1H9V4a1 1 0 0 1 1-1h4Z", opacity: 0.3 }), _jsxs("g", { fill: props.color || '#a7a7a7', filter: "url(#ClipboardCheck_svg__b)", opacity: 0.5, children: [_jsx("path", { d: "M7 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a3 3 0 0 0-2.846-2.996h.052A4 4 0 0 1 21 7v11a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4Z" }), _jsx("path", { d: "M14 1a3 3 0 0 1 3 3v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V4a3 3 0 0 1 3-3h4Z" })] }), _jsx("g", { filter: "url(#ClipboardCheck_svg__c)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M17 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h.174A3.01 3.01 0 0 0 7 4v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4c0-.351-.063-.687-.174-1H17Zm-1.293 7.293a1 1 0 0 0-1.414 0L11 13.586l-1.293-1.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414Z", clipRule: "evenodd" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "ClipboardCheck_svg__b", width: 22, height: 25, x: 1, y: 0, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1121" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1121", result: "shape" })] }), _jsxs("filter", { id: "ClipboardCheck_svg__c", width: 20, height: 22, x: 2, y: 2, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1121" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1121", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgClipboardCheck);
+export default ForwardRef;

package/dist/icons/Multitone/ClipboardList.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/icons/Multitone/ClipboardList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgClipboardList = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M14 3a1 1 0 0 1 1 1v1H9V4a1 1 0 0 1 1-1h4Z", opacity: 0.3 }), _jsxs("g", { fill: props.color || '#a7a7a7', filter: "url(#ClipboardList_svg__b)", opacity: 0.5, children: [_jsx("path", { d: "M7 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V6a3 3 0 0 0-2.846-2.996h.052A4 4 0 0 1 21 7v11a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V7a4 4 0 0 1 4-4Z" }), _jsx("path", { d: "M14 1a3 3 0 0 1 3 3v1a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2V4a3 3 0 0 1 3-3h4Z" })] }), _jsx("g", { filter: "url(#ClipboardList_svg__c)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M17 3a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h.174A3.01 3.01 0 0 0 7 4v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4c0-.351-.063-.687-.174-1H17ZM8 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4 0a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Zm-4-4a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm4 0a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z", clipRule: "evenodd" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "ClipboardList_svg__b", width: 22, height: 25, x: 1, y: 0, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1165" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1165", result: "shape" })] }), _jsxs("filter", { id: "ClipboardList_svg__c", width: 20, height: 22, x: 2, y: 2, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1165" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1165", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgClipboardList);
+export default ForwardRef;

package/dist/icons/Multitone/Compass.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/icons/Multitone/Compass.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgCompass = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsxs("g", { fill: props.color || '#a7a7a7', opacity: 0.3, children: [_jsx("path", { d: "M14.11 14.11a1.204 1.204 0 0 1-.377.254l-4.416 1.894c-.964.413-1.939-.519-1.61-1.483l.034-.093 1.894-4.417c.06-.142.148-.268.255-.374l4.22 4.22Z" }), _jsx("path", { fillRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z", clipRule: "evenodd" })] }), _jsxs("g", { fill: props.color || '#a7a7a7', filter: "url(#Compass_svg__b)", opacity: 0.5, children: [_jsx("path", { d: "M14.11 14.11a1.204 1.204 0 0 1-.377.254l-4.416 1.894c-.964.413-1.939-.519-1.61-1.483l.034-.093 1.894-4.417c.06-.142.148-.268.255-.374l4.22 4.22Z" }), _jsx("path", { fillRule: "evenodd", d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z", clipRule: "evenodd" })] }), _jsx("g", { filter: "url(#Compass_svg__c)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M12 4a8 8 0 1 1 0 16 8 8 0 0 1 0-16ZM9.89 9.89a1.199 1.199 0 0 0-.255.375L7.74 14.682l-.035.093c-.328.964.647 1.896 1.611 1.483l4.416-1.894c.142-.06.27-.147.376-.254L9.89 9.89Zm6.403-.665c.328-.964-.647-1.896-1.611-1.483l-4.416 1.894c-.142.06-.27.148-.376.255l4.22 4.22a1.2 1.2 0 0 0 .254-.376l1.894-4.417.035-.093Z", clipRule: "evenodd" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "Compass_svg__b", width: 24, height: 24, x: 0, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1117" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1117", result: "shape" })] }), _jsxs("filter", { id: "Compass_svg__c", width: 20, height: 20, x: 2, y: 3, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1117" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1117", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgCompass);
+export default ForwardRef;

package/dist/icons/Multitone/Flag.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/icons/Multitone/Flag.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgFlag = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M9.5 2C6.91 2 5.438 3.74 5.084 4.215A.44.44 0 0 0 5 4.48v9.818c0 .499.787.791 1.184.49A5.42 5.42 0 0 1 9.5 13.667c3 0 3.5 2.333 7.5 2.333 1.463 0 2.45-.277 3.078-.562.652-.295.922-.998.922-1.714V4.518c0-.464-.713-.822-1.145-.652-.63.248-1.555.467-2.855.467C14 4.333 12.5 2 9.5 2Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M4 21V3a1 1 0 0 1 2 0v18a1 1 0 1 1-2 0Z", opacity: 0.5 }), _jsx("g", { filter: "url(#Flag_svg__a)", children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M9.5 2C6.91 2 5.438 3.74 5.084 4.215A.44.44 0 0 0 5 4.48v9.818c0 .499.787.791 1.184.49A5.42 5.42 0 0 1 9.5 13.667c3 0 3.5 2.333 7.5 2.333 1.463 0 2.45-.277 3.078-.562.652-.295.922-.998.922-1.714V4.518c0-.464-.713-.822-1.145-.652-.63.248-1.555.467-2.855.467C14 4.333 12.5 2 9.5 2Z" }) }), _jsx("defs", { children: _jsxs("filter", { id: "Flag_svg__a", width: 20, height: 18, x: 3, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1145" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1145", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgFlag);
+export default ForwardRef;

package/dist/icons/Multitone/Gavel.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/icons/Multitone/Gavel.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgGavel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M17.89 9.404c-.254.302-.563.669-.906 1.068-.923 1.072-2.106 2.408-3.105 3.407-1 1-2.335 2.182-3.407 3.105-.4.343-.766.652-1.068.906l-6.466-6.467c.254-.303.565-.669.909-1.069C4.77 9.282 5.954 7.947 6.95 6.95c.997-.996 2.332-2.18 3.404-3.103.4-.344.767-.655 1.069-.91l6.467 6.467Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M21.27 17.723a2.5 2.5 0 0 1-3.535 3.535l-5.673-5.673a48.983 48.983 0 0 0 1.817-1.706 49.086 49.086 0 0 0 1.718-1.83l5.673 5.674ZM1.293 11.192a1 1 0 0 1 1.414 0l7.071 7.072a1 1 0 0 1-1.414 1.414l-7.071-7.072a1 1 0 0 1 0-1.414Zm9.899-9.899a1 1 0 0 1 1.414 0l7.072 7.071a1 1 0 0 1-1.414 1.414l-7.072-7.07a1 1 0 0 1 0-1.415Z", opacity: 0.5 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M17.89 9.404c-.254.302-.563.669-.906 1.068-.923 1.072-2.106 2.408-3.105 3.407-1 1-2.335 2.182-3.407 3.105-.4.343-.766.652-1.068.906l-6.466-6.467c.254-.303.565-.669.909-1.069C4.77 9.282 5.954 7.947 6.95 6.95c.997-.996 2.332-2.18 3.404-3.103.4-.344.767-.655 1.069-.91l6.467 6.467Z" })] }));
+const ForwardRef = forwardRef(SvgGavel);
+export default ForwardRef;

package/dist/icons/Multitone/Globe.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/icons/Multitone/Globe.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgGlobe = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { fill: props.color || '#a7a7a7', children: [_jsx("path", { d: "M15.977 13c-.12 2.65-.705 4.954-1.523 6.59C13.474 21.55 12.491 22 12 22c-.491 0-1.475-.45-2.454-2.41-.818-1.636-1.403-3.94-1.523-6.59h7.954ZM12 2c.491 0 1.475.45 2.454 2.41.818 1.636 1.403 3.94 1.523 6.59H8.023c.12-2.65.705-4.954 1.523-6.59C10.526 2.45 11.509 2 12 2Z", opacity: 0.3 }), _jsx("path", { d: "M6.022 13c.137 3.31.946 6.238 2.152 8.24A10.006 10.006 0 0 1 2.05 13h3.972Zm15.928 0a10.006 10.006 0 0 1-6.125 8.24c1.207-2.002 2.016-4.93 2.152-8.24h3.973ZM15.825 2.759A10.007 10.007 0 0 1 21.95 11h-3.973c-.136-3.31-.945-6.24-2.152-8.241Zm-7.651 0C6.967 4.76 6.159 7.689 6.022 11H2.05a10.007 10.007 0 0 1 6.124-8.241Z", opacity: 0.5 }), _jsx("g", { filter: "url(#Globe_svg__b)", children: _jsx("path", { d: "M15.977 13c-.12 2.65-.705 4.954-1.523 6.59C13.474 21.55 12.491 22 12 22c-.491 0-1.475-.45-2.454-2.41-.818-1.636-1.403-3.94-1.523-6.59h7.954ZM12 2c.491 0 1.475.45 2.454 2.41.818 1.636 1.403 3.94 1.523 6.59H8.023c.12-2.65.705-4.954 1.523-6.59C10.526 2.45 11.509 2 12 2Z" }) })] }), _jsx("defs", { children: _jsxs("filter", { id: "Globe_svg__b", width: 11.953, height: 24, x: 6.023, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1181" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1181", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgGlobe);
+export default ForwardRef;

package/dist/icons/Multitone/Graph.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/icons/Multitone/Graph.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgGraph = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M18.5 3A1.5 1.5 0 0 1 20 4.5V8a1 1 0 1 1-2 0V6.314l-3.957 3.628a3 3 0 0 1-2.976.634L8.77 9.812a1 1 0 0 0-.974.195l-3.138 2.746a1 1 0 0 1-1.316-1.506l3.137-2.745a3 3 0 0 1 2.924-.588l2.297.765a1 1 0 0 0 .991-.211L16.474 5H15a1 1 0 1 1 0-2h3.5Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M5 18a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Zm5-3a1 1 0 1 0-2 0v5a1 1 0 1 0 2 0v-5Zm5 1a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0v-4Zm5-3a1 1 0 1 0-2 0v7a1 1 0 1 0 2 0v-7Z", opacity: 0.5 }), _jsx("g", { filter: "url(#Graph_svg__a)", children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M18.5 3A1.5 1.5 0 0 1 20 4.5V8a1 1 0 1 1-2 0V6.314l-3.957 3.628a3 3 0 0 1-2.976.634L8.77 9.812a1 1 0 0 0-.974.195l-3.138 2.746a1 1 0 0 1-1.316-1.506l3.137-2.745a3 3 0 0 1 2.924-.588l2.297.765a1 1 0 0 0 .991-.211L16.474 5H15a1 1 0 1 1 0-2h3.5Z" }) }), _jsx("defs", { children: _jsxs("filter", { id: "Graph_svg__a", width: 21, height: 14, x: 1, y: 2, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1129" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1129", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgGraph);
+export default ForwardRef;

package/dist/icons/Multitone/HandShake.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/icons/Multitone/HandShake.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgHandShake = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M10.195 4.25c-.7.449-1.42.969-1.902 1.473-.223.223-.479.433-.813.73-.302.27-.657.602-.936.977s-.552.888-.545 1.51c.007.649.314 1.217.794 1.697.94.94 2.01 1.177 2.94 1.044.869-.124 1.585-.565 1.974-.953.049-.049.095-.094.139-.135a.963.963 0 0 1 .118-.131 2.917 2.917 0 0 1 4.053.07l1.498 1.498a4 4 0 0 1 .633 4.832l-.034.06c-.02.035-.042.07-.064.104l-.048.07a4.013 4.013 0 0 1-.292.382l-.073.083c-.037.04-.074.078-.113.117l-.04.038a4.033 4.033 0 0 1-.279.249l-.071.056-.124.09-.046.034a4.101 4.101 0 0 1-.19.126l-.43.262-.019.012-3.078 1.566.001.001-.66.374a3.993 3.993 0 0 1-2.191.514 4.007 4.007 0 0 1-2.61-1.165L4.586 16.93H3.5a1.5 1.5 0 0 1-1.5-1.5V5.716a1.5 1.5 0 0 1 1.5-1.5h6.665l.03.033Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M11.693 3.36a2.893 2.893 0 0 1 2.556-.119l3.955 1.7H20.5c.828 0 1.5.675 1.5 1.508v8.043c0 .832-.672 1.508-1.5 1.508h-1.914l-.038-.038a4.022 4.022 0 0 0-1.033-3.882l-1.498-1.507a2.905 2.905 0 0 0-4.052-.07 1.013 1.013 0 0 0-.118.131l-.14.136c-.388.39-1.105.833-1.974.958-.93.133-2-.105-2.939-1.05-.48-.482-.786-1.053-.794-1.705-.007-.626.266-1.141.545-1.519.279-.377.634-.71.937-.982.333-.298.59-.51.812-.734.865-.908 2.49-1.87 3.4-2.378Z", opacity: 0.5 }), _jsx("g", { filter: "url(#HandShake_svg__b)", children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M10.195 4.25c-.7.449-1.42.969-1.902 1.473-.223.223-.479.433-.813.73-.302.27-.657.602-.936.977s-.552.888-.545 1.51c.007.649.314 1.217.794 1.697.94.94 2.01 1.177 2.94 1.044.869-.124 1.585-.565 1.974-.953.049-.049.095-.094.139-.135a.963.963 0 0 1 .118-.131 2.917 2.917 0 0 1 4.053.07l1.498 1.498a4 4 0 0 1 .633 4.832l-.034.06c-.02.035-.042.07-.064.104l-.048.07a4.013 4.013 0 0 1-.292.382l-.073.083c-.037.04-.074.078-.113.117l-.04.038a4.033 4.033 0 0 1-.279.249l-.071.056-.124.09-.046.034a4.101 4.101 0 0 1-.19.126l-.43.262-.019.012-3.078 1.566.001.001-.66.374a3.993 3.993 0 0 1-2.191.514 4.007 4.007 0 0 1-2.61-1.165L4.586 16.93H3.5a1.5 1.5 0 0 1-1.5-1.5V5.716a1.5 1.5 0 0 1 1.5-1.5h6.665l.03.033Z" }) })] }), _jsx("defs", { children: _jsxs("filter", { id: "HandShake_svg__b", width: 20.685, height: 20.79, x: 0, y: 3.216, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1137" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1137", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgHandShake);
+export default ForwardRef;

package/dist/icons/Multitone/Items.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/icons/Multitone/Items.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgItems = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "m9.754 4.229-1.811 6.76L7.94 11H6.51a3.483 3.483 0 0 0-2.568 1.123l-.835-3.12A3 3 0 0 1 5.228 5.33l3.864-1.035a5.13 5.13 0 0 1 .682-.133l-.02.068Z", opacity: 0.3 }), _jsx("g", { filter: "url(#Items_svg__b)", opacity: 0.5, children: _jsx("path", { fill: props.color || '#a7a7a7', d: "m16.515 6.04.776-2.898a5 5 0 0 1 3.536 6.123l-2.898-.776a2 2 0 0 1-1.414-2.45Z" }) }), _jsx("g", { fill: props.color || '#a7a7a7', filter: "url(#Items_svg__c)", children: _jsx("path", { d: "M17.436 12a3.5 3.5 0 0 1 3.46 4.02l-.513 3.425A3 3 0 0 1 17.416 22H6.583a3 3 0 0 1-2.966-2.555l-.514-3.426A3.5 3.5 0 0 1 6.563 12h10.873ZM9.753 4.228a3 3 0 0 1 3.674-2.122l3.864 1.035-.776 2.899a2 2 0 0 0 1.414 2.449l2.898.776-.767 2.86A3.484 3.484 0 0 0 17.49 11H7.939c0-.004.002-.007.003-.011l1.811-6.76Z" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "Items_svg__b", width: 8.552, height: 10.124, x: 14.446, y: 2.142, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1173" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1173", result: "shape" })] }), _jsxs("filter", { id: "Items_svg__c", width: 21.873, height: 23.996, x: 1.063, y: 1.004, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1173" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1173", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgItems);
+export default ForwardRef;

package/dist/icons/Multitone/Megaphone.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/icons/Multitone/Megaphone.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgMegaphone = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "m11.125 17.735.448-.154c.319-.11.646-.214.979-.314a12.262 12.262 0 0 0 1.557 1.43l.05.038.009.006h-.001a1.5 1.5 0 0 1-1.742 2.442l-.004-.004-.01-.006-.024-.018a8.33 8.33 0 0 1-.366-.282 15.217 15.217 0 0 1-.913-.796 13.503 13.503 0 0 1-1.593-1.787 86.61 86.61 0 0 1 1.608-.555h.002Z", opacity: 0.3 }), _jsx("g", { filter: "url(#Megaphone_svg__b)", opacity: 0.5, children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M5.778 8.762c.013.657.028 3.212 1.192 5.228 1.164 2.016 3.205 3.173 3.766 3.512l.387.233c-.675.227-1.61.542-2.412.854-1.323.514-3.134.777-4.495-.277-.557-.43-1.16-1.012-1.586-1.748-.423-.734-.64-1.572-.754-2.293-.277-1.761.85-3.302 1.999-4.273.685-.579 1.37-1.208 1.894-1.68l.009.444Z" }) }), _jsx("g", { filter: "url(#Megaphone_svg__c)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M10.973 2.556c1.237-1.553 3.492-1.958 4.998-.648 1.242 1.08 2.843 2.731 4.1 4.91 1.227 2.124 1.715 4.034 1.893 5.424.234 1.824-1.215 3.247-2.877 3.563-2.277.433-5.12.953-7.515 1.776l-.448.154-.388-.233c-.562-.339-2.603-1.497-3.767-3.513-1.163-2.016-1.18-4.57-1.192-5.227l-.008-.454.359-.312c1.779-1.543 3.429-3.661 4.845-5.44Zm4.267 4.74a1.503 1.503 0 0 0-.334.262c.188.423.403.857.651 1.287.248.43.516.832.788 1.206a1.497 1.497 0 0 0 .945-2.206 1.5 1.5 0 0 0-2.05-.55Z", clipRule: "evenodd" }) })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "Megaphone_svg__b", width: 13.29, height: 14.721, x: -0.167, y: 7.317, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1153" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1153", result: "shape" })] }), _jsxs("filter", { id: "Megaphone_svg__c", width: 20.22, height: 20.613, x: 3.769, y: 0.122, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1153" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1153", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgMegaphone);
+export default ForwardRef;

package/dist/icons/Multitone/Money.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/icons/Multitone/Money.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgMoney = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', d: "M22 19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v4Z", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M22 15a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3v-4a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v4Z", opacity: 0.5 }), _jsxs("g", { fill: props.color || '#a7a7a7', filter: "url(#Money_svg__a)", children: [_jsx("path", { d: "M12 7a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z" }), _jsx("path", { fillRule: "evenodd", d: "M19 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h14Zm-7 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM6.5 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm11 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z", clipRule: "evenodd" })] }), _jsx("defs", { children: _jsxs("filter", { id: "Money_svg__a", width: 24, height: 16, x: 0, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1133" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1133", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgMoney);
+export default ForwardRef;

package/dist/icons/Multitone/Paperstamp.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/icons/Multitone/Paperstamp.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPaperstamp = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsxs("g", { fill: props.color || '#a7a7a7', opacity: 0.3, children: [_jsx("path", { d: "M17.977 18c.633 0 1.245.235 1.712.657l.815.738c1.022.924.36 2.605-1.027 2.605h-6.954c-1.386 0-2.049-1.681-1.027-2.605l.816-.738A2.554 2.554 0 0 1 14.023 18h3.954Z" }), _jsx("path", { fillRule: "evenodd", d: "M15 2a4 4 0 0 1 4 4v5.415c-.721-.91-1.727-1.357-2.786-1.41L16 10c-1.14 0-2.242.448-3.014 1.43-.69.88-.91 1.93-.968 2.764-.05.71.005 1.46.128 2.21a4.544 4.544 0 0 0-1.175.77l-.817.737c-.968.877-1.287 2.025-1.12 3.089H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h8Zm-7 8a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H8Zm0-4a1 1 0 0 0 0 2h6l.102-.005a1 1 0 0 0 0-1.99L14 6H8Z", clipRule: "evenodd" })] }), _jsx("g", { filter: "url(#Paperstamp_svg__b)", opacity: 0.5, children: _jsx("path", { fill: props.color || '#a7a7a7', d: "M16 12c.599 0 1.09.22 1.44.665.344.438.504 1.034.548 1.667.073 1.06-.17 2.365-.578 3.668h-2.82c-.409-1.303-.65-2.608-.577-3.668.044-.633.203-1.229.547-1.667.35-.446.842-.665 1.44-.665Z" }) }), _jsxs("g", { fill: props.color || '#a7a7a7', filter: "url(#Paperstamp_svg__c)", children: [_jsx("path", { d: "M17.977 18c.633 0 1.245.235 1.712.657l.815.738c1.022.924.36 2.605-1.027 2.605h-6.954c-1.386 0-2.049-1.681-1.027-2.605l.816-.738A2.554 2.554 0 0 1 14.023 18h3.954Z" }), _jsx("path", { fillRule: "evenodd", d: "M15 2a4 4 0 0 1 4 4v5.415c-.721-.91-1.727-1.357-2.786-1.41L16 10c-1.14 0-2.242.448-3.014 1.43-.69.88-.91 1.93-.968 2.764-.05.71.005 1.46.128 2.21a4.544 4.544 0 0 0-1.175.77l-.817.737c-.968.877-1.287 2.025-1.12 3.089H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h8Zm-7 8a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H8Zm0-4a1 1 0 0 0 0 2h6l.102-.005a1 1 0 0 0 0-1.99L14 6H8Z", clipRule: "evenodd" })] })] }), _jsxs("defs", { children: [_jsxs("filter", { id: "Paperstamp_svg__b", width: 8, height: 10, x: 12, y: 11, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1169" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1169", result: "shape" })] }), _jsxs("filter", { id: "Paperstamp_svg__c", width: 22, height: 24, x: 1, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1169" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1169", result: "shape" })] })] })] }));
+const ForwardRef = forwardRef(SvgPaperstamp);
+export default ForwardRef;

package/dist/icons/Multitone/Picture.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/icons/Multitone/Picture.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgPicture = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M19 6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-8.293 5.308a1 1 0 0 0-1.414 0L5 15.6V17a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-.4l-2.293-2.292a1 1 0 0 0-1.414 0L15.5 16.1l-4.793-4.793ZM17.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z", clipRule: "evenodd", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M15.49 2.777a3 3 0 0 1 3.673 2.12l.305 1.14A3.021 3.021 0 0 0 19 6H7a3 3 0 0 0-3 3v8c0 .4.08.781.222 1.13a3 3 0 0 1-.375-.847l-2.07-7.726a3 3 0 0 1 2.12-3.675L15.49 2.777Z", opacity: 0.5 }), _jsx("g", { filter: "url(#Picture_svg__a)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M19 6a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h12Zm-8.293 5.308a1 1 0 0 0-1.414 0L5 15.6V17a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-.4l-2.293-2.292a1 1 0 0 0-1.414 0L15.5 16.1l-4.793-4.793ZM17.5 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z", clipRule: "evenodd" }) }), _jsx("defs", { children: _jsxs("filter", { id: "Picture_svg__a", width: 22, height: 18, x: 2, y: 5, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1157" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1157", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgPicture);
+export default ForwardRef;

package/dist/icons/Multitone/WrenchScrewdriver.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/icons/Multitone/WrenchScrewdriver.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+const SvgWrenchScrewdriver = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M16.6 2.004a5.607 5.607 0 0 0-5.524 7.395L2.73 17.744a2.493 2.493 0 0 0 3.525 3.525l8.346-8.346A5.609 5.609 0 0 0 21.996 7.4c-.028-.742-.905-.966-1.43-.441L18.594 8.93a1.247 1.247 0 0 1-1.762 0l-1.763-1.763a1.247 1.247 0 0 1 0-1.763l1.972-1.971c.524-.525.3-1.402-.44-1.43ZM4.5 18.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z", clipRule: "evenodd", opacity: 0.3 }), _jsx("path", { fill: props.color || '#a7a7a7', d: "M13.661 9.884a1.337 1.337 0 0 0-1.889 0L8.134 6.245a.504.504 0 0 1-.122-.197l-.38-1.14a.504.504 0 0 0-.198-.26L5.088 3.086a.504.504 0 0 0-.636.063L3.147 4.453a.504.504 0 0 0-.063.635l1.564 2.346a.504.504 0 0 0 .26.199l1.14.38a.504.504 0 0 1 .197.121l3.638 3.639a1.336 1.336 0 0 0 0 1.889l7.556 7.556a2.672 2.672 0 0 0 3.778-3.778l-7.556-7.556Z", opacity: 0.5 }), _jsx("g", { filter: "url(#WrenchScrewdriver_svg__b)", children: _jsx("path", { fill: props.color || '#a7a7a7', fillRule: "evenodd", d: "M16.6 2.004a5.607 5.607 0 0 0-5.524 7.395L2.73 17.744a2.493 2.493 0 0 0 3.525 3.525l8.346-8.346A5.609 5.609 0 0 0 21.996 7.4c-.028-.742-.905-.966-1.43-.441L18.594 8.93a1.247 1.247 0 0 1-1.762 0l-1.763-1.763a1.247 1.247 0 0 1 0-1.763l1.972-1.971c.524-.525.3-1.402-.44-1.43ZM4.5 18.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z", clipRule: "evenodd" }) })] }), _jsx("defs", { children: _jsxs("filter", { id: "WrenchScrewdriver_svg__b", width: 24, height: 24, x: 0, y: 1, colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }), _jsx("feOffset", { dy: 1 }), _jsx("feGaussianBlur", { stdDeviation: 1 }), _jsx("feComposite", { in2: "hardAlpha", operator: "out" }), _jsx("feColorMatrix", { values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" }), _jsx("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_30909_1125" }), _jsx("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_30909_1125", result: "shape" })] }) })] }));
+const ForwardRef = forwardRef(SvgWrenchScrewdriver);
+export default ForwardRef;

package/dist/icons/Multitone/index.d.ts

@@ -0,0 +1,17 @@
+export { default as App } from './App';
+export { default as Briefcase } from './Briefcase';
+export { default as CheckList } from './CheckList';
+export { default as ClipboardCheck } from './ClipboardCheck';
+export { default as ClipboardList } from './ClipboardList';
+export { default as Compass } from './Compass';
+export { default as Flag } from './Flag';
+export { default as Gavel } from './Gavel';
+export { default as Globe } from './Globe';
+export { default as Graph } from './Graph';
+export { default as HandShake } from './HandShake';
+export { default as Items } from './Items';
+export { default as Megaphone } from './Megaphone';
+export { default as Money } from './Money';
+export { default as Paperstamp } from './Paperstamp';
+export { default as Picture } from './Picture';
+export { default as WrenchScrewdriver } from './WrenchScrewdriver';

package/dist/icons/Multitone/index.js

@@ -0,0 +1,17 @@
+export { default as App } from './App';
+export { default as Briefcase } from './Briefcase';
+export { default as CheckList } from './CheckList';
+export { default as ClipboardCheck } from './ClipboardCheck';
+export { default as ClipboardList } from './ClipboardList';
+export { default as Compass } from './Compass';
+export { default as Flag } from './Flag';
+export { default as Gavel } from './Gavel';
+export { default as Globe } from './Globe';
+export { default as Graph } from './Graph';
+export { default as HandShake } from './HandShake';
+export { default as Items } from './Items';
+export { default as Megaphone } from './Megaphone';
+export { default as Money } from './Money';
+export { default as Paperstamp } from './Paperstamp';
+export { default as Picture } from './Picture';
+export { default as WrenchScrewdriver } from './WrenchScrewdriver';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web-assets",
-    "version": "4.101.20",
+    "version": "4.102.0",
     "license": "SEE LICENSE IN LICENSE",
     "scripts": {
         "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -21,8 +21,9 @@
         "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/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-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 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",
@@ -89,6 +90,10 @@
             "types": "./dist/icons/Medium/*.d.ts",
             "default": "./dist/icons/Medium/*.js"
         },
+        "./icons/Multitone/*": {
+            "types": "./dist/icons/Multitone/*.d.ts",
+            "default": "./dist/icons/Multitone/*.js"
+        },
         "./icons/Animated/*": {
             "types": "./dist/icons/Animated/*.d.ts",
             "default": "./dist/icons/Animated/*.js"
@@ -121,6 +126,10 @@
             "types": "./dist/icons/Medium/index.d.ts",
             "default": "./dist/icons/Medium/index.js"
         },
+        "./icons/Multitone": {
+            "types": "./dist/icons/Multitone/index.d.ts",
+            "default": "./dist/icons/Multitone/index.js"
+        },
         "./icons/Animated": {
             "types": "./dist/icons/Animated/index.d.ts",
             "default": "./dist/icons/Animated/index.js"
@@ -139,7 +148,7 @@
         }
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.16.57",
+        "@box/storybook-utils": "^0.16.59",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",