@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/esm/icons/VolumeHalfM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const VolumeHalfM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-half-m ds-icon-set-medium", "data-testid": "ds-icon-volume-half-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.25 8.314a.75.75 0 00-.798 1.27 2.862 2.862 0 011.155 2.42 2.834 2.834 0 01-1.151 2.41.75.75 0 10.79 1.275 4.294 4.294 0 001.86-3.685 4.324 4.324 0 00-1.856-3.69zM11.091 19.146a1.658 1.658 0 01-1.073-.397l-3.443-2.91H4.668A1.668 1.668 0 013 14.175V9.826A1.668 1.668 0 014.668 8.16h1.907l3.443-2.909a1.668 1.668 0 012.746 1.271v10.956a1.65 1.65 0 01-.965 1.51 1.687 1.687 0 01-.708.158zM4.668 9.66a.167.167 0 00-.168.166v4.348a.167.167 0 00.168.166h2.181a.747.747 0 01.484.177l3.653 3.086a.161.161 0 00.181.024.154.154 0 00.097-.15V6.523a.154.154 0 00-.097-.15.157.157 0 00-.18.025L7.332 9.483a.747.747 0 01-.484.177z" })));
+const VolumeHalfM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3721695437icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-half-m", className: "volume-half-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3721695437canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.25049,8.314a.75.75,0,0,0-.79883,1.26954,2.86187,2.86187,0,0,1,1.15527,2.42041,2.83441,2.83441,0,0,1-1.15136,2.41015.75.75,0,1,0,.791,1.27442,4.29387,4.29387,0,0,0,1.86035-3.68457A4.32371,4.32371,0,0,0,16.25049,8.314Z" }),
+    React.createElement("path", { d: "M11.09131,19.146a1.65815,1.65815,0,0,1-1.07373-.39746l-3.44287-2.9087H4.668A1.66846,1.66846,0,0,1,3,14.17432V9.82568A1.66846,1.66846,0,0,1,4.668,8.16016H6.57471l3.44336-2.9087a1.66807,1.66807,0,0,1,2.7456,1.271V17.47754a1.64961,1.64961,0,0,1-.96484,1.51025A1.68708,1.68708,0,0,1,11.09131,19.146ZM4.668,9.66016a.16683.16683,0,0,0-.168.16552v4.34864a.16683.16683,0,0,0,.168.16552H6.84912a.74737.74737,0,0,1,.48389.17725L10.98584,17.603a.161.161,0,0,0,.18164.02441.15427.15427,0,0,0,.09619-.1499V6.52246a.15427.15427,0,0,0-.09619-.1499.15716.15716,0,0,0-.18115.02441L7.333,9.48291a.74737.74737,0,0,1-.48389.17725Z" }));
 export default VolumeHalfM;

package/dist/esm/icons/VolumeMaxM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const VolumeMaxM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-max-m ds-icon-set-medium", "data-testid": "ds-icon-volume-max-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.25 8.314a.75.75 0 00-.798 1.27 2.862 2.862 0 011.155 2.42 2.834 2.834 0 01-1.151 2.41.75.75 0 10.79 1.275 4.294 4.294 0 001.86-3.685 4.324 4.324 0 00-1.856-3.69z" }),
-    React.createElement("path", { d: "M18.612 6.012a.75.75 0 10-.977 1.139 6.403 6.403 0 012.04 4.851 6.408 6.408 0 01-2.036 4.848.75.75 0 10.978 1.137 7.92 7.92 0 002.558-5.985 7.917 7.917 0 00-2.563-5.99zM11.091 19.146a1.658 1.658 0 01-1.073-.397l-3.443-2.91H4.668A1.668 1.668 0 013 14.175V9.826A1.668 1.668 0 014.668 8.16h1.907l3.443-2.909a1.668 1.668 0 012.746 1.271v10.956a1.65 1.65 0 01-.965 1.51 1.687 1.687 0 01-.708.158zM4.668 9.66a.167.167 0 00-.168.166v4.348a.167.167 0 00.168.166h2.181a.747.747 0 01.484.177l3.653 3.086a.161.161 0 00.181.024.154.154 0 00.097-.15V6.523a.154.154 0 00-.097-.15.157.157 0 00-.18.025L7.332 9.483a.747.747 0 01-.484.177z" })));
+const VolumeMaxM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4218831866icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-max-m", className: "volume-max-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4218831866canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.25049,8.314a.75.75,0,0,0-.79883,1.26954,2.86187,2.86187,0,0,1,1.15527,2.42041,2.83441,2.83441,0,0,1-1.15136,2.41015.75.75,0,1,0,.791,1.27442,4.29387,4.29387,0,0,0,1.86035-3.68457A4.32371,4.32371,0,0,0,16.25049,8.314Z" }),
+    React.createElement("path", { d: "M18.61182,6.01221a.75.75,0,1,0-.97657,1.13867A6.40308,6.40308,0,0,1,19.6748,12.002a6.40769,6.40769,0,0,1-2.03564,4.84766.75.75,0,1,0,.97754,1.13769A7.91925,7.91925,0,0,0,21.1748,12.002,7.917,7.917,0,0,0,18.61182,6.01221Z" }),
+    React.createElement("path", { d: "M11.09131,19.146a1.65815,1.65815,0,0,1-1.07373-.39746l-3.44287-2.9087H4.668A1.66846,1.66846,0,0,1,3,14.17432V9.82568A1.66846,1.66846,0,0,1,4.668,8.16016H6.57471l3.44336-2.9087a1.66807,1.66807,0,0,1,2.7456,1.271V17.47754a1.64961,1.64961,0,0,1-.96484,1.51025A1.68708,1.68708,0,0,1,11.09131,19.146ZM4.668,9.66016a.16683.16683,0,0,0-.168.16552v4.34864a.16683.16683,0,0,0,.168.16552H6.84912a.74737.74737,0,0,1,.48389.17725L10.98584,17.603a.161.161,0,0,0,.18164.02441.15427.15427,0,0,0,.09619-.1499V6.52246a.15427.15427,0,0,0-.09619-.1499.15716.15716,0,0,0-.18115.02441L7.333,9.48291a.74737.74737,0,0,1-.48389.17725Z" }));
 export default VolumeMaxM;

package/dist/esm/icons/VolumeMinM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const VolumeMinM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-min-m ds-icon-set-medium", "data-testid": "ds-icon-volume-min-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.091 19.146a1.658 1.658 0 01-1.073-.397l-3.443-2.91H4.668A1.668 1.668 0 013 14.175V9.826A1.668 1.668 0 014.668 8.16h1.907l3.443-2.909a1.668 1.668 0 012.746 1.271v10.956a1.65 1.65 0 01-.965 1.51 1.687 1.687 0 01-.708.158zM4.668 9.66a.167.167 0 00-.168.166v4.348a.167.167 0 00.168.166h2.181a.747.747 0 01.484.177l3.653 3.086a.161.161 0 00.181.024.154.154 0 00.097-.15V6.523a.154.154 0 00-.097-.15.157.157 0 00-.18.025L7.332 9.483a.747.747 0 01-.484.177z" })));
+const VolumeMinM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-169672100icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-min-m", className: "volume-min-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-169672100canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M11.09131,19.146a1.65815,1.65815,0,0,1-1.07373-.39746l-3.44287-2.9087H4.668A1.66846,1.66846,0,0,1,3,14.17432V9.82568A1.66846,1.66846,0,0,1,4.668,8.16016H6.57471l3.44336-2.9087a1.66807,1.66807,0,0,1,2.7456,1.271V17.47754a1.64961,1.64961,0,0,1-.96484,1.51025A1.68708,1.68708,0,0,1,11.09131,19.146ZM4.668,9.66016a.16683.16683,0,0,0-.168.16552v4.34864a.16683.16683,0,0,0,.168.16552H6.84912a.74737.74737,0,0,1,.48389.17725L10.98584,17.603a.161.161,0,0,0,.18164.02441.15427.15427,0,0,0,.09619-.1499V6.52246a.15427.15427,0,0,0-.09619-.1499.15716.15716,0,0,0-.18115.02441L7.333,9.48291a.74737.74737,0,0,1-.48389.17725Z" }));
 export default VolumeMinM;

