@redocly/theme 0.4.7 → 0.4.8

package/Markdown/Tabs/Tabs.js

@@ -3,28 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __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];
@@ -47,26 +35,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Tab_1 = require("../../Markdown/Tabs/Tab");
 function Tabs(_a) {
     var children = _a.children;
     var _b = __read((0, react_1.useState)(children[0].props.label), 2), activeTab = _b[0], setActiveTab = _b[1];
     var onTabSelect = function (label) { return setActiveTab(label); };
-    return (react_1.default.createElement(TabsContainer, { "data-component-name": "Markdown/Tabs/Tabs" },
-        react_1.default.createElement(TabList, null, children.map(function (child) {
-            var label = child.props.label;
-            return react_1.default.createElement(Tab_1.Tab, { activeTab: activeTab, key: label, label: label, onClick: onTabSelect });
-        })),
-        react_1.default.createElement(TabContent, null, children.map(function (child) {
-            if (child.props.label !== activeTab)
-                return undefined;
-            return child.props.children;
-        }))));
+    return ((0, jsx_runtime_1.jsxs)(TabsContainer, __assign({ "data-component-name": "Markdown/Tabs/Tabs" }, { children: [(0, jsx_runtime_1.jsx)(TabList, { children: children.map(function (child) {
+                    var label = child.props.label;
+                    return (0, jsx_runtime_1.jsx)(Tab_1.Tab, { activeTab: activeTab, label: label, onClick: onTabSelect }, label);
+                }) }), (0, jsx_runtime_1.jsx)(TabContent, { children: children.map(function (child) {
+                    if (child.props.label !== activeTab)
+                        return undefined;
+                    return child.props.children;
+                }) })] })));
 }
 exports.Tabs = Tabs;
 var TabsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 10px 0;\n"], ["\n  margin: 10px 0;\n"])));
 var TabList = styled_components_1.default.ol(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n  margin-block-end: 0;\n"], ["\n  border-bottom: 1px solid #ccc;\n  padding: 0;\n  margin-block-end: 0;\n"])));
-var TabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 10px 5px;\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"], ["\n  padding: 10px 5px;\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"])));
+var TabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"], ["\n  border: 1px solid #ccc;\n  border-top: none;\n  padding: 1rem;\n"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/Navbar/MobileNavbarDropdown.js

@@ -3,18 +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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileDropdownWrapper = exports.MobileNavbarDropdown = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function MobileNavbarDropdown(_a) {
     var items = _a.items;
-    return (react_1.default.createElement(exports.MobileDropdownWrapper, { "data-component-name": "Navbar/MobileNavbarDropdown" }, 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))); })));
+    return ((0, jsx_runtime_1.jsx)(exports.MobileDropdownWrapper, __assign({ "data-component-name": "Navbar/MobileNavbarDropdown" }, { 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))); }) })));
 }
 exports.MobileNavbarDropdown = MobileNavbarDropdown;
 exports.MobileDropdownWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0 15px;\n  width: max-content;\n  transition: all 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n  }\n"], ["\n  padding: 0 15px;\n  width: max-content;\n  transition: all 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: var(--navbar-dropdown-shadow);\n  & > div {\n    padding: 10px 0;\n    cursor: pointer;\n    a {\n      color: var(--navbar-text-color);\n      text-decoration: none;\n    }\n  }\n"])));

package/Navbar/MobileNavbarItem.js

@@ -3,28 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-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 __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];
@@ -47,7 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavLink = exports.NavMenuItemWithDropdownWrapper = exports.NavMenuItem = exports.MobileNavbarItem = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = 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");
@@ -61,17 +50,11 @@ function MobileNavbarItem(_a) {
     if (navItem.link) {
         var item = navItem;
         var isActive = pathname === (0, utils_1.withPathPrefix)(item.link);
-        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))));
+        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 }) })) })));
     }
     if (navItem.items) {
         var item = navItem;
-        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 ((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 null;
 }

package/Navbar/MobileNavbarMenu.js

@@ -3,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var NavbarItem_1 = require("../Navbar/NavbarItem");
 var MobileNavbarItem_1 = require("../Navbar/MobileNavbarItem");
@@ -19,11 +30,9 @@ function MobileNavbarMenu(_a) {
     if ((0, utils_1.isPrimitive)(menuItems) || (0, utils_1.isEmptyArray)(menuItems)) {
         return null;
     }
-    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 })));
+    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 })] })));
 }
 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 React from 'react';
