@redocly/theme 0.4.14 → 0.4.16

package/Navbar/MobileNavbarItem.js

@@ -1,102 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavLink = exports.NavMenuItemWithDropdownWrapper = exports.NavMenuItem = exports.MobileNavbarItem = void 0;
-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");
-var utils_1 = require("../mocks/utils");
-var MobileNavbarDropdown_1 = require("../Navbar/MobileNavbarDropdown");
-function MobileNavbarItem(_a) {
-    var navItem = _a.navItem, className = _a.className;
-    var pathname = (0, react_router_dom_1.useLocation)().pathname;
-    var _b = __read((0, react_1.useState)(false), 2), expandedDropdown = _b[0], setExpandedDropdown = _b[1];
-    var toggleDropdown = function () { return setExpandedDropdown(!expandedDropdown); };
-    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))));
-    }
-    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 null;
-}
-exports.MobileNavbarItem = MobileNavbarItem;
-var ExpandedArrow = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 5px;\n  height: 5px;\n  border: 1px solid;\n  border-left: none;\n  border-top: none;\n  transition: all 0.3s ease-out;\n"], ["\n  width: 5px;\n  height: 5px;\n  border: 1px solid;\n  border-left: none;\n  border-top: none;\n  transition: all 0.3s ease-out;\n"])));
-exports.NavMenuItem = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--navbar-item-padding-horizontal);\n  text-align: left;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--navbar-item-padding-horizontal);\n  text-align: left;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  &:not(:last-child) {\n    border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n  }\n"])), function (_a) {
-    var active = _a.active;
-    return (active ? 'var(--navbar-item-active-background-color)' : 'none');
-});
-exports.NavMenuItemWithDropdownWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n  border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n\n  ", " {\n    transform: rotate(", "45deg);\n  }\n\n  ", " {\n    height: ", ";\n    opacity: ", ";\n  }\n\n  ", " {\n    border-bottom: none;\n  }\n"], ["\n  display: inline-block;\n  position: relative;\n  border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n\n  ", " {\n    transform: rotate(", "45deg);\n  }\n\n  ", " {\n    height: ", ";\n    opacity: ", ";\n  }\n\n  ", " {\n    border-bottom: none;\n  }\n"])), ExpandedArrow, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '' : '-');
-}, MobileNavbarDropdown_1.MobileDropdownWrapper, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '100%' : '0');
-}, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '1' : '0');
-}, exports.NavMenuItem);
-exports.NavLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-decoration: ", ";\n"])), function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-color)' : 'var(--navbar-text-color)';
-}, function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-decoration)' : 'none';
-});
-var NavLabel = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  cursor: pointer;\n  vertical-align: middle;\n"], ["\n  cursor: pointer;\n  vertical-align: middle;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Navbar/MobileNavbarMenu.js

