@synerise/ds-icon 1.5.2 → 1.5.4

package/dist/esm/icons/ChatShowM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ChatShowM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chat-show-m ds-icon-set-medium", "data-testid": "ds-icon-chat-show-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M19.615 11.029a.75.75 0 00-.927.514 4.721 4.721 0 01-1.18 2.01c-.175.173-5.128 4.902-5.128 4.902-.04.037-.077.046-.174.032a.171.171 0 01-.102-.158l-.011-2.626a.75.75 0 00-.75-.747H9.814a4.728 4.728 0 010-9.456h1.436a.75.75 0 000-1.5H9.814a6.228 6.228 0 000 12.456h.782l.008 1.878a1.663 1.663 0 002.811 1.206c5.036-4.808 5.164-4.933 5.16-4.933a6.218 6.218 0 001.555-2.65.75.75 0 00-.515-.928z" }),
-    React.createElement("path", { d: "M17 4.056c-2.072 0-3.62 2.034-3.795 2.273a1.125 1.125 0 00-.2.572L13 6.967l.007.066a1.086 1.086 0 00.201.546c.066.093 1.658 2.271 3.792 2.271 2.081 0 3.615-1.986 3.783-2.213a1.027 1.027 0 00.215-.64 1.116 1.116 0 00-.214-.726c-.167-.227-1.693-2.215-3.784-2.215zm0 4.294a3.651 3.651 0 01-2.373-1.395A3.654 3.654 0 0117 5.555a3.698 3.698 0 012.407 1.396A3.682 3.682 0 0117 8.351z" })));
+const ChatShowM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2303655995icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chat-show-m", className: "chat-show-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2303655995canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M19.61523,11.02881a.75055.75055,0,0,0-.92675.51465,4.72107,4.72107,0,0,1-1.17969,2.00879c-.17578.17382-5.12891,4.90234-5.12891,4.90234-.03906.03711-.07715.04639-.17383.03271a.17113.17113,0,0,1-.10253-.15869l-.01075-2.62549a.7502.7502,0,0,0-.75-.74707H9.81445a4.72821,4.72821,0,0,1,0-9.456H11.25a.75.75,0,0,0,0-1.5H9.81445a6.22816,6.22816,0,0,0,0,12.45605h.78125l.00782,1.87745A1.66326,1.66326,0,0,0,13.415,19.54c5.03613-4.80811,5.16406-4.93262,5.16016-4.93262h-.001a6.218,6.218,0,0,0,1.55566-2.65088A.75.75,0,0,0,19.61523,11.02881Z" }),
+    React.createElement("path", { d: "M17,4.05566c-2.07227,0-3.62012,2.03418-3.79492,2.27344a1.1249,1.1249,0,0,0-.2002.57178L13,6.9668l.00684.06591a1.08569,1.08569,0,0,0,.20117.54639c.0664.09278,1.6582,2.271,3.792,2.271,2.08105,0,3.61523-1.98633,3.7832-2.21338a1.02686,1.02686,0,0,0,.21485-.63916,1.116,1.116,0,0,0-.21387-.72705C20.61719,6.044,19.09082,4.05566,17,4.05566ZM17,8.3501a3.65138,3.65138,0,0,1-2.373-1.395A3.65427,3.65427,0,0,1,17,5.55566a3.69779,3.69779,0,0,1,2.40723,1.39551A3.68166,3.68166,0,0,1,17,8.3501Z" }));
 export default ChatShowM;

package/dist/esm/icons/ChatVendorM.js

@@ -1,6 +1,7 @@
 import React from 'react';
-const ChatVendorM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chat-vendor-m ds-icon-set-medium", "data-testid": "ds-icon-chat-vendor-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M9 15.006a3.003 3.003 0 10-3.017-3.003A3.013 3.013 0 009 15.006zM9 10.5a1.503 1.503 0 11-1.517 1.503A1.512 1.512 0 019 10.5zM11.344 15.345H6.656A3.65 3.65 0 003 18.98v.549A1.476 1.476 0 004.477 21h9.046A1.476 1.476 0 0015 19.529v-.549a3.65 3.65 0 00-3.656-3.635zM13.5 19.5l-9 .029v-.549a2.148 2.148 0 012.156-2.135h4.688A2.148 2.148 0 0113.5 18.98z" }),
-    React.createElement("path", { d: "M16.27 3h-3.202a4.746 4.746 0 00-4.645 3.859.75.75 0 101.473.282A3.245 3.245 0 0113.068 4.5h3.202a3.263 3.263 0 012.292 5.552c-.128.127-3.09 2.954-3.618 3.482l-.007-1.787a.75.75 0 00-.75-.747h-.002a.75.75 0 00-.748.753l.008 1.945a1.42 1.42 0 001.42 1.42 1.407 1.407 0 00.979-.393c3.695-3.528 3.787-3.616 3.783-3.616A4.763 4.763 0 0016.27 3z" })));
+const ChatVendorM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2205029020icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chat-vendor-m", className: "chat-vendor-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2205029020canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M9,15.00635a3.0032,3.0032,0,1,0-3.0166-3.00293A3.01341,3.01341,0,0,0,9,15.00635ZM9,10.5a1.50323,1.50323,0,1,1-1.5166,1.50342A1.51189,1.51189,0,0,1,9,10.5Z" }),
+    React.createElement("path", { d: "M11.34375,15.34521H6.65625A3.64985,3.64985,0,0,0,3,18.98v.54883A1.4755,1.4755,0,0,0,4.47656,21h9.04688A1.4755,1.4755,0,0,0,15,19.52881V18.98A3.64985,3.64985,0,0,0,11.34375,15.34521ZM13.5,19.5l-9,.02881V18.98a2.14824,2.14824,0,0,1,2.15625-2.13477h4.6875A2.14824,2.14824,0,0,1,13.5,18.98Z" }),
+    React.createElement("path", { d: "M16.26953,3H13.06836A4.74553,4.74553,0,0,0,8.42285,6.85889a.74973.74973,0,1,0,1.47266.28222A3.24481,3.24481,0,0,1,13.06836,4.5h3.20117a3.26263,3.26263,0,0,1,2.292,5.55225c-.12793.12695-3.08886,2.95361-3.61718,3.48144l-.00686-1.78662a.75017.75017,0,0,0-.75-.74707h-.00291a.74992.74992,0,0,0-.74709.75293l.00783,1.94531a1.41967,1.41967,0,0,0,1.41992,1.41944,1.4071,1.4071,0,0,0,.97852-.39258c3.69531-3.52783,3.78711-3.61621,3.7832-3.61621A4.76314,4.76314,0,0,0,16.26953,3Z" }));
 export default ChatVendorM;

