@reltio/components 1.4.1879 → 1.4.1880

package/cjs/icons/Add.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgAdd = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgAdd" }, props),
         react_1.default.createElement("path", { d: "M17.4 13.08h-4.32v4.32h-2.16v-4.32H6.6v-2.16h4.32V6.6h2.16v4.32h4.32v2.16z", fill: "#fff" })));
 };
 exports.default = SvgAdd;

package/cjs/icons/AddComment.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgAddComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgAddComment" }, props),
         react_1.default.createElement("path", { d: "M2.8 14.653L3.853 13.6H17.2V2.8H2.8v11.853zM17.2 1c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1h14.4zm-6.3 3.6H9.1v2.699L6.4 7.3v1.8l2.7-.001V11.8h1.8V9.099l2.7.001V7.3l-2.7-.001V4.6z" })));
 };
 exports.default = SvgAddComment;

package/cjs/icons/AttributesList.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgAttributesList = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgAttributesList" }, props),
         react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
         react_1.default.createElement("mask", { id: "AttributesList_svg__a", style: {
                 maskType: 'alpha'

package/cjs/icons/Calendar.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgCalendar = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgCalendar" }, props),
         react_1.default.createElement("path", { d: "M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19a2 2 0 002 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
 };
 exports.default = SvgCalendar;

package/cjs/icons/CollaborationIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgCollaborationIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgCollaborationIcon" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M4 17.17L5.17 16H20V4H4v13.17zM20 2c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H6l-4 4V4c0-1.1.9-2 2-2h16zm-3 9H7v2h10v-2zm0-4H7v2h10V7z", id: "CollaborationIcon_svg__a" })),
         react_1.default.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },

package/cjs/icons/Comment.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgComment = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgComment" }, props),
         react_1.default.createElement("path", { d: "M16.35 6h-8.7C6.74 6 6 6.804 6 7.793v5.788c0 .986.737 1.79 1.644 1.793V18l3.472-2.626h5.234c.91 0 1.65-.805 1.65-1.793V7.793C18 6.804 17.26 6 16.35 6zm-1.562 6.726H9.212v-.765h5.576v.765zm0-1.63H9.212v-.765h5.576v.764zm0-1.631H9.212V8.7h5.576v.764z", fill: "#fff" })));
 };
 exports.default = SvgComment;

package/cjs/icons/CommentBubble.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgCommentBubble = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, fillOpacity: 0.54, fill: "#000", fillRule: "nonzero", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgCommentBubble" }, props),
         react_1.default.createElement("path", { d: "M2.8 1h14.4c.99 0 1.8.81 1.8 1.8v10.8c0 .99-.81 1.8-1.8 1.8H4.6L1 19V2.8C1 1.81 1.81 1 2.8 1z" })));
 };
 exports.default = SvgCommentBubble;

package/cjs/icons/ControlAttribute.js

