@synerise/ds-icon 1.5.2 → 1.5.3

package/dist/cjs/icons/InfoM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-m ds-icon-set-medium", "data-testid": "ds-icon-info-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 11.104a.75.75 0 00-.75.75v3.75a.75.75 0 001.5 0v-3.75a.75.75 0 00-.75-.75zM12 8.041h-.003a1.001 1.001 0 10.003 0z" })));
+const InfoM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-721132741icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-info-m", className: "info-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-721132741canvas", 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,11.10352a.75019.75019,0,0,0-.75.75v3.75a.75.75,0,0,0,1.5,0v-3.75A.75019.75019,0,0,0,12,11.10352Z" }),
+    react_1.default.createElement("path", { d: "M12,8.04126h-.00269a1.00135,1.00135,0,1,0,.00269,0Z" })));
 exports.default = InfoM;

package/dist/cjs/icons/InfoS.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-s ds-icon-set-medium", "data-testid": "ds-icon-info-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-6zm0 10.5a4.5 4.5 0 114.5-4.5 4.505 4.505 0 01-4.5 4.5z" }),
-    react_1.default.createElement("path", { d: "M12 11.25a.75.75 0 00-.75.75v2.215a.75.75 0 101.5 0V12a.75.75 0 00-.75-.75zM12 9.035h-.002a.751.751 0 10.002 0z" })));
+const InfoS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-449649179icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-info-s", className: "info-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-449649179canvas", 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,6Zm0,10.5A4.5,4.5,0,1,1,16.5,12,4.50491,4.50491,0,0,1,12,16.5Z" }),
+    react_1.default.createElement("path", { d: "M12,11.25a.7502.7502,0,0,0-.75.75v2.21533a.75.75,0,1,0,1.5,0V12A.7502.7502,0,0,0,12,11.25Z" }),
+    react_1.default.createElement("path", { d: "M12,9.03485h-.002a.751.751,0,1,0,.002,0Z" })));
 exports.default = InfoS;

package/dist/cjs/icons/InputM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InputM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "input-m ds-icon-set-medium", "data-testid": "ds-icon-input-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.428 7h-8.135V4.5h1.482a.75.75 0 000-1.5h-4.5a.75.75 0 100 1.5h1.518V7H5.928a2.753 2.753 0 00-2.75 2.75v4.5A2.753 2.753 0 005.928 17h2.865v2.5H7.275a.75.75 0 100 1.5h4.5a.75.75 0 100-1.5h-1.482V17h8.135a2.753 2.753 0 002.75-2.75v-4.5A2.753 2.753 0 0018.428 7zm-12.5 8.5a1.251 1.251 0 01-1.25-1.25v-4.5a1.251 1.251 0 011.25-1.25h2.865v7zm13.75-1.25a1.251 1.251 0 01-1.25 1.25h-8.135v-7h8.135a1.251 1.251 0 011.25 1.25z" })));
+const InputM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1942618781icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-input-m", className: "input-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1942618781canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.42773,7H10.29346V4.5H11.7749a.75.75,0,0,0,0-1.5h-4.5a.75.75,0,1,0,0,1.5H8.79346V7H5.92773a2.7528,2.7528,0,0,0-2.75,2.75v4.5a2.7528,2.7528,0,0,0,2.75,2.75H8.79346v2.5H7.2749a.75.75,0,1,0,0,1.5h4.5a.75.75,0,1,0,0-1.5H10.29346V17h8.13427a2.75279,2.75279,0,0,0,2.75-2.75V9.75A2.75279,2.75279,0,0,0,18.42773,7Zm-12.5,8.5a1.25116,1.25116,0,0,1-1.25-1.25V9.75a1.25116,1.25116,0,0,1,1.25-1.25H8.79346v7Zm13.75-1.25a1.25116,1.25116,0,0,1-1.25,1.25H10.29346v-7h8.13427a1.25116,1.25116,0,0,1,1.25,1.25Z" })));
 exports.default = InputM;

package/dist/cjs/icons/InstagramFillM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InstagramFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "instagram-fill-m ds-icon-set-medium", "data-testid": "ds-icon-instagram-fill-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("ellipse", { cx: 12, cy: 12, rx: 2.092, ry: 2.15 }),
-    react_1.default.createElement("path", { d: "M16.25 4h-8.5A3.754 3.754 0 004 7.75v8.5A3.754 3.754 0 007.75 20h8.5A3.754 3.754 0 0020 16.25v-8.5A3.754 3.754 0 0016.25 4zM12 15.65A3.65 3.65 0 1115.592 12 3.626 3.626 0 0112 15.65zm4.174-6.637a1 1 0 01-.003-2h.003a1 1 0 010 2z" })));
+const InstagramFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1126475825icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-instagram-fill-m", className: "instagram-fill-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1126475825canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("ellipse", { cx: 12, cy: 12, rx: 2.0918, ry: 2.15039 }),
+    react_1.default.createElement("path", { d: "M16.25,4H7.75A3.75442,3.75442,0,0,0,4,7.75v8.5A3.75442,3.75442,0,0,0,7.75,20h8.5A3.75442,3.75442,0,0,0,20,16.25V7.75A3.75442,3.75442,0,0,0,16.25,4ZM12,15.65039A3.65087,3.65087,0,1,1,15.5918,12,3.62567,3.62567,0,0,1,12,15.65039Zm4.17444-6.63788a1,1,0,0,1-.00342-2h.00269a1,1,0,0,1,.00073,2Z" })));
 exports.default = InstagramFillM;

package/dist/cjs/icons/InstagramM.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InstagramM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "instagram-m ds-icon-set-medium", "data-testid": "ds-icon-instagram-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 15.65A3.65 3.65 0 1115.592 12 3.626 3.626 0 0112 15.65zm0-5.8A2.151 2.151 0 1014.092 12 2.124 2.124 0 0012 9.85z" }),
-    react_1.default.createElement("path", { d: "M16.171 7.013a1.001 1.001 0 10.003 0", "data-name": "Shape 3077" }),
-    react_1.default.createElement("path", { d: "M16.25 20h-8.5A3.754 3.754 0 014 16.25v-8.5A3.754 3.754 0 017.75 4h8.5A3.754 3.754 0 0120 7.75v8.5A3.754 3.754 0 0116.25 20zM7.75 5.5A2.253 2.253 0 005.5 7.75v8.5a2.253 2.253 0 002.25 2.25h8.5a2.253 2.253 0 002.25-2.25v-8.5a2.253 2.253 0 00-2.25-2.25z" })));
+const InstagramM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3266126707icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-instagram-m", className: "instagram-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3266126707canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("path", { d: "M12,15.65039A3.65087,3.65087,0,1,1,15.5918,12,3.62567,3.62567,0,0,1,12,15.65039Zm0-5.80078A2.15121,2.15121,0,1,0,14.0918,12,2.12429,2.12429,0,0,0,12,9.84961Z" }),
+    react_1.default.createElement("g", { id: "svg-3266126707Shape_3077", "data-name": "Shape 3077" },
+        react_1.default.createElement("path", { d: "M16.171,7.0125a1.00134,1.00134,0,1,0,.00267,0" })),
+    react_1.default.createElement("path", { d: "M16.25,20H7.75A3.75442,3.75442,0,0,1,4,16.25V7.75A3.75442,3.75442,0,0,1,7.75,4h8.5A3.75442,3.75442,0,0,1,20,7.75v8.5A3.75442,3.75442,0,0,1,16.25,20ZM7.75,5.5A2.25278,2.25278,0,0,0,5.5,7.75v8.5A2.25278,2.25278,0,0,0,7.75,18.5h8.5a2.25278,2.25278,0,0,0,2.25-2.25V7.75A2.25278,2.25278,0,0,0,16.25,5.5Z" })));
 exports.default = InstagramM;