package/dist/esm/icons/VolumeUpM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const VolumeUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-up-m ds-icon-set-medium", "data-testid": "ds-icon-volume-up-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.25 11.25h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5zM11.091 19.146a1.658 1.658 0 01-1.073-.397l-3.443-2.91H4.668A1.668 1.668 0 013 14.175V9.826A1.668 1.668 0 014.668 8.16h1.907l3.443-2.909a1.668 1.668 0 012.746 1.271v10.956a1.65 1.65 0 01-.965 1.51 1.687 1.687 0 01-.708.158zM4.668 9.66a.167.167 0 00-.168.166v4.348a.167.167 0 00.168.166h2.181a.747.747 0 01.484.177l3.653 3.086a.161.161 0 00.181.024.154.154 0 00.097-.15V6.523a.154.154 0 00-.097-.15.157.157 0 00-.18.025L7.332 9.483a.747.747 0 01-.484.177z" })));
+const VolumeUpM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-203424939icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-up-m", className: "volume-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-203424939canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.25,11.25h-2v-2a.75.75,0,0,0-1.5,0v2h-2a.75.75,0,0,0,0,1.5h2v2a.75.75,0,0,0,1.5,0v-2h2a.75.75,0,0,0,0-1.5Z" }),
+    React.createElement("path", { d: "M11.09131,19.146a1.65815,1.65815,0,0,1-1.07373-.39746l-3.44287-2.9087H4.668A1.66846,1.66846,0,0,1,3,14.17432V9.82568A1.66846,1.66846,0,0,1,4.668,8.16016H6.57471l3.44336-2.9087a1.66807,1.66807,0,0,1,2.7456,1.271V17.47754a1.64961,1.64961,0,0,1-.96484,1.51025A1.68708,1.68708,0,0,1,11.09131,19.146ZM4.668,9.66016a.16683.16683,0,0,0-.168.16552v4.34864a.16683.16683,0,0,0,.168.16552H6.84912a.74737.74737,0,0,1,.48389.17725L10.98584,17.603a.161.161,0,0,0,.18164.02441.15427.15427,0,0,0,.09619-.1499V6.52246a.15427.15427,0,0,0-.09619-.1499.15716.15716,0,0,0-.18115.02441L7.333,9.48291a.74737.74737,0,0,1-.48389.17725Z" }));
 export default VolumeUpM;

package/dist/esm/icons/WalletM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WalletM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "wallet-m ds-icon-set-medium", "data-testid": "ds-icon-wallet-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.325 3.822H5.675A2.716 2.716 0 003 6.572v10.856a2.716 2.716 0 002.675 2.75h9.28a2.656 2.656 0 002.222-1.222h1.148A2.716 2.716 0 0021 16.206V6.572a2.716 2.716 0 00-2.675-2.75zm-3.37 14.856h-9.28a1.215 1.215 0 01-1.175-1.25V6.572a1.215 1.215 0 011.175-1.25h12.65a1.215 1.215 0 011.175 1.25v3.044h-1.806a2.705 2.705 0 00-2.661-2.612H6.966a.75.75 0 100 1.5h8.067a1.194 1.194 0 011.148 1.112h-1.68a2.385 2.385 0 000 4.768h1.628v3.044a1.215 1.215 0 01-1.175 1.25zm4.545-5.794h-4.999a.886.886 0 010-1.768H19.5zm-1.175 4.572h-.696v-3.072H19.5v1.822a1.215 1.215 0 01-1.175 1.25z" })));
+const WalletM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-18737484icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-wallet-m", className: "wallet-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-18737484canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.3252,3.82227H5.6748A2.716,2.716,0,0,0,3,6.57227V17.42773a2.716,2.716,0,0,0,2.6748,2.75h9.2793a2.65556,2.65556,0,0,0,2.22266-1.22168H18.3252A2.716,2.716,0,0,0,21,16.20605V6.57227A2.716,2.716,0,0,0,18.3252,3.82227ZM14.9541,18.67773H5.6748a1.2153,1.2153,0,0,1-1.1748-1.25V6.57227a1.2153,1.2153,0,0,1,1.1748-1.25H18.3252a1.2153,1.2153,0,0,1,1.1748,1.25V9.61621H17.694a2.70523,2.70523,0,0,0-2.66126-2.6123H6.96631a.75.75,0,1,0,0,1.5h8.0664a1.19425,1.19425,0,0,1,1.14863,1.1123H14.501a2.3847,2.3847,0,0,0,0,4.76758h1.62793v3.04394A1.2153,1.2153,0,0,1,14.9541,18.67773ZM19.5,12.88379H14.501a.88636.88636,0,0,1,0-1.76758H19.5Zm-1.1748,4.57226h-.69629V14.38379H19.5v1.82226A1.2153,1.2153,0,0,1,18.3252,17.45605Z" }));
 export default WalletM;

package/dist/esm/icons/WarningFillFullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WarningFillFullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-fill-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-warning-fill-full-background-m" }, props),
-    React.createElement("path", { d: "M11.134 5.5a1 1 0 011.732 0l6.928 12a1 1 0 01-.866 1.5H5.072a1 1 0 01-.866-1.5l6.928-12z", fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.764 17.389L13.514 4.86a1.749 1.749 0 00-3.029 0L3.236 17.39a1.75 1.75 0 001.515 2.626H19.25a1.75 1.75 0 001.515-2.627zM11.25 9.594a.75.75 0 011.5 0v3.75a.75.75 0 11-1.5 0v-3.75zm-.247 6.563c0 .551.446.998.997 1h.003a.999.999 0 10-1-1z" })));
+const WarningFillFullBackgroundM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-warning-fill-full-background-m", className: "warning-fill-full-background-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M11.134 5.5C11.5189 4.83333 12.4811 4.83333 12.866 5.5L19.7942 17.5C20.1791 18.1667 19.698 19 18.9282 19H5.0718C4.302 19 3.82087 18.1667 4.20577 17.5L11.134 5.5Z", fill: "white" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.7637 17.3887L13.5147 4.86036C13.2025 4.31911 12.6252 3.98556 12.0003 3.98535C11.3755 3.98515 10.798 4.31832 10.4854 4.85936L3.23641 17.3896C2.92345 17.931 2.92313 18.5982 3.23557 19.1399C3.54801 19.6816 4.12573 20.0154 4.75106 20.0156H19.249C19.8745 20.0153 20.4524 19.6813 20.7648 19.1395C21.0772 18.5976 21.0768 17.9302 20.7637 17.3887ZM11.25 9.59376C11.25 9.17955 11.5858 8.84376 12 8.84376C12.4143 8.84376 12.75 9.17955 12.75 9.59376V13.3438C12.75 13.758 12.4143 14.0938 12 14.0938C11.5858 14.0938 11.25 13.758 11.25 13.3438V9.59376ZM11.0027 16.1569C11.0024 16.7082 11.4488 17.1555 12 17.1563H12.0027C12.554 17.1555 13.0004 16.7082 13 16.1569C12.9997 15.6056 12.5527 15.1589 12.0014 15.1589C11.4501 15.1589 11.0031 15.6056 11.0027 16.1569Z" }));
 export default WarningFillFullBackgroundM;

package/dist/esm/icons/WarningFillM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WarningFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-fill-m ds-icon-set-medium", "data-testid": "ds-icon-warning-fill-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.764 17.389L13.514 4.86a1.749 1.749 0 00-3.029 0L3.236 17.39a1.75 1.75 0 001.515 2.626h14.498a1.75 1.75 0 001.515-2.627zM11.25 9.594a.75.75 0 011.5 0v3.75a.75.75 0 01-1.5 0zm.753 7.562H12a.999.999 0 11.003 0z" })));
+const WarningFillM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1285157379icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-warning-fill-m", className: "warning-fill-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1285157379canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.76367,17.38867l-7.249-12.52832a1.74894,1.74894,0,0,0-3.0293-.001l-7.249,12.53027a1.75012,1.75012,0,0,0,1.51465,2.626H19.249a1.75061,1.75061,0,0,0,1.51465-2.62695ZM11.25,9.59375a.75.75,0,0,1,1.5,0v3.75a.75.75,0,0,1-1.5,0Zm.75269,7.5625H12a.99866.99866,0,1,1,.00269,0Z" }));
 export default WarningFillM;

