@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/cjs/icons/CheckboxM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CheckboxM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.25 4H6.75A2.753 2.753 0 004 6.75v10.5A2.753 2.753 0 006.75 20h10.5A2.753 2.753 0 0020 17.25V6.75A2.753 2.753 0 0017.25 4zm1.25 13.25a1.251 1.251 0 01-1.25 1.25H6.75a1.251 1.251 0 01-1.25-1.25V6.75A1.251 1.251 0 016.75 5.5h10.5a1.251 1.251 0 011.25 1.25z" }),
-    react_1.default.createElement("path", { d: "M15.102 9.167l-4.204 4.093-2.011-1.88a.75.75 0 00-1.024 1.096l2.534 2.368a.75.75 0 001.036-.011l4.715-4.592a.75.75 0 10-1.046-1.074z" })));
+const CheckboxM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-502713240icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-m", className: "checkbox-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-502713240canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.25,4H6.75A2.7528,2.7528,0,0,0,4,6.75v10.5A2.7528,2.7528,0,0,0,6.75,20h10.5A2.7528,2.7528,0,0,0,20,17.25V6.75A2.7528,2.7528,0,0,0,17.25,4ZM18.5,17.25a1.25116,1.25116,0,0,1-1.25,1.25H6.75A1.25116,1.25116,0,0,1,5.5,17.25V6.75A1.25116,1.25116,0,0,1,6.75,5.5h10.5A1.25116,1.25116,0,0,1,18.5,6.75Z" }),
+    react_1.default.createElement("path", { d: "M15.10156,9.167l-4.20312,4.09278L8.88672,11.37988a.74967.74967,0,0,0-1.02344,1.09571l2.53418,2.36816a.74936.74936,0,0,0,1.03516-.01074l4.71582-4.5918A.75.75,0,1,0,15.10156,9.167Z" }));
 exports.default = CheckboxM;

package/dist/cjs/icons/CheckboxSelectedFillM.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CheckboxSelectedFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-selected-fill-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-selected-fill-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.25 4H6.75A2.753 2.753 0 004 6.75v10.5A2.753 2.753 0 006.75 20h10.5A2.753 2.753 0 0020 17.25V6.75A2.753 2.753 0 0017.25 4z" }),
-    react_1.default.createElement("path", { d: "M16.15 10.28l-4.715 4.591a.75.75 0 01-1.035.01l-2.534-2.367a.75.75 0 011.023-1.096l2.012 1.88 4.203-4.093a.75.75 0 111.047 1.074z", fill: "#fff" })));
+const CheckboxSelectedFillM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2966217342icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-selected-fill-m", className: "checkbox-selected-fill-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-2966217342canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    react_1.default.createElement("path", { d: "M17.25,4H6.75A2.7528,2.7528,0,0,0,4,6.75v10.5A2.7528,2.7528,0,0,0,6.75,20h10.5A2.7528,2.7528,0,0,0,20,17.25V6.75A2.7528,2.7528,0,0,0,17.25,4Z" }),
+    react_1.default.createElement("path", { d: "M16.15088,10.2793l-4.71582,4.59179a.74937.74937,0,0,1-1.03516.01075L7.86572,12.51367A.74966.74966,0,0,1,8.88916,11.418l2.01172,1.87988L15.104,9.20508a.75.75,0,1,1,1.04688,1.07422Z", style: {
+            fill: "#fff"
+        } }));
 exports.default = CheckboxSelectedFillM;

package/dist/cjs/icons/CheckboxSelectedOutlineM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CheckboxSelectedOutlineM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-selected-outline-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-selected-outline-m" }, props),
-    react_1.default.createElement("path", { d: "M16.527 10.241l-4.715 4.592a.75.75 0 01-1.036.01l-2.534-2.367a.75.75 0 011.024-1.096l2.011 1.88 4.203-4.093a.75.75 0 111.047 1.074z" }),
-    react_1.default.createElement("path", { d: "M17.25 20H6.75A2.753 2.753 0 014 17.25V6.75A2.753 2.753 0 016.75 4h10.5A2.753 2.753 0 0120 6.75v10.5A2.753 2.753 0 0117.25 20zM6.75 5.5A1.251 1.251 0 005.5 6.75v10.5a1.251 1.251 0 001.25 1.25h10.5a1.251 1.251 0 001.25-1.25V6.75a1.251 1.251 0 00-1.25-1.25z" })));
+const CheckboxSelectedOutlineM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-812491313icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-selected-outline-m", className: "checkbox-selected-outline-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { d: "M16.52734,10.24121,11.81152,14.833a.74935.74935,0,0,1-1.03515.01074L8.24219,12.47559a.74966.74966,0,0,1,1.02343-1.09571l2.01172,1.87989L15.48047,9.167a.75.75,0,1,1,1.04687,1.07422Z" }),
+    react_1.default.createElement("path", { d: "M17.25,20H6.75A2.7528,2.7528,0,0,1,4,17.25V6.75A2.7528,2.7528,0,0,1,6.75,4h10.5A2.7528,2.7528,0,0,1,20,6.75v10.5A2.7528,2.7528,0,0,1,17.25,20ZM6.75,5.5A1.25116,1.25116,0,0,0,5.5,6.75v10.5A1.25116,1.25116,0,0,0,6.75,18.5h10.5a1.25116,1.25116,0,0,0,1.25-1.25V6.75A1.25116,1.25116,0,0,0,17.25,5.5Z" }));
 exports.default = CheckboxSelectedOutlineM;

package/dist/cjs/icons/ChildRowLeftDownM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowLeftDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-left-down-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-left-down-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 15H9V8a1 1 0 00-2 0v8a1 1 0 001 1h8a1 1 0 000-2z" })));
+const ChildRowLeftDownM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3572411279icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-left-down-m", className: "child-row-left-down-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3572411279canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,15H9V8A1,1,0,0,0,7,8v8a.99943.99943,0,0,0,1,1h8a1,1,0,0,0,0-2Z" }));
 exports.default = ChildRowLeftDownM;

