@synerise/ds-icon 1.4.2 → 1.5.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.5.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.4.2...@synerise/ds-icon@1.5.0) (2025-05-19)
+
+
+### Features
+
+* **confirmation:** new component ([5ed5b96](https://github.com/Synerise/synerise-design/commit/5ed5b96540e82576951221fdf5f26695c02171e7))
+
+
+
+
+
 ## [1.4.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.4.1...@synerise/ds-icon@1.4.2) (2025-05-07)
 
 **Note:** Version bump only for package @synerise/ds-icon

package/dist/cjs/Icon.styles.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
+import type { MouseEventHandler } from 'react';
 export declare const defaultSize = 24;
-type Props = {
-    size?: string | number;
-    color?: string;
-    stroke?: boolean;
-    onClick?: React.MouseEventHandler;
-};
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, Props, never>;
-export {};
+export declare const DEFAULT_COLOR_TOKEN = "grey-800";
+export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {
+    size?: string | number | undefined;
+    color?: string | undefined;
+    stroke?: boolean | undefined;
+    onClick?: MouseEventHandler<Element> | undefined;
+}, never>;

package/dist/cjs/Icon.styles.js

@@ -1,29 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconContainer = exports.defaultSize = void 0;
+exports.IconContainer = exports.DEFAULT_COLOR_TOKEN = exports.defaultSize = void 0;
 const styled_components_1 = require("styled-components");
+const ds_core_1 = require("@synerise/ds-core");
 exports.defaultSize = 24;
+exports.DEFAULT_COLOR_TOKEN = 'grey-800';
 exports.IconContainer = styled_components_1.default.div `
-  ${(props) => (0, styled_components_1.css) `
-      vertical-align: middle;
-      display: inline-block;
-      width: ${props.size || exports.defaultSize}px;
-      height: ${props.size || exports.defaultSize}px;
-      color: inherit;
+    vertical-align: middle;
+    display: inline-block;
+    width: ${props => props.size || exports.defaultSize}px;
+    height: ${props => props.size || exports.defaultSize}px;
+    color: inherit;
 
     svg {
       display: block;
-      ${props.color &&
-    (0, styled_components_1.css) `
-          fill: ${props.color};
-          color: ${props.color};
-          ${props.stroke &&
-        (0, styled_components_1.css) `
-            stroke: ${props.color};
-          `};
-        `}
-      width: ${props.size || exports.defaultSize}px;
-      height: ${props.size || exports.defaultSize}px;
-      ${props.onClick && 'cursor: pointer;'};
-    `};
+      ${props => {
+    var _a, _b;
+    return props.color
+        ? (0, styled_components_1.css) `
+              color: ${props.color};
+              ${props.stroke && `stroke: ${props.color};`}
+            `
+        : (0, styled_components_1.css) `
+              color: inherit;
+
+              &.ds-icon-set-large,
+              &.ds-icon-set-xlarge {
+                color: ${((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b[exports.DEFAULT_COLOR_TOKEN]) || ds_core_1.theme.palette[exports.DEFAULT_COLOR_TOKEN]};
+              }
+            `;
+}}
+    
+    width: ${props => props.size || exports.defaultSize}px;
+    height: ${props => props.size || exports.defaultSize}px;
+    ${props => props.onClick && 'cursor: pointer;'};
 `;

package/dist/cjs/icons/AbTestM.js

@@ -1,12 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AbTestM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 55 47", className: "ab-test-m", "data-testid": "ds-icon-ab-test-m" }, props),
-    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("g", { transform: "translate(5 8.144)" },
-            react_1.default.createElement("mask", { id: "prefix__svg-577110033a", fill: "#fff" },
-                react_1.default.createElement("use", { xlinkHref: "#prefix__path-1" })),
-            react_1.default.createElement("path", { d: "M0 33.02V4.835A3.89 3.89 0 013.891.945h41.674a3.89 3.89 0 013.891 3.89V33.02a3.89 3.89 0 01-3.89 3.891H3.89a3.89 3.89 0 01-3.89-3.89", fill: "#DAEFFF", mask: "url(#prefix__svg-577110033a)" })),
-        react_1.default.createElement("path", { d: "M13.587 41.055H4.891a3.89 3.89 0 01-3.89-3.89V8.98a3.89 3.89 0 013.89-3.89H21.96M36.728 5.089h9.729a4 4 0 014 4v28.076a3.89 3.89 0 01-3.891 3.89H29.728M30.654 1l-9.992 44.144", stroke: "#0D6AFF", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }),
-        react_1.default.createElement("path", { d: "M13.793 24.327h3.025l-1.504-4.946-1.52 4.946zm-.016-7.06h3.377l3.714 11.446h-2.705l-.784-2.545h-4.146l-.784 2.545h-2.433l3.761-11.445zM36.706 26.92c1.28 0 1.856-.577 1.856-1.617v-.065c0-1.056-.576-1.6-1.984-1.6H34.93v3.281h1.776zm-.224-4.947c1.248 0 1.745-.448 1.745-1.472v-.064c0-.96-.544-1.393-1.76-1.393H34.93v2.93h1.552zM32.4 17.267h4.498c2.497 0 3.793 1.025 3.793 2.978v.064c0 1.2-.576 2.08-1.856 2.448 1.488.305 2.29 1.153 2.29 2.69v.064c0 2.096-1.378 3.201-4.019 3.201H32.4V17.267z", fill: "#036AFF" }))));
+const AbTestM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 55 47", className: "ab-test-m ds-icon-set-medium", "data-testid": "ds-icon-ab-test-m" }, props),
+    react_1.default.createElement("g", { fill: "none" },
+        react_1.default.createElement("path", { d: "M13.587 41.055H4.891a3.89 3.89 0 01-3.89-3.89V8.98a3.89 3.89 0 013.89-3.89H21.96m14.768-.001h9.729a4 4 0 014 4v28.076a3.89 3.89 0 01-3.891 3.89H29.728M30.654 1l-9.992 44.144", stroke: "currentColor" }),
+        react_1.default.createElement("path", { d: "M13.793 24.327h3.025l-1.504-4.946-1.52 4.946zm-.016-7.06h3.377l3.714 11.446h-2.705l-.784-2.545h-4.146l-.784 2.545h-2.433l3.761-11.445zm22.929 9.653c1.28 0 1.856-.577 1.856-1.617v-.065c0-1.056-.576-1.6-1.984-1.6H34.93v3.281h1.776zm-.224-4.947c1.248 0 1.745-.448 1.745-1.472v-.064c0-.96-.544-1.393-1.76-1.393H34.93v2.93h1.552zM32.4 17.267h4.498c2.497 0 3.793 1.025 3.793 2.978v.064c0 1.2-.576 2.08-1.856 2.448 1.488.305 2.29 1.153 2.29 2.69v.064c0 2.096-1.378 3.201-4.019 3.201H32.4V17.267z", fill: "currentColor" }))));
 exports.default = AbTestM;

