@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/cjs/icons/AppleM.js

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

package/dist/cjs/icons/AreaM.js

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

package/dist/cjs/icons/AreaPercentageM.js

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

package/dist/cjs/icons/ArrangeHorM.js

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

package/dist/cjs/icons/ArrangeM.js

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

package/dist/cjs/icons/ArrangeS.js

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

package/dist/cjs/icons/ArrangeVerM.js

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

package/dist/cjs/icons/ArrowDownCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowDownCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-down-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-down-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M15.355 11.891a.75.75 0 00-1.06 0l-1.545 1.545V8.75a.75.75 0 00-1.5 0v4.692l-1.545-1.545a.75.75 0 10-1.06 1.061l2.822 2.822a.75.75 0 001.06 0l2.828-2.828a.75.75 0 000-1.06z" })));
+const ArrowDownCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3896643954icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-down-circle-m", className: "arrow-down-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3896643954canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M15.35547,11.89111a.74973.74973,0,0,0-1.06055,0L12.75,13.43634V8.75a.75.75,0,0,0-1.5,0v4.69238L9.70508,11.89746A.74992.74992,0,1,0,8.64453,12.958l2.82227,2.82226a.74971.74971,0,0,0,1.06054,0l2.82813-2.82861A.74973.74973,0,0,0,15.35547,11.89111Z" }));
 exports.default = ArrowDownCircleM;

package/dist/cjs/icons/ArrowDownM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-down-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-down-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.75 13.416a.75.75 0 00-1.06 0l-4.024 4.023V4.75a.75.75 0 00-1.5 0v12.69l-4.022-4.024a.75.75 0 10-1.061 1.061l5.303 5.303a.75.75 0 001.06 0l5.304-5.303a.75.75 0 000-1.06z" })));
+const ArrowDownM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3042183309icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-down-m", className: "arrow-down-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3042183309canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.75,13.4165a.74975.74975,0,0,0-1.06055,0l-4.02343,4.023V4.75a.75.75,0,0,0-1.5,0V17.43939L7.14355,13.4165A.74992.74992,0,1,0,6.083,14.47705l5.30273,5.30322a.74972.74972,0,0,0,1.06055,0L17.75,14.47705A.74973.74973,0,0,0,17.75,13.4165Z" }));
 exports.default = ArrowDownM;

package/dist/cjs/icons/ArrowDownS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowDownS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-down-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-down-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.72 12.72l-1.97 1.97V7.5a.75.75 0 00-1.5 0v7.19l-1.97-1.97a.75.75 0 00-1.06 1.06l3.25 3.25a.75.75 0 001.06 0l3.25-3.25a.75.75 0 00-1.06-1.06z" })));
+const ArrowDownS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-735552211icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-down-s", className: "arrow-down-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-735552211canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.71973,12.71973,12.75,14.68945V7.5a.75.75,0,0,0-1.5,0v7.18945L9.28027,12.71973a.74992.74992,0,0,0-1.06054,1.06054l3.25,3.25a.74971.74971,0,0,0,1.06054,0l3.25-3.25a.74992.74992,0,0,0-1.06054-1.06054Z" }));
 exports.default = ArrowDownS;

package/dist/cjs/icons/ArrowDragM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowDragM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-drag-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-drag-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M10.425 15.492a.745.745 0 01-.54-.228L7.237 12.52a.749.749 0 010-1.042l2.65-2.743a.75.75 0 111.078 1.042L8.818 12l2.146 2.22a.75.75 0 01-.54 1.272zM13.575 15.492a.75.75 0 01-.539-1.271L15.182 12l-2.146-2.222a.75.75 0 111.078-1.042l2.65 2.743a.749.749 0 010 1.042l-2.65 2.743a.745.745 0 01-.539.228z" })));
+const ArrowDragM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1339149391icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-drag-m", className: "arrow-drag-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-1339149391canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M10.4248,15.49219a.74527.74527,0,0,1-.53906-.22852L7.23633,12.521a.74888.74888,0,0,1,0-1.042L9.88574,8.73633a.74968.74968,0,1,1,1.07813,1.042L8.81836,12l2.14551,2.2207a.75.75,0,0,1-.53907,1.27149Z" }),
+    react_1.default.createElement("path", { d: "M13.5752,15.49219a.75.75,0,0,1-.53907-1.27149L15.18164,12,13.03613,9.77832a.74968.74968,0,1,1,1.07813-1.042L16.76367,11.479a.74888.74888,0,0,1,0,1.042l-2.64941,2.74267A.74527.74527,0,0,1,13.5752,15.49219Z" }));
 exports.default = ArrowDragM;

