@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/esm/icons/NetworkGlobeM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const NetworkGlobeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "network-globe-m ds-icon-set-medium", "data-testid": "ds-icon-network-globe-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.25 17.575h-4.658a2.668 2.668 0 00-1.838-1.815v-.816A5.945 5.945 0 0017.818 9 5.918 5.918 0 0012 3a5.918 5.918 0 00-5.818 6 5.945 5.945 0 005.072 5.945v.836a2.668 2.668 0 00-1.771 1.794H4.75a.75.75 0 000 1.5h4.733a2.658 2.658 0 005.11 0h4.657a.75.75 0 000-1.5zM12 10.225c.367 0 .733-.017 1.098-.04A7.54 7.54 0 0112 12.949a7.54 7.54 0 01-1.098-2.764c.365.023.731.04 1.098.04zm-1.172-1.54A7.4 7.4 0 0112 5.04a7.4 7.4 0 011.172 3.647 15.78 15.78 0 01-2.344 0zm2.814 4.473a8.867 8.867 0 00.997-3.14 14.522 14.522 0 001.615-.357 4.471 4.471 0 01-2.612 3.497zm2.59-5.048a12.647 12.647 0 01-1.546.375 8.817 8.817 0 00-1.037-3.64 4.473 4.473 0 012.583 3.265zm-5.881-3.266a8.818 8.818 0 00-1.037 3.64 12.647 12.647 0 01-1.546-.374 4.473 4.473 0 012.583-3.266zM7.746 9.661a14.523 14.523 0 001.615.357 8.867 8.867 0 00.997 3.14A4.471 4.471 0 017.746 9.66zm4.292 9.839a1.175 1.175 0 111.174-1.175 1.176 1.176 0 01-1.174 1.175z" })));
+const NetworkGlobeM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1392810267icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-network-globe-m", className: "network-globe-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1392810267canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.25,17.5752H14.59216a2.668,2.668,0,0,0-1.83825-1.8155v-.816A5.94511,5.94511,0,0,0,17.81836,9,5.918,5.918,0,0,0,12,3,5.918,5.918,0,0,0,6.18164,9a5.94485,5.94485,0,0,0,5.07227,5.945v.83569A2.668,2.668,0,0,0,9.48254,17.5752H4.75a.75.75,0,0,0,0,1.5H9.48254a2.65791,2.65791,0,0,0,5.10962,0H19.25a.75.75,0,0,0,0-1.5ZM12,10.22461c.36688,0,.733-.01709,1.09766-.0401A7.53943,7.53943,0,0,1,12,12.94891a7.53943,7.53943,0,0,1-1.09766-2.7644C11.267,10.20752,11.63312,10.22461,12,10.22461ZM10.82812,8.68567A7.4004,7.4004,0,0,1,12,5.03937a7.4004,7.4004,0,0,1,1.17188,3.6463A15.77971,15.77971,0,0,1,10.82812,8.68567Zm2.81428,4.47211a8.86715,8.86715,0,0,0,.99627-3.1402,14.52235,14.52235,0,0,0,1.61548-.35614A4.47135,4.47135,0,0,1,13.6424,13.15778Zm2.58966-5.04737a12.64727,12.64727,0,0,1-1.546.37421,8.81705,8.81705,0,0,0-1.03687-3.6402A4.47328,4.47328,0,0,1,16.23206,8.11041Zm-5.88123-3.266A8.81835,8.81835,0,0,0,9.3139,8.48462a12.64727,12.64727,0,0,1-1.546-.37421A4.47311,4.47311,0,0,1,10.35083,4.84442Zm-2.605,4.817a14.52342,14.52342,0,0,0,1.61554.35614,8.86689,8.86689,0,0,0,.99628,3.14026A4.47141,4.47141,0,0,1,7.74585,9.66144ZM12.0376,19.5a1.17505,1.17505,0,1,1,1.1748-1.1748A1.17635,1.17635,0,0,1,12.0376,19.5Z" }));
 export default NetworkGlobeM;

package/dist/esm/icons/NetworkServerM.js

@@ -1,9 +1,9 @@
 import React from 'react';
-const NetworkServerM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "network-server-m ds-icon-set-medium", "data-testid": "ds-icon-network-server-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("ellipse", { cx: 8.311, cy: 6.379, rx: 0.968, ry: 1 }),
-    React.createElement("path", { d: "M14.648 5.63h-3.507a.75.75 0 000 1.5h3.507a.75.75 0 000-1.5z" }),
-    React.createElement("ellipse", { cx: 8.311, cy: 11.645, rx: 0.968, ry: 1 }),
-    React.createElement("path", { d: "M14.648 10.895h-3.507a.75.75 0 000 1.5h3.507a.75.75 0 000-1.5z" }),
-    React.createElement("path", { d: "M19.25 17.575h-4.657a2.669 2.669 0 00-1.84-1.815V15h3.567a3.37 3.37 0 002.067-6 3.37 3.37 0 00-2.067-6H7.86a3.37 3.37 0 00-2.067 6 3.37 3.37 0 002.066 6h3.395v.78a2.668 2.668 0 00-1.771 1.795H4.75a.75.75 0 000 1.5h4.733a2.658 2.658 0 005.11 0h4.657a.75.75 0 000-1.5zM6.03 6.375A1.855 1.855 0 017.86 4.5h8.46a1.876 1.876 0 010 3.75H7.86a1.855 1.855 0 01-1.83-1.875zm0 5.25A1.855 1.855 0 017.86 9.75h8.46a1.876 1.876 0 010 3.75H7.86a1.855 1.855 0 01-1.83-1.875zm6.007 7.875a1.175 1.175 0 111.176-1.175 1.176 1.176 0 01-1.176 1.175z" })));
+const NetworkServerM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2648412797icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-network-server-m", className: "network-server-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2648412797canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("ellipse", { cx: 8.31067, cy: 6.37921, rx: 0.96838, ry: 1 }),
+    React.createElement("path", { d: "M14.64844,5.62939H11.14062a.75.75,0,0,0,0,1.5h3.50782a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("ellipse", { cx: 8.31067, cy: 11.6452, rx: 0.96838, ry: 1 }),
+    React.createElement("path", { d: "M14.64844,10.895H11.14062a.75.75,0,0,0,0,1.5h3.50782a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M19.25,17.5752H14.59265a2.66882,2.66882,0,0,0-1.83874-1.81543V15h3.5664a3.37005,3.37005,0,0,0,2.067-6,3.37005,3.37005,0,0,0-2.067-6H7.85938A3.3704,3.3704,0,0,0,5.79272,9a3.3704,3.3704,0,0,0,2.06666,6h3.39453v.78058A2.668,2.668,0,0,0,9.48254,17.5752H4.75a.75.75,0,0,0,0,1.5H9.48254a2.65824,2.65824,0,0,0,5.11011,0H19.25a.75.75,0,0,0,0-1.5ZM6.03027,6.375A1.85456,1.85456,0,0,1,7.85938,4.5h8.46093a1.87555,1.87555,0,0,1,0,3.75H7.85938A1.85456,1.85456,0,0,1,6.03027,6.375Zm0,5.25A1.85456,1.85456,0,0,1,7.85938,9.75h8.46093a1.87555,1.87555,0,0,1,0,3.75H7.85938A1.85456,1.85456,0,0,1,6.03027,11.625ZM12.03711,19.5a1.17505,1.17505,0,1,1,1.17578-1.1748A1.17625,1.17625,0,0,1,12.03711,19.5Z" }));
 export default NetworkServerM;

package/dist/esm/icons/NetworkUserM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const NetworkUserM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "network-user-m ds-icon-set-medium", "data-testid": "ds-icon-network-user-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 8.807a2.903 2.903 0 10-2.898-2.904A2.904 2.904 0 0012 8.807zM12 4.5a1.403 1.403 0 11-1.398 1.403A1.402 1.402 0 0112 4.5zM19.25 17.575h-4.657a2.669 2.669 0 00-1.84-1.815v-1.225h3.536a1.44 1.44 0 001.439-1.44v-.524a3.51 3.51 0 00-3.506-3.507H9.778a3.51 3.51 0 00-3.506 3.507v.525a1.44 1.44 0 001.439 1.439h3.543v1.246a2.668 2.668 0 00-1.771 1.794H4.75a.75.75 0 000 1.5h4.733a2.658 2.658 0 005.11 0h4.657a.75.75 0 000-1.5zM7.772 12.571a2.008 2.008 0 012.006-2.007h4.444a2.008 2.008 0 012.006 2.007v.464l-8.456.06zm4.265 6.929a1.175 1.175 0 111.176-1.175 1.176 1.176 0 01-1.176 1.175z" })));
+const NetworkUserM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1598311529icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-network-user-m", className: "network-user-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1598311529canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,8.80664A2.90332,2.90332,0,1,0,9.10156,5.90332,2.90378,2.90378,0,0,0,12,8.80664ZM12,4.5a1.40333,1.40333,0,1,1-1.39844,1.40332A1.40214,1.40214,0,0,1,12,4.5Z" }),
+    React.createElement("path", { d: "M19.25,17.5752H14.59265a2.66882,2.66882,0,0,0-1.83874-1.81543v-1.2251h3.53515a1.44048,1.44048,0,0,0,1.43848-1.439v-.52441a3.51009,3.51009,0,0,0-3.50586-3.50684H9.77832a3.51009,3.51009,0,0,0-3.50586,3.50684v.52441a1.44048,1.44048,0,0,0,1.43848,1.439h3.543v1.24591A2.668,2.668,0,0,0,9.48254,17.5752H4.75a.75.75,0,0,0,0,1.5H9.48254a2.65824,2.65824,0,0,0,5.11011,0H19.25a.75.75,0,0,0,0-1.5ZM7.77246,12.57129a2.00844,2.00844,0,0,1,2.00586-2.00684h4.44336a2.00844,2.00844,0,0,1,2.00586,2.00684v.46387l-8.45508.06054ZM12.03711,19.5a1.17505,1.17505,0,1,1,1.17578-1.1748A1.17625,1.17625,0,0,1,12.03711,19.5Z" }));
 export default NetworkUserM;

