@redocly/theme 0.4.8 → 0.4.9

package/Navbar/MobileNavbarItem.js

@@ -3,16 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -35,8 +47,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavLink = exports.NavMenuItemWithDropdownWrapper = exports.NavMenuItem = exports.MobileNavbarItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var react_router_dom_1 = require("react-router-dom");
 var Link_1 = require("../mocks/Link");
@@ -50,11 +61,17 @@ function MobileNavbarItem(_a) {
     if (navItem.link) {
         var item = navItem;
         var isActive = pathname === (0, utils_1.withPathPrefix)(item.link);
-        return ((0, jsx_runtime_1.jsx)(exports.NavMenuItem, __assign({ active: isActive, "data-component-name": "Navbar/MobileNavbarItem", className: className }, { children: (0, jsx_runtime_1.jsx)(exports.NavLink, __assign({ to: item.link, active: isActive }, { children: (0, jsx_runtime_1.jsx)(NavLabel, { children: item.label }) })) })));
+        return (react_1.default.createElement(exports.NavMenuItem, { active: isActive, "data-component-name": "Navbar/MobileNavbarItem", className: className },
+            react_1.default.createElement(exports.NavLink, { to: item.link, active: isActive },
+                react_1.default.createElement(NavLabel, null, item.label))));
     }
     if (navItem.items) {
         var item = navItem;
-        return ((0, jsx_runtime_1.jsxs)(exports.NavMenuItemWithDropdownWrapper, __assign({ expanded: expandedDropdown }, { children: [(0, jsx_runtime_1.jsxs)(exports.NavMenuItem, __assign({ active: false, onClick: toggleDropdown, "data-component-name": "Navbar/MobileNavbarItem", className: className }, { children: [(0, jsx_runtime_1.jsx)(NavLabel, { children: item.label }), (0, jsx_runtime_1.jsx)(ExpandedArrow, {})] })), (0, jsx_runtime_1.jsx)(MobileNavbarDropdown_1.MobileNavbarDropdown, { items: item.items })] })));
+        return (react_1.default.createElement(exports.NavMenuItemWithDropdownWrapper, { expanded: expandedDropdown },
+            react_1.default.createElement(exports.NavMenuItem, { active: false, onClick: toggleDropdown, "data-component-name": "Navbar/MobileNavbarItem", className: className },
+                react_1.default.createElement(NavLabel, null, item.label),
+                react_1.default.createElement(ExpandedArrow, null)),
+            react_1.default.createElement(MobileNavbarDropdown_1.MobileNavbarDropdown, { items: item.items })));
     }
     return null;
 }

package/Navbar/MobileNavbarMenu.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.MobileNavbarMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var NavbarItem_1 = require("../Navbar/NavbarItem");
 var MobileNavbarItem_1 = require("../Navbar/MobileNavbarItem");
