@synerise/ds-icon 1.4.2 → 1.5.0

package/dist/cjs/icons/FormulaPlusM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FormulaPlusM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "formula-plus-m", "data-testid": "ds-icon-formula-plus-m" }, props),
+const FormulaPlusM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "formula-plus-m ds-icon-set-medium", "data-testid": "ds-icon-formula-plus-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M17.41 11.25h-4.66V6.5a.75.75 0 00-1.5 0v4.75H6.59a.75.75 0 100 1.5h4.66v4.75a.75.75 0 001.5 0v-4.75h4.66a.75.75 0 000-1.5z" })));
 exports.default = FormulaPlusM;

package/dist/cjs/icons/FormulaPlusS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FormulaPlusS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "formula-plus-s", "data-testid": "ds-icon-formula-plus-s" }, props),
+const FormulaPlusS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "formula-plus-s ds-icon-set-medium", "data-testid": "ds-icon-formula-plus-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M16.597 11.25H12.75V7.404a.75.75 0 00-1.5 0v3.846H7.403a.75.75 0 000 1.5h3.847v3.846a.75.75 0 001.5 0V12.75h3.847a.75.75 0 000-1.5z" })));
 exports.default = FormulaPlusS;

package/dist/cjs/icons/FromToPathM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FromToPathM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "from-to-path-m", "data-testid": "ds-icon-from-to-path-m" }, props),
+const FromToPathM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "from-to-path-m ds-icon-set-medium", "data-testid": "ds-icon-from-to-path-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M5.106 10.35a2.09 2.09 0 102.106 2.09 2.1 2.1 0 00-2.106-2.09zm0 2.68a.59.59 0 11.606-.59.599.599 0 01-.606.59zM15.017 14.17L12.5 16.618a1.515 1.515 0 01-2.12-.022 1.444 1.444 0 010-2.061l4.067-4.016a2.944 2.944 0 000-4.196 3.014 3.014 0 00-4.224.002l-2.48 2.456a.75.75 0 101.055 1.066l2.48-2.455a1.508 1.508 0 012.115-.001 1.444 1.444 0 010 2.06l-4.066 4.016a2.944 2.944 0 00.014 4.21 3.02 3.02 0 004.205.016l2.516-2.447a.75.75 0 10-1.045-1.076zM20.25 10.853h-.832v-.813a.75.75 0 00-1.5 0v.813h-.833a.75.75 0 000 1.5h.833v.812a.75.75 0 101.5 0v-.812h.832a.75.75 0 000-1.5z" })));
 exports.default = FromToPathM;

package/dist/cjs/icons/FullScreenM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FullScreenM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "full-screen-m", "data-testid": "ds-icon-full-screen-m" }, props),
+const FullScreenM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "full-screen-m ds-icon-set-medium", "data-testid": "ds-icon-full-screen-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M9.527 17.5H6.5v-3.027a.75.75 0 10-1.5 0v3.777a.75.75 0 00.75.75h3.777a.75.75 0 100-1.5zM18.25 5h-3.777a.75.75 0 100 1.5H17.5v3.028a.75.75 0 101.5 0V5.75a.75.75 0 00-.75-.75zM18.25 13.723a.75.75 0 00-.75.75V17.5h-3.027a.75.75 0 100 1.5h3.777a.75.75 0 00.75-.75v-3.777a.75.75 0 00-.75-.75zM9.527 5H5.75a.75.75 0 00-.75.75v3.778a.75.75 0 001.5 0V6.5h3.027a.75.75 0 000-1.5z" })));
 exports.default = FullScreenM;

package/dist/cjs/icons/FullScreenMinM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FullScreenMinM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "full-screen-min-m", "data-testid": "ds-icon-full-screen-min-m" }, props),
+const FullScreenMinM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "full-screen-min-m ds-icon-set-medium", "data-testid": "ds-icon-full-screen-min-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M9.527 17.5H6.5v-3.027a.75.75 0 10-1.5 0v3.777a.75.75 0 00.75.75h3.777a.75.75 0 100-1.5zM18.25 5h-3.777a.75.75 0 100 1.5H17.5v3.028a.75.75 0 101.5 0V5.75a.75.75 0 00-.75-.75zM18.25 13.723a.75.75 0 00-.75.75V17.5h-3.027a.75.75 0 100 1.5h3.777a.75.75 0 00.75-.75v-3.777a.75.75 0 00-.75-.75zM5.75 10.278a.75.75 0 00.75-.75V6.5h3.027a.75.75 0 000-1.5H5.75a.75.75 0 00-.75.75v3.778a.75.75 0 00.75.75zM8.75 9.5v5a.75.75 0 00.75.75h5a.75.75 0 00.75-.75v-5a.75.75 0 00-.75-.75h-5a.75.75 0 00-.75.75zm1.5.75h3.5v3.5h-3.5z" })));
 exports.default = FullScreenMinM;

package/dist/cjs/icons/FunnelM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const FunnelM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "funnel-m", "data-testid": "ds-icon-funnel-m" }, props),
+const FunnelM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "funnel-m ds-icon-set-medium", "data-testid": "ds-icon-funnel-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.72 4H5.28a1.752 1.752 0 00-1.75 1.75v1.544a2.743 2.743 0 00.98 2.104l4.239 3.569a2.247 2.247 0 01.8 1.721v4.83a.75.75 0 001.13.648l3.45-2.019a.75.75 0 00.371-.647v-2.82a2.248 2.248 0 01.794-1.715l4.206-3.57a2.743 2.743 0 00.97-2.096V5.75A1.752 1.752 0 0018.72 4zm.25 3.3a1.247 1.247 0 01-.441.952l-4.206 3.57A3.746 3.746 0 0013 14.68v2.389l-1.95 1.14v-3.522a3.742 3.742 0 00-1.335-2.869L5.475 8.25a1.247 1.247 0 01-.445-.956V5.75a.25.25 0 01.25-.25h13.44a.25.25 0 01.25.25z" })));
 exports.default = FunnelM;