package/dist/esm/icons/NewUserM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const NewUserM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "new-user-m ds-icon-set-medium", "data-testid": "ds-icon-new-user-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.276 3.513c-2.377-1.164-5.823-.3-8.385 2.107A10.654 10.654 0 005.63 8.67c-1.4 2.833-1.76 5.603-1.013 7.8a6.481 6.481 0 003.4 3.756 7.107 7.107 0 003.14.775c2.915 0 5.593-2.062 7.507-5.932a10.634 10.634 0 001.023-3.41c.446-3.592-.956-6.942-3.41-8.146zm1.921 7.961a9.141 9.141 0 01-.88 2.93c-1.042 2.109-3.97 6.764-8.64 4.475a4.95 4.95 0 01-2.641-2.892c-.618-1.816-.285-4.179.938-6.652a9.159 9.159 0 011.944-2.622 7.695 7.695 0 015.008-2.214 3.821 3.821 0 011.69.36 3.616 3.616 0 01.943.713l-2.912 1.725a.75.75 0 00-.312.927l.931 2.297-1.828.619a.75.75 0 10.48 1.42l2.582-.873a.75.75 0 00.455-.993l-.988-2.435 2.476-1.468a8.12 8.12 0 01.754 4.683z" })));
+const NewUserM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-826331019icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-new-user-m", className: "new-user-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-826331019canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.27588,3.51318c-2.37647-1.16455-5.82324-.29931-8.38477,2.10645A10.654,10.654,0,0,0,5.62939,8.67041c-1.40087,2.833-1.76074,5.603-1.01367,7.7998a6.48109,6.48109,0,0,0,3.3999,3.75538,7.10711,7.10711,0,0,0,3.14063.77539c2.915,0,5.59229-2.062,7.50635-5.93213a10.634,10.634,0,0,0,1.02295-3.41016C20.13184,8.06689,18.73,4.71729,16.27588,3.51318Zm1.92139,7.96094a9.14124,9.14124,0,0,1-.8794,2.92969c-1.043,2.10889-3.9707,6.76416-8.6416,4.4751A4.94941,4.94941,0,0,1,6.03564,15.9873c-.61767-1.8164-.28418-4.17919.93848-6.65185A9.159,9.159,0,0,1,8.91846,6.71289,7.695,7.695,0,0,1,13.92578,4.499a3.8213,3.8213,0,0,1,1.68945.36084,3.61573,3.61573,0,0,1,.9441.71186L13.64746,7.29736a.74907.74907,0,0,0-.3125.92676l.93115,2.29639-1.82812.61914a.75.75,0,1,0,.48047,1.4209l2.582-.874a.7499.7499,0,0,0,.45459-.99218l-.98779-2.43555L17.44348,6.791A8.11975,8.11975,0,0,1,18.19727,11.47412Z" }));
 export default NewUserM;

package/dist/esm/icons/NotepadM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const NotepadM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notepad-m ds-icon-set-medium", "data-testid": "ds-icon-notepad-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.852 4.65H15.6l-.827-1.054A1.546 1.546 0 0013.552 3h-3.104a1.548 1.548 0 00-1.222.597L8.4 4.65H7.148a2.386 2.386 0 00-2.367 2.4V18.6A2.387 2.387 0 007.148 21h9.704a2.387 2.387 0 002.367-2.4V7.05a2.386 2.386 0 00-2.367-2.4zm-3.259-.128l.876 1.118-.043.66-4.91-.075v-.56l.932-1.165zM17.72 18.6a.886.886 0 01-.867.9H7.148a.886.886 0 01-.867-.9V7.05a.885.885 0 01.867-.9h.868v.075A1.569 1.569 0 009.574 7.8h4.852a1.569 1.569 0 001.558-1.575V6.15h.868a.885.885 0 01.867.9z" })));
+const NotepadM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2144803918icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notepad-m", className: "notepad-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2144803918canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.85156,4.65039H15.59967L14.773,3.5957A1.54619,1.54619,0,0,0,13.55176,3H10.44824a1.54752,1.54752,0,0,0-1.22217.59668l-.8258,1.05371H7.14844A2.38609,2.38609,0,0,0,4.78125,7.0498V18.59961A2.38694,2.38694,0,0,0,7.14844,21h9.70312a2.38694,2.38694,0,0,0,2.36719-2.40039V7.0498A2.38609,2.38609,0,0,0,16.85156,4.65039Zm-3.2583-.12793.87549,1.11719-.043.66015L9.51562,6.22461V5.66406L10.44824,4.5Zm4.12549,14.07715a.8856.8856,0,0,1-.86719.90039H7.14844a.8856.8856,0,0,1-.86719-.90039V7.0498a.88474.88474,0,0,1,.86719-.89941h.86718v.07422A1.569,1.569,0,0,0,9.57422,7.7998h4.85156a1.569,1.569,0,0,0,1.5586-1.57519V6.15039h.86718a.88474.88474,0,0,1,.86719.89941Z" }));
 export default NotepadM;

package/dist/esm/icons/Notequal2M.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const Notequal2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notequal-2-m ds-icon-set-medium", "data-testid": "ds-icon-notequal-2-m" }, props),
-    React.createElement("path", { d: "M9 10.75h7a.75.75 0 000-1.5H9a.75.75 0 000 1.5zM16 13.25H9a.75.75 0 000 1.5h7a.75.75 0 000-1.5zM6 7.25a.75.75 0 00-.75.75v5a.75.75 0 001.5 0V8A.75.75 0 006 7.25z" }),
-    React.createElement("circle", { cx: 5.995, cy: 15.995, r: 0.755 })));
+const Notequal2M = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3384509773icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notequal-2-m", className: "notequal-2-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M9,10.75h7a.75.75,0,0,0,0-1.5H9a.75.75,0,0,0,0,1.5Z" }),
+    React.createElement("path", { d: "M16,13.25H9a.75.75,0,0,0,0,1.5h7a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M6,7.25A.7502.7502,0,0,0,5.25,8v5a.75.75,0,0,0,1.5,0V8A.7502.7502,0,0,0,6,7.25Z" }),
+    React.createElement("circle", { cx: 5.99512, cy: 15.99512, r: 0.75488 }));
 export default Notequal2M;

package/dist/esm/icons/NotequalM.js

@@ -1,4 +1,4 @@
 import React from 'react';