@@ -30,9 +19,11 @@ function MobileNavbarMenu(_a) {
     if ((0, utils_1.isPrimitive)(menuItems) || (0, utils_1.isEmptyArray)(menuItems)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(NavbarItemsWrapper, __assign({ "data-component-name": "Navbar/MobileNavbarMenu" }, { children: [(0, jsx_runtime_1.jsx)(NavbarItemsContainer, { children: menuItems.map(function (navItem, index) {
-                    return ((0, jsx_runtime_1.jsx)(MobileNavbarItem_1.MobileNavbarItem, { "data-cy": navItem.label, navItem: navItem }, "".concat(navItem.label, "_").concat(index)));
-                }) }), (0, jsx_runtime_1.jsx)(NavbarItemsClosableArea, { onClick: closeMenu })] })));
+    return (react_1.default.createElement(NavbarItemsWrapper, { "data-component-name": "Navbar/MobileNavbarMenu" },
+        react_1.default.createElement(NavbarItemsContainer, null, menuItems.map(function (navItem, index) {
+            return (react_1.default.createElement(MobileNavbarItem_1.MobileNavbarItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
+        })),
+        react_1.default.createElement(NavbarItemsClosableArea, { onClick: closeMenu })));
 }
 exports.MobileNavbarMenu = MobileNavbarMenu;
 var NavbarItemsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  z-index: 201; //more than Search\n  left: 0;\n  top: 0;\n  overflow-x: hidden;\n  transition: 0.5s;\n  display: flex;\n  ", " {\n    & > div {\n      text-align: center;\n      padding: 10px 0;\n      cursor: pointer;\n      a {\n        color: var(--navbar-text-color);\n        text-decoration: none;\n      }\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"], ["\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  z-index: 201; //more than Search\n  left: 0;\n  top: 0;\n  overflow-x: hidden;\n  transition: 0.5s;\n  display: flex;\n  ", " {\n    & > div {\n      text-align: center;\n      padding: 10px 0;\n      cursor: pointer;\n      a {\n        color: var(--navbar-text-color);\n        text-decoration: none;\n      }\n      :hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"])), NavbarDropdown_1.DropdownWrapper);

package/Navbar/Navbar.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
+import React from 'react';
 import type { ResolvedConfigLinks } from '@theme/types/portal';
 interface NavbarProps {
     menu: ResolvedConfigLinks;
-    logo: ReactNode;
-    search: ReactNode;
-    profile?: ReactNode;
+    logo: React.ReactNode;
+    search: React.ReactNode;
+    profile?: React.ReactNode;
 }
 export declare function Navbar({ menu, logo, search, profile }: NavbarProps): JSX.Element | null;
 export declare const NavbarContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;

package/Navbar/Navbar.js

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -35,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavbarRow = exports.NavbarContainer = exports.Navbar = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -54,7 +43,15 @@ function Navbar(_a) {
     }
     var openMobileMenu = function () { return setIsOpen(true); };
     var closeMobileMenu = function () { return setIsOpen(false); };
-    return ((0, jsx_runtime_1.jsxs)(exports.NavbarContainer, __assign({ "data-component-name": "Navbar/Navbar" }, { children: [(0, jsx_runtime_1.jsx)(MobileNavbarMenuButton_1.MobileNavbarMenuButton, { onClick: openMobileMenu }), isOpen && (0, jsx_runtime_1.jsx)(MobileNavbarMenu_1.MobileNavbarMenu, { closeMenu: closeMobileMenu, menuItems: menu }), (0, jsx_runtime_1.jsxs)(exports.NavbarRow, { children: [logo, (0, jsx_runtime_1.jsx)(Navbar_1.NavbarMenu, { menuItems: menu }), hideSearch ? null : search, profile, (0, jsx_runtime_1.jsx)(ColorModeSwitcher_1.ColorModeSwitcher, {})] })] })));
+    return (react_1.default.createElement(exports.NavbarContainer, { "data-component-name": "Navbar/Navbar" },
+        react_1.default.createElement(MobileNavbarMenuButton_1.MobileNavbarMenuButton, { onClick: openMobileMenu }),
+        isOpen && react_1.default.createElement(MobileNavbarMenu_1.MobileNavbarMenu, { closeMenu: closeMobileMenu, menuItems: menu }),
+        react_1.default.createElement(exports.NavbarRow, null,
+            logo,
+            react_1.default.createElement(Navbar_1.NavbarMenu, { menuItems: menu }),
+            hideSearch ? null : search,
+            profile,
+            react_1.default.createElement(ColorModeSwitcher_1.ColorModeSwitcher, null))));
 }
 exports.Navbar = Navbar;
 exports.NavbarContainer = styled_components_1.default.nav(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: var(--navbar-item-paddin-vertical) var(--navbar-item-padding-horizontal);\n  background: var(--navbar-background-color);\n  font-family: var(--navbar-item-font-family);\n\n  ", " {\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"], ["\n  height: var(--navbar-height);\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n\n  font-size: 0.875rem;\n  position: sticky;\n  top: 0;\n  z-index: 200;\n  padding: var(--navbar-item-paddin-vertical) var(--navbar-item-padding-horizontal);\n  background: var(--navbar-background-color);\n  font-family: var(--navbar-item-font-family);\n\n  ", " {\n    font-size: 1rem;\n  }\n\n  ", " {\n    background: transparent;\n    display: none;\n    > :not(a, img) {\n      display: none !important;\n    }\n    img {\n      padding: 0;\n      margin: 0;\n    }\n  }\n"])), function (_a) {

package/Navbar/NavbarDropdown.js

@@ -3,28 +3,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.DropdownWrapper = exports.NavbarDropdown = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function NavbarDropdown(_a) {
     var items = _a.items;
-    return ((0, jsx_runtime_1.jsx)(exports.DropdownWrapper, __assign({ "data-component-name": "Navbar/NavbarDropdown" }, { children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: item.link }, { children: item.label })) }, "".concat(item.label, "_").concat(index))); }) })));
+    return (react_1.default.createElement(exports.DropdownWrapper, { "data-component-name": "Navbar/NavbarDropdown" }, items.map(function (item, index) { return (react_1.default.createElement("div", { key: "".concat(item.label, "_").concat(index) },
+        react_1.default.createElement(Link_1.Link, { to: item.link }, item.label))); })));
 }
 exports.NavbarDropdown = NavbarDropdown;
 exports.DropdownWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: none;\n  position: absolute;\n  background: var(--navbar-dropdown-background);\n  border: var(--navbar-item-border);\n  border-radius: var(--navbar-item-border-radius);\n  padding: 10px 15px;\n  width: max-content;\n  line-height: 1rem;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    text-align: left;\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n    :hover {\n      text-decoration: underline;\n    }\n  }\n"], ["\n  display: none;\n  position: absolute;\n  background: var(--navbar-dropdown-background);\n  border: var(--navbar-item-border);\n  border-radius: var(--navbar-item-border-radius);\n  padding: 10px 15px;\n  width: max-content;\n  line-height: 1rem;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    text-align: left;\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n    :hover {\n      text-decoration: underline;\n    }\n  }\n"])));

