@redocly/theme 0.1.6 → 0.1.9

package/Sidebar/Separator.js

@@ -0,0 +1,32 @@
+"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 __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 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] })));
+}
+exports.Separator = Separator;
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var templateObject_1;

package/Sidebar/SeparatorItem.d.ts

@@ -0,0 +1,5 @@
+export declare const SeparatorItem: import("styled-components").StyledComponent<"li", any, {
+    'data-component-name': string;
+} & {
+    active?: boolean | undefined;
+}, "data-component-name">;

package/Sidebar/SeparatorItem.js

@@ -0,0 +1,14 @@
+"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.SeparatorItem = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+exports.SeparatorItem = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"], ["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-label-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"])));
+var templateObject_1;

package/Sidebar/SeparatorLine.d.ts

@@ -0,0 +1,3 @@
+export declare const SeparatorLine: import("styled-components").StyledComponent<"div", any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/Sidebar/SeparatorLine.js

@@ -0,0 +1,15 @@
+"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.SeparatorLine = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.SeparatorLine = styled_components_1.default.div.attrs(function () { return ({
+    'data-component-name': 'Sidebar/SeparatorLine',
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-padding-vertical) 0;\n"], ["\n  height: 1px;\n  background-color: var(--sidebar-separator-line-color);\n  margin: var(--sidebar-spacing-padding-vertical) 0;\n"])));
+var templateObject_1;

package/Sidebar/Sidebar.d.ts

@@ -0,0 +1,8 @@
+interface SidebarProps {
+    opened?: boolean;
+    animate?: boolean;
+}
+export declare const Sidebar: import("styled-components").StyledComponent<"aside", any, {
+    'data-component-name': string;
+} & SidebarProps, "data-component-name">;
+export {};

package/Sidebar/Sidebar.js

@@ -0,0 +1,24 @@
+"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.Sidebar = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Sidebar = styled_components_1.default.aside.attrs(function () { return ({
+    'data-component-name': 'Sidebar/Sidebar',
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  border-right: 1px solid var(--sidebar-right-line-color);\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background: var(--sidebar-background-color);\n  font-size: var(--sidebar-font-size);\n  font-family: var(--sidebar-font-family);\n  color: var(--sidebar-text-color);\n  top: var(--navbar-height);\n  height: calc(100vh - var(--navbar-height));\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  ", ";\n\n  ", " {\n    position: sticky;\n    pointer-events: auto;\n    display: flex;\n    opacity: 1;\n    flex-shrink: 0;\n    width: var(--sidebar-width);\n\n    & > * {\n      transform: none;\n    }\n  }\n\n  ", " {\n    transform: none;\n  }\n"])), function (_a) {
+    var opened = _a.opened, animate = _a.animate;
+    return "\n    opacity: ".concat(opened ? '1' : '0', ";\n    pointer-events: ").concat(opened ? 'auto' : 'none', ";\n    \n    & > * {\n      transform: ").concat(opened ? 'translate(0, 0)' : 'translate(0, 40px)', ";\n      transition: ").concat(animate ? 'transform 0.65s ease, opacity 0.25s ease;' : 'none', ";\n    }\n  ");
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.medium;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.large;
+});
+var templateObject_1;

package/Sidebar/SidebarLayout.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SidebarLayoutProps {
+    versions: React.ReactNode;
+    menu: React.ReactNode;
+}
+export declare function SidebarLayout({ versions, menu }: SidebarLayoutProps): JSX.Element;
+export {};

package/Sidebar/SidebarLayout.js

@@ -0,0 +1,36 @@
+"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 __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 styled_components_1 = __importDefault(require("styled-components"));
+var Sidebar_1 = require("../Sidebar/Sidebar");
+var useMobileMenu_1 = require("../hooks/useMobileMenu");
+var MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
+var MenuContainer_1 = require("../Sidebar/MenuContainer");
+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 })] }))] })));
+}
+exports.SidebarLayout = SidebarLayout;
+var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+var templateObject_1;

package/Sidebar/index.d.ts

@@ -0,0 +1,19 @@
+export * from './ApiCallItem';
+export * from './ArrowBack';
+export * from './BackButton';
+export * from './Drilldown';
+export * from './DrilldownMenu';
+export * from './DrilldownMenuItem';
+export * from './ExternalIcon';
+export * from './Menu';
+export * from './MenuContainer';
+export * from './MenuGroup';
+export * from './MenuItem';
+export * from './MenuItemLabel';
+export * from './MenuLink';
+export * from './MenuLinkItem';
+export * from './MobileSidebarButton';
+export * from './Separator';
+export * from './SeparatorItem';
+export * from './Sidebar';
+export * from './SidebarLayout';

package/Sidebar/index.js

@@ -0,0 +1,35 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ApiCallItem"), exports);
+__exportStar(require("./ArrowBack"), exports);
+__exportStar(require("./BackButton"), exports);
+__exportStar(require("./Drilldown"), exports);
+__exportStar(require("./DrilldownMenu"), exports);
+__exportStar(require("./DrilldownMenuItem"), exports);
+__exportStar(require("./ExternalIcon"), exports);
+__exportStar(require("./Menu"), exports);
+__exportStar(require("./MenuContainer"), exports);
+__exportStar(require("./MenuGroup"), exports);
+__exportStar(require("./MenuItem"), exports);
+__exportStar(require("./MenuItemLabel"), exports);
+__exportStar(require("./MenuLink"), exports);
+__exportStar(require("./MenuLinkItem"), exports);
+__exportStar(require("./MobileSidebarButton"), exports);
+__exportStar(require("./Separator"), exports);
+__exportStar(require("./SeparatorItem"), exports);
+__exportStar(require("./Sidebar"), exports);
+__exportStar(require("./SidebarLayout"), exports);

package/Sidebar/types/DrilldownMenuProps.d.ts

@@ -0,0 +1,6 @@
+import { ItemState } from '../../Sidebar/types/ItemState';
+export interface DrilldownMenuProps {
+    back: () => void;
+    item: ItemState;
+    prevActiveItem?: ItemState;
+}

package/Sidebar/types/DrilldownMenuProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Sidebar/types/ItemState.d.ts

@@ -0,0 +1,8 @@
+import { NavItem } from '../../Sidebar/types/NavItem';
+import { MenuStyle } from '../../Sidebar/types/MenuStyle';
+export interface ItemState extends NavItem {
+    items: ItemState[];
+    active: boolean;
+    hasActiveSubItem: boolean;
+    menuStyle?: MenuStyle;
+}

package/Sidebar/types/ItemState.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Sidebar/types/MenuItemProps.d.ts

@@ -0,0 +1,5 @@
+import { ItemState } from '../../Sidebar/types/ItemState';
+export interface MenuItemProps {
+    item: ItemState;
+    activeItem?: ItemState;
+}

package/Sidebar/types/MenuItemProps.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Sidebar/types/MenuStyle.d.ts

@@ -0,0 +1,3 @@
+export declare enum MenuStyle {
+    Drilldown = "drilldown"
+}

package/Sidebar/types/MenuStyle.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuStyle = void 0;
+//TODO: make default export
+var MenuStyle;
+(function (MenuStyle) {
+    MenuStyle["Drilldown"] = "drilldown";
+})(MenuStyle = exports.MenuStyle || (exports.MenuStyle = {}));

package/Sidebar/types/NavItem.d.ts

@@ -0,0 +1,26 @@
+import { MenuStyle } from '../../Sidebar/types/MenuStyle';
+export interface NavItem {
+    label?: string;
+    sublabel?: string;
+    icon?: string;
+    link?: string;
+    type?: string;
+    httpVerb?: string;
+    expanded?: string;
+    selectFirstItemOnExpand?: boolean;
+    pageId?: string;
+    redocPrevLink?: string;
+    redocPrevLabel?: string;
+    redocNextLink?: string;
+    redocNextLabel?: string;
+    redocFakePage?: boolean;
+    redocInfoPageId?: string;
+    target?: string;
+    external?: boolean;
+    items?: NavItem[];
+    permission?: string;
+    menuStyle?: MenuStyle;
+    separatorLine?: boolean;
+    version?: string;
+    default?: boolean;
+}

package/Sidebar/types/NavItem.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Sidebar/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DrilldownMenuProps';
+export * from './ItemState';
+export * from './MenuItemProps';
+export * from './MenuStyle';
+export * from './NavItem';

package/Sidebar/types/index.js

@@ -0,0 +1,21 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./DrilldownMenuProps"), exports);
+__exportStar(require("./ItemState"), exports);
+__exportStar(require("./MenuItemProps"), exports);
+__exportStar(require("./MenuStyle"), exports);
+__exportStar(require("./NavItem"), exports);

package/SourceCode/SourceCode.js

@@ -13,12 +13,12 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SourceCode = exports.Code = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var highlight_1 = require("../utils/highlight");
+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, highlight_1.highlight)(source, lang) }, "data-cy": dataTestId }));
+    return ((0, jsx_runtime_1.jsx)(SamplesPanelControls_1.PreformattedCodeBlock, { dangerouslySetInnerHTML: { __html: (0, utils_1.highlight)(source, lang) }, "data-cy": dataTestId }));
 }
 exports.Code = Code;
 function SourceCode(_a) {

package/TableOfContent/TableOfContent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MdHeading } from '@theme/types/portal';
+interface TableOfContentProps {
+    headings?: Array<MdHeading | null> | null | undefined;
+    contentWrapper: HTMLDivElement | null;
+    tocMaxDepth: number;
+}
+export declare function TableOfContent(props: TableOfContentProps): JSX.Element | null;
+export {};

