@reltio/components 1.4.2262 → 1.4.2264

package/cjs/ReltioMap/components/EntityMarker/EntityMarker.spec.js

@@ -53,13 +53,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var styles_1 = require("@mui/material/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../constants");
 var EntityMarker_1 = __importDefault(require("./EntityMarker"));
 var EntityMarkerContext_1 = require("../../../contexts/EntityMarkerContext");
 var marker_hover_inline_svg_1 = require("./icons/marker-hover.inline.svg");
 var marker_inline_svg_1 = require("./icons/marker.inline.svg");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: jest.fn(function (fn, _delay) { return jest.requireActual('@reltio/mdm-sdk').debounce(fn, 0); }) })); });
+var muiTheme = (0, styles_1.createTheme)(constants_1.theme);
 jest.mock('@vis.gl/react-google-maps', function () {
     // The only reason why all the mock stuff inlcuding 'requre' inside the jest.mock is that
     // mocks with forwardRef doesn't work outside (in beforeEach/beforeAll)
@@ -78,8 +81,9 @@ jest.mock('@vis.gl/react-google-maps', function () {
     AdvancedMarker.displayName = 'AdvancedMarker';
     return __assign(__assign({}, jest.requireActual('@vis.gl/react-google-maps')), { AdvancedMarker: AdvancedMarker });
 });
-var hoveredMarkerIcon = (0, mdm_sdk_1.svg2Url)(marker_hover_inline_svg_1.HOVERED_MARKER);
-var markerIcon = (0, mdm_sdk_1.svg2Url)(marker_inline_svg_1.MARKER);
+var markerColor = (0, styles_1.lighten)(muiTheme.palette.primary.main, 0.3);
+var hoveredMarkerIcon = (0, mdm_sdk_1.svg2Url)((0, marker_hover_inline_svg_1.createHoveredMarker)(markerColor));
+var markerIcon = (0, mdm_sdk_1.svg2Url)((0, marker_inline_svg_1.createMarker)(markerColor));
 describe('EntityMarker', function () {
     var mockMarker = {
         id: 'someId',
@@ -95,7 +99,8 @@ describe('EntityMarker', function () {
         if (contextValue === void 0) { contextValue = {}; }
         var Providers = function (_a) {
             var children = _a.children;
-            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } }, children));
+            return (react_1.default.createElement(styles_1.ThemeProvider, { theme: muiTheme },
+                react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } }, children)));
         };
         return (0, react_2.render)(react_1.default.createElement(EntityMarkerContext_1.EntityMarkerContext.Provider, { value: contextValue },
             react_1.default.createElement(EntityMarker_1.default, __assign({}, props))), { wrapper: Providers });

package/cjs/ReltioMap/components/EntityMarker/icons/marker-hover.inline.svg.d.ts

@@ -1 +1 @@
-export declare const HOVERED_MARKER = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large (hover)</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large-(hover)\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.32\" cx=\"11\" cy=\"28.5\" rx=\"6\" ry=\"4.66666667\"></ellipse>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"#24A8E8\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n        <path d=\"M20,2 L20,20 L14.755,20 L14.6905172,20.0815309 C14.3562717,20.5012516 14.0578656,20.8886742 13.7817711,21.2616986 L13.5786724,21.5390469 C11.92787,23.8181606 11.079024,25.6311217 11.0052669,27.2674145 L11.0052669,27.2674145 L11,27.5 L10.9968324,27.3203844 C10.9285422,25.3781621 9.75347502,23.1598866 7.22124201,20.0010865 L2,20 L2,2 L20,2 Z\" id=\"Path\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" mask=\"url(#mask-3)\"></path>\n    </g>\n</svg>";
+export declare const createHoveredMarker: (color: string) => string;