@@ -1,32 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var NavbarItem_1 = require("../Navbar/NavbarItem");
-var MobileNavbarItem_1 = require("../Navbar/MobileNavbarItem");
-var NavbarDropdown_1 = require("../Navbar/NavbarDropdown");
-var utils_1 = require("../utils");
-function MobileNavbarMenu(_a) {
-    var menuItems = _a.menuItems, closeMenu = _a.closeMenu;
-    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 })));
-}
-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);
-var NavbarItemsClosableArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  min-width: 50px;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.4);\n"], ["\n  display: flex;\n  flex: 1;\n  min-width: 50px;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0.4);\n"])));
-var NavbarItemsContainer = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 70%;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--navbar-background-color);\n\n  ", " {\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n    }\n    border-radius: 0;\n    padding: 1em 0;\n    width: 100%;\n  }\n\n  ", " {\n    display: block;\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n      border-radius: 0;\n    }\n    ", " {\n      border-bottom: none;\n    }\n  }\n\n  ", " {\n    background-color: var(--navbar-background-color);\n    width: 100%;\n    padding: 0;\n    position: relative;\n  }\n"], ["\n  width: 70%;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  background: var(--navbar-background-color);\n\n  ", " {\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n    }\n    border-radius: 0;\n    padding: 1em 0;\n    width: 100%;\n  }\n\n  ", " {\n    display: block;\n    &:not(:last-child) {\n      border-bottom: 1px solid var(--navbar-item-separator-line-color, #dadada);\n      border-radius: 0;\n    }\n    ", " {\n      border-bottom: none;\n    }\n  }\n\n  ", " {\n    background-color: var(--navbar-background-color);\n    width: 100%;\n    padding: 0;\n    position: relative;\n  }\n"])), NavbarItem_1.NavbarMenuItem, NavbarItem_1.NavbarMenuItemWithDropdownWrapper, NavbarItem_1.NavbarMenuItem, NavbarDropdown_1.DropdownWrapper);
-var templateObject_1, templateObject_2, templateObject_3;

package/Navbar/MobileNavbarMenuButton.js

@@ -1,19 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavbarMenuButton = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Burger_1 = require("../ui/Burger");
-exports.MobileNavbarMenuButton = (0, styled_components_1.default)(Burger_1.Burger).attrs(function () { return ({
-    'data-component-name': 'Navbar/MobileNavbarMenuButton',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n\n  ", " {\n    display: none;\n  }\n"], ["\n  display: block;\n\n  ", " {\n    display: none;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var templateObject_1;

package/Navbar/Navbar.js

@@ -1,64 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavbarRow = exports.NavbarContainer = exports.Navbar = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Navbar_1 = require("../Navbar");
-var useMobileMenu_1 = require("../hooks/useMobileMenu");
-var MobileNavbarMenuButton_1 = require("../Navbar/MobileNavbarMenuButton");
-var MobileNavbarMenu_1 = require("../Navbar/MobileNavbarMenu");
-var ColorModeSwitcher_1 = require("../ColorModeSwitcher/ColorModeSwitcher");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-function Navbar(_a) {
-    var menu = _a.menu, logo = _a.logo, search = _a.search, profile = _a.profile;
-    var _b = __read((0, useMobileMenu_1.useMobileMenu)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)(), searchSettings = _c.search, navbar = _c.navbar;
-    var hideSearch = (searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.hide) || ((searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.placement) && (searchSettings === null || searchSettings === void 0 ? void 0 : searchSettings.placement) !== 'navbar');
-    if (navbar === null || navbar === void 0 ? void 0 : navbar.hide) {
-        return null;
-    }
-    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))));
-}
-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) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.print;
-});
-exports.NavbarRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  width: 100%;\n\n  max-width: var(--navbar-container-max-width);\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 0 auto;\n  width: 100%;\n\n  max-width: var(--navbar-container-max-width);\n"])));
-var templateObject_1, templateObject_2;

package/Navbar/NavbarDropdown.js

@@ -1,21 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 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))); })));
-}
-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"])));
-var templateObject_1;

package/Navbar/NavbarItem.js

