@redocly/theme 0.1.15 → 0.1.20

package/Sidebar/Drilldown.js

@@ -30,7 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drilldown = 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 MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
@@ -38,7 +38,11 @@ var DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
 var DrilldownMenu_1 = require("../Sidebar/DrilldownMenu");
 function Drilldown(_a) {
     var isExpanded = _a.isExpanded, item = _a.item, expand = _a.expand, props = __rest(_a, ["isExpanded", "item", "expand"]);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Drilldown" }, { children: [(0, jsx_runtime_1.jsx)(DrilldownLabel, __assign({ onClick: expand }, { children: (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.DrilldownMenuItem, { item: item }) })), isExpanded ? (0, jsx_runtime_1.jsx)(DrilldownMenu_1.DrilldownMenu, __assign({ item: item }, props)) : null, item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/Drilldown" },
+        react_1.default.createElement(DrilldownLabel, { onClick: expand },
+            react_1.default.createElement(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })),
+        isExpanded ? react_1.default.createElement(DrilldownMenu_1.DrilldownMenu, __assign({ item: item }, props)) : null,
+        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
 }
 exports.Drilldown = Drilldown;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/DrilldownMenu.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);
@@ -37,15 +26,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrilldownMenu = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var BackButton_1 = require("../Sidebar/BackButton");
 var DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
 function DrilldownMenu(_a) {
     var item = _a.item, back = _a.back, prevActiveItem = _a.prevActiveItem, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(MenuContainer, __assign({ "data-component-name": "Sidebar/DrilldownMenu" }, { children: (0, jsx_runtime_1.jsxs)(MenuContent, { children: [(0, jsx_runtime_1.jsxs)(MenuWrapper, { children: [(0, jsx_runtime_1.jsx)(BackButton_1.BackButton, __assign({ back: back }, { children: (prevActiveItem === null || prevActiveItem === void 0 ? void 0 : prevActiveItem.label) || 'Back' })), (0, jsx_runtime_1.jsx)(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })] }), children] }) })));
+    return (react_1.default.createElement(MenuContainer, { "data-component-name": "Sidebar/DrilldownMenu" },
+        react_1.default.createElement(MenuContent, null,
+            react_1.default.createElement(MenuWrapper, null,
+                react_1.default.createElement(BackButton_1.BackButton, { back: back }, (prevActiveItem === null || prevActiveItem === void 0 ? void 0 : prevActiveItem.label) || 'Back'),
+                react_1.default.createElement(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })),
+            children)));
 }
 exports.DrilldownMenu = DrilldownMenu;
 var MenuContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 100;\n  background-color: var(--sidebar-background-color);\n"], ["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 100;\n  background-color: var(--sidebar-background-color);\n"])));

package/Sidebar/DrilldownMenuItem.js

@@ -3,27 +3,20 @@ 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.DrilldownMenuItem = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function DrilldownMenuItem(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Sidebar/DrilldownMenuItem" }, { children: [item.icon ? (0, jsx_runtime_1.jsx)(Icon, { src: item.icon }) : null, (0, jsx_runtime_1.jsxs)("div", { children: [item.label, item.sublabel ? (0, jsx_runtime_1.jsx)(SubLabel, { children: item.sublabel }) : null] })] })));
+    return (react_1.default.createElement(Container, { "data-component-name": "Sidebar/DrilldownMenuItem" },
+        item.icon ? react_1.default.createElement(Icon, { src: item.icon }) : null,
+        react_1.default.createElement("div", null,
+            item.label,
+            item.sublabel ? react_1.default.createElement(SubLabel, null, item.sublabel) : null)));
 }
 exports.DrilldownMenuItem = DrilldownMenuItem;
 var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-item-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"], ["\n  display: flex;\n  align-items: center;\n  color: var(--sidebar-item-color);\n  font-size: var(--sidebar-font-size);\n  font-weight: var(--font-weight-bold);\n"])));

package/Sidebar/ExternalIcon.js

