@synerise/ds-icon 1.5.2 → 1.5.3

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

@@ -1,8 +1,17 @@
 import React from 'react';
-const LoyalityBoostXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "loyality-boost-xl ds-icon-set-xlarge", "data-testid": "ds-icon-loyality-boost-xl" }, props),
-    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("path", { d: "M59.663 75.291A29.9 29.9 0 0147.75 77.75c-16.568 0-30-13.432-30-30 0-16.569 13.432-30 30-30 10.356 0 19.485 5.247 24.877 13.227" }),
-        React.createElement("path", { d: "M66.68 50.29c0-10.455-8.475-18.93-18.93-18.93-10.454 0-18.93 8.475-18.93 18.93h7.28c0-6.434 5.217-11.649 11.65-11.649 6.434 0 11.65 5.215 11.65 11.65h7.28z" }),
-        React.createElement("path", { d: "M52.196 50.29a4.447 4.447 0 10-8.892.002 4.447 4.447 0 008.892-.002zM44.606 47.146l-7.589-7.589M53.882 56.421L51.24 53.78M71.25 82.358c-7.168 0-13-5.833-13-13 0-7.17 5.832-13 13-13s13 5.83 13 13c0 7.167-5.832 13-13 13z" }),
-        React.createElement("path", { d: "M65.882 72.625c1.138 1.966 2.943 2.963 5.368 2.963 2.425 0 4.23-.997 5.368-2.963M68.305 65.432a1.625 1.625 0 110 3.25 1.625 1.625 0 010-3.25zM74.195 65.432a1.625 1.625 0 110 3.25 1.625 1.625 0 010-3.25zM58.519 45.844l6.498-3.31M72.982 31.469l2.583-1.491a1.17 1.17 0 011.136-.032c.345.187.551.543.54.936l-.082 2.84-.082 2.841a1.17 1.17 0 01-.595.968 1.17 1.17 0 01-1.135.032l-2.501-1.35-2.502-1.35a1.022 1.022 0 01-.54-.935 1.17 1.17 0 01.595-.968l2.583-1.491z" }))));
+const LoyalityBoostXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-loyality-boost-xl", className: "loyality-boost-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-3400677936Customers-/-04-XL-/-04-loyality-boost-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-3400677936Group", transform: "translate(17.000000, 17.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M42.6632836,58.2911967 C39.0113264,59.8731563 34.9829225,60.75 30.7498,60.75 C14.1818,60.75 0.7498,47.318 0.7498,30.75 C0.7498,14.181 14.1818,0.75 30.7498,0.75 C41.1058,0.75 50.2348,5.997 55.6268,13.977", id: "svg-3400677936Stroke-1" }),
+            React.createElement("path", { d: "M49.6796,33.2901 C49.6796,22.8351 41.2046,14.3601 30.7496,14.3601 C20.2956,14.3601 11.8206,22.8351 11.8206,33.2901 L19.1006,33.2901 C19.1006,26.8561 24.3166,21.6411 30.7496,21.6411 C37.1836,21.6411 42.3996,26.8561 42.3996,33.2901 L49.6796,33.2901 Z", id: "svg-3400677936Stroke-3" }),
+            React.createElement("path", { d: "M35.1962,33.2901 C35.1962,30.8341 33.2062,28.8441 30.7502,28.8441 C28.2952,28.8441 26.3032,30.8341 26.3032,33.2901 C26.3032,35.7451 28.2952,37.7361 30.7502,37.7361 C33.2062,37.7361 35.1962,35.7451 35.1962,33.2901 Z", id: "svg-3400677936Stroke-5" }),
+            React.createElement("line", { x1: 27.6064, y1: 30.1461, x2: 20.0174, y2: 22.5571, id: "svg-3400677936Stroke-7" }),
+            React.createElement("line", { x1: 36.8817, y1: 39.421, x2: 34.2397, y2: 36.78, id: "svg-3400677936Stroke-9" }),
+            React.createElement("path", { d: "M54.2499,65.3575 C47.0819,65.3575 41.2499,59.5255 41.2499,52.3575 C41.2499,45.1885 47.0819,39.3575 54.2499,39.3575 C61.4179,39.3575 67.2499,45.1885 67.2499,52.3575 C67.2499,59.5255 61.4179,65.3575 54.2499,65.3575 Z", id: "svg-3400677936Stroke-13" }),
+            React.createElement("path", { d: "M48.8817,55.6251 C50.0197,57.5911 51.8247,58.5881 54.2497,58.5881 C56.6747,58.5881 58.4807,57.5911 59.6177,55.6251", id: "svg-3400677936Stroke-17" }),
+            React.createElement("path", { d: "M51.3046,48.4317 C52.2016,48.4317 52.9296,49.1587 52.9296,50.0567 C52.9296,50.9537 52.2016,51.6817 51.3046,51.6817 C50.4076,51.6817 49.6796,50.9537 49.6796,50.0567 C49.6796,49.1587 50.4076,48.4317 51.3046,48.4317 Z", id: "svg-3400677936Stroke-21" }),
+            React.createElement("path", { d: "M57.1952,48.4317 C58.0922,48.4317 58.8202,49.1587 58.8202,50.0567 C58.8202,50.9537 58.0922,51.6817 57.1952,51.6817 C56.2982,51.6817 55.5702,50.9537 55.5702,50.0567 C55.5702,49.1587 56.2982,48.4317 57.1952,48.4317 Z", id: "svg-3400677936Stroke-25" }),
+            React.createElement("line", { x1: 41.5185, y1: 28.8439, x2: 48.0175, y2: 25.5339, id: "svg-3400677936Stroke-27" }),
+            React.createElement("path", { d: "M57.7321907,21 L54.7497433,21 C54.3374928,21 53.9565565,20.7940073 53.7504293,20.4596122 C53.5443022,20.125217 53.5442999,19.713224 53.7504232,19.3788268 L55.2416949,16.9596171 L56.7328812,14.5404173 C56.9389999,14.2060075 57.3199415,14 57.7322013,14 C58.1444611,14 58.5254028,14.2060075 58.7315214,14.5404173 L60.2227504,16.9596171 L61.7139687,19.3788268 C61.9200921,19.713224 61.9200898,20.125217 61.7139626,20.4596122 C61.5078355,20.7940073 61.1268992,21 60.7146486,21 L57.7321907,21 Z", id: "svg-3400677936Path", transform: "translate(57.732196, 17.500000) rotate(-210.000000) translate(-57.732196, -17.500000) " })))));
 export default LoyalityBoostXl;

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

@@ -1,7 +1,14 @@
 import React from 'react';
-const MarketingAutomationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "marketing-automation-xl ds-icon-set-xlarge", "data-testid": "ds-icon-marketing-automation-xl" }, props),
-    React.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("path", { d: "M57.892 67H25a4 4 0 01-4-4V32.901a4 4 0 014-4h46a4 4 0 014 4v16.473" }),
-        React.createElement("path", { d: "M28.443 38.477L42.274 50.61c3.54 3.103 8.293 3.103 11.831 0L67.556 38.81M59.883 53.883l-4.87-4.071M40.691 49.812L31.2 57.101M40.548 38.527a11.322 11.322 0 01-5.207-9.534c0-6.258 5.072-11.33 11.33-11.33 6.257 0 11.329 5.072 11.329 11.33M46.67 17.663V13M70.12 75c-7.168 0-13-5.832-13-13 0-7.169 5.832-13 13-13s13 5.831 13 13c0 7.168-5.832 13-13 13z" }),
-        React.createElement("path", { d: "M72.78 61.245l-3.1-1.788a1.276 1.276 0 00-1.915 1.103v3.58a1.276 1.276 0 001.914 1.105l3.1-1.789a1.277 1.277 0 000-2.21z" }))));
+const MarketingAutomationXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-marketing-automation-xl", className: "marketing-automation-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-1192728733Campaigns-/-04-XL-/-15-marketing-automation-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-1192728733Group", transform: "translate(21.000000, 13.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M36.8920898,54.0004 C29.5827365,54.0004 18.6187066,54.0004 4,54.0004 C1.791,54.0004 0,52.2094 0,50.0004 L0,19.9014 C0,17.6924 1.791,15.9014 4,15.9014 L50,15.9014 C52.209,15.9014 54,17.6924 54,19.9014 C54,27.222349 54,32.7130607 54,36.3735352", id: "svg-1192728733Path" }),
+            React.createElement("path", { d: "M7.4434,25.4775 L21.2744,37.6085 C24.8134,40.7125 29.5674,40.7125 33.1054,37.6085 L46.5564,25.8105", id: "svg-1192728733Stroke-3" }),
+            React.createElement("line", { x1: 38.8826516, y1: 40.8831915, x2: 34.0132, y2: 36.8123, id: "svg-1192728733Stroke-5" }),
+            React.createElement("line", { x1: 19.6909, y1: 36.812, x2: 10.1999, y2: 44.101, id: "svg-1192728733Stroke-7" }),
+            React.createElement("path", { d: "M19.5479,25.5268 C16.4159,23.5108 14.3409,19.9938 14.3409,15.9928 C14.3409,9.7348 19.4129,4.6628 25.6709,4.6628 C31.9279,4.6628 36.9999,9.7348 36.9999,15.9928", id: "svg-1192728733Stroke-9" }),
+            React.createElement("line", { x1: 25.6704, y1: 4.663, x2: 25.6704, y2: 0, id: "svg-1192728733Stroke-11" }),
+            React.createElement("path", { d: "M49.1201,62.0004 C41.9521,62.0004 36.1201,56.1684 36.1201,49.0004 C36.1201,41.8314 41.9521,36.0004 49.1201,36.0004 C56.2881,36.0004 62.1201,41.8314 62.1201,49.0004 C62.1201,56.1684 56.2881,62.0004 49.1201,62.0004 Z", id: "svg-1192728733Stroke-15" }),
+            React.createElement("path", { d: "M51.7793,48.2455 L48.6793,46.4565 C47.8293,45.9655 46.7653,46.5795 46.7653,47.5605 L46.7653,51.1405 C46.7653,52.1225 47.8293,52.7365 48.6793,52.2455 L51.7793,50.4565 C52.6303,49.9655 52.6303,48.7365 51.7793,48.2455 Z", id: "svg-1192728733Stroke-17" })))));
 export default MarketingAutomationXl;

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

