@synerise/ds-icon 1.5.2 → 1.5.3

package/dist/esm/icons/DeleteM.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const DeleteM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "delete-m ds-icon-set-medium", "data-testid": "ds-icon-delete-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.384 5H7.704A2.717 2.717 0 005.23 6.62l-1.897 4.262a2.753 2.753 0 000 2.236l1.897 4.263A2.717 2.717 0 007.704 19h10.68a2.735 2.735 0 002.714-2.75v-8.5A2.735 2.735 0 0018.384 5zm1.214 11.25a1.234 1.234 0 01-1.214 1.25H7.704a1.216 1.216 0 01-1.104-.729L4.703 12.51a1.256 1.256 0 010-1.018L6.6 7.23A1.216 1.216 0 017.704 6.5h10.68a1.234 1.234 0 011.214 1.25z" }),
-    React.createElement("path", { d: "M16.03 8.97a.75.75 0 00-1.06 0L13 10.94l-1.97-1.97a.75.75 0 00-1.06 1.06L11.94 12l-1.97 1.97a.75.75 0 101.06 1.06L13 13.06l1.97 1.97a.75.75 0 001.06-1.06L14.06 12l1.97-1.97a.75.75 0 000-1.06z" })));
+const DeleteM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-delete-m", className: "delete-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-1629914514transparent_canvas" },
+        React.createElement("rect", { id: "svg-1629914514canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-1629914514icons" },
+        React.createElement("path", { d: "M18.38379,5H7.70361A2.717,2.717,0,0,0,5.23,6.61914l-1.89746,4.2627a2.753,2.753,0,0,0,0,2.23632L5.23,17.38086A2.717,2.717,0,0,0,7.70361,19H18.38379a2.73527,2.73527,0,0,0,2.71387-2.75V7.75A2.73527,2.73527,0,0,0,18.38379,5Zm1.21387,11.25a1.23385,1.23385,0,0,1-1.21387,1.25H7.70361a1.21593,1.21593,0,0,1-1.10351-.72852L4.70264,12.50879a1.256,1.256,0,0,1,0-1.01758L6.6001,7.22852A1.21593,1.21593,0,0,1,7.70361,6.5H18.38379a1.23385,1.23385,0,0,1,1.21387,1.25Z" }),
+        React.createElement("path", { d: "M16.03027,8.96973a.74972.74972,0,0,0-1.06054,0L13,10.93945,11.03027,8.96973a.74992.74992,0,0,0-1.06054,1.06054L11.93945,12,9.96973,13.96973a.74992.74992,0,1,0,1.06054,1.06054L13,13.06055l1.96973,1.96972a.74992.74992,0,0,0,1.06054-1.06054L14.06055,12l1.96972-1.96973A.74972.74972,0,0,0,16.03027,8.96973Z" }))));
 export default DeleteM;

package/dist/esm/icons/DesktopM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DesktopM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "desktop-m ds-icon-set-medium", "data-testid": "ds-icon-desktop-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.25 4H5.75A2.753 2.753 0 003 6.75v7.5A2.753 2.753 0 005.75 17h3.575v1.5H7.75a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5h-1.575V17h3.575A2.753 2.753 0 0021 14.25v-7.5A2.753 2.753 0 0018.25 4zM5.75 5.5h12.5a1.251 1.251 0 011.25 1.25v5.5h-15v-5.5A1.251 1.251 0 015.75 5.5zm7.425 13h-2.35V17h2.35zm5.075-3H5.75a1.251 1.251 0 01-1.25-1.25v-.5h15v.5a1.251 1.251 0 01-1.25 1.25z" })));
+const DesktopM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-577749145icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-desktop-m", className: "desktop-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-577749145canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.25,4H5.75A2.7528,2.7528,0,0,0,3,6.75v7.5A2.7528,2.7528,0,0,0,5.75,17H9.3252v1.5H7.75a.75.75,0,0,0,0,1.5h8.5a.75.75,0,0,0,0-1.5H14.6748V17H18.25A2.7528,2.7528,0,0,0,21,14.25V6.75A2.7528,2.7528,0,0,0,18.25,4ZM5.75,5.5h12.5A1.25116,1.25116,0,0,1,19.5,6.75v5.5H4.5V6.75A1.25116,1.25116,0,0,1,5.75,5.5Zm7.4248,13H10.8252V17h2.3496Zm5.0752-3H5.75A1.25116,1.25116,0,0,1,4.5,14.25v-.5h15v.5A1.25116,1.25116,0,0,1,18.25,15.5Z" })));
 export default DesktopM;

package/dist/esm/icons/DesktopS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DesktopS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "desktop-s ds-icon-set-medium", "data-testid": "ds-icon-desktop-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M15.25 6h-6.5A2.753 2.753 0 006 8.75v4a2.753 2.753 0 002.75 2.75h2.5v1H9.296a.75.75 0 000 1.5h5.408a.75.75 0 000-1.5H12.75v-1h2.5A2.753 2.753 0 0018 12.75v-4A2.753 2.753 0 0015.25 6zm1.25 6.75A1.251 1.251 0 0115.25 14h-6.5a1.251 1.251 0 01-1.25-1.25v-4A1.251 1.251 0 018.75 7.5h6.5a1.251 1.251 0 011.25 1.25z" })));
+const DesktopS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1428549383icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-desktop-s", className: "desktop-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1428549383canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M15.25,6H8.75A2.7528,2.7528,0,0,0,6,8.75v4A2.7528,2.7528,0,0,0,8.75,15.5h2.5v1H9.2959a.75.75,0,0,0,0,1.5h5.4082a.75.75,0,0,0,0-1.5H12.75v-1h2.5A2.7528,2.7528,0,0,0,18,12.75v-4A2.7528,2.7528,0,0,0,15.25,6Zm1.25,6.75A1.25116,1.25116,0,0,1,15.25,14H8.75A1.25116,1.25116,0,0,1,7.5,12.75v-4A1.25116,1.25116,0,0,1,8.75,7.5h6.5A1.25116,1.25116,0,0,1,16.5,8.75Z" })));
 export default DesktopS;

package/dist/esm/icons/DialpadM.js

@@ -1,5 +1,13 @@
 import React from 'react';