@@ -16,10 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgControlAttribute = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "2 2 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        react_1.default.createElement("mask", { id: "path-1-inside-1_1184_29788", fill: "white" },
-            react_1.default.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z" })),
-        react_1.default.createElement("path", { d: "M10.9656 9.20314C10.6874 9.8892 10.1798 10.4576 9.52953 10.8114C8.87921 11.1652 8.12633 11.2826 7.39917 11.1435C6.67201 11.0045 6.01556 10.6176 5.54167 10.0488C5.06778 9.48 4.80577 8.76449 4.80029 8.02417C4.79481 7.28385 5.04619 6.56454 5.5116 5.98879C5.97702 5.41304 6.62767 5.01647 7.35269 4.86667C8.07771 4.71686 8.83225 4.82308 9.48773 5.16723C10.1432 5.51138 10.6591 6.07216 10.9475 6.75403L9.57285 7.33537C9.41898 6.97153 9.14371 6.6723 8.79394 6.48867C8.44418 6.30503 8.04156 6.24835 7.65469 6.32829C7.26782 6.40822 6.92064 6.61983 6.67229 6.92704C6.42395 7.23426 6.28981 7.61809 6.29274 8.01312C6.29566 8.40815 6.43547 8.78994 6.68833 9.09345C6.9412 9.39696 7.29148 9.6034 7.67949 9.67759C8.0675 9.75179 8.46924 9.68916 8.81624 9.50036C9.16325 9.31157 9.43406 9.00829 9.58253 8.64221L10.9656 9.20314Z", stroke: "#72828B", strokeWidth: "4", mask: "url(#path-1-inside-1_1184_29788)" }),
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.29694 8.96529C3.70237 10.9507 5.33344 12.4899 7.36532 12.7582V14.3687C4.44846 14.0817 2.10658 11.8364 1.67215 8.96529H3.29694ZM7.36532 3.24137C5.22186 3.52443 3.52444 5.22184 3.24137 7.36529H1.63086C1.92888 4.33725 4.33727 1.92886 7.36532 1.63086V3.24137ZM12.7582 7.36529C12.4899 5.33344 10.9507 3.70239 8.96532 3.29694V1.67216C11.8364 2.10659 14.0817 4.44845 14.3687 7.36529H12.7582ZM12.7027 8.96529C12.3195 10.8416 10.8416 12.3195 8.96532 12.7027V14.3275C11.7269 13.9096 13.9096 11.7269 14.3275 8.96529H12.7027Z", fill: "#72828B" })));
+    return (react_1.default.createElement("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgControlAttribute" }, props),
+        react_1.default.createElement("mask", { id: "ControlAttribute_svg__a", fill: "#fff" },
+            react_1.default.createElement("path", { d: "M10.966 9.203a3.2 3.2 0 11-.018-2.449l-1.375.581a1.707 1.707 0 10.01 1.307l1.383.561z" })),
+        react_1.default.createElement("path", { d: "M10.966 9.203a3.2 3.2 0 11-.018-2.449l-1.375.581a1.707 1.707 0 10.01 1.307l1.383.561z", stroke: "#72828B", strokeWidth: 4, mask: "url(#ControlAttribute_svg__a)" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.297 8.965a4.804 4.804 0 004.068 3.793v1.61a6.403 6.403 0 01-5.693-5.403h1.625zm4.068-5.724a4.803 4.803 0 00-4.124 4.124h-1.61a6.402 6.402 0 015.734-5.734v1.61zm5.393 4.124a4.804 4.804 0 00-3.793-4.068V1.672a6.403 6.403 0 015.404 5.693h-1.61zm-.055 1.6a4.806 4.806 0 01-3.738 3.738v1.625a6.405 6.405 0 005.363-5.363h-1.625z", fill: "#72828B" })));
 };
 exports.default = SvgControlAttribute;

package/cjs/icons/Copy.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgCopy = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgCopy" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM20 8H8v12h12V8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Copy_svg__a" })),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },

package/cjs/icons/Create.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgCreate = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgCreate" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.6 15.15v2.25h2.25l6.636-6.636-2.25-2.25L6.6 15.15zm10.626-6.126a.598.598 0 000-.846l-1.404-1.404a.598.598 0 00-.846 0l-1.098 1.098 2.25 2.25 1.098-1.098z", fill: "#fff" })));
 };
 exports.default = SvgCreate;

