@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/cjs/icons/VarTypeDateM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VarTypeDateM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "var-type-date-m ds-icon-set-medium", "data-testid": "ds-icon-var-type-date-m" }, props),
-    react_1.default.createElement("g", { fillRule: "evenodd" },
-        react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("path", { d: "M18.5 3.25a2.25 2.25 0 012.25 2.25v13a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-13A2.25 2.25 0 015.5 3.25zm0 1.5h-13a.75.75 0 00-.75.75v13c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-13a.75.75 0 00-.75-.75zM13.5 7a.75.75 0 01.743.648l.007.102v.5h1a1.75 1.75 0 011.744 1.606L17 10v5.25a1.75 1.75 0 01-1.606 1.744L15.25 17h-6.5a1.75 1.75 0 01-1.744-1.606L7 15.25V10a1.75 1.75 0 011.606-1.744l.144-.006h1v-.5a.75.75 0 011.493-.102l.007.102v.5h1.5v-.5A.75.75 0 0113.5 7zM9.75 9.75h-1a.25.25 0 00-.243.193L8.5 10v5.25a.25.25 0 00.193.243l.057.007h6.5a.25.25 0 00.243-.193l.007-.057V10a.25.25 0 00-.25-.25h-1v.5a.75.75 0 01-1.493.102l-.007-.102v-.5h-1.5v.5a.75.75 0 01-1.493.102l-.007-.102v-.5z" }))));
+const VarTypeDateM = (props) => react_1.default.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-var-type-date-m", className: "var-type-date-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-857946530Analytics-/-02-M-/-05-Variable-type-/-05-02-var-type-date-m", stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+        react_1.default.createElement("rect", { id: "svg-857946530canvas", x: -7.46069873e-14, y: 3.90798505e-14, width: 24.0000001, height: 24.0000001, fill: "none" }),
+        react_1.default.createElement("path", { d: "M18.5,3.25 C19.7426407,3.25 20.75,4.25735931 20.75,5.5 L20.75,5.5 L20.75,18.5 C20.75,19.7426407 19.7426407,20.75 18.5,20.75 L18.5,20.75 L5.5,20.75 C4.25735931,20.75 3.25,19.7426407 3.25,18.5 L3.25,18.5 L3.25,5.5 C3.25,4.25735931 4.25735931,3.25 5.5,3.25 L5.5,3.25 Z M18.5,4.75 L5.5,4.75 C5.08578644,4.75 4.75,5.08578644 4.75,5.5 L4.75,5.5 L4.75,18.5 C4.75,18.9142136 5.08578644,19.25 5.5,19.25 L5.5,19.25 L18.5,19.25 C18.9142136,19.25 19.25,18.9142136 19.25,18.5 L19.25,18.5 L19.25,5.5 C19.25,5.08578644 18.9142136,4.75 18.5,4.75 L18.5,4.75 Z M13.5,7 C13.8796958,7 14.193491,7.28215388 14.2431534,7.64822944 L14.25,7.75 L14.25,8.25 L15.25,8.25 C16.1681734,8.25 16.9211923,8.95711027 16.9941988,9.85647279 L17,10 L17,15.25 C17,16.1681734 16.2928897,16.9211923 15.3935272,16.9941988 L15.25,17 L8.75,17 C7.8318266,17 7.07880766,16.2928897 7.0058012,15.3935272 L7,15.25 L7,10 C7,9.0818266 7.70711027,8.32880766 8.60647279,8.2558012 L8.75,8.25 L9.75,8.25 L9.75,7.75 C9.75,7.33578644 10.0857864,7 10.5,7 C10.8796958,7 11.193491,7.28215388 11.2431534,7.64822944 L11.25,7.75 L11.25,8.25 L12.75,8.25 L12.75,7.75 C12.75,7.33578644 13.0857864,7 13.5,7 Z M9.75,9.75 L8.75,9.75 C8.63165327,9.75 8.53251318,9.83223341 8.50660268,9.94267729 L8.5,10 L8.5,15.25 C8.5,15.3683467 8.58223341,15.4674868 8.69267729,15.4933973 L8.75,15.5 L15.25,15.5 C15.3683467,15.5 15.4674868,15.4177666 15.4933973,15.3073227 L15.5,15.25 L15.5,10 C15.5,9.86192881 15.3880712,9.75 15.25,9.75 L14.25,9.75 L14.25,10.25 C14.25,10.6642136 13.9142136,11 13.5,11 C13.1203042,11 12.806509,10.7178461 12.7568466,10.3517706 L12.75,10.25 L12.75,9.75 L11.25,9.75 L11.25,10.25 C11.25,10.6642136 10.9142136,11 10.5,11 C10.1203042,11 9.80650904,10.7178461 9.75684662,10.3517706 L9.75,10.25 L9.75,9.75 Z" })));
 exports.default = VarTypeDateM;

