@synerise/ds-icon 1.4.2 → 1.5.0

package/dist/esm/icons/XL/CheckOutXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const CheckOutXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "check-out-xl", "data-testid": "ds-icon-check-out-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
+const CheckOutXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "check-out-xl ds-icon-set-xlarge", "data-testid": "ds-icon-check-out-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         React.createElement("path", { d: "M27.863 24.27l17.284-5.127A3 3 0 0149 22.019v51.962a3 3 0 01-3.853 2.876L27.863 71.73A4 4 0 0125 67.896V28.104a4 4 0 012.863-3.834z" }),
         React.createElement("path", { d: "M49 23h13.813C64.573 23 66 24.392 66 26.11V37M66 59v11.91c0 1.707-1.427 3.09-3.188 3.09H49", strokeLinecap: "round" }),
         React.createElement("path", { d: "M55.063 51.732h11.599l-2.45 2.449a2.095 2.095 0 000 2.963l2.37 2.368a2.095 2.095 0 002.962 0l10.031-10.03a2.095 2.095 0 000-2.963l-3.85-3.85-6.18-6.181a2.095 2.095 0 00-2.963 0l-2.37 2.368a2.095 2.095 0 000 2.963l2.45 2.45H55.063", strokeLinecap: "round", strokeLinejoin: "round" }))));

package/dist/esm/icons/XL/CheckXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const CheckXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "check-xl", "data-testid": "ds-icon-check-xl" }, props),
-    React.createElement("path", { d: "M47.75 17C64.706 17 78.5 30.794 78.5 47.75S64.706 78.5 47.75 78.5 17 64.706 17 47.75 30.794 17 47.75 17zm0 1.5c-16.128 0-29.25 13.122-29.25 29.25S31.622 77 47.75 77 77 63.878 77 47.75 63.878 18.5 47.75 18.5zm8.723 18.193c1.347 0 2.611.522 3.558 1.47a4.997 4.997 0 011.47 3.558 4.994 4.994 0 01-1.47 3.558L47.973 57.336a5.022 5.022 0 01-3.558 1.472 5.016 5.016 0 01-3.558-1.472l-5.389-5.388a5.04 5.04 0 010-7.116 5.04 5.04 0 017.117 0l1.831 1.83 8.498-8.499a4.997 4.997 0 013.56-1.47zm-2.498 2.53l-9.029 9.03a.75.75 0 01-1.06 0l-2.362-2.36a3.521 3.521 0 00-2.497-1.033c-.905 0-1.809.344-2.498 1.032a3.537 3.537 0 000 4.996l5.39 5.388c1.326 1.327 3.667 1.326 4.993 0L58.97 44.22A3.507 3.507 0 0060 41.721c0-.947-.366-1.834-1.03-2.498-1.328-1.328-3.667-1.328-4.995 0z" })));
+const CheckXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "check-xl ds-icon-set-xlarge", "data-testid": "ds-icon-check-xl" }, props),
+    React.createElement("path", { d: "M47.75 17C64.706 17 78.5 30.794 78.5 47.75S64.706 78.5 47.75 78.5 17 64.706 17 47.75 30.794 17 47.75 17zm0 1.5c-16.128 0-29.25 13.122-29.25 29.25S31.622 77 47.75 77 77 63.878 77 47.75 63.878 18.5 47.75 18.5zm8.723 18.193c1.347 0 2.611.522 3.558 1.47a4.997 4.997 0 011.47 3.558 4.994 4.994 0 01-1.47 3.558L47.973 57.336a5.022 5.022 0 01-3.558 1.472 5.016 5.016 0 01-3.558-1.472l-5.389-5.388a5.04 5.04 0 010-7.116 5.04 5.04 0 017.117 0l1.831 1.83 8.498-8.499a4.997 4.997 0 013.56-1.47zm-2.498 2.53l-9.029 9.03a.75.75 0 01-1.06 0l-2.362-2.36a3.521 3.521 0 00-2.497-1.033c-.905 0-1.809.344-2.498 1.032a3.537 3.537 0 000 4.996l5.39 5.388c1.326 1.327 3.667 1.326 4.993 0L58.97 44.22A3.507 3.507 0 0060 41.721c0-.947-.366-1.834-1.03-2.498-1.328-1.328-3.667-1.328-4.995 0z", fill: "currentColor" })));
 export default CheckXl;

package/dist/esm/icons/XL/ClassificationXl.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const ClassificationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "classification-xl", "data-testid": "ds-icon-classification-xl" }, props),
-    React.createElement("path", { className: "prefix__st0", d: "M40.2 23.7zM46.5 39.1zM75 56.6h-3.6v-9.4c0-1.5-1.3-2.8-2.8-2.8H48.8v-5c.8-.2 1.5-.7 1.9-1.4L57 27.9c.3-.5.4-1 .4-1.5 0-1.7-1.4-3-3-3H41.7c-.5 0-1.1.1-1.5.4-1 .6-1.5 1.6-1.5 2.6 0 .5.1 1 .4 1.5L45.4 38c.3.5.7.9 1.1 1.1.2.1.5.2.7.3v5H27c-1.5 0-2.8 1.3-2.8 2.8v9.4H21c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7h8.8c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.7-3.7-3.7-3.7h-4.1v-9.4c0-.7.6-1.3 1.3-1.3h20.3v10.7h-3.6c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7h8.8c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.7-3.7-3.7-3.7h-3.6V45.9h19.8c.7 0 1.3.6 1.3 1.3v9.4h-3.6c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.6-3.7-3.7-3.7zm-43 3.7v8.8c0 1.2-1 2.2-2.2 2.2H21c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2h8.8c1.2 0 2.2 1 2.2 2.2zm22.6 0v8.8c0 1.2-1 2.2-2.2 2.2h-8.8c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2h8.8c1.2 0 2.2 1 2.2 2.2zm-7.4-22.5c-.2-.1-.4-.3-.6-.6L40.4 27c-.1-.2-.2-.5-.2-.8 0-.5.3-1 .8-1.3.2-.1.5-.2.8-.2h12.6c.8 0 1.5.7 1.5 1.5 0 .3-.1.5-.2.8l-6.3 10.1c-.3.6-.9.9-1.4.9-.3 0-.5-.1-.8-.2zm30 31.3c0 1.2-1 2.2-2.2 2.2h-8.8c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2v8.8z" })));
+const ClassificationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "classification-xl ds-icon-set-xlarge", "data-testid": "ds-icon-classification-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { className: "prefix__st0", d: "M40.2 23.7zM46.5 39.1zM75 56.6h-3.6v-9.4c0-1.5-1.3-2.8-2.8-2.8H48.8v-5c.8-.2 1.5-.7 1.9-1.4L57 27.9c.3-.5.4-1 .4-1.5 0-1.7-1.4-3-3-3H41.7c-.5 0-1.1.1-1.5.4-1 .6-1.5 1.6-1.5 2.6 0 .5.1 1 .4 1.5L45.4 38c.3.5.7.9 1.1 1.1.2.1.5.2.7.3v5H27c-1.5 0-2.8 1.3-2.8 2.8v9.4H21c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7h8.8c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.7-3.7-3.7-3.7h-4.1v-9.4c0-.7.6-1.3 1.3-1.3h20.3v10.7h-3.6c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7h8.8c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.7-3.7-3.7-3.7h-3.6V45.9h19.8c.7 0 1.3.6 1.3 1.3v9.4h-3.6c-2.1 0-3.7 1.7-3.7 3.7v8.8c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7v-8.8c0-2.1-1.6-3.7-3.7-3.7zm-43 3.7v8.8c0 1.2-1 2.2-2.2 2.2H21c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2h8.8c1.2 0 2.2 1 2.2 2.2zm22.6 0v8.8c0 1.2-1 2.2-2.2 2.2h-8.8c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2h8.8c1.2 0 2.2 1 2.2 2.2zm-7.4-22.5c-.2-.1-.4-.3-.6-.6L40.4 27c-.1-.2-.2-.5-.2-.8 0-.5.3-1 .8-1.3.2-.1.5-.2.8-.2h12.6c.8 0 1.5.7 1.5 1.5 0 .3-.1.5-.2.8l-6.3 10.1c-.3.6-.9.9-1.4.9-.3 0-.5-.1-.8-.2zm30 31.3c0 1.2-1 2.2-2.2 2.2h-8.8c-1.2 0-2.2-1-2.2-2.2v-8.8c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2v8.8z" }))));
 export default ClassificationXl;

package/dist/esm/icons/XL/CloneNodesFlowXl.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const CloneNodesFlowXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "clone-nodes-flow-xl", "data-testid": "ds-icon-clone-nodes-flow-xl" }, props),
-    React.createElement("g", { fill: "#384350" },
-        React.createElement("path", { d: "M46.8 46.3l4-8.4a5 5 0 011.1-1.6c.4-.3.7-.4 1-.4h3c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-3c-.7 0-1.4.3-2 .8-.6.5-1.1 1.2-1.5 2l-4 8.4a5 5 0 01-1.1 1.6c-.4.3-.7.4-1 .4h-3.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.7c.3 0 .6.1 1 .4.4.3.8.8 1.1 1.6l4 8.4c.4.8.9 1.5 1.5 2s1.3.8 2 .8h3c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-3c-.3 0-.6-.1-1-.4-.4-.3-.8-.8-1.1-1.6l-4-8.4c-.4-.8-.9-1.5-1.5-2 0 0-.1 0-.1-.1 0 0 .1 0 .1-.1.7-.3 1.1-1 1.5-1.8zM32.4 38.8H20.7c-2.1 0-3.7 1.7-3.7 3.7v11.7c0 2.1 1.7 3.7 3.7 3.7h11.7c2.1 0 3.7-1.7 3.7-3.7V42.5c0-2.1-1.7-3.7-3.7-3.7zm2.2 15.4c0 1.2-1 2.2-2.2 2.2H20.7c-1.2 0-2.2-1-2.2-2.2V42.5c0-1.2 1-2.2 2.2-2.2h11.7c1.2 0 2.2 1 2.2 2.2v11.7zM75 25.6H63.3c-2.1 0-3.7 1.7-3.7 3.7V41c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7V29.3c0-2.1-1.6-3.7-3.7-3.7zM77.2 41c0 1.2-1 2.2-2.2 2.2H63.3c-1.2 0-2.2-1-2.2-2.2V29.3c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2V41zM75 52H63.3c-2.1 0-3.7 1.7-3.7 3.7v11.7c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7V55.7c0-2-1.6-3.7-3.7-3.7zm2.2 15.4c0 1.2-1 2.2-2.2 2.2H63.3c-1.2 0-2.2-1-2.2-2.2V55.7c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2v11.7z" }))));
+const CloneNodesFlowXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "clone-nodes-flow-xl ds-icon-set-xlarge", "data-testid": "ds-icon-clone-nodes-flow-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { className: "prefix__st0", d: "M46.8 46.3l4-8.4a5 5 0 011.1-1.6c.4-.3.7-.4 1-.4h3c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-3c-.7 0-1.4.3-2 .8-.6.5-1.1 1.2-1.5 2l-4 8.4a5 5 0 01-1.1 1.6c-.4.3-.7.4-1 .4h-3.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.7c.3 0 .6.1 1 .4.4.3.8.8 1.1 1.6l4 8.4c.4.8.9 1.5 1.5 2s1.3.8 2 .8h3c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-3c-.3 0-.6-.1-1-.4-.4-.3-.8-.8-1.1-1.6l-4-8.4c-.4-.8-.9-1.5-1.5-2 0 0-.1 0-.1-.1 0 0 .1 0 .1-.1.7-.3 1.1-1 1.5-1.8zM32.4 38.8H20.7c-2.1 0-3.7 1.7-3.7 3.7v11.7c0 2.1 1.7 3.7 3.7 3.7h11.7c2.1 0 3.7-1.7 3.7-3.7V42.5c0-2.1-1.7-3.7-3.7-3.7zm2.2 15.4c0 1.2-1 2.2-2.2 2.2H20.7c-1.2 0-2.2-1-2.2-2.2V42.5c0-1.2 1-2.2 2.2-2.2h11.7c1.2 0 2.2 1 2.2 2.2v11.7zM75 25.6H63.3c-2.1 0-3.7 1.7-3.7 3.7V41c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7V29.3c0-2.1-1.6-3.7-3.7-3.7zM77.2 41c0 1.2-1 2.2-2.2 2.2H63.3c-1.2 0-2.2-1-2.2-2.2V29.3c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2V41zM75 52H63.3c-2.1 0-3.7 1.7-3.7 3.7v11.7c0 2.1 1.7 3.7 3.7 3.7H75c2.1 0 3.7-1.7 3.7-3.7V55.7c0-2-1.6-3.7-3.7-3.7zm2.2 15.4c0 1.2-1 2.2-2.2 2.2H63.3c-1.2 0-2.2-1-2.2-2.2V55.7c0-1.2 1-2.2 2.2-2.2H75c1.2 0 2.2 1 2.2 2.2v11.7z" }))));
 export default CloneNodesFlowXl;