package/dist/esm/icons/Check2M.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const Check2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-2-m ds-icon-set-medium", "data-testid": "ds-icon-check-2-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M11.498 14.55a.748.748 0 01-.518-.207l-1.748-1.667a.75.75 0 011.036-1.086l1.22 1.163 2.734-2.716a.75.75 0 111.056 1.065l-3.251 3.23a.75.75 0 01-.529.218z" }),
-    React.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" })));
+const Check2M = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-2-m", className: "check-2-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-3777024818transparent_canvas" },
+        React.createElement("rect", { id: "svg-3777024818canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-3777024818icons" },
+        React.createElement("path", { d: "M11.498,14.5498a.74833.74833,0,0,1-.51758-.207l-1.74805-1.6665a.75014.75014,0,0,1,1.03516-1.08594l1.21972,1.16309,2.73438-2.71631a.74992.74992,0,1,1,1.05664,1.06445L12.02686,14.332A.74919.74919,0,0,1,11.498,14.5498Z" }),
+        React.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" })));
 export default Check2M;

package/dist/esm/icons/Check2S.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const Check2S = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-2-s ds-icon-set-medium", "data-testid": "ds-icon-check-2-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 18a6 6 0 116-6 6.007 6.007 0 01-6 6zm0-10.5a4.5 4.5 0 104.5 4.5A4.505 4.505 0 0012 7.5z" }),
-    React.createElement("path", { d: "M11.375 14.097a.75.75 0 01-.535-.224l-1.4-1.423a.75.75 0 011.07-1.052l.865.88 2.115-2.151a.75.75 0 111.07 1.052l-2.65 2.694a.75.75 0 01-.535.224z" })));
+const Check2S = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-849262252icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-2-s", className: "check-2-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-849262252canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,18a6,6,0,1,1,6-6A6.00657,6.00657,0,0,1,12,18ZM12,7.5A4.5,4.5,0,1,0,16.5,12,4.50491,4.50491,0,0,0,12,7.5Z" }),
+    React.createElement("path", { d: "M11.37451,14.09717h0a.74917.74917,0,0,1-.53467-.22412L9.44043,12.4502a.74995.74995,0,0,1,1.06934-1.05176l.86474.87939L13.49023,10.127a.74995.74995,0,1,1,1.06934,1.05176l-2.65039,2.69434A.74915.74915,0,0,1,11.37451,14.09717Z" }));
 export default Check2S;

package/dist/esm/icons/Check3FullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Check3FullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-3-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-check-3-full-background-m" }, props),
-    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 018-8 8.01 8.01 0 018 8 8 8 0 11-16 0zm8.026 2.332l3.252-3.23a.75.75 0 00-1.056-1.065l-2.735 2.716-1.22-1.163a.75.75 0 00-1.035 1.086l1.748 1.667a.75.75 0 001.046-.011z" })));
+const Check3FullBackgroundM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-check-3-full-background-m", className: "check-3-full-background-m ds-icon-set-medium" }, props),
+    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12C4 7.58172 7.58172 4 12 4C16.4162 4.00505 19.9949 7.58382 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12.0263 14.332L15.2783 11.1016H15.2783C15.4684 10.9128 15.5434 10.637 15.475 10.3779C15.4066 10.1189 15.2052 9.91598 14.9467 9.84568C14.6882 9.77539 14.4118 9.84836 14.2216 10.0371L11.4872 12.7534L10.2675 11.5903C9.96745 11.3059 9.4938 11.3179 9.20852 11.6172C8.92324 11.9165 8.93391 12.3901 9.23237 12.6763L10.9804 14.3428C11.2745 14.6229 11.7381 14.6182 12.0263 14.332Z" }));
 export default Check3FullBackgroundM;

package/dist/esm/icons/Check3M.js

@@ -1,4 +1,5 @@
 import React from 'react';
-const Check3M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-3-m ds-icon-set-medium", "data-testid": "ds-icon-check-3-m" }, props),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm3.278 7.102l-3.252 3.23a.75.75 0 01-1.046.01l-1.748-1.666a.75.75 0 011.036-1.086l1.22 1.163 2.734-2.716a.75.75 0 111.056 1.065z" })));
+const Check3M = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-3-m", className: "check-3-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-1771911923icons" },
+        React.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm3.27832,7.10156-3.252,3.23047a.75012.75012,0,0,1-1.0459.01074l-1.74805-1.6665a.75014.75014,0,0,1,1.03516-1.08594l1.21972,1.16309,2.73438-2.71631a.74992.74992,0,1,1,1.05664,1.06445Z" })));
 export default Check3M;

package/dist/esm/icons/Check3S.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Check3S = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-3-s ds-icon-set-medium", "data-testid": "ds-icon-check-3-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm2.56 5.179l-2.652 2.694a.75.75 0 01-1.07 0L9.44 12.45a.75.75 0 011.07-1.052l.865.88 2.117-2.151a.75.75 0 111.069 1.052z" })));
+const Check3S = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1849613933icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-3-s", className: "check-3-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1849613933canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,6a6,6,0,1,0,6,6A6.00657,6.00657,0,0,0,12,6Zm2.55957,5.17871L11.9082,13.87305a.74981.74981,0,0,1-1.06933,0L9.43945,12.4502a.7503.7503,0,0,1,1.07032-1.05176l.86425.87939L13.49121,10.127a.7496.7496,0,1,1,1.06836,1.05176Z" }));
 export default Check3S;

package/dist/esm/icons/CheckM.js

@@ -1,5 +1,7 @@
 import React from 'react';
-const CheckM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-m ds-icon-set-medium", "data-testid": "ds-icon-check-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M9.819 17.343a.749.749 0 01-.512-.202l-5.07-4.739a.75.75 0 011.025-1.095l4.546 4.25 8.919-8.687a.75.75 0 111.046 1.074l-9.43 9.186a.749.749 0 01-.524.213z" })));
+const CheckM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-m", className: "check-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-2706570317transparent_canvas" },
+        React.createElement("rect", { id: "svg-2706570317canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-2706570317icons" },
+        React.createElement("path", { d: "M9.81885,17.34277a.74861.74861,0,0,1-.51221-.20215L4.23779,12.40234a.75.75,0,0,1,1.02442-1.0957l4.5459,4.24951,8.91845-8.686a.75.75,0,1,1,1.04688,1.07422l-9.43115,9.18554A.74889.74889,0,0,1,9.81885,17.34277Z" })));
 export default CheckM;

package/dist/esm/icons/CheckS.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const CheckS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "check-s ds-icon-set-medium", "data-testid": "ds-icon-check-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M10.61 15.744a.75.75 0 01-.535-.224l-3.11-3.162a.75.75 0 011.07-1.052l2.575 2.618 5.355-5.444a.75.75 0 111.07 1.052l-5.89 5.988a.75.75 0 01-.535.224z" })));
+const CheckS = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1245189715icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-check-s", className: "check-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1245189715canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M10.60986,15.74365h0a.74909.74909,0,0,1-.53466-.22412L6.96533,12.35791a.74995.74995,0,0,1,1.06934-1.05176l2.57519,2.61817,5.35547-5.44385a.74995.74995,0,1,1,1.06934,1.05176l-5.89014,5.9873A.74909.74909,0,0,1,10.60986,15.74365Z" }));
 export default CheckS;

