@redocly/theme 0.1.15 → 0.1.20

package/CopyButton/CopyButton.js

@@ -1,14 +1,26 @@
 "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 __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -48,8 +60,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyButton = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var Button_1 = require("../Button");
 var CopyButton = function (_a) {
     var text = _a.text, _b = _a.dataTestId, dataTestId = _b === void 0 ? 'copy-button' : _b;
@@ -68,6 +79,6 @@ var CopyButton = function (_a) {
             });
         });
     }
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, __assign({ color: "secondary", onClick: write, "data-cy": dataTestId }, { children: title })));
+    return (react_1.default.createElement(Button_1.Button, { color: "secondary", onClick: write, "data-cy": dataTestId }, title));
 };
 exports.CopyButton = CopyButton;

package/CopyButton/CopyButtonWrapper.js

@@ -1,19 +1,30 @@
 "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 __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.CopyButtonWrapper = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var SamplesPanelControls_1 = require("../SamplesPanelControls");
 var Tooltip_1 = require("../Tooltip");
 var hooks_1 = require("../hooks");
@@ -33,7 +44,8 @@ function CopyButtonWrapperComponent(_a) {
         showTooltip();
     };
     var renderCopyButton = function () {
-        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ className: "copy-button", tip: utils_1.ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser', open: tooltip.isOpened }, { children: (0, jsx_runtime_1.jsx)(SamplesPanelControls_1.SamplesControlButton, __assign({ onClick: copy, "data-cy": dataTestId }, { children: "Copy" })) })));
+        return (react_1.default.createElement(Tooltip_1.Tooltip, { className: "copy-button", tip: utils_1.ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser', open: tooltip.isOpened },
+            react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: copy, "data-cy": dataTestId }, "Copy")));
     };
     return children({ renderCopyButton: renderCopyButton });
 }

package/Footer/CustomFooter.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { NavGroupRecord } from '@theme/types/portal';
+interface FooterProps {
+    data: NavGroupRecord;
+}
+export declare function CustomFooter({ data }: FooterProps): JSX.Element | null;
+export {};

package/Footer/CustomFooter.js

@@ -0,0 +1,31 @@
+"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.CustomFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var CustomFooterNavItem_1 = require("../Footer/CustomFooterNavItem");
+var FooterCopyright_1 = require("../Footer/FooterCopyright");
+function CustomFooter(_a) {
+    var data = _a.data;
+    if (!data) {
+        return null;
+    }
+    return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/CustomFooter" },
+        data.links.map(function (navItem, index) {
+            return (react_1.default.createElement(CustomFooterNavItem_1.CustomFooterNavItem, { key: "".concat(navItem.label, "_").concat(index), "data-cy": navItem.label, navItem: navItem }));
+        }),
+        react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: data.copyrightText })));
+}
+exports.CustomFooter = CustomFooter;
+var FooterContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: block;\n  background-color: var(--footer-background-color);\n  text-align: center;\n  font-family: var(--font-family-base);\n\n  ", " {\n    display: block;\n  }\n"], ["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: block;\n  background-color: var(--footer-background-color);\n  text-align: center;\n  font-family: var(--font-family-base);\n\n  ", " {\n    display: block;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.medium;
+});
+var templateObject_1;

package/Footer/CustomFooterNavItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ResolvedNavItem } from '@theme/types/portal';
+interface CustomFooterNavItemProps {
+    navItem: ResolvedNavItem;
+}
+export declare function CustomFooterNavItem({ navItem }: CustomFooterNavItemProps): JSX.Element;
+export {};

package/Footer/CustomFooterNavItem.js