package/dist/esm/icons/XL/CloneNodesXl.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const CloneNodesXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "clone-nodes-xl", "data-testid": "ds-icon-clone-nodes-xl" }, props),
-    React.createElement("g", { fill: "#384350" },
-        React.createElement("path", { d: "M75.9 23.6H20.1c-1.6 0-2.8 1.3-2.8 2.8V59.3c-3.1 2.5-5.1 6.4-5.1 10.7 0 7.6 6.2 13.7 13.8 13.8 6.7 0 12.2-4.7 13.5-11H76c1.6 0 2.8-1.3 2.8-2.8V26.4c-.1-1.6-1.3-2.8-2.9-2.8zM34.6 78.7c-2.2 2.2-5.3 3.6-8.7 3.6-3.4 0-6.4-1.4-8.7-3.6-2.2-2.2-3.6-5.3-3.6-8.7 0-3.4 1.4-6.4 3.6-8.7 2.2-2.2 5.3-3.6 8.7-3.6 3.4 0 6.4 1.4 8.7 3.6 2.2 2.2 3.6 5.3 3.6 8.7 0 3.4-1.3 6.4-3.6 8.7zm42.6-8.8c0 .7-.6 1.3-1.3 1.3H39.7c0-.4.1-.8.1-1.2 0-7.6-6.2-13.7-13.8-13.8-2.7 0-5.1.8-7.2 2.1V26.4c0-.7.6-1.3 1.3-1.3H76c.7 0 1.3.6 1.3 1.3v43.5z" }),
-        React.createElement("path", { d: "M50.3 40.7c.2-.5.5-.8.7-1 .2-.2.4-.3.6-.3h2.2c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-2.2c-.6 0-1.1.2-1.6.6-.4.4-.8.9-1.1 1.5L46.1 46c-.2.5-.5.8-.7 1-.2.2-.4.3-.6.3h-2.6c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h2.6c.2 0 .3.1.6.3.2.2.5.5.7 1L49 56c.3.6.7 1.1 1.1 1.5.4.4 1 .6 1.6.6h2.2c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-2.2c-.2 0-.3-.1-.6-.3-.2-.2-.5-.5-.7-1l-2.8-5.9c-.3-.6-.6-1-1-1.4.4-.4.7-.8 1-1.4l2.7-5.8zM36.2 41h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7v-6.5c0-2-1.7-3.7-3.7-3.7zm2.2 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM66.3 31.6h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7v-6.5c.1-2-1.6-3.7-3.7-3.7zm2.3 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM66.3 50.3h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7V54c.1-2-1.6-3.7-3.7-3.7zm2.3 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM32.1 68h-.7l-.2-.1v-.1l.1-.1.5-.5c.3-.3.3-.8 0-1.1L30 64.3c-.3-.3-.8-.3-1.1 0l-.5.5-.2.1h-.1c-.1 0-.1-.1-.1-.2V64c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2h-2.5c-.2 0-.4.1-.5.2s-.3.2-.3.4v.7c0 .1-.1.2-.1.2h-.1l-.2-.1-.5-.5c-.3-.3-.8-.3-1.1 0L20.2 66c-.3.3-.3.8 0 1.1l.5.5.1.2v.1c0 .1-.1.1-.2.1h-.7c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5v2.5c0 .4.3.7.7.8h.9l.1.3-.6.6c-.2.1-.3.3-.3.5s.1.4.2.5l1.8 1.8c.1.1.3.2.5.2s.4-.1.5-.2l.5-.5.2-.1h.1c.1 0 .2.1.2.2v.7c0 .2.1.4.2.5s.3.2.5.2h2.5c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-.7l.1-.2h.1l.2.1.5.5c.1.1.3.2.5.2s.4-.1.5-.2l1.8-1.8c.1-.1.2-.3.2-.4 0-.2-.1-.5-.2-.6l-.5-.5-.1-.1v-.2l.2-.1h.6c.4 0 .7-.3.7-.7l.1-2.5c0-.2-.1-.4-.2-.6s-.1-.2-.3-.2zm-2.3 3.5c-.1.3-.2.5-.2.7 0 .4.2.9.5 1.2l-.7.7c-.3-.3-.8-.5-1.2-.5-.2 0-.4 0-.7.1-.6.3-1.1.9-1.1 1.6h-1c0-.7-.4-1.3-1.1-1.6-.2-.1-.4-.1-.6-.1-.4 0-.9.2-1.2.5l-.7-.7.1-.1c.3-.3.4-.6.4-1 0-.2 0-.4-.1-.5l-.2-.4c-.2-.5-.7-.9-1.3-.9h-.2v-1c.7 0 1.3-.4 1.6-1.1.1-.2.1-.4.1-.7 0-.4-.2-.9-.5-1.2l.7-.7c.3.3.8.5 1.2.5.2 0 .4 0 .7-.1.6-.3 1.1-.9 1.1-1.6h1c0 .7.4 1.3 1.1 1.6.2.1.4.1.7.1.4 0 .9-.2 1.2-.5l.7.7c-.3.3-.5.8-.5 1.2 0 .2 0 .4.1.7.3.6.9 1 1.5 1l-.1 1c-.5.1-1.1.5-1.3 1.1zM20.8 70.5z" }),
-        React.createElement("path", { d: "M26.1 67.2c-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7 0-1.5-1.2-2.7-2.7-2.7zm0 3.9c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2c0 .6-.5 1.1-1.2 1.2z" }))));
+const CloneNodesXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "clone-nodes-xl ds-icon-set-xlarge", "data-testid": "ds-icon-clone-nodes-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { className: "prefix__st0", d: "M75.9 23.6H20.1c-1.6 0-2.8 1.3-2.8 2.8V59.3c-3.1 2.5-5.1 6.4-5.1 10.7 0 7.6 6.2 13.7 13.8 13.8 6.7 0 12.2-4.7 13.5-11H76c1.6 0 2.8-1.3 2.8-2.8V26.4c-.1-1.6-1.3-2.8-2.9-2.8zM34.6 78.7c-2.2 2.2-5.3 3.6-8.7 3.6-3.4 0-6.4-1.4-8.7-3.6-2.2-2.2-3.6-5.3-3.6-8.7 0-3.4 1.4-6.4 3.6-8.7 2.2-2.2 5.3-3.6 8.7-3.6 3.4 0 6.4 1.4 8.7 3.6 2.2 2.2 3.6 5.3 3.6 8.7 0 3.4-1.3 6.4-3.6 8.7zm42.6-8.8c0 .7-.6 1.3-1.3 1.3H39.7c0-.4.1-.8.1-1.2 0-7.6-6.2-13.7-13.8-13.8-2.7 0-5.1.8-7.2 2.1V26.4c0-.7.6-1.3 1.3-1.3H76c.7 0 1.3.6 1.3 1.3v43.5z" }),
+        React.createElement("path", { className: "prefix__st0", d: "M50.3 40.7c.2-.5.5-.8.7-1 .2-.2.4-.3.6-.3h2.2c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-2.2c-.6 0-1.1.2-1.6.6-.4.4-.8.9-1.1 1.5L46.1 46c-.2.5-.5.8-.7 1-.2.2-.4.3-.6.3h-2.6c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h2.6c.2 0 .3.1.6.3.2.2.5.5.7 1L49 56c.3.6.7 1.1 1.1 1.5.4.4 1 .6 1.6.6h2.2c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8h-2.2c-.2 0-.3-.1-.6-.3-.2-.2-.5-.5-.7-1l-2.8-5.9c-.3-.6-.6-1-1-1.4.4-.4.7-.8 1-1.4l2.7-5.8zM36.2 41h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7v-6.5c0-2-1.7-3.7-3.7-3.7zm2.2 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM66.3 31.6h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7v-6.5c.1-2-1.6-3.7-3.7-3.7zm2.3 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM66.3 50.3h-6.5c-2.1 0-3.7 1.7-3.7 3.7v6.5c0 2.1 1.7 3.7 3.7 3.7h6.5c2.1 0 3.7-1.7 3.7-3.7V54c.1-2-1.6-3.7-3.7-3.7zm2.3 10.3c0 1.2-1 2.2-2.2 2.2h-6.5c-1.2 0-2.2-1-2.2-2.2v-6.5c0-1.2 1-2.2 2.2-2.2h6.5c1.2 0 2.2 1 2.2 2.2v6.5zM32.1 68h-.7l-.2-.1v-.1l.1-.1.5-.5c.3-.3.3-.8 0-1.1L30 64.3c-.3-.3-.8-.3-1.1 0l-.5.5-.2.1h-.1c-.1 0-.1-.1-.1-.2V64c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2h-2.5c-.2 0-.4.1-.5.2s-.3.2-.3.4v.7c0 .1-.1.2-.1.2h-.1l-.2-.1-.5-.5c-.3-.3-.8-.3-1.1 0L20.2 66c-.3.3-.3.8 0 1.1l.5.5.1.2v.1c0 .1-.1.1-.2.1h-.7c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5v2.5c0 .4.3.7.7.8h.9l.1.3-.6.6c-.2.1-.3.3-.3.5s.1.4.2.5l1.8 1.8c.1.1.3.2.5.2s.4-.1.5-.2l.5-.5.2-.1h.1c.1 0 .2.1.2.2v.7c0 .2.1.4.2.5s.3.2.5.2h2.5c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-.7l.1-.2h.1l.2.1.5.5c.1.1.3.2.5.2s.4-.1.5-.2l1.8-1.8c.1-.1.2-.3.2-.4 0-.2-.1-.5-.2-.6l-.5-.5-.1-.1v-.2l.2-.1h.6c.4 0 .7-.3.7-.7l.1-2.5c0-.2-.1-.4-.2-.6s-.1-.2-.3-.2zm-2.3 3.5c-.1.3-.2.5-.2.7 0 .4.2.9.5 1.2l-.7.7c-.3-.3-.8-.5-1.2-.5-.2 0-.4 0-.7.1-.6.3-1.1.9-1.1 1.6h-1c0-.7-.4-1.3-1.1-1.6-.2-.1-.4-.1-.6-.1-.4 0-.9.2-1.2.5l-.7-.7.1-.1c.3-.3.4-.6.4-1 0-.2 0-.4-.1-.5l-.2-.4c-.2-.5-.7-.9-1.3-.9h-.2v-1c.7 0 1.3-.4 1.6-1.1.1-.2.1-.4.1-.7 0-.4-.2-.9-.5-1.2l.7-.7c.3.3.8.5 1.2.5.2 0 .4 0 .7-.1.6-.3 1.1-.9 1.1-1.6h1c0 .7.4 1.3 1.1 1.6.2.1.4.1.7.1.4 0 .9-.2 1.2-.5l.7.7c-.3.3-.5.8-.5 1.2 0 .2 0 .4.1.7.3.6.9 1 1.5 1l-.1 1c-.5.1-1.1.5-1.3 1.1zM20.8 70.5z" }),
+        React.createElement("path", { className: "prefix__st0", d: "M26.1 67.2c-1.5 0-2.7 1.2-2.7 2.7 0 1.5 1.2 2.7 2.7 2.7 1.5 0 2.7-1.2 2.7-2.7 0-1.5-1.2-2.7-2.7-2.7zm0 3.9c-.7 0-1.2-.5-1.2-1.2s.5-1.2 1.2-1.2 1.2.5 1.2 1.2c0 .6-.5 1.1-1.2 1.2z" }))));
 export default CloneNodesXl;