package/dist/esm/icons/CheckboxDeafultM.js

@@ -1,5 +1,8 @@
 import React from 'react';
-const CheckboxDeafultM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-deafult-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-deafult-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 20H6.75A2.753 2.753 0 014 17.25V6.75A2.753 2.753 0 016.75 4h10.5A2.753 2.753 0 0120 6.75v10.5A2.753 2.753 0 0117.25 20zM6.75 5.5A1.251 1.251 0 005.5 6.75v10.5a1.251 1.251 0 001.25 1.25h10.5a1.251 1.251 0 001.25-1.25V6.75a1.251 1.251 0 00-1.25-1.25z" })));
+const CheckboxDeafultM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-211154398icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-deafult-m", className: "checkbox-deafult-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-211154398canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("path", { d: "M17.25,20H6.75A2.7528,2.7528,0,0,1,4,17.25V6.75A2.7528,2.7528,0,0,1,6.75,4h10.5A2.7528,2.7528,0,0,1,20,6.75v10.5A2.7528,2.7528,0,0,1,17.25,20ZM6.75,5.5A1.25116,1.25116,0,0,0,5.5,6.75v10.5A1.25116,1.25116,0,0,0,6.75,18.5h10.5a1.25116,1.25116,0,0,0,1.25-1.25V6.75A1.25116,1.25116,0,0,0,17.25,5.5Z" }));
 export default CheckboxDeafultM;

package/dist/esm/icons/CheckboxIndeterminateM.js

@@ -1,6 +1,11 @@
 import React from 'react';
-const CheckboxIndeterminateM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-indeterminate-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-indeterminate-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 20H6.75A2.753 2.753 0 014 17.25V6.75A2.753 2.753 0 016.75 4h10.5A2.753 2.753 0 0120 6.75v10.5A2.753 2.753 0 0117.25 20z" }),
-    React.createElement("path", { d: "M14.75 12.75h-5.5a.75.75 0 010-1.5h5.5a.75.75 0 010 1.5z", fill: "#fff" })));
+const CheckboxIndeterminateM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1741112138icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-indeterminate-m", className: "checkbox-indeterminate-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-1741112138canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("path", { d: "M17.25,20H6.75A2.7528,2.7528,0,0,1,4,17.25V6.75A2.7528,2.7528,0,0,1,6.75,4h10.5A2.7528,2.7528,0,0,1,20,6.75v10.5A2.7528,2.7528,0,0,1,17.25,20Z" }),
+    React.createElement("path", { d: "M14.75,12.75H9.25a.75.75,0,0,1,0-1.5h5.5a.75.75,0,0,1,0,1.5Z", style: {
+            fill: "#fff"
+        } }));
 export default CheckboxIndeterminateM;

package/dist/esm/icons/CheckboxM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const CheckboxM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 4H6.75A2.753 2.753 0 004 6.75v10.5A2.753 2.753 0 006.75 20h10.5A2.753 2.753 0 0020 17.25V6.75A2.753 2.753 0 0017.25 4zm1.25 13.25a1.251 1.251 0 01-1.25 1.25H6.75a1.251 1.251 0 01-1.25-1.25V6.75A1.251 1.251 0 016.75 5.5h10.5a1.251 1.251 0 011.25 1.25z" }),
-    React.createElement("path", { d: "M15.102 9.167l-4.204 4.093-2.011-1.88a.75.75 0 00-1.024 1.096l2.534 2.368a.75.75 0 001.036-.011l4.715-4.592a.75.75 0 10-1.046-1.074z" })));
+const CheckboxM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-502713240icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-m", className: "checkbox-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-502713240canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M17.25,4H6.75A2.7528,2.7528,0,0,0,4,6.75v10.5A2.7528,2.7528,0,0,0,6.75,20h10.5A2.7528,2.7528,0,0,0,20,17.25V6.75A2.7528,2.7528,0,0,0,17.25,4ZM18.5,17.25a1.25116,1.25116,0,0,1-1.25,1.25H6.75A1.25116,1.25116,0,0,1,5.5,17.25V6.75A1.25116,1.25116,0,0,1,6.75,5.5h10.5A1.25116,1.25116,0,0,1,18.5,6.75Z" }),
+    React.createElement("path", { d: "M15.10156,9.167l-4.20312,4.09278L8.88672,11.37988a.74967.74967,0,0,0-1.02344,1.09571l2.53418,2.36816a.74936.74936,0,0,0,1.03516-.01074l4.71582-4.5918A.75.75,0,1,0,15.10156,9.167Z" }));
 export default CheckboxM;

package/dist/esm/icons/CheckboxSelectedFillM.js

@@ -1,6 +1,11 @@
 import React from 'react';
-const CheckboxSelectedFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-selected-fill-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-selected-fill-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M17.25 4H6.75A2.753 2.753 0 004 6.75v10.5A2.753 2.753 0 006.75 20h10.5A2.753 2.753 0 0020 17.25V6.75A2.753 2.753 0 0017.25 4z" }),
-    React.createElement("path", { d: "M16.15 10.28l-4.715 4.591a.75.75 0 01-1.035.01l-2.534-2.367a.75.75 0 011.023-1.096l2.012 1.88 4.203-4.093a.75.75 0 111.047 1.074z", fill: "#fff" })));
+const CheckboxSelectedFillM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2966217342icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-selected-fill-m", className: "checkbox-selected-fill-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-2966217342canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("path", { d: "M17.25,4H6.75A2.7528,2.7528,0,0,0,4,6.75v10.5A2.7528,2.7528,0,0,0,6.75,20h10.5A2.7528,2.7528,0,0,0,20,17.25V6.75A2.7528,2.7528,0,0,0,17.25,4Z" }),
+    React.createElement("path", { d: "M16.15088,10.2793l-4.71582,4.59179a.74937.74937,0,0,1-1.03516.01075L7.86572,12.51367A.74966.74966,0,0,1,8.88916,11.418l2.01172,1.87988L15.104,9.20508a.75.75,0,1,1,1.04688,1.07422Z", style: {
+            fill: "#fff"
+        } }));
 export default CheckboxSelectedFillM;