@@ -0,0 +1,25 @@
+"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.CustomFooterNavItem = void 0;
+var react_1 = __importDefault(require("react"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Link_1 = require("../mocks/Link");
+function CustomFooterNavItem(_a) {
+    var navItem = _a.navItem;
+    var item = navItem;
+    return (react_1.default.createElement(FooterItem, { "data-component-name": "Navbar/NavbarItem" },
+        react_1.default.createElement(FooterLink, { to: item.link },
+            react_1.default.createElement(FooterLabel, null, item.label))));
+}
+exports.CustomFooterNavItem = CustomFooterNavItem;
+var FooterItem = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  text-align: center;\n  line-height: var(--line-height-base);\n  font-size: var(--navbar-item-font-size);\n  margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n  font-weight: var(--font-weight-regular);\n"], ["\n  display: inline-block;\n  text-align: center;\n  line-height: var(--line-height-base);\n  font-size: var(--navbar-item-font-size);\n  margin: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);\n  font-weight: var(--font-weight-regular);\n"])));
+var FooterLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: var(--footer-text-color);\n  text-decoration: none;\n"], ["\n  color: var(--footer-text-color);\n  text-decoration: none;\n"])));
+var FooterLabel = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n  vertical-align: middle;\n"], ["\n  cursor: pointer;\n  vertical-align: middle;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/Footer/Footer.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-import type { FooterConfig } from '@theme/types/portal';
-export declare function Footer({ columns, copyrightText }: FooterConfig): JSX.Element | null;
+import type { NavGroupRecord } from '@theme/types/portal';
+interface FooterProps {
+    data: NavGroupRecord;
+}
+export declare function Footer({ data: { columns, copyrightText } }: FooterProps): JSX.Element | null;
+export {};

package/Footer/Footer.js

@@ -3,32 +3,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = 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 FooterColumns_1 = require("../Footer/FooterColumns");
 var FooterCopyright_1 = require("../Footer/FooterCopyright");
 function Footer(_a) {
-    var columns = _a.columns, copyrightText = _a.copyrightText;
+    var _b = _a.data, columns = _b.columns, copyrightText = _b.copyrightText;
     if (!((columns === null || columns === void 0 ? void 0 : columns.length) || copyrightText)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(FooterContainer, __assign({ "data-component-name": "Footer/Footer" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumns_1.FooterColumns, { columns: columns }), (0, jsx_runtime_1.jsx)(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })] })));
+    return (react_1.default.createElement(FooterContainer, { "data-component-name": "Footer/Footer" },
+        react_1.default.createElement(FooterColumns_1.FooterColumns, { columns: columns }),
+        react_1.default.createElement(FooterCopyright_1.FooterCopyright, { copyrightText: copyrightText })));
 }
 exports.Footer = Footer;
 var FooterContainer = styled_components_1.default.footer(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--font-family-base);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"], ["\n  font-size: 1rem;\n  flex-shrink: 0;\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  font-family: var(--font-family-base);\n  a,\n  a:hover {\n    color: var(--footer-text-color);\n  }\n"])));

package/Footer/FooterColumn.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { FooterColumn as Column } from '@theme/types/portal';
+import type { ResolvedNavItem } from '@theme/types/portal';
 interface FooterColumnProps {
-    column: Column;
+    column: ResolvedNavItem;
 }
 export declare function FooterColumn({ column }: FooterColumnProps): JSX.Element;
 export {};

package/Footer/FooterColumn.js

@@ -3,33 +3,25 @@ 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.FooterColumn = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var Link_1 = require("../mocks/Link");
 function FooterColumn(_a) {
+    var _b;
     var column = _a.column;
-    return ((0, jsx_runtime_1.jsxs)(FooterColumnContainer, __assign({ "data-component-name": "Footer/FooterColumn" }, { children: [(0, jsx_runtime_1.jsx)(FooterColumnTitle, { children: column.group || column.label }), column.items.map(function (columnItem, columnItemIndex) {
-                if (columnItem.type === 'error') {
-                    return null;
-                }
-                return columnItem.type === 'separator' ? ((0, jsx_runtime_1.jsx)(FooterSeparator, { children: columnItem.label }, columnItem.label + '_' + columnItemIndex)) : ((0, jsx_runtime_1.jsx)(FooterLink, __assign({ to: columnItem.link, "data-cy": columnItem.label }, { children: columnItem.label }), columnItemIndex));
-            })] })));
+    return (react_1.default.createElement(FooterColumnContainer, { "data-component-name": "Footer/FooterColumn" },
+        react_1.default.createElement(FooterColumnTitle, null, column.label), (_b = column === null || column === void 0 ? void 0 : column.items) === null || _b === void 0 ? void 0 :
+        _b.map(function (columnItem, columnItemIndex) {
+            if (columnItem.type === 'error') {
+                return null;
+            }
+            return columnItem.type === 'separator' ? (react_1.default.createElement(FooterSeparator, { key: columnItem.label + '_' + columnItemIndex }, columnItem.label)) : (react_1.default.createElement(FooterLink, { key: columnItemIndex, to: columnItem.link, "data-cy": columnItem.label }, columnItem.label));
+        })));
 }
 exports.FooterColumn = FooterColumn;
 var FooterColumnTitle = styled_components_1.default.p(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--h-font-family);\n"], ["\n  display: inline-block;\n  font-weight: var(--font-weight-regular);\n  font-size: 24px;\n  margin-bottom: 1.5em;\n  font-family: var(--h-font-family);\n"])));

