@synerise/ds-icon 1.4.2 → 1.5.1

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", "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" })));
+const InfoXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "info-xl ds-icon-set-xlarge", "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", fillRule: "nonzero", fill: "currentColor" })));
 exports.default = InfoXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const InsertObjectXl = (props) => (react_1.default.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_1.default.createElement("g", { transform: "translate(18 23)", stroke: "currentColor", 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" }),
         react_1.default.createElement("rect", { x: 34, y: 45, width: 20, height: 7, rx: 2 }),

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

@@ -1,8 +1,8 @@
 "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", "data-testid": "ds-icon-integration-xl" }, props),
-    react_1.default.createElement("g", { stroke: "#384350", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+const IntegrationXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integration-xl ds-icon-set-xlarge", "data-testid": "ds-icon-integration-xl" }, props),
+    react_1.default.createElement("g", { stroke: "currentColor", 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" }),
         react_1.default.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/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", "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" })));
+const IntegrationsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "integrations-xl ds-icon-set-xlarge", "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", fillRule: "nonzero", fill: "currentColor" })));
 exports.default = IntegrationsXl;

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

@@ -1,10 +1,10 @@
 "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", "data-testid": "ds-icon-laptop-ai-xl" }, props),
+const LaptopAiXl = (props) => (react_1.default.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_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" },
-        react_1.default.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_1.default.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_1.default.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_1.default.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" }))));
 exports.default = LaptopAiXl;

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

@@ -1,12 +1,12 @@
 "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", "data-testid": "ds-icon-laptop-target-xl" }, props),
+const LaptopTargetXl = (props) => (react_1.default.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_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" },
-        react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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" }))));
 exports.default = LaptopTargetXl;

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", "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" })));
+const LaunchXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "launch-xl ds-icon-set-xlarge", "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", fillRule: "nonzero", fill: "currentColor" })));
 exports.default = LaunchXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const LoyalityBoostXl = (props) => (react_1.default.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_1.default.createElement("g", { stroke: "currentColor", 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" }),
         react_1.default.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/cjs/icons/XL/MarketingAutomationXl.js

@@ -1,8 +1,8 @@
 "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", "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" },
+const MarketingAutomationXl = (props) => (react_1.default.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_1.default.createElement("g", { stroke: "currentColor", 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" }),
         react_1.default.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/cjs/icons/XL/MessageXl.js

@@ -1,8 +1,8 @@
 "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", "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" },
+const MessageXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl ds-icon-set-xlarge", "data-testid": "ds-icon-message-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(13.686 19.299)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M12.303 6.701v9.962M10.19 16.663h4.226M9.314 8.69l2.989-1.989" }))));

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

@@ -1,7 +1,8 @@
 "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", "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" })));