package/dist/cjs/icons/GeoanalyticsM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GeoanalyticsM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "geoanalytics-m", "data-testid": "ds-icon-geoanalytics-m" }, props),
+const GeoanalyticsM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "geoanalytics-m ds-icon-set-medium", "data-testid": "ds-icon-geoanalytics-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M15.64 13.794l-2.375-1.596a.748.748 0 00-.37-.126l-1.565-.1a.742.742 0 00-.577.218l-.894.89a.75.75 0 00-.094.947l1.611 2.417a.75.75 0 00.624.334h2.417a.75.75 0 00.67-.415l.807-1.611a.75.75 0 00-.253-.958zm-1.687 1.484h-1.552l-1.047-1.57.218-.217 1.025.066 1.66 1.114z" }),
     react_1.default.createElement("path", { d: "M19.969 11.28a8.069 8.069 0 00-6.005-7.032c-.009-.002-.015-.009-.024-.01-.01-.003-.02 0-.03-.002a7.708 7.708 0 00-1.19-.205 8.001 8.001 0 00-1.44 15.938c.238.02.474.03.71.03a7.99 7.99 0 007.979-8.719zM12.01 5.5q.288 0 .579.025c.084.008.162.034.245.045l-.648 2.59-2.782.7a.753.753 0 00-.487.39l-.407.807-2.017-1.515A6.466 6.466 0 0112.01 5.5zM16.6 16.6A6.496 6.496 0 015.844 9.93l2.483 1.864a.747.747 0 00.45.15.75.75 0 00.67-.412l.657-1.301 2.884-.726a.751.751 0 00.545-.545l.754-3.018A6.48 6.48 0 0116.6 16.6z" })));

package/dist/cjs/icons/GlobeM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GlobeM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "globe-m", "data-testid": "ds-icon-globe-m" }, props),
+const GlobeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "globe-m ds-icon-set-medium", "data-testid": "ds-icon-globe-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm6.41 6.972a18.424 18.424 0 01-2.034.508 9.926 9.926 0 00-2.287-5.63 6.511 6.511 0 014.322 5.122zM12 18.24a9.365 9.365 0 01-2.787-5.004 25.07 25.07 0 002.787.17 25.07 25.07 0 002.787-.17A9.365 9.365 0 0112 18.24zm-2.889-6.518A8.947 8.947 0 0112 5.76a8.947 8.947 0 012.889 5.962 23.525 23.525 0 01-5.778 0zm.8-5.871a9.926 9.926 0 00-2.287 5.63 18.424 18.424 0 01-2.035-.509 6.511 6.511 0 014.322-5.121zm-4.385 6.657a20.285 20.285 0 002.127.5 10.088 10.088 0 002.258 5.141 6.507 6.507 0 01-4.385-5.64zm8.563 5.641a10.088 10.088 0 002.258-5.141 20.285 20.285 0 002.127-.5 6.507 6.507 0 01-4.385 5.641z" })));
 exports.default = GlobeM;

package/dist/cjs/icons/GoToStepM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GoToStepM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "go-to-step-m", "data-testid": "ds-icon-go-to-step-m" }, props),
+const GoToStepM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "go-to-step-m ds-icon-set-medium", "data-testid": "ds-icon-go-to-step-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.518 6.5l2.268-2.26a.732.732 0 00.01-1.023.706.706 0 00-1.01-.01L17.5 5.486l-2.287-2.279a.706.706 0 00-1.009.01.732.732 0 00.01 1.024L16.482 6.5l-2.268 2.26a.732.732 0 00-.01 1.023.706.706 0 001.01.01L17.5 7.515l2.287 2.278a.706.706 0 001.009-.01.732.732 0 00-.01-1.024zM7.5 12a4.5 4.5 0 104.5 4.5A4.5 4.5 0 007.5 12zm0 7.435a2.935 2.935 0 112.964-2.935A2.953 2.953 0 017.5 19.435zM9.279 8.708a.982.982 0 00.212.023.942.942 0 00.198-1.866.983.983 0 00-.212-.024.942.942 0 00-.198 1.867zM7.3 11.21a.983.983 0 00.212.023.943.943 0 00.198-1.866.983.983 0 00-.212-.024.943.943 0 00-.198 1.867zM12.543 5.073a.983.983 0 00-.212-.023.942.942 0 00-.198 1.866.983.983 0 00.212.024.942.942 0 00.198-1.867z" })));
 exports.default = GoToStepM;

package/dist/cjs/icons/GoogleM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GoogleM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "google-m", "data-testid": "ds-icon-google-m" }, props),
+const GoogleM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "google-m ds-icon-set-medium", "data-testid": "ds-icon-google-m" }, props),
     react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.25 11.25h-6.344a.75.75 0 000 1.5h5.547a6.499 6.499 0 11-2.293-5.742.75.75 0 10.961-1.153A7.999 7.999 0 1020 12a.75.75 0 00-.75-.75z" })));
 exports.default = GoogleM;

package/dist/cjs/icons/GreaterM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GreaterM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "greater-m", "data-testid": "ds-icon-greater-m" }, props),
+const GreaterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "greater-m ds-icon-set-medium", "data-testid": "ds-icon-greater-m" }, props),
     react_1.default.createElement("path", { d: "M16.74 12.02a.72.72 0 00-.014-.14.729.729 0 00-.043-.145c-.01-.022-.009-.046-.02-.067a.71.71 0 00-.045-.055.768.768 0 00-.211-.212.688.688 0 00-.054-.044l-8.488-4.52a.75.75 0 00-.705 1.325l7.239 3.854-7.237 3.82a.75.75 0 00.352 1.414.741.741 0 00.35-.087l8.487-4.481c.006-.004.01-.01.016-.013.018-.01.03-.028.048-.04a.728.728 0 00.212-.22c.009-.016.027-.022.035-.038.011-.021.01-.045.02-.066a.798.798 0 00.058-.285z" })));
 exports.default = GreaterM;