package/dist/esm/icons/CheckboxSelectedOutlineM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const CheckboxSelectedOutlineM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "checkbox-selected-outline-m ds-icon-set-medium", "data-testid": "ds-icon-checkbox-selected-outline-m" }, props),
-    React.createElement("path", { d: "M16.527 10.241l-4.715 4.592a.75.75 0 01-1.036.01l-2.534-2.367a.75.75 0 011.024-1.096l2.011 1.88 4.203-4.093a.75.75 0 111.047 1.074z" }),
-    React.createElement("path", { d: "M17.25 20H6.75A2.753 2.753 0 014 17.25V6.75A2.753 2.753 0 016.75 4h10.5A2.753 2.753 0 0120 6.75v10.5A2.753 2.753 0 0117.25 20zM6.75 5.5A1.251 1.251 0 005.5 6.75v10.5a1.251 1.251 0 001.25 1.25h10.5a1.251 1.251 0 001.25-1.25V6.75a1.251 1.251 0 00-1.25-1.25z" })));
+const CheckboxSelectedOutlineM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-812491313icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-checkbox-selected-outline-m", className: "checkbox-selected-outline-m ds-icon-set-medium" }, props),
+    React.createElement("path", { d: "M16.52734,10.24121,11.81152,14.833a.74935.74935,0,0,1-1.03515.01074L8.24219,12.47559a.74966.74966,0,0,1,1.02343-1.09571l2.01172,1.87989L15.48047,9.167a.75.75,0,1,1,1.04687,1.07422Z" }),
+    React.createElement("path", { d: "M17.25,20H6.75A2.7528,2.7528,0,0,1,4,17.25V6.75A2.7528,2.7528,0,0,1,6.75,4h10.5A2.7528,2.7528,0,0,1,20,6.75v10.5A2.7528,2.7528,0,0,1,17.25,20ZM6.75,5.5A1.25116,1.25116,0,0,0,5.5,6.75v10.5A1.25116,1.25116,0,0,0,6.75,18.5h10.5a1.25116,1.25116,0,0,0,1.25-1.25V6.75A1.25116,1.25116,0,0,0,17.25,5.5Z" }));
 export default CheckboxSelectedOutlineM;

package/dist/esm/icons/ChildRowLeftDownM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowLeftDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-left-down-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-left-down-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 15H9V8a1 1 0 00-2 0v8a1 1 0 001 1h8a1 1 0 000-2z" })));
+const ChildRowLeftDownM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3572411279icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-left-down-m", className: "child-row-left-down-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3572411279canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,15H9V8A1,1,0,0,0,7,8v8a.99943.99943,0,0,0,1,1h8a1,1,0,0,0,0-2Z" }));
 export default ChildRowLeftDownM;

package/dist/esm/icons/ChildRowLeftUpM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowLeftUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-left-up-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-left-up-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 7H8a1 1 0 00-1 1v8a1 1 0 002 0V9h7a1 1 0 000-2z" })));
+const ChildRowLeftUpM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4244822040icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-left-up-m", className: "child-row-left-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4244822040canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,7H8A.99943.99943,0,0,0,7,8v8a1,1,0,0,0,2,0V9h7a1,1,0,0,0,0-2Z" }));
 export default ChildRowLeftUpM;

package/dist/esm/icons/ChildRowMiddleLeftM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowMiddleLeftM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-middle-left-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-middle-left-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 11H9V8a1 1 0 00-2 0v8a1 1 0 002 0v-3h7a1 1 0 000-2z" })));
+const ChildRowMiddleLeftM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-3620905488icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-middle-left-m", className: "child-row-middle-left-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-3620905488canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,11H9V8A1,1,0,0,0,7,8v8a1,1,0,0,0,2,0V13h7a1,1,0,0,0,0-2Z" }));
 export default ChildRowMiddleLeftM;

package/dist/esm/icons/ChildRowMiddleRightM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowMiddleRightM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-middle-right-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-middle-right-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 7a1 1 0 00-1 1v3H8a1 1 0 000 2h7v3a1 1 0 002 0V8a1 1 0 00-1-1z" })));
+const ChildRowMiddleRightM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4227476139icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-middle-right-m", className: "child-row-middle-right-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4227476139canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,7a.99943.99943,0,0,0-1,1v3H8a1,1,0,0,0,0,2h7v3a1,1,0,0,0,2,0V8A.99943.99943,0,0,0,16,7Z" }));
 export default ChildRowMiddleRightM;

package/dist/esm/icons/ChildRowRightDownM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowRightDownM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-right-down-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-right-down-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 7a1 1 0 00-1 1v7H8a1 1 0 000 2h8a1 1 0 001-1V8a1 1 0 00-1-1z" })));
+const ChildRowRightDownM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1300050868icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-right-down-m", className: "child-row-right-down-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1300050868canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,7a.99943.99943,0,0,0-1,1v7H8a1,1,0,0,0,0,2h8a.99943.99943,0,0,0,1-1V8A.99943.99943,0,0,0,16,7Z" }));
 export default ChildRowRightDownM;

package/dist/esm/icons/ChildRowRightUpM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChildRowRightUpM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "child-row-right-up-m ds-icon-set-medium", "data-testid": "ds-icon-child-row-right-up-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16 7H8a1 1 0 000 2h7v7a1 1 0 002 0V8a1 1 0 00-1-1z" })));
+const ChildRowRightUpM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1998995587icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-child-row-right-up-m", className: "child-row-right-up-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1998995587canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M16,7H8A1,1,0,0,0,8,9h7v7a1,1,0,0,0,2,0V8A.99943.99943,0,0,0,16,7Z" }));
 export default ChildRowRightUpM;

package/dist/esm/icons/ChromeFillM.js

@@ -1,7 +1,8 @@
 import React from 'react';
-const ChromeFillM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chrome-fill-m ds-icon-set-medium", "data-testid": "ds-icon-chrome-fill-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 8.257h9A9.735 9.735 0 003.716 6.884L8.31 11.48A3.735 3.735 0 0112 8.257z" }),
-    React.createElement("path", { d: "M21.48 9.757h-6.504a3.704 3.704 0 01-.353 4.906c-.009.01-.012.024-.022.034l-6.314 6.314A9.723 9.723 0 0021.479 9.757z" }),
-    React.createElement("path", { d: "M9.447 14.721c-.015-.013-.034-.018-.048-.032L2.991 8.282a9.717 9.717 0 003.898 12.006l4.597-4.596a3.715 3.715 0 01-2.04-.97zM9.759 12a2.237 2.237 0 00.654 1.582l.007.007A2.242 2.242 0 109.759 12z" })));
+const ChromeFillM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1199620983icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chrome-fill-m", className: "chrome-fill-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1199620983canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M12,8.25684h9.00024A9.735,9.735,0,0,0,3.71576,6.88422L8.31128,11.4801A3.73536,3.73536,0,0,1,12,8.25684Z" }),
+    React.createElement("path", { d: "M21.47919,9.75684H14.97638a3.7044,3.7044,0,0,1-.353,4.90612c-.0094.01056-.01263.02417-.02276.03431l-6.31391,6.3139A9.72332,9.72332,0,0,0,21.47919,9.75684Z" }),
+    React.createElement("path", { d: "M9.44684,14.721c-.01477-.0127-.03345-.01752-.04743-.0315L2.991,8.28064A9.71721,9.71721,0,0,0,6.88934,20.28741l4.59626-4.59625A3.71473,3.71473,0,0,1,9.44684,14.721Z" }),
+    React.createElement("path", { d: "M9.75879,12a2.23654,2.23654,0,0,0,.654,1.58173l.007.007A2.24217,2.24217,0,1,0,9.75879,12Z" }));
 export default ChromeFillM;