-const NotequalM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notequal-m ds-icon-set-medium", "data-testid": "ds-icon-notequal-m" }, props),
-    React.createElement("path", { d: "M16 13.25h-3.75l1.875-2.5H16a.75.75 0 000-1.5h-.75l.6-.8a.75.75 0 10-1.2-.9l-1.275 1.7H8a.75.75 0 100 1.5h4.25l-1.875 2.5H8a.75.75 0 100 1.5h1.25l-.6.8a.75.75 0 101.2.9l1.275-1.7H16a.75.75 0 000-1.5z" })));
+const NotequalM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3868901266icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notequal-m", className: "notequal-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M16.00016,13.25H12.24992l1.875-2.5h1.87524a.75.75,0,0,0,0-1.5h-.75024l.59985-.7998a.7498.7498,0,1,0-1.19921-.9004L13.37541,9.25H8.00016a.75.75,0,1,0,0,1.5h4.25025l-1.875,2.5H8.00016a.75.75,0,1,0,0,1.5H9.25041l-.59985.7998a.7498.7498,0,1,0,1.19921.9004L11.12492,14.75h4.87524a.75.75,0,0,0,0-1.5Z" }));
 export default NotequalM;

package/dist/esm/icons/NotificationsActiveM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const NotificationsActiveM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-active-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-active-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 11.55a.75.75 0 00-.75.75v3.917h-9v-5.854A4.538 4.538 0 0112 5.5.75.75 0 0012 4a6.054 6.054 0 00-6 6.363v6.604a.75.75 0 00.75.75h2.018c-.002.018-.011.034-.011.053a3.243 3.243 0 006.486 0c0-.02-.01-.035-.01-.053h2.017a.75.75 0 00.75-.75V12.3a.75.75 0 00-.75-.75zm-3.507 6.22a1.743 1.743 0 01-3.486 0c0-.02-.01-.035-.01-.053h3.507c-.002.018-.01.034-.01.053z" }),
-    React.createElement("path", { d: "M17.25 2.793a4 4 0 104.016 4 4.012 4.012 0 00-4.016-4zm0 6.5a2.5 2.5 0 112.516-2.5 2.51 2.51 0 01-2.516 2.5z" })));
+const NotificationsActiveM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3632149204icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-active-m", className: "notifications-active-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3632149204canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,11.55078a.7502.7502,0,0,0-.75.75v3.916h-9V10.36328A4.53767,4.53767,0,0,1,12,5.5.75.75,0,0,0,12,4a6.05354,6.05354,0,0,0-6,6.36328V16.9668a.7502.7502,0,0,0,.75.75H8.76752c-.00135.01837-.01068.03405-.01068.05273a3.24318,3.24318,0,0,0,6.48632,0c0-.01868-.00933-.03436-.01068-.05273H17.25a.7502.7502,0,0,0,.75-.75v-4.666A.7502.7502,0,0,0,17.25,11.55078Zm-3.50684,6.21875a1.74321,1.74321,0,0,1-3.48632,0c0-.01868-.00934-.03436-.01069-.05273h3.5077C13.7525,17.73517,13.74316,17.75085,13.74316,17.76953Z" }),
+    React.createElement("path", { d: "M17.25,2.793a4,4,0,1,0,4.01611,4A4.01241,4.01241,0,0,0,17.25,2.793Zm0,6.5a2.50005,2.50005,0,1,1,2.51611-2.5A2.51079,2.51079,0,0,1,17.25,9.293Z" }));
 export default NotificationsActiveM;

package/dist/esm/icons/NotificationsCheckM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const NotificationsCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-check-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-check-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 11.55a.75.75 0 00-.75.75v3.917h-9v-5.854A4.538 4.538 0 0112 5.5.75.75 0 0012 4a6.053 6.053 0 00-6 6.363v6.604a.75.75 0 00.75.75h2.018c-.002.018-.011.034-.011.053a3.243 3.243 0 006.486 0c0-.02-.01-.035-.01-.053h2.017a.75.75 0 00.75-.75V12.3a.75.75 0 00-.75-.75zm-3.507 6.22a1.743 1.743 0 01-3.486 0c0-.02-.01-.035-.01-.053h3.507c-.002.018-.01.034-.01.053z" }),
-    React.createElement("path", { d: "M19.231 4.844L16.497 7.56l-1.22-1.163a.75.75 0 00-1.035 1.086L15.99 9.15a.75.75 0 001.046-.01l3.252-3.23a.75.75 0 00-1.057-1.065z" })));
+const NotificationsCheckM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1330546334icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-check-m", className: "notifications-check-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1330546334canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,11.55078a.7502.7502,0,0,0-.75.75v3.916h-9V10.36328A4.53767,4.53767,0,0,1,12,5.5.75.75,0,0,0,12,4a6.05325,6.05325,0,0,0-6,6.36328V16.9668a.7502.7502,0,0,0,.75.75H8.76752c-.00135.01837-.01068.03405-.01068.05273a3.24318,3.24318,0,0,0,6.48632,0c0-.01868-.00933-.03436-.01068-.05273H17.25a.7502.7502,0,0,0,.75-.75v-4.666A.7502.7502,0,0,0,17.25,11.55078Zm-3.50684,6.21875a1.74321,1.74321,0,0,1-3.48632,0c0-.01868-.00934-.03436-.01069-.05273h3.5077C13.7525,17.73517,13.74316,17.75085,13.74316,17.76953Z" }),
+    React.createElement("path", { d: "M19.23145,4.84375,16.49707,7.55957,15.27734,6.39746A.75013.75013,0,0,0,14.24219,7.4834l1.748,1.666a.75009.75009,0,0,0,1.0459-.01074l3.252-3.23047a.74992.74992,0,0,0-1.05664-1.06445Z" }));
 export default NotificationsCheckM;

package/dist/esm/icons/NotificationsEditM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const NotificationsEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-edit-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-edit-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 11.55a.75.75 0 00-.75.75v3.917h-9v-5.854A4.538 4.538 0 0112 5.5.75.75 0 0012 4a6.053 6.053 0 00-6 6.363v6.604a.75.75 0 00.75.75h2.018c-.002.018-.011.034-.011.053a3.243 3.243 0 006.486 0c0-.02-.01-.035-.01-.053h2.017a.75.75 0 00.75-.75V12.3a.75.75 0 00-.75-.75zm-3.507 6.22a1.743 1.743 0 01-3.486 0c0-.02-.01-.035-.01-.053h3.507c-.002.018-.01.034-.01.053z" }),
-    React.createElement("path", { d: "M20.227 4.452a.75.75 0 00-1.058.003l-.003.003-4.188 4.23.007 1.06 1.057-.003.004-.004 4.188-4.229a.75.75 0 00-.007-1.06z" })));
+const NotificationsEditM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2379539108icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-edit-m", className: "notifications-edit-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2379539108canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,11.55078a.7502.7502,0,0,0-.75.75v3.916h-9V10.36328A4.53767,4.53767,0,0,1,12,5.5.75.75,0,0,0,12,4a6.05325,6.05325,0,0,0-6,6.36328V16.9668a.7502.7502,0,0,0,.75.75H8.76752c-.00135.01837-.01068.03405-.01068.05273a3.24318,3.24318,0,0,0,6.48632,0c0-.01868-.00933-.03436-.01068-.05273H17.25a.7502.7502,0,0,0,.75-.75v-4.666A.7502.7502,0,0,0,17.25,11.55078Zm-3.50684,6.21875a1.74321,1.74321,0,0,1-3.48632,0c0-.01868-.00934-.03436-.01069-.05273h3.5077C13.7525,17.73517,13.74316,17.75085,13.74316,17.76953Z" }),
+    React.createElement("path", { d: "M20.227,4.45172a.75028.75028,0,0,0-1.05756.00311l-.00348.00348L14.97833,8.68738l.00653,1.06036,1.05756-.00311.00348-.00348,4.18762-4.22907A.74951.74951,0,0,0,20.227,4.45172Z" }));
 export default NotificationsEditM;

package/dist/esm/icons/NotificationsM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const NotificationsM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a6.054 6.054 0 00-6 6.363v6.604a.75.75 0 00.75.75h2.018c-.002.018-.011.034-.011.053a3.243 3.243 0 006.486 0c0-.02-.01-.035-.01-.053h2.017a.75.75 0 00.75-.75v-6.604A6.054 6.054 0 0012 4zm1.743 13.77a1.743 1.743 0 01-3.486 0c0-.02-.01-.035-.01-.053h3.507c-.002.018-.01.034-.01.053zm2.757-1.553h-9v-5.854a4.514 4.514 0 119 0z" })));
+const NotificationsM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1995592469icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-m", className: "notifications-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1995592469canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,4a6.05354,6.05354,0,0,0-6,6.36328V16.9668a.7502.7502,0,0,0,.75.75H8.76752c-.00135.01837-.01068.03405-.01068.05273a3.24318,3.24318,0,0,0,6.48632,0c0-.01868-.00933-.03436-.01068-.05273H17.25a.7502.7502,0,0,0,.75-.75V10.36328A6.05354,6.05354,0,0,0,12,4Zm1.74316,13.76953a1.74321,1.74321,0,0,1-3.48632,0c0-.01868-.00934-.03436-.01069-.05273h3.5077C13.7525,17.73517,13.74316,17.75085,13.74316,17.76953ZM16.5,16.2168h-9V10.36328a4.51357,4.51357,0,1,1,9,0Z" }));
 export default NotificationsM;

