@synerise/ds-icon 1.5.2 → 1.5.3

package/dist/esm/icons/AngleDownM.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const AngleDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-down-m ds-icon-set-medium", "data-testid": "ds-icon-angle-down-m" }, props),
-    React.createElement("path", { d: "M18.3 7.8L12 14.1 5.7 7.8c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0z" })));
+const AngleDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-669979381angle-down-m", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-down-m", className: "angle-down-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-669979381bg", width: 24, height: 24, opacity: 0, fill: "#f2f2f2" }),
+    React.createElement("path", { id: "svg-669979381path", d: "M18.3 7.8L12 14.1 5.7 7.8c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0z" })));
 export default AngleDownM;

package/dist/esm/icons/AngleDownS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AngleDownS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-down-s ds-icon-set-medium", "data-testid": "ds-icon-angle-down-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M14.72 9.845L12 12.565l-2.72-2.72a.75.75 0 00-1.06 1.06l3.25 3.25a.75.75 0 001.06 0l3.25-3.25a.75.75 0 00-1.06-1.06z" })));
+const AngleDownS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4292549291icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-down-s", className: "angle-down-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4292549291canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M14.71973,9.84473,12,12.56445,9.28027,9.84473a.74992.74992,0,0,0-1.06054,1.06054l3.25,3.25a.74971.74971,0,0,0,1.06054,0l3.25-3.25a.74992.74992,0,0,0-1.06054-1.06054Z" })));
 export default AngleDownS;

package/dist/esm/icons/AngleLeftM.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const AngleLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-left-m ds-icon-set-medium", "data-testid": "ds-icon-angle-left-m" }, props),
-    React.createElement("path", { d: "M16.2 4.3c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L9.9 12l6.3-6.3c.4-.4.4-1 0-1.4z" })));
+const AngleLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3881522236angle-left-m", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-left-m", className: "angle-left-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3881522236bg", width: 24, height: 24, opacity: 0, fill: "#f2f2f2" }),
+    React.createElement("path", { id: "svg-3881522236path", d: "M16.2 4.3c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L9.9 12l6.3-6.3c.4-.4.4-1 0-1.4z" })));
 export default AngleLeftM;

package/dist/esm/icons/AngleLeftS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AngleLeftS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-left-s ds-icon-set-medium", "data-testid": "ds-icon-angle-left-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M13.095 15.78a.75.75 0 001.06-1.06L11.435 12l2.72-2.72a.75.75 0 00-1.06-1.06l-3.25 3.25a.75.75 0 000 1.06z" })));
+const AngleLeftS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3190990050icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-left-s", className: "angle-left-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3190990050canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M13.09473,15.78027a.74992.74992,0,0,0,1.06054-1.06054L11.43555,12l2.71972-2.71973a.74992.74992,0,0,0-1.06054-1.06054l-3.25,3.25a.74972.74972,0,0,0,0,1.06054Z" })));
 export default AngleLeftS;

package/dist/esm/icons/AngleRightM.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const AngleRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-right-m ds-icon-set-medium", "data-testid": "ds-icon-angle-right-m" }, props),
-    React.createElement("path", { d: "M9.2 4.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l6.3 6.3-6.3 6.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4l-7-7z" })));
+const AngleRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3787532903angle-right-m", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-right-m", className: "angle-right-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3787532903bg", width: 24, height: 24, opacity: 0, fill: "#f2f2f2" }),
+    React.createElement("path", { id: "svg-3787532903path", d: "M9.2 4.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l6.3 6.3-6.3 6.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4l-7-7z" })));
 export default AngleRightM;

package/dist/esm/icons/AngleRightS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AngleRightS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-right-s ds-icon-set-medium", "data-testid": "ds-icon-angle-right-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M9.845 15.78a.75.75 0 001.06 0l3.25-3.25a.75.75 0 000-1.06l-3.25-3.25a.75.75 0 00-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 000 1.06z" })));
+const AngleRightS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3259164665icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-right-s", className: "angle-right-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3259164665canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M9.84473,15.78027a.74971.74971,0,0,0,1.06054,0l3.25-3.25a.74972.74972,0,0,0,0-1.06054l-3.25-3.25A.74992.74992,0,0,0,9.84473,9.28027L12.56445,12,9.84473,14.71973A.74972.74972,0,0,0,9.84473,15.78027Z" })));
 export default AngleRightS;

package/dist/esm/icons/AngleTopS.js

@@ -1,5 +1,10 @@
 import React from 'react';
-const AngleTopS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-top-s ds-icon-set-medium", "data-testid": "ds-icon-angle-top-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M15.25 15.823a.748.748 0 01-.53-.22L12 12.883l-2.72 2.72a.75.75 0 11-1.06-1.06l3.25-3.25a.75.75 0 011.06 0l3.25 3.25a.75.75 0 01-.53 1.28zM15.225 9.628h-.003l-6.45-.024a.75.75 0 01.003-1.5h.003l6.45.024a.75.75 0 01-.003 1.5z" })));
+const AngleTopS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-top-s", className: "angle-top-s ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("g", { id: "svg-2355532146aditional" },
+        React.createElement("rect", { id: "svg-2355532146canvas", width: 24, height: 24, style: {
+                fill: 'none',
+            } }),
+        React.createElement("path", { d: "M15.25,15.82275a.74757.74757,0,0,1-.53027-.21972L12,12.8833,9.28027,15.603a.74992.74992,0,1,1-1.06054-1.06055l3.25-3.25a.74972.74972,0,0,1,1.06054,0l3.25,3.25A.75.75,0,0,1,15.25,15.82275Z" }),
+        React.createElement("path", { d: "M15.2251,9.62793h-.00293L8.772,9.604a.75.75,0,0,1,.00293-1.5h.00293l6.4502.02393a.75.75,0,0,1-.00293,1.5Z" }))));
 export default AngleTopS;