package/cjs/icons/DcrTaskIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDcrTaskIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgDcrTaskIcon" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("circle", { fill: "#42A5F5", cx: 14, cy: 14, r: 14 }),
             react_1.default.createElement("path", { d: "M16.43 9.87c0 1.59 1.25 2.87 2.79 2.87 1.53 0 2.78-1.28 2.78-2.87C22 8.29 20.75 7 19.22 7c-1.54 0-2.79 1.29-2.79 2.87zm1.4 0c0-.79.62-1.43 1.39-1.43.77 0 1.39.64 1.39 1.43 0 .79-.62 1.44-1.39 1.44-.77 0-1.39-.65-1.39-1.44zm-6.26 8.26c0-1.59-1.25-2.87-2.79-2.87-1.53 0-2.78 1.28-2.78 2.87C6 19.71 7.25 21 8.78 21c1.54 0 2.79-1.29 2.79-2.87zM8.09 9.15v4.31h1.39v-2.87h2.78v2.15l2.78-2.87L12.26 7v2.15H8.09zm11.82 9.7v-4.31h-1.39v2.87h-2.78v-2.15l-2.78 2.87L15.74 21v-2.15h4.17z", fill: "#FFF", opacity: 0.87 }))));

package/cjs/icons/DefaultImage.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDefaultImage = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgDefaultImage" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M0 0h24v24H0z" }),
             react_1.default.createElement("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zm-4.5-9l2.5 3.096V18H5l4.5-5.5 2.5 3.01L16.5 10zm-8-4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z", fillOpacity: 0.12, fill: "#000", fillRule: "nonzero" }))));

package/cjs/icons/DefaultTaskIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDefaultTaskIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgDefaultTaskIcon" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("circle", { fill: "#205191", cx: 14, cy: 14, r: 14 }),
             react_1.default.createElement("path", { d: "M9.667 20.622c-.92 0-1.667-.744-1.667-1.662V8.99c0-.916.747-1.66 1.667-1.66h2.446A1.993 1.993 0 0114 6l.162.006a1.992 1.992 0 011.725 1.323h2.446c.92 0 1.667.745 1.667 1.662v9.97c0 .917-.747 1.661-1.667 1.661zm9-1.33V8.66h-1.334v1.993h-6.666V8.66H9.333v10.634h9.334zM15.86 14.46v1.302h-5.206V14.46h5.206zm1.494-2v1.302h-6.7V12.46h6.7zM14 7.33c.367 0 .667.298.667.664a.668.668 0 01-1.334 0c0-.366.3-.665.667-.665z", fill: "#FFF", opacity: 0.87 }))));

package/cjs/icons/DeleteRequestTaskIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDeleteRequestTaskIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgDeleteRequestTaskIcon" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd", opacity: 0.87 },
             react_1.default.createElement("circle", { fill: "#0D47A1", cx: 14, cy: 14, r: 14 }),
             react_1.default.createElement("path", { d: "M8.17 9.824v8.995c0 .886.72 1.606 1.607 1.606h8.352c.192 0 .375-.035.546-.097l1.38 1.382.804-.804-1.32-1.32-1.09-1.089-8.993-8.994-1.092-1.092-1.317-1.317-.803.803L8.17 9.824zm9.316 9.316h-8.03v-8.03l8.03 8.03zM9.777 7.575c-.192 0-.376.033-.55.094L10.42 8.86h.32v.322l1.607 1.606h4.819V8.86h1.284v8.03l1.285 1.286V9.182c0-.887-.72-1.607-1.606-1.607h-2.358a1.931 1.931 0 00-1.818-1.285 1.93 1.93 0 00-1.818 1.285H9.777zm3.533.643c0-.353.29-.643.643-.643.353 0 .642.29.642.643a.644.644 0 01-.642.642.644.644 0 01-.643-.642z", fill: "#FFF" }))));