@@ -1,7 +1,13 @@
 import React from 'react';
-const MessageXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "message-xl ds-icon-set-xlarge", "data-testid": "ds-icon-message-xl" }, props),
-    React.createElement("g", { transform: "translate(13.686 19.299)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("path", { d: "M24.5 10.246h35.064a4 4 0 014 4v26.91a4 4 0 01-4 4H48.703a4 4 0 00-2.844 1.186L35.507 56.81a2 2 0 01-2.844 0L22.31 46.342a4 4 0 00-2.844-1.187H9.064a4 4 0 01-4-4v-18.54M22.314 28.207h24M22.314 33.974h12" }),
-        React.createElement("circle", { cx: 12.25, cy: 12.25, r: 12.25 }),
-        React.createElement("path", { d: "M12.303 6.701v9.962M10.19 16.663h4.226M9.314 8.69l2.989-1.989" }))));
+const MessageXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-message-xl", className: "message-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-3812111296Campaigns-/-04-XL-/-08-message-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-3812111296Group", transform: "translate(13.685690, 19.298900)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M24.5,10.2462 L59.56431,10.2462 C61.7734491,10.2462 63.56431,12.037061 63.56431,14.2462 L63.56431,41.15529 C63.56431,43.364429 61.7734491,45.15529 59.56431,45.15529 L48.7030201,45.15529 C47.6345782,45.15529 46.6105431,45.5827406 45.85918,46.34236 L35.5066,56.8086701 C35.1309185,57.1884798 34.618901,57.4022052 34.08468,57.4022052 C33.5504591,57.4022052 33.0384416,57.1884798 32.66276,56.8086701 L22.31018,46.34236 C21.5588096,45.5827333 20.5347623,45.155282 19.46631,45.15529 L9.06431001,45.15529 C6.85517101,45.15529 5.06431001,43.364429 5.06431001,41.15529 L5.06431001,22.61516", id: "svg-3812111296Path" }),
+            React.createElement("line", { x1: 22.31431, y1: 28.20739, x2: 46.31431, y2: 28.20739 }),
+            React.createElement("line", { x1: 22.31431, y1: 33.9742, x2: 34.31431, y2: 33.9742 }),
+            React.createElement("circle", { id: "svg-3812111296Oval", cx: 12.25, cy: 12.25, r: 12.25 }),
+            React.createElement("line", { x1: 12.30276, y1: 6.70110003, x2: 12.30276, y2: 16.66252 }),
+            React.createElement("line", { x1: 10.18961, y1: 16.66252, x2: 14.41591, y2: 16.66252 }),
+            React.createElement("line", { x1: 9.31431004, y1: 8.68954003, x2: 12.30276, y2: 6.70110003 })))));
 export default MessageXl;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-const MetaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", className: "meta-xl ds-icon-set-xlarge", "data-testid": "ds-icon-meta-xl" }, props),