package/dist/esm/icons/NotificationsPlayM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const NotificationsPlayM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-play-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-play-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 11.55a.75.75 0 00-.75.75v3.917h-9v-5.854A4.538 4.538 0 0112 5.5.75.75 0 0012 4a6.054 6.054 0 00-6 6.363v6.604a.75.75 0 00.75.75h2.018c-.002.018-.011.034-.011.053a3.243 3.243 0 006.486 0c0-.02-.01-.035-.01-.053h2.017a.75.75 0 00.75-.75V12.3a.75.75 0 00-.75-.75zm-3.507 6.22a1.743 1.743 0 01-3.486 0c0-.02-.01-.035-.01-.053h3.507c-.002.018-.01.034-.01.053z" }),
-    React.createElement("path", { d: "M20.383 6.146h-.002l-4.396-2.703A1.302 1.302 0 0014 4.55V9.95a1.302 1.302 0 001.985 1.105l4.398-2.702a1.297 1.297 0 000-2.209zM15.5 9.594V4.906l3.814 2.344z" })));
+const NotificationsPlayM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2700019868icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-play-m", className: "notifications-play-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2700019868canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,11.55078a.7502.7502,0,0,0-.75.75v3.916h-9V10.36328A4.53767,4.53767,0,0,1,12,5.5.75.75,0,0,0,12,4a6.05354,6.05354,0,0,0-6,6.36328V16.9668a.7502.7502,0,0,0,.75.75H8.76752c-.00135.01837-.01068.03405-.01068.05273a3.24318,3.24318,0,0,0,6.48632,0c0-.01868-.00933-.03436-.01068-.05273H17.25a.7502.7502,0,0,0,.75-.75v-4.666A.7502.7502,0,0,0,17.25,11.55078Zm-3.50684,6.21875a1.74321,1.74321,0,0,1-3.48632,0c0-.01868-.00934-.03436-.01069-.05273h3.5077C13.7525,17.73517,13.74316,17.75085,13.74316,17.76953Z" }),
+    React.createElement("path", { d: "M20.38281,6.14551h-.00146L15.98486,3.44336A1.3023,1.3023,0,0,0,14,4.54883V9.95117a1.30249,1.30249,0,0,0,1.98535,1.10449l4.39746-2.70117a1.29686,1.29686,0,0,0,0-2.209ZM15.5,9.59375V4.90625L19.31445,7.25Z" }));
 export default NotificationsPlayM;

package/dist/esm/icons/NotificationsReceiveM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const NotificationsReceiveM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "notifications-receive-m ds-icon-set-medium", "data-testid": "ds-icon-notifications-receive-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M15.523 12.498a.748.748 0 00-.919.53l-1.012 3.783-8.694-2.329 1.515-5.654a5.11 5.11 0 012.116-3.02 4.256 4.256 0 013.49-.512.75.75 0 00.388-1.45 5.79 5.79 0 00-4.689.7A6.608 6.608 0 004.964 8.44l-1.71 6.38a.75.75 0 00.531.918l1.949.522c-.006.017-.02.03-.024.048a3.238 3.238 0 002.296 3.96 3.272 3.272 0 00.848.113 3.238 3.238 0 003.122-2.394c.004-.018 0-.035.003-.053l1.949.522a.775.775 0 00.194.025.75.75 0 00.725-.555l1.207-4.508a.75.75 0 00-.53-.919zm-4.997 5.1a1.71 1.71 0 01-.808 1.048 1.743 1.743 0 01-2.559-1.95c.005-.019 0-.036.003-.054l3.388.908c-.006.017-.019.03-.024.048z" }),
-    React.createElement("path", { d: "M20.229 5.904a4.008 4.008 0 10-4.51 5.864 4.07 4.07 0 001.05.138 3.995 3.995 0 003.46-6.002zm-1.044 2.65a2.471 2.471 0 01-1.167 1.516 2.49 2.49 0 111.167-1.515z" })));
+const NotificationsReceiveM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2145983091icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-notifications-receive-m", className: "notifications-receive-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2145983091canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M15.52344,12.498a.74761.74761,0,0,0-.919.53027l-1.01269,3.7832L4.898,14.48242l1.51514-5.6543A5.10973,5.10973,0,0,1,8.5293,5.80859a4.25611,4.25611,0,0,1,3.48877-.51269.75022.75022,0,0,0,.38867-1.44922,5.79,5.79,0,0,0-4.68848.7002A6.6078,6.6078,0,0,0,4.96387,8.43945l-1.709,6.37891a.7507.7507,0,0,0,.53028.91894l1.94842.5221c-.00592.017-.01886.02954-.02362.04724a3.23838,3.23838,0,0,0,2.29639,3.96094,3.27221,3.27221,0,0,0,.84765.1123,3.23809,3.23809,0,0,0,3.12159-2.39355c.00482-.018-.00013-.03546.00329-.05347l1.94885.52222a.77509.77509,0,0,0,.19434.02539.75083.75083,0,0,0,.72461-.55567l1.207-4.50781A.7507.7507,0,0,0,15.52344,12.498Zm-4.99707,5.09961a1.7096,1.7096,0,0,1-.80811,1.04882,1.74294,1.74294,0,0,1-2.55908-1.95117c.00476-.01782-.00012-.03515.0033-.053l3.38763.90778C10.54413,17.56726,10.53119,17.57977,10.52637,17.59766Z" }),
+    React.createElement("path", { d: "M20.22852,5.9043a4.0084,4.0084,0,1,0-4.50977,5.86328,4.06988,4.06988,0,0,0,1.0498.13867,3.9948,3.9948,0,0,0,3.46-6.00195ZM19.18457,8.55469a2.47149,2.47149,0,0,1-1.167,1.51562,2.4903,2.4903,0,1,1,1.167-1.51562Z" }));
 export default NotificationsReceiveM;

package/dist/esm/icons/NullObjectM.js

@@ -1,7 +1,12 @@
 import React from 'react';
-const NullObjectM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "null-object-m ds-icon-set-medium", "data-testid": "ds-icon-null-object-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { "data-name": "canvas", fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17 19.75H7A2.75 2.75 0 014.25 17V7A2.75 2.75 0 017 4.25h10A2.75 2.75 0 0119.75 7v10A2.75 2.75 0 0117 19.75zm-10-14A1.25 1.25 0 005.75 7v10A1.25 1.25 0 007 18.25h10A1.25 1.25 0 0018.25 17V7A1.25 1.25 0 0017 5.75z" }),
-    React.createElement("path", { d: "M9 15.75a.74.74 0 01-.53-.22.75.75 0 010-1.06l6-6a.75.75 0 011.06 1.06l-6 6a.74.74 0 01-.53.22z" })));
+const NullObjectM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1279623368icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-null-object-m", className: "null-object-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-1279623368canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("rect", { id: "svg-1279623368canvas-2", "data-name": "canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("path", { d: "M17,19.75H7A2.75,2.75,0,0,1,4.25,17V7A2.75,2.75,0,0,1,7,4.25H17A2.75,2.75,0,0,1,19.75,7V17A2.75,2.75,0,0,1,17,19.75ZM7,5.75A1.25,1.25,0,0,0,5.75,7V17A1.25,1.25,0,0,0,7,18.25H17A1.25,1.25,0,0,0,18.25,17V7A1.25,1.25,0,0,0,17,5.75Z" }),
+    React.createElement("path", { d: "M9,15.75a.74.74,0,0,1-.53-.22.75.75,0,0,1,0-1.06l6-6a.75.75,0,0,1,1.06,1.06l-6,6A.74.74,0,0,1,9,15.75Z" }));
 export default NullObjectM;

package/dist/esm/icons/OptionHorizontalM.js

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

package/dist/esm/icons/OptionVerticalM.js

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

package/dist/esm/icons/OutdentM.js

@@ -1,5 +1,9 @@
 import React from 'react';
-const OutdentM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "outdent-m ds-icon-set-medium", "data-testid": "ds-icon-outdent-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.275 16.5h-12.5a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5zM18.275 13h-7.15a.75.75 0 000 1.5h7.15a.75.75 0 100-1.5zM18.275 9.5h-7.15a.75.75 0 000 1.5h7.15a.75.75 0 000-1.5zM18.275 6h-12.5a.75.75 0 100 1.5h12.5a.75.75 0 000-1.5zM7.588 15.02a.75.75 0 101.081-1.04L6.766 12l1.903-1.98a.75.75 0 10-1.08-1.04l-2.404 2.5a.749.749 0 000 1.04z" })));
+const OutdentM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-534303006icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-outdent-m", className: "outdent-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-534303006canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.2749,16.5h-12.5a.75.75,0,1,0,0,1.5h12.5a.75.75,0,1,0,0-1.5Z" }),
+    React.createElement("path", { d: "M18.2749,13H11.125a.75.75,0,0,0,0,1.5h7.1499a.75.75,0,1,0,0-1.5Z" }),
+    React.createElement("path", { d: "M18.2749,9.5H11.125a.75.75,0,0,0,0,1.5h7.1499a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M18.2749,6h-12.5a.75.75,0,1,0,0,1.5h12.5a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M7.58838,15.01953a.74972.74972,0,1,0,1.08105-1.03906L6.76562,12l1.90381-1.98047A.74972.74972,0,1,0,7.58838,8.98047l-2.40381,2.5a.749.749,0,0,0,0,1.03906Z" }));
 export default OutdentM;