package/dist/esm/icons/WarningFillS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WarningFillS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-fill-s ds-icon-set-medium", "data-testid": "ds-icon-warning-fill-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.759 14.716h-.001L13.53 7.518a1.779 1.779 0 00-3.061-.001L6.24 14.716a1.723 1.723 0 000 1.764 1.757 1.757 0 001.531.874h8.456a1.756 1.756 0 001.53-.873 1.725 1.725 0 000-1.765zm-5.757.25H12a.749.749 0 11.002 0zM12.75 12a.75.75 0 01-1.5 0v-1.2a.75.75 0 111.5 0z" })));
+const WarningFillS = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3453975645icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-warning-fill-s", className: "warning-fill-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3453975645canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.75879,14.71631l-.001-.001L13.53125,7.519a1.77851,1.77851,0,0,0-3.06152-.001L6.24121,14.71631a1.7228,1.7228,0,0,0-.001,1.76367,1.75726,1.75726,0,0,0,1.53223.87451h8.45508a1.75565,1.75565,0,0,0,1.53125-.87353A1.72458,1.72458,0,0,0,17.75879,14.71631Zm-5.75678.24884H12a.749.749,0,1,1,.002,0ZM12.75,12a.75.75,0,0,1-1.5,0V10.7998a.75.75,0,1,1,1.5,0Z" }));
 export default WarningFillS;

package/dist/esm/icons/WarningFullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WarningFullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-warning-full-background-m" }, props),
-    React.createElement("path", { d: "M11.134 5.5a1 1 0 011.732 0l6.928 12a1 1 0 01-.866 1.5H5.072a1 1 0 01-.866-1.5l6.928-12z", fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.764 17.39l-7.25-12.53a1.75 1.75 0 00-3.029 0L3.236 17.39a1.75 1.75 0 001.515 2.626h14.498a1.75 1.75 0 001.515-2.627zm-1.3 1a.24.24 0 01-.215.126H4.75a.25.25 0 01-.216-.376l7.249-12.53a.25.25 0 01.432 0l7.249 12.53a.24.24 0 010 .25zM12 14.095a.75.75 0 00.75-.75v-3.75a.75.75 0 00-1.5 0v3.75c0 .414.336.75.75.75zm-.001 1.062a1 1 0 100 2h.003a1 1 0 00-.003-2z" })));
+const WarningFullBackgroundM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-warning-full-background-m", className: "warning-full-background-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M11.134 5.5C11.5189 4.83333 12.4811 4.83333 12.866 5.5L19.7942 17.5C20.1791 18.1667 19.698 19 18.9282 19H5.0718C4.302 19 3.82087 18.1667 4.20577 17.5L11.134 5.5Z", fill: "white" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.7635 17.3892L13.5145 4.85986C13.2017 4.31924 12.6244 3.98633 11.9998 3.98633C11.3752 3.98633 10.798 4.31924 10.4852 4.85986L3.23619 17.3892C2.92299 17.9306 2.92255 18.598 3.23501 19.1398C3.54747 19.6816 4.12535 20.0155 4.75082 20.0156H19.2488C19.8743 20.0155 20.4522 19.6816 20.7646 19.1398C21.0771 18.598 21.0767 17.9306 20.7635 17.3892ZM19.4647 18.3906C19.4216 18.4693 19.3385 18.5174 19.2488 18.5156H4.75082C4.66154 18.5153 4.57918 18.4675 4.53469 18.3901C4.4902 18.3127 4.49031 18.2174 4.535 18.1401L11.784 5.61084C11.8286 5.53378 11.9108 5.48633 11.9998 5.48633C12.0888 5.48633 12.1711 5.53378 12.2156 5.61084L19.4646 18.1401C19.5116 18.217 19.5116 18.3137 19.4647 18.3906ZM11.9998 14.0938C12.414 14.0936 12.7497 13.7579 12.7498 13.3438V9.59375C12.7498 9.17954 12.414 8.84375 11.9998 8.84375C11.5856 8.84375 11.2498 9.17954 11.2498 9.59375V13.3438C11.2499 13.7579 11.5857 14.0936 11.9998 14.0938ZM11.999 15.1563C11.4467 15.1565 10.9992 15.6044 10.9994 16.1566C10.9996 16.7089 11.4475 17.1565 11.9998 17.1563H12.0025C12.5548 17.1553 13.0017 16.7068 13.0008 16.1545C12.9998 15.6022 12.5513 15.1553 11.999 15.1563Z" }));
 export default WarningFullBackgroundM;

package/dist/esm/icons/WarningM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const WarningM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-m ds-icon-set-medium", "data-testid": "ds-icon-warning-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 14.094a.75.75 0 00.75-.75v-3.75a.75.75 0 00-1.5 0v3.75a.75.75 0 00.75.75zM12 15.156a1 1 0 000 2h.003a1 1 0 00-.004-2z" }),
-    React.createElement("path", { d: "M20.764 17.39l-7.25-12.53a1.75 1.75 0 00-3.029 0L3.236 17.39a1.75 1.75 0 001.515 2.626h14.498a1.75 1.75 0 001.515-2.627zm-1.3 1a.24.24 0 01-.215.126H4.751a.25.25 0 01-.216-.376l7.25-12.53a.25.25 0 01.43 0l7.25 12.53a.24.24 0 010 .25z" })));
+const WarningM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3001443905icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-warning-m", className: "warning-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3001443905canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,14.09375a.7502.7502,0,0,0,.75-.75v-3.75a.75.75,0,0,0-1.5,0v3.75A.7502.7502,0,0,0,12,14.09375Z" }),
+    React.createElement("path", { d: "M11.99921,15.15625a1,1,0,0,0,.00079,2h.00269a1,1,0,0,0-.00348-2Z" }),
+    React.createElement("path", { d: "M20.76367,17.38916l-7.249-12.5293a1.74992,1.74992,0,0,0-3.0293,0l-7.249,12.5293A1.75012,1.75012,0,0,0,4.751,20.01562H19.249a1.75012,1.75012,0,0,0,1.51465-2.62646Zm-1.29883,1.00146a.2404.2404,0,0,1-.21582.125H4.751a.25024.25024,0,0,1-.21582-.37548l7.249-12.5293a.2493.2493,0,0,1,.43164,0l7.249,12.5293A.24047.24047,0,0,1,19.46484,18.39062Z" }));
 export default WarningM;

package/dist/esm/icons/WarningS.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const WarningS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "warning-s ds-icon-set-medium", "data-testid": "ds-icon-warning-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.228 17.354H7.772a1.757 1.757 0 01-1.532-.874 1.723 1.723 0 01.001-1.764l4.229-7.198a1.779 1.779 0 013.061.001l4.227 7.196v.001a1.725 1.725 0 010 1.765 1.756 1.756 0 01-1.53.873zM12 8.146a.265.265 0 00-.237.132l-4.228 7.198a.232.232 0 000 .245.265.265 0 00.237.133h8.456a.263.263 0 00.237-.132.232.232 0 00-.001-.248l-4.227-7.196A.265.265 0 0012 8.146z" }),
-    React.createElement("path", { d: "M12 12.75a.75.75 0 01-.75-.75v-1.2a.75.75 0 111.5 0V12a.75.75 0 01-.75.75zM12.002 14.965a.751.751 0 10-.002 0" })));
+const WarningS = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2024072415icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-warning-s", className: "warning-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2024072415canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.22754,17.35449H7.77246A1.75726,1.75726,0,0,1,6.24023,16.48a1.7228,1.7228,0,0,1,.001-1.76367l4.22852-7.19824a1.77851,1.77851,0,0,1,3.06152.001l4.22656,7.19629.001.001a1.72458,1.72458,0,0,1,0,1.76465A1.75565,1.75565,0,0,1,16.22754,17.35449ZM12,8.14551a.26516.26516,0,0,0-.2373.13232L7.53516,15.47559a.232.232,0,0,0-.001.2456.26455.26455,0,0,0,.23828.1333h8.45508a.263.263,0,0,0,.2373-.13232.23224.23224,0,0,0-.001-.24805L12.2373,8.27832A.26461.26461,0,0,0,12,8.14551Z" }),
+    React.createElement("path", { d: "M12,12.75a.7502.7502,0,0,1-.75-.75V10.7998a.75.75,0,1,1,1.5,0V12A.7502.7502,0,0,1,12,12.75Z" }),
+    React.createElement("path", { d: "M12.002,14.96516a.751.751,0,1,0-.002,0" }));
 export default WarningS;