package/dist/cjs/icons/GreaterorequalM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GreaterorequalM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "greaterorequal-m", "data-testid": "ds-icon-greaterorequal-m" }, props),
+const GreaterorequalM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "greaterorequal-m ds-icon-set-medium", "data-testid": "ds-icon-greaterorequal-m" }, props),
     react_1.default.createElement("path", { d: "M15.992 16.75h-8.48a.75.75 0 000 1.5h8.48a.75.75 0 000-1.5zM16.726 10.88a.729.729 0 00-.043-.145c-.01-.022-.009-.046-.02-.067a.693.693 0 00-.045-.055.764.764 0 00-.212-.213c-.02-.013-.032-.032-.053-.044L7.865 5.838a.75.75 0 00-.705 1.324l7.239 3.854-7.237 3.82a.75.75 0 00.352 1.414.741.741 0 00.35-.087l8.487-4.481c.006-.004.01-.01.016-.013.018-.01.03-.028.048-.04a.728.728 0 00.212-.22c.009-.016.027-.022.035-.038.011-.021.01-.045.02-.066a.798.798 0 00.058-.285.72.72 0 00-.014-.14z" })));
 exports.default = GreaterorequalM;

package/dist/cjs/icons/Grid10M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid10M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-10-m", "data-testid": "ds-icon-grid-10-m" }, props),
+const Grid10M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-10-m ds-icon-set-medium", "data-testid": "ds-icon-grid-10-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm1.25 2.75v3.45H12.75v-4.7h5.496a1.251 1.251 0 011.25 1.25zm-13.75-1.25h5.504v8.801H4.496V5.699a1.251 1.251 0 011.25-1.25zm-1.25 13.75V14.75h6.754v4.7H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25H12.75v-8.8h6.746v7.55a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid10M;

package/dist/cjs/icons/Grid1M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid1M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-1-m", "data-testid": "ds-icon-grid-1-m" }, props),
+const Grid1M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-1-m ds-icon-set-medium", "data-testid": "ds-icon-grid-1-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm-12.5 1.5h12.5a1.251 1.251 0 011.25 1.25V8.1h-15V5.7a1.251 1.251 0 011.25-1.25zm12.5 15h-12.5a1.251 1.251 0 01-1.25-1.25V9.6h15v8.6a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid1M;

package/dist/cjs/icons/Grid2M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid2M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-2-m", "data-testid": "ds-icon-grid-2-m" }, props),
+const Grid2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-2-m ds-icon-set-medium", "data-testid": "ds-icon-grid-2-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zM4.496 9.6h6.754v9.85H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 9.85H12.75V9.6h6.746v8.6a1.251 1.251 0 01-1.25 1.25zM4.496 8.1V5.7a1.251 1.251 0 011.25-1.25h12.5a1.251 1.251 0 011.25 1.25V8.1z" })));
 exports.default = Grid2M;

package/dist/cjs/icons/Grid3M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid3M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-3-m", "data-testid": "ds-icon-grid-3-m" }, props),
+const Grid3M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-3-m ds-icon-set-medium", "data-testid": "ds-icon-grid-3-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm-12.5 1.5h12.5a1.251 1.251 0 011.25 1.25V8.1h-15V5.7a1.251 1.251 0 011.25-1.25zM14 9.6v9.85h-4V9.6zm-9.504 8.6V9.6H8.5v9.85H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25H15.5V9.6h3.996v8.6a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid3M;

package/dist/cjs/icons/Grid4M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid4M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-4-m", "data-testid": "ds-icon-grid-4-m" }, props),
+const Grid4M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-4-m ds-icon-set-medium", "data-testid": "ds-icon-grid-4-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm-12.5 1.5h12.5a1.251 1.251 0 011.25 1.25V8.1h-15V5.7a1.251 1.251 0 011.25-1.25zm-1.25 13.75V9.6H8.5v9.85H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25H10V9.6h9.496v8.6a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid4M;

package/dist/cjs/icons/Grid5M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid5M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-5-m", "data-testid": "ds-icon-grid-5-m" }, props),
+const Grid5M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-5-m ds-icon-set-medium", "data-testid": "ds-icon-grid-5-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm-12.5 1.5h12.5a1.251 1.251 0 011.25 1.25V8.1h-15V5.7a1.251 1.251 0 011.25-1.25zm-1.25 13.75V9.6h9.496v9.85H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25h-2.754V9.6h4.004v8.6a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid5M;

package/dist/cjs/icons/Grid6M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid6M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-6-m", "data-testid": "ds-icon-grid-6-m" }, props),
+const Grid6M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-6-m ds-icon-set-medium", "data-testid": "ds-icon-grid-6-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm1.25 2.75v5.551H12.75V4.449h5.496a1.251 1.251 0 011.25 1.25zm-13.75-1.25h5.504v6.801H4.496V5.699a1.251 1.251 0 011.25-1.25zm-1.25 13.75V12.75h6.754v6.7H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25H12.75V12.75h6.746v5.45a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid6M;

package/dist/cjs/icons/Grid7M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid7M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-7-m", "data-testid": "ds-icon-grid-7-m" }, props),
+const Grid7M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-7-m ds-icon-set-medium", "data-testid": "ds-icon-grid-7-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zM4.496 9.965a.714.714 0 00.153.031h6.557l.038 4H4.649a.715.715 0 00-.153.031zm8.21.031h6.759c.01 0 .02-.006.031-.006v4.012c-.01 0-.02-.006-.031-.006h-6.721zM5.746 4.45h12.5a1.251 1.251 0 011.25 1.25v2.803c-.01 0-.02-.006-.031-.006H4.649a.715.715 0 00-.153.031V5.699a1.251 1.251 0 011.25-1.25zm-1.25 13.75v-2.734a.714.714 0 00.153.031h6.609l.037 3.953H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25h-5.451l-.037-3.953h6.707c.01 0 .02-.006.031-.006v2.71a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid7M;

