@reltio/components 1.4.2263 → 1.4.2264

package/cjs/icons/{VerificationValidIcon.js → VerificationOutdated.js}

@@ -15,8 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var VerificationValidIcon = function (props) {
-    return (react_1.default.createElement("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgVerificationValidIcon" }, props),
-        react_1.default.createElement("path", { d: "M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM5.33333 10L2 6.66667L2.94 5.72667L5.33333 8.11333L10.3933 3.05333L11.3333 4L5.33333 10Z", fill: "#27AE60" })));
+var SvgVerificationOutdated = function (props) {
+    return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "data-reltio-id": "SvgVerificationOutdated" }, props),
+        react_1.default.createElement("path", { d: "M6.667 0A6.67 6.67 0 000 6.667a6.67 6.67 0 006.667 6.666 6.669 6.669 0 006.666-6.666A6.67 6.67 0 006.667 0zm.666 10H6V8.667h1.333V10zm0-2.667H6v-4h1.333v4z", fill: "#F2C94C" })));
 };
-exports.default = VerificationValidIcon;
+exports.default = SvgVerificationOutdated;

package/cjs/icons/VerificationValid.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgVerificationValid: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgVerificationValid;

package/cjs/icons/VerificationValid.js

@@ -0,0 +1,22 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgVerificationValid = function (props) {
+    return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "data-reltio-id": "SvgVerificationValid" }, props),
+        react_1.default.createElement("path", { d: "M6.667 0A6.67 6.67 0 000 6.667a6.67 6.67 0 006.667 6.666 6.669 6.669 0 006.666-6.666A6.67 6.67 0 006.667 0zM5.333 10L2 6.667l.94-.94 2.393 2.386 5.06-5.06.94.947-6 6z", fill: "#27AE60" })));
+};
+exports.default = SvgVerificationValid;

package/cjs/icons/index.d.ts

@@ -27,22 +27,24 @@ export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as Info } from './Info';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
+export { default as MlMatch } from './MlMatch';
 export { default as Merge } from './Merge';
 export { default as MergeDark } from './MergeDark';
-export { default as MlMatch } from './MlMatch';
 export { default as NegativeRuleIcon } from './NegativeRuleIcon';
 export { default as NegativeRuleTooltipIcon } from './NegativeRuleTooltipIcon';
 export { default as NestedAttribute } from './NestedAttribute';
+export { default as NoActivations } from './NoActivations';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
+export { default as NoLogs } from './NoLogs';
 export { default as NoMatches } from './NoMatches';
 export { default as NotMatchDark } from './NotMatchDark';
 export { default as NotMatchRule } from './NotMatchRule';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';
@@ -51,12 +53,19 @@ export { default as Reassign } from './Reassign';
 export { default as Recommended } from './Recommended';
 export { default as ReferenceAttribute } from './ReferenceAttribute';
 export { default as Remove } from './Remove';
+export { default as RequestSummary } from './RequestSummary';
 export { default as ResizeIconInline } from './ResizeIconInline';
+export { default as ReviewDcr } from './ReviewDcr';
 export { default as Search } from './Search';
 export { default as SelectAttributes } from './SelectAttributes';
 export { default as SimpleAttribute } from './SimpleAttribute';
 export { default as Suggest } from './Suggest';
+export { default as SuggestedChanges } from './SuggestedChanges';
 export { default as Table } from './Table';
 export { default as Tenant } from './Tenant';
 export { default as UnMerge } from './UnMerge';
 export { default as UploadIcon } from './UploadIcon';
+export { default as VerificationInvalid } from './VerificationInvalid';
+export { default as VerificationMaybe } from './VerificationMaybe';
+export { default as VerificationOutdated } from './VerificationOutdated';
+export { default as VerificationValid } from './VerificationValid';

package/cjs/icons/index.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Reassign = exports.ReadOnlyError = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
-exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = void 0;
+exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NotMatchRule = exports.NotMatchDark = exports.NoMatches = exports.NoLogs = exports.NoDataSearch = exports.NoData = exports.NoActivations = exports.NestedAttribute = exports.NegativeRuleTooltipIcon = exports.NegativeRuleIcon = exports.MergeDark = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.Info = exports.IgnoredOutlined = exports.Ignored = exports.Hyperlink = exports.Filter = exports.Error = exports.EmptySearchResults = exports.EmptyLoading = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.Description = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.ControlAttribute = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.VerificationValid = exports.VerificationOutdated = exports.VerificationMaybe = exports.VerificationInvalid = exports.UploadIcon = exports.UnMerge = exports.Tenant = exports.Table = exports.SuggestedChanges = exports.Suggest = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ReviewDcr = exports.ResizeIconInline = exports.RequestSummary = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Reassign = exports.ReadOnlyError = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -63,38 +63,42 @@ var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");
 Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
+var MlMatch_1 = require("./MlMatch");
+Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var Merge_1 = require("./Merge");
 Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
 var MergeDark_1 = require("./MergeDark");
 Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