package/dist/esm/icons/WatchM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const WatchM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "watch-m ds-icon-set-medium", "data-testid": "ds-icon-watch-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.106 7.299l-.488-2.908A1.661 1.661 0 0013.975 3h-3.949a1.661 1.661 0 00-1.644 1.394L7.9 7.292a6.225 6.225 0 000 9.415l.48 2.899A1.661 1.661 0 0010.027 21h3.949a1.661 1.661 0 001.643-1.391l.488-2.908a6.224 6.224 0 000-9.403zm-6.244-2.66a.165.165 0 01.164-.139h3.949a.167.167 0 01.165.14l.267 1.593a6.236 6.236 0 00-4.809-.002zM14.14 19.36a.167.167 0 01-.165.14h-3.949a.165.165 0 01-.164-.14l-.264-1.591a6.236 6.236 0 004.809-.002zM12 16.75A4.75 4.75 0 1116.751 12 4.756 4.756 0 0112 16.75z" }),
-    React.createElement("path", { d: "M12.75 11.625V9.709a.75.75 0 00-1.5 0V12c0 .018.01.033.01.051a.812.812 0 00.255.51c.013.011.02.028.035.04l1.834 1.374a.75.75 0 00.9-1.2z" })));
+const WatchM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-981575394icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-watch-m", className: "watch-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-981575394canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16.10565,7.29852l-.48749-2.9079A1.66114,1.66114,0,0,0,13.97461,3H10.02637A1.6611,1.6611,0,0,0,8.38184,4.394L7.901,7.29248a6.22491,6.22491,0,0,0,0,9.415L8.38184,19.606A1.6611,1.6611,0,0,0,10.02637,21h3.94824a1.66112,1.66112,0,0,0,1.64355-1.39111l.48749-2.90741a6.2243,6.2243,0,0,0,0-9.403ZM9.8623,4.63916A.16508.16508,0,0,1,10.02637,4.5h3.94824a.16683.16683,0,0,1,.165.13916l.26727,1.59393A6.23608,6.23608,0,0,0,9.59821,6.2312Zm4.27735,14.72119a.16681.16681,0,0,1-.165.13965H10.02637a.16508.16508,0,0,1-.16407-.13916l-.26409-1.592a6.23593,6.23593,0,0,0,4.80865-.00189ZM12,16.75A4.75,4.75,0,1,1,16.751,12,4.75561,4.75561,0,0,1,12,16.75Z" }),
+    React.createElement("path", { d: "M12.75,11.62469V9.7085a.75.75,0,0,0-1.5,0V12c0,.01819.00909.03339.01038.05127a.81244.81244,0,0,0,.25415.50922c.01367.0119.0205.02856.03527.03961l1.834,1.375a.7502.7502,0,0,0,.90039-1.2002Z" }));
 export default WatchM;

package/dist/esm/icons/WebhookM.js

@@ -1,7 +1,7 @@
 import React from 'react';
-const WebhookM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webhook-m ds-icon-set-medium", "data-testid": "ds-icon-webhook-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M7.098 14.471a1.563 1.563 0 00-1.205.459 1.605 1.605 0 000 2.255 1.57 1.57 0 002.235 0 1.601 1.601 0 00.245-1.924l.963-1.582 1.548-2.544.01-.017-.003-.002c.003-.006.01-.008.013-.013a.75.75 0 00-.248-1.032 2.545 2.545 0 01-.474-.361 2.5 2.5 0 114.222-1.29.75.75 0 101.473.285 4 4 0 10-6.756 2.066c.046.046.1.087.15.13L8.054 12.9z" }),
-    React.createElement("path", { d: "M15.493 12.322l-1.218-2-.963-1.584a1.601 1.601 0 00-.244-1.924 1.57 1.57 0 00-2.236 0 1.605 1.605 0 000 2.255 1.563 1.563 0 001.206.46l.956 1.572 1.569 2.576v.003a.734.734 0 00.253.24.704.704 0 00.091.043.73.73 0 00.235.06c.022.002.041.016.063.016.025 0 .049-.007.073-.01a.719.719 0 00.065-.009.729.729 0 00.246-.088l.006-.002a2.496 2.496 0 11-.474 3.895.75.75 0 10-1.06 1.06 4 4 0 101.432-6.563z" }),
-    React.createElement("path", { d: "M15.503 16.808a1.555 1.555 0 002.504.377 1.605 1.605 0 000-2.255 1.555 1.555 0 00-2.505.378H10.26a.75.75 0 00-.75.75 2.5 2.5 0 11-3.214-2.395.75.75 0 00-.42-1.44 3.963 3.963 0 00-1.694 1.006 4 4 0 106.755 3.579h4.566z" })));
+const WebhookM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1933697720icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webhook-m", className: "webhook-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1933697720canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M7.09778,14.47119a1.56283,1.56283,0,0,0-1.2052.45856,1.60477,1.60477,0,0,0,0,2.25531,1.57073,1.57073,0,0,0,2.23535,0,1.6013,1.6013,0,0,0,.24475-1.9242l.96326-1.58215,1.54785-2.54394.01074-.01661-.004-.00244c.00367-.00561.01032-.00744.0138-.01318a.75045.75045,0,0,0-.248-1.03125A2.54539,2.54539,0,0,1,10.18164,9.71a2.50042,2.50042,0,1,1,4.22266-1.29.75.75,0,1,0,1.47265.28516,4.00045,4.00045,0,1,0-6.75586,2.06543c.046.046.10022.08716.1493.13092l-1.2157,1.998Z" }),
+    React.createElement("path", { d: "M15.49341,12.32227l-1.218-2.001-.963-1.58325a1.6013,1.6013,0,0,0-.24488-1.92389,1.57081,1.57081,0,0,0-2.23541,0,1.60488,1.60488,0,0,0,0,2.25531,1.56261,1.56261,0,0,0,1.20557.45862l.95648,1.57251,1.56848,2.57666.00086.00244a.73388.73388,0,0,0,.2528.24127.7043.7043,0,0,0,.091.04169.72951.72951,0,0,0,.23443.06018c.022.00195.04126.01623.06336.01623.02447,0,.0487-.0075.07324-.00989.02191-.00213.0426-.00463.06439-.00872a.72883.72883,0,0,0,.24628-.08869l.00574-.00207a2.49584,2.49584,0,1,1-.47364,3.89551.74992.74992,0,1,0-1.06054,1.06054,3.99994,3.99994,0,1,0,1.43286-6.56347Z" }),
+    React.createElement("path", { d: "M15.50275,16.80762a1.55481,1.55481,0,0,0,2.50427.37744,1.60477,1.60477,0,0,0,0-2.25531,1.55489,1.55489,0,0,0-2.50452.37787H10.25977a.75018.75018,0,0,0-.75.75A2.50094,2.50094,0,1,1,6.2959,13.66309.74973.74973,0,0,0,5.876,12.22363a3.96251,3.96251,0,0,0-1.69434,1.00586,3.99992,3.99992,0,1,0,6.75488,3.57813h4.56623Z" }));
 export default WebhookM;

package/dist/esm/icons/WebpushAddM.js

@@ -1,9 +1,9 @@
 import React from 'react';
-const WebpushAddM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-add-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-add-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushAddM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3813644745icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-add-m", className: "webpush-add-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3813644745canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    React.createElement("path", { d: "M10.295 16.514a3.728 3.728 0 00-2.632-1.08H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25v1.733a.75.75 0 001.5 0v-1.733a2.753 2.753 0 00-2.75-2.75H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.238 2.238 0 011.58.648l2.23 2.2a.75.75 0 101.053-1.07z" }),
-    React.createElement("path", { d: "M19.95 16.25h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5z" })));
+    React.createElement("path", { d: "M10.29541,16.51367a3.72759,3.72759,0,0,0-2.63232-1.08008H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V10.0166a2.75311,2.75311,0,0,0-2.75-2.75H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23777,2.23777,0,0,1,1.57959.64844l2.231,2.19922a.74994.74994,0,1,0,1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M19.9502,16.25h-2v-2a.75.75,0,0,0-1.5,0v2h-2a.75.75,0,0,0,0,1.5h2v2a.75.75,0,0,0,1.5,0v-2h2a.75.75,0,0,0,0-1.5Z" }));
 export default WebpushAddM;

package/dist/esm/icons/WebpushBlockM.js

@@ -1,9 +1,9 @@
 import React from 'react';