+const MetaXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-meta-xl", className: "meta-xl ds-icon-set-xlarge" }, props),
     React.createElement("g", { fill: "currentColor" },
-        React.createElement("path", { d: "M68.26 69.906a11.256 11.256 0 01-8.49-3.38 46.343 46.343 0 01-6.53-8.755l-5.57-9.303a63.078 63.078 0 00-6.735-9.586c-1.727-1.836-3.51-3.483-6.32-3.483-2.14 0-4.19 1.458-6.094 4.334l-1.38-.914c2.231-3.367 4.745-5.074 7.474-5.074 3.757 0 6.115 2.506 7.524 4.003a63.785 63.785 0 016.95 9.87l5.57 9.304a42.751 42.751 0 006.246 8.4 9.65 9.65 0 007.355 2.93 8.51 8.51 0 007.73-4.284 18.165 18.165 0 002.119-9.278 33.613 33.613 0 00-5.253-18.82c-3.121-4.653-7.21-7.216-11.516-7.216a11.27 11.27 0 00-7.357 3.183 30.999 30.999 0 00-4.21 4.667c.65.841 1.316 1.753 1.992 2.724 3.333-4.907 6.023-6.913 9.25-6.913 3.122 0 6.118 1.97 8.436 5.548 2.793 4.31 4.394 10.512 4.394 17.013 0 5.528-1.879 8.33-5.585 8.33-1.838 0-3.224-.812-4.944-2.897a113.201 113.201 0 01-7.4-11.378l-1.597-2.662a115.464 115.464 0 00-3.15-4.981l-.072-.106a68.599 68.599 0 00-3.014-4.155l-.243-.307a32.522 32.522 0 00-4.7-4.88 12.775 12.775 0 00-8.417-3.186c-4.467 0-8.698 2.727-11.91 7.68l-1.388-.901C24.902 30.073 29.749 27 34.723 27a14.531 14.531 0 019.463 3.558 33.048 33.048 0 014.524 4.612 31.776 31.776 0 014.186-4.58A13.035 13.035 0 0161.34 27c4.874 0 9.452 2.823 12.89 7.949a35.255 35.255 0 015.533 19.74 19.755 19.755 0 01-2.34 10.106 10.112 10.112 0 01-9.163 5.11zM52.77 40.708a119.857 119.857 0 012.968 4.71l1.597 2.661c2.2 3.864 4.623 7.597 7.257 11.178 1.583 1.92 2.544 2.295 3.668 2.295 1.688 0 3.931-.693 3.931-6.676 0-6.1-1.543-12.123-4.129-16.114-2.002-3.09-4.505-4.793-7.046-4.793-2.642 0-4.96 1.844-8.003 6.367-.08.12-.161.245-.242.372z" }),
-        React.createElement("path", { d: "M28.317 69.906a10.898 10.898 0 01-10.008-5.39 14.558 14.558 0 01-1.419-3.235 22.157 22.157 0 01-.888-6.49 36.415 36.415 0 015.422-19.358l1.388.9a34.72 34.72 0 00-5.156 18.458 20.53 20.53 0 00.815 6.005c.301 1.004.723 1.967 1.256 2.869 1.853 3.086 4.662 4.587 8.59 4.587 3.666 0 6.356-1.681 9.597-5.996 1.988-2.65 3.01-4.307 6.833-11.087l2.196-3.888a94.046 94.046 0 00-2.193-3.397l-1.965 3.02c-.576.884-1.234 1.923-1.939 3.037-1.719 2.713-3.668 5.79-5.425 8.223-3.065 4.239-4.86 5.042-7.104 5.042a4.906 4.906 0 01-4.283-2.446 11.177 11.177 0 01-1.324-5.729A30.913 30.913 0 0127.14 38.82l1.379.913a29.191 29.191 0 00-4.156 15.3 9.695 9.695 0 001.077 4.86 3.259 3.259 0 002.876 1.66c1.48 0 2.845-.32 5.763-4.357 1.728-2.391 3.662-5.445 5.369-8.14A296.1 296.1 0 0141.399 46l3.305-5.08.703 1.002a92.173 92.173 0 013.202 4.91l.253.415-2.674 4.735c-3.869 6.857-4.908 8.543-6.95 11.266-3.552 4.728-6.716 6.657-10.921 6.657z" }))));
+        React.createElement("path", { d: "M68.2602 69.9057C66.6875 69.967 65.1194 69.6978 63.6572 69.1155C62.1949 68.5332 60.871 67.6508 59.7708 66.5253C57.2562 63.8749 55.0638 60.9364 53.2393 57.771L47.67 48.4675C45.7272 45.0702 43.4724 41.8612 40.9349 38.8818C39.2075 37.0462 37.4247 35.399 34.6155 35.399C32.4757 35.399 30.4252 36.8572 28.5212 39.7326L27.1416 38.8193C29.372 35.4523 31.886 33.7449 34.6155 33.7449C38.3718 33.7449 40.7303 36.2509 42.1394 37.7478C44.7627 40.8107 47.0895 44.1155 49.0888 47.6178L54.6587 56.9224C56.3889 59.9673 58.4866 62.7881 60.9048 65.3213C61.8539 66.3021 63.0003 67.0704 64.2682 67.5755C65.5361 68.0807 66.8967 68.3111 68.2602 68.2516C69.8174 68.3138 71.3618 67.9472 72.725 67.1917C74.0881 66.4363 75.2176 65.3211 75.9904 63.9676C77.5084 61.1183 78.2396 57.9158 78.1087 54.69C78.2598 48.0349 76.4315 41.4848 72.8555 35.8701C69.7345 31.2167 65.6454 28.6542 61.3399 28.6542C58.5806 28.7779 55.9628 29.9105 53.9835 31.837C52.4254 33.246 51.0145 34.8096 49.7727 36.5039C50.4221 37.345 51.0887 38.2571 51.765 39.2285C55.0981 34.3215 57.7882 32.3153 61.0158 32.3153C64.1367 32.3153 67.1327 34.2855 69.4513 37.863C72.2438 42.1734 73.8452 48.3748 73.8452 54.8762C73.8452 60.4041 71.966 63.2063 68.2603 63.2063C66.4219 63.2063 65.0359 62.3943 63.3161 60.3093C60.6242 56.6678 58.1532 52.868 55.9165 48.9305L54.3194 46.2689C53.2263 44.4467 52.1764 42.7863 51.1694 41.2876L51.0973 41.1815C50.0645 39.6496 49.0511 38.2517 48.083 37.0267L47.8401 36.7198C46.4476 34.9337 44.8723 33.298 43.1399 31.8392C40.8135 29.7918 37.8222 28.6598 34.7232 28.6542C30.2556 28.6542 26.0254 31.3815 22.813 36.3332L21.4248 35.4329C24.9022 30.0736 29.7489 27 34.7232 27C38.2015 27.0151 41.5589 28.2775 44.1856 30.5576C45.8408 31.9436 47.3563 33.4885 48.7102 35.1701C49.9527 33.5105 51.3545 31.9765 52.8958 30.59C55.1824 28.4095 58.1831 27.1338 61.3399 27C66.2141 27 70.7921 29.8232 74.2296 34.9488C77.9889 40.8357 79.9147 47.7067 79.7628 54.6899C79.8967 58.2064 79.0888 61.6949 77.4227 64.7946C76.5091 66.4032 75.1717 67.7303 73.5562 68.6315C71.9407 69.5327 70.1089 69.9734 68.2602 69.9057ZM52.7708 40.7082C53.7261 42.1437 54.715 43.7135 55.7378 45.4176L57.3348 48.0792C59.5342 51.9433 61.9575 55.6757 64.5922 59.2571C66.1753 61.1762 67.1359 61.552 68.2602 61.552C69.9478 61.552 72.191 60.8595 72.191 54.8762C72.191 48.7765 70.6478 42.7527 68.0621 38.7622C66.0601 35.6714 63.5573 33.9693 61.0158 33.9693C58.3741 33.9693 56.0555 35.8135 53.0131 40.3356C52.9334 40.4551 52.8516 40.5811 52.7708 40.7082Z" }),
+        React.createElement("path", { d: "M28.3168 69.9057C26.3144 70.0152 24.3207 69.57 22.555 68.6192C20.7893 67.6684 19.3203 66.2488 18.3095 64.5168C17.7067 63.4997 17.2301 62.413 16.8901 61.2806C16.2741 59.1734 15.9747 56.9863 16.0017 54.7911C15.9569 47.9574 17.8359 41.249 21.424 35.4329L22.8121 36.3332C19.3957 41.8802 17.6089 48.2765 17.6558 54.7911C17.629 56.822 17.9038 58.8457 18.4711 60.796C18.772 61.7997 19.1938 62.7631 19.7273 63.665C21.5796 66.7514 24.3888 68.2516 28.3168 68.2516C31.9827 68.2516 34.6734 66.5705 37.9144 62.2563C39.9018 59.606 40.9238 57.9486 44.7469 51.1694L46.9428 47.2806C46.2024 46.0804 45.4685 44.9432 44.7502 43.884L42.7848 46.9037C42.2091 47.7879 41.5512 48.8271 40.8463 49.9406C39.127 52.6545 37.1783 55.7313 35.4208 58.164C32.3564 62.4028 30.5601 63.2061 28.3168 63.2061C27.4507 63.2127 26.5983 62.9899 25.8461 62.5603C25.094 62.1308 24.4689 61.5098 24.0344 60.7605C23.0894 59.0032 22.632 57.025 22.7098 55.0313C22.6614 49.3217 24.1953 43.7103 27.1414 38.8192L28.5198 39.7325C25.7498 44.3511 24.3115 49.6459 24.364 55.0313C24.294 56.7175 24.6654 58.3927 25.4414 59.8914C25.7279 60.4005 26.1459 60.8233 26.6518 61.1154C27.1576 61.4076 27.7327 61.5584 28.3168 61.552C29.7976 61.552 31.1621 61.2311 34.08 57.1948C35.8079 54.804 37.7421 51.7499 39.449 49.0549C40.1576 47.9354 40.8199 46.8903 41.3988 46.0013L44.7044 40.9219L45.4071 41.9229C46.4452 43.4016 47.5227 45.0536 48.6088 46.8332L48.8618 47.2478L46.1878 51.9825C42.3195 58.8404 41.2803 60.5257 39.2374 63.2493C35.6857 67.9769 32.5222 69.9057 28.3168 69.9057Z" }))));
 export default MetaXl;

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

@@ -1,10 +1,17 @@
 import React from 'react';
-const MobileBannerXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "mobile-banner-xl ds-icon-set-xlarge", "data-testid": "ds-icon-mobile-banner-xl" }, props),
-    React.createElement("g", { transform: "translate(21 18.011)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("path", { d: "M20.706 20.231h9M20.706 27.761h18M48.627 35.387v20.457a4.146 4.146 0 01-4.134 4.134H9.507a4.146 4.146 0 01-4.134-4.134V35.818M5.373 12.237V4.134A4.146 4.146 0 019.507 0h34.986a4.146 4.146 0 014.134 4.134v8.382M5.592 49.367h43.035" }),
-        React.createElement("circle", { cx: 27, cy: 54.539, r: 1.884 }),
-        React.createElement("rect", { y: 12.702, width: 54.132, height: 22.685, rx: 2 }),
-        React.createElement("path", { d: "M44.491 17.269l6 6M50.491 17.269l-6 6" }),
-        React.createElement("rect", { x: 6.059, y: 19.496, width: 9, height: 9, rx: 2 }),
-        React.createElement("path", { d: "M22.85 4.469h8.519" }))));
+const MobileBannerXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-mobile-banner-xl", className: "mobile-banner-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-2410427634Campaigns-/-04-XL-/-06-mobile-banner-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-2410427634Group", transform: "translate(21.000000, 18.011070)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("line", { x1: 20.70572, y1: 20.23135, x2: 29.70572, y2: 20.23135, id: "svg-2410427634Path" }),
+            React.createElement("line", { x1: 20.70572, y1: 27.7607, x2: 38.70572, y2: 27.7607 }),
+            React.createElement("path", { d: "M48.62675,35.38709 L48.62675,55.84421 C48.6200773,58.1243922 46.7732822,59.9711873 44.4931,59.97786 L9.5069,59.97786 C7.2267178,59.9711873 5.37992274,58.1243922 5.37325,55.84421 L5.37325,35.81821" }),
+            React.createElement("path", { d: "M5.37325,12.23693 L5.37325,4.13365 C5.37992274,1.8534678 7.2267178,0.00667274218 9.5069,-4.4408921e-14 L44.4931,-4.4408921e-14 C46.7732822,0.00667274218 48.6200773,1.8534678 48.62675,4.13365 L48.62675,12.51593" }),
+            React.createElement("line", { x1: 5.59244, y1: 49.36697, x2: 48.62675, y2: 49.36697 }),
+            React.createElement("circle", { id: "svg-2410427634Oval", cx: 27, cy: 54.53851, r: 1.88437 }),
+            React.createElement("rect", { id: "svg-2410427634Rectangle", x: -2.48689958e-13, y: 12.702, width: 54.1315, height: 22.6851, rx: 2 }),
+            React.createElement("line", { x1: 44.49128, y1: 17.26896, x2: 50.49128, y2: 23.26896 }),
+            React.createElement("line", { x1: 50.49128, y1: 17.26896, x2: 44.49128, y2: 23.26896 }),
+            React.createElement("rect", { x: 6.0587, y: 19.496025, width: 9, height: 9, rx: 2 }),
+            React.createElement("line", { x1: 22.85018, y1: 4.46946, x2: 31.369, y2: 4.46946 })))));
 export default MobileBannerXl;

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