package/dist/cjs/icons/AcademyM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AcademyM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "academy-m", "data-testid": "ds-icon-academy-m" }, props),
+const AcademyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "academy-m ds-icon-set-medium", "data-testid": "ds-icon-academy-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M20.537 7.819l-6.716-2.787a4.776 4.776 0 00-3.641 0L3.463 7.818l-.002.001-.017.01a.779.779 0 00-.357.349.706.706 0 00-.034.07.74.74 0 00-.053.263v5.65a.75.75 0 001.5 0V9.635l1.379.572v5.747c0 1.541 1.061 3.378 6.121 3.378s6.121-1.837 6.121-3.378v-5.747l2.416-1.002a.75.75 0 000-1.386zm-3.916 8.135c0 1.552-2.513 1.878-4.621 1.878s-4.621-.326-4.621-1.878V10.83l2.8 1.162a4.777 4.777 0 003.641 0l2.801-1.162zm-3.376-5.347a3.27 3.27 0 01-2.491 0L5.706 8.512l5.049-2.096a3.27 3.27 0 012.491.001l5.048 2.095z" })));
 exports.default = AcademyM;

package/dist/cjs/icons/Add2FullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add2FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-2-full-background-m", "data-testid": "ds-icon-add-2-full-background-m" }, props),
+const Add2FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-add-2-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 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.5zm.75 5.75h2a.75.75 0 010 1.5h-2v2a.75.75 0 01-1.5 0v-2h-2a.75.75 0 010-1.5h2v-2a.75.75 0 011.5 0v2z" })));
 exports.default = Add2FullBackgroundM;

package/dist/cjs/icons/Add2M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add2M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-2-m", "data-testid": "ds-icon-add-2-m" }, props),
+const Add2M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-m ds-icon-set-medium", "data-testid": "ds-icon-add-2-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M12 20a8 8 0 118-8 8.01 8.01 0 01-8 8zm0-14.5a6.5 6.5 0 106.5 6.5A6.508 6.508 0 0012 5.5z" }),
     react_1.default.createElement("path", { d: "M14.75 11.25h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5z" })));