-const WebpushBlockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-block-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-block-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushBlockM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1958016033icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-block-m", className: "webpush-block-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1958016033canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    React.createElement("path", { d: "M10.295 16.514a3.728 3.728 0 00-2.632-1.08H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25v1.733a.75.75 0 001.5 0v-1.733a2.753 2.753 0 00-2.75-2.75H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.238 2.238 0 011.58.648l2.23 2.2a.75.75 0 101.053-1.07z" }),
-    React.createElement("path", { d: "M17.25 13.282a3.75 3.75 0 103.75 3.75 3.754 3.754 0 00-3.75-3.75zm0 1.5a2.223 2.223 0 01.978.233l-2.995 2.995a2.223 2.223 0 01-.233-.978 2.253 2.253 0 012.25-2.25zm0 4.5a2.225 2.225 0 01-.95-.218l2.982-2.982a2.225 2.225 0 01.218.95 2.253 2.253 0 01-2.25 2.25z" })));
+    React.createElement("path", { d: "M10.29541,16.51367a3.72759,3.72759,0,0,0-2.63232-1.08008H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V10.0166a2.75311,2.75311,0,0,0-2.75-2.75H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23777,2.23777,0,0,1,1.57959.64844l2.231,2.19922a.74994.74994,0,1,0,1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M17.25,13.28223a3.75,3.75,0,1,0,3.75,3.75A3.75441,3.75441,0,0,0,17.25,13.28223Zm0,1.5a2.22255,2.22255,0,0,1,.97791.233l-2.99482,2.99481A2.22286,2.22286,0,0,1,15,17.03223,2.25277,2.25277,0,0,1,17.25,14.78223Zm0,4.5a2.22454,2.22454,0,0,1-.95-.218l2.982-2.98206a2.225,2.225,0,0,1,.218.95A2.25278,2.25278,0,0,1,17.25,19.28223Z" }));
 export default WebpushBlockM;

package/dist/esm/icons/WebpushCheckM.js

@@ -1,9 +1,9 @@
 import React from 'react';
-const WebpushCheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-check-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-check-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushCheckM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1213682990icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-check-m", className: "webpush-check-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1213682990canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    React.createElement("path", { d: "M10.296 16.515a3.724 3.724 0 00-2.633-1.081H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25v1.733a.75.75 0 001.5 0v-1.733a2.753 2.753 0 00-2.75-2.75H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.236 2.236 0 011.58.648l2.23 2.2a.75.75 0 101.053-1.07z" }),
-    React.createElement("path", { d: "M19.231 14.678l-2.734 2.716-1.22-1.164a.75.75 0 00-1.035 1.086l1.748 1.667a.75.75 0 001.046-.01l3.252-3.23a.75.75 0 00-1.057-1.065z" })));
+    React.createElement("path", { d: "M10.2959,16.51465a3.72385,3.72385,0,0,0-2.63281-1.08106H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V10.0166a2.75311,2.75311,0,0,0-2.75-2.75H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23578,2.23578,0,0,1,1.5791.64844l2.23144,2.19922a.74994.74994,0,1,0,1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M19.23145,14.67773l-2.73438,2.71582-1.21973-1.16308a.75013.75013,0,0,0-1.03515,1.08594l1.748,1.667a.75012.75012,0,0,0,1.0459-.01074l3.252-3.23047a.74993.74993,0,0,0-1.05664-1.06446Z" }));
 export default WebpushCheckM;

package/dist/esm/icons/WebpushEditM.js

@@ -1,8 +1,9 @@
 import React from 'react';
-const WebpushEditM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-edit-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-edit-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushEditM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-533256660icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-edit-m", className: "webpush-edit-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-533256660canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    React.createElement("path", { d: "M10.296 16.515a3.724 3.724 0 00-2.633-1.081H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25v1.733a.75.75 0 001.5 0v-1.733a2.753 2.753 0 00-2.75-2.75H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.236 2.236 0 011.58.648l2.23 2.2a.75.75 0 101.053-1.07zM20.227 13.954a.75.75 0 00-1.058.003l-.003.004-4.188 4.229.007 1.06 1.057-.003.004-.004 4.188-4.229a.75.75 0 00-.007-1.06z" })));
+    React.createElement("path", { d: "M10.2959,16.51465a3.72385,3.72385,0,0,0-2.63281-1.08106H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V10.0166a2.75311,2.75311,0,0,0-2.75-2.75H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23578,2.23578,0,0,1,1.5791.64844l2.23144,2.19922a.74994.74994,0,1,0,1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M20.227,13.954a.75028.75028,0,0,0-1.05756.00311l-.00348.00348L14.97833,18.1897l.00653,1.0603,1.05756-.00311.00348-.00348,4.18762-4.22907A.74951.74951,0,0,0,20.227,13.954Z" }));
 export default WebpushEditM;

package/dist/esm/icons/WebpushM.js

@@ -1,8 +1,8 @@
 import React from 'react';
-const WebpushM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-88708069icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-m", className: "webpush-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-88708069canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1, fill: "inherit" }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1, fill: "inherit" }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1, fill: "inherit" }),
-    React.createElement("path", { d: "M17.25 7.267H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.238 2.238 0 011.58.648l2.23 2.2a.75.75 0 001.053 0l2.232-2.2a2.235 2.235 0 011.58-.648h.912a2.753 2.753 0 002.75-2.75v-4.167a2.753 2.753 0 00-2.75-2.75zm1.25 6.917a1.251 1.251 0 01-1.25 1.25h-.913a3.726 3.726 0 00-2.632 1.08L12 18.194l-1.705-1.68a3.728 3.728 0 00-2.632-1.08H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25z", fill: "inherit" })));
+    React.createElement("path", { d: "M17.25,7.2666H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23777,2.23777,0,0,1,1.57959.64844l2.231,2.19922a.7498.7498,0,0,0,1.05274,0L14.7583,17.582a2.23492,2.23492,0,0,1,1.5791-.64844H17.25a2.75279,2.75279,0,0,0,2.75-2.75v-4.167A2.75311,2.75311,0,0,0,17.25,7.2666Zm1.25,6.917a1.25116,1.25116,0,0,1-1.25,1.25h-.9126a3.72588,3.72588,0,0,0-2.63232,1.08008L12,18.19434l-1.70459-1.68067a3.72759,3.72759,0,0,0-2.63232-1.08008H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25Z", fill: "inherit" }));
 export default WebpushM;

package/dist/esm/icons/WebpushRemoveM.js

@@ -1,9 +1,9 @@
 import React from 'react';
-const WebpushRemoveM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "webpush-remove-m ds-icon-set-medium", "data-testid": "ds-icon-webpush-remove-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushRemoveM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3019122094icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-webpush-remove-m", className: "webpush-remove-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3019122094canvas", width: 24, height: 24, fill: "none" }),
     React.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     React.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    React.createElement("path", { d: "M10.296 16.515a3.724 3.724 0 00-2.633-1.081H6.75a1.251 1.251 0 01-1.25-1.25v-4.167a1.251 1.251 0 011.25-1.25h10.5a1.251 1.251 0 011.25 1.25v1.733a.75.75 0 001.5 0v-1.733a2.753 2.753 0 00-2.75-2.75H6.75A2.753 2.753 0 004 10.017v4.167a2.753 2.753 0 002.75 2.75h.913a2.236 2.236 0 011.58.648l2.23 2.2a.75.75 0 101.053-1.07z" }),
-    React.createElement("path", { d: "M20.28 14.002a.75.75 0 00-1.06 0l-1.97 1.97-1.97-1.97a.75.75 0 00-1.06 1.06l1.97 1.97-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 001.06-1.06l-1.97-1.97 1.97-1.97a.75.75 0 000-1.06z" })));
+    React.createElement("path", { d: "M10.2959,16.51465a3.72385,3.72385,0,0,0-2.63281-1.08106H6.75a1.25116,1.25116,0,0,1-1.25-1.25v-4.167a1.25116,1.25116,0,0,1,1.25-1.25h10.5a1.25116,1.25116,0,0,1,1.25,1.25V11.75a.75.75,0,0,0,1.5,0V10.0166a2.75311,2.75311,0,0,0-2.75-2.75H6.75A2.75311,2.75311,0,0,0,4,10.0166v4.167a2.75279,2.75279,0,0,0,2.75,2.75h.91309a2.23578,2.23578,0,0,1,1.5791.64844l2.23144,2.19922a.74994.74994,0,1,0,1.05274-1.06836Z" }),
+    React.createElement("path", { d: "M20.28027,14.002a.74972.74972,0,0,0-1.06054,0L17.25,15.97168,15.28027,14.002a.74992.74992,0,0,0-1.06054,1.06055l1.96972,1.96973L14.21973,19.002a.74992.74992,0,1,0,1.06054,1.06055L17.25,18.09277l1.96973,1.96973A.74992.74992,0,0,0,20.28027,19.002l-1.96972-1.96972,1.96972-1.96973A.74973.74973,0,0,0,20.28027,14.002Z" }));
 export default WebpushRemoveM;