package/dist/cjs/icons/VarTypeListM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VarTypeListM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "var-type-list-m ds-icon-set-medium", "data-testid": "ds-icon-var-type-list-m" }, props),
-    react_1.default.createElement("g", { fillRule: "evenodd" },
-        react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("path", { d: "M18.5 3.25a2.25 2.25 0 012.25 2.25v13a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-13A2.25 2.25 0 015.5 3.25zm0 1.5h-13a.75.75 0 00-.75.75v13c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-13a.75.75 0 00-.75-.75zm-10 9.75a1 1 0 110 2 1 1 0 010-2zm7 .25a.75.75 0 01.102 1.493l-.102.007h-4a.75.75 0 01-.102-1.493l.102-.007h4zM8.5 11a1 1 0 110 2 1 1 0 010-2zm7 .25a.75.75 0 01.102 1.493l-.102.007h-4a.75.75 0 01-.102-1.493l.102-.007h4zm-7-3.75a1 1 0 110 2 1 1 0 010-2zm7 .25a.75.75 0 01.102 1.493l-.102.007h-4a.75.75 0 01-.102-1.493l.102-.007h4z" }))));
+const VarTypeListM = (props) => react_1.default.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-var-type-list-m", className: "var-type-list-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-3133865300Analytics-/-02-M-/-05-Variable-type-/-05-03-var-type-list-m", stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+        react_1.default.createElement("rect", { id: "svg-3133865300canvas", x: -7.46069873e-14, y: 3.90798505e-14, width: 24.0000001, height: 24.0000001, fill: "none" }),
+        react_1.default.createElement("path", { d: "M18.5,3.25 C19.7426407,3.25 20.75,4.25735931 20.75,5.5 L20.75,5.5 L20.75,18.5 C20.75,19.7426407 19.7426407,20.75 18.5,20.75 L18.5,20.75 L5.5,20.75 C4.25735931,20.75 3.25,19.7426407 3.25,18.5 L3.25,18.5 L3.25,5.5 C3.25,4.25735931 4.25735931,3.25 5.5,3.25 L5.5,3.25 Z M18.5,4.75 L5.5,4.75 C5.08578644,4.75 4.75,5.08578644 4.75,5.5 L4.75,5.5 L4.75,18.5 C4.75,18.9142136 5.08578644,19.25 5.5,19.25 L5.5,19.25 L18.5,19.25 C18.9142136,19.25 19.25,18.9142136 19.25,18.5 L19.25,18.5 L19.25,5.5 C19.25,5.08578644 18.9142136,4.75 18.5,4.75 L18.5,4.75 Z M8.5,14.5 C9.05228475,14.5 9.5,14.9477153 9.5,15.5 C9.5,16.0522847 9.05228475,16.5 8.5,16.5 C7.94771525,16.5 7.5,16.0522847 7.5,15.5 C7.5,14.9477153 7.94771525,14.5 8.5,14.5 Z M15.5,14.75 C15.9142136,14.75 16.25,15.0857864 16.25,15.5 C16.25,15.8796958 15.9678461,16.193491 15.6017706,16.2431534 L15.5,16.25 L11.5,16.25 C11.0857864,16.25 10.75,15.9142136 10.75,15.5 C10.75,15.1203042 11.0321539,14.806509 11.3982294,14.7568466 L11.5,14.75 L15.5,14.75 Z M8.5,11 C9.05228475,11 9.5,11.4477153 9.5,12 C9.5,12.5522847 9.05228475,13 8.5,13 C7.94771525,13 7.5,12.5522847 7.5,12 C7.5,11.4477153 7.94771525,11 8.5,11 Z M15.5,11.25 C15.9142136,11.25 16.25,11.5857864 16.25,12 C16.25,12.3796958 15.9678461,12.693491 15.6017706,12.7431534 L15.5,12.75 L11.5,12.75 C11.0857864,12.75 10.75,12.4142136 10.75,12 C10.75,11.6203042 11.0321539,11.306509 11.3982294,11.2568466 L11.5,11.25 L15.5,11.25 Z M8.5,7.5 C9.05228475,7.5 9.5,7.94771525 9.5,8.5 C9.5,9.05228475 9.05228475,9.5 8.5,9.5 C7.94771525,9.5 7.5,9.05228475 7.5,8.5 C7.5,7.94771525 7.94771525,7.5 8.5,7.5 Z M15.5,7.75 C15.9142136,7.75 16.25,8.08578644 16.25,8.5 C16.25,8.87969577 15.9678461,9.19349096 15.6017706,9.24315338 L15.5,9.25 L11.5,9.25 C11.0857864,9.25 10.75,8.91421356 10.75,8.5 C10.75,8.12030423 11.0321539,7.80650904 11.3982294,7.75684662 L11.5,7.75 L15.5,7.75 Z" })));
 exports.default = VarTypeListM;