package/dist/esm/icons/AngleUpM.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const AngleUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-up-m ds-icon-set-medium", "data-testid": "ds-icon-angle-up-m" }, props),
-    React.createElement("path", { d: "M12.7 7.8c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L12 9.9l6.3 6.3c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-7-7z" })));
+const AngleUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-703918146angle-up-l", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-up-m", className: "angle-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-703918146bg", width: 24, height: 24, opacity: 0, fill: "#f2f2f2" }),
+    React.createElement("path", { id: "svg-703918146path", d: "M12.7 7.8c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L12 9.9l6.3 6.3c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-7-7z" })));
 export default AngleUpM;

package/dist/esm/icons/AngleUpS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AngleUpS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-up-s ds-icon-set-medium", "data-testid": "ds-icon-angle-up-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M9.28 14.155l2.72-2.72 2.72 2.72a.75.75 0 001.06-1.06l-3.25-3.25a.75.75 0 00-1.06 0l-3.25 3.25a.75.75 0 001.06 1.06z" })));
+const AngleUpS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3897803804icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-angle-up-s", className: "angle-up-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3897803804canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M9.28027,14.15527,12,11.43555l2.71973,2.71972a.74992.74992,0,0,0,1.06054-1.06054l-3.25-3.25a.74972.74972,0,0,0-1.06054,0l-3.25,3.25a.74992.74992,0,0,0,1.06054,1.06054Z" })));
 export default AngleUpS;

package/dist/esm/icons/AnonymousM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AnonymousM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "anonymous-m ds-icon-set-medium", "data-testid": "ds-icon-anonymous-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.675 13.791a3.086 3.086 0 00-2.97 2.304h-3.41a3.093 3.093 0 10.032 1.5h3.346a3.087 3.087 0 103.002-3.804zM7.325 18.5a1.605 1.605 0 111.588-1.604A1.598 1.598 0 017.325 18.5zm9.35 0a1.605 1.605 0 111.588-1.604 1.598 1.598 0 01-1.588 1.604zM20.25 11.269h-.27v-.005L18.753 6.01a2.88 2.88 0 00-1.429-1.778 2.208 2.208 0 00-1.777-.085l-.946.362a7.314 7.314 0 01-5.483-.076l-.562-.231a2.205 2.205 0 00-1.789.042 2.885 2.885 0 00-1.472 1.802l-1.274 5.21v.013H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5zM6.74 6.453a1.365 1.365 0 01.661-.849.703.703 0 01.586-.015l.561.23a8.797 8.797 0 006.589.091l.946-.361a.713.713 0 01.582.03 1.356 1.356 0 01.641.818l1.135 4.872H5.563z" })));
+const AnonymousM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1578208888icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-anonymous-m", className: "anonymous-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1578208888canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.6748,13.791a3.08639,3.08639,0,0,0-2.97033,2.30419H10.29553a3.09257,3.09257,0,1,0,.03113,1.5h3.34668A3.08695,3.08695,0,1,0,16.6748,13.791ZM7.3252,18.5a1.60458,1.60458,0,1,1,1.5874-1.60449A1.59809,1.59809,0,0,1,7.3252,18.5Zm9.3496,0a1.60458,1.60458,0,1,1,1.5879-1.60449A1.59768,1.59768,0,0,1,16.6748,18.5Z" }),
+    React.createElement("path", { d: "M20.25,11.26855h-.27039l-.00012-.00488-1.2251-5.2539A2.88012,2.88012,0,0,0,17.3252,4.23193a2.20825,2.20825,0,0,0-1.77686-.08447l-.94629.36133a7.31441,7.31441,0,0,1-5.4834-.07617l-.56152-.231a2.20469,2.20469,0,0,0-1.78906.04248A2.885,2.885,0,0,0,5.29639,6.04639l-1.27393,5.209c-.0011.00446.00049.00873-.00055.01318H3.75a.75.75,0,0,0,0,1.5h16.5a.75.75,0,0,0,0-1.5ZM6.73926,6.45264A1.36505,1.36505,0,0,1,7.40137,5.604a.70274.70274,0,0,1,.58545-.01464l.56152.23046a8.79735,8.79735,0,0,0,6.58838.09034l.94629-.36133a.71343.71343,0,0,1,.582.02978,1.35623,1.35623,0,0,1,.64111.81885l1.1344,4.87109H5.56329Z" })));
 export default AnonymousM;

package/dist/esm/icons/ApiAddM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const ApiAddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-add-m ds-icon-set-medium", "data-testid": "ds-icon-api-add-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.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" }),
-    React.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.762.762 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M11.666 13.996a15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.722.722 0 00.766.734.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5z" })));
+const ApiAddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3844095583icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-add-m", className: "api-add-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3844095583canvas", width: 24, height: 24, fill: "none" }),
+    React.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" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95643,36.95643,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.76218.76218,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M11.666,13.99609c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.8014,15.8014,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.722.722,0,0,0,.76563.73437.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.56748,17.56748,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5Z" })));
 export default ApiAddM;