package/dist/esm/icons/WifiM.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const WifiM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "wifi-m ds-icon-set-medium", "data-testid": "ds-icon-wifi-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.999 16.815a1.137 1.137 0 101.138 1.136 1.127 1.127 0 00-1.138-1.136zM5.71 11.447a.75.75 0 101.014 1.106 7.954 7.954 0 0110.552 0 .75.75 0 101.014-1.106 9.482 9.482 0 00-12.58 0z" }),
-    React.createElement("path", { d: "M3.382 8.163a.75.75 0 00.992 1.125 11.84 11.84 0 0115.252 0 .75.75 0 00.992-1.125 13.38 13.38 0 00-17.236 0zM8.021 14.45a.75.75 0 001.058 1.064 4.151 4.151 0 015.842 0 .75.75 0 001.058-1.063 5.654 5.654 0 00-7.958 0z" })));
+const WifiM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2233838266icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-wifi-m", className: "wifi-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2233838266canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M11.9989,16.81488a1.13657,1.13657,0,1,0,1.13764,1.13654A1.1275,1.1275,0,0,0,11.9989,16.81488Z" }),
+    React.createElement("path", { d: "M5.71045,11.44727a.74993.74993,0,1,0,1.01367,1.10546,7.95365,7.95365,0,0,1,10.55176,0,.74993.74993,0,1,0,1.01367-1.10546A9.482,9.482,0,0,0,5.71045,11.44727Z" }),
+    React.createElement("path", { d: "M3.38184,8.1626A.75.75,0,0,0,4.374,9.2876a11.83919,11.83919,0,0,1,15.252,0,.75.75,0,0,0,.99218-1.125A13.38049,13.38049,0,0,0,3.38184,8.1626Z" }),
+    React.createElement("path", { d: "M8.021,14.45068a.74992.74992,0,0,0,1.05761,1.06348,4.15137,4.15137,0,0,1,5.84278,0A.74992.74992,0,0,0,15.979,14.45068,5.65441,5.65441,0,0,0,8.021,14.45068Z" }));
 export default WifiM;

package/dist/esm/icons/WindowsFillM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const WindowsFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "windows-fill-m ds-icon-set-medium", "data-testid": "ds-icon-windows-fill-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.147 11.25V6.254a2.259 2.259 0 00-.8-1.73 2.206 2.206 0 00-1.797-.492l-6.28 1.064v6.154zM3.853 12.75v2.99a2.24 2.24 0 001.86 2.223l4.058.687v-5.9zM9.77 5.35l-4.056.687A2.24 2.24 0 003.853 8.26v2.99H9.77zM11.27 18.904l6.28 1.064a2.206 2.206 0 001.798-.493 2.259 2.259 0 00.8-1.73V12.75H11.27z" })));
+const WindowsFillM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3525538038icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-windows-fill-m", className: "windows-fill-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3525538038canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M20.14746,11.25V6.25439a2.259,2.259,0,0,0-.7998-1.72949,2.20625,2.20625,0,0,0-1.79786-.49316l-6.27929,1.0639V11.25Z" }),
+    React.createElement("path", { d: "M3.85254,12.75v2.98975a2.2399,2.2399,0,0,0,1.86133,2.22314l4.05664.68732V12.75Z" }),
+    React.createElement("path", { d: "M9.77051,5.34979l-4.05664.68732A2.2399,2.2399,0,0,0,3.85254,8.26025V11.25h5.918Z" }),
+    React.createElement("path", { d: "M11.27051,18.90436l6.27929,1.0639a2.20607,2.20607,0,0,0,1.79786-.49316,2.259,2.259,0,0,0,.7998-1.72949V12.75H11.27051Z" }));
 export default WindowsFillM;

package/dist/esm/icons/WindowsM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WindowsM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "windows-m ds-icon-set-medium", "data-testid": "ds-icon-windows-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.348 4.525a2.203 2.203 0 00-1.798-.493L5.714 6.037A2.24 2.24 0 003.853 8.26v7.48a2.24 2.24 0 001.86 2.223l11.837 2.005a2.206 2.206 0 001.798-.493 2.259 2.259 0 00.8-1.73V6.256a2.259 2.259 0 00-.8-1.73zM17.8 5.51a.719.719 0 01.58.16.763.763 0 01.267.584v4.996h-7.376V6.617zM5.964 7.516L9.77 6.87v4.379H5.353V8.26a.745.745 0 01.61-.744zm-.611 8.224v-2.99H9.77v4.38l-3.807-.646a.745.745 0 01-.611-.744zm13.027 2.59a.731.731 0 01-.58.16l-6.53-1.107V12.75h7.377v4.996a.763.763 0 01-.267.584z" })));
+const WindowsM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1984951476icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-windows-m", className: "windows-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1984951476canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M19.34766,4.5249a2.20344,2.20344,0,0,0-1.79786-.49316L5.71387,6.03711A2.2399,2.2399,0,0,0,3.85254,8.26025v7.4795a2.2399,2.2399,0,0,0,1.86133,2.22314L17.5498,19.96826a2.20607,2.20607,0,0,0,1.79786-.49316,2.259,2.259,0,0,0,.7998-1.72949V6.25439A2.259,2.259,0,0,0,19.34766,4.5249Zm-1.54786.98535a.71885.71885,0,0,1,.58008.16016.763.763,0,0,1,.26758.584V11.25H11.27051V6.61652ZM5.96387,7.51562l3.80664-.645V11.25h-4.418V8.26025A.7451.7451,0,0,1,5.96387,7.51562Zm-.61133,8.22413V12.75h4.418v4.37933l-3.80664-.64495A.7451.7451,0,0,1,5.35254,15.73975Zm13.02734,2.58984a.73146.73146,0,0,1-.58008.16016l-6.52929-1.10627V12.75h7.37695v4.99561A.763.763,0,0,1,18.37988,18.32959Z" }));
 export default WindowsM;

package/dist/esm/icons/WorkspacesColor.js

@@ -1,17 +1,20 @@
 import React from 'react';