package/cjs/ReltioMap/components/EntityMarker/icons/marker-hover.inline.svg.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HOVERED_MARKER = void 0;
-exports.HOVERED_MARKER = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large (hover)</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large-(hover)\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.32\" cx=\"11\" cy=\"28.5\" rx=\"6\" ry=\"4.66666667\"></ellipse>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"#24A8E8\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n        <path d=\"M20,2 L20,20 L14.755,20 L14.6905172,20.0815309 C14.3562717,20.5012516 14.0578656,20.8886742 13.7817711,21.2616986 L13.5786724,21.5390469 C11.92787,23.8181606 11.079024,25.6311217 11.0052669,27.2674145 L11.0052669,27.2674145 L11,27.5 L10.9968324,27.3203844 C10.9285422,25.3781621 9.75347502,23.1598866 7.22124201,20.0010865 L2,20 L2,2 L20,2 Z\" id=\"Path\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" mask=\"url(#mask-3)\"></path>\n    </g>\n</svg>";
+exports.createHoveredMarker = void 0;
+var createHoveredMarker = function (color) { return "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large (hover)</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large-(hover)\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.32\" cx=\"11\" cy=\"28.5\" rx=\"6\" ry=\"4.66666667\"></ellipse>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"".concat(color, "\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n        <path d=\"M20,2 L20,20 L14.755,20 L14.6905172,20.0815309 C14.3562717,20.5012516 14.0578656,20.8886742 13.7817711,21.2616986 L13.5786724,21.5390469 C11.92787,23.8181606 11.079024,25.6311217 11.0052669,27.2674145 L11.0052669,27.2674145 L11,27.5 L10.9968324,27.3203844 C10.9285422,25.3781621 9.75347502,23.1598866 7.22124201,20.0010865 L2,20 L2,2 L20,2 Z\" id=\"Path\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" mask=\"url(#mask-3)\"></path>\n    </g>\n</svg>"); };
+exports.createHoveredMarker = createHoveredMarker;

package/cjs/ReltioMap/components/EntityMarker/icons/marker.inline.svg.d.ts

@@ -1 +1 @@
-export declare const MARKER = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M20,1 C20.5522847,1 21,1.44771525 21,2 L21,20 C21,20.5522847 20.5522847,21 20,21 L15.2374606,21.0021908 C14.9306693,21.3935449 14.6510143,21.7632851 14.3885453,22.1256523 C12.8309725,24.2760522 12,26.0137017 12,27.5 C12,28.0522847 11.5522847,28.5 11,28.5 C10.4477153,28.5 10,28.0522847 10,27.5 C10,25.7886708 8.84033182,23.6810997 6.73798027,21.0014567 L2,21 C1.44771525,21 1,20.5522847 1,20 L1,2 C1,1.44771525 1.44771525,1 2,1 L20,1 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.12\" cx=\"11\" cy=\"28.5\" rx=\"4.5\" ry=\"3.5\"></ellipse>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"Path-3\" fill=\"#FFFFFF\"></path>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"#24A8E8\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n    </g>\n</svg>";
+export declare const createMarker: (color: string) => string;