package/dist/esm/icons/XL/CompareXl.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const CompareXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "compare_xl", "data-testid": "ds-icon-compare_xl" }, props),
-    React.createElement("g", { fill: "#384350" },
-        React.createElement("path", { d: "M44.4 58.7zM65.9 23.5zM78.5 48.8zM51.2 48.8zM67 24.6zM78.8 49.9c0-.1-.1-.1 0 0 0-.4-.1-.7-.2-1.1L67 24.6c-.2-.5-.6-.9-1.1-1.1-.3-.1-.6-.2-.9-.2h-.1c-.4 0-.8.1-1.1.3L48 28v-4c0-.4-.3-.8-.8-.8s-.8.3-.8.8v4.5L30 33.2c-.2.1-.3.2-.4.3-.4.2-.8.6-1 1L17.1 58.7c-.2.3-.2.7-.2 1 .2 7.4 6.1 13.3 13.5 13.6h.4c7.5 0 13.7-6 13.9-13.5 0-.4-.1-.7-.2-1L33 34.5c-.1-.2-.2-.4-.4-.5l13.9-4v8.8c0 .4.3.8.8.8s.8-.3.8-.8v-9.3l14.3-4.1-11.2 23.4c-.2.3-.2.7-.2 1 .2 7.4 6.1 13.3 13.5 13.5h.4c7.4.1 13.6-5.9 13.9-13.4-.1 0 0 0 0 0zm-48 21.9h-.4c-6.3-.2-11.4-5.1-12-11.3h24.7c-.6 6.4-5.9 11.3-12.3 11.3zM42.9 59H18.6L30 35.2c.2-.3.5-.5.8-.5.1 0 .3 0 .4.1.2.1.3.2.4.4L42.9 59zm22-34.2c.1 0 .2 0 .3.1.2.1.3.2.4.4L77 49.1H52.7L64 25.3c.1-.1.2-.3.3-.3l.6-.2zm0 37.1h-.4c-6.3-.2-11.4-5.1-12-11.3h24.7c-.6 6.3-5.9 11.3-12.3 11.3z" }))));
+const CompareXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "compare_xl ds-icon-set-xlarge", "data-testid": "ds-icon-compare_xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { className: "prefix__st0", d: "M44.4 58.7zM65.9 23.5zM78.5 48.8zM51.2 48.8zM67 24.6zM78.8 49.9c0-.1-.1-.1 0 0 0-.4-.1-.7-.2-1.1L67 24.6c-.2-.5-.6-.9-1.1-1.1-.3-.1-.6-.2-.9-.2h-.1c-.4 0-.8.1-1.1.3L48 28v-4c0-.4-.3-.8-.8-.8s-.8.3-.8.8v4.5L30 33.2c-.2.1-.3.2-.4.3-.4.2-.8.6-1 1L17.1 58.7c-.2.3-.2.7-.2 1 .2 7.4 6.1 13.3 13.5 13.6h.4c7.5 0 13.7-6 13.9-13.5 0-.4-.1-.7-.2-1L33 34.5c-.1-.2-.2-.4-.4-.5l13.9-4v8.8c0 .4.3.8.8.8s.8-.3.8-.8v-9.3l14.3-4.1-11.2 23.4c-.2.3-.2.7-.2 1 .2 7.4 6.1 13.3 13.5 13.5h.4c7.4.1 13.6-5.9 13.9-13.4-.1 0 0 0 0 0zm-48 21.9h-.4c-6.3-.2-11.4-5.1-12-11.3h24.7c-.6 6.4-5.9 11.3-12.3 11.3zM42.9 59H18.6L30 35.2c.2-.3.5-.5.8-.5.1 0 .3 0 .4.1.2.1.3.2.4.4L42.9 59zm22-34.2c.1 0 .2 0 .3.1.2.1.3.2.4.4L77 49.1H52.7L64 25.3c.1-.1.2-.3.3-.3l.6-.2zm0 37.1h-.4c-6.3-.2-11.4-5.1-12-11.3h24.7c-.6 6.3-5.9 11.3-12.3 11.3z" }))));
 export default CompareXl;

package/dist/esm/icons/XL/CouponXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const CouponXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "coupon-xl", "data-testid": "ds-icon-coupon-xl" }, props),
-    React.createElement("g", { transform: "translate(17.708 24)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const CouponXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "coupon-xl ds-icon-set-xlarge", "data-testid": "ds-icon-coupon-xl" }, props),
+    React.createElement("g", { transform: "translate(17.708 24)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M60.39 14.364V2.666A2.685 2.685 0 0057.687 0H2.703A2.685 2.685 0 000 2.666v11.7a8.636 8.636 0 110 17.27v11.698A2.685 2.685 0 002.703 46h54.984a2.685 2.685 0 002.703-2.666v-28.97h0zM47.967 32.665l-19.35-19.33" }),
         React.createElement("ellipse", { cx: 46.666, cy: 15.671, rx: 4.626, ry: 4.621 }),
         React.createElement("ellipse", { cx: 29.918, cy: 30.329, rx: 4.625, ry: 4.62 }),

package/dist/esm/icons/XL/CupXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const CupXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "cup-xl", "data-testid": "ds-icon-cup-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
+const CupXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "cup-xl ds-icon-set-xlarge", "data-testid": "ds-icon-cup-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         React.createElement("path", { d: "M65.42 42.84c0 10.312-7.761 18.671-17.336 18.671-9.574 0-17.335-8.36-17.335-18.67V23a2 2 0 012-2H63.42a2 2 0 012 2v19.84zM65.42 24.809H71a2 2 0 012 2v8.766a7.58 7.58 0 01-7.58 7.58h0M30.58 24.809H25a2 2 0 00-2 2v8.766a7.58 7.58 0 007.58 7.58h0M48.555 31.006v10.31M46.368 41.316h4.375M45.462 33.064l3.093-2.058", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M48 62v8.5" }),
         React.createElement("path", { strokeLinecap: "round", d: "M37.5 70.5h21.105" }))));

package/dist/esm/icons/XL/DiscountXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DiscountXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "discount-xl", "data-testid": "ds-icon-discount-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const DiscountXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "discount-xl ds-icon-set-xlarge", "data-testid": "ds-icon-discount-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("circle", { cx: 55.679, cy: 55.69, r: 4.034 }),
         React.createElement("circle", { cx: 40.334, cy: 40.322, r: 4.034 }),
         React.createElement("path", { d: "M56.775 39.225l-17.55 17.55M49.232 21.527l7.998-2.59a4 4 0 014.794 1.987l3.824 7.486a4 4 0 001.742 1.742l7.486 3.824a4 4 0 011.986 4.794l-2.589 7.998a4 4 0 000 2.464l2.59 7.998a4 4 0 01-1.987 4.794l-7.486 3.824a4 4 0 00-1.742 1.742l-3.824 7.486a4 4 0 01-4.794 1.986l-7.998-2.589a4 4 0 00-2.464 0l-7.998 2.59a4 4 0 01-4.794-1.987l-3.824-7.486a4 4 0 00-1.742-1.742l-7.486-3.824a4 4 0 01-1.986-4.794l2.589-7.998a4 4 0 000-2.464l-2.59-7.998a4 4 0 011.987-4.794l7.486-3.824a4 4 0 001.742-1.742l3.824-7.486a4 4 0 014.794-1.986l7.998 2.589a4 4 0 002.464 0z" }))));

package/dist/esm/icons/XL/ErrorXl.d.ts

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

package/dist/esm/icons/XL/ErrorXl.js

@@ -0,0 +1,4 @@
+import React from 'react';
+const ErrorXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "error-xl ds-icon-set-xlarge", "data-testid": "ds-icon-error-xl" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5 47.75c0-16.128 13.122-29.25 29.25-29.25S77 31.622 77 47.75 63.878 77 47.75 77 18.5 63.878 18.5 47.75zm-1.5 0C17 64.706 30.794 78.5 47.75 78.5S78.5 64.706 78.5 47.75 64.706 17 47.75 17 17 30.794 17 47.75zm27.487-9.262a4.252 4.252 0 00-5.999 0 4.252 4.252 0 000 5.999l3.892 3.892-3.892 3.892a4.252 4.252 0 000 6 4.252 4.252 0 005.999 0l3.892-3.893 3.892 3.892a4.252 4.252 0 006 0 4.252 4.252 0 000-5.999l-3.893-3.892 3.892-3.892a4.252 4.252 0 000-5.999 4.252 4.252 0 00-5.999 0L48.38 42.38l-3.892-3.892zm-4.938 1.06a2.752 2.752 0 013.877 0l4.423 4.423a.75.75 0 001.06 0l4.423-4.422a2.752 2.752 0 013.877 0 2.752 2.752 0 010 3.877l-4.422 4.423a.75.75 0 000 1.06l4.422 4.423a2.752 2.752 0 010 3.877 2.752 2.752 0 01-3.877 0l-4.422-4.422a.75.75 0 00-1.061 0l-4.423 4.422a2.752 2.752 0 01-3.877 0 2.752 2.752 0 010-3.877l4.422-4.422a.75.75 0 000-1.061l-4.422-4.423a2.752 2.752 0 010-3.877z", fill: "currentColor" })));
+export default ErrorXl;

package/dist/esm/icons/XL/EventXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const EventXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "event-xl", "data-testid": "ds-icon-event-xl" }, props),
-    React.createElement("path", { d: "M47.97 18a4.794 4.794 0 014.789 4.789v.995c8.037 2.144 14.02 9.514 14.02 18.162v10.841c0 2.435.43 4.826 1.278 7.106l2.938 7.907a.751.751 0 01-.703 1.011H57.06c-.15 4.706-4.015 8.491-8.757 8.491s-8.608-3.785-8.758-8.491H25.65a.748.748 0 01-.703-1.011l2.909-7.831a20.764 20.764 0 001.307-7.263V42.42c0-5.175 2.137-10.242 5.864-13.9 2.34-2.297 5.136-3.898 8.155-4.728v-1.003A4.794 4.794 0 0147.97 18zm7.59 50.811H41.045c.149 3.879 3.343 6.991 7.258 6.991s7.109-3.112 7.257-6.991zM48.3 24.64a16.668 16.668 0 00-4.061.449c-.062.028-.13.037-.2.047a17.171 17.171 0 00-7.961 4.455c-3.442 3.378-5.415 8.053-5.415 12.829v10.286c0 2.668-.472 5.287-1.4 7.785l-2.534 6.82h42.484l-2.563-6.896a21.841 21.841 0 01-1.371-7.628V41.946c0-8.07-5.66-14.937-13.212-16.8-.02.002-.037.012-.058.012a.728.728 0 01-.39-.125 17.143 17.143 0 00-3.318-.393zM35.254 45.555a.75.75 0 01.75.75v10.913a.75.75 0 01-1.5 0V46.305a.75.75 0 01.75-.75zm.086-6.893a.75.75 0 01.75.75v1.718a.75.75 0 01-1.5 0v-1.718a.75.75 0 01.75-.75zm26.53-18.544a.752.752 0 01.974-.418 17.095 17.095 0 019.868 10.432 16.975 16.975 0 01.815 7.075.749.749 0 11-1.493-.142c.21-2.2-.04-4.372-.743-6.454a15.598 15.598 0 00-9.004-9.518.75.75 0 01-.418-.975zM33.76 19.7a.75.75 0 11.557 1.392 15.606 15.606 0 00-9.003 9.52 15.487 15.487 0 00-.743 6.453.75.75 0 11-1.493.141 16.972 16.972 0 01.815-7.074A17.094 17.094 0 0133.76 19.7zm14.21-.2a3.293 3.293 0 00-3.288 3.289v.648a18.141 18.141 0 013.648-.297c.999.019 1.973.139 2.929.311v-.662A3.293 3.293 0 0047.97 19.5z", fill: "#384350", fillRule: "nonzero" })));
+const EventXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "event-xl ds-icon-set-xlarge", "data-testid": "ds-icon-event-xl" }, props),
+    React.createElement("path", { d: "M47.97 18a4.794 4.794 0 014.789 4.789v.995c8.037 2.144 14.02 9.514 14.02 18.162v10.841c0 2.435.43 4.826 1.278 7.106l2.938 7.907a.751.751 0 01-.703 1.011H57.06c-.15 4.706-4.015 8.491-8.757 8.491s-8.608-3.785-8.758-8.491H25.65a.748.748 0 01-.703-1.011l2.909-7.831a20.764 20.764 0 001.307-7.263V42.42c0-5.175 2.137-10.242 5.864-13.9 2.34-2.297 5.136-3.898 8.155-4.728v-1.003A4.794 4.794 0 0147.97 18zm7.59 50.811H41.045c.149 3.879 3.343 6.991 7.258 6.991s7.109-3.112 7.257-6.991zM48.3 24.64a16.668 16.668 0 00-4.061.449c-.062.028-.13.037-.2.047a17.171 17.171 0 00-7.961 4.455c-3.442 3.378-5.415 8.053-5.415 12.829v10.286c0 2.668-.472 5.287-1.4 7.785l-2.534 6.82h42.484l-2.563-6.896a21.841 21.841 0 01-1.371-7.628V41.946c0-8.07-5.66-14.937-13.212-16.8-.02.002-.037.012-.058.012a.728.728 0 01-.39-.125 17.143 17.143 0 00-3.318-.393zM35.254 45.555a.75.75 0 01.75.75v10.913a.75.75 0 01-1.5 0V46.305a.75.75 0 01.75-.75zm.086-6.893a.75.75 0 01.75.75v1.718a.75.75 0 01-1.5 0v-1.718a.75.75 0 01.75-.75zm26.53-18.544a.752.752 0 01.974-.418 17.095 17.095 0 019.868 10.432 16.975 16.975 0 01.815 7.075.749.749 0 11-1.493-.142c.21-2.2-.04-4.372-.743-6.454a15.598 15.598 0 00-9.004-9.518.75.75 0 01-.418-.975zM33.76 19.7a.75.75 0 11.557 1.392 15.606 15.606 0 00-9.003 9.52 15.487 15.487 0 00-.743 6.453.75.75 0 11-1.493.141 16.972 16.972 0 01.815-7.074A17.094 17.094 0 0133.76 19.7zm14.21-.2a3.293 3.293 0 00-3.288 3.289v.648a18.141 18.141 0 013.648-.297c.999.019 1.973.139 2.929.311v-.662A3.293 3.293 0 0047.97 19.5z", fillRule: "nonzero", fill: "currentColor" })));
 export default EventXl;