package/dist/cjs/icons/ArrowLdCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLdCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ld-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-ld-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 19.996a7.998 7.998 0 115.657-13.653A7.996 7.996 0 0112 19.996zM12 5.5a6.5 6.5 0 104.597 1.904A6.458 6.458 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M14.826 9.171a.75.75 0 00-1.06 0l-3.314 3.315V10.3a.75.75 0 00-1.5 0v4a.75.75 0 00.75.75h3.991a.75.75 0 000-1.5H11.51l3.317-3.318a.75.75 0 000-1.06z" })));
+const ArrowLdCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2351060104icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ld-circle-m", className: "arrow-ld-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2351060104canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,19.99609A7.998,7.998,0,1,1,17.65723,6.34326h0A7.99585,7.99585,0,0,1,12,19.99609ZM12,5.5a6.50025,6.50025,0,1,0,4.59668,1.90381A6.4576,6.4576,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M14.82617,9.17139a.74973.74973,0,0,0-1.06055,0l-3.314,3.31433V10.30029a.75.75,0,0,0-1.5,0V14.2998a.75019.75019,0,0,0,.75.75h3.9917a.75.75,0,0,0,0-1.5H11.50867l3.3175-3.31787A.74972.74972,0,0,0,14.82617,9.17139Z" }));
 exports.default = ArrowLdCircleM;

package/dist/cjs/icons/ArrowLdM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLdM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ld-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-ld-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.573 6.343a.75.75 0 00-1.06 0L7.54 15.316v-5.69a.75.75 0 00-1.5 0v7.5a.75.75 0 00.75.75h7.5a.75.75 0 000-1.5H8.6l8.973-8.972a.75.75 0 000-1.06z" })));
+const ArrowLdM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4099236215icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ld-m", className: "arrow-ld-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4099236215canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.57324,6.34326a.74972.74972,0,0,0-1.06054,0L7.54,15.31592V9.62646a.75.75,0,0,0-1.5,0v7.5a.75019.75019,0,0,0,.75.75h7.5a.75.75,0,0,0,0-1.5H8.60059l8.97265-8.97265A.74973.74973,0,0,0,17.57324,6.34326Z" }));
 exports.default = ArrowLdM;

package/dist/cjs/icons/ArrowLdS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLdS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ld-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-ld-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.651 8.288l-5.083 5.084v-2.786a.75.75 0 00-1.5 0v4.596a.75.75 0 00.75.75h4.596a.75.75 0 000-1.5h-2.786l5.084-5.084a.75.75 0 10-1.06-1.06z" })));
+const ArrowLdS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-917791657icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ld-s", className: "arrow-ld-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-917791657canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.65137,8.2876l-5.0835,5.08392V10.58594a.75.75,0,0,0-1.5,0v4.59619a.7502.7502,0,0,0,.75.75h4.59619a.75.75,0,0,0,0-1.5h-2.7857l5.08355-5.084A.74992.74992,0,1,0,14.65137,8.2876Z" }));
 exports.default = ArrowLdS;

package/dist/cjs/icons/ArrowLeftCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLeftCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-left-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-left-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M15.25 11.25h-4.686l1.545-1.545a.75.75 0 00-1.06-1.06l-2.83 2.828a.75.75 0 000 1.06l2.823 2.822a.75.75 0 101.06-1.06l-1.544-1.545h4.692a.75.75 0 000-1.5z" })));
+const ArrowLeftCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3037540987icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-left-circle-m", className: "arrow-left-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3037540987canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M15.25,11.25H10.56366l1.54523-1.54492a.74992.74992,0,0,0-1.06055-1.06055L8.21973,11.47266a.74971.74971,0,0,0,0,1.06054L11.042,15.35547a.74992.74992,0,1,0,1.06055-1.06055L10.55762,12.75H15.25a.75.75,0,0,0,0-1.5Z" }));
 exports.default = ArrowLeftCircleM;