package/dist/cjs/icons/Add2S.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add2S = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-2-s", "data-testid": "ds-icon-add-2-s" }, props),
+const Add2S = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-2-s ds-icon-set-medium", "data-testid": "ds-icon-add-2-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M14.56 11.25h-1.81V9.44a.75.75 0 00-1.5 0v1.81H9.44a.75.75 0 000 1.5h1.81v1.81a.75.75 0 001.5 0v-1.81h1.81a.75.75 0 000-1.5z" }),
     react_1.default.createElement("path", { d: "M16.243 7.757A6 6 0 1018 12a6.006 6.006 0 00-1.757-4.243zm-1.06 7.425A4.5 4.5 0 1116.5 12a4.469 4.469 0 01-1.318 3.182z" })));

package/dist/cjs/icons/Add3FullBackgroundM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add3FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-3-full-background-m", "data-testid": "ds-icon-add-3-full-background-m" }, props),
+const Add3FullBackgroundM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-full-background-m ds-icon-set-medium", "data-testid": "ds-icon-add-3-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 0zm8.75.75h2a.75.75 0 000-1.5h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2z" })));
 exports.default = Add3FullBackgroundM;

package/dist/cjs/icons/Add3M.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add3M = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-3-m", "data-testid": "ds-icon-add-3-m" }, props),
+const Add3M = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-m ds-icon-set-medium", "data-testid": "ds-icon-add-3-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-8zm2.75 8.75h-2v2a.75.75 0 01-1.5 0v-2h-2a.75.75 0 010-1.5h2v-2a.75.75 0 011.5 0v2h2a.75.75 0 010 1.5z" })));
 exports.default = Add3M;

package/dist/cjs/icons/Add3S.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const Add3S = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-3-s", "data-testid": "ds-icon-add-3-s" }, props),
+const Add3S = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-3-s ds-icon-set-medium", "data-testid": "ds-icon-add-3-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-6zm2.56 6.75h-1.81v1.81a.75.75 0 01-1.5 0v-1.81H9.44a.75.75 0 010-1.5h1.81V9.44a.75.75 0 011.5 0v1.81h1.81a.75.75 0 010 1.5z" })));
 exports.default = Add3S;

package/dist/cjs/icons/AddM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AddM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "add-m", "data-testid": "ds-icon-add-m" }, props),
+const AddM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "add-m ds-icon-set-medium", "data-testid": "ds-icon-add-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 = AddM;

package/dist/cjs/icons/AddS.js

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

package/dist/cjs/icons/AggregateM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AggregateM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "aggregate-m", "data-testid": "ds-icon-aggregate-m" }, props),
+const AggregateM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "aggregate-m ds-icon-set-medium", "data-testid": "ds-icon-aggregate-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: "M14 8.75a.75.75 0 00-.75-.75h-3.5a.75.75 0 00-.56 1.25L11.65 12l-2.46 2.75A.75.75 0 009.75 16h3.5a.75.75 0 000-1.5h-1.823l1.789-2a.75.75 0 000-1l-1.789-2h1.823a.75.75 0 00.75-.75z" })));

package/dist/cjs/icons/AgreementsOffM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AgreementsOffM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "agreements-off-m", "data-testid": "ds-icon-agreements-off-m" }, props),
+const AgreementsOffM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "agreements-off-m ds-icon-set-medium", "data-testid": "ds-icon-agreements-off-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.375 15.483h-1.209V5.778a2.753 2.753 0 00-2.749-2.75l-8.54-.01a2.75 2.75 0 00-.001 5.5l7.84.01h.005a.75.75 0 000-1.5h-.004a1.251 1.251 0 01-1.246-1.25 1.267 1.267 0 011.284-1.25h.661a1.251 1.251 0 011.25 1.25v12.455a2.715 2.715 0 00.313 1.248l-7.528-.007a1.251 1.251 0 01-1.25-1.25v-.69a.75.75 0 00-1.5 0v.69a2.753 2.753 0 002.75 2.75l9.923.009h.042c.015 0 .03 0 .045-.002a2.75 2.75 0 00-.086-5.498zM11.27 7.025L5.877 7.02a1.25 1.25 0 01-.001-2.5l5.397.006a2.749 2.749 0 00-.003 2.5zm7.126 12.458a1.252 1.252 0 01-1.23-1.25v-1.25h1.209a1.25 1.25 0 01.02 2.5z" }),
     react_1.default.createElement("path", { d: "M8.42 16.29a.75.75 0 001.061-1.06l-1.97-1.97 1.97-1.97a.75.75 0 00-1.06-1.06L6.45 12.2l-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.97z" })));