@@ -3,27 +3,21 @@ 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.ExternalIcon = 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 Icon = function (_a) {
     var className = _a.className;
-    return ((0, jsx_runtime_1.jsx)("span", __assign({ "data-component-name": "Sidebar/ExternalIcon" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M-408.167-318.5" }), (0, jsx_runtime_1.jsx)("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.542,83.279c0,5.717,4.635,10.354,10.354,10.354l55.616,0.065c5.719,0,10.354-4.636,10.354-10.354l-0.091-40.782h6.135 v40.849c0,9.014-7.307,16.319-16.319,16.319l-56.36-0.066c-8.597,0-15.564-6.969-15.564-15.562L0.585,27.821 c0-9.014,7.306-16.32,16.32-16.32l41.138-0.084v6.142L16.98,17.535c-5.718,0-10.354,4.635-10.354,10.354L6.542,83.279z" })] })) })));
+    return (react_1.default.createElement("span", { "data-component-name": "Sidebar/ExternalIcon" },
+        react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className },
+            react_1.default.createElement("path", { d: "M-408.167-318.5" }),
+            react_1.default.createElement("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }),
+            react_1.default.createElement("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }),
+            react_1.default.createElement("path", { d: "M6.542,83.279c0,5.717,4.635,10.354,10.354,10.354l55.616,0.065c5.719,0,10.354-4.636,10.354-10.354l-0.091-40.782h6.135 v40.849c0,9.014-7.307,16.319-16.319,16.319l-56.36-0.066c-8.597,0-15.564-6.969-15.564-15.562L0.585,27.821 c0-9.014,7.306-16.32,16.32-16.32l41.138-0.084v6.142L16.98,17.535c-5.718,0-10.354,4.635-10.354,10.354L6.542,83.279z" }))));
 };
 exports.ExternalIcon = (0, styled_components_1.default)(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"], ["\n  width: 10px;\n  height: 10px;\n  margin-left: 5px;\n  fill: var(--sidebar-chevron-color);\n"])));
 var templateObject_1;

package/Sidebar/MenuGroup.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.MenuGroup = 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 Arrow_1 = require("../ui/Arrow");
 var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
@@ -27,7 +16,13 @@ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 function MenuGroup(_a) {
     var item = _a.item, isExpanded = _a.isExpanded, toggleExpanded = _a.toggleExpanded, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuGroup" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuGroupLabel, __assign({ onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active }, { children: [(0, jsx_runtime_1.jsx)(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }), item.label] })) })), (0, jsx_runtime_1.jsx)(MenuWrapper, { children: isExpanded ? children : null }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuGroup" },
+        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
+            react_1.default.createElement(MenuGroupLabel, { onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active },
+                react_1.default.createElement(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }),
+                item.label)),
+        react_1.default.createElement(MenuWrapper, null, isExpanded ? children : null),
+        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
 }
 exports.MenuGroup = MenuGroup;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/MenuItem.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.MenuItem = 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 MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
 var ExternalIcon_1 = require("../Sidebar/ExternalIcon");
@@ -27,7 +16,12 @@ var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
 var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 function MenuItem(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuItem" }, { children: [(0, jsx_runtime_1.jsx)(MenuLinkItem_1.MenuLinkItem, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(MenuItemLabel_1.MenuItemLabel, __assign({ active: item.active }, { children: [item.label, item.external ? (0, jsx_runtime_1.jsx)(ExternalIcon_1.ExternalIcon, {}) : null] })) })), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuItem" },
+        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
+            react_1.default.createElement(MenuItemLabel_1.MenuItemLabel, { active: item.active },
+                item.label,
+                item.external ? react_1.default.createElement(ExternalIcon_1.ExternalIcon, null) : null)),
+        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
 }
 exports.MenuItem = MenuItem;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/MenuLinkItem.js

@@ -19,12 +19,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuLinkItem = 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 MenuLink_1 = require("../Sidebar/MenuLink");
 function MenuLinkItem(_a) {
     var item = _a.item, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Sidebar/MenuLinkItem" }, { children: item.link ? ((0, jsx_runtime_1.jsx)(MenuLink_1.MenuLink, __assign({ to: item.link }, item, { children: children }))) : (children) })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuLinkItem" }, item.link ? (react_1.default.createElement(MenuLink_1.MenuLink, __assign({ to: item.link }, item), children)) : (children)));
 }
 exports.MenuLinkItem = MenuLinkItem;
 var Wrapper = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/Separator.js

@@ -3,29 +3,20 @@ 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.Separator = 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 SeparatorLine_1 = require("../Sidebar/SeparatorLine");
 var SeparatorItem_1 = require("../Sidebar/SeparatorItem");
 function Separator(_a) {
     var item = _a.item;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/Separator" }, { children: [(0, jsx_runtime_1.jsx)(SeparatorItem_1.SeparatorItem, { children: item.label }), item.separatorLine ? (0, jsx_runtime_1.jsx)(SeparatorLine_1.SeparatorLine, {}) : null] })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/Separator" },