-const DialpadM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dialpad-m ds-icon-set-medium", "data-testid": "ds-icon-dialpad-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M6.25 4A2.25 2.25 0 108.5 6.25 2.253 2.253 0 006.25 4zm.58 2.726A.75.75 0 117 6.25a.748.748 0 01-.17.476zM6.25 9.75A2.25 2.25 0 108.5 12a2.253 2.253 0 00-2.25-2.25zm0 3A.75.75 0 117 12a.751.751 0 01-.75.75zM6.25 15.5a2.25 2.25 0 102.25 2.25 2.253 2.253 0 00-2.25-2.25zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75zM12 4a2.25 2.25 0 102.25 2.25A2.253 2.253 0 0012 4zm0 3a.75.75 0 11.75-.75A.751.751 0 0112 7zM12 9.75A2.25 2.25 0 1014.25 12 2.253 2.253 0 0012 9.75zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75zM12 15.5a2.25 2.25 0 102.25 2.25A2.253 2.253 0 0012 15.5zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75zM17.75 4A2.25 2.25 0 1020 6.25 2.253 2.253 0 0017.75 4zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75zM17.75 9.75A2.25 2.25 0 1020 12a2.253 2.253 0 00-2.25-2.25zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75zM17.75 15.5A2.25 2.25 0 1020 17.75a2.253 2.253 0 00-2.25-2.25zm0 3a.75.75 0 11.75-.75.751.751 0 01-.75.75z" })));
+const DialpadM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4178160638icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dialpad-m", className: "dialpad-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4178160638canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M6.25,4A2.25012,2.25012,0,1,0,8.5,6.25,2.25278,2.25278,0,0,0,6.25,4Zm.58008,2.72559A.75014.75014,0,1,1,7,6.25.748.748,0,0,1,6.83008,6.72559Z" }),
+    React.createElement("path", { d: "M6.25,9.75A2.25,2.25,0,1,0,8.5,12,2.25278,2.25278,0,0,0,6.25,9.75Zm0,3A.75.75,0,1,1,7,12,.75113.75113,0,0,1,6.25,12.75Z" }),
+    React.createElement("path", { d: "M6.25,15.5A2.25,2.25,0,1,0,8.5,17.75,2.25278,2.25278,0,0,0,6.25,15.5Zm0,3A.75.75,0,1,1,7,17.75.75113.75113,0,0,1,6.25,18.5Z" }),
+    React.createElement("path", { d: "M12,4a2.25,2.25,0,1,0,2.25,2.25A2.25278,2.25278,0,0,0,12,4Zm0,3a.75.75,0,1,1,.75-.75A.75113.75113,0,0,1,12,7Z" }),
+    React.createElement("path", { d: "M12,9.75A2.25,2.25,0,1,0,14.25,12,2.25278,2.25278,0,0,0,12,9.75Zm0,3a.75.75,0,1,1,.75-.75A.75113.75113,0,0,1,12,12.75Z" }),
+    React.createElement("path", { d: "M12,15.5a2.25,2.25,0,1,0,2.25,2.25A2.25278,2.25278,0,0,0,12,15.5Zm0,3a.75.75,0,1,1,.75-.75A.75113.75113,0,0,1,12,18.5Z" }),
+    React.createElement("path", { d: "M17.75,4A2.25,2.25,0,1,0,20,6.25,2.25278,2.25278,0,0,0,17.75,4Zm0,3a.75.75,0,1,1,.75-.75A.75113.75113,0,0,1,17.75,7Z" }),
+    React.createElement("path", { d: "M17.75,9.75A2.25,2.25,0,1,0,20,12,2.25278,2.25278,0,0,0,17.75,9.75Zm0,3A.75.75,0,1,1,18.5,12,.75113.75113,0,0,1,17.75,12.75Z" }),
+    React.createElement("path", { d: "M17.75,15.5A2.25,2.25,0,1,0,20,17.75,2.25278,2.25278,0,0,0,17.75,15.5Zm0,3a.75.75,0,1,1,.75-.75A.75113.75113,0,0,1,17.75,18.5Z" })));
 export default DialpadM;

package/dist/esm/icons/DirectionArrowM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DirectionArrowM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-arrow-m ds-icon-set-medium", "data-testid": "ds-icon-direction-arrow-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12.648 4.026a8 8 0 00-1.296 15.948q.32.026.639.026a8 8 0 00.657-15.974zm3.948 12.57A6.5 6.5 0 1112.01 5.5q.259 0 .52.021a6.5 6.5 0 014.066 11.075z" }),
-    React.createElement("path", { d: "M14.562 7.807h-.001L7.357 10.81a1.125 1.125 0 00.139 2.124l2.341.637.645 2.348a1.112 1.112 0 001.014.825l.075.002a1.11 1.11 0 001.034-.693l3-7.205a.797.797 0 00-1.043-1.04zm-2.922 6.662l-.428-1.559a1.028 1.028 0 00-.718-.716l-1.55-.422 4.62-1.924z" })));
+const DirectionArrowM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3282782682icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-arrow-m", className: "direction-arrow-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3282782682canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12.648,4.02588a8.0004,8.0004,0,0,0-1.2959,15.94824q.32007.02564.63867.02539A7.99994,7.99994,0,0,0,12.648,4.02588ZM16.5957,16.5957A6.4993,6.4993,0,1,1,12.00977,5.50049q.25928,0,.52.02051A6.4993,6.4993,0,0,1,16.5957,16.5957Z" }),
+    React.createElement("path", { d: "M14.562,7.80664l-.001.00049-7.20362,3.002a1.12533,1.12533,0,0,0,.13819,2.124l2.34179.63671.645,2.34864a1.11175,1.11175,0,0,0,1.01367.82422c.02491.00146.04981.00244.07471.00244a1.11031,1.11031,0,0,0,1.03467-.69287l3-7.20557a.79712.79712,0,0,0-1.04346-1.04Zm-2.92187,6.66211-.42823-1.55859a1.02789,1.02789,0,0,0-.71777-.71631l-1.5498-.42139L13.564,9.84766Z" })));
 export default DirectionArrowM;

package/dist/esm/icons/DirectionDownM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const DirectionDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-down-m ds-icon-set-medium", "data-testid": "ds-icon-direction-down-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.724 12.953l-2.869 2.829V6.425a.75.75 0 00-1.5 0v9.357l-2.868-2.829a.75.75 0 00-1.052 1.068l4.144 4.088a.75.75 0 001.053 0l4.144-4.088a.75.75 0 00-1.052-1.068zM6 19.25A2.25 2.25 0 118.25 17 2.253 2.253 0 016 19.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM6 9.25A2.25 2.25 0 118.25 7 2.253 2.253 0 016 9.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM6 14.25A2.25 2.25 0 118.25 12 2.253 2.253 0 016 14.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75z" })));
+const DirectionDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-65373841icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-down-m", className: "direction-down-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-65373841canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.72363,12.95312,16.85547,15.7818V6.4248a.75.75,0,0,0-1.5,0v9.357L12.4873,12.95312a.74994.74994,0,0,0-1.05273,1.06836l4.14453,4.0879a.7498.7498,0,0,0,1.05274,0l4.14453-4.0879a.74994.74994,0,0,0-1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M6,19.25A2.25,2.25,0,1,1,8.25,17,2.25278,2.25278,0,0,1,6,19.25Zm0-3a.75.75,0,1,0,.75.75A.75113.75113,0,0,0,6,16.25Z" }),
+    React.createElement("path", { d: "M6,9.25A2.25,2.25,0,1,1,8.25,7,2.25278,2.25278,0,0,1,6,9.25Zm0-3A.75.75,0,1,0,6.75,7,.75113.75113,0,0,0,6,6.25Z" }),
+    React.createElement("path", { d: "M6,14.25A2.25,2.25,0,1,1,8.25,12,2.25278,2.25278,0,0,1,6,14.25Zm0-3a.75.75,0,1,0,.75.75A.75113.75113,0,0,0,6,11.25Z" })));
 export default DirectionDownM;

package/dist/esm/icons/DirectionLeftM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const DirectionLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-left-m ds-icon-set-medium", "data-testid": "ds-icon-direction-left-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.95 14.98H8.593l2.829-2.868a.75.75 0 00-1.068-1.052l-4.088 4.144a.75.75 0 000 1.053l4.088 4.144a.75.75 0 001.068-1.052L8.593 16.48h9.357a.75.75 0 000-1.5zM7.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM17.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM12.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75z" })));
+const DirectionLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3183402776icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-left-m", className: "direction-left-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3183402776canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.9502,14.98047H8.5932l2.82868-2.86817a.74994.74994,0,0,0-1.06836-1.05273L6.26562,15.2041a.74921.74921,0,0,0,0,1.05274l4.0879,4.14453a.74994.74994,0,0,0,1.06836-1.05274L8.5932,16.48047h9.357a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M7.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,7.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,7.375,4.875Z" }),
+    React.createElement("path", { d: "M17.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,17.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,17.375,4.875Z" }),
+    React.createElement("path", { d: "M12.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,12.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,12.375,4.875Z" })));
 export default DirectionLeftM;