@@ -1,8 +1,11 @@
 import React from 'react';
-const MobilePromotionXl = (props) => (React.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.createElement("g", { transform: "translate(26.483 18.011)", fill: "none", fillRule: "evenodd" },
-        React.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.createElement("circle", { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", cx: 21.402, cy: 54.539, r: 1.884 }),
-        React.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.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" }))));
+const MobilePromotionXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-mobile-promotion-xl", className: "mobile-promotion-xl ds-icon-set-xlarge" }, props),
+    React.createElement("g", { id: "svg-1861360373Campaigns-/-04-XL-/-03-mobile-promotion-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "svg-1861360373Group", transform: "translate(26.482840, 18.011070)" },
+            React.createElement("path", { d: "M43.25351,36.98893 L43.25351,55.84421 C43.2468318,58.1243938 41.4000338,59.9711873 39.11985,59.97786 L4.13366,59.97786 C1.85347617,59.9711873 0.00667823093,58.1243938 -6.8567374e-13,55.84421 L-6.8567374e-13,24.39193", id: "svg-1861360373Path", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M-7.17648163e-13,24.39193 L-7.17648163e-13,4.13365 C0.00667823093,1.85346619 1.85347617,0.00667271479 4.13366,-3.55271368e-15 L39.11985,-3.55271368e-15 C41.4000338,0.00667271479 43.2468318,1.85346619 43.25351,4.13365 L43.25351,12.9889299", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("line", { x1: 0.21919, y1: 49.36697, x2: 43.25351, y2: 49.36697, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("circle", { id: "svg-1861360373Oval", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", cx: 21.40153, cy: 54.53851, r: 1.88437 }),
+            React.createElement("path", { d: "M32.89558,25.51939 L32.89558,30.37876 C31.8799632,30.3700445 30.8896436,30.06094 30.04939,29.49039 C29.7345392,29.2225679 29.2623583,29.2599346 28.9935516,29.5739451 C28.7247449,29.8879557 28.7606327,30.3602513 29.0738,30.63004 C30.1878485,31.4330424 31.5223981,31.8730117 32.89558,31.88999 L32.89558,33.23893 C32.89558,33.6531436 33.2313664,33.98893 33.64558,33.98893 C34.0597936,33.98893 34.39558,33.6531436 34.39558,33.23893 L34.39558,31.82359 C35.0001613,31.7482698 35.5904265,31.5846822 36.14753,31.33805 C37.5336774,30.7716709 38.4289818,29.411352 38.40095,27.91422 C38.40095,25.63505 36.31434,24.8776 34.39558,24.3621 L34.39558,20.0026 C35.2664265,20.0893174 36.1293078,20.2429277 36.97658,20.46207 C37.3759592,20.5719608 37.7888042,20.3372842 37.898695,19.937905 C38.0085859,19.5385258 37.7739092,19.1256808 37.37453,19.01579 C36.3978507,18.7574678 35.4014392,18.5805487 34.39553,18.48685 L34.39553,16.73893 C34.39553,16.3247164 34.0597436,15.98893 33.64553,15.98893 C33.2313164,15.98893 32.89553,16.3247164 32.89553,16.73893 L32.89553,18.43681 C31.788691,18.4064447 30.6987939,18.7134435 29.77053,19.31705 C29.0221822,19.8929901 28.5985352,20.7952574 28.63337,21.73893 C28.63337,24.20993 30.87788,24.98417 32.89558,25.51939 Z M34.39558,25.92252 C35.9687,26.37699 36.90095,26.85185 36.90095,27.91422 C36.9325222,28.8268798 36.3764704,29.657322 35.52058,29.97575 C35.1609849,30.1312712 34.7828847,30.2399087 34.39558,30.29899 L34.39558,25.92252 Z M30.67927,20.51093 C31.3450999,20.1047665 32.1162821,19.9048369 32.89558,19.93635 L32.89558,23.96193 C31.1609,23.47013 30.13337,22.96128 30.13337,21.73893 C30.0977028,21.2639189 30.3027352,20.8026992 30.67927,20.51093 Z", fill: "currentColor", fillRule: "nonzero" }),
+            React.createElement("path", { d: "M33.51716,9.98893 C41.8014312,9.98893 48.51716,16.7046588 48.51716,24.98893 C48.51716,33.2732012 41.8014312,39.98893 33.51716,39.98893 L18.51716,39.98893 L18.51716,39.98893 L18.51716,24.98893 C18.51716,16.7046588 25.2328888,9.98893 33.51716,9.98893 Z", id: "svg-1861360373Rectangle", stroke: "currentColor", strokeWidth: 1.5, strokeLinejoin: "round" })))));
 export default MobilePromotionXl;

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

@@ -1,11 +1,16 @@
 import React from 'react';
-const MobileStepsXl = (props) => (React.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.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd" },
-        React.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 29.989, cy: 51.884, r: 1.884 }),
-        React.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 37.2, cy: 51.884, r: 1.884 }),
-        React.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 22.8, cy: 51.884, r: 2 }),
-        React.createElement("path", { d: "M51.627 48.435v7.431A4.146 4.146 0 0147.493 60H12.507a4.146 4.146 0 01-4.134-4.134v-8.434", strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M8.373 49.572V4.134A4.146 4.146 0 0112.507 0h34.986a4.146 4.146 0 014.134 4.134v45.438M39.451 33.5H21M36 38.5H25", strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M8.373 53.978h-4.24A4.146 4.146 0 010 49.844v-39.71A4.146 4.146 0 014.134 6h4.24M52 53.978h4.24a4.146 4.146 0 004.133-4.134v-39.71A4.146 4.146 0 0056.24 6H52", strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("circle", { cx: 30, cy: 18, r: 8 }))));
+const MobileStepsXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-mobile-steps-xl", className: "mobile-steps-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-3394973671Campaigns-/-04-XL-/-05-mobile-steps-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "svg-3394973671Group", transform: "translate(18.000000, 18.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("circle", { id: "svg-3394973671Oval", strokeLinecap: "round", strokeLinejoin: "round", cx: 29.98913, cy: 51.88437, r: 1.88437 }),
+            React.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 37.1995, cy: 51.88437, r: 1.88437 }),
+            React.createElement("circle", { strokeLinecap: "round", strokeLinejoin: "round", cx: 22.8005, cy: 51.88437, r: 2 }),
+            React.createElement("path", { d: "M51.62675,48.4350586 L51.62675,55.86638 C51.6200608,58.1465505 49.7732705,59.9933273 47.4931,60 L12.5069,60 C10.2267178,59.9933273 8.37992274,58.1465322 8.37325,55.86635 L8.37325,47.4316406", id: "svg-3394973671Path", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M8.37325,49.5722922 L8.37325,4.13365 C8.37992274,1.8534678 10.2267178,0.00667274218 12.5069,-3.55271368e-15 L47.4931,-3.55271368e-15 C49.7732822,0.00667274218 51.6200773,1.8534678 51.62675,4.13365 L51.62675,49.5722922", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("line", { x1: 39.4509704, y1: 33.5, x2: 21, y2: 33.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("line", { x1: 36, y1: 38.5, x2: 25, y2: 38.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M8.37325,53.97786 L4.13365,53.97786 C1.8534678,53.9711873 0.00667274218,52.1243922 2.80664381e-13,49.84421 L2.80664381e-13,18.39193 L2.80664381e-13,10.13365 C0.00667274218,7.8534678 1.8534678,6.00667274 4.13365,6 L8.37325,6", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M60.37325,53.97786 L56.13365,53.97786 C53.8534678,53.9711873 52.0066727,52.1243922 52,49.84421 L52,18.39193 L52,10.13365 C52.0066727,7.8534678 53.8534678,6.00667274 56.13365,6 L60.37325,6", strokeLinecap: "round", strokeLinejoin: "round", transform: "translate(56.186625, 29.988930) scale(-1, 1) translate(-56.186625, -29.988930) " }),
+            React.createElement("circle", { cx: 30, cy: 18, r: 8 })))));
 export default MobileStepsXl;

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