package/dist/esm/icons/XL/FileDownXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FileDownXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-down-xl", "data-testid": "ds-icon-file-down-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
+const FileDownXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-down-xl ds-icon-set-xlarge", "data-testid": "ds-icon-file-down-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         React.createElement("path", { d: "M66.106 78h-37.98a4 4 0 01-4-4V22a4 4 0 014-4h25.26a4 4 0 012.829 1.172l14.792 14.792a4 4 0 011.171 2.828V57", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M51.894 18v16.106a4 4 0 004 4H72M57.803 69H24.14M65.782 60H24.14", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M34 60v18M44 60v18" }),

package/dist/esm/icons/XL/FileUpXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FileUpXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-up-xl", "data-testid": "ds-icon-file-up-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
+const FileUpXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-up-xl ds-icon-set-xlarge", "data-testid": "ds-icon-file-up-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         React.createElement("path", { d: "M66.106 78h-37.98a4 4 0 01-4-4V22a4 4 0 014-4h25.26a4 4 0 012.829 1.172l14.792 14.791a4 4 0 011.171 2.829v21.055", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M51.894 18v16.106a4 4 0 004 4H72M57.804 69H24.14M65.782 60H24.14", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M34 60v18M44 60v18" }),

package/dist/esm/icons/XL/FileUrlXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FileUrlXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-url-xl", "data-testid": "ds-icon-file-url-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+const FileUrlXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-url-xl ds-icon-set-xlarge", "data-testid": "ds-icon-file-url-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         React.createElement("path", { d: "M72.026 74a4 4 0 01-4 4H27.974a4 4 0 01-4-4V22a4 4 0 014-4h25.26a4 4 0 012.828 1.172l14.792 14.791a4 4 0 011.172 2.829V74z", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M51.894 18v16.106a4 4 0 004 4H72M72 68.291H23.974", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M46 50.252c1.708-1.67 4.477-1.67 6.185 0l3.534 3.453a4.205 4.205 0 010 6.043c-1.708 1.67-4.477 1.67-6.185 0L47 57.295" }),

package/dist/esm/icons/XL/FileXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FileXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-xl", "data-testid": "ds-icon-file-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FileXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-xl ds-icon-set-xlarge", "data-testid": "ds-icon-file-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M68.178 78H28.127a4 4 0 01-4-4V22a4 4 0 014-4h25.26a4 4 0 012.828 1.172l14.792 14.791a4 4 0 011.171 2.829V74a4 4 0 01-4 4zM32.14 54.338h21.876M32.14 48.24H45.7M32.14 60.291h21.876M72.166 68.291H24.14" }),
         React.createElement("path", { d: "M51.894 18v16.106a4 4 0 004 4H72" }))));
 export default FileXl;

package/dist/esm/icons/XL/FileZipXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FileZipXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-zip-xl", "data-testid": "ds-icon-file-zip-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FileZipXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "file-zip-xl ds-icon-set-xlarge", "data-testid": "ds-icon-file-zip-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M68.026 78H27.974a4 4 0 01-4-4V22a4 4 0 014-4h25.26a4 4 0 012.828 1.172l14.792 14.791a4 4 0 011.172 2.829V74a4 4 0 01-4 4z" }),
         React.createElement("path", { d: "M37.55 50.759h6.995l-6.995 8.478h6.995M51.595 50.759h5.118a2.123 2.123 0 010 4.245h-5.118M72 68.291H23.974M51.894 18v16.106a4 4 0 004 4H72M47.75 59.25v-8.491M51.594 59.25v-8.491" }))));
 export default FileZipXl;

package/dist/esm/icons/XL/FirstRunXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FirstRunXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "first-run-xl", "data-testid": "ds-icon-first-run-xl" }, props),
-    React.createElement("g", { transform: "translate(18.024 18.07)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FirstRunXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "first-run-xl ds-icon-set-xlarge", "data-testid": "ds-icon-first-run-xl" }, props),
+    React.createElement("g", { transform: "translate(18.024 18.07)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("circle", { cx: 53.268, cy: 50.762, r: 13 }),
         React.createElement("path", { d: "M53.705 45.781v9.961M51.592 55.742h4.226M50.717 47.769l2.988-1.988M41.552 27.498a2.79 2.79 0 010 4.866l-12.398 7.69a2.786 2.786 0 01-4.18-2.412V22.22a2.786 2.786 0 014.18-2.413l12.398 7.69z" }),
         React.createElement("path", { d: "M41.905 57.443c-12.897 5.605-27.957 1.487-36.207-9.901s-7.47-26.981 1.875-37.49C16.918-.455 32.313-3.05 44.587 3.813c12.273 6.864 18.122 21.34 14.062 34.803M19.976 37.431v-14.5" }))));

package/dist/esm/icons/XL/FolderCheckXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FolderCheckXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-check-xl", "data-testid": "ds-icon-folder-check-xl" }, props),
-    React.createElement("g", { transform: "translate(18 24)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FolderCheckXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-check-xl ds-icon-set-xlarge", "data-testid": "ds-icon-folder-check-xl" }, props),
+    React.createElement("g", { transform: "translate(18 24)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M29.057 36.625H9.912M22.148 30.642H9.912M39.078 48H4.198a4 4 0 01-4-4V4a4 4 0 014-4h15.807a4 4 0 012.15.626l10.59 6.748a4 4 0 002.15.626h21.302a4 4 0 014 4v23.504" }),
         React.createElement("circle", { cx: 52, cy: 46.01, r: 13 }),
         React.createElement("path", { d: "M46 46.594l3.61 3.61L58 41.815" }))));

package/dist/esm/icons/XL/FolderStarXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FolderStarXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-star-xl", "data-testid": "ds-icon-folder-star-xl" }, props),
-    React.createElement("g", { transform: "translate(18.197 23.613)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FolderStarXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-star-xl ds-icon-set-xlarge", "data-testid": "ds-icon-folder-star-xl" }, props),
+    React.createElement("g", { transform: "translate(18.197 23.613)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M28.86 36.625H9.715M21.95 30.642H9.715M38.88 48H4a4 4 0 01-4-4V4a4 4 0 014-4h15.808a4 4 0 012.149.626l10.592 6.748A4 4 0 0034.698 8H56a4 4 0 014 4v23.504M51.803 40.681l1.854 3.756 4.146.603-3 2.924.708 4.13-3.708-1.95-3.708 1.95.708-4.13-3-2.924 4.146-.603z" }),
         React.createElement("circle", { cx: 51.803, cy: 46.387, r: 13 }))));
 export default FolderStarXl;

package/dist/esm/icons/XL/FolderUserXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FolderUserXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-user-xl", "data-testid": "ds-icon-folder-user-xl" }, props),
-    React.createElement("g", { transform: "translate(18 24)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const FolderUserXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-user-xl ds-icon-set-xlarge", "data-testid": "ds-icon-folder-user-xl" }, props),
+    React.createElement("g", { transform: "translate(18 24)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M28.86 36.625H9.715M21.95 30.642H9.715M38.88 48H4a4 4 0 01-4-4V4a4 4 0 014-4h15.808a4 4 0 012.149.626l10.592 6.748A4 4 0 0034.698 8H56a4 4 0 014 4v23.504" }),
         React.createElement("circle", { cx: 52.012, cy: 46.01, r: 13 }),
         React.createElement("path", { d: "M48.017 43.799a4.012 4.012 0 114.006 3.789 3.907 3.907 0 01-4.006-3.79z" }),

package/dist/esm/icons/XL/FolderXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FolderXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-xl", "data-testid": "ds-icon-folder-xl" }, props),
-    React.createElement("g", { fill: "#384350" },
-        React.createElement("path", { d: "M46.9 59.9H27.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h19.1c.4 0 .8-.3.8-.8s-.3-.8-.7-.8zM27.7 55.5H40c.4 0 .8-.3.8-.8-.1-.5-.4-.8-.8-.8H27.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8z" }),
-        React.createElement("path", { d: "M74 31.1H52.7c-.6 0-1.2-.2-1.7-.5l-10.6-6.7c-.8-.5-1.6-.7-2.6-.7H22c-2.6 0-4.7 2.1-4.8 4.8v40c0 2.6 2.1 4.7 4.8 4.8h52c2.6 0 4.7-2.1 4.8-4.8V35.9c0-2.6-2.1-4.7-4.8-4.8zM77.2 68c0 1.8-1.5 3.2-3.2 3.2H56.9L22 71.1c-1.8 0-3.2-1.5-3.2-3.2v-40c0-1.8 1.5-3.2 3.2-3.2h15.8c.6 0 1.2.2 1.7.5l10.6 6.7c.8.5 1.6.7 2.6.7H74c1.8 0 3.2 1.5 3.2 3.2V68z" }))));
+const FolderXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "folder-xl ds-icon-set-xlarge", "data-testid": "ds-icon-folder-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { className: "prefix__st0", d: "M46.9 59.9H27.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h19.1c.4 0 .8-.3.8-.8s-.3-.8-.7-.8zM27.7 55.5H40c.4 0 .8-.3.8-.8-.1-.5-.4-.8-.8-.8H27.7c-.4 0-.8.3-.8.8 0 .4.3.8.8.8z" }),
+        React.createElement("path", { className: "prefix__st0", d: "M74 31.1H52.7c-.6 0-1.2-.2-1.7-.5l-10.6-6.7c-.8-.5-1.6-.7-2.6-.7H22c-2.6 0-4.7 2.1-4.8 4.8v40c0 2.6 2.1 4.7 4.8 4.8h52c2.6 0 4.7-2.1 4.8-4.8V35.9c0-2.6-2.1-4.7-4.8-4.8zM77.2 68c0 1.8-1.5 3.2-3.2 3.2H56.9L22 71.1c-1.8 0-3.2-1.5-3.2-3.2v-40c0-1.8 1.5-3.2 3.2-3.2h15.8c.6 0 1.2.2 1.7.5l10.6 6.7c.8.5 1.6.7 2.6.7H74c1.8 0 3.2 1.5 3.2 3.2V68z" }))));
 export default FolderXl;

