@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/cjs/icons/SmsAddM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsAddM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-add-m ds-icon-set-medium", "data-testid": "ds-icon-sms-add-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.286 12.342v-6.2h3.45a1.251 1.251 0 011.25 1.25v4.358a.75.75 0 001.5 0V7.392a2.753 2.753 0 00-2.75-2.75H13.98a2.439 2.439 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h1.014a.75.75 0 000-1.5h-1.014a1.251 1.251 0 01-1.25-1.25v-7.048a.947.947 0 01.227.11l2.896 2.005a.75.75 0 001.177-.617zm-1.5-1.43l-1.72-1.19a2.433 2.433 0 00-1.391-.436l-3.716-.001a.946.946 0 01-.945-.946V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946z" }),
-    react_1.default.createElement("path", { d: "M19.95 16.282h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5z" })));
+const SmsAddM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3586870826icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-add-m", className: "sms-add-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3586870826canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.28613,12.34229V6.14209h3.4502a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V7.39209a2.75311,2.75311,0,0,0-2.75-2.75h-3.7572a2.43863,2.43863,0,0,0-2.13929-1.28418H5.96a2.449,2.449,0,0,0-2.44629,2.4458V8.33887A2.44814,2.44814,0,0,0,5.959,10.78467l2.52735.001v7.10645a2.7528,2.7528,0,0,0,2.75,2.75H12.25a.75.75,0,0,0,0-1.5H11.23633a1.25116,1.25116,0,0,1-1.25-1.25V10.84387a.94731.94731,0,0,1,.22656.11072L13.10938,12.959a.74994.74994,0,0,0,1.17675-.61669Zm-1.5-1.43116L11.06641,9.72168A2.433,2.433,0,0,0,9.6748,9.28613L5.959,9.28467a.94649.94649,0,0,1-.94531-.9458V5.80371A.94734.94734,0,0,1,5.96,4.85791h5.87988a.94733.94733,0,0,1,.94629.9458Z" }),
+    react_1.default.createElement("path", { d: "M19.9502,16.28223h-2v-2a.75.75,0,0,0-1.5,0v2h-2a.75.75,0,0,0,0,1.5h2v2a.75.75,0,0,0,1.5,0v-2h2a.75.75,0,0,0,0-1.5Z" }));
 exports.default = SmsAddM;

package/dist/cjs/icons/SmsBlockM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsBlockM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-block-m ds-icon-set-medium", "data-testid": "ds-icon-sms-block-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M10.213 10.955l2.896 2.004a.75.75 0 001.177-.617v-6.2h3.45a1.251 1.251 0 011.25 1.25v4.358a.75.75 0 001.5 0V7.392a2.753 2.753 0 00-2.75-2.75h-3.757a2.438 2.438 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h1.014a.75.75 0 000-1.5h-1.014a1.251 1.251 0 01-1.25-1.25v-7.048a.944.944 0 01.227.11zM5.014 8.339V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946v5.107l-1.72-1.19a2.439 2.439 0 00-1.39-.435l-3.717-.001a.947.947 0 01-.945-.946z" }),
-    react_1.default.createElement("path", { d: "M17.25 13.282a3.75 3.75 0 103.75 3.75 3.754 3.754 0 00-3.75-3.75zm0 1.5a2.223 2.223 0 01.978.233l-2.995 2.995a2.223 2.223 0 01-.233-.978 2.252 2.252 0 012.25-2.25zm0 4.5a2.226 2.226 0 01-.95-.218l2.982-2.982a2.226 2.226 0 01.218.95 2.252 2.252 0 01-2.25 2.25z" })));
+const SmsBlockM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-351326210icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-block-m", className: "sms-block-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-351326210canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M10.21289,10.95459,13.10938,12.959a.75013.75013,0,0,0,1.17675-.61669V6.14209h3.44971a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V7.39209a2.75343,2.75343,0,0,0-2.75-2.75H13.97919a2.4382,2.4382,0,0,0-2.13935-1.28418H5.96a2.44856,2.44856,0,0,0-2.4458,2.4458V8.33887A2.44835,2.44835,0,0,0,5.959,10.78467l2.52686.001v7.10645a2.75311,2.75311,0,0,0,2.75,2.75H12.25a.75.75,0,0,0,0-1.5H11.23584a1.25116,1.25116,0,0,1-1.25-1.25V10.84363A.94421.94421,0,0,1,10.21289,10.95459ZM5.01416,8.33887V5.80371a.94692.94692,0,0,1,.9458-.9458h5.87988a.947.947,0,0,1,.94629.9458v5.10742L11.06641,9.72119a2.43886,2.43886,0,0,0-1.39063-.43506L5.95947,9.28467A.9465.9465,0,0,1,5.01416,8.33887Z" }),
+    react_1.default.createElement("path", { d: "M17.25,13.28223a3.75,3.75,0,1,0,3.75,3.75A3.7541,3.7541,0,0,0,17.25,13.28223Zm0,1.5a2.223,2.223,0,0,1,.97821.23315L15.233,18.01019a2.22349,2.22349,0,0,1-.233-.978A2.25246,2.25246,0,0,1,17.25,14.78223Zm0,4.5a2.2258,2.2258,0,0,1-.95007-.21784l2.98236-2.982a2.22587,2.22587,0,0,1,.21771.94983A2.25246,2.25246,0,0,1,17.25,19.28223Z" }));
 exports.default = SmsBlockM;

package/dist/cjs/icons/SmsCheckM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsCheckM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-check-m ds-icon-set-medium", "data-testid": "ds-icon-sms-check-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.286 12.342v-6.2h3.45a1.251 1.251 0 011.25 1.25v4.358a.75.75 0 001.5 0V7.392a2.753 2.753 0 00-2.75-2.75H13.98a2.439 2.439 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h1.014a.75.75 0 000-1.5h-1.014a1.251 1.251 0 01-1.25-1.25v-7.048a.947.947 0 01.227.11l2.896 2.005a.75.75 0 001.177-.617zm-1.5-1.43l-1.72-1.19a2.433 2.433 0 00-1.391-.436l-3.716-.001a.946.946 0 01-.945-.946V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946z" }),
-    react_1.default.createElement("path", { d: "M19.231 14.677l-2.734 2.717-1.22-1.163a.75.75 0 10-1.035 1.086l1.748 1.666a.75.75 0 001.046-.01l3.252-3.231a.75.75 0 10-1.057-1.065z" })));
+const SmsCheckM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3925717965icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-check-m", className: "sms-check-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3925717965canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.28613,12.34229V6.14209h3.4502a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V7.39209a2.75311,2.75311,0,0,0-2.75-2.75h-3.7572a2.43863,2.43863,0,0,0-2.13929-1.28418H5.96a2.449,2.449,0,0,0-2.44629,2.4458V8.33887A2.44814,2.44814,0,0,0,5.959,10.78467l2.52735.001v7.10645a2.7528,2.7528,0,0,0,2.75,2.75H12.25a.75.75,0,0,0,0-1.5H11.23633a1.25116,1.25116,0,0,1-1.25-1.25V10.84387a.94731.94731,0,0,1,.22656.11072L13.10938,12.959a.74994.74994,0,0,0,1.17675-.61669Zm-1.5-1.43116L11.06641,9.72168A2.433,2.433,0,0,0,9.6748,9.28613L5.959,9.28467a.94649.94649,0,0,1-.94531-.9458V5.80371A.94734.94734,0,0,1,5.96,4.85791h5.87988a.94733.94733,0,0,1,.94629.9458Z" }),
+    react_1.default.createElement("path", { d: "M19.23145,14.67725,16.49707,17.394,15.27734,16.231a.75013.75013,0,1,0-1.03515,1.08593l1.748,1.66651a.75012.75012,0,0,0,1.0459-.01074l3.252-3.231a.74992.74992,0,1,0-1.05664-1.06445Z" }));
 exports.default = SmsCheckM;