-var MlMatch_1 = require("./MlMatch");
-Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
 var NegativeRuleIcon_1 = require("./NegativeRuleIcon");
 Object.defineProperty(exports, "NegativeRuleIcon", { enumerable: true, get: function () { return __importDefault(NegativeRuleIcon_1).default; } });
 var NegativeRuleTooltipIcon_1 = require("./NegativeRuleTooltipIcon");
 Object.defineProperty(exports, "NegativeRuleTooltipIcon", { enumerable: true, get: function () { return __importDefault(NegativeRuleTooltipIcon_1).default; } });
 var NestedAttribute_1 = require("./NestedAttribute");
 Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
+var NoActivations_1 = require("./NoActivations");
+Object.defineProperty(exports, "NoActivations", { enumerable: true, get: function () { return __importDefault(NoActivations_1).default; } });
 var NoData_1 = require("./NoData");
 Object.defineProperty(exports, "NoData", { enumerable: true, get: function () { return __importDefault(NoData_1).default; } });
 var NoDataSearch_1 = require("./NoDataSearch");
 Object.defineProperty(exports, "NoDataSearch", { enumerable: true, get: function () { return __importDefault(NoDataSearch_1).default; } });
+var NoLogs_1 = require("./NoLogs");
+Object.defineProperty(exports, "NoLogs", { enumerable: true, get: function () { return __importDefault(NoLogs_1).default; } });
 var NoMatches_1 = require("./NoMatches");
 Object.defineProperty(exports, "NoMatches", { enumerable: true, get: function () { return __importDefault(NoMatches_1).default; } });
 var NotMatchDark_1 = require("./NotMatchDark");
 Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
 var NotMatchRule_1 = require("./NotMatchRule");
 Object.defineProperty(exports, "NotMatchRule", { enumerable: true, get: function () { return __importDefault(NotMatchRule_1).default; } });
+var PmIcon_1 = require("./PmIcon");
+Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
+var PmTaskIcon_1 = require("./PmTaskIcon");
+Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Pin_1 = require("./Pin");
 Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
 var PinOutlined_1 = require("./PinOutlined");
 Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
 var PivotingIcon_1 = require("./PivotingIcon");
 Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
-var PmIcon_1 = require("./PmIcon");
-Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
-var PmTaskIcon_1 = require("./PmTaskIcon");
-Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
 var PotentialMatch_1 = require("./PotentialMatch");
@@ -111,8 +115,12 @@ var ReferenceAttribute_1 = require("./ReferenceAttribute");
 Object.defineProperty(exports, "ReferenceAttribute", { enumerable: true, get: function () { return __importDefault(ReferenceAttribute_1).default; } });
 var Remove_1 = require("./Remove");
 Object.defineProperty(exports, "Remove", { enumerable: true, get: function () { return __importDefault(Remove_1).default; } });
+var RequestSummary_1 = require("./RequestSummary");
+Object.defineProperty(exports, "RequestSummary", { enumerable: true, get: function () { return __importDefault(RequestSummary_1).default; } });
 var ResizeIconInline_1 = require("./ResizeIconInline");
 Object.defineProperty(exports, "ResizeIconInline", { enumerable: true, get: function () { return __importDefault(ResizeIconInline_1).default; } });
+var ReviewDcr_1 = require("./ReviewDcr");
+Object.defineProperty(exports, "ReviewDcr", { enumerable: true, get: function () { return __importDefault(ReviewDcr_1).default; } });
 var Search_1 = require("./Search");
 Object.defineProperty(exports, "Search", { enumerable: true, get: function () { return __importDefault(Search_1).default; } });
 var SelectAttributes_1 = require("./SelectAttributes");
@@ -121,6 +129,8 @@ var SimpleAttribute_1 = require("./SimpleAttribute");
 Object.defineProperty(exports, "SimpleAttribute", { enumerable: true, get: function () { return __importDefault(SimpleAttribute_1).default; } });
 var Suggest_1 = require("./Suggest");
 Object.defineProperty(exports, "Suggest", { enumerable: true, get: function () { return __importDefault(Suggest_1).default; } });
+var SuggestedChanges_1 = require("./SuggestedChanges");
+Object.defineProperty(exports, "SuggestedChanges", { enumerable: true, get: function () { return __importDefault(SuggestedChanges_1).default; } });
 var Table_1 = require("./Table");
 Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return __importDefault(Table_1).default; } });
 var Tenant_1 = require("./Tenant");
@@ -129,3 +139,11 @@ var UnMerge_1 = require("./UnMerge");
 Object.defineProperty(exports, "UnMerge", { enumerable: true, get: function () { return __importDefault(UnMerge_1).default; } });
 var UploadIcon_1 = require("./UploadIcon");
 Object.defineProperty(exports, "UploadIcon", { enumerable: true, get: function () { return __importDefault(UploadIcon_1).default; } });
+var VerificationInvalid_1 = require("./VerificationInvalid");
+Object.defineProperty(exports, "VerificationInvalid", { enumerable: true, get: function () { return __importDefault(VerificationInvalid_1).default; } });
+var VerificationMaybe_1 = require("./VerificationMaybe");
+Object.defineProperty(exports, "VerificationMaybe", { enumerable: true, get: function () { return __importDefault(VerificationMaybe_1).default; } });
+var VerificationOutdated_1 = require("./VerificationOutdated");
+Object.defineProperty(exports, "VerificationOutdated", { enumerable: true, get: function () { return __importDefault(VerificationOutdated_1).default; } });
+var VerificationValid_1 = require("./VerificationValid");
+Object.defineProperty(exports, "VerificationValid", { enumerable: true, get: function () { return __importDefault(VerificationValid_1).default; } });