package/dist/esm/icons/DirectionM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DirectionM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-m ds-icon-set-medium", "data-testid": "ds-icon-direction-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M21 18.28l-.002-.007a.749.749 0 00-.218-.523l-1.968-1.967a.75.75 0 00-1.06 1.06l.689.689-8.042.003h-.001a2.206 2.206 0 010-4.411h4.939a3.716 3.716 0 002.621-6.34 3.678 3.678 0 00-2.62-1.086h-.008l-5.5.011a3.46 3.46 0 10.001 1.5l5.503-.011h.004a2.206 2.206 0 012.204 2.228 2.21 2.21 0 01-2.205 2.198h-4.939a3.706 3.706 0 000 7.411h.001l8.04-.003-.687.688a.75.75 0 101.06 1.06l1.968-1.968.003-.005a.754.754 0 00.217-.526zM6.459 8.42a1.96 1.96 0 111.959-1.96 1.962 1.962 0 01-1.959 1.96z" })));
+const DirectionM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3315770446icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-m", className: "direction-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3315770446canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M21,18.28088v-.00012l-.00165-.00805a.749.749,0,0,0-.21881-.52247l-1.96706-1.96753A.74992.74992,0,0,0,17.752,16.84326l.68854.68872-8.04108.00318h-.00195a2.20581,2.20581,0,0,1,.001-4.41162h4.93847A3.71612,3.71612,0,0,0,17.958,6.78418a3.678,3.678,0,0,0-2.61914-1.08643h-.00879l-5.49945.01136a3.45993,3.45993,0,1,0,.00061,1.5L15.334,7.19775h.00391A2.20578,2.20578,0,0,1,17.542,9.42627a2.21011,2.21011,0,0,1-2.20508,2.19727H10.39844a3.70581,3.70581,0,0,0-.001,7.41162h.00195l8.04-.00318-.68744.68775a.74991.74991,0,1,0,1.06053,1.06054l1.96779-1.96875.00281-.00421A.75435.75435,0,0,0,21,18.28119ZM6.459,8.42041A1.96021,1.96021,0,1,1,8.418,6.46,1.962,1.962,0,0,1,6.459,8.42041Z" })));
 export default DirectionM;

package/dist/esm/icons/DirectionRightM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const DirectionRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-right-m ds-icon-set-medium", "data-testid": "ds-icon-direction-right-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M14.396 11.06a.75.75 0 00-1.068 1.052l2.829 2.868H6.8a.75.75 0 000 1.5h9.357l-2.829 2.869a.75.75 0 101.068 1.052l4.088-4.144a.75.75 0 000-1.053zM7.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM17.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM12.375 7.875a2.25 2.25 0 112.25-2.25 2.253 2.253 0 01-2.25 2.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75z" })));
+const DirectionRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-735495171icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-right-m", className: "direction-right-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-735495171canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M14.39648,11.05957a.74994.74994,0,0,0-1.06836,1.05273l2.82868,2.86817H6.7998a.75.75,0,0,0,0,1.5h9.357l-2.82868,2.86816a.74994.74994,0,1,0,1.06836,1.05274l4.0879-4.14453a.74921.74921,0,0,0,0-1.05274Z" }),
+    React.createElement("path", { d: "M7.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,7.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,7.375,4.875Z" }),
+    React.createElement("path", { d: "M17.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,17.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,17.375,4.875Z" }),
+    React.createElement("path", { d: "M12.375,7.875a2.25,2.25,0,1,1,2.25-2.25A2.25309,2.25309,0,0,1,12.375,7.875Zm0-3a.75.75,0,1,0,.75.75A.75144.75144,0,0,0,12.375,4.875Z" })));
 export default DirectionRightM;

package/dist/esm/icons/DirectionUpM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const DirectionUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "direction-up-m ds-icon-set-medium", "data-testid": "ds-icon-direction-up-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.632 5.89a.752.752 0 00-1.053 0L11.434 9.98a.75.75 0 001.053 1.068l2.868-2.829v9.357a.75.75 0 001.5 0V8.218l2.868 2.829a.75.75 0 001.054-1.068zM6 19.25A2.25 2.25 0 118.25 17 2.253 2.253 0 016 19.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM6 9.25A2.25 2.25 0 118.25 7 2.253 2.253 0 016 9.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75zM6 14.25A2.25 2.25 0 118.25 12 2.253 2.253 0 016 14.25zm0-3a.75.75 0 10.75.75.751.751 0 00-.75-.75z" })));
+const DirectionUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3395261222icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-direction-up-m", className: "direction-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3395261222canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.63232,5.89062a.75221.75221,0,0,0-1.05371,0l-4.145,4.0879a.75028.75028,0,0,0,1.05371,1.06836L15.35547,8.2182v9.357a.75.75,0,0,0,1.5,0V8.21826l2.86767,2.82862a.75029.75029,0,0,0,1.05372-1.06836Z" }),
+    React.createElement("path", { d: "M6,19.25A2.25,2.25,0,1,1,8.25,17,2.25278,2.25278,0,0,1,6,19.25Zm0-3a.75.75,0,1,0,.75.75A.75113.75113,0,0,0,6,16.25Z" }),
+    React.createElement("path", { d: "M6,9.25A2.25,2.25,0,1,1,8.25,7,2.25278,2.25278,0,0,1,6,9.25Zm0-3A.75.75,0,1,0,6.75,7,.75113.75113,0,0,0,6,6.25Z" }),
+    React.createElement("path", { d: "M6,14.25A2.25,2.25,0,1,1,8.25,12,2.25278,2.25278,0,0,1,6,14.25Zm0-3a.75.75,0,1,0,.75.75A.75113.75113,0,0,0,6,11.25Z" })));
 export default DirectionUpM;

package/dist/esm/icons/Discount2M.js

@@ -1,8 +1,8 @@
 import React from 'react';