package/dist/cjs/icons/SmsEditM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsEditM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-edit-m ds-icon-set-medium", "data-testid": "ds-icon-sms-edit-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.736 4.642H13.98a2.439 2.439 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h1.014a.75.75 0 000-1.5h-1.014a1.251 1.251 0 01-1.25-1.25v-7.048a.947.947 0 01.227.11l2.896 2.005a.75.75 0 001.177-.617v-6.2h3.45a1.251 1.251 0 011.25 1.25v4.358a.75.75 0 001.5 0V7.392a2.753 2.753 0 00-2.75-2.75zm-4.95 6.27l-1.72-1.19a2.433 2.433 0 00-1.391-.436l-3.716-.001a.946.946 0 01-.945-.946V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946zM19.17 13.957l-.004.004-4.188 4.229.007 1.06 1.057-.003.004-.004 4.188-4.229a.75.75 0 00-1.065-1.057z" })));
+const SmsEditM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-809720951icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-edit-m", className: "sms-edit-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-809720951canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.73633,4.64209h-3.7572a2.43863,2.43863,0,0,0-2.13929-1.28418H5.96a2.449,2.449,0,0,0-2.44629,2.4458V8.33887A2.44814,2.44814,0,0,0,5.959,10.78467l2.52735.001v7.10645a2.7528,2.7528,0,0,0,2.75,2.75H12.25a.75.75,0,0,0,0-1.5H11.23633a1.25116,1.25116,0,0,1-1.25-1.25V10.84387a.94731.94731,0,0,1,.22656.11072L13.10938,12.959a.74994.74994,0,0,0,1.17675-.61669V6.14209h3.4502a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V7.39209A2.75311,2.75311,0,0,0,17.73633,4.64209Zm-4.9502,6.269L11.06641,9.72168A2.433,2.433,0,0,0,9.6748,9.28613L5.959,9.28467a.94649.94649,0,0,1-.94531-.9458V5.80371A.94734.94734,0,0,1,5.96,4.85791h5.87988a.94733.94733,0,0,1,.94629.9458Z" }),
+    react_1.default.createElement("path", { d: "M19.16943,13.95709l-.00348.00348L14.97833,18.1897l.00653,1.0603,1.05756-.00311.00348-.00348,4.18762-4.22907a.75.75,0,0,0-1.06409-1.05725Z" }));
 exports.default = SmsEditM;

package/dist/cjs/icons/SmsM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-m ds-icon-set-medium", "data-testid": "ds-icon-sms-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.736 4.642h-3.757a2.438 2.438 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h6.5a2.753 2.753 0 002.75-2.75v-10.5a2.753 2.753 0 00-2.75-2.75zM5.014 8.34V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946v5.107l-1.72-1.19a2.439 2.439 0 00-1.39-.435l-3.717-.001a.947.947 0 01-.945-.946zm13.972 9.553a1.251 1.251 0 01-1.25 1.25h-6.5a1.251 1.251 0 01-1.25-1.25v-7.048a.944.944 0 01.227.11l2.896 2.005a.75.75 0 001.177-.617v-6.2h3.45a1.251 1.251 0 011.25 1.25z" })));
+const SmsM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3609538246icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-m", className: "sms-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3609538246canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.73584,4.64209H13.97919a2.4382,2.4382,0,0,0-2.13935-1.28418H5.96a2.44856,2.44856,0,0,0-2.4458,2.4458V8.33887A2.44835,2.44835,0,0,0,5.959,10.78467l2.52686.001v7.10645a2.7528,2.7528,0,0,0,2.75,2.75h6.5a2.7528,2.7528,0,0,0,2.75-2.75v-10.5A2.7528,2.7528,0,0,0,17.73584,4.64209ZM5.01416,8.33887V5.80371a.94692.94692,0,0,1,.9458-.9458h5.87988a.947.947,0,0,1,.94629.9458v5.10742L11.06641,9.72119a2.43886,2.43886,0,0,0-1.39063-.43506L5.95947,9.28467A.9465.9465,0,0,1,5.01416,8.33887Zm13.97168,9.55322a1.25116,1.25116,0,0,1-1.25,1.25h-6.5a1.25116,1.25116,0,0,1-1.25-1.25V10.84363a.94421.94421,0,0,1,.22705.111L13.10938,12.959a.75013.75013,0,0,0,1.17675-.61669V6.14209h3.44971a1.25116,1.25116,0,0,1,1.25,1.25Z" }));
 exports.default = SmsM;

package/dist/cjs/icons/SmsRemoveM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SmsRemoveM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sms-remove-m ds-icon-set-medium", "data-testid": "ds-icon-sms-remove-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.286 12.342v-6.2h3.45a1.251 1.251 0 011.25 1.25v4.358a.75.75 0 001.5 0V7.392a2.753 2.753 0 00-2.75-2.75H13.98a2.439 2.439 0 00-2.14-1.284H5.96a2.449 2.449 0 00-2.446 2.446v2.535a2.448 2.448 0 002.445 2.446h2.527v7.107a2.753 2.753 0 002.75 2.75h1.014a.75.75 0 000-1.5h-1.014a1.251 1.251 0 01-1.25-1.25v-7.048a.947.947 0 01.227.11l2.896 2.005a.75.75 0 001.177-.617zm-1.5-1.43l-1.72-1.19a2.433 2.433 0 00-1.391-.436l-3.716-.001a.946.946 0 01-.945-.946V5.804a.947.947 0 01.946-.946h5.88a.947.947 0 01.946.946z" }),
-    react_1.default.createElement("path", { d: "M20.28 14.002a.75.75 0 00-1.06 0l-1.97 1.97-1.97-1.97a.75.75 0 00-1.06 1.06l1.97 1.97-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 001.06-1.06l-1.97-1.97 1.97-1.97a.75.75 0 000-1.06z" })));
+const SmsRemoveM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4207297613icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sms-remove-m", className: "sms-remove-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4207297613canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.28613,12.34229V6.14209h3.4502a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V7.39209a2.75311,2.75311,0,0,0-2.75-2.75h-3.7572a2.43863,2.43863,0,0,0-2.13929-1.28418H5.96a2.449,2.449,0,0,0-2.44629,2.4458V8.33887A2.44814,2.44814,0,0,0,5.959,10.78467l2.52735.001v7.10645a2.7528,2.7528,0,0,0,2.75,2.75H12.25a.75.75,0,0,0,0-1.5H11.23633a1.25116,1.25116,0,0,1-1.25-1.25V10.84387a.94731.94731,0,0,1,.22656.11072L13.10938,12.959a.74994.74994,0,0,0,1.17675-.61669Zm-1.5-1.43116L11.06641,9.72168A2.433,2.433,0,0,0,9.6748,9.28613L5.959,9.28467a.94649.94649,0,0,1-.94531-.9458V5.80371A.94734.94734,0,0,1,5.96,4.85791h5.87988a.94733.94733,0,0,1,.94629.9458Z" }),
+    react_1.default.createElement("path", { d: "M20.28027,14.002a.74972.74972,0,0,0-1.06054,0L17.25,15.97168,15.28027,14.002a.74992.74992,0,0,0-1.06054,1.06055l1.96972,1.96973L14.21973,19.002a.74992.74992,0,1,0,1.06054,1.06055L17.25,18.09277l1.96973,1.96973A.74992.74992,0,0,0,20.28027,19.002l-1.96972-1.96972,1.96972-1.96973A.74973.74973,0,0,0,20.28027,14.002Z" }));
 exports.default = SmsRemoveM;