package/dist/esm/icons/XL/FormXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const FormXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "form-xl", "data-testid": "ds-icon-form-xl" }, props),
-    React.createElement("path", { d: "M71.75 39a3.754 3.754 0 013.75 3.75v18.834c0 .039-.016.073-.022.11l7.119 5.676.105.093c.363.356.487.878.316 1.369a1.3 1.3 0 01-1.241.879h-6.17l3.334 6.667c.231.463.268.988.105 1.479-.164.49-.508.887-.971 1.118l-2.601 1.3a1.94 1.94 0 01-2.597-.865l-3.381-6.762-4.38 5.505a1.299 1.299 0 01-1.461.422 1.298 1.298 0 01-.88-1.24V72.48H23.75A3.755 3.755 0 0120 68.73V42.75A3.755 3.755 0 0123.75 39zm-7.475 15.682V76.8l4.779-6.007a.75.75 0 011.258.13l3.907 7.815a.437.437 0 00.584.195l2.602-1.301a.432.432 0 00.194-.584l-3.876-7.753a.753.753 0 01.033-.73.752.752 0 01.638-.355h6.852L64.275 54.68zM71.75 40.5h-48a2.253 2.253 0 00-2.25 2.25v25.98c0 1.24 1.01 2.25 2.25 2.25h39.025V54.295c0-.51.285-.962.742-1.183.458-.22.991-.161 1.389.155L74 60.517V42.75a2.252 2.252 0 00-2.25-2.25zm0-23.501a3.754 3.754 0 013.75 3.75v11a3.754 3.754 0 01-3.75 3.75H55.773a3.754 3.754 0 01-3.75-3.75v-11a3.754 3.754 0 013.75-3.75zm-27 11a3.754 3.754 0 013.75 3.75 3.754 3.754 0 01-3.75 3.75h-21A3.754 3.754 0 0120 31.75 3.754 3.754 0 0123.75 28zm27-9.5H55.773a2.252 2.252 0 00-2.25 2.25v11a2.252 2.252 0 002.25 2.25H71.75A2.252 2.252 0 0074 31.75v-11a2.252 2.252 0 00-2.25-2.25zm-27 11h-21a2.252 2.252 0 00-2.25 2.25A2.252 2.252 0 0023.75 34h21A2.252 2.252 0 0047 31.75a2.252 2.252 0 00-2.25-2.25zm19.011-6.928a.75.75 0 01.75.75V25.5h2.178a.75.75 0 010 1.5h-2.177v2.176a.75.75 0 01-1.5 0V27h-2.178a.75.75 0 010-1.5h2.177v-2.178a.75.75 0 01.75-.75zM44.75 17a3.754 3.754 0 013.75 3.75 3.754 3.754 0 01-3.75 3.75h-21A3.754 3.754 0 0120 20.75 3.754 3.754 0 0123.75 17zm0 1.5h-21a2.252 2.252 0 00-2.25 2.25A2.252 2.252 0 0023.75 23h21A2.252 2.252 0 0047 20.75a2.252 2.252 0 00-2.25-2.25z", fill: "#384350", fillRule: "nonzero" })));
+const FormXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "form-xl ds-icon-set-xlarge", "data-testid": "ds-icon-form-xl" }, props),
+    React.createElement("path", { d: "M71.75 39a3.754 3.754 0 013.75 3.75v18.834c0 .039-.016.073-.022.11l7.119 5.676.105.093c.363.356.487.878.316 1.369a1.3 1.3 0 01-1.241.879h-6.17l3.334 6.667c.231.463.268.988.105 1.479-.164.49-.508.887-.971 1.118l-2.601 1.3a1.94 1.94 0 01-2.597-.865l-3.381-6.762-4.38 5.505a1.299 1.299 0 01-1.461.422 1.298 1.298 0 01-.88-1.24V72.48H23.75A3.755 3.755 0 0120 68.73V42.75A3.755 3.755 0 0123.75 39zm-7.475 15.682V76.8l4.779-6.007a.75.75 0 011.258.13l3.907 7.815a.437.437 0 00.584.195l2.602-1.301a.432.432 0 00.194-.584l-3.876-7.753a.753.753 0 01.033-.73.752.752 0 01.638-.355h6.852L64.275 54.68zM71.75 40.5h-48a2.253 2.253 0 00-2.25 2.25v25.98c0 1.24 1.01 2.25 2.25 2.25h39.025V54.295c0-.51.285-.962.742-1.183.458-.22.991-.161 1.389.155L74 60.517V42.75a2.252 2.252 0 00-2.25-2.25zm0-23.501a3.754 3.754 0 013.75 3.75v11a3.754 3.754 0 01-3.75 3.75H55.773a3.754 3.754 0 01-3.75-3.75v-11a3.754 3.754 0 013.75-3.75zm-27 11a3.754 3.754 0 013.75 3.75 3.754 3.754 0 01-3.75 3.75h-21A3.754 3.754 0 0120 31.75 3.754 3.754 0 0123.75 28zm27-9.5H55.773a2.252 2.252 0 00-2.25 2.25v11a2.252 2.252 0 002.25 2.25H71.75A2.252 2.252 0 0074 31.75v-11a2.252 2.252 0 00-2.25-2.25zm-27 11h-21a2.252 2.252 0 00-2.25 2.25A2.252 2.252 0 0023.75 34h21A2.252 2.252 0 0047 31.75a2.252 2.252 0 00-2.25-2.25zm19.011-6.928a.75.75 0 01.75.75V25.5h2.178a.75.75 0 010 1.5h-2.177v2.176a.75.75 0 01-1.5 0V27h-2.178a.75.75 0 010-1.5h2.177v-2.178a.75.75 0 01.75-.75zM44.75 17a3.754 3.754 0 013.75 3.75 3.754 3.754 0 01-3.75 3.75h-21A3.754 3.754 0 0120 20.75 3.754 3.754 0 0123.75 17zm0 1.5h-21a2.252 2.252 0 00-2.25 2.25A2.252 2.252 0 0023.75 23h21A2.252 2.252 0 0047 20.75a2.252 2.252 0 00-2.25-2.25z", fillRule: "nonzero", fill: "currentColor" })));
 export default FormXl;

package/dist/esm/icons/XL/FormulaXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FormulaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "formula-xl", "data-testid": "ds-icon-formula-xl" }, props),
-    React.createElement("g", { transform: "translate(21 21)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+const FormulaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "formula-xl ds-icon-set-xlarge", "data-testid": "ds-icon-formula-xl" }, props),
+    React.createElement("g", { transform: "translate(21 21)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         React.createElement("rect", { strokeLinejoin: "round", width: 54, height: 54, rx: 4.641 }),
         React.createElement("path", { strokeLinejoin: "round", d: "M24.773 37.298L18 44.071M18 37.298l6.773 6.773" }),
         React.createElement("path", { d: "M8 44h.06a4 4 0 003.972-3.52l1.084-8.96A4 4 0 0117.087 28H19M9 34.5h8" }))));

package/dist/esm/icons/XL/FunctionXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const FunctionXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "function-xl", "data-testid": "ds-icon-function-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+const FunctionXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "function-xl ds-icon-set-xlarge", "data-testid": "ds-icon-function-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         React.createElement("path", { d: "M69.89 72.616c5.48-6.017 5.48-15.215 0-21.232M52.11 51.384c-5.48 6.017-5.48 15.215 0 21.232M64.896 58.104l-7.792 7.792M64.896 65.896l-7.792-7.792", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M21.524 75h2.386a12 12 0 0011.902-10.469l4.253-33.062A12 12 0 0151.967 21H61M29 40h22" }))));
 export default FunctionXl;

package/dist/esm/icons/XL/GemsXl.js

@@ -1,17 +1,18 @@
 import React from 'react';
-const GemsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "gems-xl", "data-testid": "ds-icon-gems-xl" }, props),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.478 38.8l29.44 31.512L77.363 38.8H18.478zm29.44 33.36a.745.745 0 01-.546-.238l-31.17-33.36a.75.75 0 01.548-1.261h62.339a.75.75 0 01.548 1.262l-31.17 33.359a.747.747 0 01-.548.238z", fill: "#384451" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.84 38.8L47.92 69.039 57.998 38.8H37.84zM47.92 72.16a.752.752 0 01-.712-.512l-11.12-33.36a.75.75 0 01.713-.987h22.239a.75.75 0 01.712.987l-11.12 33.36a.751.751 0 01-.712.512z", fill: "#384451" }),
-    React.createElement("mask", { id: "prefix__svg-59821111a", style: {
-            maskType: 'luminance',
-        }, maskUnits: "userSpaceOnUse", x: 16, y: 23, width: 64, height: 16 },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 23h63.839v15.8H16V23z", fill: "#fff" })),
-    React.createElement("g", { mask: "url(#prefix__svg-59821111a)" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.248 37.3h59.343l-9.579-12.8H27.827l-9.579 12.8zm60.841 1.5H16.75a.75.75 0 01-.6-1.198l10.702-14.3a.75.75 0 01.6-.301h40.935a.75.75 0 01.6.3l10.702 14.3a.75.75 0 01-.6 1.2z", fill: "#384451" })),
-    React.createElement("mask", { id: "prefix__svg-59821111b", style: {
-            maskType: 'luminance',
-        }, maskUnits: "userSpaceOnUse", x: 26, y: 23, width: 44, height: 16 },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.702 23h42.435v15.804H26.702V23z", fill: "#fff" })),
-    React.createElement("g", { mask: "url(#prefix__svg-59821111b)" },
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.04 38.8a.75.75 0 01-.593-.29L47.92 24.974 37.392 38.51c-.149.19-.379.32-.623.289a.75.75 0 01-.597-.34l-9.348-14.3a.75.75 0 011.256-.82l8.772 13.42 10.475-13.47c.283-.366.9-.366 1.184 0l10.475 13.47 8.773-13.42a.748.748 0 011.038-.217.751.751 0 01.218 1.038l-9.348 14.3a.752.752 0 01-.598.339h-.03", fill: "#384451" }))));
+const GemsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "gems-xl ds-icon-set-xlarge", "data-testid": "ds-icon-gems-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.478 38.8l29.44 31.512L77.363 38.8H18.478zm29.44 33.36a.745.745 0 01-.546-.238l-31.17-33.36a.75.75 0 01.548-1.261h62.339a.75.75 0 01.548 1.262l-31.17 33.359a.747.747 0 01-.548.238z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M37.84 38.8L47.92 69.039 57.998 38.8H37.84zM47.92 72.16a.752.752 0 01-.712-.512l-11.12-33.36a.75.75 0 01.713-.987h22.239a.75.75 0 01.712.987l-11.12 33.36a.751.751 0 01-.712.512z" }),
+        React.createElement("mask", { id: "prefix__svg-59821111a", style: {
+                maskType: 'luminance',
+            }, maskUnits: "userSpaceOnUse", x: 16, y: 23, width: 64, height: 16 },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 23h63.839v15.8H16V23z", fill: "#fff" })),
+        React.createElement("g", { mask: "url(#prefix__svg-59821111a)" },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.248 37.3h59.343l-9.579-12.8H27.827l-9.579 12.8zm60.841 1.5H16.75a.75.75 0 01-.6-1.198l10.702-14.3a.75.75 0 01.6-.301h40.935a.75.75 0 01.6.3l10.702 14.3a.75.75 0 01-.6 1.2z" })),
+        React.createElement("mask", { id: "prefix__svg-59821111b", style: {
+                maskType: 'luminance',
+            }, maskUnits: "userSpaceOnUse", x: 26, y: 23, width: 44, height: 16 },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M26.702 23h42.435v15.804H26.702V23z", fill: "#fff" })),
+        React.createElement("g", { mask: "url(#prefix__svg-59821111b)" },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M59.04 38.8a.75.75 0 01-.593-.29L47.92 24.974 37.392 38.51c-.149.19-.379.32-.623.289a.75.75 0 01-.597-.34l-9.348-14.3a.75.75 0 011.256-.82l8.772 13.42 10.475-13.47c.283-.366.9-.366 1.184 0l10.475 13.47 8.773-13.42a.748.748 0 011.038-.217.751.751 0 01.218 1.038l-9.348 14.3a.752.752 0 01-.598.339h-.03" })))));
 export default GemsXl;

package/dist/esm/icons/XL/InboxNoResultsXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const InboxNoResultsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "inbox-no-results-xl", "data-testid": "ds-icon-inbox-no-results-xl" }, props),
-    React.createElement("path", { d: "M67.118 18c1.216 0 2.332.662 2.913 1.728l7.715 14.126c.005.009.003.02.007.029.05.101.085.21.085.33v19.25c0 .059-.021.111-.034.166C81.248 56.13 83.5 60.178 83.5 64.75c0 7.582-6.169 13.75-13.75 13.75-6.825 0-12.488-5.003-13.555-11.53H22.502a5.506 5.506 0 01-5.5-5.5V34.213c0-.12.034-.229.083-.33.006-.009.003-.02.008-.029l7.713-14.122A3.326 3.326 0 0127.724 18zm2.633 34.5c-6.756 0-12.25 5.495-12.25 12.25S62.995 77 69.75 77C76.505 77 82 71.505 82 64.75S76.505 52.5 69.75 52.5zm-4.841 7.409a.749.749 0 011.06 0l3.78 3.78 3.781-3.78a.749.749 0 111.06 1.061l-3.78 3.78 3.78 3.78a.75.75 0 01-1.06 1.061l-3.781-3.78-3.78 3.78a.748.748 0 01-1.06 0 .75.75 0 010-1.061l3.78-3.78-3.78-3.78a.75.75 0 010-1.061zM34.133 34.963H18.5V61.47c0 2.205 1.794 4 4 4h33.538c-.013-.24-.037-.477-.037-.72C56 57.168 62.169 51 69.75 51c2.384 0 4.628.612 6.587 1.686V34.963H60.966c-.385 4.714-4.336 8.435-9.145 8.435H43.28c-4.813 0-8.764-3.721-9.148-8.435zM67.118 19.5H27.725c-.67 0-1.284.365-1.605.951l-7.105 13.012h15.83a.75.75 0 01.75.75c0 4.238 3.447 7.685 7.684 7.685h8.541c4.236 0 7.684-3.447 7.684-7.685a.75.75 0 01.75-.75h15.57l-7.11-13.017a1.818 1.818 0 00-1.596-.946z", fill: "#384350", fillRule: "nonzero" })));
+const InboxNoResultsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "inbox-no-results-xl ds-icon-set-xlarge", "data-testid": "ds-icon-inbox-no-results-xl" }, props),
+    React.createElement("path", { d: "M67.118 18c1.216 0 2.332.662 2.913 1.728l7.715 14.126c.005.009.003.02.007.029.05.101.085.21.085.33v19.25c0 .059-.021.111-.034.166C81.248 56.13 83.5 60.178 83.5 64.75c0 7.582-6.169 13.75-13.75 13.75-6.825 0-12.488-5.003-13.555-11.53H22.502a5.506 5.506 0 01-5.5-5.5V34.213c0-.12.034-.229.083-.33.006-.009.003-.02.008-.029l7.713-14.122A3.326 3.326 0 0127.724 18zm2.633 34.5c-6.756 0-12.25 5.495-12.25 12.25S62.995 77 69.75 77C76.505 77 82 71.505 82 64.75S76.505 52.5 69.75 52.5zm-4.841 7.409a.749.749 0 011.06 0l3.78 3.78 3.781-3.78a.749.749 0 111.06 1.061l-3.78 3.78 3.78 3.78a.75.75 0 01-1.06 1.061l-3.781-3.78-3.78 3.78a.748.748 0 01-1.06 0 .75.75 0 010-1.061l3.78-3.78-3.78-3.78a.75.75 0 010-1.061zM34.133 34.963H18.5V61.47c0 2.205 1.794 4 4 4h33.538c-.013-.24-.037-.477-.037-.72C56 57.168 62.169 51 69.75 51c2.384 0 4.628.612 6.587 1.686V34.963H60.966c-.385 4.714-4.336 8.435-9.145 8.435H43.28c-4.813 0-8.764-3.721-9.148-8.435zM67.118 19.5H27.725c-.67 0-1.284.365-1.605.951l-7.105 13.012h15.83a.75.75 0 01.75.75c0 4.238 3.447 7.685 7.684 7.685h8.541c4.236 0 7.684-3.447 7.684-7.685a.75.75 0 01.75-.75h15.57l-7.11-13.017a1.818 1.818 0 00-1.596-.946z", fillRule: "nonzero", fill: "currentColor" })));
 export default InboxNoResultsXl;