package/dist/cjs/icons/Grid8M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid8M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-8-m", "data-testid": "ds-icon-grid-8-m" }, props),
+const Grid8M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-8-m ds-icon-set-medium", "data-testid": "ds-icon-grid-8-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm-4.239 16.5H9.993c0-.012.007-.023.007-.036V4.598a.717.717 0 00-.03-.15h4.06a.717.717 0 00-.03.15v14.815c0 .013.007.024.007.036zm-9.51-1.25V5.7a1.251 1.251 0 011.25-1.25H8.53a.717.717 0 00-.03.15v14.814c0 .013.007.024.007.036h-2.76a1.251 1.251 0 01-1.25-1.25zm15 0a1.251 1.251 0 01-1.25 1.25h-2.754c0-.012.007-.023.007-.036V4.598a.717.717 0 00-.03-.15h2.776a1.251 1.251 0 011.25 1.25z" })));
 exports.default = Grid8M;

package/dist/cjs/icons/Grid9M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Grid9M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-9-m", "data-testid": "ds-icon-grid-9-m" }, props),
+const Grid9M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-9-m ds-icon-set-medium", "data-testid": "ds-icon-grid-9-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.246 2.949h-12.5a2.753 2.753 0 00-2.75 2.75v12.5a2.753 2.753 0 002.75 2.75h12.5a2.753 2.753 0 002.75-2.75V5.7a2.753 2.753 0 00-2.75-2.75zm1.25 2.75v5.551H9.651V4.449h8.595a1.251 1.251 0 011.25 1.25zm-15 12.5V5.7a1.251 1.251 0 011.25-1.25h2.405v15H5.746a1.251 1.251 0 01-1.25-1.25zm13.75 1.25H9.651V12.75h9.845v5.45a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = Grid9M;

package/dist/cjs/icons/GridM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GridM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "grid-m", "data-testid": "ds-icon-grid-m" }, props),
+const GridM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "grid-m ds-icon-set-medium", "data-testid": "ds-icon-grid-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.25 8.849a.75.75 0 000-1.5h-1.146V5.75a.75.75 0 00-1.5 0v1.599H8.396V5.75a.75.75 0 10-1.5 0v1.599H5.75a.75.75 0 000 1.5h1.146v6.302H5.75a.75.75 0 000 1.5h1.146v1.599a.75.75 0 001.5 0v-1.599h7.208v1.599a.75.75 0 001.5 0v-1.599h1.146a.75.75 0 000-1.5h-1.146V8.85zm-2.646 6.302H8.396V8.85h7.208z" })));
 exports.default = GridM;

package/dist/cjs/icons/Group2M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Group2M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "group-2-m", "data-testid": "ds-icon-group-2-m" }, props),
+const Group2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "group-2-m ds-icon-set-medium", "data-testid": "ds-icon-group-2-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M21 9.528a6.379 6.379 0 00-6.372-6.37h-.218a6.38 6.38 0 00-6.234 5.058 6.37 6.37 0 001.196 12.627h.218a6.38 6.38 0 006.234-5.06A6.38 6.38 0 0021 9.529zM14.41 14.4a4.873 4.873 0 01-4.864-4.8h.044a4.873 4.873 0 014.864 4.8zm-4.82 4.943h-.218a4.859 4.859 0 01-1.319-9.539 6.37 6.37 0 006.172 6.087 4.861 4.861 0 01-4.635 3.452zm6.357-5.147a6.37 6.37 0 00-6.172-6.087 4.861 4.861 0 014.635-3.452h.218a4.859 4.859 0 011.319 9.539z" })));
 exports.default = Group2M;

package/dist/cjs/icons/GroupM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const GroupM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "group-m", "data-testid": "ds-icon-group-m" }, props),
+const GroupM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "group-m ds-icon-set-medium", "data-testid": "ds-icon-group-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.317 12.112a6.497 6.497 0 00-2.64-3.97 3.585 3.585 0 00.04-.408 3.714 3.714 0 00-7.427 0 3.6 3.6 0 00.043.43 6.483 6.483 0 00-2.643 3.949 3.677 3.677 0 102.761 6.765 6.408 6.408 0 007.104.001 3.678 3.678 0 102.762-6.767zm-8.49-4.746a2.211 2.211 0 014.354.006 2.027 2.027 0 01-.29 1.492 2.212 2.212 0 01-3.767.013 2.04 2.04 0 01-.297-1.51zm-1.357 9.59A2.212 2.212 0 014.5 15.64a2.176 2.176 0 011.061-1.858 2.218 2.218 0 013.367 1.858 2.15 2.15 0 01-.458 1.317zm5.86.888a4.742 4.742 0 01-4.655-.002 3.635 3.635 0 00.753-2.203 3.691 3.691 0 00-3.14-3.63A5.03 5.03 0 018.85 9.66a3.702 3.702 0 006.309-.003 4.965 4.965 0 011.56 2.35 3.691 3.691 0 00-3.147 3.63 3.635 3.635 0 00.757 2.208zm1.205-.885a2.15 2.15 0 01-.463-1.322 2.214 2.214 0 112.214 2.187 2.217 2.217 0 01-1.751-.865z" })));
 exports.default = GroupM;

package/dist/cjs/icons/H1M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const H1M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "h1-m", "data-testid": "ds-icon-h1-m" }, props),
+const H1M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "h1-m ds-icon-set-medium", "data-testid": "ds-icon-h1-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M17.889 21a.75.75 0 00.75-.75v-5.5a.75.75 0 00-1.26-.55L15.6 15.85a.75.75 0 101.02 1.1l.518-.48v3.78a.75.75 0 00.75.75zM12 18.75a.75.75 0 00.75-.75V6a.75.75 0 00-1.5 0v5h-6V6a.75.75 0 00-1.5 0v12a.75.75 0 001.5 0v-5.5h6V18a.75.75 0 00.75.75z" })));
 exports.default = H1M;