package/dist/esm/icons/ApiBlockM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const ApiBlockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-block-m ds-icon-set-medium", "data-testid": "ds-icon-api-block-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 13.282a3.75 3.75 0 103.75 3.75 3.755 3.755 0 00-3.75-3.75zm0 1.5a2.222 2.222 0 01.978.233l-2.995 2.995a2.222 2.222 0 01-.233-.978 2.253 2.253 0 012.25-2.25zm0 4.5a2.225 2.225 0 01-.95-.218l2.982-2.982a2.225 2.225 0 01.218.95 2.253 2.253 0 01-2.25 2.25z" }),
-    React.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.766.766 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M11.666 13.996a15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734h.016a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5z" })));
+const ApiBlockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-85589431icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-block-m", className: "api-block-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-85589431canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,13.28223a3.75,3.75,0,1,0,3.75,3.75A3.75473,3.75473,0,0,0,17.25,13.28223Zm0,1.5a2.22164,2.22164,0,0,1,.97784.23309L15.23315,18.01A2.22163,2.22163,0,0,1,15,17.03223,2.25309,2.25309,0,0,1,17.25,14.78223Zm0,4.5a2.22472,2.22472,0,0,1-.95-.218L19.282,16.08228a2.22472,2.22472,0,0,1,.218.94995A2.25309,2.25309,0,0,1,17.25,19.28223Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95643,36.95643,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.7659.7659,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M11.666,13.99609c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.75081.75081,0,0,0,.75.73437h.01563a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.56748,17.56748,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5Z" })));
 export default ApiBlockM;

package/dist/esm/icons/ApiCheckM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const ApiCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-check-m ds-icon-set-medium", "data-testid": "ds-icon-api-check-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.231 14.678l-2.734 2.716-1.22-1.164a.75.75 0 00-1.035 1.086l1.748 1.667a.75.75 0 001.046-.01l3.252-3.23a.75.75 0 00-1.057-1.065zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.761.761 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M14.746 12.4h.016a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734z" })));
+const ApiCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-247503288icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-check-m", className: "api-check-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-247503288canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.23145,14.67773l-2.73438,2.71582-1.21973-1.16308a.75013.75013,0,0,0-1.03515,1.08594l1.748,1.667a.75012.75012,0,0,0,1.0459-.01074l3.252-3.23047a.74993.74993,0,0,0-1.05664-1.06446Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95644,36.95644,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.761.761,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M14.74609,12.40039h.01563a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.56748,17.56748,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.8014,15.8014,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274A.75081.75081,0,0,0,14.74609,12.40039Z" })));
 export default ApiCheckM;

package/dist/esm/icons/ApiEditM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const ApiEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-edit-m ds-icon-set-medium", "data-testid": "ds-icon-api-edit-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.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.057zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.76.76 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M15.496 11.635a17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734h.016a.75.75 0 00.734-.765z" })));
+const ApiEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-827726786icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-edit-m", className: "api-edit-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-827726786canvas", width: 24, height: 24, fill: "none" }),
+    React.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" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95643,36.95643,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.75911.75911,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M15.49609,11.63477a17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.56748,17.56748,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.8014,15.8014,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.75081.75081,0,0,0,.75.73437h.01563A.75035.75035,0,0,0,15.49609,11.63477Z" })));
 export default ApiEditM;

package/dist/esm/icons/ApiM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ApiM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-m ds-icon-set-medium", "data-testid": "ds-icon-api-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.963 10.287a.75.75 0 00-.75-.75H18.92q-.075-1.165-.22-2.325a2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7c.76.096 1.523.166 2.287.216v1.334a.75.75 0 001.5 0v-1.281c.331.009.662.031.993.031.336 0 .671-.022 1.007-.031v1.281a.75.75 0 001.5 0v-1.336c.74-.049 1.478-.115 2.214-.206l.07-.009a2.223 2.223 0 001.924-1.985c.09-.724.153-1.45.202-2.177h1.303a.75.75 0 000-1.5h-1.246q.027-1 .003-2h1.243a.75.75 0 00.75-.75zM17.21 16.6a.703.703 0 01-.612.612l-.07.009a36.744 36.744 0 01-9.129-.008.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.748 36.748 0 014.554-.283 37.143 37.143 0 014.612.288.703.703 0 01.61.611 36.979 36.979 0 01-.001 9.199z" }),
-    React.createElement("path", { d: "M14.143 8.634a17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.207 1.207 17.277 17.277 0 002.154.135 17.261 17.261 0 002.13-.132l.031-.004a1.398 1.398 0 001.211-1.238 17.293 17.293 0 00-.003-4.286 1.395 1.395 0 00-1.222-1.206zm-4.03 5.254a15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0 15.94 15.94 0 01-.001 3.774 15.94 15.94 0 01-3.774 0z" })));
+const ApiM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1169562227icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-m", className: "api-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1169562227canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.96289,10.28711a.7502.7502,0,0,0-.75-.75H18.91956q-.07481-1.16538-.21936-2.3252A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c.75983.09594,1.52283.16589,2.28711.21569V20.25a.75.75,0,0,0,1.5,0V18.969c.33118.00855.66187.031.99316.031.33564,0,.67115-.02228,1.00684-.03113V20.25a.75.75,0,0,0,1.5,0V18.91364c.7395-.04853,1.47815-.11432,2.21387-.20563l.07031-.00879A2.22318,2.22318,0,0,0,18.708,16.71387c.08978-.72364.15326-1.44983.2016-2.17676h1.30328a.75.75,0,0,0,0-1.5H18.9671q.0272-1.0004.00305-2h1.24274A.7502.7502,0,0,0,20.96289,10.28711Zm-3.752,6.31152a.703.703,0,0,1-.61231.61231l-.07031.00879a36.744,36.744,0,0,1-9.12793-.00782.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.74755,36.74755,0,0,1,4.55468-.2832,37.143,37.143,0,0,1,4.61133.28808.70285.70285,0,0,1,.61035.61133A36.97877,36.97877,0,0,1,17.21094,16.59863Z" }),
+    React.createElement("path", { d: "M14.14258,8.63379a17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.20606,1.207A17.27685,17.27685,0,0,0,11.99609,15.5a17.26105,17.26105,0,0,0,2.12989-.13184l.03125-.0039A1.39777,1.39777,0,0,0,15.36816,14.126a17.2932,17.2932,0,0,0-.00293-4.28614A1.39464,1.39464,0,0,0,14.14258,8.63379Zm-4.0293,5.25391a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0,15.93934,15.93934,0,0,1-.001,3.77344A15.93947,15.93947,0,0,1,10.11328,13.8877Z" })));
 export default ApiM;