package/dist/cjs/icons/InternetExplorerFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InternetExplorerFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "internet-explorer-fill-m ds-icon-set-medium", "data-testid": "ds-icon-internet-explorer-fill-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M11.983 7.834a3.007 3.007 0 013.012 2.46H8.94a3.114 3.114 0 013.043-2.46zm-8.123 7.1a7.646 7.646 0 001.477 2.907 6.614 6.614 0 002.566 1.857l.88.305a10.52 10.52 0 002.854.363c4.098 0 7.284-2.14 8.524-5.723a.31.31 0 00-.293-.413h-4.663a.31.31 0 00-.271.158 3.038 3.038 0 01-2.95 1.707 3.204 3.204 0 01-3.108-2.844h11.156a.312.312 0 00.31-.296 10.645 10.645 0 00-.54-4.033l-.355-.869a8.028 8.028 0 00-1.443-2.13 7.702 7.702 0 00-2.93-1.925l-1.012-.3a8.696 8.696 0 00-1.902-.214c-4.592 0-7.765 2.437-8.491 6.53a11.932 11.932 0 00-.044 3.841z" })));
+const InternetExplorerFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1603037300icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-internet-explorer-fill-m", className: "internet-explorer-fill-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1603037300canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("path", { d: "M11.9833,7.83363a3.00743,3.00743,0,0,1,3.01138,2.46055H8.94037A3.11412,3.11412,0,0,1,11.9833,7.83363Zm-8.123,7.10017a7.64606,7.64606,0,0,0,1.47657,2.907A6.614,6.614,0,0,0,7.903,19.69838l.87964.30454a10.52,10.52,0,0,0,2.85486.36277c4.09728,0,7.28337-2.139,8.52335-5.72308a.3097.3097,0,0,0-.2924-.41252H15.20458a.31048.31048,0,0,0-.27056.15773,3.038,3.038,0,0,1-2.95072,1.70709A3.20387,3.20387,0,0,1,8.87607,13.251H20.03226a.31163.31163,0,0,0,.3106-.29605,10.64507,10.64507,0,0,0-.54113-4.033l-.35428-.86871a8.02831,8.02831,0,0,0-1.44381-2.13053,7.70209,7.70209,0,0,0-2.93009-1.92428l-1.01189-.3009A8.69631,8.69631,0,0,0,12.16044,3.484c-4.59229,0-7.765,2.43749-8.4918,6.52991A11.93171,11.93171,0,0,0,3.625,13.85518Z" })));
 exports.default = InternetExplorerFillM;

package/dist/cjs/icons/InternetExplorerM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InternetExplorerM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "internet-explorer-m ds-icon-set-medium", "data-testid": "ds-icon-internet-explorer-m" }, props),
-    react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M11.638 21.115a11.32 11.32 0 01-3.058-.39l-.923-.318a7.415 7.415 0 01-2.893-2.083 8.34 8.34 0 01-1.627-3.191l-.01-.04-.235-1.077a12.642 12.642 0 01.037-4.128c.796-4.482 4.247-7.154 9.232-7.154a9.45 9.45 0 012.066.232l1.06.314a8.443 8.443 0 013.26 2.126 8.771 8.771 0 011.58 2.329l.37.904a11.372 11.372 0 01.595 4.354 1.059 1.059 0 01-.454.819.996.996 0 01.091.11 1.06 1.06 0 01.14.967c-1.348 3.898-4.8 6.226-9.231 6.226zm-7.05-6.362a6.85 6.85 0 001.322 2.604 5.882 5.882 0 002.28 1.648l.838.289a9.81 9.81 0 002.61.321 7.858 7.858 0 007.587-4.635h-3.77a3.765 3.765 0 01-3.472 1.865 3.971 3.971 0 01-3.85-3.495.75.75 0 01.743-.849h10.73a9.694 9.694 0 00-.513-3.333l-.34-.832A7.229 7.229 0 0017.46 6.44a6.918 6.918 0 00-2.646-1.738l-.966-.286a7.978 7.978 0 00-1.689-.182c-4.259 0-7.085 2.154-7.752 5.911a11.13 11.13 0 00-.041 3.593zm5.3-.752a2.35 2.35 0 002.095 1.344 2.289 2.289 0 002.298-1.325l.01-.019zm5.107-2.957H8.94a.75.75 0 01-.735-.897 3.85 3.85 0 013.778-3.064 3.74 3.74 0 013.752 3.09.75.75 0 01-.74.871zm-4.902-1.5h3.8a2.36 2.36 0 00-3.8 0z" })));
+const InternetExplorerM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1228920758icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-internet-explorer-m", className: "internet-explorer-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1228920758canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    react_1.default.createElement("path", { d: "M11.6377,21.11523a11.32055,11.32055,0,0,1-3.05811-.39062l-.92236-.31738a7.41456,7.41456,0,0,1-2.89356-2.083,8.34049,8.34049,0,0,1-1.62646-3.19141l-.00977-.03906-.23535-1.07813A12.64151,12.64151,0,0,1,2.9292,9.88818c.7959-4.48193,4.24658-7.15429,9.23144-7.15429a9.45009,9.45009,0,0,1,2.06641.23242l1.06055.31348a8.44309,8.44309,0,0,1,3.25976,2.12646,8.771,8.771,0,0,1,1.5791,2.32861l.36963.90381a11.37219,11.37219,0,0,1,.59571,4.354,1.05875,1.05875,0,0,1-.4541.81884.99564.99564,0,0,1,.0913.11036,1.05933,1.05933,0,0,1,.14014.96679C19.52051,18.78711,16.06934,21.11523,11.6377,21.11523Zm-7.04932-6.3623a6.8497,6.8497,0,0,0,1.32178,2.60449,5.88239,5.88239,0,0,0,2.27929,1.64746l.83887.28907a9.81026,9.81026,0,0,0,2.60938.32128,7.8584,7.8584,0,0,0,7.5874-4.63476h-3.771a3.76525,3.76525,0,0,1-3.4707,1.86426,3.97121,3.97121,0,0,1-3.85108-3.49512A.74988.74988,0,0,1,8.876,12.501H19.60693a9.69417,9.69417,0,0,0-.51367-3.333l-.34033-.83154A7.2285,7.2285,0,0,0,17.46,6.43994a6.91794,6.91794,0,0,0-2.646-1.73779l-.9663-.28565a7.9777,7.9777,0,0,0-1.68848-.18261c-4.25879,0-7.085,2.15429-7.75244,5.91113a11.12929,11.12929,0,0,0-.041,3.59326Zm5.2998-.75195a2.35008,2.35008,0,0,0,2.09522,1.34375,2.28855,2.28855,0,0,0,2.29736-1.3252l.01074-.01855Zm5.10645-2.957H8.94043a.74966.74966,0,0,1-.73535-.897A3.84988,3.84988,0,0,1,11.9834,7.0835a3.74038,3.74038,0,0,1,3.75146,3.08935.74952.74952,0,0,1-.74023.8711Zm-4.90186-1.5h3.8003a2.35982,2.35982,0,0,0-3.8003,0Z" })));
 exports.default = InternetExplorerM;

package/dist/cjs/icons/ItalicM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ItalicM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "italic-m ds-icon-set-medium", "data-testid": "ds-icon-italic-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M5.75 19h8.333a.75.75 0 100-1.5h-3.127l3.649-11h3.645a.75.75 0 000-1.5H9.917a.75.75 0 000 1.5h3.107l-3.649 11H5.75a.75.75 0 000 1.5z" })));
+const ItalicM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1551299217icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-italic-m", className: "italic-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1551299217canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M5.75,19h8.333a.75.75,0,1,0,0-1.5H10.956l3.64893-11H18.25a.75.75,0,0,0,0-1.5H9.917a.75.75,0,0,0,0,1.5h3.1073l-3.64892,11H5.75a.75.75,0,0,0,0,1.5Z" })));
 exports.default = ItalicM;