package/dist/cjs/icons/SnippetM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SnippetM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "snippet-m ds-icon-set-medium", "data-testid": "ds-icon-snippet-m" }, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.25 4H6.75A2.753 2.753 0 004 6.75v10.5A2.753 2.753 0 006.75 20h10.5A2.753 2.753 0 0020 17.25V6.75A2.753 2.753 0 0017.25 4zm1.25 13.25c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25V6.75c0-.69.56-1.25 1.25-1.25h10.5c.69 0 1.25.56 1.25 1.25v10.5zm-7.63-8.046a.75.75 0 00-1.06.032l-2.107 2.241a.752.752 0 000 1.027l2.106 2.241a.75.75 0 001.094-1.027L9.279 11.99l1.624-1.727a.75.75 0 00-.033-1.06zm3.455.05a.75.75 0 00-1.094 1.028l1.624 1.727-1.624 1.727a.75.75 0 101.094 1.027l2.106-2.24a.752.752 0 000-1.027l-2.107-2.241z" })));
+const SnippetM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-snippet-m", className: "snippet-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.25 4H6.75C5.23186 4.00154 4.00154 5.23186 4 6.75V17.25C4.00154 18.7681 5.23186 19.9985 6.75 20H17.25C18.7681 19.9985 19.9985 18.7681 20 17.25V6.75C19.9985 5.23186 18.7681 4.00154 17.25 4ZM18.5 17.25C18.4994 17.9401 17.9401 18.4994 17.25 18.5H6.75C6.05991 18.4994 5.50064 17.9401 5.5 17.25V6.75C5.50064 6.05991 6.05991 5.50064 6.75 5.5H17.25C17.9401 5.50064 18.4994 6.05991 18.5 6.75V17.25ZM10.8698 9.20352C10.5679 8.91987 10.0932 8.93451 9.80927 9.23623L7.70288 11.477C7.43237 11.766 7.43237 12.2153 7.70288 12.5043L9.80927 14.745C10.0933 15.0454 10.5668 15.0595 10.8682 14.7764C11.1695 14.4934 11.1851 14.0199 10.903 13.7177L9.27902 11.9906L10.903 10.2636C11.1863 9.96161 11.1715 9.48719 10.8698 9.20352ZM14.3245 9.25474C14.0405 8.95433 13.567 8.94027 13.2656 9.22331C12.9643 9.50635 12.9487 9.97983 13.2308 10.2821L14.8548 12.0091L13.2308 13.7361C12.9471 14.0382 12.9619 14.513 13.264 14.7967C13.566 15.0804 14.0408 15.0656 14.3245 14.7635L16.431 12.5228C16.7015 12.2338 16.7015 11.7845 16.431 11.4955L14.3245 9.25474Z" }));
 exports.default = SnippetM;

package/dist/cjs/icons/SocialProofM.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SocialProofM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "social-proof-m ds-icon-set-medium", "data-testid": "ds-icon-social-proof-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M9.25 12.382a2.489 2.489 0 112.5-2.488 2.497 2.497 0 01-2.5 2.488zm0-3.477a.989.989 0 101 .99 1.008 1.008 0 00-1-.99z" }),
-    react_1.default.createElement("path", { d: "M18.21 20.044H5.79A2.794 2.794 0 013 17.253V6.747a2.794 2.794 0 012.79-2.79h12.42A2.794 2.794 0 0121 6.746v10.506a2.794 2.794 0 01-2.79 2.791zM5.79 5.456A1.292 1.292 0 004.5 6.747v10.506a1.292 1.292 0 001.29 1.29h12.42a1.292 1.292 0 001.29-1.29V6.747a1.292 1.292 0 00-1.29-1.29z" }),
-    react_1.default.createElement("path", { d: "M17.775 10.319h-3.3a.75.75 0 010-1.5h3.3a.75.75 0 010 1.5zM16.455 12.75h-1.98a.75.75 0 110-1.5h1.98a.75.75 0 010 1.5zM12.362 17.405a.75.75 0 01-.75-.75v-.773a1.578 1.578 0 00-1.584-1.568H8.472a1.578 1.578 0 00-1.584 1.568v.773a.75.75 0 01-1.5 0v-.773a3.08 3.08 0 013.084-3.068h1.556a3.08 3.08 0 013.084 3.068v.773a.75.75 0 01-.75.75z" })));
+const SocialProofM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2472382297icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-social-proof-m", className: "social-proof-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2472382297canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M9.25,12.38232A2.48855,2.48855,0,1,1,11.75049,9.894,2.49713,2.49713,0,0,1,9.25,12.38232Zm0-3.477a.9886.9886,0,1,0,1.00049.98877A1.00779,1.00779,0,0,0,9.25,8.90527Z" }),
+    react_1.default.createElement("path", { d: "M18.20947,20.044H5.79053A2.794,2.794,0,0,1,3,17.25293V6.74707a2.794,2.794,0,0,1,2.79053-2.791H18.20947A2.794,2.794,0,0,1,21,6.74707V17.25293A2.794,2.794,0,0,1,18.20947,20.044ZM5.79053,5.45605A1.29232,1.29232,0,0,0,4.5,6.74707V17.25293a1.29232,1.29232,0,0,0,1.29053,1.291H18.20947A1.29232,1.29232,0,0,0,19.5,17.25293V6.74707a1.29232,1.29232,0,0,0-1.29053-1.291Z" }),
+    react_1.default.createElement("path", { d: "M17.7749,10.31885H14.4751a.75.75,0,0,1,0-1.5h3.2998a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M16.45508,12.75h-1.98a.75.75,0,1,1,0-1.5h1.98a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M12.36182,17.40527a.75018.75018,0,0,1-.75-.75v-.773a1.57756,1.57756,0,0,0-1.584-1.56787H8.47217a1.57756,1.57756,0,0,0-1.584,1.56787v.773a.75.75,0,0,1-1.5,0v-.773a3.07948,3.07948,0,0,1,3.084-3.06787h1.55566a3.07948,3.07948,0,0,1,3.084,3.06787v.773A.75019.75019,0,0,1,12.36182,17.40527Z" }));
 exports.default = SocialProofM;