package/cjs/ReltioMap/components/EntityMarker/icons/marker.inline.svg.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MARKER = void 0;
-exports.MARKER = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M20,1 C20.5522847,1 21,1.44771525 21,2 L21,20 C21,20.5522847 20.5522847,21 20,21 L15.2374606,21.0021908 C14.9306693,21.3935449 14.6510143,21.7632851 14.3885453,22.1256523 C12.8309725,24.2760522 12,26.0137017 12,27.5 C12,28.0522847 11.5522847,28.5 11,28.5 C10.4477153,28.5 10,28.0522847 10,27.5 C10,25.7886708 8.84033182,23.6810997 6.73798027,21.0014567 L2,21 C1.44771525,21 1,20.5522847 1,20 L1,2 C1,1.44771525 1.44771525,1 2,1 L20,1 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.12\" cx=\"11\" cy=\"28.5\" rx=\"4.5\" ry=\"3.5\"></ellipse>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"Path-3\" fill=\"#FFFFFF\"></path>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"#24A8E8\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n    </g>\n</svg>";
+exports.createMarker = void 0;
+var createMarker = function (color) { return "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"22px\" height=\"32px\" viewBox=\"0 0 22 32\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>View / Map / Marker / Large</title>\n    <defs>\n        <radialGradient cx=\"50%\" cy=\"50.2950175%\" fx=\"50%\" fy=\"50.2950175%\" r=\"49.7049825%\" gradientTransform=\"translate(0.500000,0.502950),scale(0.777778,1.000000),rotate(90.000000),scale(1.000000,1.293560),translate(-0.500000,-0.502950)\" id=\"radialGradient-1\">\n            <stop stop-color=\"#000000\" offset=\"0%\"></stop>\n            <stop stop-color=\"#000000\" stop-opacity=\"0\" offset=\"100%\"></stop>\n        </radialGradient>\n        <path d=\"M20,1 C20.5522847,1 21,1.44771525 21,2 L21,20 C21,20.5522847 20.5522847,21 20,21 L15.2374606,21.0021908 C14.9306693,21.3935449 14.6510143,21.7632851 14.3885453,22.1256523 C12.8309725,24.2760522 12,26.0137017 12,27.5 C12,28.0522847 11.5522847,28.5 11,28.5 C10.4477153,28.5 10,28.0522847 10,27.5 C10,25.7886708 8.84033182,23.6810997 6.73798027,21.0014567 L2,21 C1.44771525,21 1,20.5522847 1,20 L1,2 C1,1.44771525 1.44771525,1 2,1 L20,1 Z\" id=\"path-2\"></path>\n    </defs>\n    <g id=\"View-/-Map-/-Marker-/-Large\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <ellipse id=\"Oval\" fill=\"url(#radialGradient-1)\" opacity=\"0.12\" cx=\"11\" cy=\"28.5\" rx=\"4.5\" ry=\"3.5\"></ellipse>\n        <path d=\"M21,0 C21.5522847,-1.01453063e-16 22,0.44771525 22,1 L22,21 C22,21.5522847 21.5522847,22 21,22 L15.7283832,22.0012846 C15.5422129,22.2445529 15.3664776,22.4802332 15.1984183,22.7122576 C13.7560833,24.7035592 13,26.2846074 13,27.5 L13,27.5 L12.9945143,27.6492623 C12.9181651,28.6841222 12.0543618,29.5 11,29.5 C9.8954305,29.5 9,28.6045695 9,27.5 L9,27.5 L8.99485006,27.3298651 C8.91582184,26.0024976 7.93016704,24.2171459 6.23940611,22.000704 L1,22 C0.44771525,22 6.76353751e-17,21.5522847 0,21 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 L21,0 Z\" id=\"Path-3\" fill=\"#FFFFFF\"></path>\n        <mask id=\"mask-3\" fill=\"white\">\n            <use xlink:href=\"#path-2\"></use>\n        </mask>\n        <use id=\"Path-2\" fill=\"#FFFFFF\" fill-rule=\"nonzero\" xlink:href=\"#path-2\"></use>\n        <rect id=\"Entity-type\" fill=\"".concat(color, "\" mask=\"url(#mask-3)\" x=\"0\" y=\"0\" width=\"22\" height=\"32\"></rect>\n    </g>\n</svg>"); };
+exports.createMarker = createMarker;

package/cjs/ResizablePanes/styles.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
+var styles_2 = require("@mui/material/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         position: 'relative'
     },
@@ -34,7 +35,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             },
             '&:not($disabled):hover': {
                 cursor: 'ns-resize',
-                backgroundImage: 'linear-gradient(rgba(0, 114, 206, 0), rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1))',
+                backgroundImage: "linear-gradient(".concat((0, styles_2.alpha)(theme.palette.primary.main, 0), ", ").concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ", ").concat(theme.palette.primary.main, ")"),
                 backgroundSize: '100% 3px'
             }
         },
@@ -51,7 +52,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
             },
             '&:not($disabled):hover': {
                 cursor: 'ew-resize',
-                backgroundImage: 'linear-gradient(to left, rgba(0, 114, 206, 0.35), rgba(0, 114, 206, 1), rgba(0, 114, 206, 0.35))',
+                backgroundImage: "linear-gradient(to left, ".concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ", ").concat(theme.palette.primary.main, ", ").concat((0, styles_2.alpha)(theme.palette.primary.main, 0.35), ")"),
                 backgroundSize: '3px 100%'
             }
         }

package/cjs/SidePanelEmptyState/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "root" | "textBox" | "secondaryText" | "logo">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "root" | "logo" | "textBox" | "secondaryText">;

package/cjs/SidePanelEmptyState/styles.js