package/dist/esm/icons/ApiPlayM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const ApiPlayM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-play-m ds-icon-set-medium", "data-testid": "ds-icon-api-play-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.588 15.951h-.001l-3.418-2.078a1.193 1.193 0 00-1.197-.02 1.171 1.171 0 00-.599 1.02v4.155a1.17 1.17 0 00.599 1.019 1.183 1.183 0 001.196-.02l3.42-2.078a1.168 1.168 0 000-1.998zm-3.715 2.5v-3.002l2.47 1.501z" }),
-    React.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.767.767 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.234 38.234 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M14.762 12.4a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.568 17.568 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734z" })));
+const ApiPlayM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-549294266icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-play-m", className: "api-play-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-549294266canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.58789,15.95117h-.001l-3.418-2.07812a1.19262,1.19262,0,0,0-1.19727-.02051,1.171,1.171,0,0,0-.59863,1.01953v4.15625a1.17063,1.17063,0,0,0,.59863,1.01856,1.18277,1.18277,0,0,0,1.19629-.02051l3.41992-2.07715a1.16841,1.16841,0,0,0,0-1.99805Zm-3.71484,2.499v-3.001l2.46972,1.501Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95643,36.95643,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.76716.76716,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74756-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.999-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M14.76172,12.40039a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.5679,17.5679,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.8014,15.8014,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.75081.75081,0,0,0,.75.73437Z" })));
 export default ApiPlayM;

package/dist/esm/icons/ApiRemoveM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const ApiRemoveM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-remove-m ds-icon-set-medium", "data-testid": "ds-icon-api-remove-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.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" }),
-    React.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.764.764 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M14.746 12.4h.016a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734z" })));
+const ApiRemoveM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-529082936icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-remove-m", className: "api-remove-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-529082936canvas", width: 24, height: 24, fill: "none" }),
+    React.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" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95644,36.95644,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.764.764,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74762-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.99892-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02443.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5H5.09137c.04962.748.11615,1.49744.20941,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M14.74609,12.40039h.01563a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.56748,17.56748,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274A.75081.75081,0,0,0,14.74609,12.40039Z" })));
 export default ApiRemoveM;

package/dist/esm/icons/ApiStopM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const ApiStopM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-stop-m ds-icon-set-medium", "data-testid": "ds-icon-api-stop-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.95 14h-3.3a1.351 1.351 0 00-1.35 1.35v3.3A1.351 1.351 0 0015.65 20h3.3a1.351 1.351 0 001.35-1.35v-3.3A1.351 1.351 0 0018.95 14zm-.15 4.5h-3v-3h3z" }),
-    React.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.75.75 0 101.498-.07 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.234 38.234 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304a39.5 39.5 0 00.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M14.762 12.4a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.568 17.568 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734z" })));
+const ApiStopM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3182232390icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-stop-m", className: "api-stop-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3182232390canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.9502,14H15.65039a1.3514,1.3514,0,0,0-1.35059,1.34961v3.30078A1.3514,1.3514,0,0,0,15.65039,20H18.9502a1.35118,1.35118,0,0,0,1.3496-1.34961V15.34961A1.35118,1.35118,0,0,0,18.9502,14Zm-.1504,4.5h-3v-3h3Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95644,36.95644,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.74984.74984,0,1,0,1.498-.07031c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74756-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.999-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02454.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5h1.3042c.04968.748.11621,1.49744.20947,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M14.76172,12.40039a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.5679,17.5679,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.75081.75081,0,0,0,.75.73437Z" })));
 export default ApiStopM;

package/dist/esm/icons/ApiTimerM.js

@@ -1,7 +1,8 @@
 import React from 'react';