package/TableOfContent/TableOfContent.js

@@ -0,0 +1,65 @@
+"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 __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.TableOfContent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var useFullHeight_1 = require("../hooks/useFullHeight");
+var useActiveHeading_1 = require("../hooks/useActiveHeading");
+function TableOfContent(props) {
+    var _a;
+    var headings = props.headings, tocMaxDepth = props.tocMaxDepth;
+    var sidebar = (0, react_1.useRef)(null);
+    (0, useFullHeight_1.useFullHeight)(sidebar);
+    var activeHeadingId = (0, useActiveHeading_1.useActiveHeading)(props.contentWrapper);
+    if (headings && headings.length === 1 && ((_a = headings[0]) === null || _a === void 0 ? void 0 : _a.depth) === 1) {
+        return null;
+    }
+    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, { depth: heading.depth || 0, href: href, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }, href));
+                    })] })) }))) }));
+}
+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"])));
+var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: block;\n  color: var(--color-text-main);\n  cursor: pointer;\n  font-size: 0.8em;\n  padding: 10px 15px;\n  padding-left: ", "px;\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--font-family-h);\n  :hover,\n  &.active {\n    color: var(--sidebar-text-active-color);\n    background-color: var(--sidebar-text-active-background-color);\n  }\n  :empty {\n    padding: 0;\n  }\n"])), function (_a) {
+    var depth = _a.depth;
+    return (depth - 1) * 15;
+});
+var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-primary);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"], ["\n  font-size: 1rem;\n  background-color: transparent;\n  flex-shrink: 0;\n  display: none !important;\n  font-family: var(--font-family-primary);\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mediaQueries.medium;
+});
+var TableOfContentItems = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--color-border-light);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"], ["\n  position: sticky;\n  top: calc(var(--navbar-height) + 20px);\n  max-height: calc(100vh - var(--navbar-height) - 20px);\n  border-left: 1px solid var(--color-border-light);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/TableOfContent/index.d.ts

@@ -0,0 +1 @@
+export * from './TableOfContent';

package/TableOfContent/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./TableOfContent"), exports);

package/globalStyle.js

@@ -6,5 +6,5 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalStyle = void 0;
 var styled_components_1 = require("styled-components");