package/dist/cjs/icons/ChildRowLeftUpM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowLeftUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-left-up-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-left-up-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 7H8a1 1 0 00-1 1v8a1 1 0 002 0V9h7a1 1 0 000-2z" })));
+const ChildRowLeftUpM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4244822040icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-left-up-m", className: "child-row-left-up-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4244822040canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,7H8A.99943.99943,0,0,0,7,8v8a1,1,0,0,0,2,0V9h7a1,1,0,0,0,0-2Z" }));
 exports.default = ChildRowLeftUpM;

package/dist/cjs/icons/ChildRowMiddleLeftM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowMiddleLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-middle-left-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-middle-left-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 11H9V8a1 1 0 00-2 0v8a1 1 0 002 0v-3h7a1 1 0 000-2z" })));
+const ChildRowMiddleLeftM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3620905488icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-middle-left-m", className: "child-row-middle-left-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3620905488canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,11H9V8A1,1,0,0,0,7,8v8a1,1,0,0,0,2,0V13h7a1,1,0,0,0,0-2Z" }));
 exports.default = ChildRowMiddleLeftM;

package/dist/cjs/icons/ChildRowMiddleRightM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowMiddleRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-middle-right-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-middle-right-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 7a1 1 0 00-1 1v3H8a1 1 0 000 2h7v3a1 1 0 002 0V8a1 1 0 00-1-1z" })));
+const ChildRowMiddleRightM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4227476139icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-middle-right-m", className: "child-row-middle-right-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4227476139canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,7a.99943.99943,0,0,0-1,1v3H8a1,1,0,0,0,0,2h7v3a1,1,0,0,0,2,0V8A.99943.99943,0,0,0,16,7Z" }));
 exports.default = ChildRowMiddleRightM;

package/dist/cjs/icons/ChildRowRightDownM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowRightDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-right-down-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-right-down-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 7a1 1 0 00-1 1v7H8a1 1 0 000 2h8a1 1 0 001-1V8a1 1 0 00-1-1z" })));
+const ChildRowRightDownM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1300050868icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-right-down-m", className: "child-row-right-down-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1300050868canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,7a.99943.99943,0,0,0-1,1v7H8a1,1,0,0,0,0,2h8a.99943.99943,0,0,0,1-1V8A.99943.99943,0,0,0,16,7Z" }));
 exports.default = ChildRowRightDownM;

package/dist/cjs/icons/ChildRowRightUpM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChildRowRightUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-right-up-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-right-up-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16 7H8a1 1 0 000 2h7v7a1 1 0 002 0V8a1 1 0 00-1-1z" })));
+const ChildRowRightUpM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1998995587icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-right-up-m", className: "child-row-right-up-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1998995587canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16,7H8A1,1,0,0,0,8,9h7v7a1,1,0,0,0,2,0V8A.99943.99943,0,0,0,16,7Z" }));
 exports.default = ChildRowRightUpM;

package/dist/cjs/icons/ChromeFillM.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChromeFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chrome-fill-m ds-icon-set-medium", "data-testid": "ds-icon-chrome-fill-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 8.257h9A9.735 9.735 0 003.716 6.884L8.31 11.48A3.735 3.735 0 0112 8.257z" }),
-    react_1.default.createElement("path", { d: "M21.48 9.757h-6.504a3.704 3.704 0 01-.353 4.906c-.009.01-.012.024-.022.034l-6.314 6.314A9.723 9.723 0 0021.479 9.757z" }),
-    react_1.default.createElement("path", { d: "M9.447 14.721c-.015-.013-.034-.018-.048-.032L2.991 8.282a9.717 9.717 0 003.898 12.006l4.597-4.596a3.715 3.715 0 01-2.04-.97zM9.759 12a2.237 2.237 0 00.654 1.582l.007.007A2.242 2.242 0 109.759 12z" })));
+const ChromeFillM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1199620983icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chrome-fill-m", className: "chrome-fill-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1199620983canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("path", { d: "M12,8.25684h9.00024A9.735,9.735,0,0,0,3.71576,6.88422L8.31128,11.4801A3.73536,3.73536,0,0,1,12,8.25684Z" }),
+    react_1.default.createElement("path", { d: "M21.47919,9.75684H14.97638a3.7044,3.7044,0,0,1-.353,4.90612c-.0094.01056-.01263.02417-.02276.03431l-6.31391,6.3139A9.72332,9.72332,0,0,0,21.47919,9.75684Z" }),
+    react_1.default.createElement("path", { d: "M9.44684,14.721c-.01477-.0127-.03345-.01752-.04743-.0315L2.991,8.28064A9.71721,9.71721,0,0,0,6.88934,20.28741l4.59626-4.59625A3.71473,3.71473,0,0,1,9.44684,14.721Z" }),
+    react_1.default.createElement("path", { d: "M9.75879,12a2.23654,2.23654,0,0,0,.654,1.58173l.007.007A2.24217,2.24217,0,1,0,9.75879,12Z" }));
 exports.default = ChromeFillM;

package/dist/cjs/icons/ChromeM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ChromeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chrome-m ds-icon-set-medium", "data-testid": "ds-icon-chrome-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 2.25A9.75 9.75 0 1021.75 12 9.761 9.761 0 0012 2.25zm0 1.5a8.253 8.253 0 017.343 4.507H12a3.736 3.736 0 00-3.689 3.223L4.806 7.975A8.252 8.252 0 0112 3.75zM14.241 12a2.24 2.24 0 01-3.823 1.587l-.004-.004A2.241 2.241 0 1114.241 12zM3.75 12a8.208 8.208 0 01.409-2.551l5.24 5.24c.015.015.035.02.05.034a3.715 3.715 0 002.037.968L7.98 19.197A8.253 8.253 0 013.75 12zM12 20.25a8.209 8.209 0 01-2.546-.406l5.147-5.147c.01-.01.013-.024.023-.035a3.703 3.703 0 00.352-4.905h4.956A8.228 8.228 0 0112 20.25z" })));
+const ChromeM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1443186549icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chrome-m", className: "chrome-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1443186549canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("path", { d: "M12,2.25A9.75,9.75,0,1,0,21.75,12,9.76128,9.76128,0,0,0,12,2.25Zm0,1.5a8.25284,8.25284,0,0,1,7.34271,4.50732H12a3.73569,3.73569,0,0,0-3.68866,3.223L4.80579,7.97473A8.2525,8.2525,0,0,1,12,3.75Zm2.24121,8.25049a2.23975,2.23975,0,0,1-3.82349,1.58618l-.00323-.00323a2.24147,2.24147,0,1,1,3.82672-1.583ZM3.75,12a8.20777,8.20777,0,0,1,.40851-2.55145l5.2409,5.2409c.01471.01471.03418.0199.04975.03308a3.71482,3.71482,0,0,0,2.03692.96814L7.97955,19.1972A8.25276,8.25276,0,0,1,3.75,12ZM12,20.25a8.20875,8.20875,0,0,1-2.54572-.40643l5.14631-5.1463c.01037-.01038.01367-.0243.02331-.0351a3.70313,3.70313,0,0,0,.3523-4.90485h4.95587A8.22755,8.22755,0,0,1,12,20.25Z" }));
 exports.default = ChromeM;