-import { ResolvedConfigLinks } from '@theme/types/portal';
+import type { ReactNode } from 'react';
+import type { ResolvedConfigLinks } from '@theme/types/portal';
 interface NavbarProps {
     menu: ResolvedConfigLinks;
-    logo: React.ReactNode;
-    search: React.ReactNode;
-    profile?: React.ReactNode;
+    logo: ReactNode;
+    search: ReactNode;
+    profile?: 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,6 +3,17 @@ 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;
@@ -24,7 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavbarRow = exports.NavbarContainer = exports.Navbar = void 0;
-var react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -43,15 +54,7 @@ function Navbar(_a) {
     }
     var openMobileMenu = function () { return setIsOpen(true); };
     var closeMobileMenu = function () { return setIsOpen(false); };
-    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))));
+    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, {})] })] })));
 }
 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,18 +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 __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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function NavbarDropdown(_a) {
     var items = _a.items;
-    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))); })));
+    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))); }) })));
 }
 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,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var react_router_dom_1 = require("react-router-dom");
 var Link_1 = require("../mocks/Link");
@@ -20,16 +31,11 @@ function NavbarItem(_a) {
     if (navItem.link) {
         var item = navItem;
         var isActive = pathname === (0, utils_1.withPathPrefix)(item.link);
-        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))));
+        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 }) })) })));
     }
     if (navItem.items) {
         var item = navItem;
-        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 ((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 null;
 }

package/Navbar/NavbarMenu.js

@@ -3,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var NavbarItem_1 = require("../Navbar/NavbarItem");
 var utils_1 = require("../utils");
@@ -17,9 +28,9 @@ function NavbarMenu(_a) {
     if ((0, utils_1.isPrimitive)(menuItems)) {
         return null;
     }
-    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 }));
-    })));
+    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)));
+        }) })));
 }
 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.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LogoConfig } from '@theme/types/portal';
+import type { LogoConfig } from '@theme/types/portal';
 export declare type NavbarLogoProps = {
     logo: Pick<LogoConfig, 'image' | 'link' | 'altText'>;
 };

package/NavbarLogo/NavbarLogo.js

@@ -3,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function NavbarLogo(_a) {
@@ -16,8 +27,8 @@ function NavbarLogo(_a) {
     if (!logo.image) {
         return null;
     }
-    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;
+    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;
 }
 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,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -18,10 +29,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 react_1.default.createElement("div", null, "\u00A0");
+        return (0, jsx_runtime_1.jsx)("div", { children: "\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 (react_1.default.createElement(StyledButton, { variant: "outlined", size: "large", to: nextPage.link, "data-component-name": "PageNavigation/NextPageLink" }, label));
+    return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({ variant: "outlined", size: "large", to: nextPage.link, "data-component-name": "PageNavigation/NextPageLink" }, { children: 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,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var PreviousPageLink_1 = require("../PageNavigation/PreviousPageLink");
 var NextPageLink_1 = require("../PageNavigation/NextPageLink");
@@ -20,9 +31,7 @@ function PageNavigation(_a) {
     if (navigation === null || navigation === void 0 ? void 0 : navigation.hide) {
         return null;
     }
-    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)));
+    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, {})] })));
 }
 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,12 +3,23 @@ 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 react_1 = __importDefault(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var hooks_1 = require("../mocks/hooks");
 var constants_1 = require("../mocks/constants");
@@ -18,10 +29,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 react_1.default.createElement("div", null, "\u00A0");
+        return (0, jsx_runtime_1.jsx)("div", { children: "\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 (react_1.default.createElement(StyledButton, { variant: "outlined", size: "large", to: prevPage.link, "data-component-name": "PageNavigation/PreviousPageLink" }, label));
+    return ((0, jsx_runtime_1.jsx)(StyledButton, __assign({ variant: "outlined", size: "large", to: prevPage.link, "data-component-name": "PageNavigation/PreviousPageLink" }, { children: 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,12 +1,12 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import { PanelHeaderProps } from '../Panel/PanelHeader';
+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;
+    description?: 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>;