package/dist/cjs/icons/H2M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const H2M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "h2-m", "data-testid": "ds-icon-h2-m" }, props),
+const H2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "h2-m ds-icon-set-medium", "data-testid": "ds-icon-h2-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 5.25a.75.75 0 00-.75.75v5h-6V6a.75.75 0 00-1.5 0v12a.75.75 0 001.5 0v-5.5h6V18a.75.75 0 001.5 0V6a.75.75 0 00-.75-.75zM18.936 19.5h-2.117l1.285-1.298a3.512 3.512 0 001.272-2.557 2.14 2.14 0 00-2.303-2.216 2.34 2.34 0 00-2.418 2.242.75.75 0 001.49.172c.072-.624.367-.914.928-.914.803 0 .803.502.803.716 0 .409-.14.802-.836 1.5l-2.509 2.535a.857.857 0 00-.217.57.75.75 0 00.75.75h3.872a.75.75 0 000-1.5z" })));
 exports.default = H2M;

package/dist/cjs/icons/H3M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const H3M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "h3-m", "data-testid": "ds-icon-h3-m" }, props),
+const H3M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "h3-m ds-icon-set-medium", "data-testid": "ds-icon-h3-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 5.25a.75.75 0 00-.75.75v5h-6V6a.75.75 0 00-1.5 0v12a.75.75 0 001.5 0v-5.5h6V18a.75.75 0 001.5 0V6a.75.75 0 00-.75-.75zM19.43 15.321a2.225 2.225 0 00-2.322-2.33 2.454 2.454 0 00-2.513 2.229.749.749 0 00.663.827.738.738 0 00.827-.663.956.956 0 011.023-.893.74.74 0 01.822.83c0 .457-.245.69-.728.69h-.432a.75.75 0 00-.75.75v.159a.75.75 0 00.75.75h.46c.628 0 .934.278.934.85 0 .245 0 .989-1.112.989a1.072 1.072 0 01-1.219-1.014.75.75 0 10-1.494.143 2.577 2.577 0 002.713 2.37 2.392 2.392 0 002.612-2.488 2.288 2.288 0 00-.731-1.758 2.282 2.282 0 00.497-1.44z" })));
 exports.default = H3M;

package/dist/cjs/icons/HamburgerMenuM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HamburgerMenuM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "hamburger-menu-m", "data-testid": "ds-icon-hamburger-menu-m" }, props),
+const HamburgerMenuM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "hamburger-menu-m ds-icon-set-medium", "data-testid": "ds-icon-hamburger-menu-m" }, props),
     react_1.default.createElement("path", { d: "M6 8h12c.6 0 1-.4 1-1s-.4-1-1-1H6c-.6 0-1 .4-1 1s.4 1 1 1zM18 11H6c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1zM18 16H6c-.6 0-1 .4-1 1s.4 1 1 1h12c.6 0 1-.4 1-1s-.4-1-1-1z" })));
 exports.default = HamburgerMenuM;

package/dist/cjs/icons/HardBounceM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HardBounceM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "hard-bounce-m", "data-testid": "ds-icon-hard-bounce-m" }, props),
+const HardBounceM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "hard-bounce-m ds-icon-set-medium", "data-testid": "ds-icon-hard-bounce-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M20.25 19.634H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5zM7.93 17.317a.749.749 0 001.068 0l3.536-3.593a.75.75 0 10-1.068-1.052l-3.002 3.05-4.18-4.248a.75.75 0 10-1.068 1.052zM18.81 6.25l1.97-1.97a.75.75 0 00-1.06-1.06l-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.06z" })));
 exports.default = HardBounceM;

package/dist/cjs/icons/HashM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HashM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "hash-m", "data-testid": "ds-icon-hash-m" }, props),
+const HashM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "hash-m ds-icon-set-medium", "data-testid": "ds-icon-hash-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.25 10.071a.75.75 0 000-1.5h-2.814l.447-2.698a.75.75 0 10-1.48-.246l-.488 2.944h-4.694l.447-2.698a.75.75 0 10-1.479-.246l-.488 2.944H4.75a.75.75 0 000 1.5h3.702l-.639 3.858H4.75a.75.75 0 000 1.5h2.814l-.447 2.698a.75.75 0 101.48.246l.488-2.944h4.694l-.447 2.698a.75.75 0 101.479.246l.488-2.944h3.951a.75.75 0 000-1.5h-3.702l.639-3.858zm-5.223 3.858H9.333l.64-3.858h4.694z" })));
 exports.default = HashM;

package/dist/cjs/icons/HelpFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HelpFillM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "help-fill-m", "data-testid": "ds-icon-help-fill-m" }, props),
+const HelpFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "help-fill-m ds-icon-set-medium", "data-testid": "ds-icon-help-fill-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm0 11.912a1 1 0 01-.003-2H12a1 1 0 010 2zm1.276-3.933c-.442.271-.526.432-.526.635a.75.75 0 11-1.5 0 2.247 2.247 0 011.243-1.914c.426-.262.507-.415.507-.608a.933.933 0 00-1-.842.933.933 0 00-1 .842.75.75 0 01-1.5 0A2.428 2.428 0 0112 7.75a2.428 2.428 0 012.5 2.342 2.214 2.214 0 01-1.224 1.887z" })));
 exports.default = HelpFillM;

package/dist/cjs/icons/HelpFillS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HelpFillS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "help-fill-s", "data-testid": "ds-icon-help-fill-s" }, props),
+const HelpFillS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "help-fill-s ds-icon-set-medium", "data-testid": "ds-icon-help-fill-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm0 9.227a.75.75 0 01-.002-1.5H12a.75.75 0 010 1.5zm1.054-2.935c-.304.187-.304.259-.304.316a.75.75 0 01-1.5 0 1.857 1.857 0 011.02-1.594c.293-.179.293-.244.293-.297a.578.578 0 00-1.125 0 .75.75 0 01-1.5 0 2.066 2.066 0 014.125 0 1.853 1.853 0 01-1.01 1.575z" })));
 exports.default = HelpFillS;