@@ -1,53 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var react_router_dom_1 = require("react-router-dom");
-var Link_1 = require("../mocks/Link");
-var utils_1 = require("../mocks/utils");
-var NavbarDropdown_1 = require("../Navbar/NavbarDropdown");
-function NavbarItem(_a) {
-    var navItem = _a.navItem, className = _a.className;
-    var pathname = (0, react_router_dom_1.useLocation)().pathname;
-    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))));
-    }
-    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 null;
-}
-exports.NavbarItem = NavbarItem;
-exports.NavbarMenuItemWithDropdownWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n  border-radius: var(--navbar-item-border-radius);\n  &:hover {\n    background: var(--navbar-item-active-background-color);\n    ", " {\n      display: block;\n    }\n  }\n"], ["\n  display: inline-block;\n  position: relative;\n  border-radius: var(--navbar-item-border-radius);\n  &:hover {\n    background: var(--navbar-item-active-background-color);\n    ", " {\n      display: block;\n    }\n  }\n"])), NavbarDropdown_1.DropdownWrapper);
-exports.NavbarLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n  text-decoration: ", ";\n"], ["\n  color: ", ";\n  text-decoration: ", ";\n"])), function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-color)' : 'var(--navbar-text-color)';
-}, function (_a) {
-    var active = _a.active;
-    return active ? 'var(--navbar-item-active-text-decoration)' : 'none';
-});
-exports.NavbarMenuItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  padding: var(--navbar-item-paddin-vertical) var(--navbar-item-padding-horizontal);\n  margin-left: var(--navbar-item-margin-horizontal);\n  text-align: center;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  border-radius: var(--navbar-item-border-radius);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  color: ", ";\n  &:hover {\n    color: var(--navbar-item-hover-text-color);\n    text-decoration: var(--navbar-item-hover-text-decoration);\n    background: var(--navbar-item-hover-background-color);\n    ", " {\n      color: var(--navbar-item-hover-text-color);\n      text-decoration: var(--navbar-item-hover-text-decoration);\n    }\n  }\n"], ["\n  display: inline-block;\n  padding: var(--navbar-item-paddin-vertical) var(--navbar-item-padding-horizontal);\n  margin-left: var(--navbar-item-margin-horizontal);\n  text-align: center;\n  line-height: 1;\n  font-size: var(--navbar-item-font-size);\n  border-radius: var(--navbar-item-border-radius);\n  font-weight: var(--navbar-item-font-weight);\n  background: ", ";\n  color: ", ";\n  &:hover {\n    color: var(--navbar-item-hover-text-color);\n    text-decoration: var(--navbar-item-hover-text-decoration);\n    background: var(--navbar-item-hover-background-color);\n    ", " {\n      color: var(--navbar-item-hover-text-color);\n      text-decoration: var(--navbar-item-hover-text-decoration);\n    }\n  }\n"])), function (_a) {
-    var active = _a.active;
-    return active && 'var(--navbar-item-active-background-color)';
-}, function (_a) {
-    var active = _a.active;
-    return active && 'var(--navbar-item-active-text-color)';
-}, exports.NavbarLink);
-var NavbarLabel = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: pointer;\n  vertical-align: middle;\n"], ["\n  cursor: pointer;\n  vertical-align: middle;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Navbar/NavbarMenu.js

@@ -1,29 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var NavbarItem_1 = require("../Navbar/NavbarItem");
-var utils_1 = require("../utils");
-function NavbarMenu(_a) {
-    var menuItems = _a.menuItems;
-    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 }));
-    })));
-}
-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) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var templateObject_1;

package/NavbarLogo/NavbarLogo.js

@@ -1,24 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var Link_1 = require("../mocks/Link");
-function NavbarLogo(_a) {
-    var logo = _a.logo;
-    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;
-}
-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"])));
-var templateObject_1;

package/OperationBadge/OperationBadge.js

@@ -1,16 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OperationBadge = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.OperationBadge = styled_components_1.default.span.attrs(function (props) { return ({
-    className: "operation-type ".concat(props.type),
-    'data-component-name': 'OperationBadge/OperationBadge',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--badge-http-font-size);\n  font-family: var(--badge-http-font-family);\n  font-weight: var(--badge-http-font-weight);\n  line-height: var(--badge-http-line-height);\n  color: var(--badge-http-text-color);\n  background-color: var(--badge-background-color);\n  border-radius: var(--badge-http-border-radius);\n  width: 58px;\n  text-transform: uppercase;\n  text-align: center;\n  margin-right: 6px;\n\n  &.get {\n    background-color: var(--color-http-get);\n  }\n\n  &.post {\n    background-color: var(--color-http-post);\n  }\n\n  &.put {\n    background-color: var(--color-http-put);\n  }\n\n  &.options {\n    background-color: var(--color-http-options);\n  }\n\n  &.patch {\n    background-color: var(--color-http-patch);\n  }\n\n  &.delete {\n    background-color: var(--color-http-delete);\n  }\n\n  &.basic,\n  &.schema {\n    background-color: var(--color-http-basic);\n  }\n\n  &.link {\n    background-color: var(--color-http-link);\n  }\n\n  &.head {\n    background-color: var(--color-http-head);\n  }\n\n  &.hook {\n    background-color: var(--color-http-hook);\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: var(--badge-http-font-size);\n  font-family: var(--badge-http-font-family);\n  font-weight: var(--badge-http-font-weight);\n  line-height: var(--badge-http-line-height);\n  color: var(--badge-http-text-color);\n  background-color: var(--badge-background-color);\n  border-radius: var(--badge-http-border-radius);\n  width: 58px;\n  text-transform: uppercase;\n  text-align: center;\n  margin-right: 6px;\n\n  &.get {\n    background-color: var(--color-http-get);\n  }\n\n  &.post {\n    background-color: var(--color-http-post);\n  }\n\n  &.put {\n    background-color: var(--color-http-put);\n  }\n\n  &.options {\n    background-color: var(--color-http-options);\n  }\n\n  &.patch {\n    background-color: var(--color-http-patch);\n  }\n\n  &.delete {\n    background-color: var(--color-http-delete);\n  }\n\n  &.basic,\n  &.schema {\n    background-color: var(--color-http-basic);\n  }\n\n  &.link {\n    background-color: var(--color-http-link);\n  }\n\n  &.head {\n    background-color: var(--color-http-head);\n  }\n\n  &.hook {\n    background-color: var(--color-http-hook);\n  }\n"])));
-var templateObject_1;

package/PageNavigation/NextPageLink.js

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var hooks_1 = require("../mocks/hooks");
-var Button_1 = require("../Button/Button");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-function NextPageLink() {
-    var _a, _b;
-    var nextPage = ((0, hooks_1.useSidebarSiblingsData)() || {}).nextPage;
-    var navigation = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().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");
-    }
-    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));
-}
-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"])));
-var templateObject_1;

package/PageNavigation/PageNavigation.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare type PageNavigationProps = {
-    showPrevButton?: boolean;
-    showNextButton?: boolean;
-};
-export declare function PageNavigation({ showPrevButton, showNextButton, }: PageNavigationProps): JSX.Element | null;
-export {};

package/PageNavigation/PageNavigation.js

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var PreviousPageLink_1 = require("../PageNavigation/PreviousPageLink");
-var NextPageLink_1 = require("../PageNavigation/NextPageLink");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-function PageNavigation(_a) {
-    var _b = _a.showPrevButton, showPrevButton = _b === void 0 ? true : _b, _c = _a.showNextButton, showNextButton = _c === void 0 ? true : _c;
-    var navigation = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().navigation;
-    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)));
-}
-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"])));
-var templateObject_1;