-const Discount2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "discount-2-m ds-icon-set-medium", "data-testid": "ds-icon-discount-2-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("circle", { cx: 13.903, cy: 13.906, r: 1 }),
-    React.createElement("circle", { cx: 10.1, cy: 10.097, r: 1 }),
-    React.createElement("path", { d: "M13.645 9.295l-4.35 4.35a.75.75 0 101.06 1.06l4.35-4.35a.75.75 0 00-1.06-1.06z" }),
-    React.createElement("path", { d: "M19.915 14.05l-.639-1.973a.244.244 0 010-.154l.631-1.95a1.774 1.774 0 00-.884-2.132L17.2 6.91a.245.245 0 01-.108-.108l-.944-1.848a1.741 1.741 0 00-2.096-.868l-1.974.64a.257.257 0 01-.154 0l-1.973-.64a1.74 1.74 0 00-2.097.869L6.909 6.8a.241.241 0 01-.11.11l-1.845.943a1.74 1.74 0 00-.869 2.097l.639 1.973a.244.244 0 010 .154l-.639 1.973a1.743 1.743 0 00.87 2.097l1.846.944a.252.252 0 01.108.108l.944 1.848a1.745 1.745 0 002.096.868l1.973-.639a.263.263 0 01.155 0l1.973.639a1.746 1.746 0 002.097-.87l.944-1.846a.252.252 0 01.108-.108l1.848-.944a1.743 1.743 0 00.868-2.096zm-1.55.762l-1.847.943a1.744 1.744 0 00-.763.763l-.944 1.845a.246.246 0 01-.3.124l-1.974-.638a1.743 1.743 0 00-1.075 0l-1.975.638a.245.245 0 01-.299-.123l-.943-1.846a1.745 1.745 0 00-.763-.763l-1.845-.943a.248.248 0 01-.124-.3l.638-1.974a1.748 1.748 0 000-1.077l-.638-1.974a.247.247 0 01.124-.298l1.845-.944a1.74 1.74 0 00.763-.762l.943-1.846A.248.248 0 019.41 5.5a.26.26 0 01.078.012l1.973.639a1.735 1.735 0 001.077 0l1.975-.639a.249.249 0 01.299.124l.943 1.848a1.744 1.744 0 00.762.761l1.824.932a.278.278 0 01.138.336l-.63 1.949a1.748 1.748 0 000 1.077l.638 1.974a.248.248 0 01-.123.299z" })));
+const Discount2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2844414409icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-discount-2-m", className: "discount-2-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2844414409canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("circle", { cx: 13.90332, cy: 13.90601, r: 1 }),
+    React.createElement("circle", { cx: 10.09973, cy: 10.09686, r: 1 }),
+    React.createElement("path", { d: "M13.64453,9.29492,9.29492,13.64453a.74992.74992,0,1,0,1.06055,1.06055l4.34961-4.34961a.74992.74992,0,0,0-1.06055-1.06055Z" }),
+    React.createElement("path", { d: "M19.915,14.05078l-.63867-1.97363a.24375.24375,0,0,1,0-.15381l.63086-1.94971a1.77371,1.77371,0,0,0-.88379-2.13232l-1.82422-.93213a.245.245,0,0,1-.1084-.1084l-.94336-1.84766a1.7412,1.7412,0,0,0-2.09668-.86767l-1.97363.63867h-.001a.2565.2565,0,0,1-.15332,0L9.9502,4.08545a1.74,1.74,0,0,0-2.09766.86816L6.90918,6.80029a.241.241,0,0,1-.10938.10889L4.9541,7.853A1.74011,1.74011,0,0,0,4.085,9.94971l.63867,1.97314a.24375.24375,0,0,1,0,.15381L4.085,14.0498a1.74284,1.74284,0,0,0,.86914,2.09766l1.84668.94336a.25248.25248,0,0,1,.1084.1084l.94336,1.84766a1.74542,1.74542,0,0,0,2.09668.86816l1.97266-.63867a.26292.26292,0,0,1,.15527,0l1.97265.63867a1.74585,1.74585,0,0,0,2.09766-.86914l.94336-1.84668a.25248.25248,0,0,1,.1084-.1084l1.84766-.94336A1.74262,1.74262,0,0,0,19.915,14.05078Zm-1.55078.76074-1.84668.94336a1.74449,1.74449,0,0,0-.7627.7627l-.94336,1.8457a.24615.24615,0,0,1-.2998.124l-1.97461-.63867a1.74336,1.74336,0,0,0-1.0752,0L9.4873,18.4873a.24512.24512,0,0,1-.29882-.123l-.94336-1.84668a1.74469,1.74469,0,0,0-.7627-.7627l-1.8457-.94336a.24805.24805,0,0,1-.124-.2998l.63867-1.97363a1.748,1.748,0,0,0,0-1.07666L5.5127,9.4873a.24712.24712,0,0,1,.124-.29834l1.8457-.94384a1.74,1.74,0,0,0,.7627-.76172l.94336-1.84668A.24849.24849,0,0,1,9.41016,5.5a.2603.2603,0,0,1,.07812.01221l1.97266.63867a1.73526,1.73526,0,0,0,1.07715,0l1.97461-.63867a.24886.24886,0,0,1,.29882.124l.94336,1.84766a1.74407,1.74407,0,0,0,.76172.76123l1.82422.93213a.27827.27827,0,0,1,.13867.33545l-.63086,1.94921a1.748,1.748,0,0,0,0,1.07666l.63867,1.97413A.24783.24783,0,0,1,18.36426,14.81152Z" })));
 export default Discount2M;

package/dist/esm/icons/DiscountM.js

@@ -1,8 +1,8 @@
 import React from 'react';
-const DiscountM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "discount-m ds-icon-set-medium", "data-testid": "ds-icon-discount-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm0 14.5a6.5 6.5 0 116.5-6.5 6.508 6.508 0 01-6.5 6.5z" }),
-    React.createElement("circle", { cx: 13.903, cy: 13.906, r: 1 }),
-    React.createElement("circle", { cx: 10.1, cy: 10.097, r: 1 }),
-    React.createElement("path", { d: "M13.645 9.295l-4.35 4.35a.75.75 0 101.06 1.06l4.35-4.35a.75.75 0 00-1.06-1.06z" })));
+const DiscountM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1312404502icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-discount-m", className: "discount-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1312404502canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm0,14.5A6.5,6.5,0,1,1,18.5,12,6.50753,6.50753,0,0,1,12,18.5Z" }),
+    React.createElement("circle", { cx: 13.90332, cy: 13.90601, r: 1 }),
+    React.createElement("circle", { cx: 10.09973, cy: 10.09686, r: 1 }),
+    React.createElement("path", { d: "M13.64453,9.29492,9.29492,13.64453a.74992.74992,0,1,0,1.06055,1.06055l4.34961-4.34961a.74992.74992,0,0,0-1.06055-1.06055Z" })));
 export default DiscountM;

package/dist/esm/icons/DividerM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const DividerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "divider-m ds-icon-set-medium", "data-testid": "ds-icon-divider-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.237 15h-12.5a2.753 2.753 0 00-2.75 2.75v.5A2.753 2.753 0 005.737 21h12.5a2.753 2.753 0 002.75-2.75v-.5a2.753 2.753 0 00-2.75-2.75zm1.25 3.25a1.251 1.251 0 01-1.25 1.25h-12.5a1.251 1.251 0 01-1.25-1.25v-.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25zM18.237 3h-12.5a2.753 2.753 0 00-2.75 2.75v.5A2.753 2.753 0 005.737 9h12.5a2.753 2.753 0 002.75-2.75v-.5A2.753 2.753 0 0018.237 3zm1.25 3.25a1.251 1.251 0 01-1.25 1.25h-12.5a1.251 1.251 0 01-1.25-1.25v-.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25zM3.61 12.75h16.5a.75.75 0 000-1.5H3.61a.75.75 0 000 1.5z" })));
+const DividerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3826929802icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-divider-m", className: "divider-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3826929802canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.2373,15h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v.5A2.7528,2.7528,0,0,0,5.7373,21h12.5a2.75279,2.75279,0,0,0,2.75-2.75v-.5A2.75279,2.75279,0,0,0,18.2373,15Zm1.25,3.25a1.25116,1.25116,0,0,1-1.25,1.25h-12.5a1.25116,1.25116,0,0,1-1.25-1.25v-.5a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25Z" }),
+    React.createElement("path", { d: "M18.2373,3h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v.5A2.7528,2.7528,0,0,0,5.7373,9h12.5a2.75279,2.75279,0,0,0,2.75-2.75v-.5A2.75279,2.75279,0,0,0,18.2373,3Zm1.25,3.25a1.25116,1.25116,0,0,1-1.25,1.25h-12.5a1.25116,1.25116,0,0,1-1.25-1.25v-.5a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25Z" }),
+    React.createElement("path", { d: "M3.61035,12.75h16.5a.75.75,0,0,0,0-1.5h-16.5a.75.75,0,0,0,0,1.5Z" })));
 export default DividerM;

package/dist/esm/icons/DollarCircleM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DollarCircleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dollar-circle-m ds-icon-set-medium", "data-testid": "ds-icon-dollar-circle-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm0 14.5a6.5 6.5 0 116.5-6.5 6.508 6.508 0 01-6.5 6.5z" }),
-    React.createElement("path", { d: "M12.824 11.399V9.46a8.875 8.875 0 011.1.217.75.75 0 00.397-1.446 11.057 11.057 0 00-1.497-.288v-.73a.75.75 0 10-1.5 0v.695a3.213 3.213 0 00-1.687.551 1.998 1.998 0 00-.784 1.655c0 1.558 1.299 2.102 2.471 2.432v2.23a2.42 2.42 0 01-1.13-.405.75.75 0 00-.976 1.139 3.9 3.9 0 002.106.778v.496a.75.75 0 001.5 0v-.554a3.78 3.78 0 00.833-.262 2.403 2.403 0 001.49-2.272c0-1.447-1.206-1.976-2.323-2.298zm-1.5-.422c-.7-.235-.971-.462-.971-.862a.51.51 0 01.192-.462 1.623 1.623 0 01.78-.241zm1.706 3.629a2.047 2.047 0 01-.206.072v-1.706c.587.205.823.402.823.725a.913.913 0 01-.617.909z" })));
+const DollarCircleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1627953900icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dollar-circle-m", className: "dollar-circle-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1627953900canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm0,14.5A6.5,6.5,0,1,1,18.5,12,6.50753,6.50753,0,0,1,12,18.5Z" }),
+    React.createElement("path", { d: "M12.82422,11.39893V9.46118a8.87534,8.87534,0,0,1,1.09961.217.75.75,0,0,0,.39746-1.44629,11.05653,11.05653,0,0,0-1.49707-.28753V7.21484a.75.75,0,1,0-1.5,0v.6944A3.21289,3.21289,0,0,0,9.63672,8.46a1.99763,1.99763,0,0,0-.78418,1.65527c0,1.55744,1.29919,2.10187,2.47168,2.43219v2.23a2.42041,2.42041,0,0,1-1.12988-.4054.75.75,0,0,0-.97657,1.13867,3.89931,3.89931,0,0,0,2.10645.77826v.49616a.75.75,0,0,0,1.5,0v-.55445a3.7808,3.7808,0,0,0,.833-.262,2.40309,2.40309,0,0,0,1.49023-2.272C15.14746,12.25037,13.94073,11.72058,12.82422,11.39893Zm-1.5-.42182c-.69977-.235-.97168-.46167-.97168-.86188a.51057.51057,0,0,1,.19238-.46191,1.62312,1.62312,0,0,1,.7793-.24176Zm1.706,3.62885a2.04662,2.04662,0,0,1-.206.07184V12.97192c.58685.2049.82324.40162.82324.72486A.913.913,0,0,1,13.03027,14.606Z" })));
 export default DollarCircleM;

