@synerise/ds-icon 1.3.0 → 1.4.0

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FormXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "form-xl" }, props),
+const FormXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "form-xl", "data-testid": "ds-icon-form-xl" }, props),
     react_1.default.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" })));
 exports.default = FormXl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FormulaXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "formula-xl" }, props),
+const FormulaXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "formula-xl", "data-testid": "ds-icon-formula-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(21 21)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         react_1.default.createElement("rect", { strokeLinejoin: "round", width: 54, height: 54, rx: 4.641 }),
         react_1.default.createElement("path", { strokeLinejoin: "round", d: "M24.773 37.298L18 44.071M18 37.298l6.773 6.773" }),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FunctionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "function-xl" }, props),
+const FunctionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "function-xl", "data-testid": "ds-icon-function-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         react_1.default.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_1.default.createElement("path", { d: "M21.524 75h2.386a12 12 0 0011.902-10.469l4.253-33.062A12 12 0 0151.967 21H61M29 40h22" }))));

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GemsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "gems-xl" }, props),
+const GemsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "gems-xl", "data-testid": "ds-icon-gems-xl" }, props),
     react_1.default.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_1.default.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_1.default.createElement("mask", { id: "prefix__svg-59821111a", style: {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InboxNoResultsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "inbox-no-results-xl" }, props),
+const InboxNoResultsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "inbox-no-results-xl", "data-testid": "ds-icon-inbox-no-results-xl" }, props),
     react_1.default.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" })));
 exports.default = InboxNoResultsXl;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "info-xl" }, props),
+const InfoXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "info-xl", "data-testid": "ds-icon-info-xl" }, props),
     react_1.default.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" })));
 exports.default = InfoXl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InsertObjectXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "insert-object-xl" }, props),
+const InsertObjectXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "insert-object-xl", "data-testid": "ds-icon-insert-object-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 23)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("rect", { strokeLinecap: "round", strokeLinejoin: "round", y: 13, width: 59, height: 26, rx: 3 }),
         react_1.default.createElement("path", { d: "M20 .5h7M27 45.5H8", strokeLinecap: "round", strokeLinejoin: "round" }),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const IntegrationXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integration-xl" }, props),
+const IntegrationXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integration-xl", "data-testid": "ds-icon-integration-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         react_1.default.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_1.default.createElement("path", { d: "M49.5 32.5l5.04-4.954" }),

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const IntegrationsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integrations-xl" }, props),
+const IntegrationsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integrations-xl", "data-testid": "ds-icon-integrations-xl" }, props),
     react_1.default.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" })));
 exports.default = IntegrationsXl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const LaptopAiXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-ai-xl" }, props),
+const LaptopAiXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-ai-xl", "data-testid": "ds-icon-laptop-ai-xl" }, props),
     react_1.default.createElement("defs", null,
         react_1.default.createElement("path", { id: "prefix__svg-2290392568a", d: "M0 55.925h66.711V0H0z" })),
     react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const LaptopTargetXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-target-xl" }, props),
+const LaptopTargetXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "laptop-target-xl", "data-testid": "ds-icon-laptop-target-xl" }, props),
     react_1.default.createElement("defs", null,
         react_1.default.createElement("path", { id: "prefix__svg-247635329a", d: "M0 56.026h67.082V0H0z" })),
     react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const LaunchXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "launch-xl" }, props),
+const LaunchXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "launch-xl", "data-testid": "ds-icon-launch-xl" }, props),
     react_1.default.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" })));
 exports.default = LaunchXl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const LoyalityBoostXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "loyality-boost-xl" }, props),
+const LoyalityBoostXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "loyality-boost-xl", "data-testid": "ds-icon-loyality-boost-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.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_1.default.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" }),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MarketingAutomationXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "marketing-automation-xl" }, props),
+const MarketingAutomationXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "marketing-automation-xl", "data-testid": "ds-icon-marketing-automation-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M57.892 67H25a4 4 0 01-4-4V32.901a4 4 0 014-4h46a4 4 0 014 4v16.473" }),
         react_1.default.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" }),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MessageXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl" }, props),
+const MessageXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl", "data-testid": "ds-icon-message-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(13.686 19.299)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.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_1.default.createElement("circle", { cx: 12.25, cy: 12.25, r: 12.25 }),

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MetaXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "meta-xl" }, props),
+const MetaXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "meta-xl", "data-testid": "ds-icon-meta-xl" }, props),
     react_1.default.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_1.default.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" })));
 exports.default = MetaXl;

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MobileBannerXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-banner-xl" }, props),
+const MobileBannerXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-banner-xl", "data-testid": "ds-icon-mobile-banner-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(21 18.011)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.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_1.default.createElement("circle", { cx: 27, cy: 54.539, r: 1.884 }),

package/dist/cjs/icons/XL/MobilePromotionXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MobilePromotionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-promotion-xl" }, props),
+const MobilePromotionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-promotion-xl", "data-testid": "ds-icon-mobile-promotion-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(26.483 18.011)", fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("path", { d: "M43.254 36.989v18.855a4.146 4.146 0 01-4.134 4.134H4.134A4.146 4.146 0 010 55.844V24.392M0 24.392V4.134A4.146 4.146 0 014.134 0H39.12a4.146 4.146 0 014.134 4.134v8.855M.219 49.367h43.035", stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
         react_1.default.createElement("circle", { stroke: "#384350", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", cx: 21.402, cy: 54.539, r: 1.884 }),

package/dist/cjs/icons/XL/MobileStepsXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MobileStepsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-steps-xl" }, props),
+const MobileStepsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-steps-xl", "data-testid": "ds-icon-mobile-steps-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 29.989, cy: 51.884, r: 1.884 }),
         react_1.default.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 37.2, cy: 51.884, r: 1.884 }),

package/dist/cjs/icons/XL/MobileUpdateXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MobileUpdateXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-update-xl" }, props),
+const MobileUpdateXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-update-xl", "data-testid": "ds-icon-mobile-update-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(26.37 18.011)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M0 24.392V4.134A4.146 4.146 0 014.134 0H39.12a4.146 4.146 0 014.134 4.134v51.71a4.146 4.146 0 01-4.134 4.134H4.134A4.146 4.146 0 010 55.844V24.392M.219 49.367h43.035" }),
         react_1.default.createElement("circle", { cx: 21.592, cy: 54.539, r: 1.884 }),