package/dist/cjs/icons/VarTypeNumberM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VarTypeNumberM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "var-type-number-m ds-icon-set-medium", "data-testid": "ds-icon-var-type-number-m" }, props),
-    react_1.default.createElement("g", { fillRule: "evenodd" },
-        react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("path", { d: "M18.5 3.25a2.25 2.25 0 012.25 2.25v13a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-13A2.25 2.25 0 015.5 3.25zm0 1.5h-13a.75.75 0 00-.75.75v13c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-13a.75.75 0 00-.75-.75zm-4.259 2.5l.102.006A.75.75 0 0115 7.99l-.006.102-.176 1.407H16a.75.75 0 01.102 1.493L16 11h-1.369l-.25 2H16a.75.75 0 01.102 1.493L16 14.5h-1.807l-.199 1.593a.75.75 0 01-1.494-.084l.006-.102.175-1.407h-1.988l-.199 1.593A.75.75 0 019 16.009l.006-.102.175-1.407H8a.75.75 0 01-.102-1.493L8 13h1.368l.25-2H8a.75.75 0 01-.102-1.493L8 9.5h1.806l.2-1.593a.75.75 0 01.735-.657l.102.006a.75.75 0 01.657.735l-.006.102-.176 1.407h1.988l.2-1.593a.75.75 0 01.735-.657zM13.118 11h-1.987l-.25 2h1.987l.25-2z" }))));
+const VarTypeNumberM = (props) => react_1.default.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-var-type-number-m", className: "var-type-number-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-1636192309Analytics-/-02-M-/-05-Variable-type-/-05-04-var-type-number-m", stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+        react_1.default.createElement("rect", { id: "svg-1636192309canvas", x: -4.9999926e-8, y: -5.00000397e-8, width: 24.0000001, height: 24.0000001, fill: "none" }),
+        react_1.default.createElement("path", { d: "M18.5,3.25 C19.7426407,3.25 20.75,4.25735931 20.75,5.5 L20.75,5.5 L20.75,18.5 C20.75,19.7426407 19.7426407,20.75 18.5,20.75 L18.5,20.75 L5.5,20.75 C4.25735931,20.75 3.25,19.7426407 3.25,18.5 L3.25,18.5 L3.25,5.5 C3.25,4.25735931 4.25735931,3.25 5.5,3.25 L5.5,3.25 Z M18.5,4.75 L5.5,4.75 C5.08578644,4.75 4.75,5.08578644 4.75,5.5 L4.75,5.5 L4.75,18.5 C4.75,18.9142136 5.08578644,19.25 5.5,19.25 L5.5,19.25 L18.5,19.25 C18.9142136,19.25 19.25,18.9142136 19.25,18.5 L19.25,18.5 L19.25,5.5 C19.25,5.08578644 18.9142136,4.75 18.5,4.75 L18.5,4.75 Z M14.2411922,7.24996225 L14.3430261,7.25579159 C14.7197898,7.30288706 14.9961649,7.62178361 15.0000377,7.99119216 L14.9942084,8.09302605 L14.818,9.5 L16,9.5 C16.4142136,9.5 16.75,9.83578644 16.75,10.25 C16.75,10.6296958 16.4678461,10.943491 16.1017706,10.9931534 L16,11 L14.631,11 L14.381,13 L16,13 C16.4142136,13 16.75,13.3357864 16.75,13.75 C16.75,14.1296958 16.4678461,14.443491 16.1017706,14.4931534 L16,14.5 L14.193,14.5 L13.9942084,16.0930261 C13.9428315,16.504041 13.5679889,16.7955853 13.1569739,16.7442084 C12.7802102,16.6971129 12.5038351,16.3782164 12.4999623,16.0088078 L12.5057916,15.9069739 L12.681,14.5 L10.693,14.5 L10.4942084,16.0930261 C10.4428315,16.504041 10.0679889,16.7955853 9.65697395,16.7442084 C9.28021024,16.6971129 9.00383509,16.3782164 8.99996225,16.0088078 L9.00579159,15.9069739 L9.181,14.5 L8,14.5 C7.58578644,14.5 7.25,14.1642136 7.25,13.75 C7.25,13.3703042 7.53215388,13.056509 7.89822944,13.0068466 L8,13 L9.368,13 L9.618,11 L8,11 C7.58578644,11 7.25,10.6642136 7.25,10.25 C7.25,9.87030423 7.53215388,9.55650904 7.89822944,9.50684662 L8,9.5 L9.806,9.5 L10.0057916,7.90697395 C10.0528871,7.53021024 10.3717836,7.25383509 10.7411922,7.24996225 L10.8430261,7.25579159 C11.2197898,7.30288706 11.4961649,7.62178361 11.5000377,7.99119216 L11.4942084,8.09302605 L11.318,9.5 L13.306,9.5 L13.5057916,7.90697395 C13.5528871,7.53021024 13.8717836,7.25383509 14.2411922,7.24996225 Z M13.118,11 L11.131,11 L10.881,13 L12.868,13 L13.118,11 Z" })));
 exports.default = VarTypeNumberM;