package/dist/esm/icons/ChromeM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ChromeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "chrome-m ds-icon-set-medium", "data-testid": "ds-icon-chrome-m" }, props),
-    React.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 2.25A9.75 9.75 0 1021.75 12 9.761 9.761 0 0012 2.25zm0 1.5a8.253 8.253 0 017.343 4.507H12a3.736 3.736 0 00-3.689 3.223L4.806 7.975A8.252 8.252 0 0112 3.75zM14.241 12a2.24 2.24 0 01-3.823 1.587l-.004-.004A2.241 2.241 0 1114.241 12zM3.75 12a8.208 8.208 0 01.409-2.551l5.24 5.24c.015.015.035.02.05.034a3.715 3.715 0 002.037.968L7.98 19.197A8.253 8.253 0 013.75 12zM12 20.25a8.209 8.209 0 01-2.546-.406l5.147-5.147c.01-.01.013-.024.023-.035a3.703 3.703 0 00.352-4.905h4.956A8.228 8.228 0 0112 20.25z" })));
+const ChromeM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1443186549icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-chrome-m", className: "chrome-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1443186549canvas", width: 24, height: 24, fill: "#fff", fillOpacity: 0.1 }),
+    React.createElement("path", { d: "M12,2.25A9.75,9.75,0,1,0,21.75,12,9.76128,9.76128,0,0,0,12,2.25Zm0,1.5a8.25284,8.25284,0,0,1,7.34271,4.50732H12a3.73569,3.73569,0,0,0-3.68866,3.223L4.80579,7.97473A8.2525,8.2525,0,0,1,12,3.75Zm2.24121,8.25049a2.23975,2.23975,0,0,1-3.82349,1.58618l-.00323-.00323a2.24147,2.24147,0,1,1,3.82672-1.583ZM3.75,12a8.20777,8.20777,0,0,1,.40851-2.55145l5.2409,5.2409c.01471.01471.03418.0199.04975.03308a3.71482,3.71482,0,0,0,2.03692.96814L7.97955,19.1972A8.25276,8.25276,0,0,1,3.75,12ZM12,20.25a8.20875,8.20875,0,0,1-2.54572-.40643l5.14631-5.1463c.01037-.01038.01367-.0243.02331-.0351a3.70313,3.70313,0,0,0,.3523-4.90485h4.95587A8.22755,8.22755,0,0,1,12,20.25Z" }));
 export default ChromeM;

package/dist/esm/icons/CircleChartM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const CircleChartM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "circle-chart-m ds-icon-set-medium", "data-testid": "ds-icon-circle-chart-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M18.854 14.06a.752.752 0 00-.977.415A6.337 6.337 0 0112 18.5 6.436 6.436 0 015.646 12a6.506 6.506 0 013.838-5.971.75.75 0 10-.605-1.372A8.026 8.026 0 0012 20a7.83 7.83 0 007.269-4.965.75.75 0 00-.415-.976zM12 4a.75.75 0 000 1.5 6.436 6.436 0 016.354 6.5.75.75 0 001.5 0A7.937 7.937 0 0012 4z" })));
+const CircleChartM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-369770904icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-circle-chart-m", className: "circle-chart-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-369770904canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M18.85352,14.05908a.75176.75176,0,0,0-.97608.41553A6.337,6.337,0,0,1,12,18.5,6.43573,6.43573,0,0,1,5.646,12,6.50571,6.50571,0,0,1,9.48438,6.02881a.74986.74986,0,1,0-.60547-1.37207A8.02587,8.02587,0,0,0,12,20a7.83056,7.83056,0,0,0,7.269-4.96484A.75014.75014,0,0,0,18.85352,14.05908Z" }),
+    React.createElement("path", { d: "M12,4a.75.75,0,0,0,0,1.5A6.43573,6.43573,0,0,1,18.354,12a.75.75,0,0,0,1.5,0A7.93713,7.93713,0,0,0,12,4Z" }));
 export default CircleChartM;

package/dist/esm/icons/CircleShapeM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const CircleShapeM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "circle-shape-m ds-icon-set-medium", "data-testid": "ds-icon-circle-shape-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 19.996A7.996 7.996 0 016.343 6.343 8 8 0 1112 19.996zM7.404 7.403a6.5 6.5 0 109.193 0 6.509 6.509 0 00-9.193 0z" })));
+const CircleShapeM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1958563067icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-circle-shape-m", className: "circle-shape-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1958563067canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,19.99609A7.99609,7.99609,0,0,1,6.34326,6.34277h0A8.00036,8.00036,0,1,1,12,19.99609ZM7.40381,7.40332a6.50051,6.50051,0,1,0,9.19287,0,6.50885,6.50885,0,0,0-9.19287,0Z" }));
 export default CircleShapeM;

package/dist/esm/icons/ClearStyleM.js

@@ -1,5 +1,6 @@
 import React from 'react';
-const ClearStyleM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clear-style-m ds-icon-set-medium", "data-testid": "ds-icon-clear-style-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.328 6.5h4.67v11.75a.75.75 0 001.5 0V6.5h4.746a.75.75 0 000-1.5H5.328a.75.75 0 100 1.5zM15.033 13.987a.75.75 0 00-1.06 1.06l1.969 1.97-1.97 1.97a.75.75 0 101.06 1.06l1.97-1.97 1.97 1.97a.75.75 0 101.06-1.06l-1.969-1.97 1.97-1.97a.75.75 0 00-1.06-1.06l-1.97 1.97z" })));
+const ClearStyleM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1076992744icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clear-style-m", className: "clear-style-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1076992744canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.32764,6.5H9.998V18.25a.75.75,0,0,0,1.5,0V6.5h4.7456a.75.75,0,0,0,0-1.5H5.32764a.75.75,0,1,0,0,1.5Z" }),
+    React.createElement("path", { d: "M15.03271,13.98682a.74992.74992,0,0,0-1.06054,1.06054l1.96972,1.96973-1.96972,1.96973a.74992.74992,0,1,0,1.06054,1.06054l1.96973-1.96972,1.96973,1.96972a.74992.74992,0,1,0,1.06054-1.06054L18.063,17.01709l1.96972-1.96973a.74992.74992,0,0,0-1.06054-1.06054l-1.96973,1.96972Z" }));
 export default ClearStyleM;

package/dist/esm/icons/ClickM.js

@@ -1,5 +1,10 @@
 import React from 'react';