@@ -1,8 +1,12 @@
 import React from 'react';
-const MobileUpdateXl = (props) => (React.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.createElement("g", { transform: "translate(26.37 18.011)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.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.createElement("circle", { cx: 21.592, cy: 54.539, r: 1.884 }),
-        React.createElement("circle", { cx: 21.627, cy: 25.989, r: 13 }),
-        React.createElement("path", { d: "M16.386 25.089c0 .3-.1.6-.1.9a5.484 5.484 0 005.5 5.5c.304.016.608-.018.9-.1M27.086 26.889c0-.3.1-.6.1-.9a5.484 5.484 0 00-5.5-5.5 2.769 2.769 0 00-.9.1" }))));
+const MobileUpdateXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-mobile-update-xl", className: "mobile-update-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-1771938071Campaigns-/-04-XL-/-04-mobile-update-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-1771938071Group", transform: "translate(26.370000, 18.011070)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M-6.75015599e-13,24.39193 L-6.75015599e-13,4.13365 C0.00667823093,1.85346619 1.85347617,0.00667271479 4.13366,-1.77635684e-14 L39.11985,-1.77635684e-14 C41.4000338,0.00667271479 43.2468318,1.85346619 43.25351,4.13365 L43.25351,55.84421 C43.2468318,58.1243938 41.4000338,59.9711873 39.11985,59.97786 L4.13366,59.97786 C1.85347617,59.9711873 0.00667823093,58.1243938 -6.75015599e-13,55.84421 L-6.75015599e-13,24.39193", id: "svg-1771938071Path" }),
+            React.createElement("line", { x1: 0.21919, y1: 49.36697, x2: 43.25351, y2: 49.36697 }),
+            React.createElement("circle", { id: "svg-1771938071Oval", cx: 21.59152, cy: 54.53851, r: 1.88437 }),
+            React.createElement("circle", { cx: 21.62676, cy: 25.98893, r: 13 }),
+            React.createElement("path", { d: "M16.38635,25.08893 C16.38635,25.38893 16.2863266,25.68893 16.2863266,25.98893 C16.2820841,27.4489243 16.8601767,28.8503507 17.892553,29.882727 C18.9249293,30.9151033 20.3263557,31.4931959 21.78635,31.48893 C22.0898051,31.505217 22.3938714,31.4714318 22.68635,31.38893" }),
+            React.createElement("path", { d: "M27.08635,26.88893 C27.08635,26.58893 27.1863734,26.28893 27.1863734,25.98893 C27.1906159,24.5289357 26.6125233,23.1275093 25.580147,22.095133 C24.5477707,21.0627567 23.1463443,20.4846641 21.68635,20.48893 C21.3828949,20.472643 21.0788286,20.5064282 20.78635,20.58893" })))));
 export default MobileUpdateXl;

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

@@ -1,7 +1,10 @@
 import React from 'react';
-const MultivalueXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "multivalue-xl ds-icon-set-xlarge", "data-testid": "ds-icon-multivalue-xl" }, props),
-    React.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("rect", { x: 36.439, y: 0.762, width: 22.694, height: 22.694, rx: 2 }),
-        React.createElement("circle", { cx: 13.391, cy: 45.381, r: 12.309 }),
-        React.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" }))));
+const MultivalueXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-multivalue-xl", className: "multivalue-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-2700404201Campaigns-/-04-XL-/12-multivalue-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-2700404201Group", transform: "translate(18.000000, 18.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("rect", { id: "svg-2700404201Rectangle", x: 36.4388501, y: 0.76151002, width: 22.69356, height: 22.69356, rx: 2 }),
+            React.createElement("circle", { id: "svg-2700404201Oval", cx: 13.39106, cy: 45.3814001, r: 12.30932 }),
+            React.createElement("path", { d: "M24.02914,24.08922 L2.75298083,24.08922 C2.0384572,24.08922 1.37820015,23.7080268 1.02093232,23.089224 C0.663664485,22.4704213 0.663663608,21.7080236 1.02093002,21.08922 L11.659,2.66353276 C12.0162645,2.04473378 12.6765209,1.66353276 13.391055,1.66353276 C14.1055892,1.66353276 14.7658455,2.04473378 15.12311,2.66353276 L25.76119,21.08922 C26.1184556,21.7080221 26.1184556,22.4704176 25.7611902,23.0892197 C25.4039249,23.7080218 24.7436711,24.08922 24.02914,24.08922 Z", id: "svg-2700404201Path" }),
+            React.createElement("path", { d: "M59.2500001,51.7742401 L59.2500001,40.8457301 C59.2500001,40.1311992 58.868802,39.4709455 58.2500001,39.1136801 L48.7856301,33.6494201 C48.1668279,33.2921545 47.4044322,33.2921545 46.7856301,33.6494201 L37.3212701,39.1136801 C36.7024682,39.4709455 36.3212701,40.1311992 36.3212701,40.8457301 L36.3212701,51.7742401 C36.3212701,52.488771 36.7024682,53.1490246 37.3212701,53.5062901 L46.7856301,58.9705401 C47.4044322,59.3278057 48.1668279,59.3278057 48.7856301,58.9705401 L58.2500001,53.5062901 C58.868802,53.1490246 59.2500001,52.488771 59.2500001,51.7742401 Z" })))));
 export default MultivalueXl;

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

@@ -1,7 +1,13 @@
 import React from 'react';
-const NetworkFileXl = (props) => (React.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.createElement("g", { transform: "translate(23.863 20.74)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("circle", { cx: 24.137, cy: 50.254, r: 4.007 }),
-        React.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.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" }))));
+const NetworkFileXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-network-file-xl", className: "network-file-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-3898545598Database-/-04-XL-/-01-network-file-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-3898545598Group", transform: "translate(23.863010, 20.739440)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("circle", { id: "svg-3898545598Oval", cx: 24.13699, cy: 50.25379, r: 4.00677 }),
+            React.createElement("line", { x1: 24.13699, y1: 37.72124, x2: 24.13699, y2: 46.24703, id: "svg-3898545598Path" }),
+            React.createElement("path", { d: "M3.8407,37.72124 L44.16814,37.72124 C46.2892961,37.72124 48.00885,36.0017161 48.00885,33.88056 L48.00885,10.69911 C48.00885,9.68049129 47.6042046,8.70359271 46.8839315,7.98332145 C46.1636583,7.26305019 45.1867587,6.85840735 44.16814,6.85841 L25.5953,6.85841 C24.5766782,6.85840715 23.5997769,6.45376182 22.8795,5.73349 L18.27093,1.12492 C17.5506605,0.404643177 16.5737601,-2.13162821e-14 15.55514,-2.13162821e-14 L3.8407,-2.13162821e-14 C2.82208129,-2.13162821e-14 1.84518271,0.404645389 1.12491145,1.12491852 C0.404640194,1.84519165 8.17124146e-14,2.82209129 8.17124146e-14,3.84071 L8.17124146e-14,33.88056 C8.17124146e-14,36.0017122 1.71954777,37.72124 3.8407,37.72124 Z", id: "svg-3898545598folder-m" }),
+            React.createElement("path", { d: "M18.76399,20.61549 C18.76399,20.91549 18.6639666,21.21549 18.6639666,21.51549 C18.6597241,22.9754843 19.2378167,24.3769107 20.270193,25.409287 C21.3025693,26.4416633 22.7039957,27.0197559 24.16399,27.01549 C24.4674451,27.031777 24.7715114,26.9979918 25.06399,26.91549" }),
+            React.createElement("path", { d: "M29.46399,22.41549 C29.46399,22.11549 29.5640134,21.81549 29.5640134,21.51549 C29.5682559,20.0554957 28.9901633,18.6540693 27.957787,17.621693 C26.9254107,16.5893167 25.5239843,16.0112241 24.06399,16.01549 C23.760535,15.9992047 23.4564689,16.0329898 23.16399,16.11549" }),
+            React.createElement("line", { x1: 3.13699, y1: 49.96819, x2: 20.11669, y2: 49.96819 }),
+            React.createElement("line", { x1: 28.13699, y1: 49.96819, x2: 45.19389, y2: 49.96819 })))));
 export default NetworkFileXl;

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

@@ -1,4 +1,5 @@
 import React from 'react';
-const NoPermissionXl = (props) => (React.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.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" })));
+const NoPermissionXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-no-permission-xl", className: "no-permission-xl ds-icon-set-xlarge" }, props),
+    React.createElement("g", { id: "svg-4224413420Security-/-04-XL-/-01-no-permission-xl", stroke: "none", strokeWidth: 1, fillRule: "evenodd", fill: "currentColor" },
+        React.createElement("path", { d: "M51.7733,20.9995 C56.3663,20.9995 60.1023,24.7235 60.1023,29.2995 L60.1023,29.2995 L60.1023,38.4315 L68.0293,38.4315 C70.6483,38.4315 72.7793,40.5625 72.7793,43.1815 L72.7793,43.1815 L72.7793,72.2075 C72.7793,74.8265 70.6483,76.9575 68.0293,76.9575 L68.0293,76.9575 L27.7503,76.9575 C25.1313,76.9575 23.0003,74.8265 23.0003,72.2075 L23.0003,72.2075 L23.0003,43.1815 C23.0003,40.5625 25.1313,38.4315 27.7503,38.4315 L27.7503,38.4315 L35.6763,38.4315 L35.6763,29.2995 C35.6763,24.7235 39.4123,20.9995 44.0053,20.9995 L44.0053,20.9995 Z M68.0293,39.9315 L27.7503,39.9315 C25.9583,39.9315 24.5003,41.3895 24.5003,43.1815 L24.5003,43.1815 L24.5003,72.2075 C24.5003,73.9995 25.9583,75.4575 27.7503,75.4575 L27.7503,75.4575 L68.0293,75.4575 C69.8213,75.4575 71.2793,73.9995 71.2793,72.2075 L71.2793,72.2075 L71.2793,43.1815 C71.2793,41.3895 69.8213,39.9315 68.0293,39.9315 L68.0293,39.9315 Z M47.8901,47.5044 C51.5731,47.5044 54.5701,50.4914 54.5701,54.1624 C54.5701,56.0764 53.7571,57.8684 52.3271,59.1354 L52.3271,64.9024 C52.3271,67.3424 50.3371,69.3264 47.8901,69.3264 C45.4431,69.3264 43.4521,67.3424 43.4521,64.9024 L43.4521,59.1354 C42.0221,57.8694 41.2091,56.0764 41.2091,54.1624 C41.2091,50.4914 44.2061,47.5044 47.8901,47.5044 Z M47.8901,49.0044 C45.0331,49.0044 42.7091,51.3184 42.7091,54.1624 C42.7091,55.7394 43.4231,57.2104 44.6681,58.1984 C44.8481,58.3404 44.9521,58.5564 44.9521,58.7854 L44.9521,64.9024 C44.9521,66.5154 46.2701,67.8264 47.8901,67.8264 C49.5101,67.8264 50.8271,66.5154 50.8271,64.9024 L50.8271,58.7854 C50.8271,58.5564 50.9321,58.3404 51.1111,58.1984 C52.3561,57.2104 53.0701,55.7394 53.0701,54.1624 C53.0701,51.3184 50.7461,49.0044 47.8901,49.0044 Z M51.7733,22.4995 L44.0053,22.4995 C40.2393,22.4995 37.1763,25.5505 37.1763,29.2995 L37.1763,29.2995 L37.1763,38.4315 L58.6023,38.4315 L58.6023,29.2995 C58.6023,25.5505 55.5393,22.4995 51.7733,22.4995 L51.7733,22.4995 Z", fillRule: "nonzero" }))));
 export default NoPermissionXl;

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

@@ -1,8 +1,13 @@
 import React from 'react';
-const NotificationsEditXl = (props) => (React.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.createElement("g", { transform: "translate(27.322 18)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.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.createElement("circle", { cx: 39.678, cy: 13, r: 13 }),
-        React.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" }),
-        React.createElement("path", { d: "M44.59 10.918l.914-.915a.778.778 0 000-1.104l-1.67-1.67a.777.777 0 00-1.103 0l-.915.916" }))));
+const NotificationsEditXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-notifications-edit-xl", className: "notifications-edit-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-2451320452Information-/-04-XL-/-01-notifications-edit-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-2451320452Group-2", transform: "translate(27.322470, 18.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M28.0461813,7.18747318 C25.6957624,6.29579581 23.1980109,5.8431197 20.67753,5.85548321 C8.68939,5.85548321 6.75015599e-14,15.57413 6.75015599e-14,27.56226 L6.75015599e-14,50.05874 L41.3552508,50.05874 L41.3552508,27.56226 C41.3560577,27.0598992 41.3410537,26.5580463 41.3102282,26.0574484", id: "svg-2451320452Path" }),
+            React.createElement("path", { d: "M30.24227,50.31527 C30.24227,55.6639987 25.9062687,60 20.55754,60 C15.2088113,60 10.87281,55.6639987 10.87281,50.31527" }),
+            React.createElement("line", { x1: 5.86411, y1: 44.45857, x2: 5.86411, y2: 33.54543 }),
+            React.createElement("line", { x1: 5.95031, y1: 28.36996, x2: 5.95031, y2: 26.65292 }),
+            React.createElement("circle", { id: "svg-2451320452Oval", cx: 39.67753, cy: 13, r: 13 }),
+            React.createElement("path", { d: "M41.8160941,8.1444 L42.7310941,7.2294 L35.0360941,14.9234 C34.9310941,15.0284 34.8580941,15.1614 34.8250941,15.3074 L34.1840941,18.2214 C34.1410941,18.4174 34.3160941,18.5924 34.5120941,18.5494 L37.4260941,17.9064 C37.5720941,17.8754 37.7040941,17.8024 37.8100941,17.6964 L44.5890941,10.9174" }),
+            React.createElement("path", { d: "M44.5891941,10.9175 L45.5041941,10.0025 C45.5801941,9.9265 45.6381941,9.8385 45.6761941,9.7445 C45.6941941,9.6975 45.7091941,9.6485 45.7191941,9.6005 C45.7571941,9.4025 45.7191941,9.1935 45.6051941,9.0215 C45.5751941,8.9785 45.5421941,8.9375 45.5041941,8.8985 L43.8341941,7.2295 C43.5291941,6.9235 43.0351941,6.9235 42.7311941,7.2295 L41.8161941,8.1445" })))));
 export default NotificationsEditXl;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-const PauseXl = (props) => (React.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.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" })));
+const PauseXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-pause-xl", className: "pause-xl ds-icon-set-xlarge" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M47.75 18.5C31.622 18.5 18.5 31.622 18.5 47.75C18.5 63.878 31.622 77 47.75 77C63.878 77 77 63.878 77 47.75C77 31.622 63.878 18.5 47.75 18.5ZM47.75 78.5C30.794 78.5 17 64.706 17 47.75C17 30.794 30.794 17 47.75 17C64.706 17 78.5 30.794 78.5 47.75C78.5 64.706 64.706 78.5 47.75 78.5ZM41.3857 61.5H39.6143C38.5897 61.4989 37.6075 61.0914 36.8831 60.3669C36.1586 59.6425 35.7511 58.6603 35.75 57.6357V38.8643C35.7511 37.8397 36.1586 36.8575 36.8831 36.1331C37.6075 35.4086 38.5897 35.0011 39.6143 35H41.3857C42.4103 35.0011 43.3925 35.4086 44.1169 36.1331C44.8414 36.8575 45.2489 37.8397 45.25 38.8643V57.6357C45.2489 58.6603 44.8414 59.6425 44.1169 60.3669C43.3925 61.0914 42.4103 61.4989 41.3857 61.5ZM39.6143 36.5C38.9874 36.5007 38.3865 36.75 37.9432 37.1932C37.5 37.6365 37.2507 38.2374 37.25 38.8643V57.6357C37.2507 58.2626 37.5 58.8635 37.9432 59.3068C38.3865 59.75 38.9874 59.9993 39.6143 60H41.3857C42.0126 59.9993 42.6135 59.75 43.0568 59.3068C43.5 58.8635 43.7493 58.2626 43.75 57.6357V38.8643C43.7493 38.2374 43.5 37.6365 43.0568 37.1932C42.6135 36.75 42.0126 36.5007 41.3857 36.5H39.6143ZM54.6152 61.5H56.3867C57.4112 61.4989 58.3935 61.0914 59.1179 60.3669C59.8424 59.6425 60.2499 58.6603 60.251 57.6357V38.8643C60.2499 37.8397 59.8424 36.8575 59.1179 36.1331C58.3935 35.4086 57.4112 35.0011 56.3867 35H54.6152C53.5907 35.0011 52.6085 35.4086 51.884 36.1331C51.1596 36.8575 50.7521 37.8397 50.751 38.8643V57.6357C50.7521 58.6603 51.1596 59.6425 51.884 60.3669C52.6085 61.0914 53.5907 61.4989 54.6152 61.5ZM52.9442 37.1932C53.3874 36.75 53.9884 36.5007 54.6152 36.5H56.3867C57.0135 36.5007 57.6145 36.75 58.0577 37.1932C58.501 37.6365 58.7503 38.2374 58.751 38.8643V57.6357C58.7503 58.2626 58.501 58.8635 58.0577 59.3068C57.6145 59.75 57.0135 59.9993 56.3867 60H54.6152C53.9884 59.9993 53.3874 59.75 52.9442 59.3068C52.501 58.8635 52.2517 58.2626 52.251 57.6357V38.8643C52.2517 38.2374 52.501 37.6365 52.9442 37.1932Z", fill: "currentColor" })));
 export default PauseXl;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-const PlayXl = (props) => (React.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.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" })));
+const PlayXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-play-xl", className: "play-xl ds-icon-set-xlarge" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5 47.75C18.5 31.622 31.622 18.5 47.75 18.5C63.878 18.5 77 31.622 77 47.75C77 63.878 63.878 77 47.75 77C31.622 77 18.5 63.878 18.5 47.75ZM17 47.75C17 64.706 30.794 78.5 47.75 78.5C64.706 78.5 78.5 64.706 78.5 47.75C78.5 30.794 64.706 17 47.75 17C30.794 17 17 30.794 17 47.75ZM39.5296 35.78C39.8427 35.5993 40.1978 35.5042 40.5593 35.5042C40.9208 35.5042 41.2759 35.5993 41.5889 35.78L50.5605 40.9598L59.532 46.1395C59.8451 46.3203 60.105 46.5802 60.2858 46.8933C60.4665 47.2063 60.5617 47.5614 60.5617 47.9229C60.5617 48.2844 60.4665 48.6395 60.2858 48.9526C60.105 49.2656 59.8451 49.5256 59.532 49.7063L50.5605 54.8861L41.5889 60.0658C41.2759 60.2465 40.9208 60.3417 40.5593 60.3417C40.1978 60.3417 39.8427 60.2465 39.5296 60.0658C39.2166 59.885 38.9566 59.6251 38.7759 59.312C38.5952 58.999 38.5 58.6439 38.5 58.2824V37.5634C38.5 37.2019 38.5952 36.8468 38.7759 36.5338C38.9566 36.2207 39.2166 35.9608 39.5296 35.78ZM40.5593 34.0042C39.9345 34.0042 39.3207 34.1686 38.7796 34.481C38.2386 34.7934 37.7892 35.2427 37.4769 35.7838C37.1645 36.3249 37 36.9386 37 37.5634V58.2824C37 58.9072 37.1645 59.521 37.4769 60.062C37.7892 60.6031 38.2386 61.0524 38.7796 61.3648C39.3207 61.6772 39.9345 61.8417 40.5593 61.8417C41.1841 61.8417 41.7978 61.6772 42.3389 61.3648L51.3105 56.1851L60.282 51.0053C60.8231 50.693 61.2724 50.2436 61.5848 49.7026C61.8972 49.1615 62.0617 48.5477 62.0617 47.9229C62.0617 47.2981 61.8972 46.6844 61.5848 46.1433C61.2724 45.6022 60.8231 45.1529 60.282 44.8405L51.3105 39.6607L42.3389 34.481C41.7978 34.1686 41.1841 34.0042 40.5593 34.0042Z", fill: "currentColor" })));
 export default PlayXl;

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

@@ -1,9 +1,14 @@
 import React from 'react';
-const ProductsBundleXl = (props) => (React.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.createElement("g", { transform: "translate(17 13)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
-        React.createElement("path", { strokeLinejoin: "round", d: "M24.078 35.416h14M31.078 28.416v14" }),
-        React.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.createElement("circle", { strokeLinejoin: "round", cx: 8, cy: 49, r: 8 }),
-        React.createElement("circle", { strokeLinejoin: "round", cx: 29, cy: 8, r: 8 }),
-        React.createElement("circle", { strokeLinejoin: "round", cx: 52, cy: 49, r: 8 }))));
+const ProductsBundleXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-products-bundle-xl", className: "products-bundle-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-3738660714Ecommerce-/-04-XL-/-05-products-bundle-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+        React.createElement("g", { id: "svg-3738660714Group", transform: "translate(17.000000, 13.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("line", { x1: 24.07831, y1: 35.41607, x2: 38.07831, y2: 35.41607, id: "svg-3738660714Path", strokeLinejoin: "round" }),
+            React.createElement("line", { x1: 31.07831, y1: 28.41607, x2: 31.07831, y2: 42.41607, strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M13.2436723,55.3404368 C17.9903499,59.4875084 24.201763,62 31,62 C34.6609151,62 38.1516557,61.2713964 41.3351239,59.951287" }),
+            React.createElement("path", { d: "M56.9742208,42.396923 C57.6423574,40.0462462 58,37.5648891 58,35 C58,25.240198 52.8216186,16.6898718 45.0625317,11.9466973" }),
+            React.createElement("path", { d: "M20.9572407,9.92948797 C11.8639446,13.5754192 5.21487657,22.0252499 4.14975642,32.1392601" }),
+            React.createElement("circle", { id: "svg-3738660714Oval", strokeLinejoin: "round", cx: 8, cy: 49, r: 8 }),
+            React.createElement("circle", { id: "svg-3738660714Oval-Copy", strokeLinejoin: "round", cx: 29, cy: 8, r: 8 }),
+            React.createElement("circle", { id: "svg-3738660714Oval-Copy-2", strokeLinejoin: "round", cx: 52, cy: 49, r: 8 })))));
 export default ProductsBundleXl;

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

@@ -1,8 +1,15 @@
 import React from 'react';
-const ProductsFeedXl = (props) => (React.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.createElement("g", { transform: "translate(23 22)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.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.createElement("rect", { x: 0.866, y: 41, width: 12, height: 12, rx: 2 }),
-        React.createElement("circle", { cx: 6.5, cy: 26.5, r: 6.5 }),
-        React.createElement("path", { d: "M6.5 12H1.813a1.807 1.807 0 01-1.57-.926 1.888 1.888 0 010-1.853l2.343-4.147L4.93.926A1.807 1.807 0 016.5 0c.648 0 1.246.353 1.57.926l2.344 4.148 2.343 4.147c.324.573.324 1.28 0 1.853a1.807 1.807 0 01-1.57.926H6.5z" }))));
+const ProductsFeedXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-products-feed-xl", className: "products-feed-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-4107609244Ecommerce-/-04-XL-/-07-products-feed-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-4107609244Group", transform: "translate(23.000000, 22.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("line", { x1: 48.13948, y1: 3.5, x2: 18, y2: 3.5, id: "svg-4107609244Path" }),
+            React.createElement("line", { x1: 32.61226, y1: 8.74439, x2: 18.02324, y2: 8.74439 }),
+            React.createElement("line", { x1: 48.13948, y1: 23.5, x2: 18, y2: 23.5, id: "svg-4107609244Path-Copy" }),
+            React.createElement("line", { x1: 32.61226, y1: 28.74439, x2: 18.02324, y2: 28.74439, id: "svg-4107609244Path-Copy-2" }),
+            React.createElement("line", { x1: 48.13948, y1: 44.5, x2: 18, y2: 44.5, id: "svg-4107609244Path-Copy-3" }),
+            React.createElement("line", { x1: 32.61226, y1: 49.74439, x2: 18.02324, y2: 49.74439, id: "svg-4107609244Path-Copy-4" }),
+            React.createElement("rect", { id: "svg-4107609244Rectangle", x: 0.865695, y: 41, width: 12, height: 12, rx: 2 }),
+            React.createElement("circle", { id: "svg-4107609244Oval", cx: 6.5, cy: 26.5, r: 6.5 }),
+            React.createElement("path", { d: "M6.5,12 L1.81328868,12 C1.16546641,12 0.566852177,11.6468697 0.242938114,11.0736209 C-0.0809759491,10.5003721 -0.0809796005,9.79409831 0.242928535,9.22084602 L2.5863555,5.07362925 L4.92964825,0.926429614 C5.25354893,0.353155775 5.85217158,0 6.5,0 C7.14784519,0 7.74646785,0.353155775 8.07036853,0.926429614 L10.4137284,5.07362925 L12.7570715,9.22084602 C13.0809796,9.79409831 13.0809759,10.5003721 12.7570619,11.0736209 C12.4331478,11.6468697 11.8345336,12 11.1867113,12 L6.5,12 Z" })))));
 export default ProductsFeedXl;

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