package/dist/cjs/icons/ArrowLeftM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-left-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-left-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.166 11.25H6.477L10.5 7.227a.75.75 0 00-1.06-1.06L4.135 11.47a.75.75 0 000 1.06l5.303 5.304a.75.75 0 001.061-1.061L6.477 12.75h12.69a.75.75 0 000-1.5z" })));
+const ArrowLeftM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2857682820icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-left-m", className: "arrow-left-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2857682820canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.1665,11.25H6.47705L10.5,7.22705A.74992.74992,0,0,0,9.43945,6.1665L4.13623,11.46973a.74972.74972,0,0,0,0,1.06054L9.43945,17.8335A.74992.74992,0,0,0,10.5,16.773L6.47705,12.75H19.1665a.75.75,0,0,0,0-1.5Z" }));
 exports.default = ArrowLeftM;

package/dist/cjs/icons/ArrowLeftRightM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLeftRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-left-right-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-left-right-m" }, props),
-    react_1.default.createElement("path", { d: "M19.785 11.475L15.41 7.012a.75.75 0 10-1.07 1.05l3.161 3.225h-11L9.66 8.062a.75.75 0 10-1.07-1.05l-4.376 4.463a.75.75 0 000 1.05l4.376 4.463a.75.75 0 101.07-1.05l-3.089-3.15h10.856l-3.09 3.15a.75.75 0 101.071 1.05l4.376-4.463a.75.75 0 000-1.05z" }),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" })));
+const ArrowLeftRightM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2582458409icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-left-right-m", className: "arrow-left-right-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { d: "M19.78516,11.47461l-4.376-4.46289A.75.75,0,1,0,14.33887,8.0625l3.16144,3.22461H6.49969L9.66113,8.0625A.75.75,0,1,0,8.59082,7.01172l-4.376,4.46289a.75044.75044,0,0,0,0,1.05078l4.376,4.46289A.75.75,0,1,0,9.66113,15.9375L6.57245,12.78711h10.8551L14.33887,15.9375a.75.75,0,1,0,1.07031,1.05078l4.376-4.46289A.75044.75044,0,0,0,19.78516,11.47461Z" }),
+    react_1.default.createElement("rect", { id: "svg-2582458409canvas", width: 24, height: 24, fill: "none" }));
 exports.default = ArrowLeftRightM;

package/dist/cjs/icons/ArrowLeftRightS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLeftRightS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-left-right-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-left-right-s" }, props),
-    react_1.default.createElement("path", { d: "M17.785 11.475L15.5 9.144a.75.75 0 10-1.07 1.05l1.044 1.065-6.929-.018 1.027-1.047a.75.75 0 10-1.07-1.05l-2.286 2.33a.75.75 0 000 1.051L8.5 14.856a.75.75 0 101.07-1.05l-1.044-1.065 6.928.018-1.026 1.047a.75.75 0 101.07 1.05l2.286-2.33a.75.75 0 000-1.051z" }),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" })));
+const ArrowLeftRightS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3842147063icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-left-right-s", className: "arrow-left-right-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("path", { d: "M17.78516,11.47461,15.499,9.144a.74961.74961,0,1,0-1.07031,1.04981L15.473,11.25916l-6.92859-.01783,1.02686-1.04748A.74961.74961,0,1,0,8.501,9.144L6.21484,11.47461a.75044.75044,0,0,0,0,1.05078L8.501,14.856a.74961.74961,0,1,0,1.07031-1.04981L8.52747,12.74133l6.92761.01776-1.02637,1.04706A.74961.74961,0,1,0,15.499,14.856l2.28614-2.33057A.75044.75044,0,0,0,17.78516,11.47461Z" }),
+    react_1.default.createElement("rect", { id: "svg-3842147063canvas", width: 24, height: 24, fill: "none" }));
 exports.default = ArrowLeftRightS;

package/dist/cjs/icons/ArrowLeftS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLeftS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-left-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-left-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M16.5 11.25H9.31l1.97-1.97a.75.75 0 00-1.06-1.06l-3.25 3.25a.75.75 0 000 1.06l3.25 3.25a.75.75 0 001.06-1.06l-1.97-1.97h7.19a.75.75 0 000-1.5z" })));
+const ArrowLeftS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3893915098icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-left-s", className: "arrow-left-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3893915098canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M16.5,11.25H9.31055l1.96972-1.96973a.74992.74992,0,0,0-1.06054-1.06054l-3.25,3.25a.74972.74972,0,0,0,0,1.06054l3.25,3.25a.74992.74992,0,0,0,1.06054-1.06054L9.31055,12.75H16.5a.75.75,0,0,0,0-1.5Z" }));
 exports.default = ArrowLeftS;