package/dist/esm/icons/PackageBoxM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const PackageBoxM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "package-box-m ds-icon-set-medium", "data-testid": "ds-icon-package-box-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.984 8.252a2.562 2.562 0 00-.192-.852l-1.21-2.832A2.58 2.58 0 0017.207 3H6.793a2.579 2.579 0 00-2.375 1.568L3.208 7.4a2.566 2.566 0 00-.194.872c-.001.021-.012.04-.012.061 0 .008.004.014.004.021 0 .02-.006.04-.006.061v10.002A2.587 2.587 0 005.583 21h5.667a.75.75 0 000-1.5H5.583A1.084 1.084 0 014.5 18.416V9.084h15v2.166a.75.75 0 001.5 0V8.415c0-.018-.005-.036-.005-.054 0-.01.005-.018.005-.027a.696.696 0 00-.016-.082zm-2.781-3.094l1.036 2.425h-3.874L14.748 4.5h2.459a1.081 1.081 0 01.996.658zm-4.368 2.425h-3.67L10.78 4.5h2.438zM5.798 5.157a1.08 1.08 0 01.995-.657h2.459l-.617 3.083H4.761z" }),
-    React.createElement("path", { d: "M6.5 16.75a.75.75 0 000 1.5h1.834a.75.75 0 000-1.5zM17.78 14.995a.75.75 0 00-1.06 0l-3 3a.75.75 0 001.06 1.06l2.47-2.47 2.47 2.47a.75.75 0 001.06-1.06z" })));
+const PackageBoxM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3274425929icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-package-box-m", className: "package-box-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3274425929canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.98358,8.25232A2.56174,2.56174,0,0,0,20.792,7.3999l-1.21-2.83154A2.5796,2.5796,0,0,0,17.20654,3H6.79346a2.57873,2.57873,0,0,0-2.375,1.56787L3.20752,7.40039a2.56561,2.56561,0,0,0-.19312.8714c-.00183.02142-.01245.03979-.01245.06171,0,.00732.004.01342.00415.02069C3.00562,8.37476,3,8.39441,3,8.415V18.4165A2.58672,2.58672,0,0,0,5.5835,21H11.25a.75.75,0,0,0,0-1.5H5.5835A1.08445,1.08445,0,0,1,4.5,18.4165V9.0835h15V11.25a.75.75,0,0,0,1.5,0V8.415c0-.01843-.00513-.036-.00549-.05438C20.99487,8.35114,21,8.34314,21,8.3335A.69618.69618,0,0,0,20.98358,8.25232ZM18.20264,5.15771,19.2392,7.5835H15.36475L14.74823,4.5h2.45831A1.08132,1.08132,0,0,1,18.20264,5.15771ZM13.83527,7.5835H10.16473L10.78125,4.5h2.4375ZM5.79785,5.15723A1.08045,1.08045,0,0,1,6.79346,4.5H9.25177L8.63525,7.5835H4.76062Z" }),
+    React.createElement("path", { d: "M6.5,16.75a.75.75,0,0,0,0,1.5H8.3335a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M17.78027,14.99463a.74972.74972,0,0,0-1.06054,0l-3,3a.74992.74992,0,0,0,1.06054,1.06055L17.25,16.58545l2.46973,2.46973a.74992.74992,0,0,0,1.06054-1.06055Z" }));
 export default PackageBoxM;

package/dist/esm/icons/ParagraphM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ParagraphM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "paragraph-m ds-icon-set-medium", "data-testid": "ds-icon-paragraph-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.086 5H9.718c-.015 0-.028.008-.042.009C9.66 5.008 9.648 5 9.633 5a4.57 4.57 0 000 9.139c.015 0 .028-.008.043-.009.014.001.027.009.042.009h.76l.011-.003v4.114a.75.75 0 001.5 0V6.5h2.304v11.75a.75.75 0 001.5 0V6.5h2.293a.75.75 0 000-1.5zm-7.597 7.64l-.01-.001h-.761c-.015 0-.028.007-.042.008-.015 0-.028-.008-.043-.008a3.071 3.071 0 010-6.139c.015 0 .028-.008.043-.009.014.001.027.009.042.009h.771z" })));
+const ParagraphM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1223783589icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-paragraph-m", className: "paragraph-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1223783589canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.08594,5H9.71777c-.015,0-.02746.00769-.04223.00854C9.66077,5.00769,9.64825,5,9.6333,5a4.57046,4.57046,0,0,0,0,9.13867c.015,0,.02747-.00769.04224-.00854.01477.00085.02728.00854.04223.00854h.76075l.01074-.0022V18.25a.75.75,0,0,0,1.5,0V6.5H14.293V18.25a.75.75,0,0,0,1.5,0V6.5h2.293a.75.75,0,0,0,0-1.5Zm-7.59668,7.64087-.01074-.0022H9.71777c-.015,0-.02746.00769-.04223.00855-.01477-.00086-.02729-.00855-.04224-.00855a3.071,3.071,0,0,1,0-6.13867c.015,0,.02747-.00769.04224-.00854.01477.00085.02728.00854.04223.00854h.77149Z" }));
 export default ParagraphM;

package/dist/esm/icons/ParamsBadgeM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ParamsBadgeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "params-badge-m ds-icon-set-medium", "data-testid": "ds-icon-params-badge-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8 8 0 00-8-8zm-.296 7.296h-.6c-.001.059-.005.112-.005.173-.052 3.935-2.331 3.935-3.08 3.935a.75.75 0 110-1.5c.653 0 1.547 0 1.58-2.454 0-.054.005-.101.006-.154h-.53a.75.75 0 010-1.5h.697a2.601 2.601 0 012.907-2.281.75.75 0 010 1.5c-.59 0-1.096.001-1.368.781h.393a.75.75 0 010 1.5zm4.139 2.844a.75.75 0 01-1.092 1.029l-.66-.7-.66.7a.75.75 0 11-1.092-1.03l.72-.763-.72-.763a.75.75 0 011.092-1.03l.66.7.66-.7a.75.75 0 011.092 1.03l-.72.763z" })));
+const ParamsBadgeM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-537734911icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-params-badge-m", className: "params-badge-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-537734911canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8,8,0,0,0,12,4Zm-.2959,7.29639h-.6c-.00158.05835-.00463.11145-.00543.17285-.05175,3.93506-2.331,3.93506-3.08008,3.93506a.75.75,0,1,1,0-1.5c.65333,0,1.54786,0,1.58008-2.45459.00074-.054.005-.10077.00641-.15332H9.0752a.75.75,0,0,1,0-1.5h.69708a2.60146,2.60146,0,0,1,2.90643-2.28174.75.75,0,0,1,0,1.5c-.59051,0-1.09558.0014-1.36725.78174h.39264a.75.75,0,0,1,0,1.5Zm4.13867,2.84326A.75024.75024,0,0,1,14.751,15.169l-.66016-.69959-.66016.69959a.75024.75024,0,1,1-1.09179-1.0293l.7204-.76343-.7204-.76343a.75024.75024,0,0,1,1.09179-1.02929l.66016.69958.66016-.69958a.75024.75024,0,0,1,1.09179,1.02929l-.72039.76343Z" }));
 export default ParamsBadgeM;