package/dist/cjs/icons/VarTypeStringM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VarTypeStringM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "var-type-string-m ds-icon-set-medium", "data-testid": "ds-icon-var-type-string-m" }, props),
-    react_1.default.createElement("g", { fillRule: "evenodd" },
-        react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-        react_1.default.createElement("path", { d: "M18.5 3.25a2.25 2.25 0 012.25 2.25v13a2.25 2.25 0 01-2.25 2.25h-13a2.25 2.25 0 01-2.25-2.25v-13A2.25 2.25 0 015.5 3.25zm0 1.5h-13a.75.75 0 00-.75.75v13c0 .414.336.75.75.75h13a.75.75 0 00.75-.75v-13a.75.75 0 00-.75-.75zM15.5 8a.75.75 0 01.102 1.493L15.5 9.5h-2.75v6.25a.75.75 0 01-1.493.102l-.007-.102V9.5H8.5a.75.75 0 01-.102-1.493L8.5 8h7z" }))));
+const VarTypeStringM = (props) => react_1.default.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-var-type-string-m", className: "var-type-string-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("g", { id: "svg-147324803Analytics-/-02-M-/-05-Variable-type-/-05-05-var-type-string-m", stroke: "none", strokeWidth: 1, fillRule: "evenodd" },
+        react_1.default.createElement("rect", { id: "svg-147324803canvas", x: -7.46069873e-14, y: 3.90798505e-14, width: 24.0000001, height: 24.0000001, fill: "none" }),
+        react_1.default.createElement("path", { d: "M18.5,3.25 C19.7426407,3.25 20.75,4.25735931 20.75,5.5 L20.75,5.5 L20.75,18.5 C20.75,19.7426407 19.7426407,20.75 18.5,20.75 L18.5,20.75 L5.5,20.75 C4.25735931,20.75 3.25,19.7426407 3.25,18.5 L3.25,18.5 L3.25,5.5 C3.25,4.25735931 4.25735931,3.25 5.5,3.25 L5.5,3.25 Z M18.5,4.75 L5.5,4.75 C5.08578644,4.75 4.75,5.08578644 4.75,5.5 L4.75,5.5 L4.75,18.5 C4.75,18.9142136 5.08578644,19.25 5.5,19.25 L5.5,19.25 L18.5,19.25 C18.9142136,19.25 19.25,18.9142136 19.25,18.5 L19.25,18.5 L19.25,5.5 C19.25,5.08578644 18.9142136,4.75 18.5,4.75 L18.5,4.75 Z M15.5,8 C15.9142136,8 16.25,8.33578644 16.25,8.75 C16.25,9.12969577 15.9678461,9.44349096 15.6017706,9.49315338 L15.5,9.5 L12.75,9.5 L12.75,15.75 C12.75,16.1642136 12.4142136,16.5 12,16.5 C11.6203042,16.5 11.306509,16.2178461 11.2568466,15.8517706 L11.25,15.75 L11.25,9.5 L8.5,9.5 C8.08578644,9.5 7.75,9.16421356 7.75,8.75 C7.75,8.37030423 8.03215388,8.05650904 8.39822944,8.00684662 L8.5,8 L15.5,8 Z" })));
 exports.default = VarTypeStringM;