-const ApiTimerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "api-timer-m ds-icon-set-medium", "data-testid": "ds-icon-api-timer-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17 13a4 4 0 104 4 4.004 4.004 0 00-4-4zm0 6.5a2.5 2.5 0 112.5-2.5 2.502 2.502 0 01-2.5 2.5z" }),
-    React.createElement("path", { d: "M17.75 16.69v-.74a.75.75 0 00-1.5 0V17a.75.75 0 00.22.53l.625.625a.75.75 0 001.06-1.06zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.763.763 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.234 38.234 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304a39.5 39.5 0 00.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M11.666 13.996a15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734h.016a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.568 17.568 0 001.792.131h.015a.75.75 0 00.016-1.5z" })));
+const ApiTimerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3412813593icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-api-timer-m", className: "api-timer-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3412813593canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17,13a4,4,0,1,0,4,4A4.004,4.004,0,0,0,17,13Zm0,6.5A2.5,2.5,0,1,1,19.5,17,2.50231,2.50231,0,0,1,17,19.5Z" }),
+    React.createElement("path", { d: "M17.75,16.68945V15.9502a.75.75,0,0,0-1.5,0V17a.74942.74942,0,0,0,.21973.53027l.625.625a.74992.74992,0,0,0,1.06054-1.06054Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95643,36.95643,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.76342.76342,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74756-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.999-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02454.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5h1.3042c.04968.748.11621,1.49744.20947,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M11.666,13.99609c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274a.75081.75081,0,0,0,.75.73437h.01563a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.5679,17.5679,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5Z" })));
 export default ApiTimerM;

package/dist/esm/icons/AppleFillM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AppleFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "apple-fill-m ds-icon-set-medium", "data-testid": "ds-icon-apple-fill-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.891 15.49a2.6 2.6 0 01-1.54-2.387 2.654 2.654 0 011.248-2.231.75.75 0 00.254-1.074 4.197 4.197 0 00-3.318-1.834 5.26 5.26 0 00-2.361.488 3.45 3.45 0 01-.593.202 3.126 3.126 0 01-.665-.23 4.765 4.765 0 00-1.82-.47 4.421 4.421 0 00-3.766 2.33c-1.602 2.81-.288 6.6.988 8.464.62.9 1.552 2.251 2.956 2.251h.074a3.548 3.548 0 001.345-.356 2.446 2.446 0 011.093-.27 2.258 2.258 0 011.014.256 3.311 3.311 0 001.484.345c1.45-.023 2.298-1.281 2.916-2.198a9.036 9.036 0 001.145-2.385.76.76 0 00-.454-.902zM13.99 5.912a2.307 2.307 0 00.39-2.14 2.25 2.25 0 00-2.02.759 2.308 2.308 0 00-.39 2.14 2.25 2.25 0 002.02-.76z" })));
+const AppleFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-560292257icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-apple-fill-m", className: "apple-fill-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-560292257canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M17.89111,15.48926a2.5992,2.5992,0,0,1-1.54-2.38623,2.65387,2.65387,0,0,1,1.248-2.231.74938.74938,0,0,0,.25342-1.07373,4.19664,4.19664,0,0,0-3.31787-1.834,5.25975,5.25975,0,0,0-2.36084.4873,3.44917,3.44917,0,0,1-.59326.20215,3.12586,3.12586,0,0,1-.66407-.23,4.76487,4.76487,0,0,0-1.8208-.47022,4.42112,4.42112,0,0,0-3.76562,2.33008c-1.602,2.81055-.2876,6.6001.98779,8.46436.62012.89941,1.55225,2.25146,2.95654,2.25146.02442,0,.04932-.00049.07373-.001a3.54824,3.54824,0,0,0,1.34473-.355,2.44577,2.44577,0,0,1,1.09277-.27,2.25782,2.25782,0,0,1,1.01465.25585,3.31148,3.31148,0,0,0,1.48389.34522c1.44922-.02344,2.29736-1.28174,2.91553-2.19873a9.036,9.036,0,0,0,1.145-2.38428A.7595.7595,0,0,0,17.89111,15.48926Z" }),
+    React.createElement("path", { d: "M13.98907,5.91162a2.30745,2.30745,0,0,0,.39008-2.14044,2.2498,2.2498,0,0,0-2.019.7597,2.30779,2.30779,0,0,0-.39008,2.14051A2.24983,2.24983,0,0,0,13.98907,5.91162Z" })));
 export default AppleFillM;