-const ClickM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "click-m ds-icon-set-medium", "data-testid": "ds-icon-click-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M5.895 11.692H3.813a.75.75 0 010-1.5h2.082a.75.75 0 010 1.5zM7.375 8.09a.746.746 0 01-.532-.222L5.371 6.385a.75.75 0 011.065-1.057l1.472 1.484a.75.75 0 01-.533 1.278zM5.903 16.778a.75.75 0 01-.532-1.278l1.472-1.483a.75.75 0 011.065 1.056l-1.472 1.484a.748.748 0 01-.533.221zM10.95 6.598a.75.75 0 01-.75-.75V3.75a.75.75 0 011.5 0v2.098a.75.75 0 01-.75.75zM14.525 8.09a.75.75 0 01-.532-1.278l1.473-1.484a.75.75 0 111.064 1.057l-1.472 1.483a.747.747 0 01-.533.222zM18.089 21a1.75 1.75 0 01-1.253-.523L15.568 19.2l-.824.831a1.258 1.258 0 01-2.087-.494l-2.618-7.91a1.26 1.26 0 011.595-1.596l7.852 2.637a1.265 1.265 0 01.493 2.089l-.833.839 1.276 1.286a1.783 1.783 0 010 2.507l-1.081 1.089a1.749 1.749 0 01-1.252.522zm-2.52-3.929l2.332 2.35a.228.228 0 00.374 0l1.082-1.089a.28.28 0 000-.393l-2.325-2.343 1.615-1.627-7.035-2.363 2.346 7.088z" })));
+const ClickM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-1348291525icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-click-m", className: "click-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-1348291525canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M5.89453,11.69238h-2.082a.75.75,0,0,1,0-1.5h2.082a.75.75,0,0,1,0,1.5Z" }),
+    React.createElement("path", { d: "M7.37549,8.08984a.74633.74633,0,0,1-.53223-.22168L5.37109,6.38477A.74993.74993,0,0,1,6.43555,5.32812l1.47216,1.4834a.75.75,0,0,1-.53222,1.27832Z" }),
+    React.createElement("path", { d: "M5.90332,16.77832A.75.75,0,0,1,5.37109,15.5l1.47217-1.4834a.74992.74992,0,0,1,1.06445,1.05664l-1.47216,1.4834A.74835.74835,0,0,1,5.90332,16.77832Z" }),
+    React.createElement("path", { d: "M10.95068,6.59766a.7502.7502,0,0,1-.75-.75V3.75a.75.75,0,0,1,1.5,0V5.84766A.75019.75019,0,0,1,10.95068,6.59766Z" }),
+    React.createElement("path", { d: "M14.52539,8.08984a.75.75,0,0,1-.53223-1.27832l1.47266-1.4834a.74993.74993,0,1,1,1.06445,1.05665L15.05762,7.86816A.74715.74715,0,0,1,14.52539,8.08984Z" }),
+    React.createElement("path", { d: "M18.08887,21a1.74959,1.74959,0,0,1-1.25293-.52344L15.56836,19.2002l-.82422.83105a1.25777,1.25777,0,0,1-2.0874-.49414l-2.61768-7.91065a1.26087,1.26087,0,0,1,1.59473-1.5957L19.48633,12.668a1.26467,1.26467,0,0,1,.49219,2.08887l-.833.83886,1.27637,1.28614a1.78306,1.78306,0,0,1,0,2.50683l-1.08106,1.08887A1.7488,1.7488,0,0,1,18.08887,21Zm-2.52051-3.92871,2.333,2.34961a.22822.22822,0,0,0,.374.001l1.082-1.08985a.28059.28059,0,0,0,0-.39355L17.03223,15.5957l1.61523-1.627L11.6123,11.606,13.958,18.69434Z" }));
 export default ClickM;

package/dist/esm/icons/Clock2M.js

@@ -1,6 +1,13 @@
 import React from 'react';
-const Clock2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-2-m ds-icon-set-medium", "data-testid": "ds-icon-clock-2-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M16.62 16.573A6.5 6.5 0 1112 5.5.75.75 0 0012 4l-.024.001L11.97 4l-.01.002a7.943 7.943 0 00-3.646.905c-.014.006-.03.005-.044.013-.01.005-.016.015-.026.02A8.051 8.051 0 005.45 7.422c-.012.015-.029.023-.04.039-.007.01-.008.023-.015.034a7.95 7.95 0 00-1.32 3.471.704.704 0 00-.025.075h.01v.017a7.728 7.728 0 00.453 3.737c.004.012.002.024.007.036.005.013.015.024.02.037a8.017 8.017 0 002.116 3.07c.013.013.02.03.033.043.014.013.032.017.046.028a7.977 7.977 0 003.267 1.73c.024.008.042.025.067.032.036.006.07.008.106.012A7.97 7.97 0 0012 20a8.052 8.052 0 001.801-.21c.03-.004.06-.005.089-.01.02-.005.035-.02.055-.026a7.91 7.91 0 003.299-1.722c.011-.01.025-.012.036-.022.012-.01.016-.025.026-.035.128-.114.258-.225.38-.348a.75.75 0 00-1.067-1.054z" }),
-    React.createElement("path", { d: "M12 8.143a.75.75 0 00-.75.75V12a.756.756 0 00.22.53l2.071 2.072a.75.75 0 001.06-1.06l-1.851-1.853V8.893a.75.75 0 00-.75-.75zM18.56 7.42a.741.741 0 00-1.04-.18.746.746 0 00.43 1.36.768.768 0 00.43-.13.753.753 0 00.18-1.05zM15 6.23a.717.717 0 00.34.09.764.764 0 00.67-.41.75.75 0 10-1.01.32zM19.03 13.9a.748.748 0 00-.53 1.4.574.574 0 00.26.05.766.766 0 00.71-.48h-.01a.75.75 0 00-.43-.97zM19.94 11.04v-.05a.75.75 0 10-1.49.19v.07h.01a.747.747 0 00.74.67.218.218 0 00.08-.01.755.755 0 00.67-.83c0-.01-.01-.02-.01-.04z" })));
+const Clock2M = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2424280252icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-2-m", className: "clock-2-m ds-icon-set-medium" }, props),
+    React.createElement("defs", null),
+    React.createElement("rect", { id: "svg-2424280252canvas", width: 24, height: 24, style: {
+            fill: "none"
+        } }),
+    React.createElement("path", { d: "M16.61914,16.57275A6.49989,6.49989,0,1,1,12,5.5.75.75,0,0,0,12,4l-.02405.00122L11.96973,4l-.00989.002a7.94292,7.94292,0,0,0-3.64539.90485c-.01458.00653-.03064.00555-.04492.01306-.01007.00543-.01562.01508-.02533.02088A8.05146,8.05146,0,0,0,5.44989,7.42108C5.43811,7.436,5.421,7.444,5.41016,7.46c-.00751.01056-.00806.02326-.0149.03406a7.95,7.95,0,0,0-1.32055,3.47131A.70427.70427,0,0,0,4.0498,11.04h.00977c-.00085.006.00183.01129.0011.01721a7.72771,7.72771,0,0,0,.4527,3.73645c.0039.0119.00158.02405.00616.03589.00507.01385.015.02417.02075.03754a8.01672,8.01672,0,0,0,2.11609,3.06933c.01306.01331.0188.03107.03308.04352.01367.01263.03113.0166.04547.02789a7.97657,7.97657,0,0,0,3.267,1.72931c.024.009.04212.026.06745.03284.03521.00568.07019.00775.10516.01166A7.97,7.97,0,0,0,12,20a8.05178,8.05178,0,0,0,1.80133-.21039c.02954-.00366.059-.00476.08832-.00982.02051-.00513.0354-.01954.05511-.02625a7.90961,7.90961,0,0,0,3.29908-1.72144c.01141-.00927.02551-.01226.03643-.02233.01129-.0102.01563-.0243.02619-.035.12774-.11383.25763-.22461.37909-.34735a.74993.74993,0,0,0-1.06641-1.05469Z" }),
+    React.createElement("path", { d: "M12,8.14307a.75019.75019,0,0,0-.75.75V12a.75574.75574,0,0,0,.21973.53027L13.541,14.60205a.74992.74992,0,0,0,1.06054-1.06055L12.75,11.68945V8.89307A.75019.75019,0,0,0,12,8.14307Z" }),
+    React.createElement("path", { d: "M18.55957,7.41992a.74135.74135,0,0,0-1.04-.18017.74564.74564,0,0,0,.43067,1.35986.76838.76838,0,0,0,.42968-.12988A.75274.75274,0,0,0,18.55957,7.41992Z" }),
+    React.createElement("path", { d: "M15,6.23a.7166.7166,0,0,0,.33984.08984.76376.76376,0,0,0,.66993-.41015A.74919.74919,0,1,0,15,6.23Z" }),
+    React.createElement("path", { d: "M19.03027,13.8999A.74849.74849,0,0,0,18.5,15.2998a.57423.57423,0,0,0,.25977.04981.766.766,0,0,0,.71-.48H19.46A.74978.74978,0,0,0,19.03027,13.8999Z" }),
+    React.createElement("path", { d: "M19.93945,11.04v-.05029a.75066.75066,0,1,0-1.48925.18994V11.25H18.46a.74671.74671,0,0,0,.74024.66992.21808.21808,0,0,0,.08007-.01025.75483.75483,0,0,0,.66993-.83008C19.9502,11.06982,19.93945,11.06006,19.93945,11.04Z" }));
 export default Clock2M;