package/dist/cjs/icons/CircleChartM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CircleChartM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "circle-chart-m ds-icon-set-medium", "data-testid": "ds-icon-circle-chart-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.854 14.06a.752.752 0 00-.977.415A6.337 6.337 0 0112 18.5 6.436 6.436 0 015.646 12a6.506 6.506 0 013.838-5.971.75.75 0 10-.605-1.372A8.026 8.026 0 0012 20a7.83 7.83 0 007.269-4.965.75.75 0 00-.415-.976zM12 4a.75.75 0 000 1.5 6.436 6.436 0 016.354 6.5.75.75 0 001.5 0A7.937 7.937 0 0012 4z" })));
+const CircleChartM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-369770904icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-circle-chart-m", className: "circle-chart-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-369770904canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.85352,14.05908a.75176.75176,0,0,0-.97608.41553A6.337,6.337,0,0,1,12,18.5,6.43573,6.43573,0,0,1,5.646,12,6.50571,6.50571,0,0,1,9.48438,6.02881a.74986.74986,0,1,0-.60547-1.37207A8.02587,8.02587,0,0,0,12,20a7.83056,7.83056,0,0,0,7.269-4.96484A.75014.75014,0,0,0,18.85352,14.05908Z" }),
+    react_1.default.createElement("path", { d: "M12,4a.75.75,0,0,0,0,1.5A6.43573,6.43573,0,0,1,18.354,12a.75.75,0,0,0,1.5,0A7.93713,7.93713,0,0,0,12,4Z" }));
 exports.default = CircleChartM;

package/dist/cjs/icons/CircleShapeM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CircleShapeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "circle-shape-m ds-icon-set-medium", "data-testid": "ds-icon-circle-shape-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 19.996A7.996 7.996 0 016.343 6.343 8 8 0 1112 19.996zM7.404 7.403a6.5 6.5 0 109.193 0 6.509 6.509 0 00-9.193 0z" })));
+const CircleShapeM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1958563067icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-circle-shape-m", className: "circle-shape-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1958563067canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,19.99609A7.99609,7.99609,0,0,1,6.34326,6.34277h0A8.00036,8.00036,0,1,1,12,19.99609ZM7.40381,7.40332a6.50051,6.50051,0,1,0,9.19287,0,6.50885,6.50885,0,0,0-9.19287,0Z" }));
 exports.default = CircleShapeM;

package/dist/cjs/icons/ClearStyleM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ClearStyleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clear-style-m ds-icon-set-medium", "data-testid": "ds-icon-clear-style-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M5.328 6.5h4.67v11.75a.75.75 0 001.5 0V6.5h4.746a.75.75 0 000-1.5H5.328a.75.75 0 100 1.5zM15.033 13.987a.75.75 0 00-1.06 1.06l1.969 1.97-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 101.06-1.06l-1.969-1.97 1.97-1.97a.75.75 0 00-1.06-1.06l-1.97 1.97z" })));
+const ClearStyleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1076992744icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clear-style-m", className: "clear-style-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1076992744canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M5.32764,6.5H9.998V18.25a.75.75,0,0,0,1.5,0V6.5h4.7456a.75.75,0,0,0,0-1.5H5.32764a.75.75,0,1,0,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M15.03271,13.98682a.74992.74992,0,0,0-1.06054,1.06054l1.96972,1.96973-1.96972,1.96973a.74992.74992,0,1,0,1.06054,1.06054l1.96973-1.96972,1.96973,1.96972a.74992.74992,0,1,0,1.06054-1.06054L18.063,17.01709l1.96972-1.96973a.74992.74992,0,0,0-1.06054-1.06054l-1.96973,1.96972Z" }));
 exports.default = ClearStyleM;

package/dist/cjs/icons/ClickM.js