package/Footer/FooterColumns.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
-import type { FooterConfig } from '@theme/types/portal';
-export declare function FooterColumns({ columns, }: {
-    columns?: FooterConfig['columns'];
-}): JSX.Element | null;
+import type { NavGroup } from '@theme/types/portal';
+interface FooterColumnsProps {
+    columns: NavGroup;
+}
+export declare function FooterColumns({ columns }: FooterColumnsProps): JSX.Element | null;
 export declare const FooterColumnsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FooterRow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/Footer/FooterColumns.js

@@ -3,31 +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.FooterRow = exports.FooterColumnsContainer = exports.FooterColumns = 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 FooterColumn_1 = require("../Footer/FooterColumn");
 function FooterColumns(_a) {
-    var _b = _a.columns, columns = _b === void 0 ? [] : _b;
-    if (!(columns === null || columns === void 0 ? void 0 : columns.length)) {
+    var columns = _a.columns;
+    if (typeof columns === 'string' || typeof columns === 'undefined' || !(columns === null || columns === void 0 ? void 0 : columns.length)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(exports.FooterColumnsContainer, __assign({ "data-component-name": "Footer/FooterColumns" }, { children: (0, jsx_runtime_1.jsx)(exports.FooterRow, { children: columns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(FooterColumn_1.FooterColumn, { column: column }, index)); }) }) })));
+    return (react_1.default.createElement(exports.FooterColumnsContainer, { "data-component-name": "Footer/FooterColumns" },
+        react_1.default.createElement(exports.FooterRow, null, columns.map(function (column, index) { return (react_1.default.createElement(FooterColumn_1.FooterColumn, { key: "".concat(column.label, "_").concat(index), column: column })); }))));
 }
 exports.FooterColumns = FooterColumns;
 exports.FooterColumnsContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 3em 20px 1em 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 1200px;\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"], ["\n  padding: 3em 20px 1em 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  max-width: 1200px;\n  margin: 0 auto;\n\n  ", " {\n    padding: 5.625em 20px 3.9375em 20px;\n  }\n\n  ", " {\n    color: black;\n    display: none;\n  }\n"])), function (_a) {

package/Footer/FooterCopyright.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import type { FooterConfig } from '@theme/types/portal';
-export declare function FooterCopyright({ copyrightText, }: {
-    copyrightText?: FooterConfig['copyrightText'];
-}): JSX.Element | null;
+import type { NavGroup } from '@theme/types/portal';
+interface FooterCopyrightProps {
+    copyrightText: NavGroup;
+}
+export declare function FooterCopyright({ copyrightText }: FooterCopyrightProps): JSX.Element | null;
+export {};

package/Footer/FooterCopyright.js

@@ -3,27 +3,16 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __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.FooterCopyright = 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 FooterCopyright(_a) {
     var _b = _a.copyrightText, copyrightText = _b === void 0 ? '' : _b;
-    return copyrightText ? ((0, jsx_runtime_1.jsx)(Wrapper, __assign({ "data-component-name": "Footer/FooterCopyright" }, { children: copyrightText }))) : null;
+    return copyrightText ? (react_1.default.createElement(Wrapper, { "data-component-name": "Footer/FooterCopyright" }, copyrightText)) : null;
 }
 exports.FooterCopyright = FooterCopyright;
 var Wrapper = styled_components_1.default.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  font-size: 0.875em;\n  padding: 1.5em 3em;\n  font-weight: var(--font-weight-bold);\n  background-color: var(--footer-background-color);\n  color: var(--footer-text-color);\n  text-align: center;\n  span {\n    max-width: 1200px;\n  }\n"])));

package/JsonViewer/JsonViewer.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.StyledCodeBlock = exports.JsonViewerWrap = exports.JsonViewer = exports.Json = 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 CopyButton_1 = require("../CopyButton");
 var SamplesPanelControls_1 = require("../SamplesPanelControls");