package/dist/cjs/icons/SoftBounceM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SoftBounceM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "soft-bounce-m ds-icon-set-medium", "data-testid": "ds-icon-soft-bounce-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M20.25 19.634H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5zM7.93 17.317a.749.749 0 001.068 0l3.536-3.593a.75.75 0 10-1.068-1.052l-3.002 3.05-4.18-4.248a.75.75 0 10-1.068 1.052zM17.25 3A3.75 3.75 0 1021 6.75 3.754 3.754 0 0017.25 3zm0 6a2.25 2.25 0 112.25-2.25A2.253 2.253 0 0117.25 9z" })));
+const SoftBounceM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-790515288icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-soft-bounce-m", className: "soft-bounce-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-790515288canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M20.25,19.63379H3.75a.75.75,0,0,0,0,1.5h16.5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M7.92969,17.31689a.74863.74863,0,0,0,1.06836,0l3.53613-3.59326a.7496.7496,0,1,0-1.06836-1.05175l-3.002,3.0498L4.28418,11.47412a.7496.7496,0,1,0-1.06836,1.05176Z" }),
+    react_1.default.createElement("path", { d: "M17.25,3A3.75,3.75,0,1,0,21,6.75,3.75442,3.75442,0,0,0,17.25,3Zm0,6A2.25,2.25,0,1,1,19.5,6.75,2.25278,2.25278,0,0,1,17.25,9Z" }));
 exports.default = SoftBounceM;

package/dist/cjs/icons/SortAscendingM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SortAscendingM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sort-ascending-m ds-icon-set-medium", "data-testid": "ds-icon-sort-ascending-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M13.036 12.75H4.75a.75.75 0 010-1.5h8.286a.75.75 0 010 1.5zM6.821 7.544H4.75a.75.75 0 010-1.5h2.071a.75.75 0 010 1.5zM19.25 18H4.75a.75.75 0 010-1.5h14.5a.75.75 0 010 1.5z" })));
+const SortAscendingM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2911513538icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sort-ascending-m", className: "sort-ascending-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2911513538canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M13.03613,12.75H4.75a.75.75,0,0,1,0-1.5h8.28613a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M6.82129,7.54443H4.75a.75.75,0,0,1,0-1.5H6.82129a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M19.25,18H4.75a.75.75,0,0,1,0-1.5h14.5a.75.75,0,0,1,0,1.5Z" }));
 exports.default = SortAscendingM;

package/dist/cjs/icons/SortAzM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SortAzM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sort-az-m ds-icon-set-medium", "data-testid": "ds-icon-sort-az-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19 17.356h-3.399l3.975-4.77a.75.75 0 00-.576-1.23h-5a.75.75 0 000 1.5h3.399l-3.975 4.77a.75.75 0 00.576 1.23h5a.75.75 0 000-1.5zM7.5 11.356a3.254 3.254 0 00-3.25 3.25v3.5a.75.75 0 001.5 0v-1.25h3.5v1.25a.75.75 0 001.5 0v-3.5a3.254 3.254 0 00-3.25-3.25zm-1.75 4v-.75a1.75 1.75 0 013.5 0v.75zM19 9.103a.75.75 0 00.46-1.342 11.942 11.942 0 00-14.92 0 .75.75 0 10.92 1.183 10.444 10.444 0 0113.08 0 .746.746 0 00.46.159z" })));
+const SortAzM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4263307687icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sort-az-m", className: "sort-az-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4263307687canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19,17.35645H15.60107l3.9751-4.76954A.7501.7501,0,0,0,19,11.35645H14a.75.75,0,0,0,0,1.5h3.39893L13.42383,17.626A.75011.75011,0,0,0,14,18.85645h5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M7.5,11.35645a3.25376,3.25376,0,0,0-3.25,3.25v3.5a.75.75,0,0,0,1.5,0v-1.25h3.5v1.25a.75.75,0,0,0,1.5,0v-3.5A3.25376,3.25376,0,0,0,7.5,11.35645Zm-1.75,4v-.75a1.75,1.75,0,0,1,3.5,0v.75Z" }),
+    react_1.default.createElement("path", { d: "M18.99951,9.10254a.74982.74982,0,0,0,.46094-1.3418,11.94182,11.94182,0,0,0-14.9209,0,.74983.74983,0,1,0,.9209,1.1836,10.4441,10.4441,0,0,1,13.0791,0A.74638.74638,0,0,0,18.99951,9.10254Z" }));
 exports.default = SortAzM;

package/dist/cjs/icons/SortDescendingM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SortDescendingM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sort-descending-m ds-icon-set-medium", "data-testid": "ds-icon-sort-descending-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M6.821 18H4.75a.75.75 0 010-1.5h2.071a.75.75 0 110 1.5zM19.25 7.545H4.75a.75.75 0 010-1.5h14.5a.75.75 0 010 1.5zM13.036 12.75H4.75a.75.75 0 010-1.5h8.286a.75.75 0 010 1.5z" })));
+const SortDescendingM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1083634306icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sort-descending-m", className: "sort-descending-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1083634306canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M6.82129,18H4.75a.75.75,0,0,1,0-1.5H6.82129a.75.75,0,1,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M19.25,7.54492H4.75a.75.75,0,0,1,0-1.5h14.5a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M13.03564,12.75H4.75a.75.75,0,0,1,0-1.5h8.28564a.75.75,0,0,1,0,1.5Z" }));
 exports.default = SortDescendingM;