package/cjs/icons/Description.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDescription = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgDescription" }, props),
         react_1.default.createElement("path", { d: "M5.417 9.5h1.166V8.333H5.417V9.5zM6 .167A5.835 5.835 0 00.167 6 5.835 5.835 0 006 11.833 5.835 5.835 0 0011.833 6 5.835 5.835 0 006 .167zm0 10.5A4.673 4.673 0 011.333 6 4.673 4.673 0 016 1.333 4.673 4.673 0 0110.667 6 4.673 4.673 0 016 10.667zM6 2.5a2.333 2.333 0 00-2.333 2.333h1.166A1.17 1.17 0 016 3.667a1.17 1.17 0 011.167 1.166c0 1.167-1.75 1.021-1.75 2.917h1.166c0-1.313 1.75-1.458 1.75-2.917A2.333 2.333 0 006 2.5z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgDescription;

package/cjs/icons/Details.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDetails = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgDetails" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M14 5a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1V6a1 1 0 011-1h10zm6 12v2h-3v-2h3zm2-4v2h-5v-2h5zm0-4v2h-5V9h5zm0-4v2h-5V5h5z", id: "Details_svg__a" })),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fillRule: "evenodd" },

package/cjs/icons/Download.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDownload = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgDownload" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M19 16v3H5v-3H3v3c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-3h-2zm-6-3.33l2.59-2.58L17 11.5l-5 5-5-5 1.41-1.41L11 12.67V3h2v9.67z", id: "Download_svg__a" })),
         react_1.default.createElement("g", { transform: "translate(-3 -3)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },

package/cjs/icons/Draw.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDraw = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgDraw" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M18.29 11.44a1.49 1.49 0 012.12 0l1.15 1.15c.59.58.59 1.53 0 2.12L16.27 20H13v-3.27zM18.174 4c0 1.71-.26 3.285-.932 4.563-.946 1.798-2.609 2.724-4.906 2.46l-.855-.116c-4.382-.544-6.626.53-6.626 3.609 0 1.968 1.105 2.924 3.267 3.304.692.121 1.306.165 2.234.176L11 18v2l-.698-.003c-1.016-.013-1.71-.063-2.526-.206-3.018-.53-4.921-2.176-4.921-5.274 0-4.819 3.71-6.378 9.52-5.505 1.575.237 2.506-.255 3.098-1.38.451-.858.666-2.02.697-3.307L16.174 4h2zM18 13.97l-3.45 3.45v1.03h1.03L19.03 15 18 13.97z", id: "Draw_svg__a" })),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },

package/cjs/icons/Duplicate.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgDuplicate = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", focusable: "false" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", focusable: "false", "data-reltio-id": "SvgDuplicate" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM8 8v12h12V8H8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Duplicate_svg__a" })),
         react_1.default.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },

package/cjs/icons/EmptyLoading.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgEmptyLoading = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgEmptyLoading" }, props),
         react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.03 }),
         react_1.default.createElement("mask", { id: "EmptyLoading_svg__a", style: {
                 maskType: 'alpha'

package/cjs/icons/EmptySearchResults.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgEmptySearchResults = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgEmptySearchResults" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("radialGradient", { cx: "50%", cy: "100%", fx: "50%", fy: "100%", r: "81.681%", gradientTransform: "matrix(.98998 0 0 .612 .005 .388)", id: "EmptySearchResults_svg__c" },
                 react_1.default.createElement("stop", { stopColor: "#00BFFF", stopOpacity: 0.5, offset: "0%" }),

package/cjs/icons/Error.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgError = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 88, height: 88, viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 88, height: 88, viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgError" }, props),
         react_1.default.createElement("mask", { id: "Error_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 88, height: 88 },

package/cjs/icons/Filter.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgFilter = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgFilter" }, props),
         react_1.default.createElement("path", { d: "M18 2V0H0v2l7 8v8l4-2v-6z", fill: "currentColor", fillRule: "nonzero", stroke: "none", strokeWidth: 1 })));
 };
 exports.default = SvgFilter;

package/cjs/icons/Hyperlink.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgHyperlink = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgHyperlink" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.245 12.75c0 .825-.467 1.5-1.045 1.5H4.8c-.583 0-1.05-.675-1.05-1.5v-7.5c0-.832.467-1.5 1.05-1.5h8.4c.578 0 1.05.668 1.05 1.5l-.005 7.5zM9.75 9.96v1.642l3-2.805L9.75 6v1.598c-2.918.404-4.08 2.4-4.5 4.402 1.043-1.402 2.415-2.04 4.5-2.04z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgHyperlink;

package/cjs/icons/Ignored.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgIgnored = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgIgnored" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.5A8.503 8.503 0 003.5 12c0 4.692 3.808 8.5 8.5 8.5s8.5-3.808 8.5-8.5-3.808-8.5-8.5-8.5zM6.1 12c0-3.26 2.64-5.9 5.9-5.9 1.161 0 2.24.336 3.149.917L7.017 15.15A5.821 5.821 0 016.101 12zm5.9 5.9c-1.16 0-2.24-.336-3.148-.917l8.131-8.131c.581.908.917 1.987.917 3.148 0 3.26-2.64 5.9-5.9 5.9z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgIgnored;

package/cjs/icons/IgnoredOutlined.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgIgnoredOutlined = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgIgnoredOutlined" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.847 9.402a6.34 6.34 0 00-.8-1.322L8.08 17.048A6.34 6.34 0 0012 18.4a6.398 6.398 0 005.847-8.998zm-7.283 7.283l6.121-6.121a4.898 4.898 0 01-6.121 6.121zm1.437-11.084a6.334 6.334 0 013.92 1.352L6.953 15.92A6.334 6.334 0 015.6 12c0-3.536 2.864-6.4 6.4-6.4zm0 1.5c.5 0 .982.075 1.436.215l-6.121 6.12A4.898 4.898 0 0112 7.1zM6.6 17.903A7.967 7.967 0 0012 20c4.417-.001 8.001-3.585 8.001-8.001a7.967 7.967 0 00-2.601-5.902A7.988 7.988 0 0012 4c-4.416 0-8 3.584-8 8a7.967 7.967 0 002.602 5.902zM12 2.5c-5.244 0-9.5 4.256-9.5 9.5s4.256 9.5 9.5 9.5 9.5-4.256 9.5-9.5-4.256-9.5-9.5-9.5z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgIgnoredOutlined;

package/cjs/icons/LogIn.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgLogIn = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgLogIn" }, props),
         react_1.default.createElement("path", { d: "M15.6 6H9c-.662 0-1.2.539-1.2 1.2V9H9V7.2h6.6v9.6H9V15H7.8v1.8c0 .662.538 1.2 1.2 1.2h6.6c.662 0 1.2-.538 1.2-1.2V7.2c0-.661-.538-1.2-1.2-1.2z", fill: "#fff" }),
         react_1.default.createElement("path", { d: "M10.975 13.976l.85.848 2.823-2.83-2.824-2.819-.848.85 1.378 1.375H7.2v1.2h5.15l-1.375 1.376z", fill: "#fff" })));
 };

package/cjs/icons/LogOut.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgLogOut = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgLogOut" }, props),
         react_1.default.createElement("path", { d: "M7.4 6H14c.662 0 1.2.539 1.2 1.2V9H14V7.2H7.4v9.6H14V15h1.2v1.8c0 .662-.538 1.2-1.2 1.2H7.4c-.662 0-1.2-.538-1.2-1.2V7.2c0-.661.538-1.2 1.2-1.2z" }),
         react_1.default.createElement("path", { d: "M15.127 13.976l.85.848 2.823-2.83-2.824-2.819-.849.85 1.379 1.375h-5.154v1.2H16.5l-1.374 1.376z" })));
 };

package/cjs/icons/Merge.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgMerge = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgMerge" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.764 11.152V9.659l2.334 2.217-2.334 2.217v-1.444H13.12c-1.023 0-1.333.314-1.918 1.632-.797 1.796-1.514 2.52-3.3 2.52h-1.69v-1.495h1.69c1.036 0 1.35-.319 1.937-1.639.348-.784.68-1.363 1.09-1.766-.41-.403-.742-.982-1.09-1.766-.586-1.32-.901-1.64-1.938-1.64H6.213V7H7.9c1.787 0 2.504.725 3.301 2.52.585 1.318.895 1.633 1.918 1.633h2.644z", fill: "#fff" })));
 };
 exports.default = SvgMerge;