@@ -1,9 +1,13 @@
 import React from 'react';
-const ProductsLastSeenXl = (props) => (React.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.createElement("g", { transform: "translate(18 18)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
-        React.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.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.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" }),
-        React.createElement("circle", { strokeLinejoin: "round", cx: 51.5, cy: 46.5, r: 3.5 }),
-        React.createElement("path", { d: "M30 11v24.024M46.024 31h-20" }))));
+const ProductsLastSeenXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-products-last-seen-xl", className: "products-last-seen-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-2291784228Ecommerce-/-04-XL-/-06-products-last-seen-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+        React.createElement("g", { id: "svg-2291784228Group", transform: "translate(18.000000, 18.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M58.3618925,39.8027228 C59.4234463,36.7308455 60,33.4327534 60,30 C60,13.4314575 46.5685425,0 30,0 C13.4314575,0 0,13.4314575 0,30 C0,46.5685425 13.4314575,60 30,60 C36.4823669,60 42.4845307,57.9440065 47.3899707,54.4485403", id: "svg-2291784228Path", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M54,30.0828124 C54,16.8279784 43.254834,6.08281237 30,6.08281237", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M23.9513433,6.52299554 C13.6170729,9.26357499 6,18.6915146 6,29.9007603 C6,43.2561389 16.8130384,54.0828124 30.1515971,54.0828124 C32.6495001,54.0828124 35.0588336,53.7031231 37.3251693,52.9982414", strokeLinejoin: "round", strokeDasharray: "3,5" }),
+            React.createElement("path", { d: "M51.4999711,55 C49.53894,54.9724392 47.6066103,54.527146 45.8331107,53.6941078 C44.200285,52.9390311 42.6678053,51.985554 41.2707055,50.8554738 C39.7295634,49.6379603 38.3256128,48.2578361 37.0834532,46.7392834 C36.9721823,46.5989649 36.9721823,46.4010304 37.0834532,46.2607118 C38.3256114,44.7421578 39.7295621,43.3620335 41.2707055,42.1445214 C42.6678042,41.0144409 44.2002841,40.0609653 45.8331107,39.3058922 C47.6066103,38.472854 49.53894,38.0275608 51.4999711,38 C53.461003,38.027555 55.3933339,38.4728485 57.1668315,39.3058922 C58.7996767,40.0609641 60.3321758,41.0144396 61.7292945,42.1445214 C63.2704379,43.3620335 64.6743886,44.7421578 65.9165468,46.2607118 C66.0278177,46.4010304 66.0278177,46.5989649 65.9165468,46.7392834 C64.6743872,48.2578361 63.2704366,49.6379603 61.7292945,50.8554738 C60.3321747,51.9855553 58.7996758,52.9390323 57.1668315,53.6941078 C55.3933339,54.5271515 53.461003,54.972445 51.4999711,55 Z", strokeLinejoin: "round" }),
+            React.createElement("circle", { id: "svg-2291784228Oval", strokeLinejoin: "round", cx: 51.5, cy: 46.5, r: 3.5 }),
+            React.createElement("line", { x1: 30, y1: 11, x2: 30, y2: 35.0237777, id: "svg-2291784228Path-2" }),
+            React.createElement("line", { x1: 46.0237777, y1: 31, x2: 26.0237777, y2: 31 })))));
 export default ProductsLastSeenXl;

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

@@ -1,7 +1,11 @@
 import React from 'react';
-const ProductsSimilarXl = (props) => (React.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.createElement("g", { transform: "translate(21 21)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.createElement("rect", { width: 39.636, height: 39.636, rx: 4 }),
-        React.createElement("rect", { x: 14.504, y: 14.504, width: 39.636, height: 39.636, rx: 4 }),
-        React.createElement("path", { d: "M39.636 14.504L14.504 39.636M28.357 14.934L14.602 28.69M39.584 25.37L25.63 39.323" }))));
+const ProductsSimilarXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-products-similar-xl", className: "products-similar-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-1546830591Ecommerce-/-04-XL-/-04-products-similar-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-1546830591Group", transform: "translate(21.000000, 21.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("rect", { id: "svg-1546830591Rectangle", x: 0, y: 0, width: 39.63578, height: 39.63578, rx: 4 }),
+            React.createElement("rect", { x: 14.50375, y: 14.50375, width: 39.63578, height: 39.63578, rx: 4 }),
+            React.createElement("line", { x1: 39.63578, y1: 14.50375, x2: 14.50375, y2: 39.63578, id: "svg-1546830591Path" }),
+            React.createElement("line", { x1: 28.35738, y1: 14.93399, x2: 14.6016, y2: 28.68977 }),
+            React.createElement("line", { x1: 39.58378, y1: 25.36969, x2: 25.63032, y2: 39.32315 })))));
 export default ProductsSimilarXl;

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

@@ -1,7 +1,12 @@
 import React from 'react';
-const PushXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", className: "push-xl ds-icon-set-xlarge", "data-testid": "ds-icon-push-xl" }, props),
-    React.createElement("g", { transform: "translate(26.373 18.011)", stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        React.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.createElement("circle", { cx: 21.511, cy: 54.539, r: 1.884 }),
-        React.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" }))));
+const PushXl = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 96 96", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-push-xl", className: "push-xl ds-icon-set-xlarge" }, props),
+    React.createElement("desc", null, 'Created with Sketch.'),
+    React.createElement("g", { id: "svg-4261650773Campaigns-/-04-XL-/-01-push-xl", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        React.createElement("g", { id: "svg-4261650773Group", transform: "translate(26.373250, 18.011070)", stroke: "currentColor", strokeWidth: 1.5 },
+            React.createElement("path", { d: "M-5.54223334e-13,24.39193 L-5.54223334e-13,4.13365 C0.00667274218,1.8534678 1.8534678,0.00667274218 4.13365,-2.13162821e-14 L39.11985,-2.13162821e-14 C41.4000322,0.00667274218 43.2468273,1.8534678 43.2535,4.13365 L43.2535,55.84421 C43.2468273,58.1243922 41.4000322,59.9711873 39.11985,59.97786 L4.13365,59.97786 C1.8534678,59.9711873 0.00667274218,58.1243922 -5.54223334e-13,55.84421 L-5.54223334e-13,24.39193", id: "svg-4261650773Path" }),
+            React.createElement("line", { x1: 0.21919, y1: 49.36697, x2: 43.2535, y2: 49.36697 }),
+            React.createElement("circle", { id: "svg-4261650773Oval", cx: 21.51112, cy: 54.53851, r: 1.88437 }),
+            React.createElement("line", { x1: 21.62675, y1: 16.18956, x2: 21.62675, y2: 12.98893 }),
+            React.createElement("path", { d: "M21.62675,16.18956 C16.57875,16.18956 12.91975,20.28183 12.91975,25.32986 L12.91975,34.80281 L30.33375,34.80281 L30.33375,25.32986 C30.33375,20.28183 26.67475,16.18956 21.62675,16.18956 Z" }),
+            React.createElement("path", { d: "M25.65433,34.91083 C25.650807,37.1606117 23.8260095,38.982554 21.576225,38.982554 C19.3264405,38.982554 17.501643,37.1606117 17.49812,34.91083" })))));
 export default PushXl;