package/dist/esm/icons/PasteClipboardM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const PasteClipboardM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "paste-clipboard-m ds-icon-set-medium", "data-testid": "ds-icon-paste-clipboard-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.33 17.42H7.536A1.026 1.026 0 016.5 16.407V7.593a1.026 1.026 0 011.036-1.012h8.928A1.026 1.026 0 0117.5 7.593v3.746a.75.75 0 001.5 0V7.593a2.527 2.527 0 00-2.536-2.512H7.536A2.527 2.527 0 005 7.593v8.814a2.527 2.527 0 002.536 2.513h3.794a.75.75 0 000-1.5z" }),
-    React.createElement("path", { d: "M19.25 13.777a.75.75 0 00-.75.75 1.688 1.688 0 01-1.68 1.69h-1.372l1.08-1.184a.75.75 0 00-1.107-1.012l-2.225 2.439a65.96 65.96 0 00-.14.227.748.748 0 000 .56 12281.544 12281.544 0 01.142.228l.022.023 2.203 2.39a.75.75 0 001.103-1.018l-1.062-1.152h1.356a3.19 3.19 0 003.18-3.19.75.75 0 00-.75-.75z" })));
+const PasteClipboardM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-332630617icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-paste-clipboard-m", className: "paste-clipboard-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-332630617canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M11.33008,17.41992h-3.794A1.02567,1.02567,0,0,1,6.5,16.40723v-8.814A1.02567,1.02567,0,0,1,7.53613,6.58057h8.92774A1.02567,1.02567,0,0,1,17.5,7.59326v3.74561a.75.75,0,0,0,1.5,0V7.59326a2.5272,2.5272,0,0,0-2.53613-2.51269H7.53613A2.5272,2.5272,0,0,0,5,7.59326v8.814a2.5272,2.5272,0,0,0,2.53613,2.51269h3.794a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M19.25,13.77734a.7502.7502,0,0,0-.75.75,1.68755,1.68755,0,0,1-1.67969,1.69043h-1.3728l1.08081-1.18457a.75.75,0,0,0-1.10742-1.01172L13.19629,16.46a65.96056,65.96056,0,0,0-.13941.22669.7476.7476,0,0,0-.00061.55969,12281.54408,12281.54408,0,0,1,.142.22827l.02124.023.00049.00073,2.20288,2.38941a.75054.75054,0,0,0,1.10352-1.01758l-1.06275-1.15235h1.35669A3.18918,3.18918,0,0,0,20,14.52734.7502.7502,0,0,0,19.25,13.77734Z" }));
 export default PasteClipboardM;

package/dist/esm/icons/PauseCircleM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const PauseCircleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pause-circle-m ds-icon-set-medium", "data-testid": "ds-icon-pause-circle-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
-    React.createElement("path", { d: "M10.292 14.76a.75.75 0 01-.75-.75V9.99a.75.75 0 011.5 0v4.02a.75.75 0 01-.75.75zM13.708 14.76a.75.75 0 01-.75-.75V9.99a.75.75 0 011.5 0v4.02a.75.75 0 01-.75.75z" })));
+const PauseCircleM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3067949926icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pause-circle-m", className: "pause-circle-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3067949926canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" }),
+    React.createElement("path", { d: "M10.292,14.76025a.75019.75019,0,0,1-.75-.75V9.98975a.75.75,0,0,1,1.5,0v4.0205A.75019.75019,0,0,1,10.292,14.76025Z" }),
+    React.createElement("path", { d: "M13.708,14.76025a.75019.75019,0,0,1-.75-.75V9.98975a.75.75,0,0,1,1.5,0v4.0205A.75019.75019,0,0,1,13.708,14.76025Z" }));
 export default PauseCircleM;

package/dist/esm/icons/PauseM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const PauseM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pause-m ds-icon-set-medium", "data-testid": "ds-icon-pause-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M7.61 20a3.114 3.114 0 01-3.11-3.11V7.11a3.11 3.11 0 016.22 0v9.78A3.113 3.113 0 017.61 20zm0-14.5A1.612 1.612 0 006 7.11v9.78a1.612 1.612 0 001.61 1.61 1.612 1.612 0 001.61-1.61V7.11A1.612 1.612 0 007.61 5.5zM16.39 20a3.114 3.114 0 01-3.11-3.11V7.11a3.11 3.11 0 016.22 0v9.78A3.113 3.113 0 0116.39 20zm0-14.5a1.612 1.612 0 00-1.61 1.61v9.78a1.612 1.612 0 001.61 1.61A1.612 1.612 0 0018 16.89V7.11a1.612 1.612 0 00-1.61-1.61z" })));
+const PauseM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1805737465icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pause-m", className: "pause-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1805737465canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M7.61035,20A3.11373,3.11373,0,0,1,4.5,16.89014V7.10986a3.11011,3.11011,0,0,1,6.22021,0v9.78028A3.1133,3.1133,0,0,1,7.61035,20Zm0-14.5A1.61177,1.61177,0,0,0,6,7.10986v9.78028A1.61167,1.61167,0,0,0,7.60986,18.5h.00049a1.61166,1.61166,0,0,0,1.60986-1.60986V7.10986A1.61166,1.61166,0,0,0,7.61035,5.5Z" }),
+    React.createElement("path", { d: "M16.39014,20a3.11372,3.11372,0,0,1-3.11035-3.10986V7.10986a3.11011,3.11011,0,0,1,6.22021,0v9.78028A3.11331,3.11331,0,0,1,16.39014,20Zm0-14.5a1.61177,1.61177,0,0,0-1.61035,1.60986v9.78028A1.61166,1.61166,0,0,0,16.38965,18.5h.00049A1.61167,1.61167,0,0,0,18,16.89014V7.10986A1.61167,1.61167,0,0,0,16.39014,5.5Z" }));
 export default PauseM;

package/dist/esm/icons/PauseS.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const PauseS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pause-s ds-icon-set-medium", "data-testid": "ds-icon-pause-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M8.795 5.958A2.476 2.476 0 006.322 8.43v7.14a2.473 2.473 0 104.946 0V8.43a2.476 2.476 0 00-2.473-2.472zm.973 9.611a.973.973 0 11-1.946 0V8.43a.973.973 0 011.946 0zM15.205 5.958a2.476 2.476 0 00-2.473 2.472v7.14a2.473 2.473 0 104.946 0V8.43a2.476 2.476 0 00-2.473-2.472zm.973 9.611a.973.973 0 11-1.946 0V8.43a.973.973 0 011.946 0z" })));
+const PauseS = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3058988263icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pause-s", className: "pause-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3058988263canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M8.79541,5.95752A2.47574,2.47574,0,0,0,6.32227,8.43018v7.13916a2.4729,2.4729,0,1,0,4.9458,0V8.43018A2.47565,2.47565,0,0,0,8.79541,5.95752Zm.97266,9.61182a.9729.9729,0,1,1-1.9458,0V8.43018a.9729.9729,0,0,1,1.9458,0Z" }),
+    React.createElement("path", { d: "M15.20459,5.95752a2.47565,2.47565,0,0,0-2.47266,2.47266v7.13916a2.4729,2.4729,0,1,0,4.9458,0V8.43018A2.47574,2.47574,0,0,0,15.20459,5.95752Zm.97314,9.61182a.9729.9729,0,1,1-1.9458,0V8.43018a.9729.9729,0,0,1,1.9458,0Z" }));
 export default PauseS;