+        react_1.default.createElement(SeparatorItem_1.SeparatorItem, null, item.label),
+        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
 }
 exports.Separator = Separator;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/Sidebar/SidebarLayout.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.SidebarLayout = 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 Sidebar_1 = require("../Sidebar/Sidebar");
 var useMobileMenu_1 = require("../hooks/useMobileMenu");
@@ -29,7 +18,11 @@ function SidebarLayout(_a) {
     var versions = _a.versions, menu = _a.menu;
     var _b = (0, useMobileMenu_1.useMobileMenu)(), isOpen = _b[0], setIsOpen = _b[1];
     var toggleMenu = function () { return setIsOpen(!isOpen); };
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Sidebar/SidebarLayout" }, { children: [(0, jsx_runtime_1.jsx)(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }), (0, jsx_runtime_1.jsxs)(Sidebar_1.Sidebar, __assign({ animate: true, opened: isOpen }, { children: [versions, (0, jsx_runtime_1.jsx)(MenuContainer_1.MenuContainer, { children: menu })] }))] })));
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/SidebarLayout" },
+        react_1.default.createElement(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }),
+        react_1.default.createElement(Sidebar_1.Sidebar, { animate: true, opened: isOpen },
+            versions,
+            react_1.default.createElement(MenuContainer_1.MenuContainer, null, menu))));
 }
 exports.SidebarLayout = SidebarLayout;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));

package/SidebarLogo/SidebarLogo.js

@@ -3,31 +3,20 @@ 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.SidebarLogo = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 function SidebarLogo(_a) {
     var _b = _a === void 0 ? {} : _a, imageUrl = _b.imageUrl, href = _b.href, altText = _b.altText, backgroundColor = _b.backgroundColor, dataTestId = _b.dataTestId;
     if (!imageUrl) {
         return null;
     }
-    var logo = (0, jsx_runtime_1.jsx)(LogoImgEl, { src: imageUrl, alt: altText || 'logo' });
-    return ((0, jsx_runtime_1.jsx)(LogoWrap, __assign({ "data-cy": dataTestId, style: { backgroundColor: backgroundColor } }, { children: href ? (0, jsx_runtime_1.jsx)(Link, __assign({ href: href }, { children: logo })) : logo })));
+    var logo = react_1.default.createElement(LogoImgEl, { src: imageUrl, alt: altText || 'logo' });
+    return (react_1.default.createElement(LogoWrap, { "data-cy": dataTestId, style: { backgroundColor: backgroundColor } }, href ? react_1.default.createElement(Link, { href: href }, logo) : logo));
 }
 exports.SidebarLogo = SidebarLogo;
 var LogoImgEl = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-height: var(--logo-max-height);\n  max-width: var(--logo-max-width);\n  padding: var(--logo-padding);\n  width: 100%;\n  display: block;\n"], ["\n  max-height: var(--logo-max-height);\n  max-width: var(--logo-max-width);\n  padding: var(--logo-padding);\n  width: 100%;\n  display: block;\n"])));

package/SourceCode/SourceCode.js