@@ -85,11 +96,17 @@ function JsonComponent(_a) {
     var renderInner = function (_a) {
         var renderCopyButton = _a.renderCopyButton;
         var showFoldingButtons = data && Object.values(data).some(function (value) { return typeof value === 'object' && value !== null; });
-        return ((0, jsx_runtime_1.jsxs)(exports.JsonViewerWrap, __assign({ "data-cy": "json-viewer" }, { children: [(0, jsx_runtime_1.jsxs)(SamplesPanelControls_1.SampleControls, __assign({ "data-cy": "buttons" }, { children: [renderCopyButton(), showFoldingButtons && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SamplesPanelControls_1.SamplesControlButton, __assign({ onClick: expandAll, "data-cy": "expand-all" }, { children: "Expand all" })), (0, jsx_runtime_1.jsx)(SamplesPanelControls_1.SamplesControlButton, __assign({ onClick: collapseAll, "data-cy": "collapse-all" }, { children: "Collapse all" }))] }))] })), (0, jsx_runtime_1.jsx)(exports.StyledCodeBlock, { className: className, ref: node, dangerouslySetInnerHTML: {
-                        __html: (0, utils_1.jsonToHTML)(data, jsonSampleExpandLevel),
-                    } })] })));
+        return (react_1.default.createElement(exports.JsonViewerWrap, { "data-cy": "json-viewer" },
+            react_1.default.createElement(SamplesPanelControls_1.SampleControls, { "data-cy": "buttons" },
+                renderCopyButton(),
+                showFoldingButtons && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: expandAll, "data-cy": "expand-all" }, "Expand all"),
+                    react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: collapseAll, "data-cy": "collapse-all" }, "Collapse all")))),
+            react_1.default.createElement(exports.StyledCodeBlock, { className: className, ref: node, dangerouslySetInnerHTML: {
+                    __html: (0, utils_1.jsonToHTML)(data, jsonSampleExpandLevel),
+                } })));
     };
-    return ((0, jsx_runtime_1.jsx)(CopyButton_1.CopyButtonWrapper, __assign({ "data-cy": "copy-button", data: data }, { children: renderInner })));
+    return (react_1.default.createElement(CopyButton_1.CopyButtonWrapper, { "data-cy": "copy-button", data: data }, renderInner));
 }
 exports.Json = (0, react_1.memo)(JsonComponent);
 exports.JsonViewer = (0, styled_components_1.default)(exports.Json)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styled_1.jsonStyles);

package/JsonViewer/styled.js

@@ -6,5 +6,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsonStyles = void 0;
 var styled_components_1 = require("styled-components");
-exports.jsonStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-size: var(--code-font-size);\n  font-family: var(--code-font-family);\n  white-space: var(--code-wrap, pre);\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' \u2026 ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding: 1px 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    font-family: var(--code-font-family);\n    font-size: var(--code-font-size);\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0 0 0 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"], ["\n  .redoc-json code > .collapser {\n    display: none;\n    pointer-events: none;\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-size: var(--code-font-size);\n  font-family: var(--code-font-family);\n  white-space: var(--code-wrap, pre);\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' \u2026 ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding: 1px 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    font-family: var(--code-font-family);\n    font-size: var(--code-font-size);\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0 0 0 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"])));
+exports.jsonStyles = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .redoc-json code {\n    background-color: var(--samples-panel-controls-background-color);\n    color: var(--color-content-inverse);\n    padding: inherit;\n    border: none;\n\n    & > .collapser {\n      display: none;\n      pointer-events: none;\n    }\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-size: var(--code-font-size);\n  font-family: var(--code-font-family);\n  white-space: var(--code-wrap, pre);\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' \u2026 ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding: 1px 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    font-family: var(--code-font-family);\n    font-size: var(--code-font-size);\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0 0 0 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"], ["\n  .redoc-json code {\n    background-color: var(--samples-panel-controls-background-color);\n    color: var(--color-content-inverse);\n    padding: inherit;\n    border: none;\n\n    & > .collapser {\n      display: none;\n      pointer-events: none;\n    }\n  }\n\n  contain: content;\n  overflow-x: auto;\n  padding: 10px;\n  border-radius: var(--global-border-radius);\n  background-color: var(--samples-panel-controls-background-color);\n  color: var(--color-content-inverse);\n  font-size: var(--code-font-size);\n  font-family: var(--code-font-family);\n  white-space: var(--code-wrap, pre);\n\n  .callback-function {\n    color: gray;\n  }\n\n  .collapser:after {\n    content: '-';\n    cursor: pointer;\n  }\n\n  .collapsed > .collapser:after {\n    content: '+';\n    cursor: pointer;\n  }\n\n  .ellipsis:after {\n    content: ' \u2026 ';\n  }\n\n  .collapsible {\n    margin-left: 2ch;\n  }\n\n  .hoverable {\n    padding: 1px 2px;\n  }\n\n  .hovered {\n    background-color: rgba(235, 238, 249, 1);\n  }\n\n  .collapser {\n    background-color: transparent;\n    border: 0;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 15px;\n    height: 15px;\n    position: absolute;\n    top: 4px;\n    left: -1.5em;\n    cursor: default;\n    user-select: none;\n    -webkit-user-select: none;\n    padding: 2px;\n    font-family: var(--code-font-family);\n    font-size: var(--code-font-size);\n    &:focus {\n      outline: #fff dotted 1px;\n    }\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0 0 0 26px;\n  }\n\n  li {\n    position: relative;\n    display: block;\n  }\n\n  .hoverable {\n    display: inline-block;\n  }\n\n  .selected {\n    outline-width: 1px;\n    outline-style: dotted;\n  }\n\n  .collapsed > .collapsible {\n    display: none;\n  }\n\n  .ellipsis {\n    display: none;\n  }\n\n  .collapsed > .ellipsis {\n    display: inherit;\n  }\n"])));
 var templateObject_1;

package/Layout/PageLayout.js

@@ -3,27 +3,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageLayout = 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 PageLayout(_a) {
     var sidebar = _a.sidebar, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(Container, __assign({ "data-component-name": "Layout/PageLayout" }, { children: [sidebar, (0, jsx_runtime_1.jsx)(ContentContainer, { children: children })] })));
+    return (react_1.default.createElement(Container, { "data-component-name": "Layout/PageLayout" },
+        sidebar,
+        react_1.default.createElement(ContentContainer, null, children)));
 }
 exports.PageLayout = PageLayout;
 var Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100vh - var(--navbar-height));\n"], ["\n  display: flex;\n  flex-direction: row;\n  min-height: calc(100vh - var(--navbar-height));\n"])));