package/dist/cjs/icons/JourneyEndM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const JourneyEndM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "journey-end-m ds-icon-set-medium", "data-testid": "ds-icon-journey-end-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M6.3 20.003a3.347 3.347 0 01-1.679-.456A3.189 3.189 0 013 16.766V7.234a3.189 3.189 0 011.621-2.78 3.322 3.322 0 013.35-.005l8.282 4.765a3.198 3.198 0 010 5.572L7.97 19.551a3.35 3.35 0 01-1.672.452zM6.3 5.5a1.85 1.85 0 00-.928.252A1.702 1.702 0 004.5 7.234v9.532a1.702 1.702 0 00.872 1.482 1.833 1.833 0 001.85.002l8.283-4.765a1.697 1.697 0 000-2.97L7.223 5.75a1.84 1.84 0 00-.924-.25zM20.25 20.5a.75.75 0 01-.75-.75V4.25a.75.75 0 011.5 0v15.5a.75.75 0 01-.75.75z" })));
+const JourneyEndM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1289940185icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-journey-end-m", className: "journey-end-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1289940185canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M6.29932,20.00293a3.34719,3.34719,0,0,1-1.67823-.456A3.1889,3.1889,0,0,1,3,16.76562V7.23438A3.1889,3.1889,0,0,1,4.62109,4.45312a3.322,3.322,0,0,1,3.35059-.0039l8.28125,4.76465a3.19813,3.19813,0,0,1,0,5.57226L7.97119,19.55078A3.3497,3.3497,0,0,1,6.29932,20.00293Zm0-14.50293a1.85006,1.85006,0,0,0-.92774.25195A1.70238,1.70238,0,0,0,4.5,7.23438v9.53124a1.70238,1.70238,0,0,0,.87158,1.48243,1.83286,1.83286,0,0,0,1.85108.002l8.28222-4.76465a1.6973,1.6973,0,0,0,0-2.9707L7.22314,5.75H7.22266A1.84061,1.84061,0,0,0,6.29932,5.5Z" }),
+    react_1.default.createElement("path", { d: "M20.25,20.5a.7502.7502,0,0,1-.75-.75V4.25a.75.75,0,0,1,1.5,0v15.5A.7502.7502,0,0,1,20.25,20.5Z" })));
 exports.default = JourneyEndM;

package/dist/cjs/icons/JsM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const JsM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "js-m ds-icon-set-medium", "data-testid": "ds-icon-js-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.6 18.576h-1.936a3.343 3.343 0 01-3.333-3.346.75.75 0 011.5 0 1.842 1.842 0 001.833 1.846h1.937a1.85 1.85 0 00.66-3.573l-3.8-1.475a3.367 3.367 0 01-2.13-3.121V8.74a3.343 3.343 0 013.333-3.346h1.938a3.343 3.343 0 013.332 3.346.75.75 0 01-1.5 0 1.841 1.841 0 00-1.832-1.846h-1.938a1.842 1.842 0 00-1.833 1.846v.167a1.857 1.857 0 001.174 1.722l3.799 1.476a3.35 3.35 0 01-1.203 6.471zM7.816 18.606h-1.98a2.756 2.756 0 01-2.764-2.74l-.006-.616a.75.75 0 01.744-.756h.006a.75.75 0 01.75.743l.006.622a1.255 1.255 0 001.265 1.247h1.98a1.254 1.254 0 001.264-1.24V6.39a.75.75 0 011.5 0v9.476a2.756 2.756 0 01-2.765 2.74z" })));
+const JsM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2350176082icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-js-m", className: "js-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2350176082canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.60059,18.57617H15.66406a3.34328,3.34328,0,0,1-3.333-3.34619.75.75,0,0,1,1.5,0,1.84166,1.84166,0,0,0,1.833,1.84619h1.93653a1.85072,1.85072,0,0,0,.66015-3.57275l-3.79883-1.47559a3.36738,3.36738,0,0,1-2.13086-3.12109v-.167a3.34329,3.34329,0,0,1,3.333-3.3462h1.9375a3.34308,3.34308,0,0,1,3.332,3.3462.75.75,0,0,1-1.5,0,1.84146,1.84146,0,0,0-1.832-1.8462h-1.9375a1.84167,1.84167,0,0,0-1.833,1.8462v.167a1.857,1.857,0,0,0,1.17383,1.72265L18.80371,12.105a3.35079,3.35079,0,0,1-1.20312,6.47119Z" }),
+    react_1.default.createElement("path", { d: "M7.81641,18.60645H5.83691a2.75579,2.75579,0,0,1-2.76464-2.74024l-.00586-.61572a.75021.75021,0,0,1,.74316-.75684h.00684a.75.75,0,0,1,.75.74317l.00586.62256a1.25531,1.25531,0,0,0,1.26464,1.24707h1.9795a1.25394,1.25394,0,0,0,1.26464-1.24024V6.39014a.75.75,0,0,1,1.5,0v9.47607A2.7558,2.7558,0,0,1,7.81641,18.60645Z" })));
 exports.default = JsM;

package/dist/cjs/icons/KeyM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "key-m ds-icon-set-medium", "data-testid": "ds-icon-key-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.229 6.098a2.703 2.703 0 00-1.44-1.44l-3.396-1.442a2.703 2.703 0 00-2.983.58L8.57 6.635a2.719 2.719 0 00-.601 2.94l.606 1.508-5.241 5.238a.76.76 0 00-.22.53v3.386a.75.75 0 00.746.75L6.674 21h.004a.76.76 0 00.53-.22l5.09-5.088 2.284.509a2.698 2.698 0 002.51-.731l2.997-2.994a2.709 2.709 0 00.58-2.989zm-.2 5.317l-2.997 2.994a1.212 1.212 0 01-1.124.328l-2.685-.598a.698.698 0 00-.08-.002.745.745 0 00-.421.076.738.738 0 00-.124.082.693.693 0 00-.069.046l-5.16 5.158-1.755-.009v-2.328l5.372-5.369a.749.749 0 00.165-.81l-.79-1.968a1.22 1.22 0 01.269-1.32l2.84-2.838a1.212 1.212 0 011.337-.26l3.395 1.442a1.21 1.21 0 01.646.645l1.44 3.39a1.215 1.215 0 01-.26 1.341z" }),
-    react_1.default.createElement("path", { d: "M14.985 8.704a1.005 1.005 0 10.002.002z" })));
+const KeyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4028271324icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-key-m", className: "key-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4028271324canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.22852,6.09766A2.70268,2.70268,0,0,0,17.78809,4.6582L14.39258,3.21582a2.70262,2.70262,0,0,0-2.98242.58008L8.56934,6.63477a2.71861,2.71861,0,0,0-.60059,2.93945l.60645,1.5083L3.334,16.32129a.76.76,0,0,0-.21972.53021v3.38532a.75.75,0,0,0,.74609.75L6.67383,21h.0039a.75956.75956,0,0,0,.52991-.21948l.00037-.00025,5.09051-5.08777,2.28351.50818a2.69848,2.69848,0,0,0,2.51074-.73095l2.9961-2.99366A2.70864,2.70864,0,0,0,20.669,9.4873Zm-.2002,5.31738-2.99609,2.99414a1.21162,1.21162,0,0,1-1.124.32764l-2.68554-.59766a.69791.69791,0,0,0-.08063-.00171.74489.74489,0,0,0-.42011.07568.73832.73832,0,0,0-.12353.08191.69252.69252,0,0,0-.06909.04578L6.36877,19.49854l-1.75451-.00831v-2.328L9.98633,11.793a.74861.74861,0,0,0,.165-.81006l-.791-1.96777A1.21985,1.21985,0,0,1,9.62988,7.6958L12.4707,4.85693a1.21246,1.21246,0,0,1,1.33594-.26025l3.39551,1.44238a1.20986,1.20986,0,0,1,.64551.645l1.44043,3.39014A1.21492,1.21492,0,0,1,19.02832,11.415Z" }),
+    react_1.default.createElement("path", { d: "M14.98486,8.7038a1.005,1.005,0,1,0,.00183.00189Z" })));
 exports.default = KeyM;