package/dist/cjs/icons/XL/MultivalueXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const MultivalueXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "multivalue-xl" }, props),
+const MultivalueXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "multivalue-xl", "data-testid": "ds-icon-multivalue-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("rect", { x: 36.439, y: 0.762, width: 22.694, height: 22.694, rx: 2 }),
         react_1.default.createElement("circle", { cx: 13.391, cy: 45.381, r: 12.309 }),

package/dist/cjs/icons/XL/NetworkFileXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const NetworkFileXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "network-file-xl" }, props),
+const NetworkFileXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "network-file-xl", "data-testid": "ds-icon-network-file-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(23.863 20.74)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("circle", { cx: 24.137, cy: 50.254, r: 4.007 }),
         react_1.default.createElement("path", { d: "M24.137 37.721v8.526M3.84 37.721h40.328a3.84 3.84 0 003.84-3.84V10.699a3.84 3.84 0 00-3.84-3.84H25.595a3.84 3.84 0 01-2.715-1.126l-4.61-4.608A3.84 3.84 0 0015.556 0H3.841A3.84 3.84 0 000 3.84v30.04a3.84 3.84 0 003.84 3.841z" }),

package/dist/cjs/icons/XL/NoPermissionXl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const NoPermissionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "no-permission-xl" }, props),
+const NoPermissionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "no-permission-xl", "data-testid": "ds-icon-no-permission-xl" }, props),
     react_1.default.createElement("path", { d: "M51.773 21c4.593 0 8.33 3.724 8.33 8.3v9.131h7.926a4.756 4.756 0 014.75 4.75v29.026a4.756 4.756 0 01-4.75 4.75H27.75a4.756 4.756 0 01-4.75-4.75V43.182a4.756 4.756 0 014.75-4.75h7.926v-9.133c0-4.575 3.736-8.3 8.33-8.3zM68.03 39.93H27.75a3.254 3.254 0 00-3.25 3.25v29.026a3.254 3.254 0 003.25 3.25h40.28a3.254 3.254 0 003.25-3.25V43.182a3.254 3.254 0 00-3.25-3.25zM47.89 47.505c3.683 0 6.68 2.987 6.68 6.658a6.615 6.615 0 01-2.243 4.973v5.767c0 2.44-1.99 4.424-4.437 4.424s-4.438-1.984-4.438-4.424v-5.767a6.613 6.613 0 01-2.243-4.973c0-3.67 2.997-6.658 6.681-6.658zm0 1.5c-2.857 0-5.18 2.314-5.18 5.158a5.13 5.13 0 001.958 4.036c.18.142.284.358.284.587v6.117a2.934 2.934 0 002.938 2.924 2.933 2.933 0 002.937-2.924v-6.117a.75.75 0 01.284-.587 5.13 5.13 0 001.96-4.036c0-2.844-2.325-5.158-5.18-5.158zM51.773 22.5h-7.768c-3.766 0-6.829 3.05-6.829 6.8v9.131h21.426V29.3c0-3.75-3.063-6.8-6.829-6.8z", fill: "#384350", fillRule: "nonzero" })));
 exports.default = NoPermissionXl;

package/dist/cjs/icons/XL/NotificationsEditXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const NotificationsEditXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "notifications-edit-xl" }, props),
+const NotificationsEditXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "notifications-edit-xl", "data-testid": "ds-icon-notifications-edit-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(27.322 18)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M28.046 7.187a20.49 20.49 0 00-7.368-1.332C8.689 5.855 0 15.575 0 27.562V50.06h41.355V27.562c.001-.502-.014-1.004-.045-1.505M30.242 50.315c0 5.349-4.336 9.685-9.684 9.685-5.35 0-9.685-4.336-9.685-9.685M5.864 44.459V33.545M5.95 28.37v-1.717" }),
         react_1.default.createElement("circle", { cx: 39.678, cy: 13, r: 13 }),

package/dist/cjs/icons/XL/PauseXl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const PauseXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "pause-xl" }, props),
+const PauseXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "pause-xl", "data-testid": "ds-icon-pause-xl" }, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M47.75 18.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 60C30.794 78.5 17 64.706 17 47.75S30.794 17 47.75 17 78.5 30.794 78.5 47.75 64.706 78.5 47.75 78.5zm-6.364-17h-1.772a3.868 3.868 0 01-3.864-3.864V38.864A3.868 3.868 0 0139.614 35h1.772a3.868 3.868 0 013.864 3.864v18.772a3.868 3.868 0 01-3.864 3.864zm-1.772-25a2.367 2.367 0 00-2.364 2.364v18.772A2.367 2.367 0 0039.614 60h1.772a2.367 2.367 0 002.364-2.364V38.864a2.367 2.367 0 00-2.364-2.364h-1.772zm15.001 25h1.772a3.868 3.868 0 003.864-3.864V38.864A3.868 3.868 0 0056.387 35h-1.772a3.868 3.868 0 00-3.864 3.864v18.772a3.868 3.868 0 003.864 3.864zm-1.67-24.307a2.367 2.367 0 011.67-.693h1.772a2.367 2.367 0 012.364 2.364v18.772A2.367 2.367 0 0156.387 60h-1.772a2.367 2.367 0 01-2.364-2.364V38.864c0-.627.25-1.227.693-1.67z", fill: "#6A7580" })));
 exports.default = PauseXl;

package/dist/cjs/icons/XL/PlayXl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const PlayXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "play-xl" }, props),
+const PlayXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "play-xl", "data-testid": "ds-icon-play-xl" }, props),
     react_1.default.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.75zm22.53-11.97a2.06 2.06 0 012.059 0l8.971 5.18 8.972 5.18a2.06 2.06 0 010 3.566l-8.971 5.18-8.972 5.18a2.06 2.06 0 01-3.089-1.784V37.563a2.06 2.06 0 011.03-1.783zm1.03-1.776a3.56 3.56 0 00-3.56 3.56v20.718a3.559 3.559 0 005.339 3.083l8.971-5.18 8.972-5.18a3.559 3.559 0 000-6.165l-8.971-5.18-8.972-5.179a3.559 3.559 0 00-1.78-.477z", fill: "#6A7580" })));
 exports.default = PlayXl;

package/dist/cjs/icons/XL/ProductsBundleXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ProductsBundleXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-bundle-xl" }, props),
+const ProductsBundleXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-bundle-xl", "data-testid": "ds-icon-products-bundle-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(17 13)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         react_1.default.createElement("path", { strokeLinejoin: "round", d: "M24.078 35.416h14M31.078 28.416v14" }),
         react_1.default.createElement("path", { d: "M13.244 55.34A26.896 26.896 0 0031 62c3.66 0 7.152-.729 10.335-2.049M56.974 42.397A27.018 27.018 0 0058 35c0-9.76-5.178-18.31-12.937-23.053M20.957 9.93C11.864 13.574 5.215 22.024 4.15 32.14" }),

package/dist/cjs/icons/XL/ProductsFeedXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ProductsFeedXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-feed-xl" }, props),
+const ProductsFeedXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-feed-xl", "data-testid": "ds-icon-products-feed-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(23 22)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M48.139 3.5H18M32.612 8.744H18.023M48.139 23.5H18M32.612 28.744H18.023M48.139 44.5H18M32.612 49.744H18.023" }),
         react_1.default.createElement("rect", { x: 0.866, y: 41, width: 12, height: 12, rx: 2 }),

package/dist/cjs/icons/XL/ProductsLastSeenXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ProductsLastSeenXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-last-seen-xl" }, props),
+const ProductsLastSeenXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-last-seen-xl", "data-testid": "ds-icon-products-last-seen-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
         react_1.default.createElement("path", { d: "M58.362 39.803A29.958 29.958 0 0060 30C60 13.431 46.569 0 30 0 13.431 0 0 13.431 0 30c0 16.569 13.431 30 30 30a29.863 29.863 0 0017.39-5.551M54 30.083c0-13.255-10.745-24-24-24", strokeLinejoin: "round" }),
         react_1.default.createElement("path", { d: "M23.951 6.523C13.617 9.263 6 18.692 6 29.901c0 13.355 10.813 24.182 24.152 24.182 2.498 0 4.907-.38 7.173-1.085", strokeLinejoin: "round", strokeDasharray: "3,5" }),

package/dist/cjs/icons/XL/ProductsSimilarXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ProductsSimilarXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-similar-xl" }, props),
+const ProductsSimilarXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-similar-xl", "data-testid": "ds-icon-products-similar-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(21 21)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("rect", { width: 39.636, height: 39.636, rx: 4 }),
         react_1.default.createElement("rect", { x: 14.504, y: 14.504, width: 39.636, height: 39.636, rx: 4 }),

package/dist/cjs/icons/XL/PushXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const PushXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "push-xl" }, props),
+const PushXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "push-xl", "data-testid": "ds-icon-push-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(26.373 18.011)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M0 24.392V4.134A4.146 4.146 0 014.134 0H39.12a4.146 4.146 0 014.134 4.134v51.71a4.146 4.146 0 01-4.134 4.134H4.134A4.146 4.146 0 010 55.844V24.392M.219 49.367h43.035" }),
         react_1.default.createElement("circle", { cx: 21.511, cy: 54.539, r: 1.884 }),

package/dist/cjs/icons/XL/RecentInteractionsXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const RecentInteractionsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "recent_interactions_xl" }, props),
+const RecentInteractionsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "recent_interactions_xl", "data-testid": "ds-icon-recent_interactions_xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M83.1 70.6l-8.6-6.9c2.9-4.9 4.4-10.4 4.4-15.7 0-10.4-5.3-20.5-14.8-26.3-5-3-10.5-4.5-15.9-4.5-10.4 0-20.5 5.3-26.3 14.8-3 5-4.5 10.5-4.5 15.9 0 10.4 5.3 20.5 14.8 26.3 4.9 3 10.4 4.5 15.9 4.5 5.2 0 10.5-1.4 15.2-4v5.9c0 .7.6 1.3 1.3 1.3.4 0 .8-.2 1-.5l4.4-5.5 3.4 6.8c.3.7 1 1.1 1.7 1.1.3 0 .6-.1.9-.2l2.6-1.3c.7-.3 1.1-1 1.1-1.7 0-.3-.1-.6-.2-.9L76.2 73h6.2c.7 0 1.3-.6 1.3-1.3-.1-.4-.2-.8-.6-1.1zm-35 6.6c-5.3 0-10.5-1.4-15.2-4.2-9.1-5.5-14.1-15.1-14.1-25 0-5.2 1.4-10.4 4.2-15.1 5.5-9.1 15.1-14.1 25-14.1 5.2 0 10.4 1.4 15.1 4.2 9.1 5.5 14.1 15.1 14.1 25 0 5-1.3 10.1-4 14.8l-7.9-6.3c-.2-.2-.5-.3-.8-.3-.4 0-.8.2-1 .5-.2.2-.3.5-.3.8V73c-4.5 2.8-9.8 4.2-15.1 4.2zm26.2-4.6l3.9 7.8v.2c0 .2-.1.3-.2.4l-2.6 1.3h-.2c-.2 0-.3-.1-.4-.2l-3.9-7.8c-.1-.2-.3-.4-.6-.4s-.5.1-.7.3l-4.8 6V58l17 13.5h-6.9c-.3 0-.5.1-.6.4-.1.2-.1.4 0 .7z" }),
         react_1.default.createElement("path", { d: "M27 33.2c-1.2 1.7-2.2 3.5-2.9 5.4-.2.4 0 .8.4 1 .4.2.8 0 1-.4.7-1.8 1.6-3.5 2.7-5.1.2-.3.2-.8-.2-1-.3-.3-.7-.2-1 .1zM23.9 48c0-1.1.1-2.1.2-3.2.1-.4-.2-.8-.6-.8s-.8.2-.8.6c-.1 1.1-.2 2.2-.2 3.4 0 .9.1 1.9.1 2.8 0 .4.4.7.8.7s.7-.4.7-.8c-.2-.9-.2-1.8-.2-2.7zM42.4 24.4c1.8-.5 3.8-.7 5.8-.7 6.7 0 12.8 2.7 17.1 7.1 4.4 4.4 7.1 10.4 7.1 17.1 0 .4.3.8.8.8s.8-.3.8-.8c0-14.2-11.5-25.7-25.8-25.8-2.2.1-4.2.4-6.2.9-.4.1-.6.5-.6.9.2.4.6.6 1 .5zM25.3 56.3c-.1-.4-.6-.6-1-.4-.4.1-.6.6-.4 1 .7 2 1.7 3.8 2.8 5.5.2.3.7.4 1 .2.3-.2.4-.7.2-1-1-1.7-1.9-3.5-2.6-5.3zM47.6 72.2c-2 0-3.9-.3-5.7-.8-.4-.1-.8.1-.9.5s.1.8.5.9c2 .5 4 .8 6.1.9.4 0 .8-.3.8-.7-.1-.4-.4-.7-.8-.8zM36.4 69.3c-1.7-.9-3.3-2.1-4.7-3.4-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1 1.5 1.4 3.2 2.6 5 3.6.4.2.8.1 1-.3.3-.4.2-.8-.2-1zM36.2 25.2c-1.8 1-3.5 2.1-5.1 3.5-.3.3-.3.7-.1 1.1.3.3.7.3 1.1.1 1.5-1.3 3.1-2.4 4.8-3.3.4-.2.5-.6.3-1-.1-.5-.6-.6-1-.4z" }),

package/dist/cjs/icons/XL/ReggressionXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ReggressionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "reggression-xl" }, props),
+const ReggressionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "reggression-xl", "data-testid": "ds-icon-reggression-xl" }, props),
     react_1.default.createElement("path", { className: "prefix__st0", d: "M78 71.4H18.8V24c0-.4-.3-.8-.8-.8s-.8.3-.8.8v48.1c0 .2.1.4.2.5s.3.2.5.2h60c.4 0 .8-.3.8-.8.1-.3-.3-.6-.7-.6z" }),
     react_1.default.createElement("path", { className: "prefix__st0", d: "M32.2 60.5c2.3 0 4.2-1.9 4.2-4.2 0-.9-.3-1.6-.7-2.3l4.9-4.6c.7.5 1.5.8 2.4.8 2.1 0 3.8-1.5 4.1-3.4h2.6c.4 2 2.1 3.4 4.1 3.4 2.3 0 4.2-1.9 4.2-4.2 0-.9-.3-1.7-.7-2.3l4.9-4.5c.7.5 1.5.8 2.4.8 2.3 0 4.2-1.9 4.2-4.2 0-2.3-1.9-4.2-4.2-4.2-2.3 0-4.2 1.9-4.2 4.2 0 .9.3 1.7.7 2.4l-4.9 4.5c-.7-.5-1.5-.8-2.4-.8-2.1 0-3.8 1.5-4.1 3.4h-2.6c-.4-2-2.1-3.4-4.1-3.4-2.3 0-4.2 1.9-4.2 4.2 0 .9.3 1.7.7 2.3L34.6 53c-.7-.5-1.5-.8-2.4-.8-2.3 0-4.2 1.9-4.2 4.2 0 2.2 1.9 4.1 4.2 4.1zm32.4-27.4c1.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.7zM53.8 43.4c.7 0 1.4.3 1.9.8s.8 1.1.8 1.9c0 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.7zm-10.8 0c1.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.7zM32.2 53.6c1.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.7zM43 37.1c1.5 0 2.7-1.2 2.8-2.8 0-1.5-1.2-2.7-2.8-2.8-1.5 0-2.7 1.2-2.8 2.8.1 1.6 1.3 2.8 2.8 2.8zm0-4c.7 0 1.2.6 1.2 1.2 0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.6-1.2-1.2s.5-1.2 1.2-1.2z" }),
     react_1.default.createElement("path", { className: "prefix__st0", d: "M53.8 35.8c1.5 0 2.7-1.2 2.8-2.8 0-1.5-1.2-2.7-2.8-2.8-1.5 0-2.7 1.2-2.8 2.8 0 1.6 1.3 2.8 2.8 2.8zm0-4c.7 0 1.2.6 1.2 1.2 0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.6-1.2-1.2-.1-.6.5-1.2 1.2-1.2zM40.2 59.8c0 1.5 1.2 2.7 2.8 2.8 1.5 0 2.7-1.2 2.8-2.8 0-1.5-1.2-2.7-2.8-2.8-1.5 0-2.7 1.2-2.8 2.8zm4 0c0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.6-1.2-1.2 0-.7.6-1.2 1.2-1.2.7-.1 1.2.5 1.2 1.2zM51 59.8c0 1.5 1.2 2.7 2.8 2.8 1.5 0 2.7-1.2 2.8-2.8 0-1.5-1.2-2.7-2.8-2.8-1.5 0-2.8 1.2-2.8 2.8zm4 0c0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.6-1.2-1.2 0-.7.6-1.2 1.2-1.2.7-.1 1.2.5 1.2 1.2zM64.8 46c-1.5 0-2.7 1.2-2.8 2.8 0 1.5 1.2 2.7 2.8 2.7 1.5 0 2.7-1.2 2.8-2.7 0-1.6-1.3-2.8-2.8-2.8zm0 4c-.7 0-1.2-.6-1.2-1.2 0-.7.6-1.2 1.2-1.2.7 0 1.2.6 1.2 1.2.1.6-.5 1.2-1.2 1.2zM32.2 46.9c1.5 0 2.7-1.2 2.8-2.8 0-1.5-1.2-2.7-2.8-2.8-1.5 0-2.7 1.2-2.8 2.8.1 1.5 1.3 2.8 2.8 2.8zm0-4c.7 0 1.2.6 1.2 1.2 0 .7-.6 1.2-1.2 1.2-.7 0-1.2-.6-1.2-1.2 0-.7.5-1.2 1.2-1.2z" })));

package/dist/cjs/icons/XL/SearchHybridXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SearchHybridXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-hybrid-xl" }, props),
+const SearchHybridXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-hybrid-xl", "data-testid": "ds-icon-search-hybrid-xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M80.4 71.8L72 63.4s-.1-.1-.2-.1c3.6-4.8 5.8-10.8 5.8-17.3 0-15.8-12.8-28.7-28.8-28.8-11 0-20.5 6.2-25.4 15.3 0 .1 0 .1-.1.2H17c-1.5 0-2.7 1.2-2.8 2.8v20.9c0 1.5 1.2 2.7 2.8 2.8h6.3c4.8 9.1 14.3 15.4 25.5 15.4 6.4 0 12.4-2.1 17.1-5.7 0 .1.1.1.1.2l8.4 8.4c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2.8-.8 1.2-1.8 1.2-2.9.2-1-.2-2-1-2.8zM16.3 57.4c-.2-.2-.4-.5-.4-.9v-8.7c.1-.7.7-1.3 1.5-1.3h3.8v1.3c0 1.3.5 2.5 1.4 3.3.8.8 2 1.3 3.3 1.3h3.6c.5 0 1-.2 1.3-.6.3-.3.5-.7.5-1.2v-8.9c0-.5-.2-1-.6-1.3-.3-.3-.7-.5-1.2-.5h-4c-2.3 0-4.2 1.9-4.2 4.2v.9h-3.8c-.6 0-1.1.2-1.5.4v-10c0-.3.1-.7.4-.9.2-.2.5-.4.9-.4h34.2c.3 0 .7.1.9.4.2.2.4.5.4.9V44c0 .4-.2.8-.4 1-.3.3-.6.4-1.1.4h-3.9v-.8c0-2.4-2-4.4-4.5-4.5h-3.8c-.5 0-.9.2-1.2.5-.3.3-.6.8-.6 1.3v1.5h-3.5c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.5v2.9h-3.5c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.5V51c0 .5.2.9.5 1.2.3.3.8.6 1.3.6h3.8c2.4 0 4.4-2 4.5-4.4V47h3.9c.6 0 1.1-.2 1.6-.4v10c0 .3-.1.7-.4.9-.2.2-.5.4-.9.4H17.2c-.3-.2-.7-.3-.9-.5zm13.3-15.8l.2.1.1.2v8.9l-.1.2H26c-.8 0-1.6-.3-2.2-.9-.6-.6-.9-1.3-.9-2.2v-3.5a2.732 2.732 0 012.7-2.7h4zm9.3 9.5l-.2-.1-.1-.2V42l.1-.2.2-.1h3.8c.8 0 1.5.3 2.1.9.5.5.9 1.3.9 2.1v1.1c-.1.1-.1.2-.1.4s0 .2.1.4v1.6c0 .8-.3 1.5-.9 2.1-.5.5-1.3.9-2.1.9h-3.8zm-13.6 8.1h26.1c1.5 0 2.7-1.2 2.8-2.8V44v-8.5c0-1.5-1.2-2.7-2.8-2.8H25.1c4.7-8.4 13.5-14 23.8-14 7.5 0 14.4 3.1 19.3 8s8 11.8 8 19.2c0 7.5-3 14.3-8 19.2-4.9 4.9-11.7 8-19.2 8-10.2.1-19.1-5.6-23.7-13.9zm54.1 17.3c-.5.5-1.2.8-1.8.8-.7 0-1.3-.2-1.8-.8l-8.4-8.4c1.3-1.1 2.5-2.3 3.7-3.6l8.4 8.4c.5.5.8 1.2.8 1.8-.2.6-.4 1.3-.9 1.8z" }),
         react_1.default.createElement("path", { d: "M48.9 25.6c-4 0-7.7 1.1-10.9 3.1-.4.2-.5.7-.2 1s.7.5 1 .2c3-1.8 6.4-2.9 10.1-2.9 5.2 0 9.9 2.1 13.3 5.5 3.4 3.4 5.5 8.1 5.5 13.3 0 5.2-2.1 9.9-5.5 13.3-3.4 3.4-8.1 5.5-13.3 5.5-3.7 0-7-1-9.9-2.8-.3-.2-.8-.1-1 .2s-.1.8.2 1c3.1 2 6.8 3 10.7 3 11.2 0 20.3-9.1 20.3-20.3 0-10.9-9.1-20-20.3-20.1z" }))));

package/dist/cjs/icons/XL/SearchKeywordsXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SearchKeywordsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-keywords-xl" }, props),
+const SearchKeywordsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-keywords-xl", "data-testid": "ds-icon-search-keywords-xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M48 34.5l-3-.1v-3c0-.3-.2-.6-.5-.7-.3-.1-.6-.1-.8.2l-3.3 3.3c-.1.1-.2.3-.2.5v3.4l-.2.2c-1.8-1.6-4.1-2.5-6.7-2.5-5.7 0-10.2 4.6-10.2 10.2 0 5.7 4.6 10.2 10.2 10.2 5.7 0 10.2-4.6 10.2-10.2 0-2.6-.9-4.9-2.5-6.7l.1-.1h3.6c.2 0 .4-.1.5-.2l3.3-3.3c.2-.2.3-.5.2-.8-.1-.3-.4-.4-.7-.4zm-8.5 17.7c-1.6 1.6-3.8 2.6-6.2 2.6-2.4 0-4.6-1-6.2-2.6-1.6-1.6-2.6-3.8-2.6-6.2 0-2.4 1-4.6 2.6-6.2 1.6-1.6 3.8-2.6 6.2-2.6 2.1 0 4.1.8 5.6 2.1l-1.8 1.8c-1.1-.8-2.4-1.3-3.9-1.3-3.5 0-6.2 2.8-6.2 6.2 0 3.5 2.8 6.2 6.2 6.2 3.5 0 6.2-2.8 6.2-6.2 0-1.5-.5-2.8-1.3-3.9l1.8-1.8c1.3 1.5 2.1 3.5 2.1 5.6 0 2.5-.9 4.7-2.5 6.3zM38 46c0 1.3-.5 2.5-1.4 3.4-.9.9-2 1.4-3.4 1.4-1.3 0-2.5-.5-3.4-1.4-.9-.9-1.4-2-1.4-3.4 0-1.3.5-2.5 1.4-3.4.9-.9 2-1.4 3.4-1.4 1 0 2 .3 2.8.9l-2 2c-.1-.1-.4-.1-.7-.1-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2c0-.3-.1-.6-.2-.8l2-2c.6.8.9 1.8.9 2.8zm6.4-8.2h-2.7V35l1.8-1.8v1.9c0 .4.3.7.7.7l2.1.1-1.9 1.9z" }),
         react_1.default.createElement("path", { d: "M80.4 71.8L72 63.4s-.1-.1-.2-.1c3.6-4.8 5.8-10.8 5.8-17.3 0-15.8-12.8-28.7-28.8-28.8-11 0-20.5 6.2-25.4 15.3 0 .1 0 .1-.1.2h-6.1c-1.6 0-2.9 1.3-3 3v20.6c0 1.6 1.3 2.9 3 3h6.1c4.8 9.1 14.3 15.4 25.5 15.4 6.4 0 12.4-2.1 17.1-5.7 0 .1.1.1.1.2l8.4 8.4c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2.8-.8 1.2-1.8 1.2-2.9.2-1.1-.2-2.1-1-2.9zM25.3 59.2h25.9c1.6 0 2.9-1.3 3-3V35.7c0-1.6-1.3-2.9-3-3h-1.1c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h1.1c.4 0 .8.2 1 .4.3.3.4.6.4 1v20.6c0 .4-.2.8-.4 1-.3.3-.6.4-1 .4H17.4c-.4 0-.8-.2-1-.4-.3-.3-.4-.6-.4-1V35.7c0-.4.2-.8.4-1 .3-.3.6-.4 1-.4h19.4c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H25.1c4.7-8.4 13.5-14 23.8-14 7.5 0 14.4 3.1 19.3 8s8 11.8 8 19.2c0 7.5-3 14.3-8 19.2-4.9 4.9-11.7 8-19.2 8-10.2.1-19.1-5.6-23.7-13.9zm54.1 17.3c-.5.5-1.2.8-1.8.8-.7 0-1.3-.2-1.8-.8l-8.4-8.4c1.3-1.1 2.5-2.3 3.7-3.6l8.4 8.4c.5.5.8 1.2.8 1.8-.2.6-.4 1.3-.9 1.8z" }),

package/dist/cjs/icons/XL/SearchNoResultsXl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SearchNoResultsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-no-results-xl" }, props),
+const SearchNoResultsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-no-results-xl", "data-testid": "ds-icon-search-no-results-xl" }, props),
     react_1.default.createElement("path", { d: "M47.427 20c15.124 0 27.427 12.304 27.427 27.428a27.289 27.289 0 01-5.995 17.085l5.076 5.075a4.072 4.072 0 010 5.75 4.052 4.052 0 01-2.874 1.187 4.052 4.052 0 01-2.874-1.188l-5.281-5.282a27.264 27.264 0 01-15.479 4.801C32.304 74.856 20 62.551 20 47.428 20 32.304 32.304 20 47.427 20zm20.464 45.665a27.76 27.76 0 01-3.758 3.495l5.114 5.116c1.001 1 2.628 1 3.627 0 1-1 1-2.628 0-3.627zM47.427 21.5C33.131 21.5 21.5 33.131 21.5 47.428c0 14.296 11.631 25.928 25.927 25.928 14.297 0 25.927-11.632 25.927-25.928 0-14.297-11.63-25.928-25.927-25.928zm0 3.811c12.195 0 22.117 9.921 22.117 22.117 0 12.196-9.922 22.117-22.117 22.117a.75.75 0 010-1.5c11.368 0 20.617-9.249 20.617-20.617s-9.25-20.617-20.617-20.617a.75.75 0 110-1.5zm-7.783 14.714a.75.75 0 011.061 0l6.665 6.666 6.666-6.666a.75.75 0 011.061 1.06l-6.666 6.666 6.666 6.666a.75.75 0 11-1.06 1.06l-6.667-6.665-6.665 6.666a.75.75 0 11-1.06-1.062l6.664-6.665-6.665-6.665a.75.75 0 010-1.061z", fill: "#384350", fillRule: "nonzero" })));
 exports.default = SearchNoResultsXl;

package/dist/cjs/icons/XL/SearchSemanticXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SearchSemanticXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-semantic-xl" }, props),
+const SearchSemanticXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-semantic-xl", "data-testid": "ds-icon-search-semantic-xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M30.9 39.6c0-.1-.1-.1 0 0-.1-.1-.1-.1-.1-.2l-.1-.1-.1-.1h-.1-.1-.1-.2-.1l-.1.1-.1.1-.1.1-.1.1-5.7 11.3c-.2.4 0 .8.3 1 .4.2.8 0 1-.3l1.2-2.3c.1 0 .2.1.3.1H34.1l1.2 2.3c.2.4.6.5 1 .3s.5-.6.3-1l-5.7-11.4zm-3.8 8.2l3.1-6.2 3.1 6.2h-6.2zM40.7 39.1c-.4 0-.8.3-.8.8v11.3c0 .4.3.8.8.8.4 0 .8-.3.8-.8V39.9c0-.4-.4-.8-.8-.8z" }),
         react_1.default.createElement("path", { d: "M80.1 71.6l-8.3-8.3-.1-.1c3.6-4.8 5.8-10.7 5.8-17.2 0-15.7-12.8-28.4-28.5-28.5-10.9 0-20.4 6.2-25.2 15.2v.1h-6.2c-1.5 0-2.7 1.2-2.8 2.8v20.8c0 1.5 1.2 2.7 2.8 2.8h6.2C28.5 68.3 38 74.5 49 74.5c6.4 0 12.2-2.1 17-5.6 0 .1.1.1.1.2l8.3 8.3c.8.8 1.8 1.2 2.9 1.2 1 0 2.1-.4 2.9-1.2.8-.8 1.2-1.8 1.2-2.9-.1-1.1-.5-2.1-1.3-2.9zM16.6 57.3c-.2-.2-.4-.5-.4-.9V35.6c0-.3.1-.7.4-.9.2-.2.5-.4.9-.4h33.9c.3 0 .7.1.9.4.2.2.4.5.4.9v20.8c0 .3-.1.7-.4.9-.2.2-.5.4-.9.4H17.5c-.3-.1-.7-.2-.9-.4zm8.9 1.8h25.9c1.5 0 2.7-1.2 2.8-2.8V35.6c0-1.5-1.2-2.7-2.8-2.8h-26C30 24.6 38.8 19 48.9 19c7.4 0 14.2 3 19.1 7.9 4.9 4.9 7.9 11.6 7.9 19.1 0 7.4-3 14.2-7.9 19.1-4.8 4.8-11.6 7.8-19 7.9-10.1-.1-18.9-5.6-23.5-13.9zm53.6 17.2c-.5.5-1.2.8-1.8.8-.7 0-1.3-.2-1.8-.8L67.1 68c1.3-1.1 2.6-2.3 3.7-3.6l8.3 8.3c.5.5.8 1.2.8 1.8-.1.6-.3 1.3-.8 1.8z" }),