package/PageNavigation/PreviousPageLink.js

@@ -1,28 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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 styled_components_1 = __importDefault(require("styled-components"));
-var hooks_1 = require("../mocks/hooks");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-var Button_1 = require("../Button/Button");
-function PreviousPageLink() {
-    var _a, _b;
-    var prevPage = ((0, hooks_1.useSidebarSiblingsData)() || {}).prevPage;
-    var navigation = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().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");
-    }
-    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));
-}
-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"])));
-var templateObject_1;

package/Panel/Panel.js

@@ -1,23 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Panel = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var PanelHeader_1 = require("../Panel/PanelHeader");
-var PanelBody_1 = require("../Panel/PanelBody");
-var PanelComponent_1 = require("../Panel/PanelComponent");
-var ShelfIcon_1 = require("../icons/ShelfIcon");
-exports.Panel = (0, styled_components_1.default)(PanelComponent_1.PanelComponent).attrs(function (_a) {
-    var className = _a.className;
-    return ({
-        'data-component-name': 'Panel/Panel',
-        className: className || 'panel-default',
-    });
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--panel-background-color);\n  color: var(--panel-text-color);\n  font-family: var(--panel-font-family-local);\n  font-size: var(--panel-font-size-local);\n  font-weight: var(--panel-font-weight-local);\n  border-radius: var(--panel-border-radius-local);\n  border: var(--panel-border-local);\n\n  ", " + ", " {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  ", " {\n    ", " {\n      fill: var(--panel-chevron-icon-color);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-bottom: var(--panel-gap-vertical);\n  }\n"], ["\n  background-color: var(--panel-background-color);\n  color: var(--panel-text-color);\n  font-family: var(--panel-font-family-local);\n  font-size: var(--panel-font-size-local);\n  font-weight: var(--panel-font-weight-local);\n  border-radius: var(--panel-border-radius-local);\n  border: var(--panel-border-local);\n\n  ", " + ", " {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  ", " {\n    ", " {\n      fill: var(--panel-chevron-icon-color);\n    }\n  }\n\n  &:not(:last-child) {\n    margin-bottom: var(--panel-gap-vertical);\n  }\n"])), PanelHeader_1.PanelHeader, PanelBody_1.PanelBody, PanelHeader_1.PanelHeader, ShelfIcon_1.ShelfIcon);
-var templateObject_1;

package/Panel/PanelBody.js

@@ -1,43 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelBody = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var showPanel = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"], ["\n  0% {\n    transform: translateY(-10px);\n  }\n  100% {\n    transform: translateY(0);\n  }\n"])));
-var showPanelAnimation = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  animation: ", " 0.2s;\n"], ["\n  animation: ", " 0.2s;\n"])), showPanel);
-exports.PanelBody = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Panel/PanelBody',
-}); })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n  ", ";\n\n  background-color: var(--panel-body-background-color);\n\n  font-family: var(--panel-body-font-family-local);\n  font-size: var(--panel-body-font-size-local);\n  font-weight: var(--panel-body-font-weight-local);\n  border: var(--panel-body-border-local);\n  padding: var(--panel-body-padding-local);\n  color: var(--panel-body-text-color);\n\n  border-top-left-radius: var(--panel-border-radius);\n  border-top-right-radius: var(--panel-border-radius);\n  border-bottom-right-radius: var(--panel-border-radius);\n  border-bottom-left-radius: var(--panel-border-radius);\n"], ["\n  ", ";\n  ", ";\n\n  background-color: var(--panel-body-background-color);\n\n  font-family: var(--panel-body-font-family-local);\n  font-size: var(--panel-body-font-size-local);\n  font-weight: var(--panel-body-font-weight-local);\n  border: var(--panel-body-border-local);\n  padding: var(--panel-body-padding-local);\n  color: var(--panel-body-text-color);\n\n  border-top-left-radius: var(--panel-border-radius);\n  border-top-right-radius: var(--panel-border-radius);\n  border-bottom-right-radius: var(--panel-border-radius);\n  border-bottom-left-radius: var(--panel-border-radius);\n"])), function (_a) {
-    var animate = _a.animate;
-    return animate && showPanelAnimation;
-}, function (_a) {
-    var hidden = _a.hidden;
-    return hidden && 'visibility: hidden';
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/Panel/PanelHeader.js

@@ -1,24 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelHeader = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.PanelHeader = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Panel/PanelHeader',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: var(--panel-heading-white-space-local);\n\n  cursor: pointer;\n\n  line-height: var(--panel-heading-line-height-local);\n  font-size: var(--panel-heading-font-size-local);\n  padding: var(--panel-heading-padding-local);\n  border: var(--panel-heading-border);\n  background-color: var(--panel-heading-background-color);\n\n  border-top-left-radius: var(--panel-border-radius);\n  border-top-right-radius: var(--panel-border-radius);\n  border-bottom-right-radius: ", ";\n  border-bottom-left-radius: ", ";\n\n  pointer-events: ", ";\n"], ["\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  white-space: var(--panel-heading-white-space-local);\n\n  cursor: pointer;\n\n  line-height: var(--panel-heading-line-height-local);\n  font-size: var(--panel-heading-font-size-local);\n  padding: var(--panel-heading-padding-local);\n  border: var(--panel-heading-border);\n  background-color: var(--panel-heading-background-color);\n\n  border-top-left-radius: var(--panel-border-radius);\n  border-top-right-radius: var(--panel-border-radius);\n  border-bottom-right-radius: ", ";\n  border-bottom-left-radius: ", ";\n\n  pointer-events: ", ";\n"])), function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '0' : 'var(--panel-border-radius)');
-}, function (_a) {
-    var expanded = _a.expanded;
-    return (expanded ? '0' : 'var(--panel-border-radius)');
-}, function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? 'none' : 'auto');
-});
-var templateObject_1;

package/Panel/PanelHeaderTitle.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PanelHeaderTitle = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.PanelHeaderTitle = styled_components_1.default.span.attrs(function () { return ({
-    'data-component-name': 'Panel/PanelHeaderTitle',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: 5px;\n  font-weight: var(--panel-heading-font-weight-local);\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  /* changed from var(--text-color-inverse) to var(--text-color)\n     should change several components in openapi/graphql reference-docs to use inverse color\n   */\n  color: var(--panel-heading-text-color);\n"], ["\n  margin-right: 5px;\n  font-weight: var(--panel-heading-font-weight-local);\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  /* changed from var(--text-color-inverse) to var(--text-color)\n     should change several components in openapi/graphql reference-docs to use inverse color\n   */\n  color: var(--panel-heading-text-color);\n"])));
-var templateObject_1;