package/dist/cjs/icons/AgreementsOnM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AgreementsOnM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "agreements-on-m", "data-testid": "ds-icon-agreements-on-m" }, props),
+const AgreementsOnM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "agreements-on-m ds-icon-set-medium", "data-testid": "ds-icon-agreements-on-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M18.375 15.483h-1.209V5.778a2.753 2.753 0 00-2.749-2.75l-8.54-.01a2.75 2.75 0 00-.001 5.5l7.84.01h.005a.75.75 0 000-1.5h-.004a1.251 1.251 0 01-1.246-1.25 1.269 1.269 0 011.284-1.25h.661a1.251 1.251 0 011.25 1.25v12.455a2.715 2.715 0 00.313 1.248l-7.528-.007a1.251 1.251 0 01-1.25-1.25v-.69a.75.75 0 00-1.5 0v.69a2.753 2.753 0 002.75 2.75l9.923.009h.042c.015 0 .03 0 .045-.002a2.75 2.75 0 00-.086-5.498zM11.27 7.025L5.877 7.02a1.25 1.25 0 01-.001-2.5l5.397.006a2.749 2.749 0 00-.003 2.5zm7.126 12.458a1.252 1.252 0 01-1.23-1.25v-1.25h1.209a1.25 1.25 0 01.02 2.5z" }),
     react_1.default.createElement("path", { d: "M6.508 15.625a.746.746 0 00.528-.217l3.253-3.23a.75.75 0 10-1.057-1.065l-2.735 2.716-1.219-1.163a.75.75 0 10-1.035 1.085l1.747 1.667a.745.745 0 00.518.207z" })));

package/dist/cjs/icons/AiIconM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AiIconM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "ai-icon-m", "data-testid": "ds-icon-ai-icon-m" }, props),
+const AiIconM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "ai-icon-m ds-icon-set-medium", "data-testid": "ds-icon-ai-icon-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M16.25 19h-8.5A2.753 2.753 0 015 16.25v-8.5A2.753 2.753 0 017.75 5h8.5A2.753 2.753 0 0119 7.75v8.5A2.753 2.753 0 0116.25 19zM7.75 6.5A1.251 1.251 0 006.5 7.75v8.5a1.251 1.251 0 001.25 1.25h8.5a1.251 1.251 0 001.25-1.25v-8.5a1.251 1.251 0 00-1.25-1.25z" }),
     react_1.default.createElement("path", { d: "M8.499 15.75a.75.75 0 01-.623-1.166l4-6A.75.75 0 0113.25 9v6a.75.75 0 01-1.5 0v-3.523l-2.626 3.939a.75.75 0 01-.625.334zM15 15.75a.75.75 0 01-.75-.75V9a.75.75 0 011.5 0v6a.75.75 0 01-.75.75z" })));

package/dist/cjs/icons/AiSearchColorM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AiSearchColorM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 26 26", className: "ai-search-color-m", "data-testid": "ds-icon-ai-search-color-m" }, props),
+const AiSearchColorM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "ai-search-color-m ds-icon-set-medium", "data-testid": "ds-icon-ai-search-color-m" }, props),
     react_1.default.createElement("path", { d: "M18.807 15l2.476 2.371c1.015 1.02.935 2.709-.129 3.776-1.022 1.027-2.617 1.14-3.616.266l-.117-.11L15 19.108 18.807 15z", fill: "#fd9f05" }),
     react_1.default.createElement("path", { d: "M12.3 4.05a8.25 8.25 0 110 16.5 8.25 8.25 0 010-16.5zm0 4.25a4 4 0 100 8 4 4 0 000-8z", fill: "#ffc300" })));
 exports.default = AiSearchColorM;

package/dist/cjs/icons/AiSearchGreyM.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AiSearchGreyM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 26 26", className: "ai-search-grey-m", "data-testid": "ds-icon-ai-search-grey-m" }, props),
-    react_1.default.createElement("g", { fill: "#6a7580" },
-        react_1.default.createElement("path", { d: "M12.3 8.3a4 4 0 100 8 4 4 0 000-8zm0 6.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z" }),
-        react_1.default.createElement("path", { d: "M21.283 17.371l-1.558-1.492a8.201 8.201 0 00.825-3.579 8.25 8.25 0 10-8.25 8.25 8.205 8.205 0 003.45-.763l1.672 1.516.117.11c.998.874 2.593.76 3.616-.266 1.063-1.067 1.143-2.757.128-3.776zM5.55 12.3a6.75 6.75 0 1113.5 0 6.75 6.75 0 01-13.5 0zm14.544 7.782c-.499.501-1.234.536-1.64.13l-1.343-1.22a8.283 8.283 0 001.817-1.795l1.307 1.252.073.083c.313.409.252 1.083-.214 1.55z" }))));
+const AiSearchGreyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "ai-search-grey-m ds-icon-set-medium", "data-testid": "ds-icon-ai-search-grey-m" }, props),
+    react_1.default.createElement("path", { d: "M12.3 8.3a4 4 0 100 8 4 4 0 000-8zm0 6.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z" }),
+    react_1.default.createElement("path", { d: "M21.283 17.371l-1.558-1.492a8.201 8.201 0 00.825-3.579 8.25 8.25 0 10-8.25 8.25 8.205 8.205 0 003.45-.763l1.672 1.516.117.11c.998.874 2.593.76 3.616-.266 1.063-1.067 1.143-2.757.128-3.776zM5.55 12.3a6.75 6.75 0 1113.5 0 6.75 6.75 0 01-13.5 0zm14.544 7.782c-.499.501-1.234.536-1.64.13l-1.343-1.22a8.283 8.283 0 001.817-1.795l1.307 1.252.073.083c.313.409.252 1.083-.214 1.55z" })));
 exports.default = AiSearchGreyM;

package/dist/cjs/icons/AlertMailM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlertMailM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 82 82", className: "alert-mail-m", "data-testid": "ds-icon-alert-mail-m" }, props),
+const AlertMailM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 82 82", className: "alert-mail-m ds-icon-set-medium", "data-testid": "ds-icon-alert-mail-m" }, props),
     react_1.default.createElement("g", { "data-name": "Layer 2" },
         react_1.default.createElement("g", { "data-name": 7 },
             react_1.default.createElement("path", { d: "M69.588 57.213A11.036 11.036 0 0158.552 68.25H29.124a11.036 11.036 0 01-11.036-11.036v-19.48a7.357 7.357 0 013.708-6.388l16.568-9.464a11.036 11.036 0 0110.948 0l16.568 9.464a7.357 7.357 0 013.708 6.389z", fill: "#d9eeff" }),

package/dist/cjs/icons/AlertSmsM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlertSmsM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 82 82", className: "alert-sms-m", "data-testid": "ds-icon-alert-sms-m" }, props),
+const AlertSmsM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 82 82", className: "alert-sms-m ds-icon-set-medium", "data-testid": "ds-icon-alert-sms-m" }, props),
     react_1.default.createElement("g", { "data-name": "Layer 2" },
         react_1.default.createElement("g", { "data-name": 7 },
             react_1.default.createElement("rect", { x: 18.775, y: 28, width: 50, height: 34, rx: 3.897, transform: "rotate(90 43.775 45)", fill: "#d9eeff" }),

package/dist/cjs/icons/AlignCenterM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-center-m", "data-testid": "ds-icon-align-center-m" }, props),
+const AlignCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-center-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM7.312 9.5a.75.75 0 000 1.5h9.375a.75.75 0 000-1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM15.125 18a.75.75 0 000-1.5h-6.25a.75.75 0 000 1.5z" })));
 exports.default = AlignCenterM;

package/dist/cjs/icons/AlignHorCenterM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignHorCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-hor-center-m", "data-testid": "ds-icon-align-hor-center-m" }, props),
+const AlignHorCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-center-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M10.5 15.5h.75v4.75a.75.75 0 001.5 0V15.5h.75a3.5 3.5 0 000-7h-.75V3.75a.75.75 0 00-1.5 0V8.5h-.75a3.5 3.5 0 000 7zm0-5.5h3a2 2 0 010 4h-3a2 2 0 010-4z" })));
 exports.default = AlignHorCenterM;

package/dist/cjs/icons/AlignHorLeftM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignHorLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-hor-left-m", "data-testid": "ds-icon-align-hor-left-m" }, props),
+const AlignHorLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-left-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-left-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M10.5 15.5h3a3.5 3.5 0 000-7h-3a3.5 3.5 0 000 7zm0-5.5h3a2 2 0 010 4h-3a2 2 0 010-4zM3.75 21a.75.75 0 00.75-.75V3.75a.75.75 0 00-1.5 0v16.5a.75.75 0 00.75.75z" })));
 exports.default = AlignHorLeftM;

package/dist/cjs/icons/AlignHorRightM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignHorRightM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-hor-right-m", "data-testid": "ds-icon-align-hor-right-m" }, props),
+const AlignHorRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-hor-right-m ds-icon-set-medium", "data-testid": "ds-icon-align-hor-right-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M13.5 15.5a3.5 3.5 0 000-7h-3a3.5 3.5 0 000 7zm-5-3.5a2.002 2.002 0 012-2h3a2 2 0 010 4h-3a2.002 2.002 0 01-2-2zM20.25 3a.75.75 0 00-.75.75v16.5a.75.75 0 001.5 0V3.75a.75.75 0 00-.75-.75z" })));
 exports.default = AlignHorRightM;

package/dist/cjs/icons/AlignJustifyM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignJustifyM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-justify-m", "data-testid": "ds-icon-align-justify-m" }, props),
+const AlignJustifyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-justify-m ds-icon-set-medium", "data-testid": "ds-icon-align-justify-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 11h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 18h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5z" })));
 exports.default = AlignJustifyM;

package/dist/cjs/icons/AlignLeftM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-left-m", "data-testid": "ds-icon-align-left-m" }, props),
+const AlignLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-left-m ds-icon-set-medium", "data-testid": "ds-icon-align-left-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 11h9.375a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM5.75 18H12a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5z" })));
 exports.default = AlignLeftM;

package/dist/cjs/icons/AlignRightM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignRightM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-right-m", "data-testid": "ds-icon-align-right-m" }, props),
+const AlignRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-right-m ds-icon-set-medium", "data-testid": "ds-icon-align-right-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M5.75 7.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM18.25 9.5H8.875a.75.75 0 000 1.5h9.375a.75.75 0 000-1.5zM5.75 14.5h12.5a.75.75 0 000-1.5H5.75a.75.75 0 000 1.5zM18.25 16.5H12a.75.75 0 000 1.5h6.25a.75.75 0 000-1.5z" })));
 exports.default = AlignRightM;

package/dist/cjs/icons/AlignVertCenterM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignVertCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-vert-center-m", "data-testid": "ds-icon-align-vert-center-m" }, props),
+const AlignVertCenterM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-center-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-center-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M20.25 11.25H15.5v-.75a3.5 3.5 0 00-7 0v.75H3.75a.75.75 0 000 1.5H8.5v.75a3.5 3.5 0 007 0v-.75h4.75a.75.75 0 000-1.5zM14 13.5a2 2 0 01-4 0v-3a2 2 0 014 0z" })));
 exports.default = AlignVertCenterM;

package/dist/cjs/icons/AlignVertDownM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignVertDownM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-vert-down-m", "data-testid": "ds-icon-align-vert-down-m" }, props),
+const AlignVertDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-down-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-down-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M8.5 10.5v3a3.5 3.5 0 007 0v-3a3.5 3.5 0 00-7 0zm5.5 0v3a2 2 0 01-4 0v-3a2 2 0 014 0zM20.25 19.5H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5z" })));
 exports.default = AlignVertDownM;

package/dist/cjs/icons/AlignVertUpM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AlignVertUpM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "align-vert-up-m", "data-testid": "ds-icon-align-vert-up-m" }, props),
+const AlignVertUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "align-vert-up-m ds-icon-set-medium", "data-testid": "ds-icon-align-vert-up-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M8.5 10.5v3a3.5 3.5 0 007 0v-3a3.5 3.5 0 00-7 0zm5.5 0v3a2 2 0 01-4 0v-3a2 2 0 014 0zM3.75 4.5h16.5a.75.75 0 000-1.5H3.75a.75.75 0 000 1.5zM21 20.25a.75.75 0 00-.75-.75H3.75a.75.75 0 000 1.5h16.5a.75.75 0 00.75-.75z" })));
 exports.default = AlignVertUpM;

package/dist/cjs/icons/AnalyticsColorM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AnalyticsColorM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 26 26", className: "analytics-color-m", "data-testid": "ds-icon-analytics-color-m" }, props),
+const AnalyticsColorM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "analytics-color-m ds-icon-set-medium", "data-testid": "ds-icon-analytics-color-m" }, props),
     react_1.default.createElement("path", { d: "M16 4h4a2 2 0 012 2v14a2 2 0 01-2 2h-4a2 2 0 01-2-2V6a2 2 0 012-2z", fill: "#ff2f52" }),
     react_1.default.createElement("path", { d: "M6 12h4a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2z", fill: "#d41640" })));
 exports.default = AnalyticsColorM;

package/dist/cjs/icons/AnalyticsGreyM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AnalyticsGreyM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 26 26", className: "analytics-grey-m", "data-testid": "ds-icon-analytics-grey-m" }, props),
-    react_1.default.createElement("path", { d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2h-4a2 2 0 01-2-2V6a2 2 0 012-2h4zm0 1.5h-4a.5.5 0 00-.492.41L15.5 6v14a.5.5 0 00.41.492l.09.008h4a.5.5 0 00.492-.41L20.5 20V6a.5.5 0 00-.41-.492L20 5.5zM10 12a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2h4zm0 1.5H6a.5.5 0 00-.492.41L5.5 14v6a.5.5 0 00.41.492L6 20.5h4a.5.5 0 00.492-.41L10.5 20v-6a.5.5 0 00-.41-.492L10 13.5z", fill: "#6a7580" })));
+const AnalyticsGreyM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 26 26", className: "analytics-grey-m ds-icon-set-medium", "data-testid": "ds-icon-analytics-grey-m" }, props),
+    react_1.default.createElement("path", { d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2h-4a2 2 0 01-2-2V6a2 2 0 012-2h4zm0 1.5h-4a.5.5 0 00-.492.41L15.5 6v14a.5.5 0 00.41.492l.09.008h4a.5.5 0 00.492-.41L20.5 20V6a.5.5 0 00-.41-.492L20 5.5zM10 12a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2v-6a2 2 0 012-2h4zm0 1.5H6a.5.5 0 00-.492.41L5.5 14v6a.5.5 0 00.41.492L6 20.5h4a.5.5 0 00.492-.41L10.5 20v-6a.5.5 0 00-.41-.492L10 13.5z" })));
 exports.default = AnalyticsGreyM;

package/dist/cjs/icons/AndroidFillM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AndroidFillM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "android-fill-m", "data-testid": "ds-icon-android-fill-m" }, props),
+const AndroidFillM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "android-fill-m ds-icon-set-medium", "data-testid": "ds-icon-android-fill-m" }, props),
     react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M16.46 9.578l2.376-2.35a.75.75 0 00-1.054-1.066l-2.785 2.753a8.917 8.917 0 00-6.082.032L6.098 6.162a.75.75 0 00-1.055 1.066l2.422 2.395A8.89 8.89 0 003 17.305a.75.75 0 00.75.75h16.5a.75.75 0 00.75-.75 8.893 8.893 0 00-4.54-7.727zm-7.694 4.967a1 1 0 111-1 1 1 0 01-1 1zm6.469 0a1 1 0 111-1 1 1 0 01-1 1z" })));
 exports.default = AndroidFillM;