package/dist/cjs/icons/SortZaM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SortZaM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "sort-za-m ds-icon-set-medium", "data-testid": "ds-icon-sort-za-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M10 17.356H6.601l3.975-4.77a.75.75 0 00-.576-1.23H5a.75.75 0 000 1.5h3.399l-3.975 4.77A.75.75 0 005 18.856h5a.75.75 0 000-1.5zM16.5 11.356a3.254 3.254 0 00-3.25 3.25v3.5a.75.75 0 001.5 0v-1.25h3.5v1.25a.75.75 0 001.5 0v-3.5a3.254 3.254 0 00-3.25-3.25zm-1.75 4v-.75a1.75 1.75 0 013.5 0v.75zM19 9.103a.75.75 0 00.46-1.342 11.942 11.942 0 00-14.92 0 .75.75 0 10.92 1.183 10.444 10.444 0 0113.08 0 .746.746 0 00.46.159z" })));
+const SortZaM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1345901575icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-sort-za-m", className: "sort-za-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1345901575canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M10,17.35645H6.60107l3.9751-4.76954A.7501.7501,0,0,0,10,11.35645H5a.75.75,0,0,0,0,1.5H8.39893L4.42383,17.626A.75011.75011,0,0,0,5,18.85645h5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M16.5,11.35645a3.25376,3.25376,0,0,0-3.25,3.25v3.5a.75.75,0,0,0,1.5,0v-1.25h3.5v1.25a.75.75,0,0,0,1.5,0v-3.5A3.25376,3.25376,0,0,0,16.5,11.35645Zm-1.75,4v-.75a1.75,1.75,0,0,1,3.5,0v.75Z" }),
+    react_1.default.createElement("path", { d: "M18.99951,9.10254a.74982.74982,0,0,0,.46094-1.3418,11.94182,11.94182,0,0,0-14.9209,0,.74983.74983,0,1,0,.9209,1.1836,10.4441,10.4441,0,0,1,13.0791,0A.74638.74638,0,0,0,18.99951,9.10254Z" }));
 exports.default = SortZaM;

package/dist/cjs/icons/SpinnerM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SpinnerM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "spinner-m ds-icon-set-medium", "data-testid": "ds-icon-spinner-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20.75A8.76 8.76 0 013.25 12a.75.75 0 011.5 0A7.25 7.25 0 1012 4.75a.75.75 0 010-1.5 8.75 8.75 0 010 17.5z" })));
+const SpinnerM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-674839894icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-spinner-m", className: "spinner-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-674839894canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20.75A8.76,8.76,0,0,1,3.25,12a.75.75,0,0,1,1.5,0A7.25,7.25,0,1,0,12,4.75a.75.75,0,0,1,0-1.5,8.75,8.75,0,0,1,0,17.5Z" }));
 exports.default = SpinnerM;

package/dist/cjs/icons/SpinnerS.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SpinnerS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 25 24", fill: "currentColor", className: "spinner-s ds-icon-set-medium", "data-testid": "ds-icon-spinner-s" }, props),
-    react_1.default.createElement("path", { d: "M12.5 17.25A5.256 5.256 0 017.25 12a.75.75 0 011.5 0 3.75 3.75 0 103.75-3.75.75.75 0 010-1.5 5.25 5.25 0 110 10.5z" })));
+const SpinnerS = (props) => react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 25 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-spinner-s", className: "spinner-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { d: "M12.5 17.25C9.60182 17.2468 7.25316 14.8982 7.25 12C7.25 11.5858 7.58579 11.25 8 11.25C8.41421 11.25 8.75 11.5858 8.75 12C8.75 14.0711 10.4289 15.75 12.5 15.75C14.5711 15.75 16.25 14.0711 16.25 12C16.25 9.92893 14.5711 8.25 12.5 8.25C12.0858 8.25 11.75 7.91421 11.75 7.5C11.75 7.08579 12.0858 6.75 12.5 6.75C15.3995 6.75 17.75 9.10051 17.75 12C17.75 14.8995 15.3995 17.25 12.5 17.25Z" }));
 exports.default = SpinnerS;

package/dist/cjs/icons/SplitAbM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SplitAbM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "split-ab-m ds-icon-set-medium", "data-testid": "ds-icon-split-ab-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.2 5h-1.175a.75.75 0 000 1.5H16.2a1.251 1.251 0 011.25 1.25v8.5a1.251 1.251 0 01-1.25 1.25h-1.175a.75.75 0 000 1.5H16.2a2.753 2.753 0 002.75-2.75v-8.5A2.753 2.753 0 0016.2 5zM11.9 3a.75.75 0 00-.75.75V5H7.7a2.753 2.753 0 00-2.75 2.75v8.5A2.753 2.753 0 007.7 19h3.45v1.25a.75.75 0 001.5 0V3.75A.75.75 0 0011.9 3zM7.7 17.5a1.251 1.251 0 01-1.25-1.25v-8.5A1.251 1.251 0 017.7 6.5h3.45v11z" })));
+const SplitAbM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4009889015icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-split-ab-m", className: "split-ab-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4009889015canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16.2002,5H15.02539a.75.75,0,0,0,0,1.5H16.2002a1.25116,1.25116,0,0,1,1.25,1.25v8.5a1.25116,1.25116,0,0,1-1.25,1.25H15.02539a.75.75,0,0,0,0,1.5H16.2002a2.7528,2.7528,0,0,0,2.75-2.75V7.75A2.7528,2.7528,0,0,0,16.2002,5Z" }),
+    react_1.default.createElement("path", { d: "M11.90039,3a.7502.7502,0,0,0-.75.75V5H7.7002a2.75279,2.75279,0,0,0-2.75,2.75v8.5A2.75279,2.75279,0,0,0,7.7002,19h3.45019v1.25a.75.75,0,0,0,1.5,0V3.75A.7502.7502,0,0,0,11.90039,3ZM7.7002,17.5a1.25116,1.25116,0,0,1-1.25-1.25V7.75a1.25116,1.25116,0,0,1,1.25-1.25h3.45019v11Z" }));
 exports.default = SplitAbM;

package/dist/cjs/icons/SplitM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const SplitM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "split-m ds-icon-set-medium", "data-testid": "ds-icon-split-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.73 14.092a.75.75 0 10-1.105 1.013l.91.994h-3.59a2.542 2.542 0 01-2.05-1.069L10.7 11.977l2.192-3.018a2.54 2.54 0 012.042-1.057h3.61l-.917.99a.75.75 0 001.102 1.02L20.8 7.673a.751.751 0 00.002-1.016L18.73 4.395a.75.75 0 10-1.105 1.014l.91.993h-3.601a4.043 4.043 0 00-3.255 1.676L9.37 11.254a.71.71 0 00-.14-.028H3.75a.75.75 0 000 1.5h5.481a.715.715 0 00.14-.028l2.306 3.208a4.046 4.046 0 003.267 1.693h3.6l-.917.99a.75.75 0 001.102 1.02L20.8 17.37a.751.751 0 00.002-1.016z" })));
+const SplitM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-523395929icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-split-m", className: "split-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-523395929canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.73047,14.0918A.74993.74993,0,1,0,17.625,15.10547l.9101.99316H14.94434a2.54157,2.54157,0,0,1-2.04981-1.06836L10.7002,11.97705l2.1914-3.01758a2.54078,2.54078,0,0,1,2.042-1.05761h3.61072l-.91736.99023a.75048.75048,0,0,0,1.10157,1.01953l2.07226-2.23828a.7511.7511,0,0,0,.002-1.0166L18.73047,4.395A.74993.74993,0,1,0,17.625,5.40869l.90985.99317H14.93359a4.04276,4.04276,0,0,0-3.25488,1.67626L9.37128,11.25385a.71077.71077,0,0,0-.13983-.02826H3.75a.75.75,0,0,0,0,1.5H9.23145a.71494.71494,0,0,0,.13879-.028l2.30652,3.20868a4.04559,4.04559,0,0,0,3.26758,1.69238H18.544l-.91706.99024a.75048.75048,0,0,0,1.10157,1.01953l2.07226-2.23828a.7511.7511,0,0,0,.002-1.0166Z" }));
 exports.default = SplitM;