-exports.GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /*\n  * Static classnames that can be used to override styles for components:\n  * download-specification-button, next-section-button, button-base\n  */\n  :root {\n    /* === Palette === */\n\n    /*\n    * Color palette\n    */\n    --color-primary-100: #62a1ff;\n    --color-primary-200: #4892ff;\n    --color-primary-300: #2f83ff;\n    --color-primary-400: #1573ff;\n    --color-primary-500: #0065fb;\n    --color-primary-600: #005be2;\n    --color-primary-700: #0050c8;\n    --color-primary-800: #0046af;\n    --color-primary-900: #003c95;\n\n    --color-secondary-100: #ffffff;\n    --color-secondary-200: #f5f7fa;\n    --color-secondary-300: #f3f4f6;\n    --color-secondary-400: #e4e7eb;\n    --color-secondary-500: #d5dae0;\n    --color-secondary-600: #c7cdd5;\n    --color-secondary-700: #b8c0ca;\n    --color-secondary-800: #a9b3c0;\n    --color-secondary-900: #9ba6b5;\n\n    --color-emphasis-100: #ffffff;\n    --color-emphasis-200: #e9eaec;\n    --color-emphasis-300: #cdd0d5;\n    --color-emphasis-400: #b2b6bd;\n    --color-emphasis-500: #969ca6;\n    --color-emphasis-600: #7a828f;\n    --color-emphasis-700: #626974;\n    --color-emphasis-800: #4b5058;\n    --color-emphasis-900: #1c1e21;\n\n    --color-accent-100: #b3dcf3;\n    --color-accent-200: #a6dfff;\n    --color-accent-300: #8cd5ff;\n    --color-accent-400: #73ccff;\n    --color-accent-500: #59c3ff;\n    --color-accent-600: #40baff;\n    --color-accent-700: #26b1ff;\n    --color-accent-800: #0da7ff;\n    --color-accent-900: #009bf2;\n\n    --color-success-100: #98eda0;\n    --color-success-200: #82e98c;\n    --color-success-300: #6ce678;\n    --color-success-400: #57e264;\n    --color-success-500: #41de50;\n    --color-success-600: #2bda3c;\n    --color-success-700: #23c933;\n    --color-success-800: #1fb32d;\n    --color-success-900: #1b9e28;\n\n    --color-warning-100: #ffc966;\n    --color-warning-200: #ffc04d;\n    --color-warning-300: #ffb733;\n    --color-warning-400: #ffae1a;\n    --color-warning-500: #ffa500;\n    --color-warning-600: #e69400;\n    --color-warning-700: #cc8400;\n    --color-warning-800: #b37300;\n    --color-warning-900: #996300;\n\n    --color-error-100: #ffc7c7;\n    --color-error-200: #ffaeae;\n    --color-error-300: #ff9494;\n    --color-error-400: #ff7b7b;\n    --color-error-500: #ff6161;\n    --color-error-600: #ff4747;\n    --color-error-700: #ff2e2e;\n    --color-error-800: #ff1414;\n    --color-error-900: #ff0000;\n\n    /* === Typography === */\n\n    --color-content: #1f2933;\n    --color-content-inverse: var(--color-secondary-200);\n    --color-content-secondary: #7b8794;\n\n    --font-size-base: 14px;\n    --line-height-base: 1.5em;\n    --font-weight-regular: 400;\n    --font-weight-bold: 600;\n    --font-weight-bolder: 700;\n    --font-family-base: Source Sans Pro, sans-serif;\n    --font-family-monospaced: Source Code Pro, monospace;\n\n    --smoothing: antialiased; // text-smoothing\n    --text-rendering: optimizeSpeed; // text-rendering\n\n    /*\n    * Spacing\n    */\n    --spacing-unit: 5px;\n    --spacing-horizontal: calc(var(--spacing-unit) * 8);\n    --spacing-vertical: calc(var(--spacing-unit) * 4);\n\n    /*\n    * Global\n    */\n    --global-border-radius: 4px;\n    --global-border-width: 1px;\n    --global-border-color: var(--color-secondary-400);\n    --global-border-color-secondary: #616e7c;\n    --global-background-color: transparent;\n\n    /* === Page layout === */\n    //TBD\n    /* === Navbar === */\n    //--navbar-height:\n    //TBD\n\n    /* === Menu (sidebar) === */\n\n    --sidebar-width: 285px;\n    --sidebar-background-color: #fff;\n    --sidebar-right-line-color: var(--global-border-color);\n    --sidebar-spacing-unit: 8px;\n    --sidebar-spacing-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-word-break: 'inherit';\n    --sidebar-separator-label-color: var(--sidebar-item-color);\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-chevron-color: var(--sidebar-item-color);\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n\n    --sidebar-item-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-border-radius: 4px;\n    --sidebar-item-font-family: var(--font-family-base);\n    --sidebar-item-font-size: var(--font-size-base);\n    --sidebar-item-color: var(--color-content);\n    --sidebar-item-active-color: var(--color-content);\n    --sidebar-item-background-color: #fff;\n    --sidebar-item-active-background-color: var(--global-border-color);\n\n    //TBD\n    /* === Footer === */\n    //TBD\n    /* === Table of contents === */\n    //TBD\n    /* === Various components: buttons, inputs, alerts, tooltip === */\n\n    /*\n    * Buttons\n    */\n    --button-color: white;\n    --button-background-color: var(--color-emphasis-500);\n    --button-hover-background-color: var(--color-emphasis-600);\n    --button-active-background-color: var(--color-emphasis-700);\n    --button-outlined-active-border-color: var(--color-emphasis-800);\n    --button-border-radius: var(--global-border-radius);\n    --button-font-family: inherit;\n    --button-font-weight: var(--font-weight-bold);\n    --button-box-shadow: none;\n    --button-active-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);\n\n    .button-color-primary {\n      --button-color: white;\n      --button-background-color: var(--color-primary-500);\n      --button-hover-background-color: var(--color-primary-600);\n      --button-active-background-color: var(--color-primary-700);\n      --button-outlined-active-border-color: var(--color-primary-800);\n    }\n\n    .button-color-secondary {\n      --button-color: var(--color-emphasis-800);\n      --button-background-color: var(--color-secondary-400);\n      --button-hover-background-color: var(--color-secondary-500);\n      --button-active-background-color: var(--color-secondary-600);\n      --button-outlined-active-border-color: var(--color-secondary-700);\n    }\n\n    --button-small-font-size: 12px;\n    --button-small-padding: 8px 10px;\n    --button-small-min-width: 90px;\n    --button-medium-font-size: 14px;\n    --button-medium-padding: 8px 20px;\n    --button-medium-min-width: 120px;\n    --button-large-font-size: 14px;\n    --button-large-padding: 12px 24px;\n    --button-large-min-width: 150px;\n    --button-xlarge-font-size: 16px;\n    --button-xlarge-padding: 20px 24px;\n    --button-xlarge-min-width: 200px;\n\n    /*\n    * Tooltip\n    */\n    --tooltip-color: var(--color-secondary-300);\n    --tooltip-background-color: #52606d;\n\n    .tooltip-copy-button {\n      --tooltip-color: #000;\n      --tooltip-background-color: #fff;\n    }\n\n    /* === Markdown/Page content (tables, inline code, blockquotes) === */\n\n    /*\n    * Headings\n    * --h-{css-property-name} is fallback for h1...h6\n    */\n    --h-font-family: Source Sans Pro, sans-serif;\n    --h-font-weight: var(--font-weight-bolder);\n    --h-color: var(--color-content);\n\n    --h1-font-size: 36px;\n    --h2-font-size: 28px;\n    --h3-font-size: 18px;\n    --h4-font-size: 16px;\n    --h5-font-size: 14px;\n    --h6-font-size: 12px;\n\n    --h1-line-height: 36px;\n    --h2-line-height: 28px;\n    --h3-line-height: 18px;\n    --h4-line-height: 16px;\n    --h5-line-height: 14px;\n    --h6-line-height: 12px;\n\n    --code-font-size: 13px;\n    --code-font-family: var(--font-family-monospaced);\n    --code-font-weight: 400;\n    --code-wrap: pre;\n\n    --inline-code-font-size: var(--code-font-size);\n    --inline-code-font-family: var(--code-font-family);\n    --inline-code-color: #e53935;\n    --inline-code-background-color: var(--color-secondary-200);\n    --inline-code-border-color: var(--global-border-color);\n    --inline-code-border-radius: var(--global-border-radius);\n\n    --code-block-font-size: var(--code-font-size);\n    --code-block-font-family: var(--code-font-family);\n    --code-block-color: #f1928f;\n    --code-block-background-color: rgba(217, 205, 199, 0.05);\n    --code-block-border-color: var(--global-border-color);\n    --code-block-border-radius: 8px;\n    --code-block-max-height: 600px;\n    --code-block-word-break: initial;\n    --code-block-preformatted-background-color: #323f4b;\n\n    /*\n    * Links\n    */\n    --link-color: var(--color-primary-500);\n    --link-decoration: none;\n    --link-hover-color: var(--color-primary-100);\n    --link-hover-decoration: underline;\n\n    /* === ref docs and graphql docs specific === */\n    /*\n    * Logo\n    */\n    --logo-max-height: 285px;\n    --logo-max-width: 285px;\n    --logo-padding: 2px;\n\n    /*\n    * Http colors\n    */\n    --color-http-get: #3a9601;\n    --color-http-post: #0065fb;\n    --color-http-put: #93527b;\n    --color-http-options: #947014;\n    --color-http-patch: #bf581d;\n    --color-http-delete: #c83637;\n    --color-http-basic: #707070;\n    --color-http-link: #07818f;\n    --color-http-head: #a23dad;\n    --color-http-hook: var(--color-http-post);\n\n    /*\n    * Response colors\n    */\n    --response-success-border-color: #b1e996;\n    --response-success-background-color: #f6fff4;\n    --response-success-text-color: var(--response-success-border-color);\n\n    --response-error-border-color: #ffc9c9;\n    --response-error-background-color: #fff4f4;\n    --response-error-text-color: var(--response-error-border-color);\n\n    --response-redirect-border-color: var(--color-warning-500);\n    --response-redirect-background-color: #ffa5001a;\n    --response-redirect-text-color: var(--response-redirect-border-color);\n\n    --response-info-border-color: #87ceeb;\n    --response-info-background-color: #87ceeb1a;\n    --response-info-text-color: var(--response-info-border-color);\n\n    /*\n    * Panels\n    */\n    --panels-border-radius: 8px;\n    --panels-background-color: #fff;\n\n    --samples-panel-gap: 20px;\n    --samples-panel-width: 37.5%;\n    --samples-panel-block-background-color: #fff;\n    --samples-panel-background-color: #52606d;\n    --samples-panel-callback-background-color: var(--samples-panel-callback-background-color);\n    --samples-panel-controls-background-color: #323f4b;\n    --samples-panel-controls-hover-background-color: #3c4c5a;\n    --samples-panel-controls-active-border-color: var(--color-accent-500);\n    --samples-panel-text-color: #fff;\n    --samples-panel-heading-color: #fff;\n\n    --samples-panel-markdown-background-color: #3c4c5a;\n    --samples-panel-markdown-border-color: #46596a;\n\n    --try-it-panel-tab-background-color: var(--samples-panel-background-color);\n    --try-it-panel-active-tab-background-color: #47535e;\n    --try-it-panel-active-tab-border-color: var(--color-accent-500);\n    --try-it-panel-disabled-tab-color: rgba(245, 247, 250, 0.7);\n    --try-it-panel-controls-background-color: var(--samples-panel-controls-background-color);\n    --try-it-panel-action-button-width: auto;\n\n    --request-and-response-panel-background-color: #fff;\n\n    /*\n    * Layout\n    */\n    --layout-buttons-top-offset: 20px;\n    --layout-buttons-height: 36px;\n    --layout-buttons-width: 36px;\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    * Schema\n    */\n    --schema-lines-color: var(--global-border-color);\n    --schema-default-details-width: 70%;\n    --schema-type-name-color: var(--color-content-secondary);\n    --schema-type-title-color: var(--color-content-secondary);\n    --schema-require-label-color: var(--color-error-900);\n    --schema-labels-text-size: 0.9em;\n    --schema-nesting-spacing: 1em;\n    --schema-nested-background-color: var(--color-secondary-200);\n    --schema-chevron-color: var(--color-content);\n    --schema-chevron-size: 9px;\n\n    --schema-controls-color: var(--color-emphasis-800);\n    --schema-controls-background-color: var(--color-secondary-400);\n    --schema-controls-hover-background-color: var(--color-secondary-500);\n    --schema-controls-border-color: var(--color-secondary-600);\n\n    --field-name-font-size: var(--code-font-size);\n    --field-name-font-family: var(--code-font-family);\n    --field-enum-background-color: var(--inline-code-background-color);\n    --field-constraint-background-color: var(--inline-code-background-color);\n\n    /*\n    * Search\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    * Other\n    */\n    --badge-color: var(--color-emphasis-100);\n    --badge-background-color: var(--color-primary-500);\n    --deprecated-badge-color: var(--color-emphasis-100);\n    --deprecated-badge-background-color: var(--color-warning-500);\n\n    --recursive-label-color: var(--color-warning-500);\n\n    --http-badge-font-size: 12px;\n    --http-badge-line-height: 20px;\n    --http-badge-font-family: var(--code-font-family);\n    --http-badge-font-weight: var(--font-weight-bold);\n    --http-badge-border-radius: 16px;\n    --http-badge-color: var(--color-content-inverse);\n\n    --http-badge-menu-font-size: 8px;\n    --http-badge-menu-line-height: 14px;\n\n    --spinner-color: var(--color-primary-500);\n\n    --linear-progress-color: var(--color-accent-500);\n    --linear-progress-background-color: var(--color-accent-100);\n\n    /* Floating action button */\n    --fab-color: #0065FB;\n    --fab-background-color: #f2f2f2;\n\n\n    /**\n     * Sidebar\n     * */\n    --sidebar-spacing-unit: 8px;\n    --sidebar-margin-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-padding-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-padding-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-spacing-padding-vertical: var(--sidebar-spacing-unit);\n    --sidebar-spacing-padding-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n    --sidebar-chevron-color: var(--sidebar-text-color);\n\n    --sidebar-border-radius: 4px;\n    --sidebar-background-color: #fff;\n    --sidebar-font-size: var(--font-size-base);\n    --sidebar-font-family: var(--font-family-primary);\n    --sidebar-right-line-color: var(--color-border-light);\n    --sidebar-text-color: var(--color-text-main);\n    --sidebar-text-active-color: var(--sidebar-text-color);\n    --sidebar-text-active-background-color: var(--color-border-light);\n    --sidebar-width: 285px;\n\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-separator-label-color: var(--sidebar-text-color);\n\n    /**\n     * Portal Logo\n     * */\n    --logo-height: 2rem;\n    --logo-margin: var(--sidebar-margin-left);\n\n    /**\n     * Portal Navbar\n     * */\n    --navbar-height: 60px;\n    --navbar-color-text: var(--color-content-inverse);\n    --navbar-color-background: var(--color-primary-500);\n\n    /**\n     * Portal Navbar Item\n     * */\n    --navbar-item-font-size: 16px;\n    --navbar-item-margin-horizontal: 0;\n    --navbar-item-margin-vertical: 0;\n    --navbar-item-border-radius: 10px;\n    --navbar-item-font-weight: var(--font-weight-bold);\n    --navbar-item-active-background-color: #1b75fa;\n    --navbar-item-active-text-color: var(--color-primary-contrast);\n    --navbar-item-active-text-decoration: none;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --color-content: #f5f7fa;\n      --global-border-color: #4c4c4c;\n      --inline-code-color: #ed8282;\n      --schema-require-label-color: #e55252;\n      --global-background-color: #101010;\n      --sidebar-background-color: #101010;\n      --sidebar-item-active-background-color: #424242;\n      --samples-panel-block-background-color: var(--sidebar-background-color);\n      --color-secondary-200: #1f2933;\n      --color-primary-900: #4892ff;\n      --search-marked-background-color: #707000;\n\n      --response-success-border-color: #3c8d06;\n      --response-success-background-color: #2e7102;\n      --response-error-border-color: #8d5c5c;\n      --response-error-background-color: #802828;\n      --response-redirect-border-color: #ffa500;\n      --response-redirect-background-color: #ffa5001a;\n      --response-info-border-color: #87ceeb;\n      --response-info-background-color: #87ceeb1a;\n\n      --link-color: #4d91ff;\n      --link-hover-color: #3686ff;\n\n      --navbar-color-background: #f2f2f2;\n\n      .search-input {\n        color: var(--color-content);\n      }\n\n      .button-clear {\n        --color-secondary-600: #3e4c59;\n        --color-secondary-400: #1b1b1b;\n      }\n    }\n  }\n"], ["\n  /*\n  * Static classnames that can be used to override styles for components:\n  * download-specification-button, next-section-button, button-base\n  */\n  :root {\n    /* === Palette === */\n\n    /*\n    * Color palette\n    */\n    --color-primary-100: #62a1ff;\n    --color-primary-200: #4892ff;\n    --color-primary-300: #2f83ff;\n    --color-primary-400: #1573ff;\n    --color-primary-500: #0065fb;\n    --color-primary-600: #005be2;\n    --color-primary-700: #0050c8;\n    --color-primary-800: #0046af;\n    --color-primary-900: #003c95;\n\n    --color-secondary-100: #ffffff;\n    --color-secondary-200: #f5f7fa;\n    --color-secondary-300: #f3f4f6;\n    --color-secondary-400: #e4e7eb;\n    --color-secondary-500: #d5dae0;\n    --color-secondary-600: #c7cdd5;\n    --color-secondary-700: #b8c0ca;\n    --color-secondary-800: #a9b3c0;\n    --color-secondary-900: #9ba6b5;\n\n    --color-emphasis-100: #ffffff;\n    --color-emphasis-200: #e9eaec;\n    --color-emphasis-300: #cdd0d5;\n    --color-emphasis-400: #b2b6bd;\n    --color-emphasis-500: #969ca6;\n    --color-emphasis-600: #7a828f;\n    --color-emphasis-700: #626974;\n    --color-emphasis-800: #4b5058;\n    --color-emphasis-900: #1c1e21;\n\n    --color-accent-100: #b3dcf3;\n    --color-accent-200: #a6dfff;\n    --color-accent-300: #8cd5ff;\n    --color-accent-400: #73ccff;\n    --color-accent-500: #59c3ff;\n    --color-accent-600: #40baff;\n    --color-accent-700: #26b1ff;\n    --color-accent-800: #0da7ff;\n    --color-accent-900: #009bf2;\n\n    --color-success-100: #98eda0;\n    --color-success-200: #82e98c;\n    --color-success-300: #6ce678;\n    --color-success-400: #57e264;\n    --color-success-500: #41de50;\n    --color-success-600: #2bda3c;\n    --color-success-700: #23c933;\n    --color-success-800: #1fb32d;\n    --color-success-900: #1b9e28;\n\n    --color-warning-100: #ffc966;\n    --color-warning-200: #ffc04d;\n    --color-warning-300: #ffb733;\n    --color-warning-400: #ffae1a;\n    --color-warning-500: #ffa500;\n    --color-warning-600: #e69400;\n    --color-warning-700: #cc8400;\n    --color-warning-800: #b37300;\n    --color-warning-900: #996300;\n\n    --color-error-100: #ffc7c7;\n    --color-error-200: #ffaeae;\n    --color-error-300: #ff9494;\n    --color-error-400: #ff7b7b;\n    --color-error-500: #ff6161;\n    --color-error-600: #ff4747;\n    --color-error-700: #ff2e2e;\n    --color-error-800: #ff1414;\n    --color-error-900: #ff0000;\n\n    /* === Typography === */\n\n    --color-content: #1f2933;\n    --color-content-inverse: var(--color-secondary-200);\n    --color-content-secondary: #7b8794;\n\n    --font-size-base: 14px;\n    --line-height-base: 1.5em;\n    --font-weight-regular: 400;\n    --font-weight-bold: 600;\n    --font-weight-bolder: 700;\n    --font-family-base: Source Sans Pro, sans-serif;\n    --font-family-monospaced: Source Code Pro, monospace;\n\n    --smoothing: antialiased; // text-smoothing\n    --text-rendering: optimizeSpeed; // text-rendering\n\n    /*\n    * Spacing\n    */\n    --spacing-unit: 5px;\n    --spacing-horizontal: calc(var(--spacing-unit) * 8);\n    --spacing-vertical: calc(var(--spacing-unit) * 4);\n\n    /*\n    * Global\n    */\n    --global-border-radius: 4px;\n    --global-border-width: 1px;\n    --global-border-color: var(--color-secondary-400);\n    --global-border-color-secondary: #616e7c;\n    --global-background-color: transparent;\n\n    /* === Page layout === */\n    //TBD\n    /* === Navbar === */\n    //--navbar-height:\n    //TBD\n\n    /* === Menu (sidebar) === */\n\n    --sidebar-width: 285px;\n    --sidebar-background-color: #fff;\n    --sidebar-right-line-color: var(--global-border-color);\n    --sidebar-spacing-unit: 8px;\n    --sidebar-spacing-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-word-break: 'inherit';\n    --sidebar-separator-label-color: var(--sidebar-item-color);\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-chevron-color: var(--sidebar-item-color);\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n\n    --sidebar-item-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-border-radius: 4px;\n    --sidebar-item-font-family: var(--font-family-base);\n    --sidebar-item-font-size: var(--font-size-base);\n    --sidebar-item-color: var(--color-content);\n    --sidebar-item-active-color: var(--color-content);\n    --sidebar-item-background-color: #fff;\n    --sidebar-item-active-background-color: var(--global-border-color);\n\n    //TBD\n    /* === Footer === */\n    //TBD\n    /* === Table of contents === */\n    //TBD\n    /* === Various components: buttons, inputs, alerts, tooltip === */\n\n    /*\n    * Buttons\n    */\n    --button-color: white;\n    --button-background-color: var(--color-emphasis-500);\n    --button-hover-background-color: var(--color-emphasis-600);\n    --button-active-background-color: var(--color-emphasis-700);\n    --button-outlined-active-border-color: var(--color-emphasis-800);\n    --button-border-radius: var(--global-border-radius);\n    --button-font-family: inherit;\n    --button-font-weight: var(--font-weight-bold);\n    --button-box-shadow: none;\n    --button-active-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);\n\n    .button-color-primary {\n      --button-color: white;\n      --button-background-color: var(--color-primary-500);\n      --button-hover-background-color: var(--color-primary-600);\n      --button-active-background-color: var(--color-primary-700);\n      --button-outlined-active-border-color: var(--color-primary-800);\n    }\n\n    .button-color-secondary {\n      --button-color: var(--color-emphasis-800);\n      --button-background-color: var(--color-secondary-400);\n      --button-hover-background-color: var(--color-secondary-500);\n      --button-active-background-color: var(--color-secondary-600);\n      --button-outlined-active-border-color: var(--color-secondary-700);\n    }\n\n    --button-small-font-size: 12px;\n    --button-small-padding: 8px 10px;\n    --button-small-min-width: 90px;\n    --button-medium-font-size: 14px;\n    --button-medium-padding: 8px 20px;\n    --button-medium-min-width: 120px;\n    --button-large-font-size: 14px;\n    --button-large-padding: 12px 24px;\n    --button-large-min-width: 150px;\n    --button-xlarge-font-size: 16px;\n    --button-xlarge-padding: 20px 24px;\n    --button-xlarge-min-width: 200px;\n\n    /*\n    * Tooltip\n    */\n    --tooltip-color: var(--color-secondary-300);\n    --tooltip-background-color: #52606d;\n\n    .tooltip-copy-button {\n      --tooltip-color: #000;\n      --tooltip-background-color: #fff;\n    }\n\n    /* === Markdown/Page content (tables, inline code, blockquotes) === */\n\n    /*\n    * Headings\n    * --h-{css-property-name} is fallback for h1...h6\n    */\n    --h-font-family: Source Sans Pro, sans-serif;\n    --h-font-weight: var(--font-weight-bolder);\n    --h-color: var(--color-content);\n\n    --h1-font-size: 36px;\n    --h2-font-size: 28px;\n    --h3-font-size: 18px;\n    --h4-font-size: 16px;\n    --h5-font-size: 14px;\n    --h6-font-size: 12px;\n\n    --h1-line-height: 36px;\n    --h2-line-height: 28px;\n    --h3-line-height: 18px;\n    --h4-line-height: 16px;\n    --h5-line-height: 14px;\n    --h6-line-height: 12px;\n\n    --code-font-size: 13px;\n    --code-font-family: var(--font-family-monospaced);\n    --code-font-weight: 400;\n    --code-wrap: pre;\n\n    --inline-code-font-size: var(--code-font-size);\n    --inline-code-font-family: var(--code-font-family);\n    --inline-code-color: #e53935;\n    --inline-code-background-color: var(--color-secondary-200);\n    --inline-code-border-color: var(--global-border-color);\n    --inline-code-border-radius: var(--global-border-radius);\n\n    --code-block-font-size: var(--code-font-size);\n    --code-block-font-family: var(--code-font-family);\n    --code-block-color: #f1928f;\n    --code-block-background-color: rgba(217, 205, 199, 0.05);\n    --code-block-border-color: var(--global-border-color);\n    --code-block-border-radius: 8px;\n    --code-block-max-height: 600px;\n    --code-block-word-break: initial;\n    --code-block-preformatted-background-color: #323f4b;\n\n    /*\n    * Links\n    */\n    --link-color: var(--color-primary-500);\n    --link-decoration: none;\n    --link-hover-color: var(--color-primary-100);\n    --link-hover-decoration: underline;\n\n    /* === ref docs and graphql docs specific === */\n    /*\n    * Logo\n    */\n    --logo-max-height: 285px;\n    --logo-max-width: 285px;\n    --logo-padding: 2px;\n\n    /*\n    * Http colors\n    */\n    --color-http-get: #3a9601;\n    --color-http-post: #0065fb;\n    --color-http-put: #93527b;\n    --color-http-options: #947014;\n    --color-http-patch: #bf581d;\n    --color-http-delete: #c83637;\n    --color-http-basic: #707070;\n    --color-http-link: #07818f;\n    --color-http-head: #a23dad;\n    --color-http-hook: var(--color-http-post);\n\n    /*\n    * Response colors\n    */\n    --response-success-border-color: #b1e996;\n    --response-success-background-color: #f6fff4;\n    --response-success-text-color: var(--response-success-border-color);\n\n    --response-error-border-color: #ffc9c9;\n    --response-error-background-color: #fff4f4;\n    --response-error-text-color: var(--response-error-border-color);\n\n    --response-redirect-border-color: var(--color-warning-500);\n    --response-redirect-background-color: #ffa5001a;\n    --response-redirect-text-color: var(--response-redirect-border-color);\n\n    --response-info-border-color: #87ceeb;\n    --response-info-background-color: #87ceeb1a;\n    --response-info-text-color: var(--response-info-border-color);\n\n    /*\n    * Panels\n    */\n    --panels-border-radius: 8px;\n    --panels-background-color: #fff;\n\n    --samples-panel-gap: 20px;\n    --samples-panel-width: 37.5%;\n    --samples-panel-block-background-color: #fff;\n    --samples-panel-background-color: #52606d;\n    --samples-panel-callback-background-color: var(--samples-panel-callback-background-color);\n    --samples-panel-controls-background-color: #323f4b;\n    --samples-panel-controls-hover-background-color: #3c4c5a;\n    --samples-panel-controls-active-border-color: var(--color-accent-500);\n    --samples-panel-text-color: #fff;\n    --samples-panel-heading-color: #fff;\n\n    --samples-panel-markdown-background-color: #3c4c5a;\n    --samples-panel-markdown-border-color: #46596a;\n\n    --try-it-panel-tab-background-color: var(--samples-panel-background-color);\n    --try-it-panel-active-tab-background-color: #47535e;\n    --try-it-panel-active-tab-border-color: var(--color-accent-500);\n    --try-it-panel-disabled-tab-color: rgba(245, 247, 250, 0.7);\n    --try-it-panel-controls-background-color: var(--samples-panel-controls-background-color);\n    --try-it-panel-action-button-width: auto;\n\n    --request-and-response-panel-background-color: #fff;\n\n    /*\n    * Layout\n    */\n    --layout-buttons-top-offset: 20px;\n    --layout-buttons-height: 36px;\n    --layout-buttons-width: 36px;\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    * Schema\n    */\n    --schema-lines-color: var(--global-border-color);\n    --schema-default-details-width: 70%;\n    --schema-type-name-color: var(--color-content-secondary);\n    --schema-type-title-color: var(--color-content-secondary);\n    --schema-require-label-color: var(--color-error-900);\n    --schema-labels-text-size: 0.9em;\n    --schema-nesting-spacing: 1em;\n    --schema-nested-background-color: var(--color-secondary-200);\n    --schema-chevron-color: var(--color-content);\n    --schema-chevron-size: 9px;\n\n    --schema-controls-color: var(--color-emphasis-800);\n    --schema-controls-background-color: var(--color-secondary-400);\n    --schema-controls-hover-background-color: var(--color-secondary-500);\n    --schema-controls-border-color: var(--color-secondary-600);\n\n    --field-name-font-size: var(--code-font-size);\n    --field-name-font-family: var(--code-font-family);\n    --field-enum-background-color: var(--inline-code-background-color);\n    --field-constraint-background-color: var(--inline-code-background-color);\n\n    /*\n    * Search\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    * Other\n    */\n    --badge-color: var(--color-emphasis-100);\n    --badge-background-color: var(--color-primary-500);\n    --deprecated-badge-color: var(--color-emphasis-100);\n    --deprecated-badge-background-color: var(--color-warning-500);\n\n    --recursive-label-color: var(--color-warning-500);\n\n    --http-badge-font-size: 12px;\n    --http-badge-line-height: 20px;\n    --http-badge-font-family: var(--code-font-family);\n    --http-badge-font-weight: var(--font-weight-bold);\n    --http-badge-border-radius: 16px;\n    --http-badge-color: var(--color-content-inverse);\n\n    --http-badge-menu-font-size: 8px;\n    --http-badge-menu-line-height: 14px;\n\n    --spinner-color: var(--color-primary-500);\n\n    --linear-progress-color: var(--color-accent-500);\n    --linear-progress-background-color: var(--color-accent-100);\n\n    /* Floating action button */\n    --fab-color: #0065FB;\n    --fab-background-color: #f2f2f2;\n\n\n    /**\n     * Sidebar\n     * */\n    --sidebar-spacing-unit: 8px;\n    --sidebar-margin-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-padding-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-padding-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-spacing-padding-vertical: var(--sidebar-spacing-unit);\n    --sidebar-spacing-padding-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n    --sidebar-chevron-color: var(--sidebar-text-color);\n\n    --sidebar-border-radius: 4px;\n    --sidebar-background-color: #fff;\n    --sidebar-font-size: var(--font-size-base);\n    --sidebar-font-family: var(--font-family-primary);\n    --sidebar-right-line-color: var(--color-border-light);\n    --sidebar-text-color: var(--color-text-main);\n    --sidebar-text-active-color: var(--sidebar-text-color);\n    --sidebar-text-active-background-color: var(--color-border-light);\n    --sidebar-width: 285px;\n\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-separator-label-color: var(--sidebar-text-color);\n\n    /**\n     * Portal Logo\n     * */\n    --logo-height: 2rem;\n    --logo-margin: var(--sidebar-margin-left);\n\n    /**\n     * Portal Navbar\n     * */\n    --navbar-height: 60px;\n    --navbar-color-text: var(--color-content-inverse);\n    --navbar-color-background: var(--color-primary-500);\n\n    /**\n     * Portal Navbar Item\n     * */\n    --navbar-item-font-size: 16px;\n    --navbar-item-margin-horizontal: 0;\n    --navbar-item-margin-vertical: 0;\n    --navbar-item-border-radius: 10px;\n    --navbar-item-font-weight: var(--font-weight-bold);\n    --navbar-item-active-background-color: #1b75fa;\n    --navbar-item-active-text-color: var(--color-primary-contrast);\n    --navbar-item-active-text-decoration: none;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :root {\n      --color-content: #f5f7fa;\n      --global-border-color: #4c4c4c;\n      --inline-code-color: #ed8282;\n      --schema-require-label-color: #e55252;\n      --global-background-color: #101010;\n      --sidebar-background-color: #101010;\n      --sidebar-item-active-background-color: #424242;\n      --samples-panel-block-background-color: var(--sidebar-background-color);\n      --color-secondary-200: #1f2933;\n      --color-primary-900: #4892ff;\n      --search-marked-background-color: #707000;\n\n      --response-success-border-color: #3c8d06;\n      --response-success-background-color: #2e7102;\n      --response-error-border-color: #8d5c5c;\n      --response-error-background-color: #802828;\n      --response-redirect-border-color: #ffa500;\n      --response-redirect-background-color: #ffa5001a;\n      --response-info-border-color: #87ceeb;\n      --response-info-background-color: #87ceeb1a;\n\n      --link-color: #4d91ff;\n      --link-hover-color: #3686ff;\n\n      --navbar-color-background: #f2f2f2;\n\n      .search-input {\n        color: var(--color-content);\n      }\n\n      .button-clear {\n        --color-secondary-600: #3e4c59;\n        --color-secondary-400: #1b1b1b;\n      }\n    }\n  }\n"])));
+exports.GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /*\n  * Static classnames that can be used to override styles for components:\n  * download-specification-button, next-section-button, button-base\n  */\n  :root {\n    /* === Palette === */\n\n    /*\n    * Color palette\n    */\n    --color-primary-100: #62a1ff;\n    --color-primary-200: #4892ff;\n    --color-primary-300: #2f83ff;\n    --color-primary-400: #1573ff;\n    --color-primary-500: #0065fb;\n    --color-primary-600: #005be2;\n    --color-primary-700: #0050c8;\n    --color-primary-800: #0046af;\n    --color-primary-900: #003c95;\n\n    --color-secondary-100: #ffffff;\n    --color-secondary-200: #f5f7fa;\n    --color-secondary-300: #f3f4f6;\n    --color-secondary-400: #e4e7eb;\n    --color-secondary-500: #d5dae0;\n    --color-secondary-600: #c7cdd5;\n    --color-secondary-700: #b8c0ca;\n    --color-secondary-800: #a9b3c0;\n    --color-secondary-900: #9ba6b5;\n\n    --color-emphasis-100: #ffffff;\n    --color-emphasis-200: #e9eaec;\n    --color-emphasis-300: #cdd0d5;\n    --color-emphasis-400: #b2b6bd;\n    --color-emphasis-500: #969ca6;\n    --color-emphasis-600: #7a828f;\n    --color-emphasis-700: #626974;\n    --color-emphasis-800: #4b5058;\n    --color-emphasis-900: #1c1e21;\n\n    --color-accent-100: #b3dcf3;\n    --color-accent-200: #a6dfff;\n    --color-accent-300: #8cd5ff;\n    --color-accent-400: #73ccff;\n    --color-accent-500: #59c3ff;\n    --color-accent-600: #40baff;\n    --color-accent-700: #26b1ff;\n    --color-accent-800: #0da7ff;\n    --color-accent-900: #009bf2;\n\n    --color-success-100: #98eda0;\n    --color-success-200: #82e98c;\n    --color-success-300: #6ce678;\n    --color-success-400: #57e264;\n    --color-success-500: #41de50;\n    --color-success-600: #2bda3c;\n    --color-success-700: #23c933;\n    --color-success-800: #1fb32d;\n    --color-success-900: #1b9e28;\n\n    --color-warning-100: #ffc966;\n    --color-warning-200: #ffc04d;\n    --color-warning-300: #ffb733;\n    --color-warning-400: #ffae1a;\n    --color-warning-500: #ffa500;\n    --color-warning-600: #e69400;\n    --color-warning-700: #cc8400;\n    --color-warning-800: #b37300;\n    --color-warning-900: #996300;\n\n    --color-error-100: #ffc7c7;\n    --color-error-200: #ffaeae;\n    --color-error-300: #ff9494;\n    --color-error-400: #ff7b7b;\n    --color-error-500: #ff6161;\n    --color-error-600: #ff4747;\n    --color-error-700: #ff2e2e;\n    --color-error-800: #ff1414;\n    --color-error-900: #ff0000;\n\n    /* === Typography === */\n\n    --color-content: #1f2933;\n    --color-content-inverse: var(--color-secondary-200);\n    --color-content-secondary: #7b8794;\n\n    --font-size-base: 14px;\n    --line-height-base: 1.5em;\n    --font-weight-regular: 400;\n    --font-weight-bold: 600;\n    --font-weight-bolder: 700;\n    --font-family-base: Source Sans Pro, sans-serif;\n    --font-family-monospaced: Source Code Pro, monospace;\n\n    --smoothing: antialiased; // text-smoothing\n    --text-rendering: optimizeSpeed; // text-rendering\n\n    /*\n    * Spacing\n    */\n    --spacing-unit: 5px;\n    --spacing-horizontal: calc(var(--spacing-unit) * 8);\n    --spacing-vertical: calc(var(--spacing-unit) * 4);\n\n    /*\n    * Global\n    */\n    --global-border-radius: 4px;\n    --global-border-width: 1px;\n    --global-border-color: var(--color-secondary-400);\n    --global-border-color-secondary: #616e7c;\n    --global-background-color: transparent;\n\n    /* === Page layout === */\n    //TBD\n    /* === Navbar === */\n    //--navbar-height:\n    //TBD\n\n    /* === Menu (sidebar) === */\n\n    --sidebar-width: 285px;\n    --sidebar-background-color: #fff;\n    --sidebar-right-line-color: var(--global-border-color);\n    --sidebar-spacing-unit: 8px;\n    --sidebar-spacing-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-margin-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n\n    --sidebar-word-break: 'inherit';\n    --sidebar-separator-label-color: var(--sidebar-item-color);\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-chevron-color: var(--sidebar-item-color);\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n\n    --sidebar-item-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-border-radius: 4px;\n    --sidebar-item-font-family: var(--font-family-base);\n    --sidebar-item-font-size: var(--font-size-base);\n    --sidebar-item-color: var(--color-content);\n    --sidebar-item-active-color: var(--color-content);\n    --sidebar-item-background-color: #fff;\n    --sidebar-item-active-background-color: var(--global-border-color);\n\n    //TBD\n    /* === Footer === */\n    //TBD\n    /* === Table of contents === */\n    //TBD\n    /* === Various components: buttons, inputs, alerts, tooltip === */\n\n    /*\n    * Buttons\n    */\n    --button-color: white;\n    --button-background-color: var(--color-emphasis-500);\n    --button-hover-background-color: var(--color-emphasis-600);\n    --button-active-background-color: var(--color-emphasis-700);\n    --button-outlined-active-border-color: var(--color-emphasis-800);\n    --button-border-radius: var(--global-border-radius);\n    --button-font-family: inherit;\n    --button-font-weight: var(--font-weight-bold);\n    --button-box-shadow: none;\n    --button-active-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);\n\n    .button-color-primary {\n      --button-color: white;\n      --button-background-color: var(--color-primary-500);\n      --button-hover-background-color: var(--color-primary-600);\n      --button-active-background-color: var(--color-primary-700);\n      --button-outlined-active-border-color: var(--color-primary-800);\n    }\n\n    .button-color-secondary {\n      --button-color: var(--color-emphasis-800);\n      --button-background-color: var(--color-secondary-400);\n      --button-hover-background-color: var(--color-secondary-500);\n      --button-active-background-color: var(--color-secondary-600);\n      --button-outlined-active-border-color: var(--color-secondary-700);\n    }\n\n    --button-small-font-size: 12px;\n    --button-small-padding: 8px 10px;\n    --button-small-min-width: 90px;\n    --button-medium-font-size: 14px;\n    --button-medium-padding: 8px 20px;\n    --button-medium-min-width: 120px;\n    --button-large-font-size: 14px;\n    --button-large-padding: 12px 24px;\n    --button-large-min-width: 150px;\n    --button-xlarge-font-size: 16px;\n    --button-xlarge-padding: 20px 24px;\n    --button-xlarge-min-width: 200px;\n\n    /*\n    * Tooltip\n    */\n    --tooltip-color: var(--color-secondary-300);\n    --tooltip-background-color: #52606d;\n\n    .tooltip-copy-button {\n      --tooltip-color: #000;\n      --tooltip-background-color: #fff;\n    }\n\n    /* === Markdown/Page content (tables, inline code, blockquotes) === */\n\n    /*\n    * Headings\n    * --h-{css-property-name} is fallback for h1...h6\n    */\n    --h-font-family: Source Sans Pro, sans-serif;\n    --h-font-weight: var(--font-weight-bolder);\n    --h-color: var(--color-content);\n\n    --h1-font-size: 36px;\n    --h2-font-size: 28px;\n    --h3-font-size: 18px;\n    --h4-font-size: 16px;\n    --h5-font-size: 14px;\n    --h6-font-size: 12px;\n\n    --h1-line-height: 36px;\n    --h2-line-height: 28px;\n    --h3-line-height: 18px;\n    --h4-line-height: 16px;\n    --h5-line-height: 14px;\n    --h6-line-height: 12px;\n\n    --code-font-size: 13px;\n    --code-font-family: var(--font-family-monospaced);\n    --code-font-weight: 400;\n    --code-wrap: pre;\n\n    --inline-code-font-size: var(--code-font-size);\n    --inline-code-font-family: var(--code-font-family);\n    --inline-code-color: #e53935;\n    --inline-code-background-color: var(--color-secondary-200);\n    --inline-code-border-color: var(--global-border-color);\n    --inline-code-border-radius: var(--global-border-radius);\n\n    --code-block-font-size: var(--code-font-size);\n    --code-block-font-family: var(--code-font-family);\n    --code-block-color: #f1928f;\n    --code-block-background-color: rgba(217, 205, 199, 0.05);\n    --code-block-border-color: var(--global-border-color);\n    --code-block-border-radius: 8px;\n    --code-block-max-height: 600px;\n    --code-block-word-break: initial;\n    --code-block-preformatted-background-color: #323f4b;\n\n    /*\n    * Links\n    */\n    --link-color: var(--color-primary-500);\n    --link-decoration: none;\n    --link-hover-color: var(--color-primary-100);\n    --link-hover-decoration: underline;\n\n    /* === ref docs and graphql docs specific === */\n    /*\n    * Logo\n    */\n    --logo-max-height: 285px;\n    --logo-max-width: 285px;\n    --logo-padding: 2px;\n\n    /*\n    * Http colors\n    */\n    --color-http-get: #3a9601;\n    --color-http-post: #0065fb;\n    --color-http-put: #93527b;\n    --color-http-options: #947014;\n    --color-http-patch: #bf581d;\n    --color-http-delete: #c83637;\n    --color-http-basic: #707070;\n    --color-http-link: #07818f;\n    --color-http-head: #a23dad;\n    --color-http-hook: var(--color-http-post);\n\n    /*\n    * Response colors\n    */\n    --response-success-border-color: #b1e996;\n    --response-success-background-color: #f6fff4;\n    --response-success-text-color: var(--response-success-border-color);\n\n    --response-error-border-color: #ffc9c9;\n    --response-error-background-color: #fff4f4;\n    --response-error-text-color: var(--response-error-border-color);\n\n    --response-redirect-border-color: var(--color-warning-500);\n    --response-redirect-background-color: #ffa5001a;\n    --response-redirect-text-color: var(--response-redirect-border-color);\n\n    --response-info-border-color: #87ceeb;\n    --response-info-background-color: #87ceeb1a;\n    --response-info-text-color: var(--response-info-border-color);\n\n    /*\n    * Panels\n    */\n    --panels-border-radius: 8px;\n    --panels-background-color: #fff;\n\n    --samples-panel-gap: 20px;\n    --samples-panel-width: 50%;\n    --samples-panel-block-background-color: #fff;\n    --samples-panel-background-color: #52606d;\n    --samples-panel-callback-background-color: var(--samples-panel-callback-background-color);\n    --samples-panel-controls-background-color: #323f4b;\n    --samples-panel-controls-hover-background-color: #3c4c5a;\n    --samples-panel-controls-active-border-color: var(--color-accent-500);\n    --samples-panel-text-color: #fff;\n    --samples-panel-heading-color: #fff;\n\n    --samples-panel-markdown-background-color: #3c4c5a;\n    --samples-panel-markdown-border-color: #46596a;\n\n    --try-it-panel-tab-background-color: var(--samples-panel-background-color);\n    --try-it-panel-active-tab-background-color: #47535e;\n    --try-it-panel-active-tab-border-color: var(--color-accent-500);\n    --try-it-panel-disabled-tab-color: rgba(245, 247, 250, 0.7);\n    --try-it-panel-controls-background-color: var(--samples-panel-controls-background-color);\n    --try-it-panel-action-button-width: auto;\n\n    --request-and-response-panel-background-color: #fff;\n\n    /*\n    * Layout\n    */\n    --layout-buttons-top-offset: 20px;\n    --layout-buttons-height: 36px;\n    --layout-buttons-width: 36px;\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    * Schema\n    */\n    --schema-lines-color: var(--global-border-color);\n    --schema-default-details-width: 70%;\n    --schema-type-name-color: var(--color-content-secondary);\n    --schema-type-title-color: var(--color-content-secondary);\n    --schema-require-label-color: var(--color-error-900);\n    --schema-labels-text-size: 0.9em;\n    --schema-nesting-spacing: 1em;\n    --schema-nested-background-color: var(--color-secondary-200);\n    --schema-chevron-color: var(--color-content);\n    --schema-chevron-size: 9px;\n\n    --schema-controls-color: var(--color-emphasis-800);\n    --schema-controls-background-color: var(--color-secondary-400);\n    --schema-controls-hover-background-color: var(--color-secondary-500);\n    --schema-controls-border-color: var(--color-secondary-600);\n\n    --field-name-font-size: var(--code-font-size);\n    --field-name-font-family: var(--code-font-family);\n    --field-example-color: var(--color-content);\n    --field-example-background-color: var(--inline-code-background-color);\n    --field-constraint-color: var(--color-content);\n    --field-constraint-background-color: var(--inline-code-background-color);\n\n    /*\n    * Search\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    * Other\n    */\n    --badge-color: var(--color-emphasis-100);\n    --badge-background-color: var(--color-primary-500);\n    --deprecated-badge-color: var(--color-emphasis-100);\n    --deprecated-badge-background-color: var(--color-warning-500);\n\n    --recursive-label-color: var(--color-warning-500);\n\n    --http-badge-font-size: 12px;\n    --http-badge-line-height: 20px;\n    --http-badge-font-family: var(--code-font-family);\n    --http-badge-font-weight: var(--font-weight-bold);\n    --http-badge-border-radius: 16px;\n    --http-badge-color: var(--color-content-inverse);\n\n    --http-badge-menu-font-size: 8px;\n    --http-badge-menu-line-height: 14px;\n\n    --spinner-color: var(--color-primary-500);\n\n    --linear-progress-color: var(--color-accent-500);\n    --linear-progress-background-color: var(--color-accent-100);\n\n    /* Floating action button */\n    --fab-color: #0065FB;\n    --fab-background-color: #f2f2f2;\n    \n    /**\n     * Portal Logo\n     * */\n    --logo-height: 2rem;\n    --logo-margin: var(--sidebar-margin-left);\n\n    /**\n     * Portal Navbar\n     * */\n    --navbar-height: 60px;\n    --navbar-color-text: var(--color-content-inverse);\n    --navbar-color-background: var(--color-primary-500);\n\n    /**\n     * Portal Navbar Item\n     * */\n    --navbar-item-font-size: 16px;\n    --navbar-item-margin-horizontal: 0;\n    --navbar-item-margin-vertical: 0;\n    --navbar-item-border-radius: 10px;\n    --navbar-item-font-weight: var(--font-weight-bold);\n    --navbar-item-active-background-color: #1b75fa;\n    --navbar-item-active-text-color: var(--color-primary-contrast);\n    --navbar-item-active-text-decoration: none;\n  }\n"], ["\n  /*\n  * Static classnames that can be used to override styles for components:\n  * download-specification-button, next-section-button, button-base\n  */\n  :root {\n    /* === Palette === */\n\n    /*\n    * Color palette\n    */\n    --color-primary-100: #62a1ff;\n    --color-primary-200: #4892ff;\n    --color-primary-300: #2f83ff;\n    --color-primary-400: #1573ff;\n    --color-primary-500: #0065fb;\n    --color-primary-600: #005be2;\n    --color-primary-700: #0050c8;\n    --color-primary-800: #0046af;\n    --color-primary-900: #003c95;\n\n    --color-secondary-100: #ffffff;\n    --color-secondary-200: #f5f7fa;\n    --color-secondary-300: #f3f4f6;\n    --color-secondary-400: #e4e7eb;\n    --color-secondary-500: #d5dae0;\n    --color-secondary-600: #c7cdd5;\n    --color-secondary-700: #b8c0ca;\n    --color-secondary-800: #a9b3c0;\n    --color-secondary-900: #9ba6b5;\n\n    --color-emphasis-100: #ffffff;\n    --color-emphasis-200: #e9eaec;\n    --color-emphasis-300: #cdd0d5;\n    --color-emphasis-400: #b2b6bd;\n    --color-emphasis-500: #969ca6;\n    --color-emphasis-600: #7a828f;\n    --color-emphasis-700: #626974;\n    --color-emphasis-800: #4b5058;\n    --color-emphasis-900: #1c1e21;\n\n    --color-accent-100: #b3dcf3;\n    --color-accent-200: #a6dfff;\n    --color-accent-300: #8cd5ff;\n    --color-accent-400: #73ccff;\n    --color-accent-500: #59c3ff;\n    --color-accent-600: #40baff;\n    --color-accent-700: #26b1ff;\n    --color-accent-800: #0da7ff;\n    --color-accent-900: #009bf2;\n\n    --color-success-100: #98eda0;\n    --color-success-200: #82e98c;\n    --color-success-300: #6ce678;\n    --color-success-400: #57e264;\n    --color-success-500: #41de50;\n    --color-success-600: #2bda3c;\n    --color-success-700: #23c933;\n    --color-success-800: #1fb32d;\n    --color-success-900: #1b9e28;\n\n    --color-warning-100: #ffc966;\n    --color-warning-200: #ffc04d;\n    --color-warning-300: #ffb733;\n    --color-warning-400: #ffae1a;\n    --color-warning-500: #ffa500;\n    --color-warning-600: #e69400;\n    --color-warning-700: #cc8400;\n    --color-warning-800: #b37300;\n    --color-warning-900: #996300;\n\n    --color-error-100: #ffc7c7;\n    --color-error-200: #ffaeae;\n    --color-error-300: #ff9494;\n    --color-error-400: #ff7b7b;\n    --color-error-500: #ff6161;\n    --color-error-600: #ff4747;\n    --color-error-700: #ff2e2e;\n    --color-error-800: #ff1414;\n    --color-error-900: #ff0000;\n\n    /* === Typography === */\n\n    --color-content: #1f2933;\n    --color-content-inverse: var(--color-secondary-200);\n    --color-content-secondary: #7b8794;\n\n    --font-size-base: 14px;\n    --line-height-base: 1.5em;\n    --font-weight-regular: 400;\n    --font-weight-bold: 600;\n    --font-weight-bolder: 700;\n    --font-family-base: Source Sans Pro, sans-serif;\n    --font-family-monospaced: Source Code Pro, monospace;\n\n    --smoothing: antialiased; // text-smoothing\n    --text-rendering: optimizeSpeed; // text-rendering\n\n    /*\n    * Spacing\n    */\n    --spacing-unit: 5px;\n    --spacing-horizontal: calc(var(--spacing-unit) * 8);\n    --spacing-vertical: calc(var(--spacing-unit) * 4);\n\n    /*\n    * Global\n    */\n    --global-border-radius: 4px;\n    --global-border-width: 1px;\n    --global-border-color: var(--color-secondary-400);\n    --global-border-color-secondary: #616e7c;\n    --global-background-color: transparent;\n\n    /* === Page layout === */\n    //TBD\n    /* === Navbar === */\n    //--navbar-height:\n    //TBD\n\n    /* === Menu (sidebar) === */\n\n    --sidebar-width: 285px;\n    --sidebar-background-color: #fff;\n    --sidebar-right-line-color: var(--global-border-color);\n    --sidebar-spacing-unit: 8px;\n    --sidebar-spacing-horizontal: var(--sidebar-spacing-unit);\n    --sidebar-spacing-vertical: var(--sidebar-spacing-unit);\n\n    --sidebar-margin-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n\n    --sidebar-word-break: 'inherit';\n    --sidebar-separator-label-color: var(--sidebar-item-color);\n    --sidebar-separator-line-color: #dadada;\n    --sidebar-chevron-color: var(--sidebar-item-color);\n    --sidebar-chevron-size: var(--sidebar-spacing-unit);\n\n    --sidebar-item-spacing-offset-top: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-left: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-spacing-offset-nesting: calc(var(--sidebar-spacing-unit) * 2);\n    --sidebar-item-border-radius: 4px;\n    --sidebar-item-font-family: var(--font-family-base);\n    --sidebar-item-font-size: var(--font-size-base);\n    --sidebar-item-color: var(--color-content);\n    --sidebar-item-active-color: var(--color-content);\n    --sidebar-item-background-color: #fff;\n    --sidebar-item-active-background-color: var(--global-border-color);\n\n    //TBD\n    /* === Footer === */\n    //TBD\n    /* === Table of contents === */\n    //TBD\n    /* === Various components: buttons, inputs, alerts, tooltip === */\n\n    /*\n    * Buttons\n    */\n    --button-color: white;\n    --button-background-color: var(--color-emphasis-500);\n    --button-hover-background-color: var(--color-emphasis-600);\n    --button-active-background-color: var(--color-emphasis-700);\n    --button-outlined-active-border-color: var(--color-emphasis-800);\n    --button-border-radius: var(--global-border-radius);\n    --button-font-family: inherit;\n    --button-font-weight: var(--font-weight-bold);\n    --button-box-shadow: none;\n    --button-active-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);\n\n    .button-color-primary {\n      --button-color: white;\n      --button-background-color: var(--color-primary-500);\n      --button-hover-background-color: var(--color-primary-600);\n      --button-active-background-color: var(--color-primary-700);\n      --button-outlined-active-border-color: var(--color-primary-800);\n    }\n\n    .button-color-secondary {\n      --button-color: var(--color-emphasis-800);\n      --button-background-color: var(--color-secondary-400);\n      --button-hover-background-color: var(--color-secondary-500);\n      --button-active-background-color: var(--color-secondary-600);\n      --button-outlined-active-border-color: var(--color-secondary-700);\n    }\n\n    --button-small-font-size: 12px;\n    --button-small-padding: 8px 10px;\n    --button-small-min-width: 90px;\n    --button-medium-font-size: 14px;\n    --button-medium-padding: 8px 20px;\n    --button-medium-min-width: 120px;\n    --button-large-font-size: 14px;\n    --button-large-padding: 12px 24px;\n    --button-large-min-width: 150px;\n    --button-xlarge-font-size: 16px;\n    --button-xlarge-padding: 20px 24px;\n    --button-xlarge-min-width: 200px;\n\n    /*\n    * Tooltip\n    */\n    --tooltip-color: var(--color-secondary-300);\n    --tooltip-background-color: #52606d;\n\n    .tooltip-copy-button {\n      --tooltip-color: #000;\n      --tooltip-background-color: #fff;\n    }\n\n    /* === Markdown/Page content (tables, inline code, blockquotes) === */\n\n    /*\n    * Headings\n    * --h-{css-property-name} is fallback for h1...h6\n    */\n    --h-font-family: Source Sans Pro, sans-serif;\n    --h-font-weight: var(--font-weight-bolder);\n    --h-color: var(--color-content);\n\n    --h1-font-size: 36px;\n    --h2-font-size: 28px;\n    --h3-font-size: 18px;\n    --h4-font-size: 16px;\n    --h5-font-size: 14px;\n    --h6-font-size: 12px;\n\n    --h1-line-height: 36px;\n    --h2-line-height: 28px;\n    --h3-line-height: 18px;\n    --h4-line-height: 16px;\n    --h5-line-height: 14px;\n    --h6-line-height: 12px;\n\n    --code-font-size: 13px;\n    --code-font-family: var(--font-family-monospaced);\n    --code-font-weight: 400;\n    --code-wrap: pre;\n\n    --inline-code-font-size: var(--code-font-size);\n    --inline-code-font-family: var(--code-font-family);\n    --inline-code-color: #e53935;\n    --inline-code-background-color: var(--color-secondary-200);\n    --inline-code-border-color: var(--global-border-color);\n    --inline-code-border-radius: var(--global-border-radius);\n\n    --code-block-font-size: var(--code-font-size);\n    --code-block-font-family: var(--code-font-family);\n    --code-block-color: #f1928f;\n    --code-block-background-color: rgba(217, 205, 199, 0.05);\n    --code-block-border-color: var(--global-border-color);\n    --code-block-border-radius: 8px;\n    --code-block-max-height: 600px;\n    --code-block-word-break: initial;\n    --code-block-preformatted-background-color: #323f4b;\n\n    /*\n    * Links\n    */\n    --link-color: var(--color-primary-500);\n    --link-decoration: none;\n    --link-hover-color: var(--color-primary-100);\n    --link-hover-decoration: underline;\n\n    /* === ref docs and graphql docs specific === */\n    /*\n    * Logo\n    */\n    --logo-max-height: 285px;\n    --logo-max-width: 285px;\n    --logo-padding: 2px;\n\n    /*\n    * Http colors\n    */\n    --color-http-get: #3a9601;\n    --color-http-post: #0065fb;\n    --color-http-put: #93527b;\n    --color-http-options: #947014;\n    --color-http-patch: #bf581d;\n    --color-http-delete: #c83637;\n    --color-http-basic: #707070;\n    --color-http-link: #07818f;\n    --color-http-head: #a23dad;\n    --color-http-hook: var(--color-http-post);\n\n    /*\n    * Response colors\n    */\n    --response-success-border-color: #b1e996;\n    --response-success-background-color: #f6fff4;\n    --response-success-text-color: var(--response-success-border-color);\n\n    --response-error-border-color: #ffc9c9;\n    --response-error-background-color: #fff4f4;\n    --response-error-text-color: var(--response-error-border-color);\n\n    --response-redirect-border-color: var(--color-warning-500);\n    --response-redirect-background-color: #ffa5001a;\n    --response-redirect-text-color: var(--response-redirect-border-color);\n\n    --response-info-border-color: #87ceeb;\n    --response-info-background-color: #87ceeb1a;\n    --response-info-text-color: var(--response-info-border-color);\n\n    /*\n    * Panels\n    */\n    --panels-border-radius: 8px;\n    --panels-background-color: #fff;\n\n    --samples-panel-gap: 20px;\n    --samples-panel-width: 50%;\n    --samples-panel-block-background-color: #fff;\n    --samples-panel-background-color: #52606d;\n    --samples-panel-callback-background-color: var(--samples-panel-callback-background-color);\n    --samples-panel-controls-background-color: #323f4b;\n    --samples-panel-controls-hover-background-color: #3c4c5a;\n    --samples-panel-controls-active-border-color: var(--color-accent-500);\n    --samples-panel-text-color: #fff;\n    --samples-panel-heading-color: #fff;\n\n    --samples-panel-markdown-background-color: #3c4c5a;\n    --samples-panel-markdown-border-color: #46596a;\n\n    --try-it-panel-tab-background-color: var(--samples-panel-background-color);\n    --try-it-panel-active-tab-background-color: #47535e;\n    --try-it-panel-active-tab-border-color: var(--color-accent-500);\n    --try-it-panel-disabled-tab-color: rgba(245, 247, 250, 0.7);\n    --try-it-panel-controls-background-color: var(--samples-panel-controls-background-color);\n    --try-it-panel-action-button-width: auto;\n\n    --request-and-response-panel-background-color: #fff;\n\n    /*\n    * Layout\n    */\n    --layout-buttons-top-offset: 20px;\n    --layout-buttons-height: 36px;\n    --layout-buttons-width: 36px;\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    * Schema\n    */\n    --schema-lines-color: var(--global-border-color);\n    --schema-default-details-width: 70%;\n    --schema-type-name-color: var(--color-content-secondary);\n    --schema-type-title-color: var(--color-content-secondary);\n    --schema-require-label-color: var(--color-error-900);\n    --schema-labels-text-size: 0.9em;\n    --schema-nesting-spacing: 1em;\n    --schema-nested-background-color: var(--color-secondary-200);\n    --schema-chevron-color: var(--color-content);\n    --schema-chevron-size: 9px;\n\n    --schema-controls-color: var(--color-emphasis-800);\n    --schema-controls-background-color: var(--color-secondary-400);\n    --schema-controls-hover-background-color: var(--color-secondary-500);\n    --schema-controls-border-color: var(--color-secondary-600);\n\n    --field-name-font-size: var(--code-font-size);\n    --field-name-font-family: var(--code-font-family);\n    --field-example-color: var(--color-content);\n    --field-example-background-color: var(--inline-code-background-color);\n    --field-constraint-color: var(--color-content);\n    --field-constraint-background-color: var(--inline-code-background-color);\n\n    /*\n    * Search\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    * Other\n    */\n    --badge-color: var(--color-emphasis-100);\n    --badge-background-color: var(--color-primary-500);\n    --deprecated-badge-color: var(--color-emphasis-100);\n    --deprecated-badge-background-color: var(--color-warning-500);\n\n    --recursive-label-color: var(--color-warning-500);\n\n    --http-badge-font-size: 12px;\n    --http-badge-line-height: 20px;\n    --http-badge-font-family: var(--code-font-family);\n    --http-badge-font-weight: var(--font-weight-bold);\n    --http-badge-border-radius: 16px;\n    --http-badge-color: var(--color-content-inverse);\n\n    --http-badge-menu-font-size: 8px;\n    --http-badge-menu-line-height: 14px;\n\n    --spinner-color: var(--color-primary-500);\n\n    --linear-progress-color: var(--color-accent-500);\n    --linear-progress-background-color: var(--color-accent-100);\n\n    /* Floating action button */\n    --fab-color: #0065FB;\n    --fab-background-color: #f2f2f2;\n    \n    /**\n     * Portal Logo\n     * */\n    --logo-height: 2rem;\n    --logo-margin: var(--sidebar-margin-left);\n\n    /**\n     * Portal Navbar\n     * */\n    --navbar-height: 60px;\n    --navbar-color-text: var(--color-content-inverse);\n    --navbar-color-background: var(--color-primary-500);\n\n    /**\n     * Portal Navbar Item\n     * */\n    --navbar-item-font-size: 16px;\n    --navbar-item-margin-horizontal: 0;\n    --navbar-item-margin-vertical: 0;\n    --navbar-item-border-radius: 10px;\n    --navbar-item-font-weight: var(--font-weight-bold);\n    --navbar-item-active-background-color: #1b75fa;\n    --navbar-item-active-text-color: var(--color-primary-contrast);\n    --navbar-item-active-text-decoration: none;\n  }\n"])));
 var templateObject_1;

package/hooks/index.d.ts

@@ -1,3 +1,7 @@
 export * from './useControl';
 export * from './useMount';
 export * from './useUnmount';
+export * from './useActiveHeading';
+export * from './useActiveSectionId';
+export * from './useFullHeight';
+export * from './useNavbarHeight';