@@ -18,7 +18,8 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     logo: {
         width: '190px',
-        height: '190px'
+        height: '190px',
+        color: theme.palette.primary.main
     },
     textBox: {
         display: 'flex',

package/cjs/TableWithBars/components/NumberCellValueRenderer/styles.js

@@ -25,7 +25,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         height: '20px',
         '&>div': {
             opacity: 1,
-            backgroundColor: '#0072CE'
+            backgroundColor: theme.palette.primary.main
         }
     },
     loadCaption: {

package/cjs/UploadImageDialog/components/TargetBox/TargetBox.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 = `.TargetBox-root--T8Dyg{padding:36px 0 29px}.TargetBox-icon--qfl13{height:190px;margin-bottom:24px;pointer-events:none;width:190px}.TargetBox-title--zQaNU{color:var(--mui-palette-text-primary);font-size:20px;font-weight:500;line-height:24px;margin-bottom:8px}.TargetBox-description--Jyqo5{color:var(--mui-palette-text-secondary);font-size:14px;line-height:16px;margin-bottom:24px}`;
+    style.innerHTML = `.TargetBox-root--T8Dyg{padding:36px 0 29px}.TargetBox-icon--qfl13{color:var(--mui-palette-primary-main);height:190px;margin-bottom:24px;pointer-events:none;width:190px}.TargetBox-title--zQaNU{color:var(--mui-palette-text-primary);font-size:20px;font-weight:500;line-height:24px;margin-bottom:8px}.TargetBox-description--Jyqo5{color:var(--mui-palette-text-secondary);font-size:14px;line-height:16px;margin-bottom:24px}`;
     head.appendChild(style);
 }
 module.exports = styles;

package/cjs/constants/theme.js

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.darkTheme = exports.theme = void 0;
 require("@mui/styles");