+const MetaXl = (props) => (react_1.default.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_1.default.createElement("g", { fill: "currentColor" },
+        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" }),
+        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" }))));
 exports.default = MetaXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const MobileBannerXl = (props) => (react_1.default.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_1.default.createElement("g", { transform: "translate(21 18.011)", stroke: "currentColor", 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 }),
         react_1.default.createElement("rect", { y: 12.702, width: 54.132, height: 22.685, rx: 2 }),

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

@@ -1,10 +1,10 @@
 "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", "data-testid": "ds-icon-mobile-promotion-xl" }, props),
+const MobilePromotionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-promotion-xl ds-icon-set-xlarge", "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 }),
-        react_1.default.createElement("path", { d: "M32.896 25.52v4.859a5.145 5.145 0 01-2.847-.889.75.75 0 00-.975 1.14 6.677 6.677 0 003.822 1.26v1.349a.75.75 0 101.5 0v-1.415a6.23 6.23 0 001.752-.486 3.625 3.625 0 002.253-3.424c0-2.279-2.087-3.036-4.005-3.552v-4.36c.87.087 1.733.24 2.58.46a.75.75 0 00.399-1.446 18.282 18.282 0 00-2.98-.53V16.74a.75.75 0 10-1.5 0v1.698a5.458 5.458 0 00-3.124.88 2.92 2.92 0 00-1.138 2.422c0 2.47 2.245 3.245 4.263 3.78zm1.5.403c1.573.454 2.505.929 2.505 1.991a2.121 2.121 0 01-1.38 2.062 4.57 4.57 0 01-1.125.323v-4.376zm-3.717-5.412a3.95 3.95 0 012.217-.575v4.026c-1.735-.492-2.763-1-2.763-2.223a1.42 1.42 0 01.546-1.228z", fill: "#384350", fillRule: "nonzero" }),
-        react_1.default.createElement("path", { d: "M33.517 9.989c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15h-15 0v-15c0-8.284 6.716-15 15-15z", stroke: "#384350", strokeWidth: 1.5, strokeLinejoin: "round" }))));
+        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: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("circle", { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", cx: 21.402, cy: 54.539, r: 1.884 }),
+        react_1.default.createElement("path", { d: "M32.896 25.52v4.859a5.145 5.145 0 01-2.847-.889.75.75 0 00-.975 1.14 6.677 6.677 0 003.822 1.26v1.349a.75.75 0 101.5 0v-1.415a6.23 6.23 0 001.752-.486 3.625 3.625 0 002.253-3.424c0-2.279-2.087-3.036-4.005-3.552v-4.36c.87.087 1.733.24 2.58.46a.75.75 0 00.399-1.446 18.282 18.282 0 00-2.98-.53V16.74a.75.75 0 10-1.5 0v1.698a5.458 5.458 0 00-3.124.88 2.92 2.92 0 00-1.138 2.422c0 2.47 2.245 3.245 4.263 3.78zm1.5.403c1.573.454 2.505.929 2.505 1.991a2.121 2.121 0 01-1.38 2.062 4.57 4.57 0 01-1.125.323v-4.376zm-3.717-5.412a3.95 3.95 0 012.217-.575v4.026c-1.735-.492-2.763-1-2.763-2.223a1.42 1.42 0 01.546-1.228z", fill: "currentColor", fillRule: "nonzero" }),
+        react_1.default.createElement("path", { d: "M33.517 9.989c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15h-15 0v-15c0-8.284 6.716-15 15-15z", stroke: "currentColor", strokeWidth: 1.5, strokeLinejoin: "round" }))));
 exports.default = MobilePromotionXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const MobileStepsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-steps-xl ds-icon-set-xlarge", "data-testid": "ds-icon-mobile-steps-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", 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 }),
         react_1.default.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 22.8, cy: 51.884, r: 2 }),

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const MobileUpdateXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-update-xl ds-icon-set-xlarge", "data-testid": "ds-icon-mobile-update-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(26.37 18.011)", stroke: "currentColor", 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 }),
         react_1.default.createElement("circle", { cx: 21.627, cy: 25.989, r: 13 }),

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const MultivalueXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "multivalue-xl ds-icon-set-xlarge", "data-testid": "ds-icon-multivalue-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M24.03 24.09H2.752a2 2 0 01-1.732-3L11.659 2.663a2 2 0 013.464 0l10.638 18.425a2 2 0 01-1.732 3zM59.25 51.774V40.846a2 2 0 00-1-1.732l-9.464-5.465a2 2 0 00-2 0l-9.465 5.465a2 2 0 00-1 1.732v10.928a2 2 0 001 1.732l9.465 5.465a2 2 0 002 0l9.464-5.465a2 2 0 001-1.732z" }))));

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const NetworkFileXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "network-file-xl ds-icon-set-xlarge", "data-testid": "ds-icon-network-file-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(23.863 20.74)", stroke: "currentColor", 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" }),
         react_1.default.createElement("path", { d: "M18.764 20.615c0 .3-.1.6-.1.9a5.484 5.484 0 005.5 5.5c.303.017.608-.017.9-.1M29.464 22.415c0-.3.1-.6.1-.9a5.484 5.484 0 00-5.5-5.5 2.769 2.769 0 00-.9.1M3.137 49.968h16.98M28.137 49.968h17.057" }))));

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", "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" })));
+const NoPermissionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "no-permission-xl ds-icon-set-xlarge", "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", fillRule: "nonzero", fill: "currentColor" })));
 exports.default = NoPermissionXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const NotificationsEditXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "notifications-edit-xl ds-icon-set-xlarge", "data-testid": "ds-icon-notifications-edit-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(27.322 18)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M41.816 8.144l.915-.915-7.695 7.694a.788.788 0 00-.21.384l-.642 2.914a.276.276 0 00.328.328l2.914-.643a.767.767 0 00.384-.21l6.78-6.779" }),

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", "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" })));
+const PauseXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "pause-xl ds-icon-set-xlarge", "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: "currentColor" })));
 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", "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" })));
+const PlayXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "play-xl ds-icon-set-xlarge", "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: "currentColor" })));
 exports.default = PlayXl;

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const ProductsBundleXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-bundle-xl ds-icon-set-xlarge", "data-testid": "ds-icon-products-bundle-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(17 13)", stroke: "currentColor", 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" }),
         react_1.default.createElement("circle", { strokeLinejoin: "round", cx: 8, cy: 49, r: 8 }),

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const ProductsFeedXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-feed-xl ds-icon-set-xlarge", "data-testid": "ds-icon-products-feed-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(23 22)", stroke: "currentColor", 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 }),
         react_1.default.createElement("circle", { cx: 6.5, cy: 26.5, r: 6.5 }),

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const ProductsLastSeenXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-last-seen-xl ds-icon-set-xlarge", "data-testid": "ds-icon-products-last-seen-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", 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" }),
         react_1.default.createElement("path", { d: "M51.5 55a13.786 13.786 0 01-5.667-1.306 21.812 21.812 0 01-4.562-2.839 27.166 27.166 0 01-4.188-4.116.385.385 0 010-.478 27.166 27.166 0 014.188-4.116 21.812 21.812 0 014.562-2.84A13.786 13.786 0 0151.5 38c1.961.028 3.893.473 5.667 1.306a21.812 21.812 0 014.562 2.839 27.166 27.166 0 014.188 4.116.385.385 0 010 .478 27.166 27.166 0 01-4.188 4.116 21.812 21.812 0 01-4.562 2.84A13.786 13.786 0 0151.5 55z", strokeLinejoin: "round" }),

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const ProductsSimilarXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "products-similar-xl ds-icon-set-xlarge", "data-testid": "ds-icon-products-similar-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(21 21)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M39.636 14.504L14.504 39.636M28.357 14.934L14.602 28.69M39.584 25.37L25.63 39.323" }))));

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

@@ -1,8 +1,8 @@
 "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", "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" },
+const PushXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "push-xl ds-icon-set-xlarge", "data-testid": "ds-icon-push-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(26.373 18.011)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M21.627 16.19v-3.201M21.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" }))));

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

@@ -1,9 +1,9 @@
 "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", "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" }),
-        react_1.default.createElement("path", { d: "M67.6 48.8c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H48.9V28.5c0-.4-.3-.8-.8-.8s-.8.3-.8.8v18.8h-3.2c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.2V52c0 .4.3.8.8.8s.8-.3.8-.8v-3.2h18.7z" }))));
+const RecentInteractionsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "recent_interactions_xl ds-icon-set-xlarge", "data-testid": "ds-icon-recent_interactions_xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
+        react_1.default.createElement("path", { className: "prefix__st0", 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", { className: "prefix__st0", 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" }),
+        react_1.default.createElement("path", { className: "prefix__st0", d: "M67.6 48.8c.4 0 .8-.3.8-.8 0-.4-.3-.8-.8-.8H48.9V28.5c0-.4-.3-.8-.8-.8s-.8.3-.8.8v18.8h-3.2c-.4 0-.8.3-.8.8 0 .4.3.8.8.8h3.2V52c0 .4.3.8.8.8s.8-.3.8-.8v-3.2h18.7z" }))));
 exports.default = RecentInteractionsXl;

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

@@ -1,8 +1,9 @@
 "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", "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" })));
+const ReggressionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "reggression-xl ds-icon-set-xlarge", "data-testid": "ds-icon-reggression-xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
+        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" }))));
 exports.default = ReggressionXl;

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

@@ -1,8 +1,8 @@
 "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", "data-testid": "ds-icon-search-hybrid-xl" }, props),
-    react_1.default.createElement("g", { fill: "#384350" },
+const SearchHybridXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-hybrid-xl ds-icon-set-xlarge", "data-testid": "ds-icon-search-hybrid-xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
         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" }))));
 exports.default = SearchHybridXl;

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

@@ -1,8 +1,8 @@
 "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", "data-testid": "ds-icon-search-keywords-xl" }, props),
-    react_1.default.createElement("g", { fill: "#384350" },
+const SearchKeywordsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-keywords-xl ds-icon-set-xlarge", "data-testid": "ds-icon-search-keywords-xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
         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" }),
         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/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", "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" })));
+const SearchNoResultsXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-no-results-xl ds-icon-set-xlarge", "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", fillRule: "nonzero", fill: "currentColor" })));
 exports.default = SearchNoResultsXl;

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

@@ -1,8 +1,8 @@
 "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", "data-testid": "ds-icon-search-semantic-xl" }, props),
-    react_1.default.createElement("g", { fill: "#384350" },
+const SearchSemanticXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "search-semantic-xl ds-icon-set-xlarge", "data-testid": "ds-icon-search-semantic-xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
         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" }),
         react_1.default.createElement("path", { d: "M63.2 31.6c-3.7-3.7-8.7-5.9-14.3-5.9-3.9 0-7.7 1.1-10.8 3.1-.3.2-.5.7-.2 1 .2.3.7.5 1 .2 2.9-1.8 6.3-2.9 10-2.9 10.4 0 18.7 8.4 18.8 18.8 0 10.4-8.4 18.7-18.8 18.8-3.6 0-6.9-1.1-9.8-2.8-.4-.2-.8-.1-1 .3-.2.4-.1.8.3 1 3.1 1.9 6.7 3 10.6 3 5.6 0 10.7-2.3 14.3-5.9 3.7-3.7 5.9-8.7 5.9-14.3 0-5.7-2.3-10.8-6-14.4z" }))));

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", "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" }))));
+const SectionXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "section-xl ds-icon-set-xlarge", "data-testid": "ds-icon-section-xl" }, props),
+    react_1.default.createElement("g", { fill: "currentColor" },
+        react_1.default.createElement("path", { className: "prefix__st0", 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,8 +1,8 @@
 "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", "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" },
+const ShowXl = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "show-xl ds-icon-set-xlarge", "data-testid": "ds-icon-show-xl" }, props),
+    react_1.default.createElement("g", { transform: "translate(17.72 21.944)", stroke: "currentColor", 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 }),
         react_1.default.createElement("path", { d: "M18.279 10.186l-2.363-7.515M7.43 16.431l-4.757-5.56M30.237 7.871V0M42.279 10.186l2.363-7.515M53.128 16.431l4.757-5.56" }))));