package/Navbar/NavbarItem.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.NavbarMenuItem = exports.NavbarLink = exports.NavbarMenuItemWithDropdownWrapper = exports.NavbarItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var react_router_dom_1 = require("react-router-dom");
 var Link_1 = require("../mocks/Link");
@@ -31,11 +20,16 @@ function NavbarItem(_a) {
     if (navItem.link) {
         var item = navItem;
         var isActive = pathname === (0, utils_1.withPathPrefix)(item.link);
-        return ((0, jsx_runtime_1.jsx)(exports.NavbarMenuItem, __assign({ active: isActive, "data-component-name": "Navbar/NavbarItem", className: className }, { children: (0, jsx_runtime_1.jsx)(exports.NavbarLink, __assign({ to: item.link, active: isActive }, { children: (0, jsx_runtime_1.jsx)(NavbarLabel, { children: item.label }) })) })));
+        return (react_1.default.createElement(exports.NavbarMenuItem, { active: isActive, "data-component-name": "Navbar/NavbarItem", className: className },
+            react_1.default.createElement(exports.NavbarLink, { to: item.link, active: isActive },
+                react_1.default.createElement(NavbarLabel, null, item.label))));
     }
     if (navItem.items) {
         var item = navItem;
-        return ((0, jsx_runtime_1.jsxs)(exports.NavbarMenuItemWithDropdownWrapper, { children: [(0, jsx_runtime_1.jsx)(exports.NavbarMenuItem, __assign({ active: false, "data-component-name": "Navbar/NavbarItem", className: className }, { children: (0, jsx_runtime_1.jsx)(NavbarLabel, { children: item.label }) })), (0, jsx_runtime_1.jsx)(NavbarDropdown_1.NavbarDropdown, { items: item.items })] }));
+        return (react_1.default.createElement(exports.NavbarMenuItemWithDropdownWrapper, null,
+            react_1.default.createElement(exports.NavbarMenuItem, { active: false, "data-component-name": "Navbar/NavbarItem", className: className },
+                react_1.default.createElement(NavbarLabel, null, item.label)),
+            react_1.default.createElement(NavbarDropdown_1.NavbarDropdown, { items: item.items })));
     }
     return null;
 }

package/Navbar/NavbarMenu.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.NavbarMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var NavbarItem_1 = require("../Navbar/NavbarItem");
 var utils_1 = require("../utils");
@@ -28,9 +17,9 @@ function NavbarMenu(_a) {
     if ((0, utils_1.isPrimitive)(menuItems)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(NavItemsContainer, __assign({ "data-component-name": "Navbar/NavbarMenu" }, { children: menuItems.map(function (navItem, index) {
-            return ((0, jsx_runtime_1.jsx)(NavbarItem_1.NavbarItem, { "data-cy": navItem.label, navItem: navItem }, "".concat(navItem.label, "_").concat(index)));
-        }) })));
+    return (react_1.default.createElement(NavItemsContainer, { "data-component-name": "Navbar/NavbarMenu" }, menuItems.map(function (navItem, index) {
+        return (react_1.default.createElement(NavbarItem_1.NavbarItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
+    })));
 }
 exports.NavbarMenu = NavbarMenu;
 var NavItemsContainer = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  list-style: none;\n  margin: 0 var(--navbar-item-margin-horizontal);\n  padding: 0;\n  display: none;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n\n  ", " {\n    display: flex;\n  }\n"], ["\n  list-style: none;\n  margin: 0 var(--navbar-item-margin-horizontal);\n  padding: 0;\n  display: none;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-end;\n  flex: 1;\n\n  ", " {\n    display: flex;\n  }\n"])), function (_a) {

package/NavbarLogo/NavbarLogo.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.NavbarLogo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function NavbarLogo(_a) {
@@ -27,8 +16,8 @@ function NavbarLogo(_a) {
     if (!logo.image) {
         return null;
     }
-    var img = ((0, jsx_runtime_1.jsx)(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
-    return logo.link ? (0, jsx_runtime_1.jsx)(Link_1.Link, __assign({ to: logo.link }, { children: img })) : img;
+    var img = (react_1.default.createElement(NavLogo, { src: logo.image, alt: logo.altText, "data-component-name": "NavbarLogo/NavbarLogo" }));
+    return logo.link ? react_1.default.createElement(Link_1.Link, { to: logo.link }, img) : img;
 }
 exports.NavbarLogo = NavbarLogo;
 var NavLogo = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-width: var(--navbar-logo-max-width);\n  max-height: var(--navbar-logo-max-height);\n  height: var(--navbar-logo-height);\n  margin: var(--navbar-logo-margin);\n"], ["\n  max-width: var(--navbar-logo-max-width);\n  max-height: var(--navbar-logo-max-height);\n  height: var(--navbar-logo-height);\n  margin: var(--navbar-logo-margin);\n"])));

package/PageNavigation/NextPageLink.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.NextPageLink = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -29,10 +18,10 @@ function NextPageLink() {
     var nextPage = ((0, hooks_1.useSidebarSiblingsData)() || {}).nextPage;
     var navigation = (0, hooks_1.useThemeSettings)(constants_1.DEFAULT_THEME_NAME).navigation;
     if (!nextPage || (navigation === null || navigation === void 0 ? void 0 : navigation.hide) || ((_a = navigation === null || navigation === void 0 ? void 0 : navigation.nextPageLink) === null || _a === void 0 ? void 0 : _a.hide)) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "\u00A0" });
+        return react_1.default.createElement("div", null, "\u00A0");
     }
     var label = ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.nextPageLink) === null || _b === void 0 ? void 0 : _b.label) || "Next to ".concat(nextPage.label);
-    return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({ variant: "outlined", size: "large", to: nextPage.link, "data-component-name": "PageNavigation/NextPageLink" }, { children: label })));
+    return (react_1.default.createElement(StyledButton, { variant: "outlined", size: "large", to: nextPage.link, "data-component-name": "PageNavigation/NextPageLink" }, label));
 }
 exports.NextPageLink = NextPageLink;
 var StyledButton = (0, styled_components_1.default)(Button_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: var(--font-family-base);\n"], ["\n  font-family: var(--font-family-base);\n"])));

package/PageNavigation/PageNavigation.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.PageNavigation = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var PreviousPageLink_1 = require("../PageNavigation/PreviousPageLink");
 var NextPageLink_1 = require("../PageNavigation/NextPageLink");
@@ -31,7 +20,9 @@ function PageNavigation(_a) {
     if (navigation === null || navigation === void 0 ? void 0 : navigation.hide) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(PageNavigationWrapper, __assign({ "data-component-name": "PageNavigation/PageNavigation" }, { children: [showPrevButton && (0, jsx_runtime_1.jsx)(PreviousPageLink_1.PreviousPageLink, {}), showNextButton && (0, jsx_runtime_1.jsx)(NextPageLink_1.NextPageLink, {})] })));
+    return (react_1.default.createElement(PageNavigationWrapper, { "data-component-name": "PageNavigation/PageNavigation" },
+        showPrevButton && react_1.default.createElement(PreviousPageLink_1.PreviousPageLink, null),
+        showNextButton && react_1.default.createElement(NextPageLink_1.NextPageLink, null)));
 }
 exports.PageNavigation = PageNavigation;
 var PageNavigationWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  margin: 25px 0;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  margin: 25px 0;\n"])));

package/PageNavigation/PreviousPageLink.js

@@ -3,23 +3,12 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 });
 exports.PreviousPageLink = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -29,10 +18,10 @@ function PreviousPageLink() {
     var prevPage = ((0, hooks_1.useSidebarSiblingsData)() || {}).prevPage;
     var navigation = (0, hooks_1.useThemeSettings)(constants_1.DEFAULT_THEME_NAME).navigation;
     if (!prevPage || (navigation === null || navigation === void 0 ? void 0 : navigation.hide) || ((_a = navigation === null || navigation === void 0 ? void 0 : navigation.previousPageLink) === null || _a === void 0 ? void 0 : _a.hide)) {
-        return (0, jsx_runtime_1.jsx)("div", { children: "\u00A0" });
+        return react_1.default.createElement("div", null, "\u00A0");
     }
     var label = ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.previousPageLink) === null || _b === void 0 ? void 0 : _b.label) || "Back to ".concat(prevPage.label);