package/dist/cjs/icons/StackedM.js

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StackedM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "stacked-m ds-icon-set-medium", "data-testid": "ds-icon-stacked-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M6.2 19.925a2.202 2.202 0 002.2-2.2v-4.539a2.2 2.2 0 00-4.4 0v4.539a2.202 2.202 0 002.2 2.2zm-.7-6.739a.7.7 0 011.4 0v4.539a.7.7 0 11-1.4 0zM12 20a2.202 2.202 0 002.2-2.2v-1.447a2.2 2.2 0 00-4.4 0V17.8A2.202 2.202 0 0012 20zm-.7-3.647a.7.7 0 011.4 0V17.8a.7.7 0 01-1.4 0zM17.8 12.142a2.202 2.202 0 00-2.2 2.2V17.8a2.2 2.2 0 104.4 0v-3.458a2.202 2.202 0 00-2.2-2.2zm.7 5.658a.7.7 0 11-1.4 0v-3.458a.7.7 0 111.4 0zM12 13.14a2.202 2.202 0 002.2-2.2V6.2a2.2 2.2 0 00-4.4 0v4.74a2.202 2.202 0 002.2 2.2zm-.7-6.94a.7.7 0 011.4 0v4.74a.7.7 0 01-1.4 0zM17.8 4a2.202 2.202 0 00-2.2 2.2v2.73a2.2 2.2 0 004.4 0V6.2A2.202 2.202 0 0017.8 4zm.7 4.93a.7.7 0 01-1.4 0V6.2a.7.7 0 111.4 0zM6.2 9.973a2.202 2.202 0 002.2-2.2V6.2a2.2 2.2 0 10-4.4 0v1.573a2.202 2.202 0 002.2 2.2zM5.5 6.2a.7.7 0 111.4 0v1.573a.7.7 0 11-1.4 0z" })));
+const StackedM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1592832804icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-stacked-m", className: "stacked-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1592832804canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M6.2002,19.9248a2.20233,2.20233,0,0,0,2.1997-2.20019V13.186A2.2,2.2,0,0,0,4,13.186v4.53857A2.20244,2.20244,0,0,0,6.2002,19.9248ZM5.5,13.186a.7.7,0,0,1,1.3999,0v4.53857a.7.7,0,1,1-1.3999,0Z" }),
+    react_1.default.createElement("path", { d: "M12,20a2.20245,2.20245,0,0,0,2.2002-2.2002V16.35254a2.2002,2.2002,0,0,0-4.4004,0V17.7998A2.20245,2.20245,0,0,0,12,20Zm-.7002-3.64746a.7002.7002,0,0,1,1.4004,0V17.7998a.7002.7002,0,0,1-1.4004,0Z" }),
+    react_1.default.createElement("path", { d: "M17.7998,12.14209a2.20234,2.20234,0,0,0-2.1997,2.2002V17.7998a2.2,2.2,0,1,0,4.3999,0V14.34229A2.20245,2.20245,0,0,0,17.7998,12.14209ZM18.5,17.7998a.7.7,0,1,1-1.3999,0V14.34229a.7.7,0,1,1,1.3999,0Z" }),
+    react_1.default.createElement("path", { d: "M12,13.13965a2.20245,2.20245,0,0,0,2.2002-2.2002V6.2002a2.2002,2.2002,0,0,0-4.4004,0v4.73925A2.20245,2.20245,0,0,0,12,13.13965ZM11.2998,6.2002a.7002.7002,0,0,1,1.4004,0v4.73925a.7002.7002,0,0,1-1.4004,0Z" }),
+    react_1.default.createElement("path", { d: "M17.7998,4a2.20234,2.20234,0,0,0-2.1997,2.2002v2.729a2.2,2.2,0,0,0,4.3999,0V6.2002A2.20245,2.20245,0,0,0,17.7998,4ZM18.5,8.9292a.7.7,0,0,1-1.3999,0V6.2002a.7.7,0,1,1,1.3999,0Z" }),
+    react_1.default.createElement("path", { d: "M6.2002,9.97314A2.20233,2.20233,0,0,0,8.3999,7.773V6.2002A2.2,2.2,0,1,0,4,6.2002V7.773A2.20244,2.20244,0,0,0,6.2002,9.97314ZM5.5,6.2002a.7.7,0,1,1,1.3999,0V7.773a.7.7,0,1,1-1.3999,0Z" }));
 exports.default = StackedM;

package/dist/cjs/icons/StarFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StarFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "star-fill-m ds-icon-set-medium", "data-testid": "ds-icon-star-fill-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.606 9.598l-4.794-.686-2.142-4.276a.75.75 0 00-1.34 0L9.187 8.912 4.394 9.6a.75.75 0 00-.414 1.283l3.463 3.325-.817 4.692a.75.75 0 001.084.795L12 17.47l4.29 2.223a.75.75 0 001.084-.795l-.817-4.692 3.463-3.325a.75.75 0 00-.414-1.284z" })));
+const StarFillM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1316663613icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-star-fill-m", className: "star-fill-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1316663613canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.60645,9.59808l-4.79444-.686-2.1416-4.27588a.74976.74976,0,0,0-1.34082,0L9.18749,8.91205l-4.79394.68652a.74987.74987,0,0,0-.41308,1.2832l3.4624,3.3252L6.626,18.89935a.75.75,0,0,0,1.084.79444L12,17.47113l4.29,2.22266a.75.75,0,0,0,1.084-.79444L16.55713,14.207l3.4624-3.3252a.7503.7503,0,0,0-.41308-1.28369Z" }));
 exports.default = StarFillM;

package/dist/cjs/icons/StarFillS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StarFillS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "star-fill-s ds-icon-set-medium", "data-testid": "ds-icon-star-fill-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.964 10.622a.75.75 0 00-.609-.514l-3.24-.46-1.446-2.856a.781.781 0 00-1.338 0L9.885 9.649l-3.24.459a.75.75 0 00-.412 1.286l2.333 2.218-.55 3.127a.75.75 0 001.082.798L12 16.048l2.902 1.489a.75.75 0 001.081-.798l-.55-3.127 2.334-2.218a.75.75 0 00.197-.772z" })));
+const StarFillS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3816022435icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-star-fill-s", className: "star-fill-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3816022435canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.96436,10.62207a.75072.75072,0,0,0-.60889-.51416l-3.24024-.459L12.669,6.792a.781.781,0,0,0-1.3379,0L9.88477,9.64893l-3.24024.459A.74993.74993,0,0,0,6.2334,11.394l2.333,2.21826-.54981,3.127a.75019.75019,0,0,0,1.08106.79736L12,16.04834l2.90234,1.48828a.75019.75019,0,0,0,1.08106-.79736l-.54981-3.127,2.333-2.21826A.75034.75034,0,0,0,17.96436,10.62207Z" }));
 exports.default = StarFillS;