package/dist/esm/icons/AppleM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const AppleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "apple-m ds-icon-set-medium", "data-testid": "ds-icon-apple-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.891 15.49a2.6 2.6 0 01-1.54-2.387 2.654 2.654 0 011.248-2.231.75.75 0 00.254-1.074 4.197 4.197 0 00-3.318-1.834 5.248 5.248 0 00-2.361.488 3.45 3.45 0 01-.593.202 3.126 3.126 0 01-.665-.23 4.765 4.765 0 00-1.82-.47 4.421 4.421 0 00-3.766 2.33c-1.602 2.81-.288 6.6.988 8.464.62.9 1.552 2.251 2.956 2.251h.074a3.548 3.548 0 001.345-.356 2.446 2.446 0 011.093-.27 2.258 2.258 0 011.014.256 3.308 3.308 0 001.484.345c1.45-.023 2.298-1.281 2.916-2.198a9.036 9.036 0 001.145-2.385.76.76 0 00-.454-.902zm-1.934 2.446c-.583.866-1.08 1.529-1.703 1.539a1.705 1.705 0 01-.854-.22 3.7 3.7 0 00-1.614-.381 3.907 3.907 0 00-1.687.392 2.152 2.152 0 01-.808.234c-.629.002-1.292-.957-1.736-1.602-1.097-1.601-2.107-4.792-.922-6.872a2.924 2.924 0 012.463-1.572 3.521 3.521 0 011.245.355 3.345 3.345 0 001.241.345 3.194 3.194 0 001.145-.308 3.932 3.932 0 011.697-.386 2.868 2.868 0 011.724.656 4.1 4.1 0 00.554 6.421 7.764 7.764 0 01-.745 1.399zM11.246 6.857l.004.018.005.021a.745.745 0 00.116.224c.009.012.022.02.031.032a.74.74 0 00.163.145.728.728 0 00.077.039.737.737 0 00.179.062c.017.003.03.014.049.017.033.004.066.003.1.006a3.063 3.063 0 00.308.02 2.98 2.98 0 002.288-1.05 3.052 3.052 0 00.538-2.806l-.005-.018-.005-.021a.702.702 0 00-.05-.092.743.743 0 00-.084-.152.72.72 0 00-.1-.09.726.726 0 00-.12-.094.746.746 0 00-.146-.05.716.716 0 00-.114-.04h-.02c-.011-.002-.023 0-.034 0a2.997 2.997 0 00-2.642 1.023l-.001.001a3.051 3.051 0 00-.537 2.805zm1.692-1.847a1.494 1.494 0 01.788-.46 1.536 1.536 0 01-.314.883 1.486 1.486 0 01-.79.462 1.532 1.532 0 01.315-.885z" })));
+const AppleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4146523107icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-apple-m", className: "apple-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4146523107canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M17.89111,15.48926a2.5992,2.5992,0,0,1-1.54-2.38623,2.65387,2.65387,0,0,1,1.248-2.231.74938.74938,0,0,0,.25342-1.07373,4.19664,4.19664,0,0,0-3.31787-1.834,5.24782,5.24782,0,0,0-2.36084.4873,3.44917,3.44917,0,0,1-.59326.20215,3.12586,3.12586,0,0,1-.66407-.23,4.76487,4.76487,0,0,0-1.8208-.47022,4.42112,4.42112,0,0,0-3.76562,2.33008c-1.602,2.81055-.2876,6.6001.98779,8.46436.62012.89941,1.55225,2.25146,2.95654,2.25146.02442,0,.04932-.00049.07373-.001a3.54824,3.54824,0,0,0,1.34473-.355,2.44577,2.44577,0,0,1,1.09277-.27,2.25782,2.25782,0,0,1,1.01465.25585,3.30806,3.30806,0,0,0,1.48389.34522c1.44922-.02344,2.29736-1.28174,2.91553-2.19873a9.036,9.036,0,0,0,1.145-2.38428A.7595.7595,0,0,0,17.89111,15.48926ZM15.957,17.93555c-.58349.86621-1.0791,1.52929-1.70312,1.53906a1.70469,1.70469,0,0,1-.85352-.22022,3.70059,3.70059,0,0,0-1.61475-.38085,3.90672,3.90672,0,0,0-1.687.39257,2.152,2.152,0,0,1-.80761.2334c-.62891.00293-1.29248-.95605-1.73633-1.60107C6.458,16.29688,5.44775,13.106,6.6333,11.02637A2.924,2.924,0,0,1,9.0957,9.45361a3.52112,3.52112,0,0,1,1.24512.35547,3.34456,3.34456,0,0,0,1.24121.34473,3.19442,3.19442,0,0,0,1.145-.30811A3.9316,3.9316,0,0,1,14.42432,9.46a2.86774,2.86774,0,0,1,1.72412.65625,4.10019,4.10019,0,0,0,.55371,6.4209A7.76393,7.76393,0,0,1,15.957,17.93555Z" }),
+    React.createElement("path", { d: "M11.24554,6.85748l.00428.01783.00506.02117a.74488.74488,0,0,0,.11573.22345c.009.01209.022.02008.03179.03162a.74.74,0,0,0,.16291.14508.728.728,0,0,0,.077.03912.73718.73718,0,0,0,.17829.06177c.01739.0036.03119.01459.04907.017.0332.00452.06634.0033.09955.00665l.001.00019.00043-.00006a3.06292,3.06292,0,0,0,.30719.02056,2.98072,2.98072,0,0,0,2.28809-1.05078l.00012-.00018.00037-.00031a3.05176,3.05176,0,0,0,.53717-2.80572l-.00428-.01782-.00506-.02118a.702.702,0,0,0-.05072-.0918.743.743,0,0,0-.08374-.15161.72092.72092,0,0,0-.10071-.08972.72565.72565,0,0,0-.11865-.09448.74636.74636,0,0,0-.14655-.05079.71611.71611,0,0,0-.11438-.03967c-.00659-.00085-.01306.00067-.01965-.00018-.01135-.00128-.02265.00049-.03412-.00025A2.99689,2.99689,0,0,0,11.784,4.051l-.00031.00024-.00006.00012-.00043.00037-.00036.00067A3.051,3.051,0,0,0,11.24554,6.85748Zm1.692-1.84771a1.49449,1.49449,0,0,1,.78889-.45911,1.5358,1.5358,0,0,1-.31421.8819,1.48586,1.48586,0,0,1-.78979.46222,1.53185,1.53185,0,0,1,.31463-.88453l.00012-.00018Z" })));
 export default AppleM;