package/dist/cjs/icons/KeyboardDownM.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-down-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-down-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    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" }),
-    react_1.default.createElement("path", { d: "M11.997 14.164a.748.748 0 01-.53-.22l-2.822-2.822a.75.75 0 011.06-1.06l2.292 2.292 2.298-2.298a.75.75 0 111.06 1.06l-2.828 2.828a.748.748 0 01-.53.22z" })));
+const KeyboardDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1840613017icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-down-m", className: "keyboard-down-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-1840613017canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    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" }),
+    react_1.default.createElement("path", { d: "M11.99707,14.16406a.74757.74757,0,0,1-.53027-.21972L8.64453,11.12207a.74992.74992,0,0,1,1.06055-1.06055l2.292,2.292,2.29785-2.29786a.74992.74992,0,1,1,1.06055,1.06055l-2.82813,2.82813A.74757.74757,0,0,1,11.99707,14.16406Z" })));
 exports.default = KeyboardDownM;

package/dist/cjs/icons/KeyboardEnterM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardEnterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-enter-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-enter-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.031 8.807a.75.75 0 00-.75.75v4.136H11.38l.274-.276a.75.75 0 00-1.066-1.056l-1.54 1.555a.705.705 0 00-.045.07.74.74 0 00-.113.169l-.002.006a.737.737 0 00-.03.148.756.756 0 00-.026.133v.003a.759.759 0 00.027.135.734.734 0 00.029.146l.002.006a.74.74 0 00.113.17.705.705 0 00.046.07l1.539 1.553a.75.75 0 001.066-1.055l-.273-.277h4.651a.75.75 0 00.75-.75V9.557a.75.75 0 00-.75-.75z" }),
-    react_1.default.createElement("path", { d: "M17.25 4H13a2.753 2.753 0 00-2.75 2.75V7A1.251 1.251 0 019 8.25H6.75A2.753 2.753 0 004 11v6.25A2.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.25V11a1.251 1.251 0 011.25-1.25H9A2.753 2.753 0 0011.75 7v-.25A1.251 1.251 0 0113 5.5h4.25a1.251 1.251 0 011.25 1.25z" })));
+const KeyboardEnterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1929907011icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-enter-m", className: "keyboard-enter-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1929907011canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16.03125,8.80713a.7502.7502,0,0,0-.75.75v4.13623h-3.902l.27405-.27686a.75027.75027,0,0,0-1.06641-1.05566L9.04785,13.91553a.70473.70473,0,0,0-.04559.06952.74071.74071,0,0,0-.11292.16992l-.00256.00616a.73681.73681,0,0,0-.02954.14752.75568.75568,0,0,0-.02582.13288l-.00037.00183.00037.00183a.75876.75876,0,0,0,.02612.13452.73365.73365,0,0,0,.02918.14581l.00262.00654a.7395.7395,0,0,0,.11292.16961.70473.70473,0,0,0,.04559.06952l1.53906,1.5542a.75027.75027,0,0,0,1.06641-1.05566l-.27368-.27637h4.65161a.7502.7502,0,0,0,.75-.75l-.00006-.00024.00006-.00025V9.55713A.7502.7502,0,0,0,16.03125,8.80713Z" }),
+    react_1.default.createElement("path", { d: "M17.25,4H13a2.7528,2.7528,0,0,0-2.75,2.75V7A1.25116,1.25116,0,0,1,9,8.25H6.75A2.7528,2.7528,0,0,0,4,11v6.25A2.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.25V11A1.25116,1.25116,0,0,1,6.75,9.75H9A2.7528,2.7528,0,0,0,11.75,7V6.75A1.25116,1.25116,0,0,1,13,5.5h4.25A1.25116,1.25116,0,0,1,18.5,6.75Z" })));
 exports.default = KeyboardEnterM;

package/dist/cjs/icons/KeyboardEscapeM.js

@@ -1,8 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardEscapeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-escape-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-escape-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.188 5.25H5.813A2.785 2.785 0 003 8v8a2.785 2.785 0 002.813 2.75h12.375A2.785 2.785 0 0021 16V8a2.785 2.785 0 00-2.813-2.75zM19.5 16a1.284 1.284 0 01-1.313 1.25H5.813A1.284 1.284 0 014.5 16V8a1.284 1.284 0 011.313-1.25h12.375A1.284 1.284 0 0119.5 8z" }),
-    react_1.default.createElement("path", { d: "M17.032 10.416h.5a.75.75 0 000-1.5h-.5a2.252 2.252 0 00-2.25 2.25v1.667a2.252 2.252 0 002.25 2.25h.5a.75.75 0 000-1.5h-.5a.75.75 0 01-.75-.75v-1.667a.75.75 0 01.75-.75zM12 11.25a.417.417 0 010-.834h.834a.75.75 0 000-1.5H12a1.917 1.917 0 000 3.834.417.417 0 010 .834h-1.166a.75.75 0 000 1.5H12a1.917 1.917 0 000-3.834zM7.968 10.416h.5a.75.75 0 000-1.5h-.5a2.252 2.252 0 00-2.25 2.25v1.667a2.252 2.252 0 002.25 2.25h.5a.75.75 0 000-1.5h-.5a.749.749 0 01-.746-.733h.246a.75.75 0 100-1.5h-.25v-.184a.75.75 0 01.75-.75z" })));
+const KeyboardEscapeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2503369002icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-escape-m", className: "keyboard-escape-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-2503369002canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    react_1.default.createElement("path", { d: "M18.1875,5.25H5.8125A2.78479,2.78479,0,0,0,3,8v8a2.78479,2.78479,0,0,0,2.8125,2.75h12.375A2.78479,2.78479,0,0,0,21,16V8A2.78479,2.78479,0,0,0,18.1875,5.25ZM19.5,16a1.28377,1.28377,0,0,1-1.3125,1.25H5.8125A1.28377,1.28377,0,0,1,4.5,16V8A1.28377,1.28377,0,0,1,5.8125,6.75h12.375A1.28377,1.28377,0,0,1,19.5,8Z" }),
+    react_1.default.createElement("path", { d: "M17.03174,10.4165h.5a.75.75,0,0,0,0-1.5h-.5a2.25246,2.25246,0,0,0-2.25,2.25v1.667a2.25246,2.25246,0,0,0,2.25,2.25h.5a.75.75,0,0,0,0-1.5h-.5a.75082.75082,0,0,1-.75-.75v-1.667A.75082.75082,0,0,1,17.03174,10.4165Z" }),
+    react_1.default.createElement("path", { d: "M12,11.25a.41675.41675,0,0,1,0-.8335h.8335a.75.75,0,0,0,0-1.5H12A1.91675,1.91675,0,0,0,12,12.75a.41675.41675,0,0,1,0,.8335H10.8335a.75.75,0,0,0,0,1.5H12A1.91675,1.91675,0,0,0,12,11.25Z" }),
+    react_1.default.createElement("path", { d: "M7.96826,10.4165h.5a.75.75,0,0,0,0-1.5h-.5a2.25246,2.25246,0,0,0-2.25,2.25v1.667a2.25246,2.25246,0,0,0,2.25,2.25h.5a.75.75,0,0,0,0-1.5h-.5a.749.749,0,0,1-.74664-.7334h.24664a.75.75,0,1,0,0-1.5h-.25v-.1836A.75083.75083,0,0,1,7.96826,10.4165Z" })));
 exports.default = KeyboardEscapeM;

