@auth0/quantum-product 1.5.1

package/illustrations/components/new-auth0-user-a.js

@@ -0,0 +1,104 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationNewAuth0UserA = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationNewAuth0UserA = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 251 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M131.761 168.505c0 10.723-2.995 36.032-2.995 36.032l-9.046-1.367-90.884-13.339-.949-.14c-7.448-1.018-12.65-7.668-12.58-16.094.08-10.753 8.517-19.619 19.52-23.363l49.91-17.741 107.757 14.397-60.753 21.615-103.454-15.186", fill: "url(#new-auth0-user-a_svg__paint0_linear_1402_236)" }),
+        React.createElement("path", { d: "M131.761 168.505c0 10.723-2.995 36.032-2.995 36.032l-9.046-1.367-90.884-13.339-.949-.14c-7.448-1.018-12.65-7.668-12.58-16.094.08-10.753 8.517-19.619 19.52-23.363l49.91-17.741 107.757 14.397-60.753 21.615-103.454-15.186", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M135.894 167.008l54.503-19.219v36.621l-55.172 19.658c-10.253 2.896-18.31-4.572-18.23-14.766.079-10.194 8.107-18.82 18.52-22.164l.379-.13z", fill: "url(#new-auth0-user-a_svg__paint1_linear_1402_236)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M117.015 188.553c1.008-14.078 14.746-20.038 14.746-20.038l4.702-1.697 56.051-19.918v1.967l-56.41 20.127c-10.204 3.275-17.103 11.442-17.173 20.328-.039 4.632 1.788 8.706 5.002 11.152 2.926 2.236 6.73 2.855 10.703 1.757l57.997-20.647v2.027l-56.11 19.998s-8.746 3.904-15.495-3.165c-2.236-2.227-4.413-6.889-4.013-11.881v-.01z", fill: "#BAC1CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M153.247 124.126c0 10.723-3.105 36.023-3.105 36.023l-8.926-1.358-90.885-13.339-.948-.14c-7.448-1.018-12.65-7.667-12.58-16.094.08-10.753 8.516-19.618 19.519-23.362l49.91-17.742 107.757 14.397-60.752 21.615-103.475-15.195", fill: "url(#new-auth0-user-a_svg__paint2_linear_1402_236)" }),
+        React.createElement("path", { d: "M153.247 124.126c0 10.723-3.105 36.023-3.105 36.023l-8.926-1.358-90.885-13.339-.948-.14c-7.448-1.018-12.65-7.667-12.58-16.094.08-10.753 8.516-19.618 19.519-23.362l49.91-17.742 107.757 14.397-60.752 21.615-103.475-15.195", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M157.38 122.629l54.503-19.22v36.622l-55.172 19.658c-10.254 2.896-18.311-4.572-18.231-14.766.08-10.194 8.107-18.82 18.521-22.165l.379-.129z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M139.069 140.3c3.225-13.628 18.88-17.871 18.88-17.871l56.05-19.918v1.967l-56.409 20.127c-10.204 3.275-17.103 11.442-17.173 20.328-.04 4.632 1.787 8.706 5.002 11.152 2.925 2.236 6.729 2.855 10.703 1.757l57.997-20.647v2.027l-56.11 19.998c-12.201 4.113-22.165-5.292-18.94-18.92z", fill: "#BAC1CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M175.661 79.378c0 10.723-2.696 36.072-2.696 36.072l-9.335-1.417-90.884-13.339-.949-.14c-7.448-1.018-12.65-7.668-12.58-16.094.08-10.753 8.517-19.619 19.519-23.363l49.92-17.741 107.757 14.397-60.752 21.615L72.186 64.182", fill: "url(#new-auth0-user-a_svg__paint3_linear_1402_236)" }),
+        React.createElement("path", { d: "M175.661 79.378c0 10.723-2.696 36.072-2.696 36.072l-9.335-1.417-90.884-13.339-.949-.14c-7.448-1.018-12.65-7.668-12.58-16.094.08-10.753 8.517-19.619 19.519-23.363l49.92-17.741 107.757 14.397-60.752 21.615L72.186 64.182", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M179.834 77.89l54.463-19.379v36.761l-55.172 19.659c-10.253 2.895-18.311-4.573-18.231-14.766.08-10.194 8.107-18.78 18.521-22.125l.419-.15z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M171.937 115.28c-5.991-1.258-9.924-6.06-10.863-12.38-1.088-6.969 2.606-12.74 2.606-12.74 5.371-8.955 14.137-11.551 14.137-11.551l2.626-.938 55.97-19.919v1.967l-56.409 20.128c-10.204 3.275-17.103 11.442-17.173 20.328-.04 4.632 1.787 8.706 5.002 11.152 2.926 2.236 6.729 2.855 10.703 1.757l57.997-20.647v2.027l-56.11 19.998c-1.358.329-3.604 1.667-8.486.808v.01z", fill: "#BAC1CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M126.939 50.274l-23.413 8.317c-.848.3-.729 1.547.16 1.677l44.559 6.61c2.206.33 4.462.11 6.569-.64l24.131-8.585c.689-.24.579-1.248-.139-1.338l-48.233-6.42a7.87 7.87 0 00-3.634.38z", fill: "url(#new-auth0-user-a_svg__paint4_linear_1402_236)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M195.559 60.518l-23.892 8.506c-1.987.72-2.506 2.167.27 2.676 0 0 4.842.938 8.706-.6l22.564-8.026s2.326-.859 1.677-2.217c-.409-.878-1.937-1.118-1.937-1.118-2.466-.45-5.022-.06-7.388.779z", fill: "url(#new-auth0-user-a_svg__paint5_linear_1402_236)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M234.297 60.498l-56.48 20.138", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M234.297 65.77l-68.351 24.381M234.297 71.13l-71.036 25.34M234.297 76.652l-71.346 25.46M234.297 82.363l-69.848 24.92M234.297 88.344l-65.795 23.462M211.873 110.638l-68.341 24.381M211.873 115.999l-71.027 25.339M211.873 121.521l-71.336 25.449M211.873 127.231l-69.789 24.89M211.873 133.202l-65.675 23.432M190.367 154.907l-68.35 24.381M190.367 160.258l-71.036 25.34M190.367 165.79l-71.346 25.449M190.367 171.49l-69.798 24.901M190.367 177.471l-65.675 23.432", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M234.297 93.236l-55.761 19.848", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M203.556 61.477c0 .529-1.288.958-2.865.958-1.578 0-2.866-.43-2.866-.959 0-.529 1.288-.958 2.866-.958 1.577 0 2.865.43 2.865.959z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M108.069 59.13c0 .22-.429.39-.959.39-.529 0-.958-.18-.958-.39 0-.21.429-.389.958-.389.53 0 .959.18.959.39zM110.565 58.342c0 .22-.429.39-.959.39-.529 0-.958-.18-.958-.39 0-.21.429-.39.958-.39.53 0 .959.18.959.39zM113.061 57.553c0 .22-.429.39-.959.39-.529 0-.958-.18-.958-.39 0-.21.429-.39.958-.39.53 0 .959.18.959.39z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M130.074 152.122c-1.438-2.357-2.247-5.252-2.217-8.427.04-4.822 1.947-9.225 5.072-12.839M125.331 151.512c-1.437-2.356-2.246-5.251-2.216-8.426.04-4.822 1.947-9.225 5.072-12.84M109.517 194.883c-1.438-2.356-2.247-5.251-2.217-8.426.04-4.822 1.947-9.225 5.072-12.84M104.774 194.264c-1.438-2.356-2.246-5.252-2.216-8.427.04-4.822 1.947-9.225 5.072-12.839M154.405 107.413c-1.438-2.356-2.247-5.251-2.217-8.426.04-4.823 1.947-9.226 5.072-12.84M149.662 106.794c-1.437-2.356-2.246-5.251-2.216-8.426.04-4.822 1.947-9.225 5.072-12.84", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M127.638 95.392l-5.442 10.414-18.929-2.776 5.441-10.423-4.892-.72-57.678 110.544 4.892.719 10.384-19.898 18.93 2.775-10.384 19.898 4.892.719L132.52 96.121l-4.882-.729zm-7.728 14.797l-5.671 10.872-18.93-2.775 5.671-10.873 18.93 2.776zm-40.285 38.149l5.61-10.753 18.93 2.775-5.61 10.753-18.93-2.775zm16.643 7.158l-5.691 10.903-18.93-2.776 5.691-10.902 18.93 2.775zm-8.746-22.294l5.501-10.543 18.93 2.775-5.501 10.543-18.93-2.775zM63.69 178.869l5.67-10.873 18.93 2.776-5.67 10.872-18.93-2.775z", fill: "#BAC1CD", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M46.242 177.717l-13.34-1.79-.36 4.54-2.51-.34c.13-3.02-.87-4.86-3-5.52l.28-3.49 19.26 2.58-.32 4.01-.01.01zM66.325 138.302a8.171 8.171 0 01-3.14-1.35c-.97-.68-1.74-1.36-2.32-2.06-.58-.7-1.16-1.54-1.77-2.52-.22-.34-.54-.88-.96-1.61-.42-.73-.75-1.28-.99-1.64-.24-.36-.54-.78-.91-1.26-.37-.47-.76-.83-1.16-1.07-.4-.24-.84-.4-1.3-.47-.9-.15-1.64-.03-2.2.36-.56.39-.87 1.01-.93 1.86-.06.99.22 1.81.85 2.48.63.67 1.56 1.11 2.8 1.33l-.23 3.64c-2.21-.36-3.91-1.23-5.08-2.6s-1.68-3.19-1.54-5.47c.13-2.05.81-3.57 2.05-4.57 1.24-.99 2.71-1.35 4.43-1.07.85.14 1.61.39 2.29.76.68.37 1.28.88 1.82 1.52s.96 1.21 1.26 1.7c.3.49.68 1.17 1.13 2.02 1.19 2.34 2.24 3.83 3.13 4.48l.57-8.99 3.1.51-.89 14-.01.02zM90.379 86.078c-.21 2.54-1 4.38-2.36 5.53-1.36 1.14-3.12 1.56-5.28 1.24l.32-3.81c2.62.27 4.03-.83 4.24-3.31.09-1.11-.11-2.03-.61-2.74-.5-.72-1.24-1.15-2.21-1.31-.97-.16-1.69.04-2.27.58-.58.54-.92 1.41-1.02 2.63l-.1 1.23-2.89-.48.1-1.14c.08-.98-.08-1.8-.48-2.47-.4-.67-1-1.07-1.81-1.2-.81-.13-1.4.03-1.9.46-.5.43-.79 1.09-.86 1.97-.09 1.09.15 1.99.71 2.69.57.7 1.38 1.15 2.42 1.36l-.32 3.81c-1.94-.4-3.43-1.32-4.47-2.76-1.04-1.44-1.46-3.3-1.27-5.59.18-2.11.79-3.71 1.83-4.8 1.04-1.09 2.36-1.5 3.95-1.24 1.99.33 3.24 1.69 3.76 4.09h.06c.87-2.6 2.59-3.69 5.18-3.27 1.91.31 3.32 1.27 4.22 2.86.9 1.59 1.26 3.49 1.08 5.67h-.02z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint0_linear_1402_236", x1: 15.317, y1: 168.515, x2: 192.514, y2: 168.515, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EBED" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint1_linear_1402_236", x1: 116.995, y1: 176.243, x2: 190.387, y2: 176.243, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EBED" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint2_linear_1402_236", x1: 36.803, y1: 124.126, x2: 213.999, y2: 124.126, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3983FD" }),
+                React.createElement("stop", { offset: 0.35, stopColor: "#3983FD" }),
+                React.createElement("stop", { offset: 0.78, stopColor: "#6256FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#6256FF" })),
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint3_linear_1402_236", x1: 59.208, y1: 79.402, x2: 236.403, y2: 79.402, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#F4D" })),
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint4_linear_1402_236", x1: 102.957, y1: 58.431, x2: 179.415, y2: 58.431, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EBED" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "new-auth0-user-a_svg__paint5_linear_1402_236", x1: 164.824, y1: 60.025, x2: 168.279, y2: 79.159, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3EC6EB" }),
+                React.createElement("stop", { offset: 0.999, stopColor: "#1BC99F" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/components/notifications.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIllustrationProps } from '../common';
+export declare const IllustrationNotifications: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/illustrations/components/notifications.js

@@ -0,0 +1,151 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationNotifications = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationNotifications = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M64.346 217.06c-14.665 0-22.294-1-24.276-1.5v-17.5c2.642-12 8.224-37.3 9.413-42.5 1.189-5.2 7.431-9.833 10.404-11.5l10.424-3 15.338 9.5.99 46c3.303 1.333 9.81 4.3 9.414 5.5-.397 1.2-4.79 4.167-6.936 5.5v8c-2.147.5-10.107 1.5-24.771 1.5z", fill: "#fff" }),
+        React.createElement("path", { d: "M88.91 209.1c7.78.91 12.73 2.27 12.73 3.79 0 2.74-16.04 4.96-35.82 4.96S30 215.63 30 212.89c0-1.29 3.55-2.46 9.36-3.34", fill: "#fff" }),
+        React.createElement("path", { d: "M88.91 209.1c7.78.91 12.73 2.27 12.73 3.79 0 2.74-16.04 4.96-35.82 4.96S30 215.63 30 212.89c0-1.29 3.55-2.46 9.36-3.34", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M130.18 156.31h-12.73c-.6 0-1.08-.48-1.08-1.08v-52.37h-7.32v53.6a7.17 7.17 0 007.17 7.17h13.96", fill: "url(#notifications_svg__paint0_linear_17_18)" }),
+        React.createElement("path", { d: "M130.18 156.31h-12.73c-.6 0-1.08-.48-1.08-1.08v-52.37h-7.32v53.6a7.17 7.17 0 007.17 7.17h13.96", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M118.249 118.021v-6.09h-11.08v6.09h11.08zM135.99 154.55h-6.09v11.08h6.09v-11.08z", fill: "#0A0A0A", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M70 77.49h-4.5c-1.74.17-3.13 2.95-3.13 6.36 0 3.4 1.38 6.19 3.13 6.36h4.44", fill: "#0A0A0A" }),
+        React.createElement("path", { d: "M70 77.49h-4.5c-1.74.17-3.13 2.95-3.13 6.36 0 3.4 1.38 6.19 3.13 6.36h4.44", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M80.2 121.27l.17 34.82v45.46c0 1.41 4.98 2.54 10.93 2.53 5.95-.01 10.78-1.17 10.78-2.57v-.01l-.17-80.26", fill: "url(#notifications_svg__paint1_linear_17_18)" }),
+        React.createElement("path", { d: "M80.2 121.27l.17 34.82v45.46c0 1.41 4.98 2.54 10.93 2.53 5.95-.01 10.78-1.17 10.78-2.57v-.01l-.17-80.26", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M80.2 121.29c0 1.41 4.86 2.54 10.86 2.53 5.99-.01 10.85-1.17 10.85-2.57 0-1.41-4.86-2.54-10.86-2.53-6 0-10.86 1.16-10.85 2.57z", fill: "url(#notifications_svg__paint2_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M87.29 120.89c0 .5 1.7.71 3.81.71 2.1 0 3.8-.23 3.8-.73", fill: "#BBC2CD" }),
+        React.createElement("path", { d: "M87.29 120.89c0 .5 1.7.71 3.81.71 2.1 0 3.8-.23 3.8-.73", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M94.9 120.9l-.02-10.11-7.61.01.02 10.12", fill: "#BDC4CF" }),
+        React.createElement("path", { d: "M94.9 120.9l-.02-10.11-7.61.01.02 10.12", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M117.32 172.02s6.46 14.84-5.61 22.98c-12.07 8.15-17.8 4.16-18.93-3.46-.67-4.52 2.42-7.7 2.42-7.7", fill: "#fff" }),
+        React.createElement("path", { d: "M117.32 172.02s6.46 14.84-5.61 22.98c-12.07 8.15-17.8 4.16-18.93-3.46-.67-4.52 2.42-7.7 2.42-7.7", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M116.37 154.96s6.97 15.28-4.54 24.21c-11.5 8.93-20.45 5.95-22.13-1.58-1.09-4.87 2.11-8.24 2.11-8.24", fill: "#fff" }),
+        React.createElement("path", { d: "M116.37 154.96s6.97 15.28-4.54 24.21c-11.5 8.93-20.45 5.95-22.13-1.58-1.09-4.87 2.11-8.24 2.11-8.24", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M102.3 133.2s11.73 1.96 14.3 14.43c1.39 8.08-2.45 18.55-17.72 22.29-13.42 3.29-13.57-14.66-3.4-19.52l6.47-3.23-.03-13.91.38-.06z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M104.81 167.9s-1.5-8.25-5.62-7.64c-4.65.69-3.82 6.09-3.12 10.09M107.8 181.85s-1.49-8.04-5.61-7.43c-4.65.69-3.78 6.23-3.08 10.23", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M110.79 195.61c-.41-.89-2.95-6.03-6.21-4.94-4.03 1.35-2.7 5.05-1.46 8.5", fill: "#fff" }),
+        React.createElement("path", { d: "M110.79 195.61c-.41-.89-2.95-6.03-6.21-4.94-4.03 1.35-2.7 5.05-1.46 8.5", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M80.33 158.91s12.39-4.82 21.01-14.26c5.51-6.46 4-14.65.53-17.17-2.36-1.72-6.68-3.08-12.19.3-5.57 3.42-11 7.89-22.77 12.71-4.23 1.73-7.88 3.69-11.12 5.84", fill: "#fff" }),
+        React.createElement("path", { d: "M80.33 158.91s12.39-4.82 21.01-14.26c5.51-6.46 4-14.65.53-17.17-2.36-1.72-6.68-3.08-12.19.3-5.57 3.42-11 7.89-22.77 12.71-4.23 1.73-7.88 3.69-11.12 5.84", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M94.39 125.86c1.04 1.01 5.21 6.17 1.76 9.4-5.19 4.87-12.61-3.52-12.61-3.52", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M39.36 216.2v-3.45c-.41-19.31 2.53-35.85 5.41-46.66 2.18-8 4.43-12.6 5.41-14 1.64-2.35 3.7-4.48 5.64-5.78", fill: "#fff" }),
+        React.createElement("path", { d: "M39.36 216.2v-3.45c-.41-19.31 2.53-35.85 5.41-46.66 2.18-8 4.43-12.6 5.41-14 1.64-2.35 3.7-4.48 5.64-5.78M94.69 203.97c-1.4 1.3-3.33 2.72-5.77 3.67v8.97", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M76.46 176.31l-5.31 15.45-1.02 1.28.27-.3 6.21-3.35 3.77.36-.14 11.81-31.72 4.18-6.76-10.1 1.87-9.47 19.48-21.22", fill: "#fff" }),
+        React.createElement("path", { d: "M190.43 32.45l-52.17 23.22H84.29c-8.08 0-14.64 12.61-14.64 28.17 0 15.56 6.55 28.17 14.64 28.17h53.89l52.19 23.2", fill: "url(#notifications_svg__paint3_linear_17_18)" }),
+        React.createElement("path", { d: "M190.43 32.45l-52.17 23.22H84.29c-8.08 0-14.64 12.61-14.64 28.17 0 15.56 6.55 28.17 14.64 28.17h53.89l52.19 23.2", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M138.22 112.01c-7.72-.76-13.85-13.08-13.85-28.17 0-15.09 6.14-27.41 13.85-28.17", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M192.36 135.68c8.085 0 14.64-23.21 14.64-51.84C207 55.21 200.445 32 192.36 32s-14.64 23.21-14.64 51.84c0 28.63 6.555 51.84 14.64 51.84z", fill: "url(#notifications_svg__paint4_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M178.56 101.09c.87.12 1.98.17 2.88.17 10.25 0 17.85-7.82 17.85-17.46s-7.6-17.46-17.85-17.46c-.96 0-1.91.07-2.83.2 0 0-.89 9.37-.89 17.31 0 7.94.84 17.24.84 17.24z", fill: "url(#notifications_svg__paint5_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M114.22 100.35H83.54c-2.68 0-4.98-1.93-5.44-4.57-.59-3.38 2.01-6.47 5.44-6.47h30.68c2.68 0 4.98 1.93 5.44 4.57.59 3.37-2.01 6.47-5.44 6.47z", fill: "url(#notifications_svg__paint6_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M112.32 61.44c-.58 2.04-2.75 3.7-4.85 3.7-2.1 0-3.34-1.66-2.76-3.7.58-2.04 2.75-3.7 4.85-3.7 2.1 0 3.34 1.66 2.76 3.7z", fill: "url(#notifications_svg__paint7_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M114.12 99.01c2.347 0 4.25-1.89 4.25-4.22s-1.903-4.22-4.25-4.22-4.25 1.89-4.25 4.22 1.903 4.22 4.25 4.22z", fill: "url(#notifications_svg__paint8_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M80.37 158.91v42.65", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M104.58 62.24v-9.69c0-2.32-1.89-4.2-4.2-4.2H57.73c-2.32 0-4.2 1.89-4.2 4.2v23.24c0 2.32 1.89 4.2 4.2 4.2h5.32s-1.57 3.79.09 7.9h-5.4c-6.67 0-12.1-5.43-12.1-12.1V52.55c0-6.67 5.43-12.1 12.1-12.1h42.63c6.67 0 12.1 5.43 12.1 12.1v7.98", fill: "url(#notifications_svg__paint9_linear_17_18)" }),
+        React.createElement("path", { d: "M104.58 62.24v-9.69c0-2.32-1.89-4.2-4.2-4.2H57.73c-2.32 0-4.2 1.89-4.2 4.2v23.24c0 2.32 1.89 4.2 4.2 4.2h5.32s-1.57 3.79.09 7.9h-5.4c-6.67 0-12.1-5.43-12.1-12.1V52.55c0-6.67 5.43-12.1 12.1-12.1h42.63c6.67 0 12.1 5.43 12.1 12.1v7.98", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M70.08 193c10.37-11.39 10.29-27.44 10.29-27.44v28.52", fill: "#fff" }),
+        React.createElement("path", { d: "M70.08 193c10.37-11.39 10.29-27.44 10.29-27.44v28.52", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M214.08 202.72h-72.87c-2.92 0-5.29-2.37-5.29-5.29v-48.16c0-2.92 2.37-5.29 5.29-5.29h72.87c2.92 0 5.29 2.37 5.29 5.29v48.16a5.292 5.292 0 01-5.29 5.29z", fill: "url(#notifications_svg__paint10_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M190.68 183.06h-42.56a3.05 3.05 0 100 6.1h42.56a3.05 3.05 0 003.05-3.05c0-1.69-1.36-3.05-3.05-3.05z", fill: "url(#notifications_svg__paint11_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M208.06 171.68h-59.93a3.05 3.05 0 100 6.1h59.93a3.05 3.05 0 100-6.1z", fill: "url(#notifications_svg__paint12_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M208.06 160.59h-59.93a3.05 3.05 0 100 6.1h59.93a3.05 3.05 0 003.05-3.05c-.01-1.68-1.37-3.05-3.05-3.05z", fill: "url(#notifications_svg__paint13_linear_17_18)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M151.17 186.11a3.05 3.05 0 10-6.1 0 3.05 3.05 0 106.1 0zM151.17 174.73a3.05 3.05 0 10-6.1 0 3.05 3.05 0 106.1 0zM151.157 164.04a3.05 3.05 0 10-6.055-.745 3.05 3.05 0 006.055.745zM201.22 150.14a1.81 1.81 0 11-3.62 0 1.81 1.81 0 013.62 0zM207.87 150.14a1.81 1.81 0 11-3.62 0 1.81 1.81 0 013.62 0zM214.51 150.14a1.81 1.81 0 11-3.62 0 1.81 1.81 0 013.62 0z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "notifications_svg__paint0_linear_17_18", x1: 119.61, y1: 112.964, x2: 119.61, y2: 172.989, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F4D" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint1_linear_17_18", x1: 80.196, y1: 162.666, x2: 102.074, y2: 162.666, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint2_linear_17_18", x1: 80.195, y1: 121.263, x2: 101.903, y2: 121.263, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint3_linear_17_18", x1: 87.112, y1: 130.214, x2: 196.695, y2: 52.295, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.044, stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint4_linear_17_18", x1: 164.311, y1: 128.301, x2: 228.345, y2: 26.813, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint5_linear_17_18", x1: 177.726, y1: 83.792, x2: 199.303, y2: 83.792, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E9ECEE" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint6_linear_17_18", x1: 68.482, y1: 94.825, x2: 112.514, y2: 94.825, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#BBC2CD" }),
+                React.createElement("stop", { offset: 0.973, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint7_linear_17_18", x1: 58.712, y1: 94.538, x2: 121.901, y2: 52.549, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FC50D5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EAC550" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint8_linear_17_18", x1: 109.875, y1: 94.786, x2: 118.366, y2: 94.786, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#2BC8A0" }),
+                React.createElement("stop", { offset: 1, stopColor: "#47C7E9" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint9_linear_17_18", x1: 45.934, y1: 75.308, x2: 109.123, y2: 33.319, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F4D" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EBCA40" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint10_linear_17_18", x1: 146.814, y1: 192.47, x2: 219.464, y2: 147.427, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint11_linear_17_18", x1: 145.077, y1: 186.105, x2: 193.731, y2: 186.105, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint12_linear_17_18", x1: 145.077, y1: 174.727, x2: 211.105, y2: 174.727, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "notifications_svg__paint13_linear_17_18", x1: 145.077, y1: 163.643, x2: 211.105, y2: 163.643, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/components/roles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIllustrationProps } from '../common';
+export declare const IllustrationRoles: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;

package/illustrations/components/roles.js

@@ -0,0 +1,141 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IllustrationRoles = void 0;
+/*
+    This file is generated with the "illustrations" script.
+    To update this output make changes to `scripts/svgr/illustration-icon-template.js
+    */
+var React = __importStar(require("react"));
+var common_1 = require("../common");
+var styled_1 = require("../../styled");
+exports.IllustrationRoles = (0, styled_1.styled)(function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 250 250", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M160.44 152.7h-69.9c-6.83 0-12.37-5.54-12.37-12.37 0-6.83 5.54-12.37 12.37-12.37h69.9c6.83 0 12.37 5.54 12.37 12.37-.01 6.83-5.54 12.37-12.37 12.37z", fill: "url(#roles_svg__paint0_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M90.93 149.75a9.42 9.42 0 100-18.84 9.42 9.42 0 000 18.84z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M93.21 134.62a6.15 6.15 0 01-2.28 11.86c-3.4 0-6.15-2.75-6.15-6.15 0-2.62 1.64-4.86 3.95-5.74M90.93 132.53v9.34", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M115.01 170.33c-6.83-6.25-10.75-11.66-13.55-15.51-4.69-6.44-8.21-18.37.43-22.49 8.53-4.06 11.47 9.86 24.96 21.06 13.5 11.19 22.23 14.51 28.84 29.96 1.19 2.78 7.59 20.68 7.59 20.68l4.67 13.92h-64.73s-4.99-9.6-2.77-21.62", fill: "url(#roles_svg__paint1_linear)" }),
+        React.createElement("path", { d: "M115.01 170.33c-6.83-6.25-10.75-11.66-13.55-15.51-4.69-6.44-8.21-18.37.43-22.49 8.53-4.06 11.47 9.86 24.96 21.06 13.5 11.19 22.23 14.51 28.84 29.96 1.19 2.78 7.59 20.68 7.59 20.68l4.67 13.92h-64.73s-4.99-9.6-2.77-21.62", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M100.27 190.98l-4.39-5.33c-2.82-3.76-.88-7.96-.88-7.96 3.55-7.63 13.27-8.14 20.63-7.28l.54.07s4.61.56 9.22 1.99c0 0 9.82 2.62 15.42 8.09", fill: "url(#roles_svg__paint2_linear)" }),
+        React.createElement("path", { d: "M100.27 190.98l-4.39-5.33c-2.82-3.76-.88-7.96-.88-7.96 3.55-7.63 13.27-8.14 20.63-7.28l.54.07s4.61.56 9.22 1.99c0 0 9.82 2.62 15.42 8.09", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M109.31 133.69s-.43 1.28-1.55 2.79c-.67.91-1.59 1.91-2.8 2.77-.66.47-1.12.98-1.41 1.51-.88 1.58-.25 3.32.96 4.52.83.83 2.62 1.53 4.76 1.09 2.35-.59 4.22-1.35 6.31-5.23", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M101.5 213.47c-1.98.6-4.33.51-5.76.06-2.98-.92-6.96-3.91-8.3-11.15-.87-4.89.24-9.49.24-9.49l.22-.78c.82-2.78 2.65-5.75 4.94-7.32 4.44-3.04 10.07-2.55 14.37-1.46 0 0 10.24 2.23 19.82 10.02", fill: "url(#roles_svg__paint3_linear)" }),
+        React.createElement("path", { d: "M101.5 213.47c-1.98.6-4.33.51-5.76.06-2.98-.92-6.96-3.91-8.3-11.15-.87-4.89.24-9.49.24-9.49l.22-.78c.82-2.78 2.65-5.75 4.94-7.32 4.44-3.04 10.07-2.55 14.37-1.46 0 0 10.24 2.23 19.82 10.02", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M185.13 217.96H75.58", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M100.45 196.34s-1.76 8.05 1.05 17.12l-1.05-17.12z", fill: "#fff" }),
+        React.createElement("path", { d: "M100.45 196.34s-1.76 8.05 1.05 17.12", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M77.5 109.87H24.99c-1.65 0-2.99-1.34-2.99-2.99V45.05c0-1.65 1.34-2.99 2.99-2.99H77.5c1.65 0 2.99 1.34 2.99 2.99v61.84c0 1.65-1.34 2.98-2.99 2.98z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M25.27 109.87v-8.5c0-6.73 7.88-12.11 18.67-13.91V76.5c0-3.76 2.82-7.14 6.58-7.33a6.947 6.947 0 017.32 6.94v1.06l2.36 4.8h-2.35v5.39c11.12 1.67 19.36 7.45 19.36 14.31v8.2H25.27zM28.12 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.81 0 1.47.66 1.47 1.47zM32.8 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.81 0 1.47.66 1.47 1.47zM37.48 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.81 0 1.47.66 1.47 1.47z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M75.48 65.9H63.56c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.58 1.3-1.3 1.3z", fill: "url(#roles_svg__paint4_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M64.29 53.47l10.47 10.47M74.76 53.47L64.29 63.94", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M57.21 65.9H45.29c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.59 1.3-1.3 1.3z", fill: "url(#roles_svg__paint5_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M56.22 53.62l-6.65 9.24-3.36-3.36", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M38.87 65.9H26.95c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.58 1.3-1.3 1.3z", fill: "url(#roles_svg__paint6_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M37.89 53.62l-6.66 9.24-3.36-3.36", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M158.72 119.01H92.19c-2.09 0-3.79-1.69-3.79-3.79V36.79c0-2.09 1.69-3.79 3.79-3.79h66.53c2.09 0 3.79 1.69 3.79 3.79v78.44c0 2.09-1.7 3.78-3.79 3.78z", fill: "url(#roles_svg__paint7_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round", strokeLinejoin: "round" }),
+        React.createElement("path", { d: "M92.55 119.01v-10.86c0-8.53 9.99-15.35 23.66-17.62V76.64c0-4.77 3.57-9.04 8.33-9.29 5.08-.27 9.28 3.77 9.28 8.79v1.34l2.99 6.08h-2.98v6.84c14.09 2.12 24.53 9.43 24.53 18.13v10.48H92.55zM96.32 38.72c0 1.03-.83 1.86-1.86 1.86-1.03 0-1.86-.83-1.86-1.86 0-1.03.83-1.86 1.86-1.86 1.03.01 1.86.84 1.86 1.86zM102.25 38.72c0 1.03-.83 1.86-1.86 1.86-1.03 0-1.86-.83-1.86-1.86 0-1.03.83-1.86 1.86-1.86 1.02.01 1.86.84 1.86 1.86zM108.17 38.72c0 1.03-.83 1.86-1.86 1.86-1.03 0-1.86-.83-1.86-1.86 0-1.03.83-1.86 1.86-1.86 1.03.01 1.86.84 1.86 1.86z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M133.18 63.2h-15.1c-.91 0-1.65-.74-1.65-1.65v-15.1c0-.91.74-1.65 1.65-1.65h15.1c.91 0 1.65.74 1.65 1.65v15.1c0 .91-.74 1.65-1.65 1.65z", fill: "url(#roles_svg__paint8_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M131.93 47.65l-8.43 11.7-4.25-4.26", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M109.79 63.2h-15.1c-.91 0-1.65-.74-1.65-1.65v-15.1c0-.91.74-1.65 1.65-1.65h15.1c.91 0 1.65.74 1.65 1.65v15.1c0 .91-.74 1.65-1.65 1.65z", fill: "url(#roles_svg__paint9_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M108.54 47.65l-8.42 11.7-4.26-4.26", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M225.92 109.87H173.4c-1.65 0-2.99-1.34-2.99-2.99V45.05c0-1.65 1.34-2.99 2.99-2.99h52.52c1.65 0 2.99 1.34 2.99 2.99v61.84c0 1.65-1.34 2.98-2.99 2.98z", fill: "#BDC4CF", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M173.69 109.88v-8.51c0-6.73 7.88-12.11 18.67-13.91V76.5c0-3.76 2.82-7.14 6.58-7.33a6.947 6.947 0 017.32 6.94v1.06l2.36 4.8h-2.35v5.39c11.12 1.67 19.36 7.45 19.36 14.31v8.21h-51.94zM176.66 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.82 0 1.47.66 1.47 1.47zM181.34 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.82 0 1.47.66 1.47 1.47zM186.03 46.58c0 .81-.66 1.47-1.47 1.47-.81 0-1.47-.66-1.47-1.47 0-.81.66-1.47 1.47-1.47.81 0 1.47.66 1.47 1.47z", fill: "#fff", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M206.05 65.9h-11.92c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.58 1.3-1.3 1.3z", fill: "url(#roles_svg__paint10_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10 }),
+        React.createElement("path", { d: "M194.86 53.47l10.47 10.47M205.33 53.47l-10.47 10.47", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M187.67 65.9h-11.92c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.58 1.3-1.3 1.3z", fill: "url(#roles_svg__paint11_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M186.69 53.62l-6.65 9.24-3.36-3.36", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M224.43 65.9h-11.92c-.72 0-1.3-.58-1.3-1.3V52.68c0-.72.58-1.3 1.3-1.3h11.92c.72 0 1.3.58 1.3 1.3V64.6c0 .72-.58 1.3-1.3 1.3z", fill: "url(#roles_svg__paint12_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M223.71 53.47l-10.47 10.47M213.33 53.47l10.47 10.47", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M156.57 63.2h-15.1c-.91 0-1.65-.74-1.65-1.65v-15.1c0-.91.74-1.65 1.65-1.65h15.1c.91 0 1.65.74 1.65 1.65v15.1c-.01.91-.74 1.65-1.65 1.65z", fill: "url(#roles_svg__paint13_linear)", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("path", { d: "M155.32 47.65l-8.43 11.7-4.26-4.26", stroke: "#000", strokeWidth: 0.4, strokeMiterlimit: 10, strokeLinecap: "round" }),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "roles_svg__paint0_linear", x1: 78.166, y1: 140.332, x2: 172.803, y2: 140.332, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint1_linear", x1: 102.302, y1: 131.12, x2: 141.393, y2: 231.369, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EAEC" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint2_linear", x1: 98.503, y1: 132.602, x2: 137.593, y2: 232.851, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EAEC" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint3_linear", x1: 83.811, y1: 138.326, x2: 122.905, y2: 238.584, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#E8EAEC" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint4_linear", x1: 63.03, y1: 67.205, x2: 76.107, y2: 49.951, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FC50D5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EAC550" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint5_linear", x1: 40.866, y1: 68.603, x2: 58.956, y2: 51.237, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint6_linear", x1: 22.533, y1: 68.603, x2: 40.623, y2: 51.237, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint7_linear", x1: 88.406, y1: 76.005, x2: 162.506, y2: 76.005, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#3885FF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#635DFF" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint8_linear", x1: 112.481, y1: 66.627, x2: 135.397, y2: 44.627, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint9_linear", x1: 89.093, y1: 66.627, x2: 112.009, y2: 44.627, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint10_linear", x1: 192.784, y1: 66.347, x2: 207.707, y2: 50.609, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FC50D5" }),
+                React.createElement("stop", { offset: 1, stopColor: "#EAC550" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint11_linear", x1: 171.335, y1: 68.603, x2: 189.425, y2: 51.237, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint12_linear", x1: 209.945, y1: 66.74, x2: 226.225, y2: 51.274, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { offset: 0.044, stopColor: "#FF4F40" }),
+                React.createElement("stop", { offset: 1, stopColor: "#FC44DD" })),
+            React.createElement("linearGradient", { id: "roles_svg__paint13_linear", x1: 135.869, y1: 66.627, x2: 158.785, y2: 44.627, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#1BC99F" }),
+                React.createElement("stop", { offset: 1, stopColor: "#3EC6EB" })))));
+}, {
+    name: common_1.illustrationComponentName,
+})({});

package/illustrations/components/single-sign-on.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IIllustrationProps } from '../common';
+export declare const IllustrationSingleSignOn: import("styled-components").StyledComponent<({ ...props }: IIllustrationProps) => JSX.Element, import("@mui/material").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, never>;