package/dist/esm/icons/DollarM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DollarM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dollar-m ds-icon-set-medium", "data-testid": "ds-icon-dollar-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.378 12.53v4.86a5.145 5.145 0 01-2.846-.889.75.75 0 00-.975 1.14 6.677 6.677 0 003.821 1.26v1.349a.75.75 0 001.5 0v-1.415a6.23 6.23 0 001.752-.486 3.625 3.625 0 002.254-3.424c0-2.279-2.087-3.036-4.006-3.552v-4.36a17.057 17.057 0 012.581.46.75.75 0 00.398-1.446 18.282 18.282 0 00-2.979-.53V3.75a.75.75 0 00-1.5 0v1.698a5.458 5.458 0 00-3.125.88A2.92 2.92 0 007.116 8.75c0 2.471 2.245 3.245 4.262 3.78zm1.5.404c1.574.454 2.506.929 2.506 1.991a2.121 2.121 0 01-1.38 2.062 4.57 4.57 0 01-1.126.323zM9.162 7.522a3.95 3.95 0 012.216-.575v4.026c-1.734-.492-2.762-1-2.762-2.223a1.42 1.42 0 01.546-1.228z" })));
+const DollarM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3067021459icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dollar-m", className: "dollar-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3067021459canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M11.37842,12.53046v4.85937a5.14519,5.14519,0,0,1-2.84619-.88837.7501.7501,0,0,0-.97559,1.13965,6.67715,6.67715,0,0,0,3.82178,1.25995V20.25a.75.75,0,0,0,1.5,0V18.83466a6.23065,6.23065,0,0,0,1.75195-.48554,3.6253,3.6253,0,0,0,2.25342-3.42383c0-2.27917-2.08661-3.03662-4.00537-3.55212V7.01367a17.057,17.057,0,0,1,2.581.45947.75.75,0,0,0,.39795-1.44628,18.28157,18.28157,0,0,0-2.979-.52894V3.75a.75.75,0,0,0-1.5,0V5.44788a5.45793,5.45793,0,0,0-3.125.88024A2.92016,2.92016,0,0,0,7.11621,8.75C7.11621,11.221,9.36072,11.99524,11.37842,12.53046Zm1.5.40313c1.57312.45447,2.50537.92933,2.50537,1.9917a2.12133,2.12133,0,0,1-1.38037,2.06153,4.57029,4.57029,0,0,1-1.125.32324ZM9.16211,7.522a3.94944,3.94944,0,0,1,2.21631-.57458V10.973C9.64374,10.4812,8.61621,9.97235,8.61621,8.75A1.4191,1.4191,0,0,1,9.16211,7.522Z" })));
 export default DollarM;

package/dist/esm/icons/DoubleAngleLeftM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DoubleAngleLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "double-angle-left-m ds-icon-set-medium", "data-testid": "ds-icon-double-angle-left-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12.6 19a.747.747 0 01-.53-.22l-6.25-6.25a.75.75 0 010-1.06l6.25-6.25a.75.75 0 011.06 1.06L7.41 12l5.72 5.72A.75.75 0 0112.6 19z" }),
-    React.createElement("path", { d: "M17.65 19a.747.747 0 01-.53-.22l-6.25-6.25a.75.75 0 010-1.06l6.25-6.25a.75.75 0 111.06 1.06L12.46 12l5.72 5.72a.75.75 0 01-.53 1.28z" })));
+const DoubleAngleLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1542126020icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-double-angle-left-m", className: "double-angle-left-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-1542126020canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    React.createElement("path", { d: "M12.59961,19a.74671.74671,0,0,1-.53027-.21973l-6.25-6.25a.74972.74972,0,0,1,0-1.06054l6.25-6.25a.74992.74992,0,0,1,1.06054,1.06054L7.41016,12l5.71972,5.71973A.75.75,0,0,1,12.59961,19Z" }),
+    React.createElement("path", { d: "M17.65039,19a.74671.74671,0,0,1-.53027-.21973l-6.25-6.25a.74972.74972,0,0,1,0-1.06054l6.25-6.25a.74992.74992,0,1,1,1.06054,1.06054L12.46094,12l5.71972,5.71973A.75.75,0,0,1,17.65039,19Z" })));
 export default DoubleAngleLeftM;

package/dist/esm/icons/DoubleAngleLeftS.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DoubleAngleLeftS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "double-angle-left-s ds-icon-set-medium", "data-testid": "ds-icon-double-angle-left-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M15.845 16a.747.747 0 01-.53-.22l-3.25-3.25a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 1.06L13.655 12l2.72 2.72a.75.75 0 01-.53 1.28z" }),
-    React.createElement("path", { d: "M11.405 16a.747.747 0 01-.53-.22l-3.25-3.25a.75.75 0 010-1.06l3.25-3.25a.75.75 0 011.06 1.06L9.216 12l2.72 2.72a.75.75 0 01-.53 1.28z" })));
+const DoubleAngleLeftS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2781612378icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-double-angle-left-s", className: "double-angle-left-s ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-2781612378canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    React.createElement("path", { d: "M15.84473,16a.74673.74673,0,0,1-.53028-.21973l-3.25-3.25a.74972.74972,0,0,1,0-1.06054l3.25-3.25A.74992.74992,0,0,1,16.375,9.28027L13.65527,12,16.375,14.71973A.75.75,0,0,1,15.84473,16Z" }),
+    React.createElement("path", { d: "M11.40527,16a.74671.74671,0,0,1-.53027-.21973l-3.25-3.25a.74972.74972,0,0,1,0-1.06054l3.25-3.25a.74992.74992,0,0,1,1.06055,1.06054L9.21582,12l2.71973,2.71973A.75.75,0,0,1,11.40527,16Z" })));
 export default DoubleAngleLeftS;