package/dist/esm/icons/ClockFailedM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const ClockFailedM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-failed-m ds-icon-set-medium", "data-testid": "ds-icon-clock-failed-m" }, props),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 008 8 .75.75 0 000-1.5 6.5 6.5 0 116.5-6.5.75.75 0 001.5 0 8 8 0 10-16 0zm4.438 2.304a.75.75 0 001.154.374l2.85-2.072A.751.751 0 0012.75 12V8.893a.75.75 0 00-1.5 0v2.725l-2.54 1.847a.75.75 0 00-.272.84z" }),
-    React.createElement("path", { d: "M18.97 13.664l-1.969 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 00-1.06-1.06z" })));
+const ClockFailedM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-clock-failed-m", className: "clock-failed-m ds-icon-set-medium" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12C4 16.4183 7.58172 20 12 20C12.4142 20 12.75 19.6642 12.75 19.25C12.75 18.8358 12.4142 18.5 12 18.5C8.41015 18.5 5.5 15.5899 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 12.4142 18.8358 12.75 19.25 12.75C19.6642 12.75 20 12.4142 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12ZM8.43763 14.3041C8.53828 14.6131 8.82643 14.8221 9.15137 14.8218C9.30968 14.8218 9.46391 14.7715 9.5918 14.6782L12.4414 12.6065C12.6352 12.4652 12.7499 12.2398 12.75 12V8.89307C12.75 8.47886 12.4142 8.14307 12 8.14307C11.5858 8.14307 11.25 8.47886 11.25 8.89307V11.6182L8.70947 13.4653C8.44672 13.6565 8.33698 13.9951 8.43763 14.3041Z" }),
+    React.createElement("path", { d: "M18.9707 13.6636L17.001 15.6333L15.0312 13.6636C14.7382 13.3717 14.2642 13.3721 13.9717 13.6646C13.6793 13.9571 13.6788 14.4311 13.9707 14.7241L15.9404 16.6938L13.9707 18.6636C13.7806 18.8529 13.7062 19.1293 13.7754 19.3885C13.8447 19.6477 14.0471 19.8501 14.3063 19.9194C14.5655 19.9886 14.8419 19.9142 15.0312 19.7241L17.001 17.7544L18.9707 19.7241C19.2637 20.016 19.7378 20.0155 20.0302 19.7231C20.3227 19.4306 20.3231 18.9566 20.0312 18.6636L18.0615 16.6938L20.0312 14.7241C20.3231 14.4311 20.3227 13.9571 20.0302 13.6646C19.7378 13.3721 19.2637 13.3717 18.9707 13.6636Z" }));
 export default ClockFailedM;

package/dist/esm/icons/ClockM.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ClockM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-m ds-icon-set-medium", "data-testid": "ds-icon-clock-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm0 14.5a6.5 6.5 0 116.5-6.5 6.508 6.508 0 01-6.5 6.5z" }),
-    React.createElement("path", { d: "M12.75 11.69V8.892a.75.75 0 00-1.5 0V12a.75.75 0 00.22.53l2.071 2.072a.75.75 0 001.06-1.06z" })));
+const ClockM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4059314883icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-m", className: "clock-m ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4059314883canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,4a8,8,0,1,0,8,8A8.00917,8.00917,0,0,0,12,4Zm0,14.5A6.5,6.5,0,1,1,18.5,12,6.50753,6.50753,0,0,1,12,18.5Z" }),
+    React.createElement("path", { d: "M12.75,11.68945V8.89307a.75.75,0,0,0-1.5,0V12a.75027.75027,0,0,0,.21973.53027L13.541,14.60205a.74992.74992,0,0,0,1.06054-1.06055Z" }));
 export default ClockM;

package/dist/esm/icons/ClockS.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const ClockS = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "clock-s ds-icon-set-medium", "data-testid": "ds-icon-clock-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M12 18a6 6 0 116-6 6.007 6.007 0 01-6 6zm0-10.5a4.5 4.5 0 104.5 4.5A4.505 4.505 0 0012 7.5z" }),
-    React.createElement("path", { d: "M13.5 14.25a.747.747 0 01-.53-.22l-1.5-1.5a.75.75 0 01-.22-.53V9.75a.75.75 0 011.5 0v1.94l1.28 1.28a.75.75 0 01-.53 1.28z" })));
+const ClockS = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-4187412445icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-clock-s", className: "clock-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-4187412445canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M12,18a6,6,0,1,1,6-6A6.00657,6.00657,0,0,1,12,18ZM12,7.5A4.5,4.5,0,1,0,16.5,12,4.50491,4.50491,0,0,0,12,7.5Z" }),
+    React.createElement("path", { d: "M13.5,14.25049a.74671.74671,0,0,1-.53027-.21973l-1.5-1.50049A.75027.75027,0,0,1,11.25,12V9.75a.75.75,0,0,1,1.5,0v1.93945l1.28027,1.28076A.75.75,0,0,1,13.5,14.25049Z" }));
 export default ClockS;