package/dist/cjs/icons/ArrowLuCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLuCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-lu-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-lu-circle-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 115.657-2.339A7.975 7.975 0 0112 19.997zm0-14.493a6.497 6.497 0 104.597 1.9A6.48 6.48 0 0012 5.504zm5.127 11.624z" }),
-    react_1.default.createElement("path", { d: "M14.828 13.768l-3.313-3.314H13.7a.75.75 0 000-1.5h-4a.75.75 0 00-.75.75v3.991a.75.75 0 001.5 0v-2.184l3.318 3.317a.75.75 0 001.06-1.06z" })));
+const ArrowLuCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-748484473icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-lu-circle-m", className: "arrow-lu-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-748484473canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,19.99609a7.99585,7.99585,0,1,1,5.65723-2.33886h0A7.97514,7.97514,0,0,1,12,19.99609ZM12,5.50342a6.49683,6.49683,0,1,0,4.59668,1.90039A6.48064,6.48064,0,0,0,12,5.50342ZM17.127,17.127h0Z" }),
+    react_1.default.createElement("path", { d: "M14.82812,13.76758,11.51465,10.4541H13.7002a.75.75,0,0,0,0-1.5h-4a.75019.75019,0,0,0-.75.75v3.99121a.75.75,0,0,0,1.5,0V11.51074l3.31738,3.31738a.74992.74992,0,0,0,1.06054-1.06054Z" }));
 exports.default = ArrowLuCircleM;

package/dist/cjs/icons/ArrowLuM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLuM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-lu-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-lu-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.573 16.596L8.601 7.624h5.689a.75.75 0 000-1.5h-7.5a.75.75 0 00-.75.75v7.5a.75.75 0 101.5 0v-5.69l8.973 8.973a.75.75 0 001.06-1.06z" })));
+const ArrowLuM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4125081734icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-lu-m", className: "arrow-lu-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-4125081734canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.57324,16.59619,8.60059,7.62354H14.29a.75.75,0,0,0,0-1.5H6.79a.75019.75019,0,0,0-.75.75v7.5a.75.75,0,1,0,1.5,0V8.68408l8.97266,8.97266a.74992.74992,0,0,0,1.06054-1.06055Z" }));
 exports.default = ArrowLuM;

package/dist/cjs/icons/ArrowLuS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowLuS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-lu-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-lu-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M10.629 9.568h2.785a.75.75 0 000-1.5H8.818a.75.75 0 00-.75.75v4.596a.75.75 0 001.5 0V10.63l5.083 5.083a.75.75 0 101.06-1.06z" })));
+const ArrowLuS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2431899096icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-lu-s", className: "arrow-lu-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2431899096canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M10.62878,9.56787h2.78528a.75.75,0,0,0,0-1.5H8.81836a.7502.7502,0,0,0-.75.75v4.59619a.75.75,0,0,0,1.5,0V10.62854l5.083,5.08386a.74992.74992,0,1,0,1.06054-1.06054Z" }));
 exports.default = ArrowLuS;

package/dist/cjs/icons/ArrowRdCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRdCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-rd-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-rd-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 19.997A7.998 7.998 0 016.343 6.343 8 8 0 1112 19.997zM12 5.5a6.458 6.458 0 00-4.596 1.904A6.5 6.5 0 1012 5.5zM6.874 6.874z" }),
-    react_1.default.createElement("path", { d: "M14.296 9.55a.75.75 0 00-.75.75v2.185l-3.314-3.314a.75.75 0 00-1.06 1.06l3.317 3.319h-2.184a.75.75 0 000 1.5h3.99a.75.75 0 00.75-.75v-4a.75.75 0 00-.75-.75z" })));
+const ArrowRdCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-48087318icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-rd-circle-m", className: "arrow-rd-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-48087318canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,19.99707A7.99777,7.99777,0,0,1,6.34326,6.34326h0A8,8,0,1,1,12,19.99707ZM12,5.5A6.4576,6.4576,0,0,0,7.40381,7.40381h0A6.5,6.5,0,1,0,12,5.5ZM6.87354,6.87354h0Z" }),
+    react_1.default.createElement("path", { d: "M14.2959,9.55029a.7502.7502,0,0,0-.75.75v2.18506l-3.314-3.314a.74992.74992,0,0,0-1.06054,1.06054l3.31787,3.31787H10.30469a.75.75,0,0,0,0,1.5H14.2959a.75019.75019,0,0,0,.75-.75V10.30029A.7502.7502,0,0,0,14.2959,9.55029Z" }));
 exports.default = ArrowRdCircleM;

package/dist/cjs/icons/ArrowRdM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRdM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-rd-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-rd-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.043 8.876a.75.75 0 00-.75.75v5.69L7.32 6.343a.75.75 0 00-1.06 1.06l8.972 8.973H9.543a.75.75 0 000 1.5h7.5a.75.75 0 00.75-.75v-7.5a.75.75 0 00-.75-.75z" })));
+const ArrowRdM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-530511593icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-rd-m", className: "arrow-rd-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-530511593canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.043,8.87646a.7502.7502,0,0,0-.75.75v5.68946L7.32031,6.34326A.74992.74992,0,0,0,6.25977,7.40381l8.97265,8.97265H9.543a.75.75,0,0,0,0,1.5h7.5a.75019.75019,0,0,0,.75-.75v-7.5A.7502.7502,0,0,0,17.043,8.87646Z" }));
 exports.default = ArrowRdM;

package/dist/cjs/icons/ArrowRdS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRdS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-rd-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-rd-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M15.182 9.836a.75.75 0 00-.75.75v2.786L9.348 8.288a.75.75 0 10-1.06 1.06l5.084 5.084h-2.786a.75.75 0 000 1.5h4.596a.75.75 0 00.75-.75v-4.596a.75.75 0 00-.75-.75z" })));
+const ArrowRdS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2909786167icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-rd-s", className: "arrow-rd-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-2909786167canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M15.18213,9.83594a.7502.7502,0,0,0-.75.75v2.78564l-5.084-5.084A.74992.74992,0,1,0,8.2876,9.34814l5.084,5.084H10.58594a.75.75,0,0,0,0,1.5h4.59619a.7502.7502,0,0,0,.75-.75V10.58594A.7502.7502,0,0,0,15.18213,9.83594Z" }));
 exports.default = ArrowRdS;

package/dist/cjs/icons/ArrowRightCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRightCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-right-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-right-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M15.78 11.473l-2.828-2.828a.75.75 0 00-1.06 1.06l1.544 1.545H8.75a.75.75 0 000 1.5h4.692l-1.545 1.545a.75.75 0 101.061 1.06l2.822-2.822a.75.75 0 000-1.06z" })));
+const ArrowRightCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3208013120icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-right-circle-m", className: "arrow-right-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3208013120canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M15.78027,11.47266,12.95166,8.64453a.74992.74992,0,0,0-1.06055,1.06055L13.43634,11.25H8.75a.75.75,0,0,0,0,1.5h4.69238l-1.54492,1.54492A.74992.74992,0,1,0,12.958,15.35547l2.82226-2.82227a.74971.74971,0,0,0,0-1.06054Z" }));
 exports.default = ArrowRightCircleM;

package/dist/cjs/icons/ArrowRightM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-right-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-right-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M19.696 11.47l-5.302-5.304a.75.75 0 00-1.061 1.061l4.023 4.023H4.666a.75.75 0 100 1.5h12.69l-4.023 4.023a.75.75 0 101.06 1.06l5.303-5.303a.75.75 0 000-1.06z" })));
+const ArrowRightM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-786838943icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-right-m", className: "arrow-right-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-786838943canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M19.69629,11.46973,14.39355,6.1665A.74992.74992,0,0,0,13.333,7.22705l4.02252,4.023H4.666a.75.75,0,1,0,0,1.5H17.35553L13.333,16.773a.74992.74992,0,1,0,1.06054,1.06055l5.30274-5.30323A.74972.74972,0,0,0,19.69629,11.46973Z" }));
 exports.default = ArrowRightM;

package/dist/cjs/icons/ArrowRightS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRightS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-right-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-right-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.03 11.47l-3.25-3.25a.75.75 0 00-1.06 1.06l1.97 1.97H7.5a.75.75 0 000 1.5h7.19l-1.97 1.97a.75.75 0 101.06 1.06l3.25-3.25a.75.75 0 000-1.06z" })));
+const ArrowRightS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3338779265icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-right-s", className: "arrow-right-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3338779265canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.03027,11.46973l-3.25-3.25a.74992.74992,0,0,0-1.06054,1.06054L14.68945,11.25H7.5a.75.75,0,0,0,0,1.5h7.18945l-1.96972,1.96973a.74992.74992,0,1,0,1.06054,1.06054l3.25-3.25A.74972.74972,0,0,0,17.03027,11.46973Z" }));
 exports.default = ArrowRightS;