package/dist/esm/icons/XL/InfoXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const InfoXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "info-xl", "data-testid": "ds-icon-info-xl" }, props),
-    React.createElement("path", { d: "M47.75 17C64.706 17 78.5 30.794 78.5 47.75S64.706 78.5 47.75 78.5 17 64.706 17 47.75 30.794 17 47.75 17zm0 1.5c-16.128 0-29.25 13.122-29.25 29.25S31.622 77 47.75 77 77 63.878 77 47.75 63.878 18.5 47.75 18.5zm0 26.538a4.247 4.247 0 014.242 4.242v8.174a4.247 4.247 0 01-4.242 4.241 4.246 4.246 0 01-4.241-4.24V49.28a4.247 4.247 0 014.241-4.242zm0 1.5a2.745 2.745 0 00-2.741 2.742v8.174a2.744 2.744 0 002.741 2.741 2.744 2.744 0 002.742-2.74V49.28a2.745 2.745 0 00-2.742-2.742zm0-12.734a4.247 4.247 0 014.242 4.242 4.246 4.246 0 01-4.242 4.242 4.246 4.246 0 01-4.241-4.242 4.247 4.247 0 014.241-4.242zm0 1.5a2.744 2.744 0 00-2.741 2.742 2.744 2.744 0 002.741 2.742 2.745 2.745 0 002.742-2.742 2.745 2.745 0 00-2.742-2.742z", fill: "#384350", fillRule: "nonzero" })));
+const InfoXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "info-xl ds-icon-set-xlarge", "data-testid": "ds-icon-info-xl" }, props),
+    React.createElement("path", { d: "M47.75 17C64.706 17 78.5 30.794 78.5 47.75S64.706 78.5 47.75 78.5 17 64.706 17 47.75 30.794 17 47.75 17zm0 1.5c-16.128 0-29.25 13.122-29.25 29.25S31.622 77 47.75 77 77 63.878 77 47.75 63.878 18.5 47.75 18.5zm0 26.538a4.247 4.247 0 014.242 4.242v8.174a4.247 4.247 0 01-4.242 4.241 4.246 4.246 0 01-4.241-4.24V49.28a4.247 4.247 0 014.241-4.242zm0 1.5a2.745 2.745 0 00-2.741 2.742v8.174a2.744 2.744 0 002.741 2.741 2.744 2.744 0 002.742-2.74V49.28a2.745 2.745 0 00-2.742-2.742zm0-12.734a4.247 4.247 0 014.242 4.242 4.246 4.246 0 01-4.242 4.242 4.246 4.246 0 01-4.241-4.242 4.247 4.247 0 014.241-4.242zm0 1.5a2.744 2.744 0 00-2.741 2.742 2.744 2.744 0 002.741 2.742 2.745 2.745 0 002.742-2.742 2.745 2.745 0 00-2.742-2.742z", fillRule: "nonzero", fill: "currentColor" })));
 export default InfoXl;

package/dist/esm/icons/XL/InsertObjectXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const InsertObjectXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "insert-object-xl", "data-testid": "ds-icon-insert-object-xl" }, props),
-    React.createElement("g", { transform: "translate(18 23)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
+const InsertObjectXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "insert-object-xl ds-icon-set-xlarge", "data-testid": "ds-icon-insert-object-xl" }, props),
+    React.createElement("g", { transform: "translate(18 23)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         React.createElement("rect", { strokeLinecap: "round", strokeLinejoin: "round", y: 13, width: 59, height: 26, rx: 3 }),
         React.createElement("path", { d: "M20 .5h7M27 45.5H8", strokeLinecap: "round", strokeLinejoin: "round" }),
         React.createElement("rect", { x: 34, y: 45, width: 20, height: 7, rx: 2 }),

package/dist/esm/icons/XL/IntegrationXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const IntegrationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integration-xl", "data-testid": "ds-icon-integration-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+const IntegrationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integration-xl ds-icon-set-xlarge", "data-testid": "ds-icon-integration-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         React.createElement("path", { d: "M31.458 42.671l-5.492 5.493c-5.734 5.733-6.575 14.972-1.493 21.29 5.985 7.44 16.9 7.878 23.466 1.313l5.807-5.808M31.458 42.671l22.288 22.288M65.219 54.004l5.807-5.807c6.155-6.154 6.155-16.133 0-22.288-6.155-6.155-16.134-6.155-22.288 0l-5.808 5.807M65.219 54.004L42.602 32.035M21 75.35L25.35 71M71 25.35L75.35 21", strokeLinejoin: "round" }),
         React.createElement("path", { d: "M49.5 32.5l5.04-4.954" }),
         React.createElement("path", { d: "M36 47.401l4.77-4.549c1.192-1.136 3.143-1.136 4.336 0a2.837 2.837 0 010 4.135L40.897 51M45 55.103l4.013-4.209a2.836 2.836 0 014.134 0c1.137 1.193 1.137 3.144 0 4.336L48.6 60", strokeLinejoin: "round" }))));

package/dist/esm/icons/XL/IntegrationsXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const IntegrationsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integrations-xl", "data-testid": "ds-icon-integrations-xl" }, props),
-    React.createElement("path", { d: "M41.64 40.093c1.114 0 2.02.905 2.02 2.02v11.571a2.022 2.022 0 01-2.02 2.021h-4.79a5.716 5.716 0 01-5.71-5.711v-1.543h-7.402a5.246 5.246 0 00-5.24 5.241v12.172c0 2.889 2.35 5.24 5.24 5.24h48.525c2.89 0 5.24-2.351 5.24-5.24v-7.182a.748.748 0 011.496 0v7.182a6.744 6.744 0 01-6.736 6.737H23.736a6.744 6.744 0 01-6.736-6.737V53.692a6.745 6.745 0 016.736-6.738h7.404v-1.599a5.268 5.268 0 015.263-5.262zM72.264 23A6.744 6.744 0 0179 29.738V41.91a6.744 6.744 0 01-6.737 6.737h-8.26v1.843a5.22 5.22 0 01-5.213 5.215h-5.287a2.021 2.021 0 01-2.02-2.02v-2.22h-4.581a.748.748 0 010-1.497h4.58v-4.14h-4.58a.748.748 0 010-1.497h4.58v-2.218c0-1.114.906-2.02 2.02-2.02h5.24c2.9 0 5.262 2.358 5.262 5.26v1.797h8.259c2.89 0 5.24-2.352 5.24-5.24V29.738c0-2.89-2.35-5.24-5.24-5.24H23.738c-2.89 0-5.24 2.35-5.24 5.24v7.18a.749.749 0 11-1.497 0v-7.18A6.744 6.744 0 0123.738 23zm-13.5 18.53h-5.25a.531.531 0 00-.524.526v11.593c0 .288.235.523.524.523h5.297a3.727 3.727 0 003.724-3.723V45.3a3.776 3.776 0 00-3.771-3.77zm-17.134.001h-5.247a3.777 3.777 0 00-3.773 3.773v2.01a.737.737 0 01.093.342.737.737 0 01-.093.342v1.954a4.225 4.225 0 004.22 4.221h4.8c.284 0 .524-.24.524-.525V42.055a.525.525 0 00-.524-.524z", fill: "#384350", fillRule: "nonzero" })));
+const IntegrationsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integrations-xl ds-icon-set-xlarge", "data-testid": "ds-icon-integrations-xl" }, props),
+    React.createElement("path", { d: "M41.64 40.093c1.114 0 2.02.905 2.02 2.02v11.571a2.022 2.022 0 01-2.02 2.021h-4.79a5.716 5.716 0 01-5.71-5.711v-1.543h-7.402a5.246 5.246 0 00-5.24 5.241v12.172c0 2.889 2.35 5.24 5.24 5.24h48.525c2.89 0 5.24-2.351 5.24-5.24v-7.182a.748.748 0 011.496 0v7.182a6.744 6.744 0 01-6.736 6.737H23.736a6.744 6.744 0 01-6.736-6.737V53.692a6.745 6.745 0 016.736-6.738h7.404v-1.599a5.268 5.268 0 015.263-5.262zM72.264 23A6.744 6.744 0 0179 29.738V41.91a6.744 6.744 0 01-6.737 6.737h-8.26v1.843a5.22 5.22 0 01-5.213 5.215h-5.287a2.021 2.021 0 01-2.02-2.02v-2.22h-4.581a.748.748 0 010-1.497h4.58v-4.14h-4.58a.748.748 0 010-1.497h4.58v-2.218c0-1.114.906-2.02 2.02-2.02h5.24c2.9 0 5.262 2.358 5.262 5.26v1.797h8.259c2.89 0 5.24-2.352 5.24-5.24V29.738c0-2.89-2.35-5.24-5.24-5.24H23.738c-2.89 0-5.24 2.35-5.24 5.24v7.18a.749.749 0 11-1.497 0v-7.18A6.744 6.744 0 0123.738 23zm-13.5 18.53h-5.25a.531.531 0 00-.524.526v11.593c0 .288.235.523.524.523h5.297a3.727 3.727 0 003.724-3.723V45.3a3.776 3.776 0 00-3.771-3.77zm-17.134.001h-5.247a3.777 3.777 0 00-3.773 3.773v2.01a.737.737 0 01.093.342.737.737 0 01-.093.342v1.954a4.225 4.225 0 004.22 4.221h4.8c.284 0 .524-.24.524-.525V42.055a.525.525 0 00-.524-.524z", fillRule: "nonzero", fill: "currentColor" })));
 export default IntegrationsXl;