package/dist/esm/icons/DoubleAngleRightM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DoubleAngleRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "double-angle-right-m ds-icon-set-medium", "data-testid": "ds-icon-double-angle-right-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.4 19a.75.75 0 01-.53-1.28L16.59 12l-5.72-5.72a.75.75 0 011.06-1.06l6.25 6.25a.75.75 0 010 1.06l-6.25 6.25a.747.747 0 01-.53.22z" }),
-    React.createElement("path", { d: "M6.35 19a.75.75 0 01-.53-1.28L11.54 12 5.82 6.28a.75.75 0 011.06-1.06l6.25 6.25a.75.75 0 010 1.06l-6.25 6.25a.747.747 0 01-.53.22z" })));
+const DoubleAngleRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-157080319icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-double-angle-right-m", className: "double-angle-right-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-157080319canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    React.createElement("path", { d: "M11.40039,19a.75.75,0,0,1-.53027-1.28027L16.58984,12,10.87012,6.28027a.74992.74992,0,0,1,1.06054-1.06054l6.25,6.25a.74972.74972,0,0,1,0,1.06054l-6.25,6.25A.74671.74671,0,0,1,11.40039,19Z" }),
+    React.createElement("path", { d: "M6.34961,19a.75.75,0,0,1-.53027-1.28027L11.53906,12,5.81934,6.28027A.74992.74992,0,0,1,6.87988,5.21973l6.25,6.25a.74972.74972,0,0,1,0,1.06054l-6.25,6.25A.74671.74671,0,0,1,6.34961,19Z" })));
 export default DoubleAngleRightM;

package/dist/esm/icons/DoubleAngleRightS.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DoubleAngleRightS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "double-angle-right-s ds-icon-set-medium", "data-testid": "ds-icon-double-angle-right-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M8.155 16a.75.75 0 01-.53-1.28l2.72-2.72-2.72-2.72a.75.75 0 111.06-1.06l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.747.747 0 01-.53.22z" }),
-    React.createElement("path", { d: "M12.595 16a.75.75 0 01-.53-1.28l2.72-2.72-2.72-2.72a.75.75 0 111.06-1.06l3.25 3.25a.75.75 0 010 1.06l-3.25 3.25a.747.747 0 01-.53.22z" })));
+const DoubleAngleRightS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-80465825icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-double-angle-right-s", className: "double-angle-right-s ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-80465825canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    React.createElement("path", { d: "M8.15527,16A.75.75,0,0,1,7.625,14.71973L10.34473,12,7.625,9.28027A.74992.74992,0,1,1,8.68555,8.21973l3.25,3.25a.74972.74972,0,0,1,0,1.06054l-3.25,3.25A.74673.74673,0,0,1,8.15527,16Z" }),
+    React.createElement("path", { d: "M12.59473,16a.75.75,0,0,1-.53028-1.28027L14.78418,12,12.06445,9.28027A.74992.74992,0,1,1,13.125,8.21973l3.25,3.25a.74972.74972,0,0,1,0,1.06054l-3.25,3.25A.74671.74671,0,0,1,12.59473,16Z" })));
 export default DoubleAngleRightS;

package/dist/esm/icons/DownloadM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DownloadM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "download-m ds-icon-set-medium", "data-testid": "ds-icon-download-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.466 15.826a.75.75 0 001.068 0l5.25-5.325a.75.75 0 00-1.068-1.052L12.75 13.47V3.75a.75.75 0 00-1.5 0v9.72L7.284 9.45A.75.75 0 006.216 10.5z" }),
-    React.createElement("path", { d: "M20.25 12a.75.75 0 00-.75.75v4.071a1.532 1.532 0 01-1.313 1.679H5.812A1.532 1.532 0 014.5 16.821V12.75a.75.75 0 00-1.5 0v4.071A3.016 3.016 0 005.812 20h12.375A3.016 3.016 0 0021 16.821V12.75a.75.75 0 00-.75-.75z" })));
+const DownloadM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3645987967icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-download-m", className: "download-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3645987967canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M11.46582,15.82617a.74981.74981,0,0,0,1.06836,0l5.25-5.32471a.74994.74994,0,0,0-1.06836-1.05273L12.75,13.47083V3.75a.75.75,0,0,0-1.5,0v9.72083L7.28418,9.44873a.74994.74994,0,0,0-1.06836,1.05273Z" }),
+    React.createElement("path", { d: "M20.25,12a.7502.7502,0,0,0-.75.75v4.07129A1.53163,1.53163,0,0,1,18.18749,18.5H5.81249A1.53163,1.53163,0,0,1,4.5,16.82129V12.75a.75.75,0,0,0-1.5,0v4.07129A3.01582,3.01582,0,0,0,5.81249,20h12.375A3.01582,3.01582,0,0,0,21,16.82129V12.75A.7502.7502,0,0,0,20.25,12Z" })));
 export default DownloadM;

package/dist/esm/icons/DragHandleM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DragHandleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "drag-handle-m ds-icon-set-medium", "data-testid": "ds-icon-drag-handle-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const DragHandleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2808954460icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-drag-handle-m", className: "drag-handle-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2808954460canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 9.5, cy: 7, r: 1 }),
     React.createElement("circle", { cx: 9.5, cy: 17, r: 1 }),
     React.createElement("circle", { cx: 9.5, cy: 12, r: 1 }),

package/dist/esm/icons/DropDuplicateM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DropDuplicateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "drop-duplicate-m ds-icon-set-medium", "data-testid": "ds-icon-drop-duplicate-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M15.156 4.185a.75.75 0 00-1.055 0l-3.112 3.078-1.09-1.078a.75.75 0 00-1.055 0l-3.716 3.68a5.92 5.92 0 000 8.426 6.049 6.049 0 008.488 0 3.9 3.9 0 00.28-.312 6.117 6.117 0 00.74.05 6.01 6.01 0 004.236-1.738 5.92 5.92 0 000-8.426zm-8.972 13.04a4.42 4.42 0 010-6.295l3.188-3.157 1.09 1.08 2.099 2.077a4.378 4.378 0 01.411 5.792c-.004.005-.004.01-.008.016-.008.011-.014.023-.021.034l-.006-.003a3.987 3.987 0 01-.376.457 4.545 4.545 0 01-6.377 0zm11.632-2a4.504 4.504 0 01-3.007 1.3 5.929 5.929 0 00-1.193-6.66l-1.561-1.546 2.573-2.547 3.188 3.158a4.42 4.42 0 010 6.296z" })));
+const DropDuplicateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1551179096icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-drop-duplicate-m", className: "drop-duplicate-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1551179096canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M15.15576,4.18457a.74945.74945,0,0,0-1.05517-.00049L10.989,7.26318,9.8999,6.18457a.74915.74915,0,0,0-1.05566,0L5.12842,9.86475a5.91985,5.91985,0,0,0,0,8.42627,6.04852,6.04852,0,0,0,8.4873.00048,3.90071,3.90071,0,0,0,.28058-.31256,6.1167,6.1167,0,0,0,.73993.05036A6.00981,6.00981,0,0,0,18.87158,16.291a5.91985,5.91985,0,0,0,0-8.42627Zm-8.97168,13.041a4.42036,4.42036,0,0,1,0-6.29541L9.37207,7.773,10.4624,8.85254l2.09815,2.07764a4.37791,4.37791,0,0,1,.41162,5.7915c-.00373.00494-.00409.01111-.00769.01617-.008.01117-.01416.02289-.02155.03449l-.00592-.00379a3.98732,3.98732,0,0,1-.37646.457A4.54482,4.54482,0,0,1,6.18408,17.22559Zm11.63184-2a4.50383,4.50383,0,0,1-3.0072,1.29956,5.929,5.929,0,0,0-1.19251-6.6604L12.05481,8.3186l2.57312-2.54614,3.188,3.15772a4.42036,4.42036,0,0,1,0,6.29541Z" })));
 export default DropDuplicateM;

package/dist/esm/icons/DropM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DropM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "drop-m ds-icon-set-medium", "data-testid": "ds-icon-drop-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12.522 4.212a.75.75 0 00-1.044 0l-4.37 4.247a6.637 6.637 0 000 9.57 7.07 7.07 0 009.785 0 6.637 6.637 0 000-9.57zm3.325 12.741a5.56 5.56 0 01-7.694 0 5.137 5.137 0 010-7.418L12 5.795l3.848 3.74a5.137 5.137 0 010 7.418z" })));
+const DropM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2533069666icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-drop-m", className: "drop-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2533069666canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12.52246,4.21191a.75064.75064,0,0,0-1.04492,0L7.10742,8.459a6.637,6.637,0,0,0-.0003,9.56952,7.07,7.07,0,0,0,9.78546.00031,6.637,6.637,0,0,0,0-9.56983Zm3.32471,12.74121a5.55939,5.55939,0,0,1-7.69434,0l-.00049-.00048a5.13655,5.13655,0,0,1,.00049-7.41748L12,5.7959l3.84766,3.73926a5.13711,5.13711,0,0,1-.00049,7.418Z" })));
 export default DropM;