package/dist/esm/icons/Close2FullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Close2FullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-close-2-full-background-m" }, props),
-    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5zm3.03 4.53L13.06 12l1.97 1.97a.75.75 0 01-1.06 1.06L12 13.06l-1.97 1.97a.75.75 0 11-1.06-1.06L10.94 12l-1.97-1.97a.75.75 0 011.06-1.06L12 10.94l1.97-1.97a.75.75 0 011.06 1.06z" })));
+const Close2FullBackgroundM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-close-2-full-background-m", className: "close-2-full-background-m ds-icon-set-medium" }, props),
+    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C19.9949 16.4162 16.4162 19.9949 12 20ZM12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.4959 8.41187 15.5881 5.50415 12 5.5ZM15.0303 10.0303L13.0606 12L15.0303 13.9697C15.3213 14.2629 15.3204 14.7362 15.0283 15.0283C14.7362 15.3204 14.2629 15.3213 13.9697 15.0303L12 13.0605L10.0303 15.0303C9.84105 15.2209 9.56436 15.2957 9.30485 15.2265C9.04535 15.1573 8.84266 14.9546 8.77347 14.6951C8.70427 14.4356 8.77913 14.1589 8.96973 13.9697L10.9395 12L8.96973 10.0303C8.67869 9.7371 8.67955 9.26377 8.97166 8.97166C9.26377 8.67955 9.7371 8.67869 10.0303 8.96973L12 10.9395L13.9697 8.96973C14.2629 8.67869 14.7362 8.67955 15.0283 8.97166C15.3204 9.26377 15.3213 9.7371 15.0303 10.0303Z" }));
 export default Close2FullBackgroundM;

package/dist/esm/icons/Close2M.js

@@ -1,6 +1,8 @@
 import React from 'react';
-const Close2M = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-m ds-icon-set-medium", "data-testid": "ds-icon-close-2-m" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M13.06 12l1.97-1.97a.75.75 0 00-1.06-1.06L12 10.94l-1.97-1.97a.75.75 0 00-1.06 1.06L10.94 12l-1.97 1.97a.75.75 0 101.06 1.06L12 13.06l1.97 1.97a.75.75 0 001.06-1.06z" }),
-    React.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" })));
+const Close2M = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-2-m", className: "close-2-m ds-icon-set-medium" }, props),
+    React.createElement("g", { id: "svg-2561808162transparent_canvas" },
+        React.createElement("rect", { id: "svg-2561808162canvas", width: 24, height: 24, fill: "none" })),
+    React.createElement("g", { id: "svg-2561808162icons" },
+        React.createElement("path", { d: "M13.06055,12l1.96972-1.96973a.74992.74992,0,0,0-1.06054-1.06054L12,10.93945,10.03027,8.96973a.74992.74992,0,0,0-1.06054,1.06054L10.93945,12,8.96973,13.96973a.74992.74992,0,1,0,1.06054,1.06054L12,13.06055l1.96973,1.96972a.74992.74992,0,0,0,1.06054-1.06054Z" }),
+        React.createElement("path", { d: "M12,20a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20ZM12,5.5A6.5,6.5,0,1,0,18.5,12,6.50753,6.50753,0,0,0,12,5.5Z" })));
 export default Close2M;

package/dist/esm/icons/Close2S.js

@@ -1,6 +1,6 @@
 import React from 'react';
-const Close2S = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-2-s ds-icon-set-medium", "data-testid": "ds-icon-close-2-s" }, props),
-    React.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
-    React.createElement("path", { d: "M14.34 9.66a.75.75 0 00-1.06 0L12 10.94l-1.28-1.28a.75.75 0 10-1.06 1.06L10.94 12l-1.28 1.28a.75.75 0 101.06 1.06L12 13.06l1.28 1.28a.75.75 0 101.06-1.06L13.06 12l1.28-1.28a.75.75 0 000-1.06z" }),
-    React.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm0 10.5a4.5 4.5 0 114.5-4.5 4.505 4.505 0 01-4.5 4.5z" })));
+const Close2S = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", id: "svg-2064478908icons", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", "data-testid": "ds-icon-close-2-s", className: "close-2-s ds-icon-set-medium" }, props),
+    React.createElement("rect", { id: "svg-2064478908canvas", width: 24, height: 24, fill: "none" }),
+    React.createElement("path", { d: "M14.34082,9.65918a.74973.74973,0,0,0-1.06055,0L12,10.93945,10.71973,9.65918a.74992.74992,0,1,0-1.06055,1.06055L10.93945,12,9.65918,13.28027a.74992.74992,0,1,0,1.06055,1.06055L12,13.06055l1.28027,1.28027a.74992.74992,0,1,0,1.06055-1.06055L13.06055,12l1.28027-1.28027A.74973.74973,0,0,0,14.34082,9.65918Z" }),
+    React.createElement("path", { d: "M12,6a6,6,0,1,0,6,6A6.00657,6.00657,0,0,0,12,6Zm0,10.5A4.5,4.5,0,1,1,16.5,12,4.50491,4.50491,0,0,1,12,16.5Z" }));
 export default Close2S;

package/dist/esm/icons/Close3FullBackgroundM.js

@@ -1,5 +1,5 @@
 import React from 'react';
-const Close3FullBackgroundM = (props) => (React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "close-3-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-close-3-full-background-m" }, props),
-    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
-    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12a8 8 0 018-8 8.01 8.01 0 018 8 8 8 0 11-16 0zm11.226 2.695a.75.75 0 00-.196-.725L13.06 12l1.97-1.97a.75.75 0 00-1.06-1.06L12 10.94l-1.97-1.97a.75.75 0 00-1.06 1.06L10.94 12l-1.97 1.97a.75.75 0 001.06 1.06L12 13.06l1.97 1.97a.75.75 0 001.256-.335z" })));
+const Close3FullBackgroundM = (props) => React.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-testid": "ds-icon-close-3-full-background-m", className: "close-3-full-background-m ds-icon-set-medium" }, props),
+    React.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "white" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 12C4 7.58172 7.58172 4 12 4C16.4162 4.00505 19.9949 7.58382 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM15.2265 14.6951C15.2957 14.4356 15.2209 14.1589 15.0303 13.9697L13.0605 12L15.0303 10.0303C15.3213 9.7371 15.3204 9.26377 15.0283 8.97166C14.7362 8.67955 14.2629 8.67869 13.9697 8.96973L12 10.9395L10.0303 8.96973C9.7371 8.67869 9.26377 8.67955 8.97166 8.97166C8.67955 9.26377 8.67869 9.7371 8.96973 10.0303L10.9395 12L8.96973 13.9697C8.67869 14.2629 8.67955 14.7362 8.97166 15.0283C9.26377 15.3204 9.7371 15.3213 10.0303 15.0303L12 13.0605L13.9697 15.0303C14.1589 15.2209 14.4356 15.2957 14.6951 15.2265C14.9546 15.1573 15.1573 14.9546 15.2265 14.6951Z" }));
 export default Close3FullBackgroundM;