package/dist/cjs/icons/HelpM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HelpM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "help-m", "data-testid": "ds-icon-help-m" }, props),
+const HelpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "help-m ds-icon-set-medium", "data-testid": "ds-icon-help-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.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_1.default.createElement("path", { d: "M12 7.75a2.428 2.428 0 00-2.5 2.342.75.75 0 001.5 0 .933.933 0 011-.842.933.933 0 011 .842c0 .193-.081.346-.507.608a2.247 2.247 0 00-1.243 1.914.75.75 0 101.5 0c0-.203.084-.364.526-.635a2.214 2.214 0 001.224-1.887A2.428 2.428 0 0012 7.75zM12 13.912h-.003a1.001 1.001 0 10.003 0z" })));

package/dist/cjs/icons/HelpS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HelpS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "help-s", "data-testid": "ds-icon-help-s" }, props),
+const HelpS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "help-s ds-icon-set-medium", "data-testid": "ds-icon-help-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.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" }),
     react_1.default.createElement("path", { d: "M12 8.772a2.008 2.008 0 00-2.063 1.945.75.75 0 001.5 0 .578.578 0 011.125 0c0 .052 0 .117-.292.296a1.858 1.858 0 00-1.02 1.595.75.75 0 001.5 0c0-.058 0-.129.305-.316a1.855 1.855 0 001.007-1.575A2.008 2.008 0 0012 8.772zM12 13.727h-.002a.751.751 0 10.002 0z" })));

package/dist/cjs/icons/HideM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HideM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "hide-m", "data-testid": "ds-icon-hide-m" }, props),
+const HideM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "hide-m ds-icon-set-medium", "data-testid": "ds-icon-hide-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M20.662 10.96a15.802 15.802 0 00-3.354-3.158l2.47-2.444a.75.75 0 00-1.055-1.066l-2.74 2.712a8.686 8.686 0 00-3.985-1.04c-4.686 0-8.28 4.598-8.68 5.13a1.63 1.63 0 00-.303.866l-.005.064.006.066a1.617 1.617 0 00.307.824A16.163 16.163 0 006.72 16.17l-2.497 2.472a.75.75 0 101.054 1.066l2.759-2.73a8.505 8.505 0 003.962 1.058c4.797 0 8.508-4.792 8.663-4.996a1.545 1.545 0 00.326-.986 1.642 1.642 0 00-.325-1.093zM4.521 11.989c.14-.184 3.45-4.524 7.477-4.524a6.908 6.908 0 012.851.661L7.81 15.091a14.451 14.451 0 01-3.289-3.103zm14.948.142c-.137.18-3.408 4.406-7.471 4.406a6.743 6.743 0 01-2.834-.674l7.049-6.976a13.378 13.378 0 013.277 3.082l-.024.117z" })));
 exports.default = HideM;

package/dist/cjs/icons/HistogramM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HistogramM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "histogram-m", "data-testid": "ds-icon-histogram-m" }, props),
+const HistogramM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "histogram-m ds-icon-set-medium", "data-testid": "ds-icon-histogram-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.667 11.25a.75.75 0 00-.75.75v6.667a.75.75 0 001.5 0V12a.75.75 0 00-.75-.75zM14.252 13.472a.75.75 0 00-.75.75v4.445a.75.75 0 001.5 0v-4.445a.75.75 0 00-.75-.75zM5.333 15.416a.75.75 0 00-.75.75v2.501a.75.75 0 001.5 0v-2.5a.75.75 0 00-.75-.75zM9.749 12.584a.75.75 0 00-.75.75v5.333a.75.75 0 001.5 0v-5.334a.75.75 0 00-.75-.75z" }),
     react_1.default.createElement("path", { d: "M20.404 4.72a2.33 2.33 0 00-3.823 2.488l-1.114.929a2.29 2.29 0 00-2.632.142l-.843-.563a2.328 2.328 0 10-4.416.238l-1.115.928a2.33 2.33 0 10.96 1.153l1.12-.932a2.288 2.288 0 002.618-.14l.847.565a2.328 2.328 0 104.421-.238l1.119-.933a2.33 2.33 0 002.858-3.638zM5.835 11.455a.833.833 0 110-1.178.83.83 0 010 1.178zM9.16 7.704a.833.833 0 11.589.244.833.833 0 01-.59-.244zm5.68 3.007a.833.833 0 110-1.179.83.83 0 010 1.179zm4.504-3.753a.833.833 0 110-1.178.83.83 0 010 1.178z" })));

package/dist/cjs/icons/HomeM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HomeM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "home-m", "data-testid": "ds-icon-home-m" }, props),
+const HomeM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "home-m ds-icon-set-medium", "data-testid": "ds-icon-home-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.05 9.535l-5.925-5.127a1.753 1.753 0 00-2.257.008L4.95 9.536A2.745 2.745 0 004 11.611v6.22A2.187 2.187 0 006.2 20h11.6a2.187 2.187 0 002.2-2.168v-6.22a2.745 2.745 0 00-.95-2.077zM13.206 18.5h-2.41v-4.551a.25.25 0 01.25-.25h1.91a.25.25 0 01.25.25zm5.295-.668a.686.686 0 01-.7.668h-3.095v-4.551a1.752 1.752 0 00-1.75-1.75h-1.91a1.752 1.752 0 00-1.75 1.75V18.5H6.2a.686.686 0 01-.7-.668v-6.22a1.244 1.244 0 01.431-.942l5.91-5.111a.256.256 0 01.163-.06.23.23 0 01.149.052l5.916 5.118a1.246 1.246 0 01.431.942z" })));
 exports.default = HomeM;