package/cjs/icons/MergeDark.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgMergeDark = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgMergeDark" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.955 10.955v-3.5l4.5 4.5-4.5 4.5v-3.5h-6.41l-6-6 1.41-1.41 5.41 5.41h5.59zm-11 7.41l-1.41-1.41 3.41-3.41 1.41 1.41-3.41 3.41z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgMergeDark;

package/cjs/icons/MlMatch.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgMlMatch = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 192, height: 192, viewBox: "0 0 192 192", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 192, height: 192, viewBox: "0 0 192 192", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgMlMatch" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("linearGradient", { x1: "94.582%", y1: "6.451%", x2: "23.195%", y2: "83.323%", id: "MLMatch_svg__b" },
                 react_1.default.createElement("stop", { stopColor: "#CDE1FF", offset: "0%" }),

package/cjs/icons/NegativeRuleIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNegativeRuleIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNegativeRuleIcon" }, props),
         react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm2.5 5.5h-5v-1h5v1z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgNegativeRuleIcon;

package/cjs/icons/NegativeRuleTooltipIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNegativeRuleTooltipIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNegativeRuleTooltipIcon" }, props),
         react_1.default.createElement("path", { d: "M5 0C2.24 0 0 2.24 0 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm2.5 5.5h-5v-1h5v1z", fill: "#fff", fillOpacity: 0.54 })));
 };
 exports.default = SvgNegativeRuleTooltipIcon;

package/cjs/icons/NestedAttribute.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNestedAttribute = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNestedAttribute" }, props),
         react_1.default.createElement("path", { d: "M14 11v-1a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-1h-3v1a1 1 0 01-1 1H6a1 1 0 01-1-1v-4a1 1 0 011-1h4a1 1 0 011 1v1h3z", fill: "#000", stroke: "none", strokeWidth: 1, fillRule: "evenodd" })));
 };
 exports.default = SvgNestedAttribute;

package/cjs/icons/NoData.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNoData = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "data-reltio-id": "SvgNoData" }, props),
         react_1.default.createElement("defs", null,
             react_1.default.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "100%", id: "NoData_svg__b" },
                 react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0, offset: "0%" }),

package/cjs/icons/NoDataSearch.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNoDataSearch = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 79, height: 68, viewBox: "0 0 79 68", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 79, height: 68, viewBox: "0 0 79 68", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoDataSearch" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("path", { d: "M24.889 40.444V22.556H3.603v-2.334H24.89V3.89h2.333v16.333h23.334V3.89h2.333v16.333h18.157v2.334H52.889v17.888h18.157v2.334H52.889v17.396h-2.333V42.778H27.222v17.396H24.89V42.778H3.603v-2.334H24.89zm2.333 0h23.334V22.556H27.222v17.888z", fill: "#D2DEDE", opacity: 0.2 }),
             react_1.default.createElement("path", { d: "M68.725 3.889H3.889v29.814l13.413-14.36 14.399 6.347 11.265-7.467h16.633l9.126-14.334zm2.053 4.016l-9.044 14.207H44.138l-12.06 7.994-13.818-6.091L3.889 39.4V59.89h66.889V7.905zM3 0h68.667a3 3 0 013 3v57.778a3 3 0 01-3 3H3a3 3 0 01-3-3V3a3 3 0 013-3z", fill: "#D2DEDE", opacity: 0.5 }),