package/constants/theme.js

@@ -1,8 +1,9 @@
 import '@mui/styles';
+var mainColor = '#0072CE';
 export var theme = {
     palette: {
-        primary: { main: '#0072CE', light: '#0072CE', dark: '#0072CE' },
-        secondary: { main: '#0072CE' },
+        primary: { main: mainColor, light: mainColor, dark: mainColor },
+        secondary: { main: mainColor },
         error: { main: '#FF1744' },
         success: { main: '#3B873E' },
         background: {
@@ -144,8 +145,8 @@ export var theme = {
         backgroundColor: 'rgba(0,0,0,0.54)'
     },
     inactiveBackground: 'repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 14px, #e9e9e9 15px, #e9e9e9 16px)',
-    inactiveSelectedBackground: 'repeating-linear-gradient(45deg, #DBE9F4, #DBE9F4 14px, #CCDAE5 15px, #CCDAE5 16px)',
-    inactiveSelectedHoverBackground: 'repeating-linear-gradient(45deg, #D4E2ED, #D4E2ED 14px, #C6D4DF 15px, #C6D4DF 16px)',
+    inactiveSelectedBackground: "repeating-linear-gradient(45deg,\n        color-mix(in srgb, ".concat(mainColor, " 10%, #f5f5f5),\n        color-mix(in srgb, ").concat(mainColor, " 10%, #f5f5f5) 14px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e9e9e9) 15px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e9e9e9) 16px)"),
+    inactiveSelectedHoverBackground: "repeating-linear-gradient(45deg,\n        color-mix(in srgb, ".concat(mainColor, " 10%, #f2f2f2),\n        color-mix(in srgb, ").concat(mainColor, " 10%, #f2f2f2) 14px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e2e2e2) 15px,\n        color-mix(in srgb, ").concat(mainColor, " 13%, #e2e2e2) 16px)"),
     inactiveHoverBackground: 'repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 14px, #e2e2e2 15px, #e2e2e2 16px)',
     inactive: {
         opacity: 0.7
@@ -155,7 +156,7 @@ export var theme = {
         borderRadius: '3px',
         backgroundColor: '#FFFFFF'
     },
-    suggested: 'rgb(237, 246, 251)'
+    suggested: "color-mix(in srgb, ".concat(mainColor, " 6%, #ffffff)")
 };
 export var darkTheme = {
     palette: {

package/features/graph/DataModelGraph/hooks/useEdgeLabelsRenderer.js

@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useEffect, useState, useRef, useCallback } from 'react';
 import { useRegisterEvents, useSigma } from '@react-sigma/core';
+import { useTheme } from '@mui/material/styles';
 import { rgbaToRgb } from '@reltio/mdm-sdk';
 import { useSigmaCustomRenderers } from '../../hooks/useSigmaCustomRenderers';
 import { DataModelGraphNodeType } from '../../types/graphDataTypes';
@@ -22,6 +23,7 @@ export var EDGE_DOTS_CANVAS_NAME = 'edgeDots';
 export var HOVERS_CUSTOM_EDGE_LABELS_CANVAS_NAME = 'customEdgeLabelsHovers';
 export var useEdgeLabelsRenderer = function (_a) {
     var graph = _a.graph, onEdgeLabelClick = _a.onEdgeLabelClick;
+    var theme = useTheme();
     var sigma = useSigma();
     var settings = sigma.getSettings();
     var registerEvents = useRegisterEvents();
@@ -53,13 +55,13 @@ export var useEdgeLabelsRenderer = function (_a) {
                 size: sigma.scaleSize(4)
             }, __assign(__assign({}, settings), { labelSize: settings.labelSize * fontScale }), {
                 backgroundColor: "rgba(250, 250, 250, ".concat(isSelected || isHovered ? '1' : '0.9', ")"),
-                borderColor: isSelected ? '#0072CE' : undefined
+                borderColor: isSelected ? theme.palette.primary.main : undefined
             });
             edgeLabelsPathsMap.current[edgeId] = path;
         }
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [sigma, hoveredEdgeLabel, shouldRenderLabels]);
+    [sigma, hoveredEdgeLabel, shouldRenderLabels, theme]);
     var drawEdgeDot = useCallback(function (context, edgeId, sourceId, targetId) {
         var edgeDisplayData = sigma.getEdgeDisplayData(edgeId);
         if (shouldRenderLabels(edgeId, sourceId, targetId)) {

package/features/graph/rendering/canvas/nodeArc.js

@@ -1,3 +1,5 @@
+import { alpha } from '@mui/material/styles';
+import { theme } from '../../../../constants';
 var PADDING = 1.5;
 export var drawNodeArc = function (context, data, _a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.padding, padding = _c === void 0 ? PADDING : _c, _d = _b.color, color = _d === void 0 ? '#FFF' : _d, _e = _b.lineWidth, lineWidth = _e === void 0 ? 4 : _e;
@@ -10,11 +12,11 @@ export var drawNodeArc = function (context, data, _a) {
 };
 export var drawOuterArc = function (context, data) {
     if (data.selected) {
-        context.shadowColor = 'rgba(0, 114, 206, 0.5)';
+        context.shadowColor = alpha(theme.palette.primary.main, 0.5);
         context.shadowBlur = 10;
         drawNodeArc(context, data, {
             lineWidth: 2,
-            color: '#0072CE',
+            color: theme.palette.primary.main,
             padding: 4.5
         });
         context.shadowColor = 'none';

package/features/workflow/ChangeRequestEditor/components/EditorStatusChip/EditorStatusChip.module.css.js

@@ -3,7 +3,7 @@ if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.EditorStatusChip-statusChip--gL4BB{color:#fff;font-size:10px;height:20px}.EditorStatusChip-updatedChip--vjpcZ{background:#2f80ed;border:1px solid rgba(0,114,206,.3)}.EditorStatusChip-rejectedChip--LuLLX{background:#eb5757;border:1px solid rgba(235,87,87,.3)}.EditorStatusChip-recentlyAddedChip--n4tHj{background:#f2994a;border:1px solid rgba(242,153,74,.3)}`;
+    style.innerHTML = `.EditorStatusChip-statusChip--gL4BB{color:#fff;font-size:10px;height:20px}.EditorStatusChip-updatedChip--vjpcZ{background:#2f80ed;border:1px solid color-mix(in srgb,var(--mui-palette-primary-main) 30%,transparent)}.EditorStatusChip-rejectedChip--LuLLX{background:#eb5757;border:1px solid rgba(235,87,87,.3)}.EditorStatusChip-recentlyAddedChip--n4tHj{background:#f2994a;border:1px solid rgba(242,153,74,.3)}`;
     head.appendChild(style);
 }
 export default styles;

package/features/workflow/ReviewDCRButton/ReviewDCRButton.js

@@ -2,7 +2,7 @@ import React from 'react';
 import classnames from 'classnames';
 import Button from '@mui/material/Button';
 import i18n from 'ui-i18n';
-import SvgReviewDCR from '../../../icons/ReviewDCR';
+import SvgReviewDCR from '../../../icons/ReviewDcr';
 import styles from './ReviewDCRButton.module.css';
 export var ReviewDCRButton = function (_a) {
     var onClick = _a.onClick;

package/icons/AttributesList.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 var SvgAttributesList = function (props) {
     return (React.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.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
+        React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.1 }),
         React.createElement("mask", { id: "AttributesList_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/icons/EmptyLoading.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 var SvgEmptyLoading = function (props) {
     return (React.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.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.03 }),
+        React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.03 }),
         React.createElement("mask", { id: "EmptyLoading_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/icons/NoActivations.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 var SvgNoActivations = function (props) {
     return (React.createElement("svg", __assign({ width: 200, height: 200, viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoActivations" }, props),
-        React.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#0072CE", fillOpacity: 0.1 }),
-        React.createElement("mask", { id: "NoActivation_svg__a", style: {
+        React.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "currentColor", fillOpacity: 0.1 }),
+        React.createElement("mask", { id: "NoActivations_svg__a", style: {
                 maskType: 'luminance'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 200, height: 200 },
             React.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#fff" })),
-        React.createElement("g", { mask: "url(#NoActivation_svg__a)" },
-            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivation_svg__paint0_linear_8548_48982)" }),
-            React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M146.688 44.426L192.5 90.237v116.306H72.956l-32.331-30.697V44.426h106.063z", fill: "url(#NoActivation_svg__paint1_linear_8548_48982)" }),
+        React.createElement("g", { mask: "url(#NoActivations_svg__a)" },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivations_svg__paint0_linear_8548_48982)" }),
+            React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M146.688 44.426L192.5 90.237v116.306H72.956l-32.331-30.697V44.426h106.063z", fill: "url(#NoActivations_svg__paint1_linear_8548_48982)" }),
             React.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M36.719 45.313H194.53A5.468 5.468 0 01200 50.78v122.657a5.468 5.468 0 01-5.469 5.468H36.719a5.468 5.468 0 01-5.469-5.468V50.781a5.469 5.469 0 015.469-5.468z", fill: "#000" }),
             React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 43.75h157.031A3.906 3.906 0 01200 47.656v122.656a3.907 3.907 0 01-3.906 3.907H39.063a3.907 3.907 0 01-3.907-3.907V47.656a3.906 3.906 0 013.907-3.906z", fill: "#fff" }),
             React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M82.325 56.746a2.344 2.344 0 012.343-2.344h32.52a2.343 2.343 0 010 4.688h-32.52a2.344 2.344 0 01-2.343-2.344z", fill: "#B6C7DB" }),
@@ -42,27 +42,27 @@ var SvgNoActivations = function (props) {
             React.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M74.274 60.156l-2.762 2.762-2.762-2.762h5.524z", fill: "#000" }),
             React.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M39.063 17.188h145.312a4.687 4.687 0 014.687 4.687v14.063a4.687 4.687 0 01-4.687 4.687H39.062a4.688 4.688 0 01-4.687-4.688V21.876a4.688 4.688 0 014.688-4.688z", fill: "#fff" }),
             React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M45.313 28.906A4.687 4.687 0 0150 24.22h54.688a4.688 4.688 0 010 9.375H50a4.688 4.688 0 01-4.688-4.688zM115.625 28.906a4.688 4.688 0 014.688-4.687h7.812a4.687 4.687 0 010 9.375h-7.813a4.688 4.688 0 01-4.687-4.688z", fill: "#979797" })),
-        React.createElement("g", { filter: "url(#NoActivation_svg__filter0_d_8548_48982)" },
+        React.createElement("g", { filter: "url(#NoActivations_svg__filter0_d_8548_48982)" },
             React.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#000" })),
         React.createElement("path", { d: "M130.469 168.75c21.573 0 39.062-17.489 39.062-39.062 0-21.574-17.489-39.063-39.062-39.063-21.574 0-39.063 17.489-39.063 39.063 0 21.573 17.489 39.062 39.063 39.062z", fill: "#93D204" }),
         React.createElement("path", { opacity: 0.15, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 78.906c28.045 0 50.781 22.736 50.781 50.781 0 28.046-22.736 50.782-50.781 50.782-28.046 0-50.781-22.736-50.781-50.782 0-28.045 22.735-50.78 50.781-50.78zm-.391 5.469c-24.81 0-44.922 20.112-44.922 44.922s20.112 44.922 44.922 44.922S175 154.107 175 129.297s-20.112-44.922-44.922-44.922z", fill: "#A9F300" }),
         React.createElement("path", { opacity: 0.3, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 88.281c22.868 0 41.406 18.538 41.406 41.406 0 22.869-18.538 41.407-41.406 41.407s-41.406-18.538-41.406-41.407c0-22.868 18.538-41.406 41.406-41.406zm0 4.644c-20.304 0-36.763 16.459-36.763 36.762 0 20.304 16.459 36.763 36.763 36.763 20.303 0 36.762-16.459 36.762-36.763 0-20.303-16.459-36.762-36.762-36.762z", fill: "#A9F300" }),
         React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 60.156c38.401 0 69.531 31.13 69.531 69.532 0 38.401-31.13 69.531-69.531 69.531-38.401 0-69.531-31.13-69.531-69.531 0-38.401 31.13-69.532 69.531-69.532zm-.391 7.813c-33.87 0-61.328 27.457-61.328 61.328 0 33.87 27.457 61.328 61.328 61.328s61.328-27.458 61.328-61.328c0-33.87-27.457-61.328-61.328-61.328z", fill: "#A9F300" }),
         React.createElement("path", { d: "M130.469 163.281c18.553 0 33.593-15.04 33.593-33.593 0-18.554-15.04-33.594-33.593-33.594-18.554 0-33.594 15.04-33.594 33.594 0 18.553 15.04 33.593 33.594 33.593z", fill: "#A5E418" }),
-        React.createElement("path", { opacity: 0.05, d: "M182.031 146.094l-34.375-34.375-5.344 2.343-11.719-11.718-.905 22.656-13.282-13.281-7.031 10.156v23.437l36.719 36.719 35.937-35.937z", fill: "url(#NoActivation_svg__paint2_linear_8548_48982)" }),
-        React.createElement("g", { filter: "url(#NoActivation_svg__filter1_d_8548_48982)" },
+        React.createElement("path", { opacity: 0.05, d: "M182.031 146.094l-34.375-34.375-5.344 2.343-11.719-11.718-.905 22.656-13.282-13.281-7.031 10.156v23.437l36.719 36.719 35.937-35.937z", fill: "url(#NoActivations_svg__paint2_linear_8548_48982)" }),
+        React.createElement("g", { filter: "url(#NoActivations_svg__filter1_d_8548_48982)" },
             React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M130.469 102.344a3.907 3.907 0 00-3.907 3.906v17.969a3.907 3.907 0 007.813 0V106.25a3.906 3.906 0 00-3.906-3.906zm17.996 9.347a3.907 3.907 0 00-5.524 5.524 18.186 18.186 0 013.943 19.825 18.187 18.187 0 01-26.912 8.163 18.182 18.182 0 01-7.735-18.674 18.194 18.194 0 014.978-9.314 3.905 3.905 0 10-5.524-5.524 26.008 26.008 0 00-5.637 28.338 26 26 0 0024.024 16.053 25.999 25.999 0 0024.024-16.053 26.007 26.007 0 00-5.637-28.338z", fill: "#fff" })),
         React.createElement("defs", null,
-            React.createElement("linearGradient", { id: "NoActivation_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: "NoActivations_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
                 React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
-            React.createElement("linearGradient", { id: "NoActivation_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: "NoActivations_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", { stopOpacity: 0.01 }),
                 React.createElement("stop", { offset: 1 })),
-            React.createElement("linearGradient", { id: "NoActivation_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
+            React.createElement("linearGradient", { id: "NoActivations_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
                 React.createElement("stop", null),
                 React.createElement("stop", { offset: 1, stopOpacity: 0 })),
-            React.createElement("filter", { id: "NoActivation_svg__filter0_d_8548_48982", x: 88.281, y: 89.063, width: 84.375, height: 84.375, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+            React.createElement("filter", { id: "NoActivations_svg__filter0_d_8548_48982", x: 88.281, y: 89.063, width: 84.375, height: 84.375, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
                 React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
                 React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
                 React.createElement("feOffset", { dy: 1.563 }),
@@ -70,7 +70,7 @@ var SvgNoActivations = function (props) {
                 React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" }),
                 React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
                 React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })),
-            React.createElement("filter", { id: "NoActivation_svg__filter1_d_8548_48982", x: 100.95, y: 100.781, width: 58.257, height: 59.988, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+            React.createElement("filter", { id: "NoActivations_svg__filter1_d_8548_48982", x: 100.95, y: 100.781, width: 58.257, height: 59.988, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
                 React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
                 React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
                 React.createElement("feOffset", { dy: 1.563 }),

package/icons/NoData.js

@@ -21,7 +21,7 @@ var SvgNoData = function (props) {
                 React.createElement("stop", { stopColor: "#000", offset: "100%" })),
             React.createElement("linearGradient", { x1: "50%", y1: "0%", x2: "50%", y2: "100%", id: "NoData_svg__e" },
                 React.createElement("stop", { stopColor: "#EEFBFF", offset: "0%" }),
-                React.createElement("stop", { stopColor: "#0072CE", offset: "100%" })),
+                React.createElement("stop", { stopColor: "currentColor", offset: "100%" })),
             React.createElement("filter", { x: "-7.7%", y: "-7.5%", width: "115.3%", height: "115%", filterUnits: "objectBoundingBox", id: "NoData_svg__f" },
                 React.createElement("feOffset", { dx: 0, dy: 2, in: "SourceAlpha", result: "shadowOffsetOuter1" }),
                 React.createElement("feGaussianBlur", { stdDeviation: 2, in: "shadowOffsetOuter1", result: "shadowBlurOuter1" }),
@@ -33,7 +33,7 @@ var SvgNoData = function (props) {
         React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             React.createElement("mask", { id: "NoData_svg__c", fill: "#fff" },
                 React.createElement("use", { xlinkHref: "#NoData_svg__a" })),
-            React.createElement("use", { fillOpacity: 0.1, fill: "#0072CE", xlinkHref: "#NoData_svg__a" }),
+            React.createElement("use", { fillOpacity: 0.1, fill: "currentColor", xlinkHref: "#NoData_svg__a" }),
             React.createElement("path", { fill: "url(#NoData_svg__b)", mask: "url(#NoData_svg__c)", d: "M0 9h256v247H0z" }),
             React.createElement("g", { mask: "url(#NoData_svg__c)" },
                 React.createElement("g", { transform: "translate(29 37)" },

package/icons/NoLogs.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 var SvgNoLogs = function (props) {
     return (React.createElement("svg", __assign({ width: 80, height: 81, viewBox: "0 0 80 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgNoLogs" }, props),
-        React.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#0072CE", fillOpacity: 0.1 }),
+        React.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "currentColor", fillOpacity: 0.1 }),
         React.createElement("mask", { id: "NoLogs_svg__a", style: {
                 maskType: 'luminance'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 80, height: 81 },

package/icons/RequestSummary.js

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 var SvgRequestSummary = function (props) {
-    return (React.createElement("svg", __assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgRequestSummary" }, props),
-        React.createElement("ellipse", { cx: "15.972", cy: "16", rx: "15.972", ry: "16", fill: "#1D4E99" }),
-        React.createElement("path", { opacity: "0.54", d: "M24.4771 14.7002C23.972 14.3772 23.4183 14.1244 22.8286 13.9561V8.42871H8.50342V19.415H14.8589C14.8411 19.6077 14.8316 19.8027 14.8315 20C14.8315 20.3358 14.8581 20.6657 14.9087 20.9873H6.84521V6.85742H24.4771V14.7002ZM11.8091 17.8428H10.1519V16.2803H11.8091V17.8428ZM16.0483 16.2803C15.7 16.7547 15.4168 17.2799 15.2114 17.8428H13.4575V16.2803H16.0483ZM11.8091 14.708H10.1519V13.1357H11.8091V14.708ZM21.1714 13.7158C21.1496 13.7156 21.1278 13.7148 21.106 13.7148C19.8597 13.7148 18.6995 14.0804 17.7231 14.708H13.4575V13.1357H21.1714V13.7158ZM11.8091 11.5645H10.1519V10.001H11.8091V11.5645ZM21.1714 11.5645H13.4575V10.001H21.1714V11.5645Z", fill: "white" }),
-        React.createElement("path", { opacity: "0.87", d: "M21.106 14.8574C22.2479 14.8575 23.3031 15.2315 24.1558 15.8633L23.2349 16.7861C22.6252 16.3801 21.8929 16.1426 21.106 16.1426C18.9797 16.1428 17.2565 17.87 17.2563 20C17.2563 22.1301 18.9796 23.8572 21.106 23.8574C23.0435 23.8572 24.6461 22.4229 24.9155 20.5566L26.189 19.2822C26.2217 19.5168 26.2407 19.7564 26.2407 20C26.2407 22.8402 23.9412 25.1424 21.106 25.1426C18.2708 25.1423 15.9722 22.8402 15.9722 20C15.9723 17.16 18.2709 14.8577 21.106 14.8574ZM26.7075 17.208L21.2622 22.6631L20.354 21.7539V21.7529L18.5396 19.9355L19.4468 19.0264L21.2612 20.8438L25.7993 16.2988L26.7075 17.208Z", fill: "white" })));
+    return (React.createElement("svg", __assign({ width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgRequestSummary" }, props),
+        React.createElement("ellipse", { cx: 15.972, cy: 16, rx: 15.972, ry: 16, fill: "#1D4E99" }),
+        React.createElement("path", { opacity: 0.54, d: "M24.477 14.7a6.235 6.235 0 00-1.648-.744V8.43H8.503v10.986h6.356a6.392 6.392 0 00.05 1.572H6.845V6.857h17.632V14.7zM11.81 17.843h-1.657V16.28h1.657v1.563zm4.24-1.563c-.349.475-.632 1-.838 1.563h-1.754V16.28h2.591zm-4.24-1.572h-1.657v-1.572h1.657v1.572zm9.362-.992l-.065-.001a6.235 6.235 0 00-3.383.993h-4.265v-1.572h7.713v.58zm-9.362-2.151h-1.657V10h1.657v1.564zm9.362 0h-7.713V10h7.713v1.564z", fill: "#fff" }),
+        React.createElement("path", { opacity: 0.87, d: "M21.106 14.857c1.142 0 2.197.375 3.05 1.006l-.921.923a3.83 3.83 0 00-2.129-.643A3.854 3.854 0 0017.256 20a3.854 3.854 0 003.85 3.857 3.853 3.853 0 003.81-3.3l1.273-1.275a5.14 5.14 0 01-5.083 5.86A5.138 5.138 0 0115.972 20a5.139 5.139 0 015.134-5.143zm5.601 2.351l-5.445 5.455-.908-.91-1.814-1.817.907-.91 1.814 1.818 4.538-4.545.909.909z", fill: "#fff" })));
 };
 export default SvgRequestSummary;

package/icons/ReviewDcr.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgReviewDcr: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgReviewDcr;

package/icons/ReviewDcr.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgReviewDcr = function (props) {
+    return (React.createElement("svg", __assign({ width: 16, height: 15, viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgReviewDcr" }, props),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 9h3.014a4.88 4.88 0 01.116-.75H2.5v-1.5h3.764c.173-.27.37-.52.59-.75H2.5V4.5H10v.014a4.87 4.87 0 012.25.358V1.5c0-.825-.675-1.5-1.5-1.5h-9C.925 0 .25.675.25 1.5v9.75c0 .825.675 1.5 1.5 1.5h5.104A4.865 4.865 0 015.63 10.5H2.5V9zM10 3.75H2.5v-1.5H10v1.5zm3.225 7.418l2.34 2.332-1.065 1.065-2.34-2.34a3.326 3.326 0 01-1.793.525A3.369 3.369 0 017 9.375 3.37 3.37 0 0110.375 6a3.37 3.37 0 013.375 3.375c0 .66-.195 1.268-.525 1.793zm-2.85.082a1.876 1.876 0 10-.001-3.751 1.876 1.876 0 00.001 3.751z", fill: "currentColor" })));
+};
+export default SvgReviewDcr;

package/icons/SelectAttributes.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 var SvgSelectAttributes = function (props) {
     return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgSelectAttributes" }, props),
-        React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
+        React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.1 }),
         React.createElement("mask", { id: "SelectAttributes_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/icons/SuggestedChanges.js

@@ -11,12 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 var SvgSuggestedChanges = function (props) {
-    return (React.createElement("svg", __assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgSuggestedChanges" }, props),
-        React.createElement("g", { clipPath: "url(#clip0_536_106424)" },
-            React.createElement("path", { d: "M15.972 32C24.7931 32 31.9441 24.8366 31.9441 16C31.9441 7.16344 24.7931 0 15.972 0C7.15092 0 0 7.16344 0 16C0 24.8366 7.15092 32 15.972 32Z", fill: "#205191" }),
-            React.createElement("path", { opacity: "0.87", fillRule: "evenodd", clipRule: "evenodd", d: "M11.0288 23.5683C9.97918 23.5683 9.12695 22.718 9.12695 21.6689V10.2746C9.12695 9.22772 9.97918 8.37744 11.0288 8.37744H13.8193C13.9763 7.9316 14.2679 7.54575 14.6536 7.27339C15.0394 7.00103 15.5002 6.85566 15.9721 6.85744L16.1569 6.8643C16.5959 6.89826 17.0156 7.05924 17.365 7.32766C17.7143 7.59608 17.9784 7.96038 18.1249 8.3763H20.9155C21.965 8.3763 22.8173 9.22772 22.8173 10.2757V21.67C22.8173 22.718 21.965 23.5683 20.9155 23.5683H11.0288ZM21.2965 22.0483V9.89744H19.7746V12.1752H12.1696V9.89744H10.6477V22.0506H21.2965V22.0483ZM18.0941 16.526V18.014H12.1548V16.526H18.0941ZM19.7986 14.2403V15.7283H12.1548V14.2403H19.7986ZM15.9721 8.37744C16.3908 8.37744 16.7331 8.71801 16.7331 9.1363C16.7224 9.33125 16.6376 9.5147 16.496 9.64893C16.3545 9.78316 16.167 9.85797 15.9721 9.85797C15.7772 9.85797 15.5897 9.78316 15.4482 9.64893C15.3066 9.5147 15.2218 9.33125 15.2112 9.1363C15.2112 8.71801 15.5534 8.37744 15.9721 8.37744Z", fill: "white" })),
+    return (React.createElement("svg", __assign({ width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgSuggestedChanges" }, props),
+        React.createElement("g", { clipPath: "url(#SuggestedChanges_svg__clip0_536_106424)" },
+            React.createElement("path", { d: "M15.972 32c8.821 0 15.972-7.163 15.972-16S24.794 0 15.972 0C7.151 0 0 7.163 0 16s7.15 16 15.972 16z", fill: "#205191" }),
+            React.createElement("path", { opacity: 0.87, fillRule: "evenodd", clipRule: "evenodd", d: "M11.029 23.568c-1.05 0-1.902-.85-1.902-1.9V10.276a1.9 1.9 0 011.902-1.898h2.79a2.278 2.278 0 012.153-1.52l.185.007a2.27 2.27 0 011.968 1.512h2.79c1.05 0 1.902.852 1.902 1.9V21.67a1.9 1.9 0 01-1.901 1.898h-9.887zm10.268-1.52V9.898h-1.522v2.277H12.17V9.897h-1.522v12.154h10.649v-.003zm-3.203-5.522v1.488h-5.94v-1.488h5.94zM19.8 14.24v1.488h-7.644V14.24h7.644zm-3.827-5.863c.419 0 .761.341.761.76a.764.764 0 01-.76.721.761.761 0 01-.762-.722c0-.418.342-.759.761-.759z", fill: "#fff" })),
         React.createElement("defs", null,
-            React.createElement("clipPath", { id: "clip0_536_106424" },
-                React.createElement("rect", { width: "31.9441", height: "32", fill: "white" })))));
+            React.createElement("clipPath", { id: "SuggestedChanges_svg__clip0_536_106424" },
+                React.createElement("path", { fill: "#fff", d: "M0 0h31.944v32H0z" })))));
 };
 export default SvgSuggestedChanges;

package/icons/UploadIcon.js

@@ -29,7 +29,7 @@ var SvgUploadIcon = function (props) {
         React.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             React.createElement("mask", { id: "UploadIcon_svg__b", fill: "#fff" },
                 React.createElement("use", { xlinkHref: "#UploadIcon_svg__a" })),
-            React.createElement("use", { fillOpacity: 0.1, fill: "#0072CE", xlinkHref: "#UploadIcon_svg__a" }),
+            React.createElement("use", { fillOpacity: 0.1, fill: "currentColor", xlinkHref: "#UploadIcon_svg__a" }),
             React.createElement("g", { mask: "url(#UploadIcon_svg__b)" },
                 React.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(-1 9)" },
                     React.createElement("path", { d: "M0 107.268c0 35.579 28.703 64.409 64.173 64.409h139.021c29.578 0 53.497-24.035 53.497-53.635 0-28.356-21.935-51.562-49.705-53.515C199.577 27.705 167.2 0 128.346 0 97.425 0 70.59 17.582 57.171 43.274 25.027 46.767 0 74.117 0 107.268z", fill: "#FFF", opacity: 0.3 }),

package/icons/VerificationInvalid.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgVerificationInvalid: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgVerificationInvalid;

package/icons/VerificationInvalid.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgVerificationInvalid = function (props) {
+    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "data-reltio-id": "SvgVerificationInvalid" }, props),
+        React.createElement("path", { d: "M6.667 0A6.66 6.66 0 000 6.667a6.66 6.66 0 006.667 6.666 6.66 6.66 0 006.666-6.666A6.66 6.66 0 006.667 0zM10 9.06l-.94.94-2.393-2.393L4.273 10l-.94-.94 2.394-2.393-2.394-2.394.94-.94 2.394 2.394L9.06 3.333l.94.94-2.393 2.394L10 9.06z", fill: "#EB5757" })));
+};
+export default SvgVerificationInvalid;

package/icons/VerificationMaybe.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgVerificationMaybe: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgVerificationMaybe;

package/icons/VerificationMaybe.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgVerificationMaybe = function (props) {
+    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", "data-reltio-id": "SvgVerificationMaybe" }, props),
+        React.createElement("path", { d: "M6.667 0A6.67 6.67 0 000 6.667a6.67 6.67 0 006.667 6.666 6.669 6.669 0 006.666-6.666A6.67 6.67 0 006.667 0zm.666 11.333H6V10h1.333v1.333zm1.38-5.166l-.6.613c-.48.487-.78.887-.78 1.887H6v-.334c0-.733.3-1.4.78-1.886l.827-.84c.246-.24.393-.574.393-.94 0-.734-.6-1.334-1.333-1.334-.734 0-1.334.6-1.334 1.334H4a2.666 2.666 0 115.333 0c0 .586-.24 1.12-.62 1.5z", fill: "#F9A825" })));
+};
+export default SvgVerificationMaybe;

package/icons/VerificationOutdated.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgVerificationOutdated: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgVerificationOutdated;