@synerise/ds-icon 1.2.0 → 1.4.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.3.0...@synerise/ds-icon@1.4.0) (2025-04-16)
+
+
+### Bug Fixes
+
+* **icons:** add contextual export xl icons ([d520776](https://github.com/Synerise/synerise-design/commit/d5207761d21036fa9507269b592e00f8029a3c8e))
+
+
+### Features
+
+* **icon-picker:** add font-awesome icons ([410af61](https://github.com/Synerise/synerise-design/commit/410af613d20ac65ad244cbaa823abdc9fb3dfaf2))
+
+
+
+
+
+# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.2.0...@synerise/ds-icon@1.3.0) (2025-04-02)
+
+
+### Features
+
+* **icon:** add file-type-empty icon ([100f0d4](https://github.com/Synerise/synerise-design/commit/100f0d48f49f13fbdc43a97e8935e6abcd0c93a9))
+
+
+
+
+
 # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-icon@1.1.0...@synerise/ds-icon@1.2.0) (2025-03-31)
 
 

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

@@ -1,9 +1,10 @@
 import type { ReactNode } from 'react';
 import type { WithHTMLAttributes } from '@synerise/ds-utils';
-export type IconProps = WithHTMLAttributes<HTMLDivElement, {
+export type BaseIconProps = {
     color?: string;
     name?: string;
     size?: string | number;
     stroke?: boolean;
     component?: ReactNode;
-}>;
+};
+export type IconProps = WithHTMLAttributes<HTMLDivElement, BaseIconProps>;

package/dist/cjs/icons/AbTestM.js

@@ -1,7 +1,7 @@
 "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" }, props),
+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" },

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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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,7 +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" }, props),
+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" }))));

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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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" })));
 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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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" }, props),
+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),
     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;

package/dist/cjs/icons/ApiAddM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiAddM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-add-m" }, props),
+const ApiAddM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-add-m", "data-testid": "ds-icon-api-add-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.95 16.282h-2v-2a.75.75 0 00-1.5 0v2h-2a.75.75 0 000 1.5h2v2a.75.75 0 001.5 0v-2h2a.75.75 0 000-1.5z" }),
     react_1.default.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.762.762 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),

package/dist/cjs/icons/ApiBlockM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiBlockM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-block-m" }, props),
+const ApiBlockM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-block-m", "data-testid": "ds-icon-api-block-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M17.25 13.282a3.75 3.75 0 103.75 3.75 3.755 3.755 0 00-3.75-3.75zm0 1.5a2.222 2.222 0 01.978.233l-2.995 2.995a2.222 2.222 0 01-.233-.978 2.253 2.253 0 012.25-2.25zm0 4.5a2.225 2.225 0 01-.95-.218l2.982-2.982a2.225 2.225 0 01.218.95 2.253 2.253 0 01-2.25 2.25z" }),
     react_1.default.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.766.766 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),

package/dist/cjs/icons/ApiCheckM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiCheckM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-check-m" }, props),
+const ApiCheckM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-check-m", "data-testid": "ds-icon-api-check-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.231 14.678l-2.734 2.716-1.22-1.164a.75.75 0 00-1.035 1.086l1.748 1.667a.75.75 0 001.046-.01l3.252-3.23a.75.75 0 00-1.057-1.065zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.761.761 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
     react_1.default.createElement("path", { d: "M14.746 12.4h.016a.75.75 0 00.734-.765 17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734z" })));

package/dist/cjs/icons/ApiEditM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiEditM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-edit-m" }, props),
+const ApiEditM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-edit-m", "data-testid": "ds-icon-api-edit-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.17 13.957l-.004.004-4.188 4.229.007 1.06 1.057-.003.004-.004 4.188-4.229a.75.75 0 00-1.065-1.057zM11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.76.76 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),
     react_1.default.createElement("path", { d: "M15.496 11.635a17.686 17.686 0 00-.13-1.795 1.395 1.395 0 00-1.223-1.206 17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.208 1.207 17.567 17.567 0 001.792.131h.015a.75.75 0 00.016-1.5 15.973 15.973 0 01-1.553-.108 15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0c.061.517.097 1.038.108 1.553a.75.75 0 00.75.734h.016a.75.75 0 00.734-.765z" })));