package/dist/esm/icons/XL/LaptopAiXl.js

@@ -1,8 +1,8 @@
 import React from 'react';
-const LaptopAiXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-ai-xl", "data-testid": "ds-icon-laptop-ai-xl" }, props),
+const LaptopAiXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-ai-xl ds-icon-set-xlarge", "data-testid": "ds-icon-laptop-ai-xl" }, props),
     React.createElement("defs", null,
         React.createElement("path", { id: "prefix__svg-2290392568a", d: "M0 55.925h66.711V0H0z" })),
     React.createElement("g", { fill: "none", fillRule: "evenodd" },
-        React.createElement("path", { d: "M23.337 60.991V29.173a4.424 4.424 0 014.424-4.424h45.565a4.424 4.424 0 014.424 4.424v26.603M57.114 68.178H19.962a2.212 2.212 0 01-2.212-2.212v-4.237c0-.383.31-.694.693-.694h39.573", stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M33.162 44.831h14.441v-9.745H33.162zM33.162 49.67h14.441M33.162 53.832h8.949M66.21 35.086H51.769V44.831l6.85-3.955h7.59zM82.96 66.175c0-7.18-5.82-13-13-13s-13 5.82-13 13 5.82 13 13 13 13-5.82 13-13zM65.381 61.822v8.707M69.961 61.822v8.707M69.848 66.175h-4.467M69.848 61.822h-4.467M74.314 61.822v8.707" }))));
+        React.createElement("path", { d: "M23.337 60.991V29.173a4.424 4.424 0 014.424-4.424h45.565a4.424 4.424 0 014.424 4.424v26.603M57.114 68.178H19.962a2.212 2.212 0 01-2.212-2.212v-4.237c0-.383.31-.694.693-.694h39.573", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M33.162 44.831h14.441v-9.745H33.162zM33.162 49.67h14.441M33.162 53.832h8.949M66.21 35.086H51.769V44.831l6.85-3.955h7.59zM82.96 66.175c0-7.18-5.82-13-13-13s-13 5.82-13 13 5.82 13 13 13 13-5.82 13-13zM65.381 61.822v8.707M69.961 61.822v8.707M69.848 66.175h-4.467M69.848 61.822h-4.467M74.314 61.822v8.707" }))));
 export default LaptopAiXl;

package/dist/esm/icons/XL/LaptopTargetXl.js

@@ -1,10 +1,10 @@
 import React from 'react';
-const LaptopTargetXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-target-xl", "data-testid": "ds-icon-laptop-target-xl" }, props),
+const LaptopTargetXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-target-xl ds-icon-set-xlarge", "data-testid": "ds-icon-laptop-target-xl" }, props),
     React.createElement("defs", null,
         React.createElement("path", { id: "prefix__svg-247635329a", d: "M0 56.026h67.082V0H0z" })),
     React.createElement("g", { fill: "none", fillRule: "evenodd" },
-        React.createElement("path", { d: "M69.75 53.277c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13z", stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M69.75 58.526a7.75 7.75 0 100 15.5 7.75 7.75 0 000-15.5z", stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M69.75 63.859a2.418 2.418 0 100 4.836 2.418 2.418 0 000-4.836zM72.168 64.25l8.603-8.603v-2.846M80.77 55.648h2.562M23.337 60.992V29.174a4.424 4.424 0 014.424-4.424h45.565a4.424 4.424 0 014.424 4.424v26.474M56.75 68.178H19.962a2.212 2.212 0 01-2.212-2.212v-4.237c0-.383.31-.694.693-.694h39.344", stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M33.162 44.831h14.441v-9.745H33.162zM33.162 49.67h14.441M33.162 53.832h8.949M66.21 35.086H51.769V44.831l6.85-3.955h7.59z" }))));
+        React.createElement("path", { d: "M69.75 53.277c-7.18 0-13 5.82-13 13s5.82 13 13 13 13-5.82 13-13-5.82-13-13-13z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M69.75 58.526a7.75 7.75 0 100 15.5 7.75 7.75 0 000-15.5z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M69.75 63.859a2.418 2.418 0 100 4.836 2.418 2.418 0 000-4.836zM72.168 64.25l8.603-8.603v-2.846M80.77 55.648h2.562M23.337 60.992V29.174a4.424 4.424 0 014.424-4.424h45.565a4.424 4.424 0 014.424 4.424v26.474M56.75 68.178H19.962a2.212 2.212 0 01-2.212-2.212v-4.237c0-.383.31-.694.693-.694h39.344", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", d: "M33.162 44.831h14.441v-9.745H33.162zM33.162 49.67h14.441M33.162 53.832h8.949M66.21 35.086H51.769V44.831l6.85-3.955h7.59z" }))));
 export default LaptopTargetXl;

package/dist/esm/icons/XL/LaunchXl.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const LaunchXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "launch-xl", "data-testid": "ds-icon-launch-xl" }, props),
-    React.createElement("path", { d: "M73.01 17.01a4.94 4.94 0 013.809 1.445 4.94 4.94 0 011.446 3.809c-.602 9.232-4.398 18.122-10.696 25.06a.745.745 0 01-.164.248l-3.934 3.934c2.294 5.27 1.145 11.463-2.942 15.55L49.67 77.914a.75.75 0 01-1.232-.264l-4.854-12.776a11.094 11.094 0 01-6.16-3.126l-1.42-1.42-2.347 2.349a.748.748 0 01-1.061 0 .749.749 0 010-1.06l2.349-2.35-1.42-1.418a11.083 11.083 0 01-3.157-6.376l-12.885-4.895a.752.752 0 01-.264-1.232l10.859-10.858a14.084 14.084 0 0115.828-2.823l3.795-3.795a.733.733 0 01.248-.165c6.939-6.298 15.828-10.094 25.06-10.695zM25.64 62.267c4.063 0 7.367 3.305 7.367 7.366 0 4.062-3.304 7.366-7.366 7.366h-6.617a.75.75 0 01-.75-.75v-6.616c0-4.061 3.305-7.366 7.366-7.366zm36.688-9.618l-9.1 9.099a11.101 11.101 0 01-7.9 3.273l-.084-.004 4.186 11.016 10.039-10.038a12.585 12.585 0 002.859-13.346zM25.64 63.767a5.873 5.873 0 00-5.867 5.866v5.866h5.867a5.872 5.872 0 005.866-5.866 5.872 5.872 0 00-5.866-5.866zm47.675-45.268l-.208.008a39.228 39.228 0 00-10.484 2.163 43.548 43.548 0 016.59 5.39 43.901 43.901 0 012.935 3.245.75.75 0 11-1.161.949 42.024 42.024 0 00-9.975-8.863c-.034-.022-.054-.055-.083-.08a40.27 40.27 0 00-12.158 7.674.741.741 0 01-.194.13l-13.991 13.99a9.611 9.611 0 00-2.834 6.842 9.617 9.617 0 002.834 6.842l1.419 1.419 13.262-13.262a.75.75 0 011.06 1.06L37.068 59.268l1.418 1.419a9.613 9.613 0 006.843 2.834 9.609 9.609 0 006.84-2.834l14-14a.676.676 0 01.12-.185c6.173-6.715 9.895-15.358 10.48-24.335a3.441 3.441 0 00-1.01-2.651 3.434 3.434 0 00-2.65-1.01zM42.765 32.807a12.583 12.583 0 00-13.626 2.742L19.1 45.587l11.158 4.24c.03-2.94 1.186-5.7 3.268-7.782zm17.95-3.96c1.525 0 2.96.595 4.038 1.674a5.672 5.672 0 011.672 4.037 5.676 5.676 0 01-1.672 4.038 5.676 5.676 0 01-4.038 1.672 5.672 5.672 0 01-4.037-1.672 5.673 5.673 0 01-1.673-4.038 5.67 5.67 0 011.673-4.037 5.67 5.67 0 014.037-1.673zm0 1.503a4.2 4.2 0 00-2.977 1.23 4.216 4.216 0 000 5.955 4.215 4.215 0 005.954 0 4.216 4.216 0 000-5.954 4.2 4.2 0 00-2.977-1.231z", fill: "#384350", fillRule: "nonzero" })));
+const LaunchXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "launch-xl ds-icon-set-xlarge", "data-testid": "ds-icon-launch-xl" }, props),
+    React.createElement("path", { d: "M73.01 17.01a4.94 4.94 0 013.809 1.445 4.94 4.94 0 011.446 3.809c-.602 9.232-4.398 18.122-10.696 25.06a.745.745 0 01-.164.248l-3.934 3.934c2.294 5.27 1.145 11.463-2.942 15.55L49.67 77.914a.75.75 0 01-1.232-.264l-4.854-12.776a11.094 11.094 0 01-6.16-3.126l-1.42-1.42-2.347 2.349a.748.748 0 01-1.061 0 .749.749 0 010-1.06l2.349-2.35-1.42-1.418a11.083 11.083 0 01-3.157-6.376l-12.885-4.895a.752.752 0 01-.264-1.232l10.859-10.858a14.084 14.084 0 0115.828-2.823l3.795-3.795a.733.733 0 01.248-.165c6.939-6.298 15.828-10.094 25.06-10.695zM25.64 62.267c4.063 0 7.367 3.305 7.367 7.366 0 4.062-3.304 7.366-7.366 7.366h-6.617a.75.75 0 01-.75-.75v-6.616c0-4.061 3.305-7.366 7.366-7.366zm36.688-9.618l-9.1 9.099a11.101 11.101 0 01-7.9 3.273l-.084-.004 4.186 11.016 10.039-10.038a12.585 12.585 0 002.859-13.346zM25.64 63.767a5.873 5.873 0 00-5.867 5.866v5.866h5.867a5.872 5.872 0 005.866-5.866 5.872 5.872 0 00-5.866-5.866zm47.675-45.268l-.208.008a39.228 39.228 0 00-10.484 2.163 43.548 43.548 0 016.59 5.39 43.901 43.901 0 012.935 3.245.75.75 0 11-1.161.949 42.024 42.024 0 00-9.975-8.863c-.034-.022-.054-.055-.083-.08a40.27 40.27 0 00-12.158 7.674.741.741 0 01-.194.13l-13.991 13.99a9.611 9.611 0 00-2.834 6.842 9.617 9.617 0 002.834 6.842l1.419 1.419 13.262-13.262a.75.75 0 011.06 1.06L37.068 59.268l1.418 1.419a9.613 9.613 0 006.843 2.834 9.609 9.609 0 006.84-2.834l14-14a.676.676 0 01.12-.185c6.173-6.715 9.895-15.358 10.48-24.335a3.441 3.441 0 00-1.01-2.651 3.434 3.434 0 00-2.65-1.01zM42.765 32.807a12.583 12.583 0 00-13.626 2.742L19.1 45.587l11.158 4.24c.03-2.94 1.186-5.7 3.268-7.782zm17.95-3.96c1.525 0 2.96.595 4.038 1.674a5.672 5.672 0 011.672 4.037 5.676 5.676 0 01-1.672 4.038 5.676 5.676 0 01-4.038 1.672 5.672 5.672 0 01-4.037-1.672 5.673 5.673 0 01-1.673-4.038 5.67 5.67 0 011.673-4.037 5.67 5.67 0 014.037-1.673zm0 1.503a4.2 4.2 0 00-2.977 1.23 4.216 4.216 0 000 5.955 4.215 4.215 0 005.954 0 4.216 4.216 0 000-5.954 4.2 4.2 0 00-2.977-1.231z", fillRule: "nonzero", fill: "currentColor" })));
 export default LaunchXl;

package/dist/esm/icons/XL/LoyalityBoostXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const LoyalityBoostXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "loyality-boost-xl", "data-testid": "ds-icon-loyality-boost-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const LoyalityBoostXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "loyality-boost-xl ds-icon-set-xlarge", "data-testid": "ds-icon-loyality-boost-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M59.663 75.291A29.9 29.9 0 0147.75 77.75c-16.568 0-30-13.432-30-30 0-16.569 13.432-30 30-30 10.356 0 19.485 5.247 24.877 13.227" }),
         React.createElement("path", { d: "M66.68 50.29c0-10.455-8.475-18.93-18.93-18.93-10.454 0-18.93 8.475-18.93 18.93h7.28c0-6.434 5.217-11.649 11.65-11.649 6.434 0 11.65 5.215 11.65 11.65h7.28z" }),
         React.createElement("path", { d: "M52.196 50.29a4.447 4.447 0 10-8.892.002 4.447 4.447 0 008.892-.002zM44.606 47.146l-7.589-7.589M53.882 56.421L51.24 53.78M71.25 82.358c-7.168 0-13-5.833-13-13 0-7.17 5.832-13 13-13s13 5.83 13 13c0 7.167-5.832 13-13 13z" }),

package/dist/esm/icons/XL/MarketingAutomationXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const MarketingAutomationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "marketing-automation-xl", "data-testid": "ds-icon-marketing-automation-xl" }, props),
-    React.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const MarketingAutomationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "marketing-automation-xl ds-icon-set-xlarge", "data-testid": "ds-icon-marketing-automation-xl" }, props),
+    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M57.892 67H25a4 4 0 01-4-4V32.901a4 4 0 014-4h46a4 4 0 014 4v16.473" }),
         React.createElement("path", { d: "M28.443 38.477L42.274 50.61c3.54 3.103 8.293 3.103 11.831 0L67.556 38.81M59.883 53.883l-4.87-4.071M40.691 49.812L31.2 57.101M40.548 38.527a11.322 11.322 0 01-5.207-9.534c0-6.258 5.072-11.33 11.33-11.33 6.257 0 11.329 5.072 11.329 11.33M46.67 17.663V13M70.12 75c-7.168 0-13-5.832-13-13 0-7.169 5.832-13 13-13s13 5.831 13 13c0 7.168-5.832 13-13 13z" }),
         React.createElement("path", { d: "M72.78 61.245l-3.1-1.788a1.276 1.276 0 00-1.915 1.103v3.58a1.276 1.276 0 001.914 1.105l3.1-1.789a1.277 1.277 0 000-2.21z" }))));