package/dist/cjs/icons/VolumeDisableM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeDisableM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-disable-m ds-icon-set-medium", "data-testid": "ds-icon-volume-disable-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M20.78 8.97a.75.75 0 00-1.06 0l-1.97 1.97-1.97-1.97a.75.75 0 00-1.06 1.06L16.69 12l-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 001.06-1.06L18.81 12l1.97-1.97a.75.75 0 000-1.06zM11.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 VolumeDisableM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3741716506icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-disable-m", className: "volume-disable-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-3741716506canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M20.78027,8.96973a.74972.74972,0,0,0-1.06054,0L17.75,10.93945,15.78027,8.96973a.74992.74992,0,0,0-1.06054,1.06054L16.68945,12l-1.96972,1.96973a.74992.74992,0,1,0,1.06054,1.06054L17.75,13.06055l1.96973,1.96972a.74992.74992,0,0,0,1.06054-1.06054L18.81055,12l1.96972-1.96973A.74972.74972,0,0,0,20.78027,8.96973Z" }),
+    react_1.default.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" }));
 exports.default = VolumeDisableM;

package/dist/cjs/icons/VolumeDownM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "volume-down-m ds-icon-set-medium", "data-testid": "ds-icon-volume-down-m" }, props),
-    react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.createElement("path", { d: "M20.25 11.25h-5.5a.75.75 0 000 1.5h5.5a.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 VolumeDownM = (props) => react_1.default.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-605836924icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-volume-down-m", className: "volume-down-m ds-icon-set-medium" }, props),
+    react_1.default.createElement("rect", { id: "svg-605836924canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.createElement("path", { d: "M20.25,11.25h-5.5a.75.75,0,0,0,0,1.5h5.5a.75.75,0,0,0,0-1.5Z" }),
+    react_1.default.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" }));
 exports.default = VolumeDownM;

package/dist/cjs/icons/VolumeHalfM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeHalfM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-3721695437canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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" }));
 exports.default = VolumeHalfM;

package/dist/cjs/icons/VolumeMaxM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeMaxM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-4218831866canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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_1.default.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" }));
 exports.default = VolumeMaxM;

package/dist/cjs/icons/VolumeMinM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeMinM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-169672100canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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" }));
 exports.default = VolumeMinM;

package/dist/cjs/icons/VolumeUpM.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const VolumeUpM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-203424939canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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" }));
 exports.default = VolumeUpM;

package/dist/cjs/icons/WalletM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WalletM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-18737484canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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" }));
 exports.default = WalletM;

package/dist/cjs/icons/WarningFillFullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningFillFullBackgroundM = (props) => (react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WarningFillFullBackgroundM;

package/dist/cjs/icons/WarningFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningFillM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-1285157379canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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" }));
 exports.default = WarningFillM;

package/dist/cjs/icons/WarningFillS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningFillS = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-3453975645canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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" }));
 exports.default = WarningFillS;

package/dist/cjs/icons/WarningFullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningFullBackgroundM = (props) => (react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WarningFullBackgroundM;

package/dist/cjs/icons/WarningM.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-3001443905canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.createElement("path", { d: "M11.99921,15.15625a1,1,0,0,0,.00079,2h.00269a1,1,0,0,0-.00348-2Z" }),
+    react_1.default.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" }));
 exports.default = WarningM;

package/dist/cjs/icons/WarningS.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WarningS = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-2024072415canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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_1.default.createElement("path", { d: "M12.002,14.96516a.751.751,0,1,0-.002,0" }));
 exports.default = WarningS;

package/dist/cjs/icons/WatchM.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WatchM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-981575394canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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" }));
 exports.default = WatchM;

package/dist/cjs/icons/WebhookM.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebhookM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.createElement("rect", { id: "svg-1933697720canvas", width: 24, height: 24, fill: "none" }),
+    react_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebhookM;

package/dist/cjs/icons/WebpushAddM.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushAddM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushAddM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-3813644745canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    react_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebpushAddM;

package/dist/cjs/icons/WebpushBlockM.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushBlockM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushBlockM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-1958016033canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    react_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebpushBlockM;

package/dist/cjs/icons/WebpushCheckM.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushCheckM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushCheckM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-1213682990canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    react_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebpushCheckM;

package/dist/cjs/icons/WebpushEditM.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushEditM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushEditM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-533256660canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    react_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebpushEditM;

package/dist/cjs/icons/WebpushM.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-88708069canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1, fill: "inherit" }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1, fill: "inherit" }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1, fill: "inherit" }),
-    react_1.default.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_1.default.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" }));
 exports.default = WebpushM;

package/dist/cjs/icons/WebpushRemoveM.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const WebpushRemoveM = (props) => (react_1.default.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_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+const WebpushRemoveM = (props) => react_1.default.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_1.default.createElement("rect", { id: "svg-3019122094canvas", width: 24, height: 24, fill: "none" }),
     react_1.default.createElement("circle", { cx: 5, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 8, cy: 5, r: 1 }),
     react_1.default.createElement("circle", { cx: 11, cy: 5, r: 1 }),
-    react_1.default.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_1.default.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_1.default.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_1.default.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" }));
 exports.default = WebpushRemoveM;