+var mainColor = '#0072CE';
 exports.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: {
@@ -147,8 +148,8 @@ exports.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
@@ -158,7 +159,7 @@ exports.theme = {
         borderRadius: '3px',
         backgroundColor: '#FFFFFF'
     },
-    suggested: 'rgb(237, 246, 251)'
+    suggested: "color-mix(in srgb, ".concat(mainColor, " 6%, #ffffff)")
 };
 exports.darkTheme = {
     palette: {

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

@@ -14,6 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEdgeLabelsRenderer = exports.HOVERS_CUSTOM_EDGE_LABELS_CANVAS_NAME = exports.EDGE_DOTS_CANVAS_NAME = exports.CUSTOM_EDGE_LABELS_CANVAS_NAME = void 0;
 var react_1 = require("react");
 var core_1 = require("@react-sigma/core");
+var styles_1 = require("@mui/material/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var useSigmaCustomRenderers_1 = require("../../hooks/useSigmaCustomRenderers");
 var graphDataTypes_1 = require("../../types/graphDataTypes");
@@ -25,6 +26,7 @@ exports.EDGE_DOTS_CANVAS_NAME = 'edgeDots';
 exports.HOVERS_CUSTOM_EDGE_LABELS_CANVAS_NAME = 'customEdgeLabelsHovers';
 var useEdgeLabelsRenderer = function (_a) {
     var graph = _a.graph, onEdgeLabelClick = _a.onEdgeLabelClick;
+    var theme = (0, styles_1.useTheme)();
     var sigma = (0, core_1.useSigma)();
     var settings = sigma.getSettings();
     var registerEvents = (0, core_1.useRegisterEvents)();
@@ -56,13 +58,13 @@ 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 = (0, react_1.useCallback)(function (context, edgeId, sourceId, targetId) {
         var edgeDisplayData = sigma.getEdgeDisplayData(edgeId);
         if (shouldRenderLabels(edgeId, sourceId, targetId)) {

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

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.drawTwoArcs = exports.drawOuterArc = exports.drawNodeArc = void 0;
+var styles_1 = require("@mui/material/styles");
+var constants_1 = require("../../../../constants");
 var PADDING = 1.5;
 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;
@@ -14,11 +16,11 @@ var drawNodeArc = function (context, data, _a) {
 exports.drawNodeArc = drawNodeArc;
 var drawOuterArc = function (context, data) {
     if (data.selected) {
-        context.shadowColor = 'rgba(0, 114, 206, 0.5)';
+        context.shadowColor = (0, styles_1.alpha)(constants_1.theme.palette.primary.main, 0.5);
         context.shadowBlur = 10;
         (0, exports.drawNodeArc)(context, data, {
             lineWidth: 2,
-            color: '#0072CE',
+            color: constants_1.theme.palette.primary.main,
             padding: 4.5
         });
         context.shadowColor = 'none';

package/cjs/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);
 }
 module.exports = styles;

package/cjs/features/workflow/ReviewDCRButton/ReviewDCRButton.js

@@ -8,12 +8,12 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ReviewDCR_1 = __importDefault(require("../../../icons/ReviewDCR"));
+var ReviewDcr_1 = __importDefault(require("../../../icons/ReviewDcr"));
 var ReviewDCRButton_module_css_1 = __importDefault(require("./ReviewDCRButton.module.css"));
 var ReviewDCRButton = function (_a) {
     var onClick = _a.onClick;
     return (react_1.default.createElement(Button_1.default, { onClick: onClick, color: "primary", className: (0, classnames_1.default)(ReviewDCRButton_module_css_1.default.button), "data-reltio-id": "review-dcr-button" },
-        react_1.default.createElement(ReviewDCR_1.default, { className: ReviewDCRButton_module_css_1.default.icon }),
+        react_1.default.createElement(ReviewDcr_1.default, { className: ReviewDCRButton_module_css_1.default.icon }),
         ui_i18n_1.default.text('Review DCR')));
 };
 exports.ReviewDCRButton = ReviewDCRButton;

package/cjs/icons/AttributesList.js

@@ -17,7 +17,7 @@ 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", "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("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.1 }),
         react_1.default.createElement("mask", { id: "AttributesList_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/cjs/icons/EmptyLoading.js

@@ -17,7 +17,7 @@ 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", "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("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.03 }),
         react_1.default.createElement("mask", { id: "EmptyLoading_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/cjs/icons/NoActivations.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNoActivations = function (props) {
     return (react_1.default.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_1.default.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#0072CE", fillOpacity: 0.1 }),
-        react_1.default.createElement("mask", { id: "NoActivation_svg__a", style: {
+        react_1.default.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "currentColor", fillOpacity: 0.1 }),
+        react_1.default.createElement("mask", { id: "NoActivations_svg__a", style: {
                 maskType: 'luminance'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 200, height: 200 },
             react_1.default.createElement("circle", { cx: 100, cy: 100, r: 100, fill: "#fff" })),
-        react_1.default.createElement("g", { mask: "url(#NoActivation_svg__a)" },
-            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivation_svg__paint0_linear_8548_48982)" }),
-            react_1.default.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_1.default.createElement("g", { mask: "url(#NoActivations_svg__a)" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-12.5 7.031h200V200h-200V7.031z", fill: "url(#NoActivations_svg__paint0_linear_8548_48982)" }),
+            react_1.default.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_1.default.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_1.default.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_1.default.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" }),
@@ -47,27 +47,27 @@ var SvgNoActivations = function (props) {
             react_1.default.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_1.default.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_1.default.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_1.default.createElement("g", { filter: "url(#NoActivation_svg__filter0_d_8548_48982)" },
+        react_1.default.createElement("g", { filter: "url(#NoActivations_svg__filter0_d_8548_48982)" },
             react_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.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_1.default.createElement("g", { filter: "url(#NoActivation_svg__filter1_d_8548_48982)" },
+        react_1.default.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_1.default.createElement("g", { filter: "url(#NoActivations_svg__filter1_d_8548_48982)" },
             react_1.default.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_1.default.createElement("defs", null,
-            react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
+            react_1.default.createElement("linearGradient", { id: "NoActivations_svg__paint0_linear_8548_48982", x1: -12.5, y1: 7.031, x2: -12.5, y2: 200, gradientUnits: "userSpaceOnUse" },
                 react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
                 react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
-            react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
+            react_1.default.createElement("linearGradient", { id: "NoActivations_svg__paint1_linear_8548_48982", x1: 207.904, y1: 141.493, x2: 121.002, y2: 60.688, gradientUnits: "userSpaceOnUse" },
                 react_1.default.createElement("stop", { stopOpacity: 0.01 }),
                 react_1.default.createElement("stop", { offset: 1 })),
-            react_1.default.createElement("linearGradient", { id: "NoActivation_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
+            react_1.default.createElement("linearGradient", { id: "NoActivations_svg__paint2_linear_8548_48982", x1: 123.438, y1: 112.109, x2: 172.656, y2: 161.328, gradientUnits: "userSpaceOnUse" },
                 react_1.default.createElement("stop", null),
                 react_1.default.createElement("stop", { offset: 1, stopOpacity: 0 })),
-            react_1.default.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_1.default.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_1.default.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
                 react_1.default.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_1.default.createElement("feOffset", { dy: 1.563 }),
@@ -75,7 +75,7 @@ var SvgNoActivations = function (props) {
                 react_1.default.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_1.default.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_8548_48982" }),
                 react_1.default.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_8548_48982", result: "shape" })),
-            react_1.default.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_1.default.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_1.default.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
                 react_1.default.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_1.default.createElement("feOffset", { dy: 1.563 }),

package/cjs/icons/NoData.js

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

package/cjs/icons/NoLogs.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgNoLogs = function (props) {
     return (react_1.default.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_1.default.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "#0072CE", fillOpacity: 0.1 }),
+        react_1.default.createElement("circle", { cx: 40, cy: 40.5, r: 40, fill: "currentColor", fillOpacity: 0.1 }),
         react_1.default.createElement("mask", { id: "NoLogs_svg__a", style: {
                 maskType: 'luminance'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 80, height: 81 },

package/cjs/icons/RequestSummary.js

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgRequestSummary = function (props) {
-    return (react_1.default.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_1.default.createElement("ellipse", { cx: "15.972", cy: "16", rx: "15.972", ry: "16", fill: "#1D4E99" }),
-        react_1.default.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_1.default.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_1.default.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_1.default.createElement("ellipse", { cx: 15.972, cy: 16, rx: 15.972, ry: 16, fill: "#1D4E99" }),
+        react_1.default.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_1.default.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" })));
 };
 exports.default = SvgRequestSummary;

package/cjs/icons/ReviewDcr.d.ts

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

package/cjs/icons/ReviewDcr.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 SvgReviewDcr = function (props) {
+    return (react_1.default.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_1.default.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" })));
+};
+exports.default = SvgReviewDcr;

package/cjs/icons/SelectAttributes.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgSelectAttributes = 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", "data-reltio-id": "SvgSelectAttributes" }, props),
-        react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
+        react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "currentColor", fillOpacity: 0.1 }),
         react_1.default.createElement("mask", { id: "SelectAttributes_svg__a", style: {
                 maskType: 'alpha'
             }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },

package/cjs/icons/SuggestedChanges.js

@@ -16,12 +16,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var SvgSuggestedChanges = function (props) {
-    return (react_1.default.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_1.default.createElement("g", { clipPath: "url(#clip0_536_106424)" },
-            react_1.default.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_1.default.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_1.default.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_1.default.createElement("g", { clipPath: "url(#SuggestedChanges_svg__clip0_536_106424)" },
+            react_1.default.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_1.default.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_1.default.createElement("defs", null,
-            react_1.default.createElement("clipPath", { id: "clip0_536_106424" },
-                react_1.default.createElement("rect", { width: "31.9441", height: "32", fill: "white" })))));
+            react_1.default.createElement("clipPath", { id: "SuggestedChanges_svg__clip0_536_106424" },
+                react_1.default.createElement("path", { fill: "#fff", d: "M0 0h31.944v32H0z" })))));
 };
 exports.default = SvgSuggestedChanges;

package/cjs/icons/UploadIcon.js

@@ -34,7 +34,7 @@ var SvgUploadIcon = function (props) {
         react_1.default.createElement("g", { stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
             react_1.default.createElement("mask", { id: "UploadIcon_svg__b", fill: "#fff" },
                 react_1.default.createElement("use", { xlinkHref: "#UploadIcon_svg__a" })),
-            react_1.default.createElement("use", { fillOpacity: 0.1, fill: "#0072CE", xlinkHref: "#UploadIcon_svg__a" }),
+            react_1.default.createElement("use", { fillOpacity: 0.1, fill: "currentColor", xlinkHref: "#UploadIcon_svg__a" }),
             react_1.default.createElement("g", { mask: "url(#UploadIcon_svg__b)" },
                 react_1.default.createElement("g", { strokeWidth: 1, fill: "none", transform: "translate(-1 9)" },
                     react_1.default.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/cjs/icons/VerificationInvalid.d.ts

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

package/cjs/icons/{VerificationOutdatedIcon.js → VerificationInvalid.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 VerificationOutdatedIcon = 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": "SvgVerificationOutdatedIcon" }, 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 0ZM7.33333 10H6V8.66667H7.33333V10ZM7.33333 7.33333H6V3.33333H7.33333V7.33333Z", fill: "#F2C94C" })));
+var SvgVerificationInvalid = 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": "SvgVerificationInvalid" }, props),
+        react_1.default.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" })));
 };
-exports.default = VerificationOutdatedIcon;
+exports.default = SvgVerificationInvalid;

package/cjs/icons/VerificationMaybe.d.ts

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

package/cjs/icons/VerificationMaybe.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 SvgVerificationMaybe = 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": "SvgVerificationMaybe" }, 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 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" })));
+};
+exports.default = SvgVerificationMaybe;

package/cjs/icons/VerificationOutdated.d.ts

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