package/cjs/icons/NoMatches.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNoMatches = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoMatches" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.8 15.6V7.2H8.4V6h8.4c.66 0 1.2.54 1.2 1.2v8.4h-1.2zM7.2 18c-.66 0-1.2-.54-1.2-1.2V9.6c0-.66.54-1.2 1.2-1.2h7.2c.66 0 1.2.54 1.2 1.2v7.2c0 .66-.54 1.2-1.2 1.2H7.2zm4.937-2.8l.663-.663-1.337-1.337 1.337-1.337-.663-.663-1.337 1.337L9.463 11.2l-.663.663 1.337 1.337L8.8 14.537l.663.663 1.337-1.337 1.337 1.337z", fill: "#fff" })));
 };
 exports.default = SvgNoMatches;

package/cjs/icons/NotMatchDark.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNotMatchDark = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNotMatchDark" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 1.5v3.638h-1.247l-11.03 11H2v2h3.55l11.029-11H17V10.5L21.5 6 17 1.5zM8.844 8.785L5.55 5.5H2v2h2.723l2.707 2.7 1.414-1.415zm4.835 4.822l-1.414 1.414 3.488 3.479H17v3.638l4.5-4.5-4.5-4.5V16.5h-.421l-2.9-2.893z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgNotMatchDark;

package/cjs/icons/NotMatchRule.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNotMatchRule = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNotMatchRule" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 20h15.002L21 23l1.27-1.27-20-20.01L1 2.99l6.172 6.175a4.007 4.007 0 002.66 2.662l2.23 2.23A10.754 10.754 0 0011 14c-2.67 0-8 1.34-8 4v2zm8-16a3.987 3.987 0 00-2.795 1.137l5.656 5.659A3.999 3.999 0 0011 4z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgNotMatchRule;

package/cjs/icons/Pin.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPin = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgPin" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 4v6l2 2v2h-5v7l-.992 1L11 21v-7H6v-2l2-2V4H7V2h10v2h-1z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgPin;

package/cjs/icons/PinOutlined.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPinOutlined = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgPinOutlined" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 10V4h1V2H7v2h1v6l-2 2v2h5v7l1.008 1L13 21v-7h5v-2l-2-2zm-6-6h4v7l1 1H9l1-1V4z", fill: "#000", fillOpacity: 0.54 })));
 };
 exports.default = SvgPinOutlined;

package/cjs/icons/PivotingIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPivotingIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 11, height: 11, viewBox: "0 0 11 11" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 11, height: 11, viewBox: "0 0 11 11", "data-reltio-id": "SvgPivotingIcon" }, props),
         react_1.default.createElement("path", { d: "M2.514 5h2.314V3l2.5 2.5-2.5 2.5V6h-3.8a4.5 4.5 0 10.73-3H.6a5.5 5.5 0 11-.577 3H0V5H2.514z", fill: "#6CACE4", stroke: "none", strokeWidth: 1, fillRule: "evenodd" })));
 };
 exports.default = SvgPivotingIcon;

package/cjs/icons/PmIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPmIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 20 20" }, props),
+    return (react_1.default.createElement("svg", __assign({ viewBox: "0 0 20 20", "data-reltio-id": "SvgPmIcon" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.5 10L14 5.5V9h-3.5L5 3.5 3.5 5l6.04 6H14v3.5l4.5-4.5zM7.04 11.455L3.5 15 5 16.5l3.54-3.545-1.5-1.5z" })));
 };
 exports.default = SvgPmIcon;

package/cjs/icons/PmTaskIcon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPmTaskIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 28, height: 28, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgPmTaskIcon" }, props),
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("circle", { fill: "#1976D2", cx: 14, cy: 14, r: 14 }),
             react_1.default.createElement("path", { d: "M22.5 14L18 9.5V13h-3.5L9 7.5 7.5 9l6.04 6H18v3.5l4.5-4.5zm-11.46 1.46L7.5 19 9 20.5l3.54-3.54-1.5-1.5z", fill: "#FFF", opacity: 0.87 }))));