package/dist/cjs/icons/HourglassM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const HourglassM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "hourglass-m", "data-testid": "ds-icon-hourglass-m" }, props),
+const HourglassM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "hourglass-m ds-icon-set-medium", "data-testid": "ds-icon-hourglass-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M9.416 17.5a.75.75 0 00.75.75h3.667a.75.75 0 000-1.5h-3.667a.75.75 0 00-.75.75z" }),
     react_1.default.createElement("path", { d: "M16.564 3H7.436a1.669 1.669 0 00-1.667 1.667v2.18a2.566 2.566 0 00.491 1.515L8.894 12 6.26 15.638a2.566 2.566 0 00-.49 1.515v2.18a1.669 1.669 0 001.666 1.668h9.128a1.669 1.669 0 001.667-1.667v-2.147a2.597 2.597 0 00-.542-1.583L14.894 12l2.795-3.604a2.597 2.597 0 00.542-1.583V4.667A1.669 1.669 0 0016.564 3zm.166 3.813a1.09 1.09 0 01-.227.664l-3.15 4.064a.75.75 0 000 .918l3.15 4.064a1.09 1.09 0 01.227.664v2.146a.167.167 0 01-.166.168H7.436a.167.167 0 01-.167-.167v-2.18a1.077 1.077 0 01.206-.636l2.952-4.078a.75.75 0 000-.88L7.475 7.482a1.077 1.077 0 01-.205-.635v-2.18a.167.167 0 01.166-.167h9.128a.167.167 0 01.167.167z" })));

package/dist/cjs/icons/IdentifiedM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const IdentifiedM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "identified-m", "data-testid": "ds-icon-identified-m" }, props),
+const IdentifiedM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "identified-m ds-icon-set-medium", "data-testid": "ds-icon-identified-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 11.7a3.874 3.874 0 10-3.869-3.874A3.876 3.876 0 0012 11.7zm0-6.248a2.374 2.374 0 11-2.369 2.374A2.374 2.374 0 0112 5.452zM12.425 12.75h-3.65a4.755 4.755 0 00-4.75 4.75v.76a1.752 1.752 0 001.75 1.75h5.5a.75.75 0 100-1.5h-5.5a.25.25 0 01-.25-.25v-.76a3.254 3.254 0 013.25-3.25h3.65a.75.75 0 000-1.5zM20.25 16.272h-.507a2.823 2.823 0 00-1.972-1.988v-.539a.75.75 0 00-1.5 0v.539a2.822 2.822 0 00-1.957 1.94h-.57a.75.75 0 000 1.5h.555a2.822 2.822 0 001.924 1.974v.553a.75.75 0 001.5 0v-.523a2.823 2.823 0 002.005-1.956h.522a.75.75 0 000-1.5zm-3.229 2.055a1.328 1.328 0 111.329-1.328 1.33 1.33 0 01-1.329 1.328z" })));
 exports.default = IdentifiedM;

package/dist/cjs/icons/ImageM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ImageM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "image-m", "data-testid": "ds-icon-image-m" }, props),
+const ImageM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "image-m ds-icon-set-medium", "data-testid": "ds-icon-image-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("circle", { cx: 15.5, cy: 10, r: 1.5 }),
     react_1.default.createElement("path", { d: "M17.25 5H6.75A2.753 2.753 0 004 7.75v8.5A2.753 2.753 0 006.75 19h10.5A2.753 2.753 0 0020 16.25v-8.5A2.753 2.753 0 0017.25 5zM5.5 16.25v-.388l3.52-2.695 5 4.333H6.75a1.251 1.251 0 01-1.25-1.25zm13 0a1.251 1.251 0 01-1.25 1.25h-.946c-.006-.005-.007-.012-.013-.017l-6.75-5.85a.752.752 0 00-.947-.029L5.5 13.972V7.75A1.251 1.251 0 016.75 6.5h10.5a1.251 1.251 0 011.25 1.25z" })));

package/dist/cjs/icons/InboxArchiveM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InboxArchiveM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "inbox-archive-m", "data-testid": "ds-icon-inbox-archive-m" }, props),
+const InboxArchiveM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "inbox-archive-m ds-icon-set-medium", "data-testid": "ds-icon-inbox-archive-m" }, props),
     react_1.default.createElement("path", { fill: "none", opacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.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 4zM6.75 5.5h10.5a1.251 1.251 0 011.25 1.25v6.1h-1.818a2.765 2.765 0 00-1.979.84l-.702.728a1.26 1.26 0 01-.9.382h-2.149a1.254 1.254 0 01-.901-.384l-.695-.723a2.764 2.764 0 00-1.982-.843H5.5v-6.1A1.251 1.251 0 016.75 5.5zm10.5 13H6.75a1.251 1.251 0 01-1.25-1.25v-2.9h1.874a1.256 1.256 0 01.901.383l.694.722a2.762 2.762 0 001.983.845h2.149a2.768 2.768 0 001.98-.84l.702-.729a1.257 1.257 0 01.899-.381H18.5v2.9a1.251 1.251 0 01-1.25 1.25z" }),
     react_1.default.createElement("path", { d: "M8.075 8.7h7.85a.75.75 0 000-1.5h-7.85a.75.75 0 000 1.5zM8.075 11.5h7.85a.75.75 0 000-1.5h-7.85a.75.75 0 000 1.5z" })));