package/dist/cjs/icons/ApiM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-m" }, props),
+const ApiM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-m", "data-testid": "ds-icon-api-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M20.963 10.287a.75.75 0 00-.75-.75H18.92q-.075-1.165-.22-2.325a2.213 2.213 0 00-1.95-1.916 38.239 38.239 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7c.76.096 1.523.166 2.287.216v1.334a.75.75 0 001.5 0v-1.281c.331.009.662.031.993.031.336 0 .671-.022 1.007-.031v1.281a.75.75 0 001.5 0v-1.336c.74-.049 1.478-.115 2.214-.206l.07-.009a2.223 2.223 0 001.924-1.985c.09-.724.153-1.45.202-2.177h1.303a.75.75 0 000-1.5h-1.246q.027-1 .003-2h1.243a.75.75 0 00.75-.75zM17.21 16.6a.703.703 0 01-.612.612l-.07.009a36.744 36.744 0 01-9.129-.008.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.748 36.748 0 014.554-.283 37.143 37.143 0 014.612.288.703.703 0 01.61.611 36.979 36.979 0 01-.001 9.199z" }),
     react_1.default.createElement("path", { d: "M14.143 8.634a17.224 17.224 0 00-4.301.002 1.391 1.391 0 00-1.207 1.206 17.348 17.348 0 000 4.316 1.391 1.391 0 001.207 1.207 17.277 17.277 0 002.154.135 17.261 17.261 0 002.13-.132l.031-.004a1.398 1.398 0 001.211-1.238 17.293 17.293 0 00-.003-4.286 1.395 1.395 0 00-1.222-1.206zm-4.03 5.254a15.845 15.845 0 010-3.775 15.801 15.801 0 013.775 0 15.94 15.94 0 01-.001 3.774 15.94 15.94 0 01-3.774 0z" })));

package/dist/cjs/icons/ApiPlayM.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const ApiPlayM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-play-m" }, props),
+const ApiPlayM = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", className: "api-play-m", "data-testid": "ds-icon-api-play-m" }, props),
     react_1.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
     react_1.default.createElement("path", { d: "M19.588 15.951h-.001l-3.418-2.078a1.193 1.193 0 00-1.197-.02 1.171 1.171 0 00-.599 1.02v4.155a1.17 1.17 0 00.599 1.019 1.183 1.183 0 001.196-.02l3.42-2.078a1.168 1.168 0 000-1.998zm-3.715 2.5v-3.002l2.47 1.501z" }),
     react_1.default.createElement("path", { d: "M11.313 17.493a36.593 36.593 0 01-3.913-.281.73.73 0 01-.62-.684A36.846 36.846 0 016.788 7.4a.715.715 0 01.648-.615 36.956 36.956 0 019.166.005.703.703 0 01.61.611c.118.943.201 1.897.246 2.835a.767.767 0 00.784.714.75.75 0 00.714-.784 38.287 38.287 0 00-.256-2.953 2.213 2.213 0 00-1.95-1.916 38.234 38.234 0 00-2.25-.21v-1.26a.75.75 0 10-1.5 0v1.206q-.999-.026-2 0V3.825a.75.75 0 00-1.5 0v1.261c-.762.05-1.525.12-2.287.215A2.202 2.202 0 005.3 7.213q-.146 1.158-.22 2.324H3.788a.75.75 0 000 1.5h1.244q-.025.998.004 2H3.787a.75.75 0 000 1.5h1.304c.05.748.117 1.498.21 2.25A2.202 2.202 0 007.213 18.7a38.174 38.174 0 004.073.293h.014a.75.75 0 00.013-1.5z" }),