package/dist/cjs/icons/KeyboardKeysM.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardKeysM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-keys-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-keys-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.25 11.25h-1.9a1.724 1.724 0 00.025-.25V5.75A1.752 1.752 0 0014.625 4h-5.25a1.752 1.752 0 00-1.75 1.75V11a1.724 1.724 0 00.025.25h-1.9A1.752 1.752 0 004 13v5.25A1.752 1.752 0 005.75 20H11a1.737 1.737 0 001-.318A1.737 1.737 0 0013 20h5.25A1.752 1.752 0 0020 18.25V13a1.752 1.752 0 00-1.75-1.75zM9.125 11V5.75a.25.25 0 01.25-.25h5.25a.25.25 0 01.25.25V11a.25.25 0 01-.25.25h-5.25a.25.25 0 01-.25-.25zM11 18.5H5.75a.25.25 0 01-.25-.25V13a.25.25 0 01.25-.25H11a.25.25 0 01.25.25v5.25a.25.25 0 01-.25.25zm7.5-.25a.25.25 0 01-.25.25H13a.25.25 0 01-.25-.25V13a.25.25 0 01.25-.25h5.25a.25.25 0 01.25.25z" }),
-    react_1.default.createElement("path", { d: "M16.875 16.15h-2.5a.75.75 0 000 1.5h2.5a.75.75 0 000-1.5zM9.625 16.15h-2.5a.75.75 0 000 1.5h2.5a.75.75 0 000-1.5zM14 9.65a.75.75 0 00-.75-.75h-2.5a.75.75 0 000 1.5h2.5a.75.75 0 00.75-.75z" })));
+const KeyboardKeysM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-963348335icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-keys-m", className: "keyboard-keys-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-963348335canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.25,11.25H16.34973A1.72391,1.72391,0,0,0,16.375,11V5.75A1.75213,1.75213,0,0,0,14.625,4H9.375a1.75213,1.75213,0,0,0-1.75,1.75V11a1.72391,1.72391,0,0,0,.02527.25H5.75A1.75213,1.75213,0,0,0,4,13v5.25A1.75213,1.75213,0,0,0,5.75,20H11a1.73667,1.73667,0,0,0,1-.31769A1.73667,1.73667,0,0,0,13,20h5.25A1.75213,1.75213,0,0,0,20,18.25V13A1.75213,1.75213,0,0,0,18.25,11.25ZM9.125,11V5.75a.25048.25048,0,0,1,.25-.25h5.25a.25048.25048,0,0,1,.25.25V11a.25048.25048,0,0,1-.25.25H9.375A.25048.25048,0,0,1,9.125,11ZM11,18.5H5.75a.25048.25048,0,0,1-.25-.25V13a.25048.25048,0,0,1,.25-.25H11a.25048.25048,0,0,1,.25.25v5.25A.25048.25048,0,0,1,11,18.5Zm7.5-.25a.25048.25048,0,0,1-.25.25H13a.25048.25048,0,0,1-.25-.25V13a.25048.25048,0,0,1,.25-.25h5.25a.25048.25048,0,0,1,.25.25Z" }),
+    react_1.default.createElement("path", { d: "M16.875,16.1499h-2.5a.75.75,0,0,0,0,1.5h2.5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M9.625,16.1499h-2.5a.75.75,0,0,0,0,1.5h2.5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M14,9.6499a.7502.7502,0,0,0-.75-.75h-2.5a.75.75,0,0,0,0,1.5h2.5A.7502.7502,0,0,0,14,9.6499Z" })));
 exports.default = KeyboardKeysM;

package/dist/cjs/icons/KeyboardLeftM.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-left-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-left-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    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" }),
-    react_1.default.createElement("path", { d: "M13.414 15.575a.748.748 0 01-.53-.22l-2.828-2.828a.75.75 0 010-1.06l2.822-2.822a.75.75 0 011.06 1.06l-2.292 2.292 2.298 2.298a.75.75 0 01-.53 1.28z" })));
+const KeyboardLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3392366576icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-left-m", className: "keyboard-left-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-3392366576canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    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" }),
+    react_1.default.createElement("path", { d: "M13.41406,15.5752a.74758.74758,0,0,1-.53027-.21973l-2.82813-2.82813a.74973.74973,0,0,1,0-1.06054l2.82227-2.82227a.74992.74992,0,0,1,1.06055,1.06055l-2.292,2.292,2.29786,2.29785a.75.75,0,0,1-.53028,1.28028Z" })));
 exports.default = KeyboardLeftM;

package/dist/cjs/icons/KeyboardM.js

@@ -1,8 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M18.25 9.4h-5.273a1.282 1.282 0 011.085-.678 2.89 2.89 0 002.813-2.956V4.75a.75.75 0 00-1.5 0v1.016a1.392 1.392 0 01-1.313 1.456A2.855 2.855 0 0011.35 9.4h-5.6A2.753 2.753 0 003 12.15v5.1A2.753 2.753 0 005.75 20h12.5A2.753 2.753 0 0021 17.25v-5.1a2.753 2.753 0 00-2.75-2.75zm1.25 7.85a1.251 1.251 0 01-1.25 1.25H5.75a1.251 1.251 0 01-1.25-1.25v-5.1a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25z" }),
-    react_1.default.createElement("path", { d: "M13.55 15.475h-3a.75.75 0 000 1.5h3a.75.75 0 100-1.5zM7.02 15.645a.75.75 0 101.06 0 .75.75 0 00-1.06 0zM16.02 15.645a.75.75 0 101.06 0 .75.75 0 00-1.06 0zM7.02 12.645a.75.75 0 101.06 0 .75.75 0 00-1.06 0zM11.08 13.705a.75.75 0 10-1.06 0 .75.75 0 001.06 0zM13.02 12.645a.75.75 0 101.06 0 .75.75 0 00-1.06 0zM16.02 12.645a.75.75 0 101.06 0 .75.75 0 00-1.06 0z" })));
+const KeyboardM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3337074406icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-m", className: "keyboard-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3337074406canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M18.25,9.3999H12.97742a1.28246,1.28246,0,0,1,1.08506-.67773A2.89044,2.89044,0,0,0,16.875,5.76562V4.75a.75.75,0,0,0-1.5,0V5.76562a1.39175,1.39175,0,0,1-1.31252,1.45655A2.85541,2.85541,0,0,0,11.3504,9.3999H5.75A2.75311,2.75311,0,0,0,3,12.1499V17.25A2.75311,2.75311,0,0,0,5.75,20h12.5A2.75311,2.75311,0,0,0,21,17.25V12.1499A2.75311,2.75311,0,0,0,18.25,9.3999ZM19.5,17.25a1.25116,1.25116,0,0,1-1.25,1.25H5.75A1.25116,1.25116,0,0,1,4.5,17.25V12.1499a1.25116,1.25116,0,0,1,1.25-1.25h12.5a1.25116,1.25116,0,0,1,1.25,1.25Z" }),
+    react_1.default.createElement("path", { d: "M13.5498,15.4751h-3a.75.75,0,0,0,0,1.5h3a.75.75,0,1,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M7.01965,15.64465a.75.75,0,1,0,1.06067,0A.75011.75011,0,0,0,7.01965,15.64465Z" }),
+    react_1.default.createElement("path", { d: "M16.01965,15.64465a.75.75,0,1,0,1.06067,0A.75011.75011,0,0,0,16.01965,15.64465Z" }),
+    react_1.default.createElement("path", { d: "M7.01965,12.64465a.75.75,0,1,0,1.06067,0A.75011.75011,0,0,0,7.01965,12.64465Z" }),
+    react_1.default.createElement("path", { d: "M11.08032,13.70532a.75.75,0,1,0-1.06067,0A.75.75,0,0,0,11.08032,13.70532Z" }),
+    react_1.default.createElement("path", { d: "M13.01965,12.64465a.75.75,0,1,0,1.06067,0A.75011.75011,0,0,0,13.01965,12.64465Z" }),
+    react_1.default.createElement("path", { d: "M16.01965,12.64465a.75.75,0,1,0,1.06067,0A.75011.75011,0,0,0,16.01965,12.64465Z" })));
 exports.default = KeyboardM;