package/dist/esm/icons/AreaM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AreaM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "area-m ds-icon-set-medium", "data-testid": "ds-icon-area-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.6 3.85H6.4A2.403 2.403 0 004 6.25v11.3a.747.747 0 00.094.363A2.755 2.755 0 006.75 19.95h10.5A2.753 2.753 0 0020 17.2V6.25a2.403 2.403 0 00-2.4-2.4zM6.4 5.35h11.2a.901.901 0 01.9.9v1.676l-4.2 4.2a1.556 1.556 0 01-2.15 0 3.093 3.093 0 00-4.273 0L5.5 14.504V6.25a.901.901 0 01.9-.9zm10.85 13.1H6.75A1.251 1.251 0 015.5 17.2v-.575l3.437-3.438a1.56 1.56 0 012.152 0 3.092 3.092 0 004.271 0l3.14-3.14V17.2a1.251 1.251 0 01-1.25 1.25z" })));
+const AreaM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2609220700icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-area-m", className: "area-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2609220700canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.59961,3.8501H6.40039A2.40313,2.40313,0,0,0,4,6.25V17.5498a.74744.74744,0,0,0,.09375.36329A2.75493,2.75493,0,0,0,6.75,19.9502h10.5a2.75311,2.75311,0,0,0,2.75-2.75V6.25A2.40313,2.40313,0,0,0,17.59961,3.8501Zm-11.19922,1.5H17.59961A.90149.90149,0,0,1,18.5,6.25V7.92627L14.2998,12.126a1.55559,1.55559,0,0,1-2.15039,0,3.09305,3.09305,0,0,0-4.27246,0L5.5,14.5036V6.25A.90149.90149,0,0,1,6.40039,5.3501ZM17.25,18.4502H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-.57526l3.43748-3.43842a1.55972,1.55972,0,0,1,2.15139,0,3.09184,3.09184,0,0,0,4.27148,0L18.5,10.04724v7.153A1.25116,1.25116,0,0,1,17.25,18.4502Z" })));
 export default AreaM;

package/dist/esm/icons/AreaPercentageM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const AreaPercentageM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "area-percentage-m ds-icon-set-medium", "data-testid": "ds-icon-area-percentage-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.513 4.457a.75.75 0 00-.818.163L14.28 9.036a1.522 1.522 0 01-2.15 0 3.026 3.026 0 00-4.273 0l-3.612 3.612a.747.747 0 00-.22.537l.05 5.671a.75.75 0 00.75.744h14.4a.75.75 0 00.75-.75l.002-13.7a.75.75 0 00-.463-.693zM18.475 18.1H5.567l-.04-4.613 3.39-3.39a1.525 1.525 0 012.151 0 3.024 3.024 0 004.272 0l3.136-3.137z" })));
+const AreaPercentageM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3087390665icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-area-percentage-m", className: "area-percentage-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3087390665canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.5127,4.457a.74934.74934,0,0,0-.81739.1626l-4.416,4.416a1.52243,1.52243,0,0,1-2.15039,0,3.02575,3.02575,0,0,0-4.27246,0l-3.61231,3.6128a.7471.7471,0,0,0-.21973.53662l.04981,5.67139a.75011.75011,0,0,0,.75.74365H19.22461a.7502.7502,0,0,0,.75-.75l.001-13.7002A.75009.75009,0,0,0,19.5127,4.457ZM18.47461,18.1001H5.56738l-.04-4.61328L8.917,10.09619a1.52452,1.52452,0,0,1,2.15137,0,3.02365,3.02365,0,0,0,4.27148,0l3.13575-3.13574Z" })));
 export default AreaPercentageM;

package/dist/esm/icons/ArrangeHorM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const ArrangeHorM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrange-hor-m ds-icon-set-medium", "data-testid": "ds-icon-arrange-hor-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M7 12a3.504 3.504 0 003.5 3.5h3a3.5 3.5 0 000-7h-3A3.504 3.504 0 007 12zm3.5-2h3a2 2 0 010 4h-3a2 2 0 010-4zM20.25 3a.75.75 0 00-.75.75v16.5a.75.75 0 001.5 0V3.75a.75.75 0 00-.75-.75zM3.75 3a.75.75 0 00-.75.75v16.5a.75.75 0 001.5 0V3.75A.75.75 0 003.75 3z" })));
+const ArrangeHorM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1592211071icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrange-hor-m", className: "arrange-hor-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1592211071canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M7,12a3.50424,3.50424,0,0,0,3.5,3.5h3a3.5,3.5,0,0,0,0-7h-3A3.50424,3.50424,0,0,0,7,12Zm3.5-2h3a2,2,0,0,1,0,4h-3a2,2,0,0,1,0-4Z" }),
+    React.createElement("path", { d: "M20.25,3a.7502.7502,0,0,0-.75.75v16.5a.75.75,0,0,0,1.5,0V3.75A.7502.7502,0,0,0,20.25,3Z" }),
+    React.createElement("path", { d: "M3.75,3A.7502.7502,0,0,0,3,3.75v16.5a.75.75,0,0,0,1.5,0V3.75A.7502.7502,0,0,0,3.75,3Z" })));
 export default ArrangeHorM;