package/dist/cjs/icons/XL/SectionXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SectionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "section-xl" }, props),
+const SectionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "section-xl", "data-testid": "ds-icon-section-xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M51.8 55.5c2.1 0 3.7-1.7 3.7-3.7v-7.6c0-2.1-1.7-3.7-3.7-3.7h-7.6c-2.1 0-3.7 1.7-3.7 3.7v7.6c0 2.1 1.7 3.7 3.7 3.7h7.6zM42 51.8v-7.6c0-1.2 1-2.2 2.2-2.2h7.6c1.2 0 2.2 1 2.2 2.2v7.6c0 1.2-1 2.2-2.2 2.2h-7.6C43 54 42 53 42 51.8zM24 55.5h7.6c2.1 0 3.7-1.7 3.7-3.7v-7.6c0-2.1-1.7-3.7-3.7-3.7H24c-2.1 0-3.7 1.7-3.7 3.7v7.6c0 2.1 1.6 3.7 3.7 3.7zm-2.2-11.3c0-1.2 1-2.2 2.2-2.2h7.6c1.2 0 2.2 1 2.2 2.2v7.6c0 1.2-1 2.2-2.2 2.2H24c-1.2 0-2.2-1-2.2-2.2v-7.6zM72 40.5h-7.6c-2.1 0-3.7 1.7-3.7 3.7v7.6c0 2.1 1.7 3.7 3.7 3.7H72c2.1 0 3.7-1.7 3.7-3.7v-7.6c0-2.1-1.6-3.7-3.7-3.7zm2.2 11.3c0 1.2-1 2.2-2.2 2.2h-7.6c-1.2 0-2.2-1-2.2-2.2v-7.6c0-1.2 1-2.2 2.2-2.2H72c1.2 0 2.2 1 2.2 2.2v7.6zM71 60.7H25c-2.6 0-4.7 2.1-4.7 4.7V71c0 2.6 2.1 4.7 4.7 4.7h46c2.6 0 4.7-2.1 4.7-4.7v-5.6c0-2.6-2.1-4.7-4.7-4.7zM74.2 71c0 1.8-1.4 3.2-3.2 3.2H25c-1.8 0-3.2-1.5-3.2-3.2v-5.6c0-1.8 1.4-3.2 3.2-3.2h46c1.8 0 3.2 1.5 3.2 3.2V71zM71 20.2H25c-2.6 0-4.7 2.1-4.7 4.7v5.6c0 2.6 2.1 4.7 4.7 4.7h46c2.6 0 4.7-2.1 4.7-4.7V25c0-2.6-2.1-4.7-4.7-4.8zm3.2 10.4c0 1.8-1.4 3.2-3.2 3.2H25c-1.8 0-3.2-1.5-3.2-3.2V25c0-1.8 1.4-3.2 3.2-3.2h46c1.8 0 3.2 1.5 3.2 3.2v5.6z" }))));
 exports.default = SectionXl;

package/dist/cjs/icons/XL/ShowXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ShowXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "show-xl" }, props),
+const ShowXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "show-xl", "data-testid": "ds-icon-show-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(17.72 21.944)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M30.113 50.056a28.509 28.509 0 01-11.769-2.726 45.262 45.262 0 01-9.475-5.926 56.556 56.556 0 01-8.696-8.592.806.806 0 010-1A56.555 56.555 0 018.87 23.22a45.262 45.262 0 019.475-5.925 28.509 28.509 0 0111.77-2.726c4.072.057 8.085.987 11.768 2.726a45.263 45.263 0 019.475 5.925 56.555 56.555 0 018.696 8.593.806.806 0 010 .999 56.556 56.556 0 01-8.696 8.592 45.263 45.263 0 01-9.475 5.926 28.508 28.508 0 01-11.769 2.726z" }),
         react_1.default.createElement("circle", { cx: 30.113, cy: 32.312, r: 7.86 }),

package/dist/cjs/icons/XL/SilentPushXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SilentPushXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "silent-push-xl" }, props),
+const SilentPushXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "silent-push-xl", "data-testid": "ds-icon-silent-push-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(26.276 18.011)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M21.627 16.19c-5.048 0-8.707 4.092-8.707 9.14v9.473h17.414V25.33c0-5.048-3.66-9.14-8.707-9.14zM25.654 34.91a4.078 4.078 0 01-8.156 0" }),
         react_1.default.createElement("path", { d: "M0 24.392V4.134A4.146 4.146 0 014.134 0H39.12a4.146 4.146 0 014.134 4.134v51.71a4.146 4.146 0 01-4.134 4.134H4.134A4.146 4.146 0 010 55.844V24.392M.219 49.367h43.035" }),

package/dist/cjs/icons/XL/SmsXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "sms-xl" }, props),
+const SmsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "sms-xl", "data-testid": "ds-icon-sms-xl" }, props),
     react_1.default.createElement("g", { fill: "#384350" },
         react_1.default.createElement("path", { d: "M47.6 17c-17.1 0-30.9 13.9-30.9 31s13.9 30.9 30.9 31c17.1 0 30.9-13.9 31-31-.1-17.1-13.9-30.9-31-31zM77 48c0 8.1-3.3 15.5-8.6 20.8-5.3 5.3-12.7 8.6-20.8 8.6-8.1 0-15.5-3.3-20.8-8.6-5.3-5.3-8.6-12.7-8.6-20.8 0-8.1 3.3-15.5 8.6-20.8 5.3-5.3 12.7-8.6 20.8-8.6 8.1 0 15.5 3.3 20.8 8.6C73.8 32.5 77 39.9 77 48z" }),
         react_1.default.createElement("path", { d: "M63.8 34.8c-.6-.5-1.4-.8-2.3-.8h-27c-.9 0-1.7.3-2.3.8-.6.5-1.1 1.2-1.1 2.1V62.6c0 .3.1.5.4.6.2.1.5.1.7 0l8.5-4.2h20.7c.9 0 1.7-.3 2.3-.8.6-.5 1.1-1.2 1.1-2.1V36.9c.1-.8-.3-1.6-1-2.1zm-.5 21.4c0 .3-.2.6-.5.9-.3.3-.8.4-1.4.4H40.6c-.1 0-.2 0-.3.1l-7.6 3.8V36.9c0-.3.2-.6.5-.9.3-.3.8-.4 1.4-.4h27c.6 0 1.1.2 1.4.4.3.3.5.6.5.9v19.3z" }),

package/dist/cjs/icons/XL/StopXl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StopXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "stop-xl" }, props),
+const StopXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "stop-xl", "data-testid": "ds-icon-stop-xl" }, props),
     react_1.default.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.75zm19.133 11.617a3.868 3.868 0 002.731 1.133h17.772a3.868 3.868 0 003.864-3.864V38.864A3.868 3.868 0 0056.636 35H38.864A3.868 3.868 0 0035 38.864v17.772a3.868 3.868 0 001.133 2.73zm1.06-22.174a2.367 2.367 0 011.671-.693h17.772A2.367 2.367 0 0159 38.864v17.772A2.367 2.367 0 0156.636 59H38.864a2.367 2.367 0 01-2.364-2.364V38.864c0-.627.25-1.227.693-1.67z", fill: "#6A7580" })));
 exports.default = StopXl;