package/Layout/RootLayout.js

@@ -3,30 +3,22 @@ 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.RootLayout = 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 Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 function RootLayout(_a) {
     var navbar = _a.navbar, footer = _a.footer, children = _a.children;
     return (
     // TODO: rewrite it to avoid passing components as props
-    (0, jsx_runtime_1.jsxs)(Wrapper, __assign({ "data-component-name": "Layout/RootLayout" }, { children: [navbar, children, footer] })));
+    react_1.default.createElement(Wrapper, { "data-component-name": "Layout/RootLayout" },
+        navbar,
+        children,
+        footer));
 }
 exports.RootLayout = RootLayout;
 var templateObject_1;

package/Markdown/Admonition.js

@@ -3,28 +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.Admonition = 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 AlertIcon_1 = require("../ui/AlertIcon");
 function Admonition(_a) {
     var _b = _a.type, type = _b === void 0 ? 'info' : _b, name = _a.name, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ type: type, "data-component-name": "Markdown/Admonition/Admonition" }, { children: [(0, jsx_runtime_1.jsx)(AlertIcon_1.AlertIcon, { type: type }), name ? (0, jsx_runtime_1.jsx)(Heading, __assign({ type: type }, { children: name })) : null, (0, jsx_runtime_1.jsx)(Content, { children: children })] })));
+    return (react_1.default.createElement(Wrapper, { type: type, "data-component-name": "Markdown/Admonition/Admonition" },
+        react_1.default.createElement(AlertIcon_1.AlertIcon, { type: type }),
+        name ? react_1.default.createElement(Heading, { type: type }, name) : null,
+        react_1.default.createElement(Content, null, children)));
 }
 exports.Admonition = Admonition;
 var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  align-items: center;\n  margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n  padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n  padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n  border-radius: var(--admonition-border-radius);\n  font-size: var(--admonition-font-size);\n  font-weight: var(--admonition-font-weight);\n  line-height: var(--admonition-line-height);\n\n  ", "\n"], ["\n  position: relative;\n  align-items: center;\n  margin: var(--admonition-margin-vertical) var(--admonition-margin-horizontal);\n  padding: var(--admonition-padding-vertical) var(--admonition-padding-horizontal);\n  padding-left: calc(var(--admonition-padding-horizontal) * 2 + var(--admonition-icon-size));\n  border-radius: var(--admonition-border-radius);\n  font-size: var(--admonition-font-size);\n  font-weight: var(--admonition-font-weight);\n  line-height: var(--admonition-line-height);\n\n  ", "\n"])), function (_a) {