package/dist/esm/icons/DropboxM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const DropboxM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dropbox-m ds-icon-set-medium", "data-testid": "ds-icon-dropbox-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.552 9.342l3.092-1.908a.75.75 0 000-1.277l-4.125-2.546a.751.751 0 00-.788 0L12 5.914 8.269 3.611a.751.751 0 00-.788 0L3.356 6.157a.75.75 0 000 1.277l3.092 1.908-3.092 1.908a.75.75 0 000 1.277l3.769 2.326v2.351a.75.75 0 00.356.639l4.125 2.546a.751.751 0 00.788 0l4.125-2.546a.75.75 0 00.356-.639v-2.35l3.769-2.327a.75.75 0 000-1.277zM12 11.007L9.303 9.343 12 7.678l2.697 1.665zm4.125-5.876l2.697 1.665-2.697 1.665-2.697-1.665zm-8.25 0l2.697 1.665L7.875 8.46 5.178 6.796zm0 5.093l2.697 1.665-2.697 1.665-2.697-1.665zM12 18.868l-3.375-2.082v-1.933L12 12.77l3.375 2.083v1.933zm4.125-5.314l-2.697-1.665 2.698-1.665 2.696 1.665z" })));
+const DropboxM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-832540119icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dropbox-m", className: "dropbox-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-832540119canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M17.55237,9.34216l3.09118-1.90857a.74952.74952,0,0,0,0-1.27636l-4.125-2.5459a.75126.75126,0,0,0-.7871,0L12,5.91431l-3.73145-2.303a.75126.75126,0,0,0-.7871,0l-4.125,2.5459a.74952.74952,0,0,0,0,1.27636L6.44763,9.34216,3.35645,11.25a.75039.75039,0,0,0,0,1.27734L7.125,14.85327V17.2041a.75085.75085,0,0,0,.35645.63867l4.125,2.5459a.75126.75126,0,0,0,.7871,0l4.125-2.5459a.75085.75085,0,0,0,.35645-.63867V14.85327l3.76855-2.32593a.75039.75039,0,0,0,0-1.27734ZM12,11.00708,9.303,9.34259,12,7.67773l2.697,1.66486Zm4.125-5.87622,2.69727,1.665L16.125,8.46094l-2.69727-1.665Zm-8.25,0,2.69727,1.665L7.875,8.46094,5.17773,6.7959ZM7.87445,10.224,10.572,11.88885,7.875,13.55371l-2.69727-1.665ZM12,18.86816l-3.375-2.082V14.85327L12,12.77026l3.375,2.083v1.93286Zm4.125-5.31445-2.697-1.66486L16.12555,10.224l2.69672,1.66467Z" })));
 export default DropboxM;

package/dist/esm/icons/DuplicateM.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const DuplicateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "duplicate-m ds-icon-set-medium", "data-testid": "ds-icon-duplicate-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M10.379 14.497a.866.866 0 01-.865-.865.75.75 0 00-1.5 0 2.369 2.369 0 002.365 2.365.75.75 0 000-1.5z" }),
-    React.createElement("path", { d: "M17.648 3.997h-7.27a2.368 2.368 0 00-2.364 2.365v1.694H6.352a2.368 2.368 0 00-2.366 2.365v7.27a2.369 2.369 0 002.366 2.365h7.27a2.369 2.369 0 002.364-2.366v-1.693h1.662a2.369 2.369 0 002.366-2.365v-7.27a2.368 2.368 0 00-2.366-2.365zm-4.027 14.559h-7.27a.866.866 0 01-.865-.866v-7.27a.866.866 0 01.866-.864h1.675v.929a.75.75 0 001.5 0v-.93h4.094a.866.866 0 01.865.866v4.076h-1.143a.75.75 0 000 1.5h1.143v1.693a.866.866 0 01-.865.866zm4.893-4.924a.866.866 0 01-.866.865h-1.662v-4.076a2.368 2.368 0 00-2.365-2.365H9.514V6.362a.866.866 0 01.865-.865h7.27a.866.866 0 01.865.865z" })));
+const DuplicateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-duplicate-m", className: "duplicate-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-2864374332transparent_canvas" },
+        React.createElement("rect", { id: "svg-2864374332canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-2864374332icons" },
+        React.createElement("path", { d: "M10.37891,14.49707a.86564.86564,0,0,1-.86524-.86523.75.75,0,0,0-1.5,0,2.36854,2.36854,0,0,0,2.36524,2.36523.75.75,0,0,0,0-1.5Z" }),
+        React.createElement("path", { d: "M17.64844,3.99707H10.37891A2.36823,2.36823,0,0,0,8.01367,6.3623V8.05566H6.35156A2.36822,2.36822,0,0,0,3.98633,10.4209v7.26953a2.36853,2.36853,0,0,0,2.36523,2.36523h7.26953a2.36854,2.36854,0,0,0,2.36524-2.36523V15.99707h1.66211a2.36853,2.36853,0,0,0,2.36523-2.36523V6.3623A2.36822,2.36822,0,0,0,17.64844,3.99707ZM13.62109,18.55566H6.35156a.86563.86563,0,0,1-.86523-.86523V10.4209a.866.866,0,0,1,.86523-.86524H8.02734v.9292a.75.75,0,0,0,1.5,0v-.9292h4.09375a.866.866,0,0,1,.86524.86524v4.07617H13.34277a.75.75,0,0,0,0,1.5h1.14356v1.69336A.86564.86564,0,0,1,13.62109,18.55566Zm4.89258-4.92382a.86563.86563,0,0,1-.86523.86523H15.98633V10.4209a2.36823,2.36823,0,0,0-2.36524-2.36524H9.51367V6.3623a.866.866,0,0,1,.86524-.86523h7.26953a.866.866,0,0,1,.86523.86523Z" }))));
 export default DuplicateM;

package/dist/esm/icons/DuplicateS.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const DuplicateS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "duplicate-s ds-icon-set-medium", "data-testid": "ds-icon-duplicate-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.09 6h-5.22a.75.75 0 000 1.5h5.22a.411.411 0 01.41.412v5.229a.75.75 0 001.5 0V7.912A1.913 1.913 0 0016.09 6z" }),
-    React.createElement("path", { d: "M13.13 8.875H7.91A1.919 1.919 0 006 10.797v5.28A1.918 1.918 0 007.91 18h5.22a1.918 1.918 0 001.91-1.923v-5.28a1.919 1.919 0 00-1.91-1.922zm.41 7.202a.417.417 0 01-.41.423H7.91a.417.417 0 01-.41-.423v-5.28a.417.417 0 01.41-.422h5.22a.417.417 0 01.41.422z" })));
+const DuplicateS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-518122530icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-duplicate-s", className: "duplicate-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-518122530canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.08984,6H10.87012a.75.75,0,0,0,0,1.5h5.21972A.41146.41146,0,0,1,16.5,7.91211v5.22851a.75.75,0,0,0,1.5,0V7.91211A1.91311,1.91311,0,0,0,16.08984,6Z" }),
+    React.createElement("path", { d: "M13.12988,8.87451H7.91016A1.91855,1.91855,0,0,0,6,10.79736v5.27979A1.91824,1.91824,0,0,0,7.91016,18h5.21972A1.91824,1.91824,0,0,0,15.04,16.07715V10.79736A1.91855,1.91855,0,0,0,13.12988,8.87451ZM13.54,16.07715a.41671.41671,0,0,1-.41016.42285H7.91016A.41671.41671,0,0,1,7.5,16.07715V10.79736a.41671.41671,0,0,1,.41016-.42285h5.21972a.41671.41671,0,0,1,.41016.42285Z" })));
 export default DuplicateS;