-const WorkspacesColor = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "workspaces-color ds-icon-set-medium", "data-testid": "ds-icon-workspaces-color" }, props),
+const WorkspacesColor = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-workspaces-color", className: "workspaces-color ds-icon-set-medium" }, props),
     React.createElement("defs", null,
-        React.createElement("path", { id: "prefix__svg-1880790573a", d: "M0 0h8.3v8.228H0z" }),
-        React.createElement("path", { id: "prefix__svg-1880790573c", d: "M0 0h8.3v8.228H0z" })),
-    React.createElement("g", { fill: "none", fillRule: "evenodd" },
-        React.createElement("path", { d: "M21 18.754v-3.728a2.253 2.253 0 00-2.25-2.25h-3.8a2.253 2.253 0 00-2.25 2.25v3.728a2.253 2.253 0 002.25 2.25h3.8a2.253 2.253 0 002.25-2.25", fill: "#B88CEE" }),
-        React.createElement("path", { d: "M21.076 8.978V5.25A2.253 2.253 0 0018.826 3h-3.8a2.253 2.253 0 00-2.25 2.25v3.728a2.253 2.253 0 002.25 2.25h3.8a2.253 2.253 0 002.25-2.25", fill: "#6D2ED3" }),
-        React.createElement("g", { transform: "translate(3 3.003)" },
-            React.createElement("mask", { id: "prefix__svg-1880790573b", fill: "#fff" },
-                React.createElement("use", { xlinkHref: "#prefix__svg-1880790573a" })),
-            React.createElement("path", { d: "M8.3 5.978V2.25A2.253 2.253 0 006.05 0h-3.8A2.253 2.253 0 000 2.25v3.728a2.253 2.253 0 002.25 2.25h3.8a2.253 2.253 0 002.25-2.25", fill: "#B88CEE", mask: "url(#prefix__svg-1880790573b)" })),
-        React.createElement("g", { transform: "translate(3 12.776)" },
-            React.createElement("mask", { id: "prefix__svg-1880790573d", fill: "#fff" },
-                React.createElement("use", { xlinkHref: "#prefix__svg-1880790573c" })),
-            React.createElement("path", { d: "M8.3 5.978V2.25A2.253 2.253 0 006.05 0h-3.8A2.253 2.253 0 000 2.25v3.728a2.253 2.253 0 002.25 2.25h3.8a2.253 2.253 0 002.25-2.25", fill: "#D1ADF7", mask: "url(#prefix__svg-1880790573d)" })))));
+        React.createElement("polygon", { id: "svg-1880790573path-1", points: "0 0 8.2999 0 8.2999 8.228 0 8.228" }),
+        React.createElement("polygon", { id: "svg-1880790573path-3", points: "0 1.77635684e-15 8.2999 1.77635684e-15 8.2999 8.228 0 8.228" })),
+    React.createElement("g", { id: "svg-188079057301-App-menu-/-03-Elements-/-02-Icons-/-11-Workspaces-/-01-Active", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "svg-1880790573Group-11", transform: "translate(3.000000, 3.000000)" },
+            React.createElement("path", { d: "M18.0001,15.754 L18.0001,12.026 C17.9981,10.784 16.9921,9.778 15.7501,9.776 L11.9501,9.776 C10.7081,9.778 9.7021,10.784 9.7001,12.026 L9.7001,15.754 C9.7021,16.996 10.7081,18.002 11.9501,18.004 L15.7501,18.004 C16.9921,18.002 17.9981,16.996 18.0001,15.754", id: "svg-1880790573Fill-1", fill: "#B88CEE" }),
+            React.createElement("path", { d: "M18.0759,5.978 L18.0759,2.25 C18.0739,1.008 17.0679,0.002 15.8259,0 L12.0259,0 C10.7839,0.002 9.7779,1.008 9.7759,2.25 L9.7759,5.978 C9.7779,7.22 10.7839,8.226 12.0259,8.228 L15.8259,8.228 C17.0679,8.226 18.0739,7.22 18.0759,5.978", id: "svg-1880790573Fill-3", fill: "#6D2ED3" }),
+            React.createElement("g", { id: "svg-1880790573Group-7", transform: "translate(0.000000, 0.003500)" },
+                React.createElement("mask", { id: "svg-1880790573mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#svg-1880790573path-1" })),
+                React.createElement("g", { id: "svg-1880790573Clip-6" }),
+                React.createElement("path", { d: "M8.2999,5.978 L8.2999,2.25 C8.2979,1.008 7.2919,0.002 6.0499,0 L2.2499,0 C1.0079,0.002 0.0019,1.008 -0.0001,2.25 L-0.0001,5.978 C0.0019,7.22 1.0079,8.226 2.2499,8.228 L6.0499,8.228 C7.2919,8.226 8.2979,7.22 8.2999,5.978", id: "svg-1880790573Fill-5", fill: "#B88CEE", mask: "url(#svg-1880790573mask-2)" })),
+            React.createElement("g", { id: "svg-1880790573Group-10", transform: "translate(0.000000, 9.776000)" },
+                React.createElement("mask", { id: "svg-1880790573mask-4", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#svg-1880790573path-3" })),
+                React.createElement("g", { id: "svg-1880790573Clip-9" }),
+                React.createElement("path", { d: "M8.2999,5.978 L8.2999,2.25 C8.2979,1.008 7.2919,0.002 6.0499,1.77635684e-15 L2.2499,1.77635684e-15 C1.0079,0.002 0.0019,1.008 -0.0001,2.25 L-0.0001,5.978 C0.0019,7.22 1.0079,8.226 2.2499,8.228 L6.0499,8.228 C7.2919,8.226 8.2979,7.22 8.2999,5.978", id: "svg-1880790573Fill-8", fill: "#D1ADF7", mask: "url(#svg-1880790573mask-4)" })))));
 export default WorkspacesColor;

package/dist/esm/icons/WorkspacesGrayM.js

@@ -1,13 +1,16 @@
 import React from 'react';
-const WorkspacesGrayM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "workspaces-gray-m ds-icon-set-medium", "data-testid": "ds-icon-workspaces-gray-m" }, props),
+const WorkspacesGrayM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-testid": "ds-icon-workspaces-gray-m", className: "workspaces-gray-m ds-icon-set-medium" }, props),
     React.createElement("defs", null,
-        React.createElement("path", { id: "prefix__svg-2538222269a", d: "M0 0h8.228v8.3H0z" })),
-    React.createElement("g", { fill: "none", fillRule: "evenodd" },
-        React.createElement("path", { d: "M0 0h24v24H0z" }),
-        React.createElement("path", { d: "M19.504 9.126a.752.752 0 01-.75.75h-3.728a.752.752 0 01-.75-.75v-3.8a.752.752 0 01.75-.75h3.728a.752.752 0 01.75.75v3.8zm-.75-6.05h-3.728a2.253 2.253 0 00-2.25 2.25v3.8a2.253 2.253 0 002.25 2.25h3.728a2.253 2.253 0 002.25-2.25v-3.8a2.253 2.253 0 00-2.25-2.25z", fill: "currentColor" }),
-        React.createElement("g", { transform: "translate(3 3)" },
-            React.createElement("mask", { id: "prefix__svg-2538222269b", fill: "#fff" },
-                React.createElement("use", { xlinkHref: "#prefix__svg-2538222269a" })),
-            React.createElement("path", { d: "M6.728 6.05a.752.752 0 01-.75.75H2.25a.752.752 0 01-.75-.75v-3.8a.752.752 0 01.75-.75h3.728a.752.752 0 01.75.75v3.8zM5.978 0H2.25A2.253 2.253 0 000 2.25v3.8A2.253 2.253 0 002.25 8.3h3.728a2.253 2.253 0 002.25-2.25v-3.8A2.253 2.253 0 005.978 0z", fill: "currentColor", mask: "url(#prefix__svg-2538222269b)" })),
-        React.createElement("path", { d: "M9.731 18.826a.752.752 0 01-.75.75H5.253a.752.752 0 01-.75-.75v-3.8a.752.752 0 01.75-.75h3.728a.752.752 0 01.75.75v3.8zm-.75-6.05H5.253a2.253 2.253 0 00-2.25 2.25v3.8a2.253 2.253 0 002.25 2.25h3.728a2.253 2.253 0 002.25-2.25v-3.8a2.253 2.253 0 00-2.25-2.25zM19.731 18.826a.752.752 0 01-.75.75h-3.728a.752.752 0 01-.75-.75v-3.8a.752.752 0 01.75-.75h3.728a.752.752 0 01.75.75v3.8zm-.75-6.05h-3.728a2.253 2.253 0 00-2.25 2.25v3.8a2.253 2.253 0 002.25 2.25h3.728a2.253 2.253 0 002.25-2.25v-3.8a2.253 2.253 0 00-2.25-2.25z", fill: "currentColor" }))));
+        React.createElement("polygon", { id: "svg-2538222269path-1", points: "0 0 8.2276 0 8.2276 8.3 0 8.3" })),
+    React.createElement("g", { id: "svg-253822226901-App-menu-/-03-Elements-/-02-Icons-/-11-Workspaces-/-02-Inactive", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+        React.createElement("rect", { id: "svg-2538222269canvas", x: -4.9999926e-8, y: -5.00000112e-8, width: 24.0000001, height: 24.0000001 }),
+        React.createElement("g", { id: "svg-2538222269Group-8", transform: "translate(3.000000, 3.000000)" },
+            React.createElement("path", { d: "M16.5036,6.1257 C16.5026,6.5397 16.1676,6.8747 15.7536,6.8757 L12.0256,6.8757 C11.6116,6.8747 11.2766,6.5397 11.2756,6.1257 L11.2756,2.3257 C11.2766,1.9117 11.6116,1.5767 12.0256,1.5757 L15.7536,1.5757 C16.1676,1.5767 16.5026,1.9117 16.5036,2.3257 L16.5036,6.1257 Z M15.7536,0.0757 L12.0256,0.0757 C10.7836,0.0777 9.7776,1.0837 9.7756,2.3257 L9.7756,6.1257 C9.7776,7.3677 10.7836,8.3737 12.0256,8.3757 L15.7536,8.3757 C16.9956,8.3737 18.0016,7.3677 18.0036,6.1257 L18.0036,2.3257 C18.0016,1.0837 16.9956,0.0777 15.7536,0.0757 L15.7536,0.0757 Z", id: "svg-2538222269Fill-1", fill: "currentColor" }),
+            React.createElement("g", { id: "svg-2538222269Group-5" },
+                React.createElement("mask", { id: "svg-2538222269mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#svg-2538222269path-1" })),
+                React.createElement("g", { id: "svg-2538222269Clip-4" }),
+                React.createElement("path", { d: "M6.7276,6.05 C6.7266,6.464 6.3916,6.799 5.9776,6.8 L2.2496,6.8 C1.8356,6.799 1.5006,6.464 1.4996,6.05 L1.4996,2.25 C1.5006,1.836 1.8356,1.501 2.2496,1.5 L5.9776,1.5 C6.3916,1.501 6.7266,1.836 6.7276,2.25 L6.7276,6.05 Z M5.9776,0 L2.2496,0 C1.0076,0.002 0.0016,1.008 -0.0004,2.25 L-0.0004,6.05 C0.0016,7.292 1.0076,8.298 2.2496,8.3 L5.9776,8.3 C7.2196,8.298 8.2256,7.292 8.2276,6.05 L8.2276,2.25 C8.2256,1.008 7.2196,0.002 5.9776,0 L5.9776,0 Z", id: "svg-2538222269Fill-3", fill: "currentColor", mask: "url(#svg-2538222269mask-2)" })),
+            React.createElement("path", { d: "M6.7311,15.826 C6.7301,16.24 6.3951,16.575 5.9811,16.576 L2.2531,16.576 C1.8391,16.575 1.5041,16.24 1.5031,15.826 L1.5031,12.026 C1.5041,11.612 1.8391,11.277 2.2531,11.276 L5.9811,11.276 C6.3951,11.277 6.7301,11.612 6.7311,12.026 L6.7311,15.826 Z M5.9811,9.776 L2.2531,9.776 C1.0111,9.778 0.0051,10.784 0.0031,12.026 L0.0031,15.826 C0.0051,17.068 1.0111,18.074 2.2531,18.076 L5.9811,18.076 C7.2231,18.074 8.2291,17.068 8.2311,15.826 L8.2311,12.026 C8.2291,10.784 7.2231,9.778 5.9811,9.776 L5.9811,9.776 Z", id: "svg-2538222269Fill-6", fill: "currentColor" }),
+            React.createElement("path", { d: "M16.7311,15.826 C16.7301,16.24 16.3951,16.575 15.9811,16.576 L12.2531,16.576 C11.8391,16.575 11.5041,16.24 11.5031,15.826 L11.5031,12.026 C11.5041,11.612 11.8391,11.277 12.2531,11.276 L15.9811,11.276 C16.3951,11.277 16.7301,11.612 16.7311,12.026 L16.7311,15.826 Z M15.9811,9.776 L12.2531,9.776 C11.0111,9.778 10.0051,10.784 10.0031,12.026 L10.0031,15.826 C10.0051,17.068 11.0111,18.074 12.2531,18.076 L15.9811,18.076 C17.2231,18.074 18.2291,17.068 18.2311,15.826 L18.2311,12.026 C18.2291,10.784 17.2231,9.778 15.9811,9.776 L15.9811,9.776 Z", id: "svg-2538222269Fill-6-Copy", fill: "currentColor" }))));
 export default WorkspacesGrayM;