package/dist/esm/icons/ArrangeM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ArrangeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrange-m ds-icon-set-medium", "data-testid": "ds-icon-arrange-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M13.211 13.081a.752.752 0 00-1.06-.01l-3.188 3.125V6.018a.75.75 0 00-1.5 0v10.178l-3.188-3.125a.75.75 0 10-1.05 1.07l4.463 4.377a.749.749 0 001.05 0l4.463-4.376a.75.75 0 00.01-1.061z" }),
-    React.createElement("path", { d: "M20.775 9.858l-4.463-4.376a.747.747 0 00-1.05 0L10.8 9.858a.75.75 0 101.05 1.07l3.188-3.124v10.178a.75.75 0 101.5 0V7.804l3.188 3.125a.75.75 0 101.05-1.07z" })));
+const ArrangeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1047240935icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrange-m", className: "arrange-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1047240935canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M13.21143,13.08105a.75152.75152,0,0,0-1.06055-.00976l-3.188,3.12512V6.01758a.75.75,0,0,0-1.5,0V16.19641l-3.188-3.12512A.74961.74961,0,1,0,3.2251,14.1416l4.46289,4.376a.74864.74864,0,0,0,1.0498,0l4.46289-4.376A.74978.74978,0,0,0,13.21143,13.08105Z" }),
+    React.createElement("path", { d: "M20.7749,9.8584,16.312,5.48242a.74742.74742,0,0,0-1.0498,0l-4.46289,4.376a.74961.74961,0,1,0,1.0498,1.07031l3.188-3.12512V17.98242a.75.75,0,1,0,1.5,0V7.80359l3.188,3.12512A.74961.74961,0,1,0,20.7749,9.8584Z" })));
 export default ArrangeM;

package/dist/esm/icons/ArrangeS.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const ArrangeS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrange-s ds-icon-set-medium", "data-testid": "ds-icon-arrange-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M14.394 6.965L12.063 9.25a.75.75 0 101.05 1.07l1.056-1.035v5.974a.75.75 0 001.5 0V9.286l1.056 1.035a.75.75 0 101.05-1.07l-2.33-2.286a.75.75 0 00-1.05 0zM12.163 14.214a.75.75 0 00-1.275-.535L9.82 14.724l.022-5.98V8.74a.75.75 0 00-1.5-.003l-.022 5.967-1.046-1.025a.75.75 0 10-1.05 1.07l2.33 2.286a.75.75 0 001.051 0l2.332-2.286a.746.746 0 00.225-.535z" })));
+const ArrangeS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-723906937icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrange-s", className: "arrange-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-723906937canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M14.39415,6.96473,12.06261,9.25087a.74961.74961,0,1,0,1.0498,1.07031l1.05665-1.03552v5.974a.75.75,0,0,0,1.5,0V9.28584l1.05615,1.03534A.74961.74961,0,1,0,17.775,9.25087L15.44445,6.96473A.74986.74986,0,0,0,14.39415,6.96473Z" }),
+    React.createElement("path", { d: "M12.16271,14.21376a.74951.74951,0,0,0-1.2749-.53516L9.82122,14.72389l.02215-5.98084V8.74012a.75.75,0,0,0-1.5-.00293l-.02215,5.967L7.275,13.6786a.74961.74961,0,1,0-1.0498,1.07031L8.55577,17.035a.74986.74986,0,0,0,1.0503,0l2.33154-2.28614A.746.746,0,0,0,12.16271,14.21376Z" })));
 export default ArrangeS;

package/dist/esm/icons/ArrangeVerM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const ArrangeVerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrange-ver-m ds-icon-set-medium", "data-testid": "ds-icon-arrange-ver-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M8.5 10.5v3a3.5 3.5 0 007 0v-3a3.5 3.5 0 00-7 0zm5.5 0v3a2 2 0 01-4 0v-3a2 2 0 014 0zM3.75 4.5h16.5a.75.75 0 000-1.5H3.75a.75.75 0 000 1.5zM20.25 19.5H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5z" })));
+const ArrangeVerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-14642475icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrange-ver-m", className: "arrange-ver-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-14642475canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M8.5,10.5v3a3.5,3.5,0,0,0,7,0v-3a3.5,3.5,0,0,0-7,0Zm5.5,0v3a2,2,0,0,1-4,0v-3a2,2,0,0,1,4,0Z" }),
+    React.createElement("path", { d: "M3.75,4.5h16.5a.75.75,0,0,0,0-1.5H3.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M20.25,19.5H3.75a.75.75,0,0,0,0,1.5h16.5a.75.75,0,0,0,0-1.5Z" })));
 export default ArrangeVerM;

package/dist/esm/icons/ArrowDownCircleM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ArrowDownCircleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-down-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-down-circle-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.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.createElement("path", { d: "M15.355 11.891a.75.75 0 00-1.06 0l-1.545 1.545V8.75a.75.75 0 00-1.5 0v4.692l-1.545-1.545a.75.75 0 10-1.06 1.061l2.822 2.822a.75.75 0 001.06 0l2.828-2.828a.75.75 0 000-1.06z" })));
+const ArrowDownCircleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3896643954icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-down-circle-m", className: "arrow-down-circle-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3896643954canvas", width: 24, height: 24, fill: "none" }),
+    React.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.createElement("path", { d: "M15.35547,11.89111a.74973.74973,0,0,0-1.06055,0L12.75,13.43634V8.75a.75.75,0,0,0-1.5,0v4.69238L9.70508,11.89746A.74992.74992,0,1,0,8.64453,12.958l2.82227,2.82226a.74971.74971,0,0,0,1.06054,0l2.82813-2.82861A.74973.74973,0,0,0,15.35547,11.89111Z" })));
 export default ArrowDownCircleM;