@@ -1,24 +1,16 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SourceCode = exports.Code = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var utils_1 = require("../utils");
 var SamplesPanelControls_1 = require("../SamplesPanelControls");
 var CopyButton_1 = require("../CopyButton");
 function Code(_a) {
     var source = _a.source, lang = _a.lang, dataTestId = _a.dataTestId;
-    return ((0, jsx_runtime_1.jsx)(SamplesPanelControls_1.PreformattedCodeBlock, { dangerouslySetInnerHTML: { __html: (0, utils_1.highlight)(source, lang) }, "data-cy": dataTestId }));
+    return (react_1.default.createElement(SamplesPanelControls_1.PreformattedCodeBlock, { dangerouslySetInnerHTML: { __html: (0, utils_1.highlight)(source, lang) }, "data-cy": dataTestId }));
 }
 exports.Code = Code;
 function SourceCode(_a) {
@@ -26,11 +18,13 @@ function SourceCode(_a) {
     var lang = _a.lang, source = _a.source, externalSource = _a.externalSource, withCopyButton = _a.withCopyButton, _d = _a.dataTestId, dataTestId = _d === void 0 ? 'source-code' : _d;
     var _source = source || ((_c = (_b = externalSource === null || externalSource === void 0 ? void 0 : externalSource.sample) === null || _b === void 0 ? void 0 : _b.get) === null || _c === void 0 ? void 0 : _c.call(_b, externalSource)) || '';
     if (withCopyButton) {
-        return ((0, jsx_runtime_1.jsx)(CopyButton_1.CopyButtonWrapper, __assign({ data: source }, { children: function (_a) {
-                var renderCopyButton = _a.renderCopyButton;
-                return ((0, jsx_runtime_1.jsxs)(SamplesPanelControls_1.SampleControlsWrap, { children: [(0, jsx_runtime_1.jsx)(SamplesPanelControls_1.SampleControls, __assign({ "data-cy": "copy-button" }, { children: renderCopyButton() })), (0, jsx_runtime_1.jsx)(Code, { lang: lang, source: _source, dataTestId: dataTestId })] }));
-            } })));
+        return (react_1.default.createElement(CopyButton_1.CopyButtonWrapper, { data: source }, function (_a) {
+            var renderCopyButton = _a.renderCopyButton;
+            return (react_1.default.createElement(SamplesPanelControls_1.SampleControlsWrap, null,
+                react_1.default.createElement(SamplesPanelControls_1.SampleControls, { "data-cy": "copy-button" }, renderCopyButton()),
+                react_1.default.createElement(Code, { lang: lang, source: _source, dataTestId: dataTestId })));
+        }));
     }
-    return (0, jsx_runtime_1.jsx)(Code, { dataTestId: dataTestId, lang: lang, source: _source });
+    return react_1.default.createElement(Code, { dataTestId: dataTestId, lang: lang, source: _source });
 }
 exports.SourceCode = SourceCode;

package/TableOfContent/TableOfContent.js

@@ -3,24 +3,35 @@ 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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableOfContent = 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 useFullHeight_1 = require("../hooks/useFullHeight");
 var useActiveHeading_1 = require("../hooks/useActiveHeading");
@@ -35,20 +46,23 @@ function TableOfContent(props) {
     if (!(headings === null || headings === void 0 ? void 0 : headings.length)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headings && ((0, jsx_runtime_1.jsx)(TableOfContentMenu, __assign({ "data-component-name": "TableOfContent/TableOfContent" }, { children: (0, jsx_runtime_1.jsxs)(TableOfContentItems, __assign({ ref: sidebar }, { children: [(0, jsx_runtime_1.jsx)(TocHeader, { children: "On this page" }), headings.map(function (heading, idx) {
-                        // TODO: not sure about !heading
-                        if (!heading) {
-                            return null;
-                        }
-                        if (idx === 0 && heading.depth === 1) {
-                            return null;
-                        }
-                        if (heading.depth && heading.depth > tocMaxDepth) {
-                            return null;
-                        }
-                        var href = '#' + heading.id;
-                        return ((0, jsx_runtime_1.jsx)(MenuItem, { href: href, depth: heading.depth || 0, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }, href));
-                    })] })) }))) }));
+    return (react_1.default.createElement(react_1.default.Fragment, null, headings && (react_1.default.createElement(TableOfContentMenu, { "data-component-name": "TableOfContent/TableOfContent" },
+        react_1.default.createElement(TableOfContentItems, { ref: sidebar },
+            react_1.default.createElement(TocHeader, null, "On this page"),
+            headings.map(function (heading, idx) {
+                // TODO: not sure about !heading
+                if (!heading) {
+                    return null;
+                }
+                if (idx === 0 && heading.depth === 1) {
+                    return null;
+                }
+                if (heading.depth && heading.depth > tocMaxDepth) {
+                    return null;
+                }
+                var href = '#' + heading.id;
+                return (react_1.default.createElement(MenuItem, { key: href, href: href, depth: heading.depth || 0, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }));
+            }))))));
 }
 exports.TableOfContent = TableOfContent;
 var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"], ["\n  font-size: 0.8em;\n  padding: 10px 15px;\n  font-weight: bold;\n  text-transform: uppercase;\n"])));