package/dist/cjs/icons/ArrowRuCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRuCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ru-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-ru-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M14.298 8.954h-4a.75.75 0 000 1.5h2.185L9.17 13.768a.75.75 0 101.06 1.06l3.318-3.317v2.184a.75.75 0 001.5 0v-3.99a.75.75 0 00-.75-.75z" }),
-    react_1.default.createElement("path", { d: "M12 19.996A7.996 7.996 0 016.343 6.343 8 8 0 1112 19.996zM7.403 7.404a6.5 6.5 0 109.194 0 6.508 6.508 0 00-9.194 0z" })));
+const ArrowRuCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3059960295icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ru-circle-m", className: "arrow-ru-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3059960295canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M14.29785,8.9541h-4a.75.75,0,0,0,0,1.5H12.4834L9.16992,13.76758a.74992.74992,0,1,0,1.06055,1.06054l3.31738-3.31738v2.18457a.75.75,0,0,0,1.5,0V9.7041A.7502.7502,0,0,0,14.29785,8.9541Z" }),
+    react_1.default.createElement("path", { d: "M12,19.99609A7.99585,7.99585,0,0,1,6.34277,6.34326h0A8.00036,8.00036,0,1,1,12,19.99609ZM7.40332,7.40381a6.50051,6.50051,0,1,0,9.19336,0,6.50825,6.50825,0,0,0-9.19336,0Z" }));
 exports.default = ArrowRuCircleM;

package/dist/cjs/icons/ArrowRuM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRuM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ru-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-ru-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M17.043 6.124h-7.5a.75.75 0 000 1.5h5.69L6.26 16.596a.75.75 0 101.06 1.06l8.973-8.972v5.69a.75.75 0 101.5 0v-7.5a.75.75 0 00-.75-.75z" })));
+const ArrowRuM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3390336024icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ru-m", className: "arrow-ru-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3390336024canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M17.043,6.12354h-7.5a.75.75,0,0,0,0,1.5h5.68945L6.25977,16.59619a.74992.74992,0,1,0,1.06054,1.06055L16.293,8.68408v5.68946a.75.75,0,1,0,1.5,0v-7.5A.75019.75019,0,0,0,17.043,6.12354Z" }));
 exports.default = ArrowRuM;

package/dist/cjs/icons/ArrowRuS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowRuS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-ru-s ds-icon-set-medium", "data-testid": "ds-icon-arrow-ru-s" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M15.182 8.068h-4.596a.75.75 0 000 1.5h2.786l-5.084 5.084a.75.75 0 101.06 1.06l5.084-5.084v2.786a.75.75 0 001.5 0V8.818a.75.75 0 00-.75-.75z" })));
+const ArrowRuS = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-448407622icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-ru-s", className: "arrow-ru-s ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-448407622canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M15.18213,8.06787H10.58594a.75.75,0,0,0,0,1.5h2.78564l-5.084,5.084A.74992.74992,0,1,0,9.34814,15.7124l5.084-5.084v2.78564a.75.75,0,0,0,1.5,0V8.81787A.7502.7502,0,0,0,15.18213,8.06787Z" }));
 exports.default = ArrowRuS;

package/dist/cjs/icons/ArrowUpCircleM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ArrowUpCircleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "arrow-up-circle-m ds-icon-set-medium", "data-testid": "ds-icon-arrow-up-circle-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    react_1.default.createElement("path", { d: "M15.355 11.048L12.527 8.22a.75.75 0 00-1.06 0l-2.822 2.822a.75.75 0 101.06 1.06l1.545-1.544v4.692a.75.75 0 001.5 0v-4.686l1.545 1.545a.75.75 0 001.06-1.06z" })));
+const ArrowUpCircleM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-94473157icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-arrow-up-circle-m", className: "arrow-up-circle-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-94473157canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    react_1.default.createElement("path", { d: "M15.35547,11.04834,12.52734,8.21973a.74971.74971,0,0,0-1.06054,0L8.64453,11.042a.74992.74992,0,1,0,1.06055,1.06055L11.25,10.55762V15.25a.75.75,0,0,0,1.5,0V10.56366l1.54492,1.54523a.74992.74992,0,0,0,1.06055-1.06055Z" }));
 exports.default = ArrowUpCircleM;