@@ -1,7 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ClickM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "click-m ds-icon-set-medium", "data-testid": "ds-icon-click-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M5.895 11.692H3.813a.75.75 0 010-1.5h2.082a.75.75 0 010 1.5zM7.375 8.09a.746.746 0 01-.532-.222L5.371 6.385a.75.75 0 011.065-1.057l1.472 1.484a.75.75 0 01-.533 1.278zM5.903 16.778a.75.75 0 01-.532-1.278l1.472-1.483a.75.75 0 011.065 1.056l-1.472 1.484a.748.748 0 01-.533.221zM10.95 6.598a.75.75 0 01-.75-.75V3.75a.75.75 0 011.5 0v2.098a.75.75 0 01-.75.75zM14.525 8.09a.75.75 0 01-.532-1.278l1.473-1.484a.75.75 0 111.064 1.057l-1.472 1.483a.747.747 0 01-.533.222zM18.089 21a1.75 1.75 0 01-1.253-.523L15.568 19.2l-.824.831a1.258 1.258 0 01-2.087-.494l-2.618-7.91a1.26 1.26 0 011.595-1.596l7.852 2.637a1.265 1.265 0 01.493 2.089l-.833.839 1.276 1.286a1.783 1.783 0 010 2.507l-1.081 1.089a1.749 1.749 0 01-1.252.522zm-2.52-3.929l2.332 2.35a.228.228 0 00.374 0l1.082-1.089a.28.28 0 000-.393l-2.325-2.343 1.615-1.627-7.035-2.363 2.346 7.088z" })));
+const ClickM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1348291525icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-click-m", className: "click-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1348291525canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M5.89453,11.69238h-2.082a.75.75,0,0,1,0-1.5h2.082a.75.75,0,0,1,0,1.5Z" }),
+    react_1.default.createElement("path", { d: "M7.37549,8.08984a.74633.74633,0,0,1-.53223-.22168L5.37109,6.38477A.74993.74993,0,0,1,6.43555,5.32812l1.47216,1.4834a.75.75,0,0,1-.53222,1.27832Z" }),
+    react_1.default.createElement("path", { d: "M5.90332,16.77832A.75.75,0,0,1,5.37109,15.5l1.47217-1.4834a.74992.74992,0,0,1,1.06445,1.05664l-1.47216,1.4834A.74835.74835,0,0,1,5.90332,16.77832Z" }),
+    react_1.default.createElement("path", { d: "M10.95068,6.59766a.7502.7502,0,0,1-.75-.75V3.75a.75.75,0,0,1,1.5,0V5.84766A.75019.75019,0,0,1,10.95068,6.59766Z" }),
+    react_1.default.createElement("path", { d: "M14.52539,8.08984a.75.75,0,0,1-.53223-1.27832l1.47266-1.4834a.74993.74993,0,1,1,1.06445,1.05665L15.05762,7.86816A.74715.74715,0,0,1,14.52539,8.08984Z" }),
+    react_1.default.createElement("path", { d: "M18.08887,21a1.74959,1.74959,0,0,1-1.25293-.52344L15.56836,19.2002l-.82422.83105a1.25777,1.25777,0,0,1-2.0874-.49414l-2.61768-7.91065a1.26087,1.26087,0,0,1,1.59473-1.5957L19.48633,12.668a1.26467,1.26467,0,0,1,.49219,2.08887l-.833.83886,1.27637,1.28614a1.78306,1.78306,0,0,1,0,2.50683l-1.08106,1.08887A1.7488,1.7488,0,0,1,18.08887,21Zm-2.52051-3.92871,2.333,2.34961a.22822.22822,0,0,0,.374.001l1.082-1.08985a.28059.28059,0,0,0,0-.39355L17.03223,15.5957l1.61523-1.627L11.6123,11.606,13.958,18.69434Z" }));
 exports.default = ClickM;

package/dist/cjs/icons/Clock2M.js

@@ -1,8 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Clock2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-2-m ds-icon-set-medium", "data-testid": "ds-icon-clock-2-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.62 16.573A6.5 6.5 0 1112 5.5.75.75 0 0012 4l-.024.001L11.97 4l-.01.002a7.943 7.943 0 00-3.646.905c-.014.006-.03.005-.044.013-.01.005-.016.015-.026.02A8.051 8.051 0 005.45 7.422c-.012.015-.029.023-.04.039-.007.01-.008.023-.015.034a7.95 7.95 0 00-1.32 3.471.704.704 0 00-.025.075h.01v.017a7.728 7.728 0 00.453 3.737c.004.012.002.024.007.036.005.013.015.024.02.037a8.017 8.017 0 002.116 3.07c.013.013.02.03.033.043.014.013.032.017.046.028a7.977 7.977 0 003.267 1.73c.024.008.042.025.067.032.036.006.07.008.106.012A7.97 7.97 0 0012 20a8.052 8.052 0 001.801-.21c.03-.004.06-.005.089-.01.02-.005.035-.02.055-.026a7.91 7.91 0 003.299-1.722c.011-.01.025-.012.036-.022.012-.01.016-.025.026-.035.128-.114.258-.225.38-.348a.75.75 0 00-1.067-1.054z" }),
-    react_1.default.createElement("path", { d: "M12 8.143a.75.75 0 00-.75.75V12a.756.756 0 00.22.53l2.071 2.072a.75.75 0 001.06-1.06l-1.851-1.853V8.893a.75.75 0 00-.75-.75zM18.56 7.42a.741.741 0 00-1.04-.18.746.746 0 00.43 1.36.768.768 0 00.43-.13.753.753 0 00.18-1.05zM15 6.23a.717.717 0 00.34.09.764.764 0 00.67-.41.75.75 0 10-1.01.32zM19.03 13.9a.748.748 0 00-.53 1.4.574.574 0 00.26.05.766.766 0 00.71-.48h-.01a.75.75 0 00-.43-.97zM19.94 11.04v-.05a.75.75 0 10-1.49.19v.07h.01a.747.747 0 00.74.67.218.218 0 00.08-.01.755.755 0 00.67-.83c0-.01-.01-.02-.01-.04z" })));
+const Clock2M = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2424280252icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-2-m", className: "clock-2-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-2424280252canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    react_1.default.createElement("path", { d: "M16.61914,16.57275A6.49989,6.49989,0,1,1,12,5.5.75.75,0,0,0,12,4l-.02405.00122L11.96973,4l-.00989.002a7.94292,7.94292,0,0,0-3.64539.90485c-.01458.00653-.03064.00555-.04492.01306-.01007.00543-.01562.01508-.02533.02088A8.05146,8.05146,0,0,0,5.44989,7.42108C5.43811,7.436,5.421,7.444,5.41016,7.46c-.00751.01056-.00806.02326-.0149.03406a7.95,7.95,0,0,0-1.32055,3.47131A.70427.70427,0,0,0,4.0498,11.04h.00977c-.00085.006.00183.01129.0011.01721a7.72771,7.72771,0,0,0,.4527,3.73645c.0039.0119.00158.02405.00616.03589.00507.01385.015.02417.02075.03754a8.01672,8.01672,0,0,0,2.11609,3.06933c.01306.01331.0188.03107.03308.04352.01367.01263.03113.0166.04547.02789a7.97657,7.97657,0,0,0,3.267,1.72931c.024.009.04212.026.06745.03284.03521.00568.07019.00775.10516.01166A7.97,7.97,0,0,0,12,20a8.05178,8.05178,0,0,0,1.80133-.21039c.02954-.00366.059-.00476.08832-.00982.02051-.00513.0354-.01954.05511-.02625a7.90961,7.90961,0,0,0,3.29908-1.72144c.01141-.00927.02551-.01226.03643-.02233.01129-.0102.01563-.0243.02619-.035.12774-.11383.25763-.22461.37909-.34735a.74993.74993,0,0,0-1.06641-1.05469Z" }),
+    react_1.default.createElement("path", { d: "M12,8.14307a.75019.75019,0,0,0-.75.75V12a.75574.75574,0,0,0,.21973.53027L13.541,14.60205a.74992.74992,0,0,0,1.06054-1.06055L12.75,11.68945V8.89307A.75019.75019,0,0,0,12,8.14307Z" }),
+    react_1.default.createElement("path", { d: "M18.55957,7.41992a.74135.74135,0,0,0-1.04-.18017.74564.74564,0,0,0,.43067,1.35986.76838.76838,0,0,0,.42968-.12988A.75274.75274,0,0,0,18.55957,7.41992Z" }),
+    react_1.default.createElement("path", { d: "M15,6.23a.7166.7166,0,0,0,.33984.08984.76376.76376,0,0,0,.66993-.41015A.74919.74919,0,1,0,15,6.23Z" }),
+    react_1.default.createElement("path", { d: "M19.03027,13.8999A.74849.74849,0,0,0,18.5,15.2998a.57423.57423,0,0,0,.25977.04981.766.766,0,0,0,.71-.48H19.46A.74978.74978,0,0,0,19.03027,13.8999Z" }),
+    react_1.default.createElement("path", { d: "M19.93945,11.04v-.05029a.75066.75066,0,1,0-1.48925.18994V11.25H18.46a.74671.74671,0,0,0,.74024.66992.21808.21808,0,0,0,.08007-.01025.75483.75483,0,0,0,.66993-.83008C19.9502,11.06982,19.93945,11.06006,19.93945,11.04Z" }));
 exports.default = Clock2M;