package/dist/cjs/icons/AndroidM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AndroidM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "android-m", "data-testid": "ds-icon-android-m" }, props),
+const AndroidM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "android-m ds-icon-set-medium", "data-testid": "ds-icon-android-m" }, props),
     react_1.default.createElement("path", { fill: "#fff", fillOpacity: 0.1, d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M16.46 9.578l2.376-2.35a.75.75 0 00-1.054-1.066l-2.785 2.753a8.917 8.917 0 00-6.082.032L6.098 6.162a.75.75 0 00-1.055 1.066l2.422 2.395A8.89 8.89 0 003 17.305a.75.75 0 00.75.75h16.5a.75.75 0 00.75-.75 8.893 8.893 0 00-4.54-7.727zM4.538 16.555a7.51 7.51 0 0114.924 0z" }),
     react_1.default.createElement("circle", { cx: 8.766, cy: 13.545, r: 1 }),

package/dist/cjs/icons/AngleBottomS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleBottomS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-bottom-s", "data-testid": "ds-icon-angle-bottom-s" }, props),
+const AngleBottomS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-bottom-s ds-icon-set-medium", "data-testid": "ds-icon-angle-bottom-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { "data-name": "canvas", fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { "data-name": "canvas", fill: "none", d: "M0 0h24v24H0z" }),

package/dist/cjs/icons/AngleDownM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleDownM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-down-m", "data-testid": "ds-icon-angle-down-m" }, props),
+const AngleDownM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-down-m ds-icon-set-medium", "data-testid": "ds-icon-angle-down-m" }, props),
     react_1.default.createElement("path", { d: "M18.3 7.8L12 14.1 5.7 7.8c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4-.4-.4-1-.4-1.4 0z" })));
 exports.default = AngleDownM;

package/dist/cjs/icons/AngleDownS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleDownS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-down-s", "data-testid": "ds-icon-angle-down-s" }, props),
+const AngleDownS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-down-s ds-icon-set-medium", "data-testid": "ds-icon-angle-down-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M14.72 9.845L12 12.565l-2.72-2.72a.75.75 0 00-1.06 1.06l3.25 3.25a.75.75 0 001.06 0l3.25-3.25a.75.75 0 00-1.06-1.06z" })));
 exports.default = AngleDownS;

package/dist/cjs/icons/AngleLeftM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-left-m", "data-testid": "ds-icon-angle-left-m" }, props),
+const AngleLeftM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-left-m ds-icon-set-medium", "data-testid": "ds-icon-angle-left-m" }, props),
     react_1.default.createElement("path", { d: "M16.2 4.3c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4l7 7c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4L9.9 12l6.3-6.3c.4-.4.4-1 0-1.4z" })));
 exports.default = AngleLeftM;