package/dist/esm/icons/XL/MessageXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const MessageXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl", "data-testid": "ds-icon-message-xl" }, props),
-    React.createElement("g", { transform: "translate(13.686 19.299)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const MessageXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl ds-icon-set-xlarge", "data-testid": "ds-icon-message-xl" }, props),
+    React.createElement("g", { transform: "translate(13.686 19.299)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M24.5 10.246h35.064a4 4 0 014 4v26.91a4 4 0 01-4 4H48.703a4 4 0 00-2.844 1.186L35.507 56.81a2 2 0 01-2.844 0L22.31 46.342a4 4 0 00-2.844-1.187H9.064a4 4 0 01-4-4v-18.54M22.314 28.207h24M22.314 33.974h12" }),
         React.createElement("circle", { cx: 12.25, cy: 12.25, r: 12.25 }),
         React.createElement("path", { d: "M12.303 6.701v9.962M10.19 16.663h4.226M9.314 8.69l2.989-1.989" }))));

package/dist/esm/icons/XL/MetaXl.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const MetaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "meta-xl", "data-testid": "ds-icon-meta-xl" }, props),
-    React.createElement("path", { d: "M68.26 69.906a11.256 11.256 0 01-8.49-3.38 46.343 46.343 0 01-6.53-8.755l-5.57-9.303a63.078 63.078 0 00-6.735-9.586c-1.727-1.836-3.51-3.483-6.32-3.483-2.14 0-4.19 1.458-6.094 4.334l-1.38-.914c2.231-3.367 4.745-5.074 7.474-5.074 3.757 0 6.115 2.506 7.524 4.003a63.785 63.785 0 016.95 9.87l5.57 9.304a42.751 42.751 0 006.246 8.4 9.65 9.65 0 007.355 2.93 8.51 8.51 0 007.73-4.284 18.165 18.165 0 002.119-9.278 33.613 33.613 0 00-5.253-18.82c-3.121-4.653-7.21-7.216-11.516-7.216a11.27 11.27 0 00-7.357 3.183 30.999 30.999 0 00-4.21 4.667c.65.841 1.316 1.753 1.992 2.724 3.333-4.907 6.023-6.913 9.25-6.913 3.122 0 6.118 1.97 8.436 5.548 2.793 4.31 4.394 10.512 4.394 17.013 0 5.528-1.879 8.33-5.585 8.33-1.838 0-3.224-.812-4.944-2.897a113.201 113.201 0 01-7.4-11.378l-1.597-2.662a115.464 115.464 0 00-3.15-4.981l-.072-.106a68.599 68.599 0 00-3.014-4.155l-.243-.307a32.522 32.522 0 00-4.7-4.88 12.775 12.775 0 00-8.417-3.186c-4.467 0-8.698 2.727-11.91 7.68l-1.388-.901C24.902 30.073 29.749 27 34.723 27a14.531 14.531 0 019.463 3.558 33.048 33.048 0 014.524 4.612 31.776 31.776 0 014.186-4.58A13.035 13.035 0 0161.34 27c4.874 0 9.452 2.823 12.89 7.949a35.255 35.255 0 015.533 19.74 19.755 19.755 0 01-2.34 10.106 10.112 10.112 0 01-9.163 5.11zM52.77 40.708a119.857 119.857 0 012.968 4.71l1.597 2.661c2.2 3.864 4.623 7.597 7.257 11.178 1.583 1.92 2.544 2.295 3.668 2.295 1.688 0 3.931-.693 3.931-6.676 0-6.1-1.543-12.123-4.129-16.114-2.002-3.09-4.505-4.793-7.046-4.793-2.642 0-4.96 1.844-8.003 6.367-.08.12-.161.245-.242.372z", fill: "#384350" }),
-    React.createElement("path", { d: "M28.317 69.906a10.898 10.898 0 01-10.008-5.39 14.558 14.558 0 01-1.419-3.235 22.157 22.157 0 01-.888-6.49 36.415 36.415 0 015.422-19.358l1.388.9a34.72 34.72 0 00-5.156 18.458 20.53 20.53 0 00.815 6.005c.301 1.004.723 1.967 1.256 2.869 1.853 3.086 4.662 4.587 8.59 4.587 3.666 0 6.356-1.681 9.597-5.996 1.988-2.65 3.01-4.307 6.833-11.087l2.196-3.888a94.046 94.046 0 00-2.193-3.397l-1.965 3.02c-.576.884-1.234 1.923-1.939 3.037-1.719 2.713-3.668 5.79-5.425 8.223-3.065 4.239-4.86 5.042-7.104 5.042a4.906 4.906 0 01-4.283-2.446 11.177 11.177 0 01-1.324-5.729A30.913 30.913 0 0127.14 38.82l1.379.913a29.191 29.191 0 00-4.156 15.3 9.695 9.695 0 001.077 4.86 3.259 3.259 0 002.876 1.66c1.48 0 2.845-.32 5.763-4.357 1.728-2.391 3.662-5.445 5.369-8.14A296.1 296.1 0 0141.399 46l3.305-5.08.703 1.002a92.173 92.173 0 013.202 4.91l.253.415-2.674 4.735c-3.869 6.857-4.908 8.543-6.95 11.266-3.552 4.728-6.716 6.657-10.921 6.657z", fill: "#384350" })));
+const MetaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "meta-xl ds-icon-set-xlarge", "data-testid": "ds-icon-meta-xl" }, props),
+    React.createElement("g", { fill: "currentColor" },
+        React.createElement("path", { d: "M68.26 69.906a11.256 11.256 0 01-8.49-3.38 46.343 46.343 0 01-6.53-8.755l-5.57-9.303a63.078 63.078 0 00-6.735-9.586c-1.727-1.836-3.51-3.483-6.32-3.483-2.14 0-4.19 1.458-6.094 4.334l-1.38-.914c2.231-3.367 4.745-5.074 7.474-5.074 3.757 0 6.115 2.506 7.524 4.003a63.785 63.785 0 016.95 9.87l5.57 9.304a42.751 42.751 0 006.246 8.4 9.65 9.65 0 007.355 2.93 8.51 8.51 0 007.73-4.284 18.165 18.165 0 002.119-9.278 33.613 33.613 0 00-5.253-18.82c-3.121-4.653-7.21-7.216-11.516-7.216a11.27 11.27 0 00-7.357 3.183 30.999 30.999 0 00-4.21 4.667c.65.841 1.316 1.753 1.992 2.724 3.333-4.907 6.023-6.913 9.25-6.913 3.122 0 6.118 1.97 8.436 5.548 2.793 4.31 4.394 10.512 4.394 17.013 0 5.528-1.879 8.33-5.585 8.33-1.838 0-3.224-.812-4.944-2.897a113.201 113.201 0 01-7.4-11.378l-1.597-2.662a115.464 115.464 0 00-3.15-4.981l-.072-.106a68.599 68.599 0 00-3.014-4.155l-.243-.307a32.522 32.522 0 00-4.7-4.88 12.775 12.775 0 00-8.417-3.186c-4.467 0-8.698 2.727-11.91 7.68l-1.388-.901C24.902 30.073 29.749 27 34.723 27a14.531 14.531 0 019.463 3.558 33.048 33.048 0 014.524 4.612 31.776 31.776 0 014.186-4.58A13.035 13.035 0 0161.34 27c4.874 0 9.452 2.823 12.89 7.949a35.255 35.255 0 015.533 19.74 19.755 19.755 0 01-2.34 10.106 10.112 10.112 0 01-9.163 5.11zM52.77 40.708a119.857 119.857 0 012.968 4.71l1.597 2.661c2.2 3.864 4.623 7.597 7.257 11.178 1.583 1.92 2.544 2.295 3.668 2.295 1.688 0 3.931-.693 3.931-6.676 0-6.1-1.543-12.123-4.129-16.114-2.002-3.09-4.505-4.793-7.046-4.793-2.642 0-4.96 1.844-8.003 6.367-.08.12-.161.245-.242.372z" }),
+        React.createElement("path", { d: "M28.317 69.906a10.898 10.898 0 01-10.008-5.39 14.558 14.558 0 01-1.419-3.235 22.157 22.157 0 01-.888-6.49 36.415 36.415 0 015.422-19.358l1.388.9a34.72 34.72 0 00-5.156 18.458 20.53 20.53 0 00.815 6.005c.301 1.004.723 1.967 1.256 2.869 1.853 3.086 4.662 4.587 8.59 4.587 3.666 0 6.356-1.681 9.597-5.996 1.988-2.65 3.01-4.307 6.833-11.087l2.196-3.888a94.046 94.046 0 00-2.193-3.397l-1.965 3.02c-.576.884-1.234 1.923-1.939 3.037-1.719 2.713-3.668 5.79-5.425 8.223-3.065 4.239-4.86 5.042-7.104 5.042a4.906 4.906 0 01-4.283-2.446 11.177 11.177 0 01-1.324-5.729A30.913 30.913 0 0127.14 38.82l1.379.913a29.191 29.191 0 00-4.156 15.3 9.695 9.695 0 001.077 4.86 3.259 3.259 0 002.876 1.66c1.48 0 2.845-.32 5.763-4.357 1.728-2.391 3.662-5.445 5.369-8.14A296.1 296.1 0 0141.399 46l3.305-5.08.703 1.002a92.173 92.173 0 013.202 4.91l.253.415-2.674 4.735c-3.869 6.857-4.908 8.543-6.95 11.266-3.552 4.728-6.716 6.657-10.921 6.657z" }))));
 export default MetaXl;

package/dist/esm/icons/XL/MobileBannerXl.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const MobileBannerXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-banner-xl", "data-testid": "ds-icon-mobile-banner-xl" }, props),
-    React.createElement("g", { transform: "translate(21 18.011)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+const MobileBannerXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-banner-xl ds-icon-set-xlarge", "data-testid": "ds-icon-mobile-banner-xl" }, props),
+    React.createElement("g", { transform: "translate(21 18.011)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         React.createElement("path", { d: "M20.706 20.231h9M20.706 27.761h18M48.627 35.387v20.457a4.146 4.146 0 01-4.134 4.134H9.507a4.146 4.146 0 01-4.134-4.134V35.818M5.373 12.237V4.134A4.146 4.146 0 019.507 0h34.986a4.146 4.146 0 014.134 4.134v8.382M5.592 49.367h43.035" }),
         React.createElement("circle", { cx: 27, cy: 54.539, r: 1.884 }),
         React.createElement("rect", { y: 12.702, width: 54.132, height: 22.685, rx: 2 }),