package/dist/cjs/icons/KeyboardOptionM.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardOptionM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-option-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-option-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.325 13.666h-4.142L10.78 10.86a.74.74 0 00-.386-.35l-.012-.006a.736.736 0 00-.213-.043.706.706 0 00-.076-.016H7.675a.75.75 0 000 1.5h1.97l1.357 2.714a.733.733 0 00.297.374c.017.011.033.024.05.034a.716.716 0 00.128.055.745.745 0 00.189.038c.013 0 .024.008.037.008h4.622a.75.75 0 000-1.5z" }),
-    react_1.default.createElement("path", { d: "M16.325 10.444h-.003l-2.995.012a.75.75 0 00.003 1.5h.003l2.995-.012a.75.75 0 00-.003-1.5z" }),
-    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 KeyboardOptionM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3302470888icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-option-m", className: "keyboard-option-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3302470888canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16.3252,13.6665H12.18329l-1.404-2.80761a.74066.74066,0,0,0-.38654-.34949l-.01184-.00665a.73611.73611,0,0,0-.21313-.04309.70632.70632,0,0,0-.076-.01532H7.6748a.75.75,0,0,0,0,1.5h1.97L11.002,14.6582a.73347.73347,0,0,0,.29743.3739c.0166.0113.0321.02356.04956.03345a.716.716,0,0,0,.12768.05518.74517.74517,0,0,0,.18915.03821c.01306.00067.02411.00756.03735.00756H16.3252a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.createElement("path", { d: "M16.3252,10.44434h-.00293l-2.99512.01123a.75.75,0,0,0,.00293,1.5H13.333l2.99511-.01123a.75.75,0,0,0-.00292-1.5Z" }),
+    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 = KeyboardOptionM;

package/dist/cjs/icons/KeyboardRightM.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-right-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-right-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    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" }),
-    react_1.default.createElement("path", { d: "M10.592 15.575a.75.75 0 01-.53-1.28l2.292-2.292-2.298-2.298a.75.75 0 111.06-1.06l2.828 2.828a.75.75 0 010 1.06l-2.822 2.822a.748.748 0 01-.53.22z" })));
+const KeyboardRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-395039179icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-right-m", className: "keyboard-right-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-395039179canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    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" }),
+    react_1.default.createElement("path", { d: "M10.5918,15.5752a.75.75,0,0,1-.53028-1.28028l2.292-2.292L10.05566,9.70508a.74992.74992,0,1,1,1.06055-1.06055l2.82813,2.82813a.74973.74973,0,0,1,0,1.06054l-2.82227,2.82227A.74758.74758,0,0,1,10.5918,15.5752Z" })));
 exports.default = KeyboardRightM;

package/dist/cjs/icons/KeyboardUpM.js

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const KeyboardUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "keyboard-up-m ds-icon-set-medium", "data-testid": "ds-icon-keyboard-up-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    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" }),
-    react_1.default.createElement("path", { d: "M14.825 14.164a.748.748 0 01-.53-.22l-2.298-2.298-2.292 2.292a.75.75 0 01-1.06-1.06l2.822-2.822a.75.75 0 011.06 0l2.828 2.828a.75.75 0 01-.53 1.28z" })));
+const KeyboardUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2170868750icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-keyboard-up-m", className: "keyboard-up-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("defs", null),
+    react_1.default.createElement("rect", { id: "svg-2170868750canvas", width: 24, height: 24, style: {
+            fill: 'none',
+        } }),
+    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" }),
+    react_1.default.createElement("path", { d: "M14.8252,14.16406a.7476.7476,0,0,1-.53028-.21972l-2.29785-2.29786-2.292,2.292a.74992.74992,0,0,1-1.06055-1.06055l2.82227-2.82227a.74973.74973,0,0,1,1.06054,0l2.82813,2.82813a.75.75,0,0,1-.53027,1.28027Z" })));
 exports.default = KeyboardUpM;