package/cjs/icons/Polygon.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPolygon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgPolygon" }, props),
         react_1.default.createElement("path", { d: "M3.796 11.99A2 2 0 114.855 8.19l5.19-3.77a2 2 0 113.911 0l5.19 3.77a2 2 0 111.058 3.798l-1.812 5.575a2 2 0 11-3.05 2.555H8.658a2 2 0 11-3.05-2.555L3.796 11.99zM5.987 9.77a1.991 1.991 0 01-.398 1.444l1.899 5.845c.596.15 1.086.566 1.334 1.115h6.356c.248-.55.738-.966 1.334-1.115l1.9-5.845a1.991 1.991 0 01-.4-1.444l-5.346-3.884a1.997 1.997 0 01-1.332 0L5.987 9.77z", fill: "#000", fillRule: "nonzero", stroke: "none", strokeWidth: 1, opacity: 0.54 })));
 };
 exports.default = SvgPolygon;

package/cjs/icons/PotentialMatch.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgPotentialMatch = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgPotentialMatch" }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.8 7.2v8.4H18V7.2c0-.66-.54-1.2-1.2-1.2H8.4v1.2h8.4zM6 16.8c0 .66.54 1.2 1.2 1.2h7.2c.66 0 1.2-.54 1.2-1.2V9.6c0-.66-.54-1.2-1.2-1.2H7.2c-.66 0-1.2.54-1.2 1.2v7.2z", fill: "#fff" })));
 };
 exports.default = SvgPotentialMatch;

package/cjs/icons/Profile.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgProfile = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgProfile" }, props),
         react_1.default.createElement("path", { d: "M11.727 5c1.66 0 3 1.376 3 3.08 0 1.704-1.34 3.08-3 3.08s-3-1.376-3-3.08c0-1.704 1.34-3.08 3-3.08zM12 19c-2.5 0-4.71-1.365-6-3.435.03-2.122 4-3.285 6-3.285 1.99 0 5.97 1.163 6 3.285C16.71 17.635 14.5 19 12 19z", fill: "#fff" })));
 };
 exports.default = SvgProfile;

package/cjs/icons/Radius.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgRadius = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 18, height: 18, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgRadius" }, props),
         react_1.default.createElement("path", { d: "M10.61 8.568A1.666 1.666 0 119.432 7.39l3.656-3.657a6.668 6.668 0 101.179 1.179L10.61 8.568zm-7.503 6.325A8.333 8.333 0 1114.893 3.107 8.333 8.333 0 013.107 14.893z", fill: "#000", stroke: "none", strokeWidth: 1, fillRule: "evenodd", opacity: 0.54 })));
 };
 exports.default = SvgRadius;

package/cjs/icons/ReadOnlyError.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgReadOnlyError = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "#DD2C00", xmlns: "http://www.w3.org/2000/svg" }, props),
+    return (react_1.default.createElement("svg", __assign({ width: 12, height: 12, viewBox: "0 0 12 12", fill: "#DD2C00", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgReadOnlyError" }, props),
         react_1.default.createElement("path", { d: "M6 11.848a1.15 1.15 0 01-.445-.088 1.309 1.309 0 01-.386-.248L.487 6.832a1.31 1.31 0 01-.247-.387 1.207 1.207 0 010-.897c.058-.146.14-.272.247-.38L5.17.489c.116-.117.245-.202.386-.256a1.303 1.303 0 01.897 0 .953.953 0 01.38.256l4.68 4.68a.954.954 0 01.256.38 1.303 1.303 0 010 .897c-.054.14-.139.27-.256.386l-4.68 4.681a1.205 1.205 0 01-.831.335zm0-1.167L10.681 6 6 1.319 1.319 6 6 10.681zm-.583-4.098h1.166v-3.5H5.417v3.5zM6 8.333a.564.564 0 00.416-.167.564.564 0 00.167-.416.564.564 0 00-.167-.416A.564.564 0 006 7.167a.564.564 0 00-.416.167.564.564 0 00-.167.416c0 .165.056.304.167.416.112.111.25.167.416.167z" })));
 };
 exports.default = SvgReadOnlyError;