-    return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({ variant: "outlined", size: "large", to: prevPage.link, "data-component-name": "PageNavigation/PreviousPageLink" }, { children: label })));
+    return (react_1.default.createElement(StyledButton, { variant: "outlined", size: "large", to: prevPage.link, "data-component-name": "PageNavigation/PreviousPageLink" }, label));
 }
 exports.PreviousPageLink = PreviousPageLink;
 var StyledButton = (0, styled_components_1.default)(Button_1.Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: var(--font-family-base);\n"], ["\n  font-family: var(--font-family-base);\n"])));

package/Panel/PanelComponent.d.ts

@@ -1,4 +1,5 @@
 import type { PropsWithChildren, ReactNode } from 'react';
+import React from 'react';
 import type { PanelHeaderProps } from '../Panel/PanelHeader';
 export interface PanelComponentProps {
     expanded?: boolean;
@@ -6,7 +7,7 @@ export interface PanelComponentProps {
     renderChildrenHidden?: boolean;
     header?: ReactNode | ((props: PanelHeaderProps) => ReactNode);
     onToggle?: (expanded: boolean) => void;
-    description?: ReactNode;
+    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/Panel/PanelComponent.js

@@ -3,16 +3,28 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -35,8 +47,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineBox = exports.PanelComponent = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var icons_1 = require("../icons");
 var PanelBody_1 = require("../Panel/PanelBody");
@@ -55,8 +66,14 @@ function PanelComponent(_a) {
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(!isExpanded);
     };
     (0, react_1.useEffect)(function () { return setExpanded(expanded); }, [expanded]);
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: className, "data-cy": typeof header === 'string' ? ('panel-' + header).replace(/ /g, '-').toLowerCase() : null, "data-component-name": "Panel/PanelComponent" }, { children: [header &&
-                (typeof header === 'function' ? (header({ expanded: isExpanded, toggle: toggle })) : ((0, jsx_runtime_1.jsx)(PanelHeader_1.PanelHeader, __assign({ "data-cy": "panel-header", onClick: toggle, expanded: isExpanded }, { children: (0, jsx_runtime_1.jsxs)(exports.InlineBox, { children: [(0, jsx_runtime_1.jsx)(PanelHeaderTitle_1.PanelHeaderTitle, __assign({ "data-cy": "title" }, { children: header })), (0, jsx_runtime_1.jsx)(icons_1.ShelfIcon, { direction: isExpanded ? 'down' : 'right' }), description] }) })))), (isExpanded || renderChildrenHidden) && ((0, jsx_runtime_1.jsx)(PanelBody_1.PanelBody, __assign({ "data-cy": "panel-body", hidden: !isExpanded, animate: animate }, { children: children })))] })));
+    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: 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(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  > span:last-child {\n    margin-left: 8px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  > span:last-child {\n    margin-left: 8px;\n  }\n"])));

package/Profile/Profile.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ProfileProps {
     name: string;
     imageUrl?: string;
     color?: string;
     onClick?: () => void;
 }
-export declare const Profile: import("react").NamedExoticComponent<ProfileProps>;
+export declare const Profile: React.NamedExoticComponent<ProfileProps>;

package/Profile/Profile.js

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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);
@@ -39,18 +28,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Profile = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var utils_1 = require("../utils");
 function ProfileComponent(_a) {
     var _b;
     var name = _a.name, imageUrl = _a.imageUrl, onClick = _a.onClick, color = _a.color;
     if (imageUrl) {
-        return ((0, jsx_runtime_1.jsxs)(ProfileWrapper, __assign({ onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(StyledUserName, __assign({ "data-cy": "user-name", color: color }, { children: name })), imageUrl && ((0, jsx_runtime_1.jsx)(AvatarWrapper, { children: (0, jsx_runtime_1.jsx)("img", { "data-cy": "user-avatar", src: imageUrl, alt: "profile" }) }))] })));
+        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" })))));
     }
     var avatarLetters = "".concat(name.charAt(0).toUpperCase()).concat(((_b = name.split(' ')[1]) === null || _b === void 0 ? void 0 : _b.charAt(0).toUpperCase()) || '');
-    return ((0, jsx_runtime_1.jsxs)(ProfileWrapper, __assign({ onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(StyledUserName, __assign({ "data-cy": "user-name", color: color }, { children: name })), (0, jsx_runtime_1.jsx)(AvatarWrapper, __assign({ background: (0, utils_1.stringToHslColor)(name) }, { children: (0, jsx_runtime_1.jsx)("span", { children: avatarLetters }) }))] })));
+    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);
 var ProfileWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"])));