package/dist/cjs/icons/StarM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StarM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "star-m ds-icon-set-medium", "data-testid": "ds-icon-star-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.606 9.598l-4.794-.686-2.141-4.276a.781.781 0 00-1.342 0L9.187 8.912l-4.793.686a.75.75 0 00-.414 1.284l3.462 3.325-.817 4.691a.751.751 0 00.74.88.742.742 0 00.344-.085L12 17.472l4.29 2.221a.75.75 0 001.084-.795l-.816-4.691 3.462-3.325a.75.75 0 00-.414-1.284zm-4.376 3.803a.753.753 0 00-.22.67l.627 3.595-3.292-1.705a.75.75 0 00-.69 0l-3.293 1.705.627-3.595a.753.753 0 00-.22-.67l-2.64-2.536 3.66-.523a.752.752 0 00.565-.407L12 6.647l1.646 3.288a.752.752 0 00.565.407l3.66.523z" })));
+const StarM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-876965695icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-star-m", className: "star-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-876965695canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.60645,9.59814l-4.794-.686L12.6709,4.63623a.78134.78134,0,0,0-1.3418,0L9.18748,8.91211l-4.79393.686a.75031.75031,0,0,0-.41308,1.2837L7.44238,14.207,6.625,18.89844a.75116.75116,0,0,0,.73926.8789.74247.74247,0,0,0,.34472-.084L12,17.47168l4.29,2.22168a.75059.75059,0,0,0,1.084-.79492l-.8164-4.69141,3.46191-3.32519a.75031.75031,0,0,0-.41308-1.2837Zm-4.376,3.80323a.75348.75348,0,0,0-.21973.66992l.626,3.59473-3.292-1.70508a.74945.74945,0,0,0-.68946,0L8.3623,17.666l.627-3.59473a.75348.75348,0,0,0-.21973-.66992L6.12891,10.86523l3.66015-.52343a.75222.75222,0,0,0,.56446-.40674L12,6.647l1.64648,3.28809a.75222.75222,0,0,0,.56446.40674l3.66015.52343Z" }));
 exports.default = StarM;

package/dist/cjs/icons/StarS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StarS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "star-s ds-icon-set-medium", "data-testid": "ds-icon-star-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M15.245 17.62a.752.752 0 01-.343-.083L12 16.048l-2.902 1.489a.75.75 0 01-1.081-.798l.55-3.127-2.334-2.218a.75.75 0 01.412-1.286l3.24-.46 1.446-2.856a.781.781 0 011.338 0l1.446 2.857 3.24.459a.75.75 0 01.412 1.286l-2.333 2.218.55 3.127a.75.75 0 01-.74.88zM12 14.455a.75.75 0 01.342.082l1.903.976-.359-2.038a.75.75 0 01.222-.674l1.501-1.427-2.092-.296a.75.75 0 01-.563-.404L12 8.791l-.954 1.884a.75.75 0 01-.563.404l-2.092.296 1.5 1.427a.75.75 0 01.223.674l-.359 2.038 1.903-.976a.75.75 0 01.342-.082z" })));
+const StarS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1127393505icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-star-s", className: "star-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1127393505canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M15.24463,17.61914a.75224.75224,0,0,1-.34229-.08252L12,16.04834,9.09766,17.53662a.75019.75019,0,0,1-1.08106-.79736l.54981-3.127L6.2334,11.394a.74993.74993,0,0,1,.41113-1.28613l3.24024-.459L11.33105,6.792a.781.781,0,0,1,1.3379,0l1.44628,2.85694,3.24024.459A.74993.74993,0,0,1,17.7666,11.394l-2.333,2.21826.54981,3.127a.75007.75007,0,0,1-.73877.87988ZM12,14.45557a.74929.74929,0,0,1,.34229.08252l1.90234.97558-.3584-2.03808a.74975.74975,0,0,1,.22217-.67334l1.501-1.42676-2.09229-.29639a.7491.7491,0,0,1-.56348-.40381L12,8.7915l-.95361,1.88379a.7491.7491,0,0,1-.56348.40381l-2.09229.29639,1.501,1.42676a.74975.74975,0,0,1,.22217.67334l-.3584,2.03808,1.90234-.97558A.74929.74929,0,0,1,12,14.45557Z" }));
 exports.default = StarS;

package/dist/cjs/icons/StatsColorM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StatsColorM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "stats-color-m ds-icon-set-medium", "data-testid": "ds-icon-stats-color-m" }, props),
-    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("path", { d: "M12 3a9 9 0 019 9 9 9 0 01-9 9 9 9 0 01-9-9 9 9 0 019-9", fill: "#8BCAFF" }),
-        react_1.default.createElement("path", { d: "M12 3v9h9a9 9 0 00-9-9", fill: "#0B68FF" }))));
+const StatsColorM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-stats-color-m", className: "stats-color-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-6474997801-App-menu-/-03-Elements-/-02-Icons-/-13-Stats-/-01-Active", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        react_1.default.createElement("g", { id: "svg-64749978Group-7", transform: "translate(3.000000, 3.000000)" },
+            react_1.default.createElement("path", { d: "M9,0 C13.971,0 18,4.029 18,9 C18,13.971 13.971,18 9,18 C4.029,18 0,13.971 0,9 C0,4.029 4.029,0 9,0", id: "svg-64749978Fill-1", fill: "#8BCAFF" }),
+            react_1.default.createElement("path", { d: "M9,0 L9,9 L18,9 C18,4.029 13.971,0 9,0", id: "svg-64749978Fill-3", fill: "#0B68FF" }))));
 exports.default = StatsColorM;

package/dist/cjs/icons/StatsGrayM.js

