@redocly/theme 0.10.0 → 0.11.0

package/lib/PageNavigation/NextButton.js

@@ -1,49 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextButton = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const hooks_1 = require("../mocks/hooks");
-const Button_1 = require("../Button/Button");
-const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function NextButton() {
-    var _a, _b;
-    const { nextPage } = (0, hooks_1.useSidebarSiblingsData)() || {};
-    const { navigation } = (0, useThemeConfig_1.useThemeConfig)();
-    if (!nextPage || ((_a = navigation === null || navigation === void 0 ? void 0 : navigation.nextButton) === null || _a === void 0 ? void 0 : _a.hide)) {
-        return React.createElement("div", null, "\u00A0");
-    }
-    const text = (((_b = navigation === null || navigation === void 0 ? void 0 : navigation.nextButton) === null || _b === void 0 ? void 0 : _b.text) || 'Next to {label}').replace('{label}', nextPage.label || nextPage.routeSlug || '');
-    return (React.createElement(StyledButton, { variant: "outlined", size: "large", to: nextPage.link, "data-component-name": "PageNavigation/NextPageLink" }, text));
-}
-exports.NextButton = NextButton;
-const StyledButton = (0, styled_components_1.default)(Button_1.Button) `
-  font-family: var(--font-family-base);
-`;
-//# sourceMappingURL=NextButton.js.map

package/lib/PageNavigation/PageNavigation.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function PageNavigation(): JSX.Element | null;