package/dist/esm/icons/DynamicContentAddM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DynamicContentAddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dynamic-content-add-m ds-icon-set-medium", "data-testid": "ds-icon-dynamic-content-add-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.428 7h-12.5a2.753 2.753 0 00-2.75 2.75v8.5A2.753 2.753 0 005.928 21h5.71a.75.75 0 100-1.5h-5.71a1.251 1.251 0 01-1.25-1.25v-8.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25V12a.75.75 0 001.5 0V9.75A2.753 2.753 0 0018.428 7zM6.75 4.5h10.5a.75.75 0 000-1.5H6.75a.75.75 0 000 1.5z" }),
-    React.createElement("path", { d: "M7.75 15.25a.75.75 0 000 1.5h2.202a.75.75 0 000-1.5zM14.75 12a.75.75 0 00-.75-.75H7.75a.75.75 0 000 1.5H14a.75.75 0 00.75-.75zM19.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 DynamicContentAddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-666980406icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dynamic-content-add-m", className: "dynamic-content-add-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-666980406canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.42773,7h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v8.5a2.7528,2.7528,0,0,0,2.75,2.75h5.71a.75.75,0,1,0,0-1.5h-5.71a1.25116,1.25116,0,0,1-1.25-1.25V9.75a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25V12a.75.75,0,0,0,1.5,0V9.75A2.75279,2.75279,0,0,0,18.42773,7Z" }),
+    React.createElement("path", { d: "M6.75,4.5h10.5a.75.75,0,0,0,0-1.5H6.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M7.75,15.25a.75.75,0,0,0,0,1.5H9.95215a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M14.75,12a.7502.7502,0,0,0-.75-.75H7.75a.75.75,0,0,0,0,1.5H14A.7502.7502,0,0,0,14.75,12Z" }),
+    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" })));
 export default DynamicContentAddM;

package/dist/esm/icons/DynamicContentBlockM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DynamicContentBlockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dynamic-content-block-m ds-icon-set-medium", "data-testid": "ds-icon-dynamic-content-block-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.428 7h-12.5a2.753 2.753 0 00-2.75 2.75v8.5A2.753 2.753 0 005.928 21h5.71a.75.75 0 100-1.5h-5.71a1.251 1.251 0 01-1.25-1.25v-8.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25V12a.75.75 0 001.5 0V9.75A2.753 2.753 0 0018.428 7zM6.75 4.5h10.5a.75.75 0 000-1.5H6.75a.75.75 0 000 1.5z" }),
-    React.createElement("path", { d: "M7.75 15.25a.75.75 0 000 1.5h2.202a.75.75 0 000-1.5zM14.75 12a.75.75 0 00-.75-.75H7.75a.75.75 0 000 1.5H14a.75.75 0 00.75-.75zM17.25 20.782a3.75 3.75 0 10-3.75-3.75 3.754 3.754 0 003.75 3.75zm0-1.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.25zm0-4.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.25z" })));
+const DynamicContentBlockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-469525662icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dynamic-content-block-m", className: "dynamic-content-block-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-469525662canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.42822,7h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v8.5a2.7528,2.7528,0,0,0,2.75,2.75H11.6377a.75.75,0,1,0,0-1.5H5.92822a1.25116,1.25116,0,0,1-1.25-1.25V9.75a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25V12a.75.75,0,0,0,1.5,0V9.75A2.7528,2.7528,0,0,0,18.42822,7Z" }),
+    React.createElement("path", { d: "M6.75,4.5h10.5a.75.75,0,0,0,0-1.5H6.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M7.75,15.25a.75.75,0,0,0,0,1.5H9.95215a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M14.75,12a.7502.7502,0,0,0-.75-.75H7.75a.75.75,0,0,0,0,1.5H14A.7502.7502,0,0,0,14.75,12Z" }),
+    React.createElement("path", { d: "M17.25,20.78223a3.75,3.75,0,1,0-3.75-3.75A3.7541,3.7541,0,0,0,17.25,20.78223Zm0-1.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.28223Zm0-4.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.78223Z" })));
 export default DynamicContentBlockM;

package/dist/esm/icons/DynamicContentCheckM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DynamicContentCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dynamic-content-check-m ds-icon-set-medium", "data-testid": "ds-icon-dynamic-content-check-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.428 7h-12.5a2.753 2.753 0 00-2.75 2.75v8.5A2.753 2.753 0 005.928 21h5.71a.75.75 0 100-1.5h-5.71a1.251 1.251 0 01-1.25-1.25v-8.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25V12a.75.75 0 001.5 0V9.75A2.753 2.753 0 0018.428 7zM6.75 4.5h10.5a.75.75 0 000-1.5H6.75a.75.75 0 000 1.5z" }),
-    React.createElement("path", { d: "M7.75 15.25a.75.75 0 000 1.5h2.202a.75.75 0 000-1.5zM14.75 12a.75.75 0 00-.75-.75H7.75a.75.75 0 000 1.5H14a.75.75 0 00.75-.75zM19.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 DynamicContentCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1327480657icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dynamic-content-check-m", className: "dynamic-content-check-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1327480657canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.42773,7h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v8.5a2.7528,2.7528,0,0,0,2.75,2.75h5.71a.75.75,0,1,0,0-1.5h-5.71a1.25116,1.25116,0,0,1-1.25-1.25V9.75a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25V12a.75.75,0,0,0,1.5,0V9.75A2.75279,2.75279,0,0,0,18.42773,7Z" }),
+    React.createElement("path", { d: "M6.75,4.5h10.5a.75.75,0,0,0,0-1.5H6.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M7.75,15.25a.75.75,0,0,0,0,1.5H9.95215a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M14.75,12a.7502.7502,0,0,0-.75-.75H7.75a.75.75,0,0,0,0,1.5H14A.7502.7502,0,0,0,14.75,12Z" }),
+    React.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" })));
 export default DynamicContentCheckM;

package/dist/esm/icons/DynamicContentEditM.js

@@ -1,6 +1,9 @@
 import React from 'react';
-const DynamicContentEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "dynamic-content-edit-m ds-icon-set-medium", "data-testid": "ds-icon-dynamic-content-edit-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.428 7h-12.5a2.753 2.753 0 00-2.75 2.75v8.5A2.753 2.753 0 005.928 21h5.71a.75.75 0 100-1.5h-5.71a1.251 1.251 0 01-1.25-1.25v-8.5a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25V12a.75.75 0 001.5 0V9.75A2.753 2.753 0 0018.428 7zM17.25 4.5a.75.75 0 000-1.5H6.75a.75.75 0 000 1.5z" }),
-    React.createElement("path", { d: "M7.75 15.25a.75.75 0 000 1.5h2.202a.75.75 0 000-1.5zM14 11.25H7.75a.75.75 0 000 1.5H14a.75.75 0 000-1.5zM19.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 DynamicContentEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-371244907icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-dynamic-content-edit-m", className: "dynamic-content-edit-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-371244907canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.42822,7h-12.5a2.7528,2.7528,0,0,0-2.75,2.75v8.5a2.7528,2.7528,0,0,0,2.75,2.75H11.6377a.75.75,0,1,0,0-1.5H5.92822a1.25116,1.25116,0,0,1-1.25-1.25V9.75a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25V12a.75.75,0,0,0,1.5,0V9.75A2.7528,2.7528,0,0,0,18.42822,7Z" }),
+    React.createElement("path", { d: "M17.25,4.5a.75.75,0,0,0,0-1.5H6.75a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M7.75,15.25a.75.75,0,0,0,0,1.5H9.95215a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M14,11.25H7.75a.75.75,0,0,0,0,1.5H14a.75.75,0,0,0,0-1.5Z" }),
+    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" })));
 export default DynamicContentEditM;