package/dist/esm/icons/PercentM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const PercentM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "percent-m ds-icon-set-medium", "data-testid": "ds-icon-percent-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M7.5 10.516a3.5 3.5 0 113.5-3.5 3.504 3.504 0 01-3.5 3.5zm0-5.5a2 2 0 102 2 2.002 2.002 0 00-2-2zM7.332 19.547a.75.75 0 01-.618-1.175L16.05 4.778a.75.75 0 011.236.85L7.95 19.222a.748.748 0 01-.618.325zM16.5 20.484a3.5 3.5 0 113.5-3.5 3.504 3.504 0 01-3.5 3.5zm0-5.5a2 2 0 102 2 2.002 2.002 0 00-2-2z" })));
+const PercentM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2522321072icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-percent-m", className: "percent-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2522321072canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M7.5,10.51562a3.5,3.5,0,1,1,3.5-3.5A3.50424,3.50424,0,0,1,7.5,10.51562Zm0-5.5a2,2,0,1,0,2,2A2.002,2.002,0,0,0,7.5,5.01562Z" }),
+    React.createElement("path", { d: "M7.33154,19.54688a.75.75,0,0,1-.61767-1.17481L16.0498,4.77832a.75006.75006,0,0,1,1.23633.84961L7.9502,19.22168A.74812.74812,0,0,1,7.33154,19.54688Z" }),
+    React.createElement("path", { d: "M16.5,20.48438a3.5,3.5,0,1,1,3.5-3.5A3.50425,3.50425,0,0,1,16.5,20.48438Zm0-5.5a2,2,0,1,0,2,2A2.00229,2.00229,0,0,0,16.5,14.98438Z" }));
 export default PercentM;

package/dist/esm/icons/PieM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const PieM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pie-m ds-icon-set-medium", "data-testid": "ds-icon-pie-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.572 6.267l-.007-.01c-.005-.006-.012-.007-.017-.012A8 8 0 006.343 17.657a7.727 7.727 0 005.51 2.27h.082a8.023 8.023 0 005.619-2.373 7.939 7.939 0 00.103-11.21c-.027-.028-.057-.05-.085-.077zM7.404 16.597a6.436 6.436 0 01.103-9.09 6.556 6.556 0 014.64-1.931 6.284 6.284 0 013.781 1.257l-4.53 4.53a.75.75 0 000 1.06l4.553 4.553a6.417 6.417 0 01-8.547-.38zm9.602-.687l-4.017-4.016 4.026-4.026a6.434 6.434 0 01-.009 8.042z" })));
+const PieM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-968600471icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pie-m", className: "pie-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-968600471canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.57227,6.2666l-.00684-.01025c-.00513-.00513-.01209-.00653-.01727-.01148A7.99956,7.99956,0,0,0,6.34326,17.65674a7.727,7.727,0,0,0,5.50879,2.27051c.02734,0,.05518,0,.083-.00049a8.02285,8.02285,0,0,0,5.61865-2.37305,7.93859,7.93859,0,0,0,.10352-11.21045C17.62994,6.316,17.59985,6.2934,17.57227,6.2666ZM7.40381,16.59619a6.43626,6.43626,0,0,1,.103-9.08935A6.5555,6.5555,0,0,1,12.147,5.57568,6.28417,6.28417,0,0,1,15.928,6.83319L11.398,11.36328a.74972.74972,0,0,0,0,1.06055l4.55267,4.55224A6.41654,6.41654,0,0,1,7.40381,16.59619Zm9.60217-.68585-4.01721-4.01679,4.02588-4.02587A6.43415,6.43415,0,0,1,17.006,15.91034Z" }));
 export default PieM;

package/dist/esm/icons/PinM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const PinM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pin-m ds-icon-set-medium", "data-testid": "ds-icon-pin-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.462 8.067l-3.55-3.576a1.7 1.7 0 00-2.355 0l-.3.3a1.665 1.665 0 00-.484 1.179v1.747L10.79 9.716H8.228a2.589 2.589 0 00-1.824.76l-.635.64a1.676 1.676 0 000 2.357l1.856 1.87-3.355 3.379a.75.75 0 101.064 1.056l3.348-3.37 1.847 1.86a1.659 1.659 0 002.357 0l.635-.64a2.615 2.615 0 00.752-1.828v-2.586l1.967-1.981 1.556.082c.03.002.06.002.092.002a1.66 1.66 0 001.176-.49l.398-.402a1.677 1.677 0 000-2.358zm-6.47 4.309a.749.749 0 00-.219.528V15.8a1.105 1.105 0 01-.316.772l-.636.64a.136.136 0 01-.227 0l-2.38-2.398-2.381-2.399a.175.175 0 010-.243l.635-.64a1.062 1.062 0 01.76-.316h2.875a.75.75 0 00.532-.222l1.889-1.903 1.364 1.375zm5.405-3.008L18 9.771a.158.158 0 01-.111.046h-.011l-1.604-.085-2-2.014V5.97a.174.174 0 01.05-.122l.298-.3a.137.137 0 01.227 0l3.55 3.576a.173.173 0 010 .244z" })));
+const PinM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pin-m", className: "pin-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-598490140transparent_canvas" },
+        React.createElement("rect", { id: "svg-598490140canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-598490140icons" },
+        React.createElement("path", { d: "M19.4624,8.06738,15.9126,4.49121a1.70013,1.70013,0,0,0-2.356-.001l-.29883.30079a1.66472,1.66472,0,0,0-.48437,1.17871V7.71747L10.79,9.71582H8.22754a2.5889,2.5889,0,0,0-1.82373.75977l-.63477.63964a1.67563,1.67563,0,0,0,0,2.35743l1.8559,1.87L4.27,18.72168a.74992.74992,0,1,0,1.06445,1.05664l3.34711-3.37115,1.84772,1.86138a1.65862,1.65862,0,0,0,2.35644,0l.63526-.63964a2.615,2.615,0,0,0,.75244-1.82911V13.21387l1.96679-1.9812,1.55567.08276c.03076.002.061.002.0918.002a1.65992,1.65992,0,0,0,1.17626-.49023l.39844-.40235A1.677,1.677,0,0,0,19.4624,8.06738ZM12.99121,12.376a.74883.74883,0,0,0-.21777.52832v2.8955a1.10512,1.10512,0,0,1-.3169.77247l-.63574.63964a.13639.13639,0,0,1-.22656,0L9.21387,14.81445,6.83252,12.415a.17515.17515,0,0,1,.001-.24316l.63476-.63965a1.06244,1.06244,0,0,1,.75928-.31641h2.875a.75094.75094,0,0,0,.53223-.22168l1.88873-1.9032,1.36456,1.37476Zm5.40625-3.00782-.39844.40235a.15765.15765,0,0,1-.11132.04687H17.877l-1.60351-.085-2-2.01465v-1.748a.17447.17447,0,0,1,.04931-.12207l.29834-.29981a.13687.13687,0,0,1,.22657,0L18.398,9.124A.17315.17315,0,0,1,18.39746,9.36816Z" })));
 export default PinM;

package/dist/esm/icons/PinterestFillM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const PinterestFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pinterest-fill-m ds-icon-set-medium", "data-testid": "ds-icon-pinterest-fill-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4.146A7.937 7.937 0 004 12a7.937 7.937 0 008 7.854A7.937 7.937 0 0020 12a7.937 7.937 0 00-8-7.854zm.403 11.761a4.349 4.349 0 01-1.61-.32l-.408 1.794a.75.75 0 01-1.463-.332l.623-2.744.745-3.287a.75.75 0 011.463.332l-.625 2.756a2.872 2.872 0 004.15-2.5A3.071 3.071 0 0012 8.803a3.071 3.071 0 00-3.278 2.801 2.399 2.399 0 00.189.892.75.75 0 01-1.395.553 3.873 3.873 0 01-.294-1.445A4.564 4.564 0 0112 7.304a4.564 4.564 0 014.778 4.301 4.344 4.344 0 01-4.375 4.302z" })));
+const PinterestFillM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-556577471icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pinterest-fill-m", className: "pinterest-fill-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-556577471canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M12,4.14551A7.93724,7.93724,0,0,0,4,12a7.93724,7.93724,0,0,0,8,7.85449A7.93724,7.93724,0,0,0,20,12,7.93724,7.93724,0,0,0,12,4.14551Zm.40283,11.76172a4.349,4.349,0,0,1-1.61059-.321l-.407,1.79468a.75.75,0,0,1-1.46289-.332l.6222-2.74378v-.00012L10.29,11.01758a.75.75,0,0,1,1.46289.332l-.62518,2.7569a2.8716,2.8716,0,0,0,4.15008-2.501A3.07133,3.07133,0,0,0,12,8.80371a3.07133,3.07133,0,0,0-3.27783,2.80176,2.399,2.399,0,0,0,.18847.8916.75.75,0,0,1-1.39453.55273,3.87252,3.87252,0,0,1-.29394-1.44433A4.56387,4.56387,0,0,1,12,7.30371a4.56387,4.56387,0,0,1,4.77783,4.30176A4.34357,4.34357,0,0,1,12.40283,15.90723Z" }));
 export default PinterestFillM;