package/dist/cjs/icons/L/AddL.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AddL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", className: "add-l ds-icon-set-large", "data-testid": "ds-icon-add-l" }, props),
-    react_1.default.createElement("path", { d: "M23.75 6C33 6 40.5 13.5 40.5 22.75c0 3.199-.9 6.265-2.563 8.908l2.936 2.34c.815.65.356 1.963-.685 1.963l-3.38-.001 1.87 3.738a1.49 1.49 0 01-.541 1.924l-.125.07-1.617.808a1.487 1.487 0 01-1.997-.664l-1.905-3.809-2.445 3.077c-.624.783-1.862.39-1.956-.568l-.006-.117v-1.486a16.778 16.778 0 01-4.336.567C14.5 39.5 7 32 7 22.75 7 13.5 14.5 6 23.75 6zm5.835 20.917v10.955a.744.744 0 01.001.05l-.001 1.352 2.467-3.1a.75.75 0 011.203.039l.055.092 2.423 4.848 1.597-.798-2.406-4.809a.75.75 0 01.569-1.079l.102-.006 3.451-.001-9.461-7.543zM23.75 7.5C15.328 7.5 8.5 14.328 8.5 22.75 8.5 31.173 15.327 38 23.75 38a15.26 15.26 0 004.336-.625V26.09c0-.922 1.063-1.435 1.786-.862l6.885 5.488A15.174 15.174 0 0039 22.75C39 14.328 32.172 7.5 23.75 7.5zm-.063 8.66a.75.75 0 01.743.648l.007.102v5.118h5.119a.75.75 0 01.102 1.494l-.102.007-5.12-.001.001 5.119a.75.75 0 01-1.493.102l-.007-.102v-5.12l-5.12.002a.75.75 0 01-.1-1.493l.1-.007 5.12-.001V16.91a.75.75 0 01.75-.75z", fillRule: "nonzero", fill: "currentColor" })));
+const AddL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-add-l", className: "add-l ds-icon-set-large" }, props),
+    react_1.default.createElement("g", { id: "svg-1468820138Actions-/-03-L-/-02-add-l", stroke: "none", strokeWidth: 1, fillRule: "evenodd", fill: "currentColor" },
+        react_1.default.createElement("path", { d: "M23.7501,5.9999 C33.0003136,5.9999 40.5001,13.4996864 40.5001,22.7499 C40.5001,25.9488233 39.6007553,29.0149184 37.9374601,31.6579195 L40.8729439,33.9987492 C41.6881671,34.6477922 41.2287823,35.9605 40.1878,35.9605 L40.1878,35.9605 L36.808,35.96 L38.6787213,39.6983007 C39.0217079,40.3899588 38.7788253,41.2209227 38.1367369,41.6224532 L38.1367369,41.6224532 L38.0117127,41.6925689 L36.3946821,42.4995824 C35.6603443,42.8687688 34.7676434,42.5712018 34.3979796,41.8359102 L34.3979796,41.8359102 L32.493,38.027 L30.0475508,41.1036439 C29.4235485,41.887415 28.1858017,41.4939706 28.0915135,40.5361129 L28.0915135,40.5361129 L28.0858,40.4185 L28.0854325,38.9333826 C26.6834981,39.3078956 25.2295113,39.4999 23.7501,39.4999 C14.4988864,39.4999 7.0001,32.0011136 7.0001,22.7499 C7.0001,13.4993483 14.4992246,5.9999 23.7501,5.9999 Z M29.585,26.917 L29.5844427,37.8724049 C29.5856056,37.8888181 29.5862193,37.9051989 29.5862955,37.9215238 L29.585,39.274 L32.0518037,36.1736646 C32.3703259,35.7731564 32.9763774,35.8075615 33.255123,36.2126376 L33.255123,36.2126376 L33.3096204,36.3050898 L35.733,41.153 L37.33,40.355 L34.9240631,35.5460771 C34.6901583,35.0785584 34.9942458,34.5335168 35.4926336,34.4672128 L35.4926336,34.4672128 L35.5948,34.4605 L39.046,34.46 L29.585,26.917 Z M23.7501,7.4999 C15.3276662,7.4999 8.5001,14.3277609 8.5001,22.7499 C8.5001,31.1726864 15.3273136,37.9999 23.7501,37.9999 C25.2353941,37.9999 26.6911404,37.787752 28.0860585,37.3750697 L28.0858,26.0895 C28.0858,25.1681861 29.148721,24.6554555 29.872352,25.2280743 L29.872352,25.2280743 L36.7566713,30.7162393 C38.2138988,28.3431309 39.0001,25.606126 39.0001,22.7499 C39.0001,14.3281136 32.1718864,7.4999 23.7501,7.4999 Z M23.687,16.16 C24.0666958,16.16 24.380491,16.4421539 24.4301534,16.8082294 L24.437,16.91 L24.4361,22.0279 L29.5559,22.0288 C29.9701136,22.0288 30.3059,22.3645864 30.3059,22.7788 C30.3059,23.1584958 30.0237461,23.472291 29.6576706,23.5219534 L29.5559,23.5288 L24.4361,23.5279 L24.437,28.647 C24.437,29.0612136 24.1012136,29.397 23.687,29.397 C23.3073042,29.397 22.993509,29.1148461 22.9438466,28.7487706 L22.937,28.647 L22.9361,23.5279 L17.8179,23.5288 C17.4036864,23.5288 17.0679,23.1930136 17.0679,22.7788 C17.0679,22.3991042 17.3500539,22.085309 17.7161294,22.0356466 L17.8179,22.0288 L22.9361,22.0279 L22.937,16.91 C22.937,16.4957864 23.2727864,16.16 23.687,16.16 Z", id: "svg-1468820138Combined-Shape", fillRule: "nonzero" }))));
 exports.default = AddL;

package/dist/cjs/icons/L/BrowserL.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const BrowserL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", fill: "none", className: "browser-l ds-icon-set-large", "data-testid": "ds-icon-browser-l" }, props),
-    react_1.default.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" },
-        react_1.default.createElement("circle", { cx: 10.5, cy: 14.5, r: 1.5 }),
-        react_1.default.createElement("circle", { cx: 22.5, cy: 14.5, r: 1.5 }),
-        react_1.default.createElement("circle", { cx: 16.5, cy: 14.5, r: 1.5 }),
-        react_1.default.createElement("path", { d: "M5 31.5v5C5 37.88 6.134 39 7.533 39h32.934C41.866 39 43 37.88 43 36.5v-5" }),
-        react_1.default.createElement("path", { d: "M43 32.5v-21c0-1.38-1.134-2.5-2.533-2.5H7.533C6.134 9 5 10.12 5 11.5v21M5 20h38" }))));
+const BrowserL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-browser-l", className: "browser-l ds-icon-set-large" }, props),
+    react_1.default.createElement("g", { fill: "none" },
+        react_1.default.createElement("circle", { cx: 10.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("circle", { cx: 22.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("circle", { cx: 16.5, cy: 14.5, r: 1.5, stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M5 31.5C5 33.1143 5 32.4965 5 36.5C5 37.8807 6.13421 39 7.53333 39H40.4667C41.8658 39 43 37.8807 43 36.5C43 34.3326 43 32.5837 43 31.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M43 32.5C43 30.8857 43 15.5035 43 11.5C43 10.1193 41.8658 9 40.4667 9L7.53333 9C6.13421 9 5 10.1193 5 11.5C5 13.6674 5 31.4163 5 32.5", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }),
+        react_1.default.createElement("path", { d: "M5 20H43", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }))));
 exports.default = BrowserL;

package/dist/cjs/icons/L/ButtonL.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ButtonL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", className: "button-l ds-icon-set-large", "data-testid": "ds-icon-button-l" }, props),
-    react_1.default.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        react_1.default.createElement("path", { d: "M20.067 33h-10.8C8.015 33 7 31.622 7 29.923V16.077C7 14.377 8.015 13 9.267 13h29.466C39.985 13 41 14.378 41 16.077v13.846c0 1.7-1.015 3.077-2.267 3.077h-7.666" }),
-        react_1.default.createElement("path", { d: "M31.876 32.457l-10.34-8.136a.333.333 0 00-.35-.039.325.325 0 00-.186.293v13.293c0 .138.089.262.221.307.132.046.28.004.367-.104l2.988-3.707 2.284 4.508a.701.701 0 00.93.306l1.52-.75a.68.68 0 00.31-.918l-2.266-4.473h4.316a.33.33 0 00.311-.218.323.323 0 00-.105-.362h0z" }))));
+const ButtonL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-button-l", className: "button-l ds-icon-set-large" }, props),
+    react_1.default.createElement("desc", null, 'Created with Sketch.'),
+    react_1.default.createElement("g", { id: "svg-3426548861Edit-/-03-L-/-05-button-l", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        react_1.default.createElement("g", { id: "svg-3426548861Group", transform: "translate(7.000000, 13.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            react_1.default.createElement("path", { d: "M27,13.9333333 L27,24.7333333 C27,25.9851788 25.6224146,27 23.9230769,27 L10.0769231,27 C8.37758539,27 7,25.9851788 7,24.7333333 L7,-4.73333333 C7,-5.98517877 8.37758539,-7 10.0769231,-7 L23.9230769,-7 C25.6224146,-7 27,-5.98517877 27,-4.73333333 L27,2.93333333", id: "svg-3426548861Path-Copy", transform: "translate(17.000000, 10.000000) rotate(-270.000000) translate(-17.000000, -10.000000) " }),
+            react_1.default.createElement("path", { d: "M24.8758855,19.4568909 L14.5351041,11.3209461 C14.4361039,11.2430519 14.3006483,11.2280058 14.1865822,11.2822329 C14.072516,11.33646 14,11.4503764 14,11.575335 L14,24.8681534 C14,25.0064435 14.0887133,25.1295773 14.2209951,25.175172 C14.353277,25.2207667 14.500308,25.1788613 14.5875985,25.0706861 L17.5756885,21.3635268 L19.85957,25.8719661 C19.9417463,26.0341882 20.0858512,26.1575465 20.2601826,26.2149031 C20.4345139,26.2722597 20.624791,26.2589159 20.7891539,26.1778074 L22.3100424,25.4272759 C22.6522856,25.2583624 22.7909958,24.8476097 22.6198647,24.5098212 L20.3538477,20.0366682 L24.6703155,20.0366682 C24.8104127,20.0366548 24.9352021,19.9492597 24.9814768,19.8187493 C25.0277515,19.6882389 24.9854048,19.5431177 24.8758855,19.4568909 L24.8758855,19.4568909 Z", id: "svg-3426548861Path" })))));
 exports.default = ButtonL;

package/dist/cjs/icons/L/ButtonSubmitL.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ButtonSubmitL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", className: "button-submit-l ds-icon-set-large", "data-testid": "ds-icon-button-submit-l" }, props),
-    react_1.default.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
-        react_1.default.createElement("path", { d: "M32 21.172L34.828 24 32 26.828" }),
-        react_1.default.createElement("path", { d: "M19.067 34h-9.8C8.015 34 7 32.622 7 30.923V17.077C7 15.377 8.015 14 9.267 14h29.466C39.985 14 41 15.378 41 17.077v13.846c0 1.7-1.015 3.077-2.267 3.077h-8.912" }),
-        react_1.default.createElement("path", { d: "M29.876 33.457l-10.34-8.136a.333.333 0 00-.35-.039.325.325 0 00-.186.293v13.293c0 .138.089.262.221.307.132.046.28.004.367-.104l2.988-3.707 2.284 4.508a.701.701 0 00.93.306l1.52-.75a.68.68 0 00.31-.918l-2.266-4.473h4.316a.33.33 0 00.311-.218.323.323 0 00-.105-.362h0z" }))));
+const ButtonSubmitL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-button-submit-l", className: "button-submit-l ds-icon-set-large" }, props),
+    react_1.default.createElement("desc", null, 'Created with Sketch.'),
+    react_1.default.createElement("g", { id: "svg-2837908036Edit-/-03-L-/-06-button-submit-l", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round" },
+        react_1.default.createElement("g", { id: "svg-2837908036Group", transform: "translate(7.000000, 14.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            react_1.default.createElement("polyline", { id: "svg-2837908036Path-4", transform: "translate(25.000000, 10.000000) rotate(-135.000000) translate(-25.000000, -10.000000) ", points: "27 12 23 12 23 8" }),
+            react_1.default.createElement("path", { d: "M27,14.9333333 L27,24.7333333 C27,25.9851788 25.6224146,27 23.9230769,27 L10.0769231,27 C8.37758539,27 7,25.9851788 7,24.7333333 L7,-4.73333333 C7,-5.98517877 8.37758539,-7 10.0769231,-7 L23.9230769,-7 C25.6224146,-7 27,-5.98517877 27,-4.73333333 L27,4.17931912", id: "svg-2837908036Path-Copy", transform: "translate(17.000000, 10.000000) rotate(-270.000000) translate(-17.000000, -10.000000) " }),
+            react_1.default.createElement("path", { d: "M22.8758855,19.4568909 L12.5351041,11.3209461 C12.4361039,11.2430519 12.3006483,11.2280058 12.1865822,11.2822329 C12.072516,11.33646 12,11.4503764 12,11.575335 L12,24.8681534 C12,25.0064435 12.0887133,25.1295773 12.2209951,25.175172 C12.353277,25.2207667 12.500308,25.1788613 12.5875985,25.0706861 L15.5756885,21.3635268 L17.85957,25.8719661 C17.9417463,26.0341882 18.0858512,26.1575465 18.2601826,26.2149031 C18.4345139,26.2722597 18.624791,26.2589159 18.7891539,26.1778074 L20.3100424,25.4272759 C20.6522856,25.2583624 20.7909958,24.8476097 20.6198647,24.5098212 L18.3538477,20.0366682 L22.6703155,20.0366682 C22.8104127,20.0366548 22.9352021,19.9492597 22.9814768,19.8187493 C23.0277515,19.6882389 22.9854048,19.5431177 22.8758855,19.4568909 L22.8758855,19.4568909 Z", id: "svg-2837908036Path" })))));
 exports.default = ButtonSubmitL;