package/dist/cjs/icons/InboxZeroM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InboxZeroM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "inbox-zero-m", "data-testid": "ds-icon-inbox-zero-m" }, props),
+const InboxZeroM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "inbox-zero-m ds-icon-set-medium", "data-testid": "ds-icon-inbox-zero-m" }, props),
     react_1.default.createElement("path", { fill: "none", opacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.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 4zM6.75 5.5h10.5a1.251 1.251 0 011.25 1.25v6.1h-1.818a2.765 2.765 0 00-1.979.84l-.702.728a1.26 1.26 0 01-.9.382h-2.149a1.254 1.254 0 01-.901-.384l-.695-.723a2.764 2.764 0 00-1.982-.843H5.5v-6.1A1.251 1.251 0 016.75 5.5zm10.5 13H6.75a1.251 1.251 0 01-1.25-1.25v-2.9h1.874a1.256 1.256 0 01.901.383l.694.722a2.762 2.762 0 001.983.845h2.149a2.768 2.768 0 001.98-.84l.702-.729a1.257 1.257 0 01.899-.381H18.5v2.9a1.251 1.251 0 01-1.25 1.25z" })));
 exports.default = InboxZeroM;

package/dist/cjs/icons/IncomingMailM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const IncomingMailM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "incoming-mail-m", "data-testid": "ds-icon-incoming-mail-m" }, props),
+const IncomingMailM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "incoming-mail-m ds-icon-set-medium", "data-testid": "ds-icon-incoming-mail-m" }, props),
     react_1.default.createElement("path", { fill: "none", opacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M17.25 4h-3a.75.75 0 000 1.5h3a1.251 1.251 0 011.25 1.25v6.1h-1.818a2.765 2.765 0 00-1.979.84l-.702.728a1.26 1.26 0 01-.9.382h-2.149a1.254 1.254 0 01-.901-.384l-.695-.723a2.764 2.764 0 00-1.982-.843H5.5v-6.1A1.251 1.251 0 016.75 5.5h3a.75.75 0 000-1.5h-3A2.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 4zm0 14.5H6.75a1.251 1.251 0 01-1.25-1.25v-2.9h1.874a1.256 1.256 0 01.901.383l.694.722a2.762 2.762 0 001.983.845h2.149a2.768 2.768 0 001.98-.84l.702-.729a1.257 1.257 0 01.899-.381H18.5v2.9a1.251 1.251 0 01-1.25 1.25z" }),
     react_1.default.createElement("path", { d: "M12 2.9a.75.75 0 00-.75.75v6.522L9.8 8.536a.75.75 0 00-1.122.995l2.76 3.116a.75.75 0 001.124 0l2.76-3.116a.75.75 0 00-1.123-.995l-1.449 1.636V3.65A.75.75 0 0012 2.9z" })));

package/dist/cjs/icons/IndentM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const IndentM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "indent-m", "data-testid": "ds-icon-indent-m" }, props),
+const IndentM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "indent-m ds-icon-set-medium", "data-testid": "ds-icon-indent-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.275 16.5h-12.5a.75.75 0 100 1.5h12.5a.75.75 0 100-1.5zM18.275 13h-7.15a.75.75 0 000 1.5h7.15a.75.75 0 100-1.5zM18.275 9.5h-7.15a.75.75 0 000 1.5h7.15a.75.75 0 000-1.5zM18.275 6h-12.5a.75.75 0 100 1.5h12.5a.75.75 0 000-1.5zM5.205 15.041a.75.75 0 001.06-.021l2.404-2.5a.749.749 0 000-1.04l-2.403-2.5a.75.75 0 10-1.081 1.04L7.088 12l-1.903 1.98a.75.75 0 00.02 1.061z" })));
 exports.default = IndentM;

package/dist/cjs/icons/InfoFillFullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoFillFullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "info-fill-full-background-m", "data-testid": "ds-icon-info-fill-full-background-m" }, props),
+const InfoFillFullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-fill-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-info-fill-full-background-m" }, props),
     react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm.75 11.604a.75.75 0 01-1.5 0v-3.75a.75.75 0 011.5 0v3.75zM11 9.043a1 1 0 101-1.002h-.003A1 1 0 0011 9.043z" })));
 exports.default = InfoFillFullBackgroundM;

package/dist/cjs/icons/InfoFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoFillM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "info-fill-m", "data-testid": "ds-icon-info-fill-m" }, props),
+const InfoFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-fill-m ds-icon-set-medium", "data-testid": "ds-icon-info-fill-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 4a8 8 0 108 8 8.01 8.01 0 00-8-8zm.75 11.604a.75.75 0 01-1.5 0v-3.75a.75.75 0 011.5 0zM12 10.04a1 1 0 01-.003-2H12a1 1 0 010 2z" })));
 exports.default = InfoFillM;

package/dist/cjs/icons/InfoFillS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoFillS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "info-fill-s", "data-testid": "ds-icon-info-fill-s" }, props),
+const InfoFillS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-fill-s ds-icon-set-medium", "data-testid": "ds-icon-info-fill-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 6a6 6 0 106 6 6.007 6.007 0 00-6-6zm.75 8.215a.75.75 0 11-1.5 0V12a.75.75 0 011.5 0zm-.75-3.68a.75.75 0 01-.002-1.5H12a.75.75 0 010 1.5z" })));
 exports.default = InfoFillS;

package/dist/cjs/icons/InfoFullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoFullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "info-full-background-m", "data-testid": "ds-icon-info-full-background-m" }, props),
+const InfoFullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-info-full-background-m" }, props),
     react_1.default.createElement("circle", { cx: 12, cy: 12, r: 7, fill: "#fff" }),
     react_1.default.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 0zm1.5 0a6.5 6.5 0 006.5 6.5 6.508 6.508 0 006.5-6.5 6.5 6.5 0 10-13 0zm6.5-.896a.75.75 0 00-.75.75v3.75a.75.75 0 001.5 0v-3.75a.75.75 0 00-.75-.75zm-.003-3.063H12a1.001 1.001 0 11-.003 0z" })));
 exports.default = InfoFullBackgroundM;

package/dist/cjs/icons/InfoM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const InfoM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "info-m", "data-testid": "ds-icon-info-m" }, props),
+const InfoM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "info-m ds-icon-set-medium", "data-testid": "ds-icon-info-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.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_1.default.createElement("path", { d: "M12 11.104a.75.75 0 00-.75.75v3.75a.75.75 0 001.5 0v-3.75a.75.75 0 00-.75-.75zM12 8.041h-.003a1.001 1.001 0 10.003 0z" })));