package/dist/esm/icons/PinterestM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const PinterestM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "pinterest-m ds-icon-set-medium", "data-testid": "ds-icon-pinterest-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4.146A7.937 7.937 0 004 12a7.937 7.937 0 008 7.854A7.937 7.937 0 0020 12a7.937 7.937 0 00-8-7.854zm0 14.209a6.607 6.607 0 01-1.78-.248l.572-2.52a4.346 4.346 0 005.986-3.981A4.564 4.564 0 0012 7.304a4.564 4.564 0 00-4.778 4.301 3.873 3.873 0 00.294 1.445.75.75 0 101.395-.553 2.399 2.399 0 01-.189-.892A3.071 3.071 0 0112 8.804a3.071 3.071 0 013.278 2.801 2.872 2.872 0 01-4.15 2.501l.625-2.756a.75.75 0 00-1.463-.332l-1.477 6.514A6.334 6.334 0 015.5 12 6.436 6.436 0 0112 5.646 6.436 6.436 0 0118.5 12a6.436 6.436 0 01-6.5 6.354z" })));
+const PinterestM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3178798845icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-pinterest-m", className: "pinterest-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3178798845canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M12,4.14551A7.93724,7.93724,0,0,0,4,12a7.93724,7.93724,0,0,0,8,7.85449A7.93724,7.93724,0,0,0,20,12,7.93724,7.93724,0,0,0,12,4.14551Zm0,14.209a6.6069,6.6069,0,0,1-1.7793-.248l.57148-2.52027a4.34624,4.34624,0,0,0,5.98565-3.98071A4.56387,4.56387,0,0,0,12,7.30371a4.56387,4.56387,0,0,0-4.77783,4.30176,3.87252,3.87252,0,0,0,.29394,1.44433.75.75,0,1,0,1.39453-.55273,2.399,2.399,0,0,1-.18847-.8916A3.07133,3.07133,0,0,1,12,8.80371a3.07133,3.07133,0,0,1,3.27783,2.80176,2.8716,2.8716,0,0,1-4.15008,2.501l.62518-2.7569a.75.75,0,0,0-1.46289-.332L8.81274,17.532A6.33384,6.33384,0,0,1,5.5,12,6.43583,6.43583,0,0,1,12,5.64551,6.43583,6.43583,0,0,1,18.5,12,6.43583,6.43583,0,0,1,12,18.35449Z" }));
 export default PinterestM;

package/dist/esm/icons/PlayApiM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const PlayApiM = (props) => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", className: "play-api-m ds-icon-set-medium", "data-testid": "ds-icon-play-api-m" }, props),
-    React.createElement("path", { d: "M6.5 16.5a1 1 0 011-1h1a1 1 0 011 1v1a1 1 0 01-1 1h-1a1 1 0 01-1-1v-1z" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.615 4.436a3.23 3.23 0 013.23 0l8.346 4.82a3.23 3.23 0 01.034 5.573l-1.788 1.28a.75.75 0 01-.874-1.219l1.846-1.322.032-.018a1.73 1.73 0 000-2.996L9.094 5.735A1.73 1.73 0 006.5 7.233v1.82a.75.75 0 11-1.5 0v-1.82a3.23 3.23 0 011.615-2.797z" }),
-    React.createElement("path", { d: "M7.988 21.749c-.852 0-1.703-.053-2.548-.16a2.338 2.338 0 01-2.03-2.028 20.58 20.58 0 010-5.12 2.34 2.34 0 012.03-2.03 20.407 20.407 0 015.099-.002 2.343 2.343 0 012.05 2.025c.213 1.69.214 3.398.005 5.087a2.347 2.347 0 01-2.033 2.068c-.854.106-1.713.16-2.573.16zm.011-7.999c-.793 0-1.585.05-2.372.15a.84.84 0 00-.73.728 19.05 19.05 0 00.002 4.745.84.84 0 00.727.729c1.564.197 3.147.198 4.711.003a.85.85 0 00.767-.755c.195-1.569.194-3.156-.002-4.725a.843.843 0 00-.738-.727h-.009A18.973 18.973 0 008 13.75z" })));
+const PlayApiM = (props) => React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-play-api-m", className: "play-api-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M6.5 16.5C6.5 15.9477 6.94772 15.5 7.5 15.5H8.5C9.05228 15.5 9.5 15.9477 9.5 16.5V17.5C9.5 18.0523 9.05228 18.5 8.5 18.5H7.5C6.94772 18.5 6.5 18.0523 6.5 17.5V16.5Z" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.61481 4.43641C7.10577 4.15295 7.6627 4.00372 8.22961 4.00372C8.79653 4.00372 9.35345 4.15295 9.84441 4.43641L18.1911 9.25535C18.682 9.5388 19.0897 9.9465 19.3732 10.4375C19.6567 10.9284 19.8059 11.4854 19.8059 12.0523C19.8059 12.6192 19.6567 13.1761 19.3732 13.6671C19.0963 14.1467 18.7007 14.5469 18.2248 14.8294L16.4366 16.1098C16.0998 16.3509 15.6313 16.2734 15.3902 15.9366C15.1491 15.5998 15.2266 15.1313 15.5634 14.8902L17.4093 13.5685L17.4411 13.5502C17.704 13.3983 17.9224 13.18 18.0742 12.9171C18.226 12.6541 18.3059 12.3559 18.3059 12.0523C18.3059 11.7487 18.226 11.4504 18.0742 11.1875C17.9224 10.9245 17.704 10.7062 17.4411 10.5544L9.09442 5.73545C8.83148 5.58364 8.53322 5.50372 8.22961 5.50372C7.926 5.50372 7.62774 5.58364 7.36481 5.73545C7.10187 5.88725 6.88353 6.10559 6.73172 6.36853C6.57992 6.63146 6.5 6.92972 6.5 7.23333V9.05227C6.5 9.46649 6.16421 9.80227 5.75 9.80227C5.33579 9.80227 5 9.46649 5 9.05227V7.23332C5 6.66641 5.14923 6.10948 5.43269 5.61852C5.71615 5.12756 6.12385 4.71986 6.61481 4.43641Z" }),
+    React.createElement("path", { d: "M7.98773 21.749C7.13595 21.7493 6.28499 21.6961 5.43988 21.5898C4.92414 21.5253 4.4446 21.2908 4.07709 20.9233C3.70957 20.5558 3.47504 20.0762 3.41058 19.5605C3.19696 17.8605 3.19647 16.1405 3.40912 14.4404C3.474 13.9246 3.70886 13.4451 4.0766 13.0776C4.44435 12.7101 4.92402 12.4756 5.43988 12.4111C7.13264 12.1971 8.84554 12.1963 10.5385 12.4086C11.0574 12.4692 11.5411 12.7015 11.9128 13.0685C12.2845 13.4356 12.5228 13.9164 12.5898 14.4345C12.8018 16.1234 12.8031 17.8322 12.5937 19.5214C12.5354 20.0439 12.3033 20.5317 11.9347 20.9065C11.5661 21.2814 11.0824 21.5217 10.5609 21.5888C9.70734 21.6954 8.84795 21.7489 7.98773 21.749ZM7.99945 13.75C7.20624 13.75 6.41382 13.7999 5.62689 13.8994C5.44162 13.9225 5.26934 14.0066 5.13723 14.1386C5.00513 14.2705 4.92074 14.4427 4.8974 14.6279C4.70013 16.2035 4.70063 17.7975 4.89887 19.373C4.92199 19.558 5.00606 19.73 5.13779 19.8619C5.26953 19.9939 5.44144 20.0781 5.6264 20.1015C7.19045 20.2986 8.77297 20.2999 10.3373 20.1054C10.5376 20.0839 10.7245 19.9947 10.8671 19.8525C11 19.7163 11.0833 19.5396 11.1039 19.3505C11.2991 17.7813 11.2984 16.1939 11.102 14.6249C11.0773 14.439 10.9914 14.2666 10.8577 14.1351C10.7241 14.0035 10.5505 13.9202 10.3642 13.8983L10.3554 13.8974C9.5739 13.7994 8.78706 13.7502 7.99945 13.75Z" }));
 export default PlayApiM;