package/dist/cjs/icons/XL/TargetXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const TargetXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "target-xl" }, props),
+const TargetXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "target-xl", "data-testid": "ds-icon-target-xl" }, props),
     react_1.default.createElement("path", { d: "M47.496 79.242a30.75 30.75 0 1130.75-30.75 30.785 30.785 0 01-30.75 30.75zm0-60a29.25 29.25 0 1029.25 29.25 29.283 29.283 0 00-29.25-29.25z", fill: "#384350" }),
     react_1.default.createElement("path", { d: "M47.643 37.982a.75.75 0 01-.75-.75V15.75a.75.75 0 111.5 0v21.482a.75.75 0 01-.75.75zM47.643 81.242a.75.75 0 01-.75-.75V59.966a.75.75 0 111.5 0v20.526a.75.75 0 01-.75.75zM79.534 49.349H59.01a.75.75 0 110-1.5h20.525a.75.75 0 110 1.5zM36.276 49.349H15.75a.75.75 0 110-1.5h20.526a.75.75 0 110 1.5z", fill: "#384350" }),
     react_1.default.createElement("path", { d: "M47.643 65.335a16.843 16.843 0 1116.842-16.843 16.862 16.862 0 01-16.842 16.843zm0-32.186a15.344 15.344 0 1015.342 15.343A15.36 15.36 0 0047.643 33.15z", fill: "#384350" }),

package/dist/cjs/icons/XL/ToolsXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ToolsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "tools-xl" }, props),
+const ToolsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "tools-xl", "data-testid": "ds-icon-tools-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
         react_1.default.createElement("path", { d: "M47.837 41.924l18.337-18.565a4.545 4.545 0 016.483 0 4.682 4.682 0 010 6.564l-18.26 18.486M50.483 52.372l-7.177 7.266c1.369 4.056.455 8.728-2.741 11.964a11.36 11.36 0 01-10.813 3.07l5.302-5.368a2.81 2.81 0 00.111-3.819l-.11-.119-3.89-3.938a2.726 2.726 0 00-3.773-.112l-.118.112-5.658 5.73c-1.37-4.057-.456-8.73 2.74-11.965a11.362 11.362 0 0112.75-2.406l7.003-7.09M61.901 50.084l14.402 14.401a6.942 6.942 0 01-9.818 9.818L52.084 59.9h0l9.817-9.817z", strokeLinejoin: "round" }),
         react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M38.884 28.375l.652 5.888 19.093 19.093-3.273 3.273-19.093-19.093-5.894-.658-7.85-13.087 3.272-3.272z" }),

package/dist/cjs/icons/XL/UserCircleUpXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const UserCircleUpXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-circle-up-xl" }, props),
+const UserCircleUpXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-circle-up-xl", "data-testid": "ds-icon-user-circle-up-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M59.758 37.297c0-6.278-7.845-7.063-11.758-7.063-2.5-.052-4.988.346-7.347 1.177-2.45.981-4.411 2.747-4.411 5.886v4.346c0 2.052.703 4.467.625 7.062-.078 2.596.938 4.777 3.83 7.036 2.892 2.26 2.022 3.528 7.303 3.528 5.281 0 4.411-1.268 7.303-3.528 2.892-2.26 3.908-4.44 3.83-7.036-.078-2.595.625-5.01.625-7.062v-4.346zM39.379 54.59v7.762M56.654 54.59v7.762M39.379 59.269s-2.874 2.834-5.801 3.083c-1.763.15-6.616 2.535-8.584 3.602M56.777 59.269s2.874 2.834 5.801 3.083c.572.049 1.469.332 2.486.73" }),
         react_1.default.createElement("path", { d: "M74.329 62.392A29.866 29.866 0 0078 48c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30 4.577 0 8.914-1.025 12.795-2.858" }),

package/dist/cjs/icons/XL/UserCircleXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const UserCircleXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-circle-xl" }, props),
+const UserCircleXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-circle-xl", "data-testid": "ds-icon-user-circle-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M41.758 19.297c0-6.278-7.845-7.063-11.758-7.063-2.5-.052-4.988.346-7.347 1.177-2.45.981-4.411 2.747-4.411 5.886v4.346c0 2.052.703 4.467.625 7.062-.078 2.596.938 4.777 3.83 7.036 2.892 2.26 2.022 3.528 7.303 3.528 5.281 0 4.411-1.268 7.303-3.528 2.892-2.26 3.908-4.44 3.83-7.036-.078-2.595.625-5.01.625-7.062v-4.346zM21.379 36.59v7.762M38.654 36.59v7.762M21.379 41.269s-2.874 2.834-5.801 3.083c-1.763.15-6.616 2.535-8.584 3.602M38.777 41.269s2.874 2.834 5.801 3.083c1.763.15 6.616 2.535 8.584 3.602" }),
         react_1.default.createElement("circle", { cx: 30, cy: 30, r: 30 }),

package/dist/cjs/icons/XL/UserIdXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const UserIdXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-id-xl" }, props),
+const UserIdXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "user-id-xl", "data-testid": "ds-icon-user-id-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("path", { d: "M78.495 48.536c0 16.568-13.432 30-30 30-16.568 0-30-13.432-30-30 0-16.57 13.432-30 30-30 16.568 0 30 13.43 30 30z" }),
         react_1.default.createElement("path", { d: "M39.42 43.515c0-4.963 4.072-9 9.075-9 5.004 0 9.075 4.037 9.075 9s-4.071 9-9.075 9c-5.003 0-9.075-4.037-9.075-9z" }),

package/dist/cjs/icons/XL/VisualEditorStarXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VisualEditorStarXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "visual-editor-star-xl" }, props),
+const VisualEditorStarXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "visual-editor-star-xl", "data-testid": "ds-icon-visual-editor-star-xl" }, props),
     react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("rect", { x: 18.75, y: 18.75, width: 23.5, height: 58.5, rx: 4 }),
         react_1.default.createElement("rect", { x: 48.25, y: 48.25, width: 29, height: 29, rx: 4 }),

package/dist/cjs/icons/XL/VisualEditorXl.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VisualEditorXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "visual-editor-xl" }, props),
+const VisualEditorXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "visual-editor-xl", "data-testid": "ds-icon-visual-editor-xl" }, props),
     react_1.default.createElement("g", { transform: "translate(18 13)", stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
         react_1.default.createElement("rect", { x: 0.75, y: 5.75, width: 23.5, height: 58.5, rx: 4 }),
         react_1.default.createElement("rect", { x: 30.25, y: 35.25, width: 29, height: 29, rx: 4 }),