@@ -1,14 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StatsGrayM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "stats-gray-m ds-icon-set-medium", "data-testid": "ds-icon-stats-gray-m" }, props),
+const StatsGrayM = (props) => react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-stats-gray-m", className: "stats-gray-m ds-icon-set-medium" }, props),
     react_1.default.createElement("defs", null,
-        react_1.default.createElement("path", { d: "M0 9a9 9 0 009 9 9 9 0 009-9 9 9 0 00-9-9 9 9 0 00-9 9zm1.5 0a7.5 7.5 0 0115 0 7.5 7.5 0 01-15 0z", id: "prefix__svg-2661345066a" })),
-    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("path", { d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("g", { transform: "translate(3 3)" },
-            react_1.default.createElement("mask", { id: "prefix__svg-2661345066b", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#prefix__svg-2661345066a" })),
-            react_1.default.createElement("path", { fill: "currentColor", mask: "url(#prefix__svg-2661345066b)", d: "M-1-1h20v20H-1z" })),
-        react_1.default.createElement("path", { d: "M12 3.857V12h8.088", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 1.5 }))));
+        react_1.default.createElement("path", { d: "M0,9 C0,13.971 4.029,18 9,18 L9,18 C13.971,18 18,13.971 18,9 L18,9 C18,4.029 13.971,0 9,0 L9,0 C4.029,0 0,4.029 0,9 L0,9 Z M1.5,9 C1.5,4.858 4.858,1.5 9,1.5 L9,1.5 C13.142,1.5 16.5,4.858 16.5,9 L16.5,9 C16.5,13.142 13.142,16.5 9,16.5 L9,16.5 C4.858,16.5 1.5,13.142 1.5,9 L1.5,9 Z", id: "svg-2661345066path-1" })),
+    react_1.default.createElement("g", { id: "svg-266134506601-App-menu-/-03-Elements-/-02-Icons-/-13-Stats-/-02-Inactive", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        react_1.default.createElement("rect", { id: "svg-2661345066canvas", x: -4.9999926e-8, y: -5.00000112e-8, width: 24.0000001, height: 24.0000001 }),
+        react_1.default.createElement("g", { id: "svg-2661345066Group-9", transform: "translate(3.000000, 3.000000)" },
+            react_1.default.createElement("g", { id: "svg-2661345066Group-3" },
+                react_1.default.createElement("mask", { id: "svg-2661345066mask-2", fill: "white" },
+                    react_1.default.createElement("use", { xlinkHref: "#svg-2661345066path-1" })),
+                react_1.default.createElement("g", { id: "svg-2661345066Clip-2" }),
+                react_1.default.createElement("polygon", { id: "svg-2661345066Fill-1", fill: "currentColor", mask: "url(#svg-2661345066mask-2)", points: "-1 -1 19 -1 19 19 -1 19" })),
+            react_1.default.createElement("g", { id: "svg-2661345066Group-8", transform: "translate(9.000000, 0.856500)", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: 1.5 },
+                react_1.default.createElement("polyline", { id: "svg-2661345066Stroke-4", points: "0 0 0 8.144 8.088 8.144" })))));
 exports.default = StatsGrayM;

package/dist/cjs/icons/StepBackM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StepBackM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "step-back-m ds-icon-set-medium", "data-testid": "ds-icon-step-back-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.628 11.25l-10.043-.006 4.017-3.96a.75.75 0 10-1.053-1.068l-5.325 5.25a.75.75 0 000 1.068l5.325 5.25a.75.75 0 101.053-1.068l-4.029-3.972 10.052.006a1.849 1.849 0 011.875 1.769V15a.75.75 0 001.5 0v-.481a3.367 3.367 0 00-3.372-3.269z" })));
+const StepBackM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3488410847icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-step-back-m", className: "step-back-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3488410847canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16.62793,11.25,6.58466,11.24445l4.0169-3.96027A.74994.74994,0,1,0,9.54883,6.21582l-5.3252,5.25a.74981.74981,0,0,0,0,1.06836l5.3252,5.25a.74994.74994,0,1,0,1.05273-1.06836L6.57349,12.74445,16.625,12.75A1.84852,1.84852,0,0,1,18.5,14.51855V15A.75.75,0,0,0,20,15v-.48145A3.367,3.367,0,0,0,16.62793,11.25Z" }));
 exports.default = StepBackM;

package/dist/cjs/icons/StepForwardM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StepForwardM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "step-forward-m ds-icon-set-medium", "data-testid": "ds-icon-step-forward-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.776 11.466l-5.325-5.25a.75.75 0 10-1.053 1.068l4.017 3.96-10.04.006A3.368 3.368 0 004 14.519V15a.75.75 0 001.5 0v-.481a1.85 1.85 0 011.878-1.769l10.049-.006-4.029 3.972a.75.75 0 101.053 1.068l5.325-5.25a.75.75 0 000-1.068z" })));
+const StepForwardM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4036303247icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-step-forward-m", className: "step-forward-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4036303247canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.77637,11.46582l-5.3252-5.25a.74994.74994,0,1,0-1.05273,1.06836l4.0169,3.96027L7.375,11.25A3.36766,3.36766,0,0,0,4,14.51855V15a.75.75,0,0,0,1.5,0v-.48145A1.84925,1.84925,0,0,1,7.37793,12.75l10.04858-.00555-4.02807,3.97137a.74994.74994,0,1,0,1.05273,1.06836l5.3252-5.25a.74981.74981,0,0,0,0-1.06836Z" }));
 exports.default = StepForwardM;

package/dist/cjs/icons/StickersM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StickersM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "stickers-m ds-icon-set-medium", "data-testid": "ds-icon-stickers-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.509 11.184L12.816 4.49a1.658 1.658 0 00-1.25-.49 8.008 8.008 0 00-1.16 15.844 8.472 8.472 0 001.614.157 7.909 7.909 0 004.905-1.692 8 8 0 003.073-5.875 1.654 1.654 0 00-.49-1.251zm-1.373.749a4.352 4.352 0 01-6.069-6.07zm-2.134 5.194a6.504 6.504 0 11-5.56-11.44 5.826 5.826 0 007.87 7.873 6.502 6.502 0 01-2.31 3.567z" })));
+const StickersM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1591415689icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-stickers-m", className: "stickers-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1591415689canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.50879,11.18359,12.81641,4.49121l-.001-.001a1.65765,1.65765,0,0,0-1.25-.48828,8.00769,8.00769,0,0,0-1.15918,15.84278,8.4722,8.4722,0,0,0,1.61426.15722,7.90887,7.90887,0,0,0,4.90429-1.69189,8.00024,8.00024,0,0,0,3.07325-5.87549A1.65432,1.65432,0,0,0,19.50879,11.18359Zm-1.3725.749a4.35175,4.35175,0,0,1-6.06885-6.06928ZM16.002,17.12744A6.50382,6.50382,0,1,1,10.44189,5.68713a5.82608,5.82608,0,0,0,7.87079,7.87238A6.50212,6.50212,0,0,1,16.002,17.12744Z" }));
 exports.default = StickersM;

package/dist/cjs/icons/StopCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const StopCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "stop-circle-m ds-icon-set-medium", "data-testid": "ds-icon-stop-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M13.65 15h-3.3A1.351 1.351 0 019 13.65v-3.3A1.351 1.351 0 0110.35 9h3.3A1.351 1.351 0 0115 10.35v3.3A1.351 1.351 0 0113.65 15zm-3.15-1.5h3v-3h-3z" })));
+const StopCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-866874380icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-stop-circle-m", className: "stop-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-866874380canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M13.65039,15H10.34961A1.35129,1.35129,0,0,1,9,13.6499V10.3501A1.35129,1.35129,0,0,1,10.34961,9h3.30078A1.35129,1.35129,0,0,1,15,10.3501v3.2998A1.35129,1.35129,0,0,1,13.65039,15ZM10.5,13.5h3v-3h-3Z" }));
 exports.default = StopCircleM;