package/Tooltip/Tooltip.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,8 +28,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = exports.TooltipComponent = 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 hooks_1 = require("../hooks");
 function TooltipComponent(_a) {
@@ -63,7 +51,9 @@ function TooltipComponent(_a) {
     var handleLeave = (0, react_1.useCallback)(function () {
         handleClose();
     }, [handleClose]);
-    return ((0, jsx_runtime_1.jsxs)(TooltipWrapper, __assign({ onMouseEnter: isControlled ? undefined : handleEnter, onMouseLeave: isControlled ? undefined : handleLeave, onClick: isControlled ? undefined : handleLeave, className: "tooltip-".concat(className) }, { children: [children, isOpened && ((0, jsx_runtime_1.jsx)(TooltipBody, __assign({ "data-cy": dataTestId, placement: placement, width: width }, { children: tip })))] })));
+    return (react_1.default.createElement(TooltipWrapper, { onMouseEnter: isControlled ? undefined : handleEnter, onMouseLeave: isControlled ? undefined : handleLeave, onClick: isControlled ? undefined : handleLeave, className: "tooltip-".concat(className) },
+        children,
+        isOpened && (react_1.default.createElement(TooltipBody, { "data-cy": dataTestId, placement: placement, width: width }, tip))));
 }
 exports.TooltipComponent = TooltipComponent;
 exports.Tooltip = (0, react_1.memo)(TooltipComponent);

package/globalStyle.js

@@ -22,7 +22,7 @@ var links = (0, styled_components_1.css)(templateObject_13 || (templateObject_13
 var openapiAndGraphqlDocs = (0, styled_components_1.css)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  /* === ref docs and graphql docs specific === */\n\n  /**\n    * @tokens OpenAPI-GraphQL Logo\n    */\n  --logo-max-height: 285px;\n  --logo-max-width: 285px;\n  --logo-padding: 2px;\n\n  /**\n    * @tokens OpenAPI-GraphQL Layout\n    */\n  --layout-buttons-top-offset: 20px; // @presenter Spacing\n  --layout-buttons-height: 36px; // @presenter Spacing\n  --layout-buttons-width: 36px; // @presenter Spacing\n\n  --layout-stacked-small-max-width: 90%;\n  --layout-stacked-medium-max-width: 75%;\n  --layout-stacked-large-max-width: 1200px;\n\n  --layout-three-panel-small-max-width: 100%;\n  --layout-three-panel-medium-max-width: 100%;\n  --layout-three-panel-large-max-width: 1800px;\n\n  --layout-middle-panel-small-max-width: none;\n  --layout-middle-panel-medium-max-width: none;\n  --layout-middle-panel-large-max-width: none;\n\n  /**\n    * @tokens OpenAPI-GraphQL Schema\n    */\n  --schema-lines-color: var(--global-border-color); // @presenter Color\n  --schema-default-details-width: 70%;\n  --schema-type-name-color: var(--color-content-secondary); // @presenter Color\n  --schema-type-title-color: var(--color-content-secondary); // @presenter Color\n  --schema-require-label-color: var(--color-error-900); // @presenter Color\n  --schema-labels-text-size: 0.9em; // @presenter Spacing\n  --schema-nesting-spacing: 1em; // @presenter Spacing\n  --schema-nested-background-color: var(--color-secondary-200); // @presenter Color\n  --schema-chevron-color: var(--color-content); // @presenter Color\n  --schema-chevron-size: 9px; // @presenter Spacing\n\n  --schema-controls-color: var(--color-emphasis-800); // @presenter Color\n  --schema-controls-background-color: var(--color-secondary-400); // @presenter Color\n  --schema-controls-hover-background-color: var(--color-secondary-500); // @presenter Color\n  --schema-controls-border-color: var(--color-secondary-600); // @presenter Color\n\n  --field-name-font-size: var(--code-font-size); // @presenter FontSize\n  --field-name-font-family: var(--code-font-family); // @presenter FontFamily\n  --field-example-color: var(--color-content); // @presenter Color\n  --field-example-background-color: var(--inline-code-background-color); // @presenter Color\n  --field-constraint-color: var(--color-content); // @presenter Color\n  --field-constraint-background-color: var(--inline-code-background-color); // @presenter Color\n\n  /**\n    * @tokens OpenAPI-GraphQL Search\n    * @presenter Color\n    */\n  --search-input-border-bottom: #e6e6e6;\n  --search-results-background-color: #f2f2f2;\n  --search-results-active-item-background-color: #e6e6e6;\n  --search-marked-background-color: #ffff03;\n  --search-popup-header-background-color: var(--color-secondary-200);\n  --search-clear-button-background-color: var(--color-secondary-400);\n  --search-clear-button-hover-background-color: var(--color-secondary-600);\n\n  /*\n    * @tokens OpenAPI-GraphQL Badge\n    */\n  --badge-color: var(--color-emphasis-100); // @presenter Color\n  --badge-background-color: var(--color-primary-500); // @presenter Color\n  --deprecated-badge-color: var(--color-emphasis-100); // @presenter Color\n  --deprecated-badge-background-color: var(--color-warning-500); // @presenter Color\n\n  --http-badge-font-size: 12px; // @presenter FontSize\n  --http-badge-line-height: 20px; // @presenter LineHeight\n  --http-badge-font-family: var(--code-font-family); // @presenter FontFamily\n  --http-badge-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --http-badge-border-radius: 16px; // @presenter BorderRadius\n  --http-badge-color: var(--color-content-inverse); // @presenter Color\n\n  --http-badge-menu-font-size: 8px; // @presenter FontSize\n  --http-badge-menu-line-height: 14px; // @presenter FontSize\n\n  /**\n    * @tokens OpenAPI-GraphQL Other\n    */\n  --recursive-label-color: var(--color-warning-500); // @presenter Color\n  --spinner-color: var(--color-primary-500); // @presenter Color\n  --linear-progress-color: var(--color-accent-500); // @presenter Color\n  --linear-progress-background-color: var(--color-accent-100); // @presenter Color\n\n  /* Floating action button */\n  --fab-color: #0065fb; // @presenter Color\n  --fab-background-color: #f2f2f2; // @presenter Color\n\n  // @tokens End\n"], ["\n  /* === ref docs and graphql docs specific === */\n\n  /**\n    * @tokens OpenAPI-GraphQL Logo\n    */\n  --logo-max-height: 285px;\n  --logo-max-width: 285px;\n  --logo-padding: 2px;\n\n  /**\n    * @tokens OpenAPI-GraphQL Layout\n    */\n  --layout-buttons-top-offset: 20px; // @presenter Spacing\n  --layout-buttons-height: 36px; // @presenter Spacing\n  --layout-buttons-width: 36px; // @presenter Spacing\n\n  --layout-stacked-small-max-width: 90%;\n  --layout-stacked-medium-max-width: 75%;\n  --layout-stacked-large-max-width: 1200px;\n\n  --layout-three-panel-small-max-width: 100%;\n  --layout-three-panel-medium-max-width: 100%;\n  --layout-three-panel-large-max-width: 1800px;\n\n  --layout-middle-panel-small-max-width: none;\n  --layout-middle-panel-medium-max-width: none;\n  --layout-middle-panel-large-max-width: none;\n\n  /**\n    * @tokens OpenAPI-GraphQL Schema\n    */\n  --schema-lines-color: var(--global-border-color); // @presenter Color\n  --schema-default-details-width: 70%;\n  --schema-type-name-color: var(--color-content-secondary); // @presenter Color\n  --schema-type-title-color: var(--color-content-secondary); // @presenter Color\n  --schema-require-label-color: var(--color-error-900); // @presenter Color\n  --schema-labels-text-size: 0.9em; // @presenter Spacing\n  --schema-nesting-spacing: 1em; // @presenter Spacing\n  --schema-nested-background-color: var(--color-secondary-200); // @presenter Color\n  --schema-chevron-color: var(--color-content); // @presenter Color\n  --schema-chevron-size: 9px; // @presenter Spacing\n\n  --schema-controls-color: var(--color-emphasis-800); // @presenter Color\n  --schema-controls-background-color: var(--color-secondary-400); // @presenter Color\n  --schema-controls-hover-background-color: var(--color-secondary-500); // @presenter Color\n  --schema-controls-border-color: var(--color-secondary-600); // @presenter Color\n\n  --field-name-font-size: var(--code-font-size); // @presenter FontSize\n  --field-name-font-family: var(--code-font-family); // @presenter FontFamily\n  --field-example-color: var(--color-content); // @presenter Color\n  --field-example-background-color: var(--inline-code-background-color); // @presenter Color\n  --field-constraint-color: var(--color-content); // @presenter Color\n  --field-constraint-background-color: var(--inline-code-background-color); // @presenter Color\n\n  /**\n    * @tokens OpenAPI-GraphQL Search\n    * @presenter Color\n    */\n  --search-input-border-bottom: #e6e6e6;\n  --search-results-background-color: #f2f2f2;\n  --search-results-active-item-background-color: #e6e6e6;\n  --search-marked-background-color: #ffff03;\n  --search-popup-header-background-color: var(--color-secondary-200);\n  --search-clear-button-background-color: var(--color-secondary-400);\n  --search-clear-button-hover-background-color: var(--color-secondary-600);\n\n  /*\n    * @tokens OpenAPI-GraphQL Badge\n    */\n  --badge-color: var(--color-emphasis-100); // @presenter Color\n  --badge-background-color: var(--color-primary-500); // @presenter Color\n  --deprecated-badge-color: var(--color-emphasis-100); // @presenter Color\n  --deprecated-badge-background-color: var(--color-warning-500); // @presenter Color\n\n  --http-badge-font-size: 12px; // @presenter FontSize\n  --http-badge-line-height: 20px; // @presenter LineHeight\n  --http-badge-font-family: var(--code-font-family); // @presenter FontFamily\n  --http-badge-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --http-badge-border-radius: 16px; // @presenter BorderRadius\n  --http-badge-color: var(--color-content-inverse); // @presenter Color\n\n  --http-badge-menu-font-size: 8px; // @presenter FontSize\n  --http-badge-menu-line-height: 14px; // @presenter FontSize\n\n  /**\n    * @tokens OpenAPI-GraphQL Other\n    */\n  --recursive-label-color: var(--color-warning-500); // @presenter Color\n  --spinner-color: var(--color-primary-500); // @presenter Color\n  --linear-progress-color: var(--color-accent-500); // @presenter Color\n  --linear-progress-background-color: var(--color-accent-100); // @presenter Color\n\n  /* Floating action button */\n  --fab-color: #0065fb; // @presenter Color\n  --fab-background-color: #f2f2f2; // @presenter Color\n\n  // @tokens End\n"])));
 var footer = (0, styled_components_1.css)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  /**\n    * @tokens Footer\n    */\n  --footer-background-color: var(--color-primary-500); // @presenter Color\n  --footer-text-color: #fff; // @presenter Color\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Footer\n    */\n  --footer-background-color: var(--color-primary-500); // @presenter Color\n  --footer-text-color: #fff; // @presenter Color\n\n  // @tokens End\n"])));
 var logo = (0, styled_components_1.css)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  /**\n    * @tokens Logo\n    */\n  --logo-height: 2rem; // @presenter Spacing\n  --logo-margin: var(--sidebar-margin-left); // @presenter Spacing\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Logo\n    */\n  --logo-height: 2rem; // @presenter Spacing\n  --logo-margin: var(--sidebar-margin-left); // @presenter Spacing\n\n  // @tokens End\n"])));
-var navbar = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  /**\n    * @tokens Navbar\n    */\n  --navbar-height: 60px; // @presenter Spacing\n  --navbar-text-color: #fff; // @presenter Color\n  --navbar-background-color: var(--color-primary-500); // @presenter Color\n\n  /**\n    * @tokens Navbar Item\n    * */\n  --navbar-item-font-size: 16px; // @presenter FontSize\n  --navbar-item-margin-horizontal: 0; // @presenter Spacing\n  --navbar-item-margin-vertical: 0; // @presenter Spacing\n  --navbar-item-border-radius: 10px; // @presenter BorderRadius\n  --navbar-item-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --navbar-item-active-background-color: #1b75fa; // @presenter Color\n  --navbar-item-active-text-color: var(--navbar-text-color); // @presenter Color\n  --navbar-item-active-text-decoration: none;\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Navbar\n    */\n  --navbar-height: 60px; // @presenter Spacing\n  --navbar-text-color: #fff; // @presenter Color\n  --navbar-background-color: var(--color-primary-500); // @presenter Color\n\n  /**\n    * @tokens Navbar Item\n    * */\n  --navbar-item-font-size: 16px; // @presenter FontSize\n  --navbar-item-margin-horizontal: 0; // @presenter Spacing\n  --navbar-item-margin-vertical: 0; // @presenter Spacing\n  --navbar-item-border-radius: 10px; // @presenter BorderRadius\n  --navbar-item-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --navbar-item-active-background-color: #1b75fa; // @presenter Color\n  --navbar-item-active-text-color: var(--navbar-text-color); // @presenter Color\n  --navbar-item-active-text-decoration: none;\n\n  // @tokens End\n"])));
+var navbar = (0, styled_components_1.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  /**\n    * @tokens Navbar\n    */\n  --navbar-height: 60px; // @presenter Spacing\n  --navbar-text-color: #fff; // @presenter Color\n  --navbar-background-color: var(--color-primary-500); // @presenter Color\n  --navbar-drowpdown-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.5);\n\n  /**\n    * @tokens Navbar Item\n    * */\n  --navbar-item-font-size: 16px; // @presenter FontSize\n  --navbar-item-margin-horizontal: 0; // @presenter Spacing\n  --navbar-item-margin-vertical: 0; // @presenter Spacing\n  --navbar-item-border-radius: 10px; // @presenter BorderRadius\n  --navbar-item-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --navbar-item-active-background-color: #1b75fa; // @presenter Color\n  --navbar-item-active-text-color: var(--navbar-text-color); // @presenter Color\n  --navbar-item-active-text-decoration: none;\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Navbar\n    */\n  --navbar-height: 60px; // @presenter Spacing\n  --navbar-text-color: #fff; // @presenter Color\n  --navbar-background-color: var(--color-primary-500); // @presenter Color\n  --navbar-drowpdown-shadow: 4px 4px 15px -2px rgba(0, 0, 0, 0.5);\n\n  /**\n    * @tokens Navbar Item\n    * */\n  --navbar-item-font-size: 16px; // @presenter FontSize\n  --navbar-item-margin-horizontal: 0; // @presenter Spacing\n  --navbar-item-margin-vertical: 0; // @presenter Spacing\n  --navbar-item-border-radius: 10px; // @presenter BorderRadius\n  --navbar-item-font-weight: var(--font-weight-bold); // @presenter FontWeight\n  --navbar-item-active-background-color: #1b75fa; // @presenter Color\n  --navbar-item-active-text-color: var(--navbar-text-color); // @presenter Color\n  --navbar-item-active-text-decoration: none;\n\n  // @tokens End\n"])));
 var toc = (0, styled_components_1.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  /**\n    * @tokens TOC\n    * */\n  --toc-width: 240px;\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens TOC\n    * */\n  --toc-width: 240px;\n\n  // @tokens End\n"])));
 var markdown = (0, styled_components_1.css)(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  /**\n    * @tokens Markdown\n    * */\n  --content-wrapper-max-width: 910px;\n  --content-wrapper-padding-vertical: 25px; // @presenter Spacing\n  --content-wrapper-padding-horizontal: 0px; // @presenter Spacing\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Markdown\n    * */\n  --content-wrapper-max-width: 910px;\n  --content-wrapper-padding-vertical: 25px; // @presenter Spacing\n  --content-wrapper-padding-horizontal: 0px; // @presenter Spacing\n\n  // @tokens End\n"])));
 var blockquote = (0, styled_components_1.css)(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  /**\n    * @tokens Blockquote\n    * */\n  // TODO: fix typo\n  --bloquote-margin-vertical: 1.5em; // @presenter Spacing\n  --bloquote-margin-horizontal: 0; // @presenter Spacing\n  --bloquote-padding-vertical: 0; // @presenter Spacing\n  --bloquote-padding-horizontal: calc(var(--spacing-unit) * 4); // @presenter Spacing\n  --bloquote-background-color: transparent; // @presenter Color\n\n  // @tokens End\n"], ["\n  /**\n    * @tokens Blockquote\n    * */\n  // TODO: fix typo\n  --bloquote-margin-vertical: 1.5em; // @presenter Spacing\n  --bloquote-margin-horizontal: 0; // @presenter Spacing\n  --bloquote-padding-vertical: 0; // @presenter Spacing\n  --bloquote-padding-horizontal: calc(var(--spacing-unit) * 4); // @presenter Spacing\n  --bloquote-background-color: transparent; // @presenter Color\n\n  // @tokens End\n"])));

package/icons/ShelfIcon/ShelfIcon.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,7 +28,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShelfIcon = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var utils_1 = require("../../utils");
 var directionMap = {
@@ -50,7 +39,9 @@ var directionMap = {
 };
 var IntShelfIcon = function (_a) {
     var className = _a.className, style = _a.style;
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: className, style: style, viewBox: "0 0 4.25 7", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z" })] })));
+    return (React.createElement("svg", { className: className, style: style, viewBox: "0 0 4.25 7", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" },
+        React.createElement("path", { d: "M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z" }),
+        React.createElement("path", { d: "M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z" })));
 };
 exports.ShelfIcon = (0, styled_components_1.default)(IntShelfIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  vertical-align: middle;\n  transition: transform 0.2s ease-out;\n"], ["\n  ", "\n  vertical-align: middle;\n  transition: transform 0.2s ease-out;\n"])), function (_a) {
     var _b = _a.size, size = _b === void 0 ? '9px' : _b, _c = _a.float, float = _c === void 0 ? '' : _c, direction = _a.direction, color = _a.color;