package/dist/esm/icons/WrongAlertM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const WrongAlertM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "wrong-alert-m ds-icon-set-medium", "data-testid": "ds-icon-wrong-alert-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M20.339 18.043l-2.078-3.419a1.208 1.208 0 00-1.998 0v.001l-2.078 3.418a1.188 1.188 0 00-.02 1.197 1.174 1.174 0 001.019.598h4.156a1.174 1.174 0 001.02-.598 1.188 1.188 0 00-.021-1.197zm-4.578.295l1.5-2.469 1.502 2.469zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.771.771 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.234 38.234 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304a39.5 39.5 0 00.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
-    React.createElement("path", { d: "M14.762 12.4a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.568 17.568 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.72.72 0 00.766.734z" })));
+const WrongAlertM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4136229323icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-wrong-alert-m", className: "wrong-alert-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4136229323canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M20.33887,18.043l-2.07813-3.419a1.20808,1.20808,0,0,0-1.998,0v.001l-2.07813,3.418a1.18806,1.18806,0,0,0-.02051,1.19726,1.17443,1.17443,0,0,0,1.01953.59766h4.15625a1.17443,1.17443,0,0,0,1.01954-.59766A1.18808,1.18808,0,0,0,20.33887,18.043Zm-4.57813.29492,1.501-2.46875,1.501,2.46875Z" }),
+    React.createElement("path", { d: "M11.31348,17.49316c-.32715-.00586-.6543-.0166-.98047-.03027-.97949-.04394-1.96582-.12891-2.93262-.251a.72931.72931,0,0,1-.62012-.68359,36.84619,36.84619,0,0,1,.00782-9.12891.71543.71543,0,0,1,.64746-.61523,36.95644,36.95644,0,0,1,9.166.00488.70285.70285,0,0,1,.61035.61133c.11817.94238.20118,1.89649.2461,2.835a.771.771,0,0,0,.78418.71387.74993.74993,0,0,0,.71386-.78418c-.04589-.97754-.13281-1.97168-.25585-2.95313A2.21257,2.21257,0,0,0,16.75,5.2959c-.74756-.09339-1.498-.16107-2.25-.21015V3.8252a.75.75,0,1,0-1.5,0V5.03192q-.999-.02591-2,.00037V3.8252a.75.75,0,0,0-1.5,0V5.08612c-.76221.04981-1.52478.1192-2.28711.21466A2.20181,2.20181,0,0,0,5.2998,7.21289q-.14574,1.158-.219,2.32422H3.78711a.75.75,0,0,0,0,1.5H5.03076q-.02454.99747.00379,2H3.78711a.75.75,0,0,0,0,1.5h1.3042c.04968.748.11621,1.49744.20947,2.249A2.20184,2.20184,0,0,0,7.21289,18.7002c1.00586.127,2.0332.21484,3.05371.26074.33985.01562.68067.02636,1.01953.03222h.01367a.75006.75006,0,0,0,.01368-1.5Z" }),
+    React.createElement("path", { d: "M14.76172,12.40039a.75035.75035,0,0,0,.73437-.76562,17.68614,17.68614,0,0,0-.13086-1.79493,1.39464,1.39464,0,0,0-1.22265-1.20605,17.22373,17.22373,0,0,0-4.30078.002,1.391,1.391,0,0,0-1.207,1.20606,17.34817,17.34817,0,0,0,.001,4.3164,1.391,1.391,0,0,0,1.207,1.207,17.5679,17.5679,0,0,0,1.792.13086h.01562a.75008.75008,0,0,0,.01563-1.5c-.51465-.01074-1.03711-.04687-1.55274-.10839a15.84452,15.84452,0,0,1-.001-3.77442,15.80144,15.80144,0,0,1,3.7754,0c.06152.5166.09765,1.03809.10839,1.55274A.72041.72041,0,0,0,14.76172,12.40039Z" }));
 export default WrongAlertM;

package/dist/esm/icons/WthCloudM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const WthCloudM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "wth-cloud-m ds-icon-set-medium", "data-testid": "ds-icon-wth-cloud-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.656 10.497A5.684 5.684 0 006.78 8.941a4.85 4.85 0 001.095 9.58h9.075a4.042 4.042 0 00.706-8.024zm-.706 6.524H7.875a3.362 3.362 0 01-.456-6.695.71.71 0 00.099-.034.74.74 0 00.154-.054 1.807 1.807 0 00.22-.181.738.738 0 00.08-.138.703.703 0 00.055-.094 4.198 4.198 0 018.173 1.35.75.75 0 00.75.75 2.547 2.547 0 110 5.096z" })));
+const WthCloudM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3578188796icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-wth-cloud-m", className: "wth-cloud-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3578188796canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.65582,10.49707A5.68362,5.68362,0,0,0,6.78021,8.9408,4.84957,4.84957,0,0,0,7.875,18.52051h9.0752a4.04208,4.04208,0,0,0,.70562-8.02344Zm-.70562,6.52344H7.875A3.36183,3.36183,0,0,1,7.419,10.32617a.70943.70943,0,0,0,.09851-.0343.74052.74052,0,0,0,.1549-.054,1.80722,1.80722,0,0,0,.21973-.18115.73772.73772,0,0,0,.08044-.13806.70329.70329,0,0,0,.05481-.09393,4.19846,4.19846,0,0,1,8.17286,1.35107.75019.75019,0,0,0,.75.75,2.54737,2.54737,0,1,1,0,5.09473Z" }));
 export default WthCloudM;