package/dist/cjs/icons/AngleLeftS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleLeftS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-left-s", "data-testid": "ds-icon-angle-left-s" }, props),
+const AngleLeftS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-left-s ds-icon-set-medium", "data-testid": "ds-icon-angle-left-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M13.095 15.78a.75.75 0 001.06-1.06L11.435 12l2.72-2.72a.75.75 0 00-1.06-1.06l-3.25 3.25a.75.75 0 000 1.06z" })));
 exports.default = AngleLeftS;

package/dist/cjs/icons/AngleRightM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleRightM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-right-m", "data-testid": "ds-icon-angle-right-m" }, props),
+const AngleRightM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-right-m ds-icon-set-medium", "data-testid": "ds-icon-angle-right-m" }, props),
     react_1.default.createElement("path", { d: "M9.2 4.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l6.3 6.3-6.3 6.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0l7-7c.4-.4.4-1 0-1.4l-7-7z" })));
 exports.default = AngleRightM;

package/dist/cjs/icons/AngleRightS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleRightS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-right-s", "data-testid": "ds-icon-angle-right-s" }, props),
+const AngleRightS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-right-s ds-icon-set-medium", "data-testid": "ds-icon-angle-right-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M9.845 15.78a.75.75 0 001.06 0l3.25-3.25a.75.75 0 000-1.06l-3.25-3.25a.75.75 0 00-1.06 1.06l2.72 2.72-2.72 2.72a.75.75 0 000 1.06z" })));
 exports.default = AngleRightS;

package/dist/cjs/icons/AngleTopS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleTopS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-top-s", "data-testid": "ds-icon-angle-top-s" }, props),
+const AngleTopS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-top-s ds-icon-set-medium", "data-testid": "ds-icon-angle-top-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M15.25 15.823a.748.748 0 01-.53-.22L12 12.883l-2.72 2.72a.75.75 0 11-1.06-1.06l3.25-3.25a.75.75 0 011.06 0l3.25 3.25a.75.75 0 01-.53 1.28zM15.225 9.628h-.003l-6.45-.024a.75.75 0 01.003-1.5h.003l6.45.024a.75.75 0 01-.003 1.5z" })));
 exports.default = AngleTopS;

package/dist/cjs/icons/AngleUpM.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleUpM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-up-m", "data-testid": "ds-icon-angle-up-m" }, props),
+const AngleUpM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-up-m ds-icon-set-medium", "data-testid": "ds-icon-angle-up-m" }, props),
     react_1.default.createElement("path", { d: "M12.7 7.8c-.4-.4-1-.4-1.4 0l-7 7c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L12 9.9l6.3 6.3c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-7-7z" })));
 exports.default = AngleUpM;

package/dist/cjs/icons/AngleUpS.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AngleUpS = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "angle-up-s", "data-testid": "ds-icon-angle-up-s" }, props),
+const AngleUpS = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "angle-up-s ds-icon-set-medium", "data-testid": "ds-icon-angle-up-s" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M9.28 14.155l2.72-2.72 2.72 2.72a.75.75 0 001.06-1.06l-3.25-3.25a.75.75 0 00-1.06 0l-3.25 3.25a.75.75 0 001.06 1.06z" })));
 exports.default = AngleUpS;

package/dist/cjs/icons/AnonymousM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const AnonymousM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "anonymous-m", "data-testid": "ds-icon-anonymous-m" }, props),
+const AnonymousM = (props) => (react_1.default.createElement("svg", Object.assign({ fill: "currentColor", viewBox: "0 0 24 24", className: "anonymous-m ds-icon-set-medium", "data-testid": "ds-icon-anonymous-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M16.675 13.791a3.086 3.086 0 00-2.97 2.304h-3.41a3.093 3.093 0 10.032 1.5h3.346a3.087 3.087 0 103.002-3.804zM7.325 18.5a1.605 1.605 0 111.588-1.604A1.598 1.598 0 017.325 18.5zm9.35 0a1.605 1.605 0 111.588-1.604 1.598 1.598 0 01-1.588 1.604zM20.25 11.269h-.27v-.005L18.753 6.01a2.88 2.88 0 00-1.429-1.778 2.208 2.208 0 00-1.777-.085l-.946.362a7.314 7.314 0 01-5.483-.076l-.562-.231a2.205 2.205 0 00-1.789.042 2.885 2.885 0 00-1.472 1.802l-1.274 5.21v.013H3.75a.75.75 0 000 1.5h16.5a.75.75 0 000-1.5zM6.74 6.453a1.365 1.365 0 01.661-.849.703.703 0 01.586-.015l.561.23a8.797 8.797 0 006.589.091l.946-.361a.713.713 0 01.582.03 1.356 1.356 0 01.641.818l1.135 4.872H5.563z" })));
 exports.default = AnonymousM;