package/lib/PageNavigation/PageNavigation.js

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageNavigation = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const PreviousButton_1 = require("../PageNavigation/PreviousButton");
-const NextButton_1 = require("../PageNavigation/NextButton");
-const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function PageNavigation() {
-    var _a, _b;
-    const { navigation } = (0, useThemeConfig_1.useThemeConfig)();
-    if (((_a = navigation === null || navigation === void 0 ? void 0 : navigation.previousButton) === null || _a === void 0 ? void 0 : _a.hide) && ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.nextButton) === null || _b === void 0 ? void 0 : _b.hide)) {
-        return null;
-    }
-    return (react_1.default.createElement(PageNavigationWrapper, { "data-component-name": "PageNavigation/PageNavigation" },
-        react_1.default.createElement(PreviousButton_1.PreviousButton, null),
-        react_1.default.createElement(NextButton_1.NextButton, null)));
-}
-exports.PageNavigation = PageNavigation;
-const PageNavigationWrapper = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-  margin: 25px 0;
-
-  @media print {
-    display: none;
-  }
-`;
-//# sourceMappingURL=PageNavigation.js.map

package/lib/PageNavigation/PreviousButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function PreviousButton(): JSX.Element;

package/lib/PageNavigation/PreviousButton.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PreviousButton = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const hooks_1 = require("../mocks/hooks");
-const useThemeConfig_1 = require("../hooks/useThemeConfig");
-const Button_1 = require("../Button/Button");
-function PreviousButton() {
-    var _a, _b;
-    const { prevPage } = (0, hooks_1.useSidebarSiblingsData)() || {};
-    const { navigation } = (0, useThemeConfig_1.useThemeConfig)();
-    if (!prevPage || ((_a = navigation === null || navigation === void 0 ? void 0 : navigation.previousButton) === null || _a === void 0 ? void 0 : _a.hide)) {
-        return react_1.default.createElement("div", null, "\u00A0");
-    }
-    const text = (((_b = navigation === null || navigation === void 0 ? void 0 : navigation.previousButton) === null || _b === void 0 ? void 0 : _b.text) || 'Back to {label}').replace('{label}', prevPage.label || prevPage.routeSlug || '');
-    return (react_1.default.createElement(StyledButton, { variant: "outlined", size: "large", to: prevPage.link, "data-component-name": "PageNavigation/PreviousPageLink" }, text));
-}
-exports.PreviousButton = PreviousButton;
-const StyledButton = (0, styled_components_1.default)(Button_1.Button) `
-  font-family: var(--font-family-base);
-`;
-//# sourceMappingURL=PreviousButton.js.map

package/lib/PageNavigation/index.d.ts

@@ -1,3 +0,0 @@
-export * from '../PageNavigation/NextButton';
-export * from '../PageNavigation/PageNavigation';
-export * from '../PageNavigation/PreviousButton';

package/lib/PageNavigation/index.js

@@ -1,20 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../PageNavigation/NextButton"), exports);
-__exportStar(require("../PageNavigation/PageNavigation"), exports);
-__exportStar(require("../PageNavigation/PreviousButton"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Pages/Forbidden.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Forbidden = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../Button");
-function Forbidden() {
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/Forbidden" },
-        react_1.default.createElement(Header, null, "403"),
-        react_1.default.createElement(Description, null, "Access forbidden"),
-        react_1.default.createElement(HomeButton, { color: "primary", size: "large", to: "/" }, "Open Homepage")));
-}
-exports.Forbidden = Forbidden;
-const Wrapper = styled_components_1.default.div `
-  margin: 25px auto;
-  font-family: var(--page-403-font-family);
-  text-align: center;
-`;
-const Header = styled_components_1.default.div `
-  color: var(--page-403-header-text-color);
-  margin: var(--page-403-header-margin);
-  font-size: var(--page-403-header-font-size);
-  line-height: var(--page-403-header-line-height);
-  font-weight: var(--page-403-header-font-weight);
-`;
-const Description = styled_components_1.default.div `
-  color: var(--page-403-description-text-color);
-  margin: var(--page-403-description-margin);
-  font-size: var(--page-403-description-font-size);
-  line-height: var(--page-403-description-line-height);
-  font-weight: var(--page-403-description-font-weight);
-`;
-const HomeButton = (0, styled_components_1.default)(Button_1.Button) `
-  margin-top: var(--page-403-button-margin);
-`;
-//# sourceMappingURL=Forbidden.js.map

package/lib/Pages/NotFound.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotFound = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../Button");
-function NotFound() {
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/NotFound" },
-        react_1.default.createElement(Header, null, "404"),
-        react_1.default.createElement(Description, null, "It looks like you're lost"),
-        react_1.default.createElement(HomeButton, { color: "primary", size: "large", to: "/" }, "Open Homepage")));
-}
-exports.NotFound = NotFound;
-const Wrapper = styled_components_1.default.div `
-  margin: 25px auto;
-  font-family: var(--page-404-font-family);
-  text-align: center;
-`;
-const Header = styled_components_1.default.div `
-  color: var(--page-404-header-text-color);
-  margin: var(--page-404-header-margin);
-  font-size: var(--page-404-header-font-size);
-  line-height: var(--page-404-header-line-height);
-  font-weight: var(--page-404-header-font-weight);
-`;
-const Description = styled_components_1.default.div `
-  color: var(--page-404-description-text-color);
-  margin: var(--page-404-description-margin);
-  font-size: var(--page-404-description-font-size);
-  line-height: var(--page-404-description-line-height);
-  font-weight: var(--page-404-description-font-weight);
-`;
-const HomeButton = (0, styled_components_1.default)(Button_1.Button) `
-  margin-top: var(--page-404-button-margin);
-`;
-//# sourceMappingURL=NotFound.js.map

package/lib/Pages/index.d.ts

@@ -1 +0,0 @@
-export * from '../Pages/NotFound';

package/lib/Pages/index.js

@@ -1,18 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../Pages/NotFound"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Panel/Panel.d.ts

@@ -1,5 +0,0 @@
-import { PanelComponent } from '../Panel/PanelComponent';
-export declare const Panel: import("styled-components").StyledComponent<typeof PanelComponent, any, {
-    'data-component-name': string;
-    className: string;
-}, "className" | "data-component-name">;

package/lib/Panel/Panel.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panel = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const PanelHeader_1 = require("../Panel/PanelHeader");
-const PanelBody_1 = require("../Panel/PanelBody");
-const PanelComponent_1 = require("../Panel/PanelComponent");
-const ShelfIcon_1 = require("../icons/ShelfIcon");
-exports.Panel = (0, styled_components_1.default)(PanelComponent_1.PanelComponent).attrs(({ className }) => ({
-    'data-component-name': 'Panel/Panel',
-    className: className || 'panel-default',
-})) `
-  background-color: var(--panel-background-color);
-  color: var(--panel-text-color);
-  font-family: var(--panel-font-family-local);
-  font-size: var(--panel-font-size-local);
-  font-weight: var(--panel-font-weight-local);
-  border-radius: var(--panel-border-radius-local);
-  border: var(--panel-border-local);
-
-  ${PanelHeader_1.PanelHeader} + ${PanelBody_1.PanelBody} {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  ${PanelHeader_1.PanelHeader} {
-    ${ShelfIcon_1.ShelfIcon} {
-      fill: var(--panel-chevron-icon-color);
-    }
-  }
-
-  &:not(:last-child) {
-    margin-bottom: var(--panel-gap-vertical);
-  }
-`;
-//# sourceMappingURL=Panel.js.map

package/lib/Panel/PanelComponent.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren, ReactNode } from 'react';
-import type { PanelHeaderProps } from '../Panel/PanelHeader';
-export interface PanelComponentProps {
-    expanded?: boolean;
-    className?: string;
-    renderChildrenHidden?: boolean;
-    header?: ReactNode | ((props: PanelHeaderProps) => ReactNode);
-    onToggle?: (expanded: boolean) => void;
-    description?: React.ReactNode;
-}
-export declare function PanelComponent({ expanded, renderChildrenHidden, header, className, children, onToggle, description, }: PropsWithChildren<PanelComponentProps>): JSX.Element;
-export declare const InlineBox: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/Panel/PanelComponent.js

@@ -1,65 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineBox = exports.PanelComponent = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const icons_1 = require("../icons");
-const PanelBody_1 = require("../Panel/PanelBody");
-const PanelHeader_1 = require("../Panel/PanelHeader");
-const PanelHeaderTitle_1 = require("../Panel/PanelHeaderTitle");
-function PanelComponent({ expanded = true, renderChildrenHidden = false, header, className, children, onToggle, description, }) {
-    const [isExpanded, setExpanded] = (0, react_1.useState)(expanded);
-    const [animate, setAnimate] = (0, react_1.useState)(false);
-    const toggle = ({ target }) => {
-        if (target instanceof HTMLAnchorElement)
-            return;
-        setAnimate(true);
-        setExpanded(!isExpanded);
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isExpanded);
-    };
-    (0, react_1.useEffect)(() => setExpanded(expanded), [expanded]);
-    return (react_1.default.createElement("div", { className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null, "data-component-name": "Panel/PanelComponent" },
-        header &&
-            (typeof header === 'function' ? (header({ expanded: isExpanded, toggle })) : (react_1.default.createElement(PanelHeader_1.PanelHeader, { "data-cy": "panel-header", onClick: toggle, expanded: isExpanded },
-                react_1.default.createElement(exports.InlineBox, null,
-                    react_1.default.createElement(PanelHeaderTitle_1.PanelHeaderTitle, { "data-cy": "title" }, header),
-                    react_1.default.createElement(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }),
-                    description)))),
-        (isExpanded || renderChildrenHidden) && (react_1.default.createElement(PanelBody_1.PanelBody, { "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, children))));
-}
-exports.PanelComponent = PanelComponent;
-exports.InlineBox = styled_components_1.default.div `
-  display: inline-flex;
-  align-items: center;
-
-  > span:last-child {
-    margin-left: 8px;
-  }
-`;
-//# sourceMappingURL=PanelComponent.js.map

package/lib/Panel/index.d.ts

@@ -1,5 +0,0 @@
-export * from '../Panel/Panel';
-export * from '../Panel/PanelBody';
-export * from '../Panel/PanelComponent';
-export * from '../Panel/PanelHeader';
-export * from '../Panel/PanelHeaderTitle';

package/lib/Panel/index.js

@@ -1,22 +0,0 @@
-"use strict";
-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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../Panel/Panel"), exports);
-__exportStar(require("../Panel/PanelBody"), exports);
-__exportStar(require("../Panel/PanelComponent"), exports);
-__exportStar(require("../Panel/PanelHeader"), exports);
-__exportStar(require("../Panel/PanelHeaderTitle"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Profile/LoginLink.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginLink = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function LoginLink({ href }) {
-    const { userProfile } = (0, useThemeConfig_1.useThemeConfig)();
-    return react_1.default.createElement(StyledLink, { href: href }, (userProfile === null || userProfile === void 0 ? void 0 : userProfile.loginLabel) || 'Login');
-}
-exports.LoginLink = LoginLink;
-const StyledLink = styled_components_1.default.a.attrs(() => ({
-    'data-component-name': 'Profile/LoginLink',
-})) `
-  display: inline-block;
-  color: var(--navbar-text-color);
-  text-decoration: none;
-  padding: 0 var(--navbar-item-padding-horizontal);
-  text-align: center;
-  line-height: 1;
-  font-size: var(--navbar-item-font-size);
-  font-weight: var(--navbar-item-font-weight);
-  &:hover {
-    color: var(--navbar-item-hover-text-color);
-  }
-`;
-//# sourceMappingURL=LoginLink.js.map

package/lib/Profile/Profile.js

@@ -1,104 +0,0 @@
-"use strict";
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Profile = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const utils_1 = require("../utils");
-function ProfileComponent({ name = 'User', imageUrl, onClick, color }) {
-    var _a;
-    if (imageUrl) {
-        return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-            react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-            imageUrl && (react_1.default.createElement(AvatarWrapper, null,
-                react_1.default.createElement("img", { "data-cy": "user-avatar", src: imageUrl, alt: "profile" })))));
-    }
-    const avatarLetters = `${name.charAt(0).toUpperCase()}${((_a = name.split(' ')[1]) === null || _a === void 0 ? void 0 : _a.charAt(0).toUpperCase()) || ''}`;
-    return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-        react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-        react_1.default.createElement(AvatarWrapper, { background: (0, utils_1.stringToHslColor)(name) },
-            react_1.default.createElement("span", null, avatarLetters))));
-}
-exports.Profile = (0, react_1.memo)(ProfileComponent);
-const ProfileWrapper = styled_components_1.default.div.attrs(() => ({
-    'data-component-name': 'Profile/Profile',
-})) `
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: auto;
-  padding: 0 var(--navbar-item-padding-horizontal);
-`;
-const StyledUserName = styled_components_1.default.span `
-  font-family: var(--profile-name-font-family);
-  font-size: var(--profile-name-font-size);
-  font-weight: var(--profile-name-font-weight);
-  color: var(--profile-name-text-color);
-  padding: var(--profile-name-padding-vertical) var(--profile-name-padding-horizontal);
-  margin: 0 var(--profile-name-margin-horizontal);
-
-  display: none;
-
-  ${({ theme }) => { var _a; return (_a = theme.mediaQueries) === null || _a === void 0 ? void 0 : _a.medium; }} {
-    display: block;
-  }
-`;
-const AvatarWrapper = styled_components_1.default.div `
-  width: var(--profile-avatar-width);
-  height: var(--profile-avatar-height);
-  display: flex;
-  overflow: hidden;
-  position: relative;
-  align-items: center;
-  flex-shrink: 0;
-  justify-content: center;
-  user-select: none;
-
-  font-family: var(--profile-avatar-font-family);
-  font-size: var(--profile-avatar-font-size);
-  line-height: var(--profile-avatar-line-height);
-  font-weight: var(--profile-avatar-font-weight);
-
-  border-radius: var(--profile-avatar-border-radius);
-  margin-left: var(--profile-avatar-margin-left);
-
-  ${({ background }) => (0, styled_components_1.css) `
-    background-color: ${background};
-    span {
-      color: ${background};
-      filter: invert(100%);
-    }
-  `}
-
-  & > img {
-    color: transparent;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    text-align: center;
-    text-indent: 10000px;
-  }
-`;
-//# sourceMappingURL=Profile.js.map

package/lib/Profile/UserProfile.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface UserProfileProps {
-    userInfo: {
-        isAuthenticated: boolean;
-        name: string;
-        picture: string;
-        logoutDisabled?: boolean;
-    };
-    handleLogout: () => void;
-    hasDeveloperOnboarding?: boolean;
-}
-export declare function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding, }: UserProfileProps): JSX.Element;

package/lib/Profile/UserProfile.js

@@ -1,46 +0,0 @@
-"use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfile = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Profile_1 = require("../Profile/Profile");
-const Tooltip_1 = require("../Tooltip/Tooltip");
-const UserProfileMenu_1 = require("./UserProfileMenu");
-function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding = false, }) {
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(StyledTooltip, { isOpen: isOpened, withArrow: false, className: "copy-button", placement: "bottom", width: "100%", tip: react_1.default.createElement(UserProfileMenu_1.UserProfileMenu, { hasDeveloperOnboarding: hasDeveloperOnboarding, handleLogout: handleLogout, setIsOpened: setIsOpened }) },
-        react_1.default.createElement(Profile_1.Profile, { name: userInfo.name, imageUrl: userInfo.picture, onClick: userInfo.logoutDisabled ? undefined : () => setIsOpened(!isOpened) })));
-}
-exports.UserProfile = UserProfile;
-const StyledTooltip = (0, styled_components_1.default)(Tooltip_1.Tooltip) `
-  > span {
-    padding: 0;
-  }
-`;
-//# sourceMappingURL=UserProfile.js.map