package/dist/cjs/icons/L/CheckL.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CheckL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", className: "check-l ds-icon-set-large", "data-testid": "ds-icon-check-l" }, props),
-    react_1.default.createElement("path", { d: "M24 7.25c9.25 0 16.75 7.5 16.75 16.75S33.25 40.75 24 40.75 7.25 33.25 7.25 24 14.75 7.25 24 7.25zm0 1.5C15.578 8.75 8.75 15.578 8.75 24S15.578 39.25 24 39.25 39.25 32.422 39.25 24 32.422 8.75 24 8.75zM30.6 19c.3-.3.7-.3 1-.1.3.3.3.8 0 1.1l-8.7 8.7c-.1.1-.3.2-.5.2s-.4-.1-.5-.2l-4.4-4.4c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l3.9 3.9z", fill: "currentColor" })));
+const CheckL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-check-l", className: "check-l ds-icon-set-large" }, props),
+    react_1.default.createElement("g", { id: "svg-1658467213Actions-/-03-L-/-05-check-l", stroke: "none", strokeWidth: 1, fill: "currentColor" },
+        react_1.default.createElement("path", { d: "M24,7.25 C33.2504802,7.25 40.75,14.7495198 40.75,24 C40.75,33.2504802 33.2504802,40.75 24,40.75 C14.7495198,40.75 7.25,33.2504802 7.25,24 C7.25,14.7495198 14.7495198,7.25 24,7.25 Z M24,8.75 C15.5779469,8.75 8.75,15.5779469 8.75,24 C8.75,32.4220531 15.5779469,39.25 24,39.25 C32.4220531,39.25 39.25,32.4220531 39.25,24 C39.25,15.5779469 32.4220531,8.75 24,8.75 Z M30.6,19 C30.9,18.7 31.3,18.7 31.6,18.9 C31.9,19.2 31.9,19.7 31.6,20 L31.6,20 L22.9,28.7 C22.8,28.8 22.6,28.9 22.4,28.9 C22.2,28.9 22,28.8 21.9,28.7 L21.9,28.7 L17.5,24.3 C17.2,24 17.2,23.5 17.5,23.2 C17.8,22.9 18.3,22.9 18.6,23.2 L18.6,23.2 L22.5,27.1 Z", id: "svg-1658467213Combined-Shape" }))));
 exports.default = CheckL;

package/dist/cjs/icons/L/CheckboxL.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const CheckboxL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", className: "checkbox-l ds-icon-set-large", "data-testid": "ds-icon-checkbox-l" }, props),
-    react_1.default.createElement("g", { stroke: "currentColor", strokeWidth: 1.5, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
-        react_1.default.createElement("path", { d: "M38 24v12a2 2 0 01-2 2H12a2 2 0 01-2-2V12a2 2 0 012-2h15.049" }),
-        react_1.default.createElement("path", { strokeLinejoin: "round", d: "M18.097 21.605L24.362 28l12.735-13" }))));
+const CheckboxL = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-checkbox-l", className: "checkbox-l ds-icon-set-large" }, props),
+    react_1.default.createElement("desc", null, 'Created with Sketch.'),
+    react_1.default.createElement("g", { id: "svg-3384877368Edit-/-03-L-/-21-checkbox-l", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", strokeLinecap: "round" },
+        react_1.default.createElement("g", { id: "svg-3384877368Group", transform: "translate(10.000000, 10.000000)", stroke: "currentColor", strokeWidth: 1.5 },
+            react_1.default.createElement("path", { d: "M28,14 L28,26 C28,27.1045695 27.1045695,28 26,28 L2,28 C0.8954305,28 0,27.1045695 0,26 L0,2 C0,0.8954305 0.8954305,0 2,0 L17.0485825,0", id: "svg-3384877368Path" }),
+            react_1.default.createElement("polyline", { id: "svg-3384877368Path-3", strokeLinejoin: "round", points: "8.09716496 11.605262 14.3617519 18 27.097165 5" })))));
 exports.default = CheckboxL;