package/dist/cjs/icons/ClockFailedM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ClockFailedM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-failed-m ds-icon-set-medium", "data-testid": "ds-icon-clock-failed-m" }, props),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 008 8 .75.75 0 000-1.5 6.5 6.5 0 116.5-6.5.75.75 0 001.5 0 8 8 0 10-16 0zm4.438 2.304a.75.75 0 001.154.374l2.85-2.072A.751.751 0 0012.75 12V8.893a.75.75 0 00-1.5 0v2.725l-2.54 1.847a.75.75 0 00-.272.84z" }),
-    react_1.default.createElement("path", { d: "M18.97 13.664l-1.969 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 00-1.06-1.06z" })));
+const ClockFailedM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-clock-failed-m", className: "clock-failed-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12C4 16.4183 7.58172 20 12 20C12.4142 20 12.75 19.6642 12.75 19.25C12.75 18.8358 12.4142 18.5 12 18.5C8.41015 18.5 5.5 15.5899 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 12.4142 18.8358 12.75 19.25 12.75C19.6642 12.75 20 12.4142 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12ZM8.43763 14.3041C8.53828 14.6131 8.82643 14.8221 9.15137 14.8218C9.30968 14.8218 9.46391 14.7715 9.5918 14.6782L12.4414 12.6065C12.6352 12.4652 12.7499 12.2398 12.75 12V8.89307C12.75 8.47886 12.4142 8.14307 12 8.14307C11.5858 8.14307 11.25 8.47886 11.25 8.89307V11.6182L8.70947 13.4653C8.44672 13.6565 8.33698 13.9951 8.43763 14.3041Z" }),
+    react_1.default.createElement("path", { d: "M18.9707 13.6636L17.001 15.6333L15.0312 13.6636C14.7382 13.3717 14.2642 13.3721 13.9717 13.6646C13.6793 13.9571 13.6788 14.4311 13.9707 14.7241L15.9404 16.6938L13.9707 18.6636C13.7806 18.8529 13.7062 19.1293 13.7754 19.3885C13.8447 19.6477 14.0471 19.8501 14.3063 19.9194C14.5655 19.9886 14.8419 19.9142 15.0312 19.7241L17.001 17.7544L18.9707 19.7241C19.2637 20.016 19.7378 20.0155 20.0302 19.7231C20.3227 19.4306 20.3231 18.9566 20.0312 18.6636L18.0615 16.6938L20.0312 14.7241C20.3231 14.4311 20.3227 13.9571 20.0302 13.6646C19.7378 13.3721 19.2637 13.3717 18.9707 13.6636Z" }));
 exports.default = ClockFailedM;

package/dist/cjs/icons/ClockM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ClockM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-m ds-icon-set-medium", "data-testid": "ds-icon-clock-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.createElement("path", { d: "M12.75 11.69V8.892a.75.75 0 00-1.5 0V12a.75.75 0 00.22.53l2.071 2.072a.75.75 0 001.06-1.06z" })));
+const ClockM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4059314883icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-m", className: "clock-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4059314883canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.createElement("path", { d: "M12.75,11.68945V8.89307a.75.75,0,0,0-1.5,0V12a.75027.75027,0,0,0,.21973.53027L13.541,14.60205a.74992.74992,0,0,0,1.06054-1.06055Z" }));
 exports.default = ClockM;

package/dist/cjs/icons/ClockS.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ClockS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-s ds-icon-set-medium", "data-testid": "ds-icon-clock-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 18a6 6 0 116-6 6.007 6.007 0 01-6 6zm0-10.5a4.5 4.5 0 104.5 4.5A4.505 4.505 0 0012 7.5z" }),
-    react_1.default.createElement("path", { d: "M13.5 14.25a.747.747 0 01-.53-.22l-1.5-1.5a.75.75 0 01-.22-.53V9.75a.75.75 0 011.5 0v1.94l1.28 1.28a.75.75 0 01-.53 1.28z" })));
+const ClockS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4187412445icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-s", className: "clock-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4187412445canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,18a6,6,0,1,1,6-6A6.00657,6.00657,0,0,1,12,18ZM12,7.5A4.5,4.5,0,1,0,16.5,12,4.50491,4.50491,0,0,0,12,7.5Z" }),
+    react_1.default.createElement("path", { d: "M13.5,14.25049a.74671.74671,0,0,1-.53027-.21973l-1.5-1.50049A.75027.75027,0,0,1,11.25,12V9.75a.75.75,0,0,1,1.5,0v1.93945l1.28027,1.28076A.75.75,0,0,1,13.5,14.25049Z" }));
 exports.default = ClockS;

package/dist/cjs/icons/Close2FullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close2FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-close-2-full-background-m" }, props),
-    react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", 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.5zm3.03 4.53L13.06 12l1.97 1.97a.75.75 0 01-1.06 1.06L12 13.06l-1.97 1.97a.75.75 0 11-1.06-1.06L10.94 12l-1.97-1.97a.75.75 0 011.06-1.06L12 10.94l1.97-1.97a.75.75 0 011.06 1.06z" })));
+const Close2FullBackgroundM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-close-2-full-background-m", className: "close-2-full-background-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C19.9949 16.4162 16.4162 19.9949 12 20ZM12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.4959 8.41187 15.5881 5.50415 12 5.5ZM15.0303 10.0303L13.0606 12L15.0303 13.9697C15.3213 14.2629 15.3204 14.7362 15.0283 15.0283C14.7362 15.3204 14.2629 15.3213 13.9697 15.0303L12 13.0605L10.0303 15.0303C9.84105 15.2209 9.56436 15.2957 9.30485 15.2265C9.04535 15.1573 8.84266 14.9546 8.77347 14.6951C8.70427 14.4356 8.77913 14.1589 8.96973 13.9697L10.9395 12L8.96973 10.0303C8.67869 9.7371 8.67955 9.26377 8.97166 8.97166C9.26377 8.67955 9.7371 8.67869 10.0303 8.96973L12 10.9395L13.9697 8.96973C14.2629 8.67869 14.7362 8.67955 15.0283 8.97166C15.3204 9.26377 15.3213 9.7371 15.0303 10.0303Z" }));
 exports.default = Close2FullBackgroundM;

package/dist/cjs/icons/Close2M.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-m ds-icon-set-medium", "data-testid": "ds-icon-close-2-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M13.06 12l1.97-1.97a.75.75 0 00-1.06-1.06L12 10.94l-1.97-1.97a.75.75 0 00-1.06 1.06L10.94 12l-1.97 1.97a.75.75 0 101.06 1.06L12 13.06l1.97 1.97a.75.75 0 001.06-1.06z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" })));
+const Close2M = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-2-m", className: "close-2-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-2561808162transparent_canvas" },
+        react_1.default.createElement("rect", { id: "svg-2561808162canvas", width: 24, height: 24, fill: "none" })),
+    react_1.default.createElement("g", { id: "svg-2561808162icons" },
+        react_1.default.createElement("path", { d: "M13.06055,12l1.96972-1.96973a.74992.74992,0,0,0-1.06054-1.06054L12,10.93945,10.03027,8.96973a.74992.74992,0,0,0-1.06054,1.06054L10.93945,12,8.96973,13.96973a.74992.74992,0,1,0,1.06054,1.06054L12,13.06055l1.96973,1.96972a.74992.74992,0,0,0,1.06054-1.06054Z" }),
+        react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" })));
 exports.default = Close2M;

package/dist/cjs/icons/Close2S.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close2S = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-s ds-icon-set-medium", "data-testid": "ds-icon-close-2-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.34 9.66a.75.75 0 00-1.06 0L12 10.94l-1.28-1.28a.75.75 0 10-1.06 1.06L10.94 12l-1.28 1.28a.75.75 0 101.06 1.06L12 13.06l1.28 1.28a.75.75 0 101.06-1.06L13.06 12l1.28-1.28a.75.75 0 000-1.06z" }),
-    react_1.default.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm0 10.5a4.5 4.5 0 114.5-4.5 4.505 4.505 0 01-4.5 4.5z" })));
+const Close2S = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2064478908icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-2-s", className: "close-2-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2064478908canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.34082,9.65918a.74973.74973,0,0,0-1.06055,0L12,10.93945,10.71973,9.65918a.74992.74992,0,1,0-1.06055,1.06055L10.93945,12,9.65918,13.28027a.74992.74992,0,1,0,1.06055,1.06055L12,13.06055l1.28027,1.28027a.74992.74992,0,1,0,1.06055-1.06055L13.06055,12l1.28027-1.28027A.74973.74973,0,0,0,14.34082,9.65918Z" }),
+    react_1.default.createElement("path", { d: "M12,6a6,6,0,1,0,6,6A6.00657,6.00657,0,0,0,12,6Zm0,10.5A4.5,4.5,0,1,1,16.5,12,4.50491,4.50491,0,0,1,12,16.5Z" }));
 exports.default = Close2S;

package/dist/cjs/icons/Close3FullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close3FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-3-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-close-3-full-background-m" }, props),
-    react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 018-8 8.01 8.01 0 018 8 8 8 0 11-16 0zm11.226 2.695a.75.75 0 00-.196-.725L13.06 12l1.97-1.97a.75.75 0 00-1.06-1.06L12 10.94l-1.97-1.97a.75.75 0 00-1.06 1.06L10.94 12l-1.97 1.97a.75.75 0 001.06 1.06L12 13.06l1.97 1.97a.75.75 0 001.256-.335z" })));
+const Close3FullBackgroundM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-close-3-full-background-m", className: "close-3-full-background-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12C4 7.58172 7.58172 4 12 4C16.4162 4.00505 19.9949 7.58382 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM15.2265 14.6951C15.2957 14.4356 15.2209 14.1589 15.0303 13.9697L13.0605 12L15.0303 10.0303C15.3213 9.7371 15.3204 9.26377 15.0283 8.97166C14.7362 8.67955 14.2629 8.67869 13.9697 8.96973L12 10.9395L10.0303 8.96973C9.7371 8.67869 9.26377 8.67955 8.97166 8.97166C8.67955 9.26377 8.67869 9.7371 8.96973 10.0303L10.9395 12L8.96973 13.9697C8.67869 14.2629 8.67955 14.7362 8.97166 15.0283C9.26377 15.3204 9.7371 15.3213 10.0303 15.0303L12 13.0605L13.9697 15.0303C14.1589 15.2209 14.4356 15.2957 14.6951 15.2265C14.9546 15.1573 15.1573 14.9546 15.2265 14.6951Z" }));
 exports.default = Close3FullBackgroundM;

package/dist/cjs/icons/Close3M.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close3M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-3-m ds-icon-set-medium", "data-testid": "ds-icon-close-3-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm3.03 9.97a.75.75 0 11-1.06 1.06L12 13.06l-1.97 1.97a.75.75 0 01-1.06-1.06L10.94 12l-1.97-1.97a.75.75 0 011.06-1.06L12 10.94l1.97-1.97a.75.75 0 011.06 1.06L13.06 12z" })));
+const Close3M = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-3-m", className: "close-3-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-3774143971transparent_canvas" },
+        react_1.default.createElement("rect", { id: "svg-3774143971canvas", width: 24, height: 24, fill: "none" })),
+    react_1.default.createElement("g", { id: "svg-3774143971icons" },
+        react_1.default.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm3.03027,9.96973a.74992.74992,0,1,1-1.06054,1.06054L12,13.06055l-1.96973,1.96972a.74992.74992,0,0,1-1.06054-1.06054L10.93945,12,8.96973,10.03027a.74992.74992,0,0,1,1.06054-1.06054L12,10.93945l1.96973-1.96972a.74992.74992,0,0,1,1.06054,1.06054L13.06055,12Z" })));
 exports.default = Close3M;

package/dist/cjs/icons/Close3S.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Close3S = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-3-s ds-icon-set-medium", "data-testid": "ds-icon-close-3-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm2.34 7.28a.75.75 0 11-1.06 1.06L12 13.06l-1.28 1.28a.75.75 0 11-1.06-1.06L10.94 12l-1.28-1.28a.75.75 0 111.06-1.06L12 10.94l1.28-1.28a.75.75 0 111.06 1.06L13.06 12z" })));
+const Close3S = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4142349181icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-3-s", className: "close-3-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4142349181canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,6a6,6,0,1,0,6,6A6.00657,6.00657,0,0,0,12,6Zm2.34082,7.28027a.74992.74992,0,1,1-1.06055,1.06055L12,13.06055l-1.28027,1.28027a.74992.74992,0,1,1-1.06055-1.06055L10.93945,12,9.65918,10.71973a.74992.74992,0,1,1,1.06055-1.06055L12,10.93945l1.28027-1.28027a.74992.74992,0,1,1,1.06055,1.06055L13.06055,12Z" }));
 exports.default = Close3S;

package/dist/cjs/icons/CloseM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CloseM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-m ds-icon-set-medium", "data-testid": "ds-icon-close-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M13.06 12l4.72-4.72a.75.75 0 00-1.06-1.06L12 10.94 7.28 6.22a.75.75 0 00-1.06 1.06L10.94 12l-4.72 4.72a.75.75 0 101.06 1.06L12 13.06l4.72 4.72a.75.75 0 001.06-1.06z" })));
+const CloseM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-m", className: "close-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-704338269transparent_canvas" },
+        react_1.default.createElement("rect", { id: "svg-704338269canvas", width: 24, height: 24, fill: "none" })),
+    react_1.default.createElement("g", { id: "svg-704338269icons" },
+        react_1.default.createElement("path", { d: "M13.06055,12l4.71972-4.71973a.74992.74992,0,0,0-1.06054-1.06054L12,10.93945,7.28027,6.21973A.74992.74992,0,0,0,6.21973,7.28027L10.93945,12,6.21973,16.71973a.74992.74992,0,1,0,1.06054,1.06054L12,13.06055l4.71973,4.71972a.74992.74992,0,0,0,1.06054-1.06054Z" })));
 exports.default = CloseM;

package/dist/cjs/icons/CloseS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CloseS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-s ds-icon-set-medium", "data-testid": "ds-icon-close-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M15.78 8.22a.75.75 0 00-1.06 0L12 10.94 9.28 8.22a.75.75 0 00-1.06 1.06L10.94 12l-2.72 2.72a.75.75 0 101.06 1.06L12 13.06l2.72 2.72a.75.75 0 001.06-1.06L13.06 12l2.72-2.72a.75.75 0 000-1.06z" })));
+const CloseS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3247421763icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-s", className: "close-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3247421763canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M15.78027,8.21973a.74972.74972,0,0,0-1.06054,0L12,10.93945,9.28027,8.21973A.74992.74992,0,0,0,8.21973,9.28027L10.93945,12,8.21973,14.71973a.74992.74992,0,1,0,1.06054,1.06054L12,13.06055l2.71973,2.71972a.74992.74992,0,0,0,1.06054-1.06054L13.06055,12l2.71972-2.71973A.74972.74972,0,0,0,15.78027,8.21973Z" }));
 exports.default = CloseS;

package/dist/cjs/icons/CloudM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CloudM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "cloud-m ds-icon-set-medium", "data-testid": "ds-icon-cloud-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.679 18.28H7.854a4.824 4.824 0 110-9.648 4.736 4.736 0 011.371.204 6.306 6.306 0 115.454 9.443zm-6.825-8.148a3.324 3.324 0 100 6.647h6.825a4.78 4.78 0 10-4.408-6.7.75.75 0 01-1.001.375 3.35 3.35 0 00-1.416-.322z" })));
+const CloudM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3226469402icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-cloud-m", className: "cloud-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3226469402canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.67871,18.2793H7.85449a4.82359,4.82359,0,1,1,0-9.647,4.73581,4.73581,0,0,1,1.37061.20362,6.30556,6.30556,0,1,1,5.45361,9.44336Zm-6.82422-8.147a3.32363,3.32363,0,1,0,0,6.647h6.82422a4.77941,4.77941,0,1,0-4.4082-6.70069.74989.74989,0,0,1-1.001.37549A3.35062,3.35062,0,0,0,7.85449,10.13232Z" }));
 exports.default = CloudM;

package/dist/cjs/icons/CodeM.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CodeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "code-m ds-icon-set-medium", "data-testid": "ds-icon-code-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M7.53 8.47a.75.75 0 00-1.06 0l-3 3a.75.75 0 000 1.06l3 3a.75.75 0 101.06-1.06L5.06 12l2.47-2.47a.75.75 0 000-1.06zM17.53 8.47a.75.75 0 00-1.06 1.06L18.94 12l-2.47 2.47a.75.75 0 101.06 1.06l3-3a.75.75 0 000-1.06zM13.147 6.265a.746.746 0 00-.882.589l-2 9.999a.75.75 0 00.588.882.735.735 0 00.148.014.75.75 0 00.734-.603l2-9.999a.75.75 0 00-.588-.882z" })));
+const CodeM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2519112166icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-code-m", className: "code-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2519112166canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M7.53027,8.47021a.74973.74973,0,0,0-1.06054,0l-3,3a.74973.74973,0,0,0,0,1.06055l3,3a.74992.74992,0,1,0,1.06054-1.06055L5.06055,12.00049,7.53027,9.53076A.74973.74973,0,0,0,7.53027,8.47021Z" }),
+    react_1.default.createElement("path", { d: "M17.53027,8.47021a.74992.74992,0,0,0-1.06054,1.06055l2.46972,2.46973-2.46972,2.46972a.74992.74992,0,1,0,1.06054,1.06055l3-3a.74973.74973,0,0,0,0-1.06055Z" }),
+    react_1.default.createElement("path", { d: "M13.14746,6.26514a.74588.74588,0,0,0-.88281.58838l-2,9.999a.74943.74943,0,0,0,.58789.88232.735.735,0,0,0,.14844.01465.75047.75047,0,0,0,.73437-.603l2-9.999A.74943.74943,0,0,0,13.14746,6.26514Z" }));
 exports.default = CodeM;

package/dist/cjs/icons/CodeTerminalM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CodeTerminalM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "code-terminal-m ds-icon-set-medium", "data-testid": "ds-icon-code-terminal-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.25 5H5.75A2.753 2.753 0 003 7.75v8.5A2.753 2.753 0 005.75 19h12.5A2.753 2.753 0 0021 16.25v-8.5A2.753 2.753 0 0018.25 5zm1.25 11.25a1.251 1.251 0 01-1.25 1.25H5.75a1.251 1.251 0 01-1.25-1.25v-8.5A1.251 1.251 0 015.75 6.5h12.5a1.251 1.251 0 011.25 1.25z" }),
-    react_1.default.createElement("path", { d: "M8.428 8.53a.75.75 0 00-1.06 1.06L9.775 12l-2.409 2.41a.75.75 0 101.06 1.06l2.94-2.94a.75.75 0 000-1.06zM16.103 14.166h-3.079a.75.75 0 000 1.5h3.079a.75.75 0 000-1.5z" })));
+const CodeTerminalM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2189164079icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-code-terminal-m", className: "code-terminal-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2189164079canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.25,5H5.75A2.7528,2.7528,0,0,0,3,7.75v8.5A2.7528,2.7528,0,0,0,5.75,19h12.5A2.7528,2.7528,0,0,0,21,16.25V7.75A2.7528,2.7528,0,0,0,18.25,5ZM19.5,16.25a1.25116,1.25116,0,0,1-1.25,1.25H5.75A1.25116,1.25116,0,0,1,4.5,16.25V7.75A1.25116,1.25116,0,0,1,5.75,6.5h12.5A1.25116,1.25116,0,0,1,19.5,7.75Z" }),
+    react_1.default.createElement("path", { d: "M8.42773,8.52979A.74992.74992,0,0,0,7.36719,9.59033L9.77643,12,7.36719,14.40967a.74992.74992,0,1,0,1.06054,1.06054l2.93946-2.93994a.74972.74972,0,0,0,0-1.06054Z" }),
+    react_1.default.createElement("path", { d: "M16.10254,14.16553H13.02441a.75.75,0,0,0,0,1.5h3.07813a.75.75,0,0,0,0-1.5Z" }));
 exports.default = CodeTerminalM;

package/dist/cjs/icons/Coin2M.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Coin2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "coin-2-m ds-icon-set-medium", "data-testid": "ds-icon-coin-2-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M9.525 18.6a6.42 6.42 0 002.472-.495c.007.003.01.009.018.012a6.437 6.437 0 002.245.48c.072.002.144.003.217.003a6.441 6.441 0 004.46-1.788 6.653 6.653 0 00.305-9.322 6.474 6.474 0 00-7.115-1.647.707.707 0 00-.1.064A6.422 6.422 0 009.526 5.4a6.6 6.6 0 000 13.2zm5.117-11.697a4.955 4.955 0 013.499 1.605 5.154 5.154 0 01-.236 7.216 4.907 4.907 0 01-3.596 1.373 4.97 4.97 0 01-.567-.069 6.631 6.631 0 00-.01-10.065 4.824 4.824 0 01.91-.06zM9.525 6.9A5.1 5.1 0 114.5 12a5.069 5.069 0 015.025-5.1z" }),
-    react_1.default.createElement("path", { d: "M8.991 15.034a.751.751 0 001.069 0l2.474-2.507a.75.75 0 000-1.054L10.06 8.966a.751.751 0 00-1.069 0l-2.475 2.507a.75.75 0 000 1.054zm.534-4.474L10.946 12l-1.42 1.44L8.103 12z" })));
+const Coin2M = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-773371039icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-coin-2-m", className: "coin-2-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-773371039canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M9.52539,18.6001a6.41972,6.41972,0,0,0,2.47162-.49518c.00671.003.0108.009.01764.01178a6.43672,6.43672,0,0,0,2.24512.47949c.07226.00244.14453.00342.21679.00342a6.4412,6.4412,0,0,0,4.46092-1.7876,6.65287,6.65287,0,0,0,.30471-9.32226,6.47386,6.47386,0,0,0-7.11524-1.647.70683.70683,0,0,0-.09906.06379,6.42209,6.42209,0,0,0-2.5025-.50666,6.60053,6.60053,0,0,0,0,13.2002ZM14.6416,6.90283a4.95508,4.95508,0,0,1,3.499,1.60547,5.15433,5.15433,0,0,1-.23535,7.21533,4.90653,4.90653,0,0,1-3.59668,1.37354,4.96989,4.96989,0,0,1-.56707-.069,6.63119,6.63119,0,0,0-.00934-10.06488A4.82357,4.82357,0,0,1,14.6416,6.90283ZM9.52539,6.8999A5.10066,5.10066,0,1,1,4.5,12,5.06851,5.06851,0,0,1,9.52539,6.8999Z" }),
+    react_1.default.createElement("path", { d: "M8.99121,15.03418a.751.751,0,0,0,1.06836,0l2.47461-2.50732a.75038.75038,0,0,0,0-1.05372L10.05957,8.96582a.751.751,0,0,0-1.06836,0L6.51562,11.47314a.7504.7504,0,0,0,0,1.05372Zm.53418-4.47412L10.94629,12l-1.4209,1.43994L8.10352,12Z" }));
 exports.default = Coin2M;