@redocly/theme 0.4.15 → 0.5.0

package/Sidebar/Menu.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.ul.attrs(function () { return ({
-    'data-component-name': 'Sidebar/Menu',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-item-text-color);\n  position: relative;\n"], ["\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  color: var(--sidebar-item-text-color);\n  position: relative;\n"])));
-var templateObject_1;

package/Sidebar/MenuContainer.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuContainer = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.MenuContainer = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Sidebar/MenuContainer',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-offset-top);\n"], ["\n  position: relative;\n  overflow-y: auto;\n  flex-grow: 1;\n  padding-top: var(--sidebar-offset-top);\n"])));
-var templateObject_1;

package/Sidebar/MenuGroup.js

@@ -1,95 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuGroup = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var ArrowIcon_1 = require("../icons/ArrowIcon/ArrowIcon");
-var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-function MenuGroup(_a) {
-    var item = _a.item, isExpanded = _a.isExpanded, toggleExpanded = _a.toggleExpanded, children = _a.children;
-    var _b = __read((0, react_1.useState)(isExpanded), 2), showChildren = _b[0], setShowChildren = _b[1];
-    var timer = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(function () {
-        timer.current && clearTimeout(timer.current);
-        if (isExpanded) {
-            setShowChildren(true);
-        }
-        else {
-            timer.current = setTimeout(function () {
-                setShowChildren(false);
-            }, 800);
-        }
-        return function () {
-            timer.current && clearTimeout(timer.current);
-        };
-    }, [isExpanded]);
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuGroup" },
-        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
-            react_1.default.createElement(MenuGroupLabel, { onClick: toggleExpanded, isAlwaysExpanded: item.expanded === 'always', active: item.active },
-                react_1.default.createElement(MenuGroupArrow, { direction: isExpanded ? 'down' : 'right' }),
-                item.label)),
-        react_1.default.createElement(MenuWrapper, { isExpanded: isExpanded }, showChildren ? children : null),
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.MenuGroup = MenuGroup;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var MenuWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-left: var(--sidebar-item-nested-offset);\n  overflow: hidden;\n  ", ";\n"], ["\n  padding-left: var(--sidebar-item-nested-offset);\n  overflow: hidden;\n  ", ";\n"])), function (props) {
-    return props.isExpanded
-        ? "max-height: 9999px;\n        transition: max-height .8s cubic-bezier(0.5, 0, 1, 0) 0s;"
-        : "max-height: 0px;\n\t      transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;";
-});
-var MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-left: var(--sidebar-item-padding-horizontal);\n  cursor: ", ";\n  font-family: var(--sidebar-item-group-font-family);\n  font-size: var(--sidebar-item-group-font-size);\n  text-transform: var(--sidebar-text-group-transform);\n  color: var(--sidebar-item-group-text-color);\n  background: var(--sidebar-item-group-background-color);\n  ", ";\n"], ["\n  padding-left: var(--sidebar-item-padding-horizontal);\n  cursor: ", ";\n  font-family: var(--sidebar-item-group-font-family);\n  font-size: var(--sidebar-item-group-font-size);\n  text-transform: var(--sidebar-text-group-transform);\n  color: var(--sidebar-item-group-text-color);\n  background: var(--sidebar-item-group-background-color);\n  ", ";\n"])), function (props) { return (props.isAlwaysExpanded ? 'default' : 'pointer'); }, function (props) {
-    return props.active
-        ? "color: var(--sidebar-item-group-active-text-color);\n        background-color: var(--sidebar-item-group-active-background-color);"
-        : null;
-});
-var MenuGroupArrow = (0, styled_components_1.default)(ArrowIcon_1.ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"], ["\n  margin-right: calc(var(--sidebar-spacing-unit) / 2);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Sidebar/MenuItemLabel.js

@@ -1,19 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItemLabel = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.MenuItemLabel = styled_components_1.default.li.attrs(function () { return ({
-    'data-component-name': 'Sidebar/MenuItemLabel',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  background-color: var(--sidebar-item-background-color);\n  font-family: var(--sidebar-item-font-family);\n  font-size: var(--sidebar-item-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-offset-left);\n  padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-item-padding-horizontal) + var(--sidebar-group-item-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-radius: var(--sidebar-item-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n  word-break: break-word;\n  margin-bottom: 1px;\n\n  background-color: var(--sidebar-item-background-color);\n  font-family: var(--sidebar-item-font-family);\n  font-size: var(--sidebar-item-font-size);\n  font-weight: var(--font-weight-regular);\n  margin-left: var(--sidebar-offset-left);\n  padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);\n  padding-left: calc(\n    var(--sidebar-item-padding-horizontal) + var(--sidebar-group-item-chevron-size) +\n      var(--sidebar-spacing-unit) * 0.5\n  );\n  border-radius: var(--sidebar-item-border-radius);\n\n  ", ";\n\n  :hover {\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (props) {
-    return props.active
-        ? "\n    color: var(--sidebar-item-active-color);\n    background-color: var(--sidebar-item-active-background-color);\n  "
-        : null;
-});
-var templateObject_1;

package/Sidebar/MenuLink.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { UniversalLinkProps } from '../ui/UniversalLink';
-export declare const MenuLink: import("styled-components").StyledComponent<(props: import("react").PropsWithChildren<object>) => JSX.Element, any, {
-    'data-component-name': string;
-} & UniversalLinkProps, "data-component-name">;

package/Sidebar/MenuLink.js

@@ -1,16 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuLink = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var UniversalLink_1 = require("../ui/UniversalLink");
-exports.MenuLink = (0, styled_components_1.default)(UniversalLink_1.UniversalLink).attrs(function () { return ({
-    'data-component-name': 'Sidebar/MenuLink',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: none;\n  color: var(--sidebar-item-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"], ["\n  text-decoration: none;\n  color: var(--sidebar-item-text-color);\n\n  &&.external-url:after {\n    content: none;\n  }\n"])));
-var templateObject_1;

package/Sidebar/MenuLinkItem.js

@@ -1,31 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.MenuLinkItem = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var MenuLink_1 = require("../Sidebar/MenuLink");
-function MenuLinkItem(_a) {
-    var item = _a.item, children = _a.children;
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuLinkItem" }, item.link ? (react_1.default.createElement(MenuLink_1.MenuLink, __assign({ to: item.link }, item), children)) : (children)));
-}
-exports.MenuLinkItem = MenuLinkItem;
-var Wrapper = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/Sidebar/MobileSidebarButton.js

@@ -1,25 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileSidebarButton = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.MobileSidebarButton = styled_components_1.default.span.attrs(function () { return ({
-    'data-component-name': 'Sidebar/MobileSidebarButton',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(\n    ", "\n  );\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: ", ";\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  background-image: var(--fab-icon);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 45%;\n\n  &:hover {\n    background-color: var(--fab-background-color);\n    box-shadow: var(--fab-hover-box-shadow);\n  }\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n"], ["\n  background-color: var(\n    ", "\n  );\n  width: 55px;\n  user-select: none;\n  height: 55px;\n  bottom: 44px;\n  cursor: pointer;\n  position: fixed;\n  right: 20px;\n  z-index: 3;\n  box-shadow: ", ";\n  border-radius: 50%;\n  transform: ", ";\n  transition: transform 0.75s;\n\n  background-image: var(--fab-icon);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: 45%;\n\n  &:hover {\n    background-color: var(--fab-background-color);\n    box-shadow: var(--fab-hover-box-shadow);\n  }\n\n  ", " {\n    display: none;\n    transform: rotate(180deg);\n  }\n\n  ", " {\n    display: none !important;\n  }\n"])), function (props) { return (props.opened ? '--fab-active-background' : '--fab-background-color'); }, function (props) {
-    return props.opened ? 'var(--fab-active-box-shadow)' : 'var(--fab-box-shadow)';
-}, function (props) { return (props.opened ? 'rotate(180deg)' : 'rotate(0deg)'); }, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.mediaQueries) === null || _b === void 0 ? void 0 : _b.medium;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.mediaQueries) === null || _b === void 0 ? void 0 : _b.print;
-});
-var templateObject_1;

package/Sidebar/Separator.js

@@ -1,23 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Separator = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-var SeparatorItem_1 = require("../Sidebar/SeparatorItem");
-function Separator(_a) {
-    var item = _a.item;
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/Separator" },
-        react_1.default.createElement(SeparatorItem_1.SeparatorItem, null, item.label),
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.Separator = Separator;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/Sidebar/SeparatorItem.js

@@ -1,16 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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).attrs(function () { return ({
-    'data-component-name': 'Sidebar/SeparatorItem',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default;\n  font-weight: var(--font-weight-bold);\n  color: var(--sidebar-separator-item-color);\n  font-family: var(--sidebar-item-separator-font-family);\n  font-size: var(--sidebar-item-separator-font-size);\n  text-transform: var(--sidebar-item-separator-text-transform);\n  background: var(--sidebar-item-separator-background-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-item-color);\n  font-family: var(--sidebar-item-separator-font-family);\n  font-size: var(--sidebar-item-separator-font-size);\n  text-transform: var(--sidebar-item-separator-text-transform);\n  background: var(--sidebar-item-separator-background-color);\n\n  :hover {\n    color: inherit;\n    background-color: inherit;\n  }\n"])));
-var templateObject_1;

package/Sidebar/SeparatorLine.js

@@ -1,15 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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-item-separator-line-color);\n  margin: var(--sidebar-item-padding-vertical) 0;\n"], ["\n  height: 1px;\n  background-color: var(--sidebar-item-separator-line-color);\n  margin: var(--sidebar-item-padding-vertical) 0;\n"])));
-var templateObject_1;

package/Sidebar/Sidebar.js

@@ -1,24 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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-border-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-item-font-size);\n  font-family: var(--sidebar-item-font-family);\n  color: var(--sidebar-item-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-border-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-item-font-size);\n  font-family: var(--sidebar-item-font-family);\n  color: var(--sidebar-item-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.js

@@ -1,52 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarLayout = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Sidebar_1 = require("../Sidebar/Sidebar");
-var useMobileMenu_1 = require("../hooks/useMobileMenu");
-var MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
-var MenuContainer_1 = require("../Sidebar/MenuContainer");
-var SidebarSearch_1 = require("../Search/SidebarSearch");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-function SidebarLayout(_a) {
-    var versions = _a.versions, menu = _a.menu;
-    var _b = __read((0, useMobileMenu_1.useMobileMenu)(), 2), isOpen = _b[0], setIsOpen = _b[1];
-    var toggleMenu = function () { return setIsOpen(!isOpen); };
-    var _c = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)(), search = _c.search, sidebar = _c.sidebar;
-    if (sidebar === null || sidebar === void 0 ? void 0 : sidebar.hide) {
-        return null;
-    }
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/SidebarLayout" },
-        react_1.default.createElement(MobileSidebarButton_1.MobileSidebarButton, { opened: isOpen, onClick: toggleMenu }),
-        !(search === null || search === void 0 ? void 0 : search.hide) && (search === null || search === void 0 ? void 0 : search.placement) === 'sidebar' ? react_1.default.createElement(SidebarSearch_1.SidebarSearch, null) : null,
-        react_1.default.createElement(Sidebar_1.Sidebar, { animate: true, opened: isOpen },
-            versions,
-            react_1.default.createElement(MenuContainer_1.MenuContainer, null, menu))));
-}
-exports.SidebarLayout = SidebarLayout;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;

package/SidebarLogo/SidebarLogo.js

@@ -1,25 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarLogo = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-function SidebarLogo(_a) {
-    var _b = _a === void 0 ? {} : _a, imageUrl = _b.imageUrl, href = _b.href, altText = _b.altText, backgroundColor = _b.backgroundColor, dataTestId = _b.dataTestId;
-    if (!imageUrl) {
-        return null;
-    }
-    var logo = react_1.default.createElement(LogoImgEl, { src: imageUrl, alt: altText || 'logo' });
-    return (react_1.default.createElement(LogoWrap, { "data-cy": dataTestId, style: { backgroundColor: backgroundColor }, "data-component-name": "SidebarLogo/SidebarLogo" }, href ? react_1.default.createElement(Link, { href: href }, logo) : logo));
-}
-exports.SidebarLogo = SidebarLogo;
-var LogoImgEl = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  max-height: var(--sidebar-logo-max-height);\n  max-width: var(--sidebar-logo-max-width);\n  padding: var(--sidebar-logo-padding);\n  width: 100%;\n  display: block;\n"], ["\n  max-height: var(--sidebar-logo-max-height);\n  max-width: var(--sidebar-logo-max-width);\n  padding: var(--sidebar-logo-padding);\n  width: 100%;\n  display: block;\n"])));
-var LogoWrap = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: center;\n  line-height: 0;\n"], ["\n  text-align: center;\n  line-height: 0;\n"])));
-var Link = styled_components_1.default.a(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;

package/TableOfContent/TableOfContent.js

@@ -1,81 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableOfContent = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var utils_1 = require("./utils");
-var useFullHeight_1 = require("../hooks/useFullHeight");
-var useActiveHeading_1 = require("../hooks/useActiveHeading");
-var useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
-function TableOfContent(props) {
-    var _a;
-    var headings = props.headings, tocMaxDepth = props.tocMaxDepth, contentWrapper = props.contentWrapper;
-    var sidebar = (0, react_1.useRef)(null);
-    (0, useFullHeight_1.useFullHeight)(sidebar);
-    var toc = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)().toc;
-    var displayedHeadings = (0, utils_1.getDisplayedHeadings)(headings, tocMaxDepth);
-    var leastDepth = (0, utils_1.getLeastDepth)(displayedHeadings);
-    var activeHeadingId = (0, useActiveHeading_1.useActiveHeading)(contentWrapper, (0, utils_1.getDisplayedHeadingsIds)(displayedHeadings));
-    if (toc === null || toc === void 0 ? void 0 : toc.hide) {
-        return null;
-    }
-    if (headings && headings.length === 1 && (!headings[0] || headings[0].depth === 1)) {
-        return null;
-    }
-    if (!(headings === null || headings === void 0 ? void 0 : headings.length)) {
-        return null;
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null, headings && (react_1.default.createElement(TableOfContentMenu, { "data-component-name": "TableOfContent/TableOfContent" },
-        react_1.default.createElement(TableOfContentItems, { ref: sidebar },
-            react_1.default.createElement(TocHeader, null, ((_a = toc === null || toc === void 0 ? void 0 : toc.header) === null || _a === void 0 ? void 0 : _a.label) || 'On this page'),
-            displayedHeadings.map(function (heading, idx) {
-                // TODO: not sure about !heading
-                if (!heading) {
-                    return null;
-                }
-                var href = '#' + heading.id;
-                return (react_1.default.createElement(MenuItem, { key: href + idx, href: href, depth: heading.depth - leastDepth + 1 || 0, className: activeHeadingId === heading.id ? 'active' : '', dangerouslySetInnerHTML: { __html: heading.value || '' }, "data-cy": "toc-".concat(heading.value) }));
-            }))))));
-}
-exports.TableOfContent = TableOfContent;
-var TocHeader = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: var(--toc-heading-font-family);\n  font-size: var(--toc-heading-font-size);\n  font-weight: var(--toc-heading-font-weight);\n  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n  color: var(--toc-heading-text-color);\n  text-transform: uppercase;\n"], ["\n  font-family: var(--toc-heading-font-family);\n  font-size: var(--toc-heading-font-size);\n  font-weight: var(--toc-heading-font-weight);\n  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n  color: var(--toc-heading-text-color);\n  text-transform: uppercase;\n"])));
-var MenuItem = styled_components_1.default.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  color: var(--toc-item-text-color);\n  background-color: var(--toc-item-background-color);\n  cursor: pointer;\n  font-size: var(--toc-item-font-size);\n  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n  padding-left: calc(var(--toc-item-nested-offset) * ", ");\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--heading-font-family, var(--toc-item-font-family));\n\n  :hover,\n  &.active {\n    color: var(--toc-item-active-text-color);\n    background-color: var(--toc-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"], ["\n  display: block;\n  color: var(--toc-item-text-color);\n  background-color: var(--toc-item-background-color);\n  cursor: pointer;\n  font-size: var(--toc-item-font-size);\n  padding: var(--toc-item-padding-vertical) var(--toc-item-padding-horizontal);\n  padding-left: calc(var(--toc-item-nested-offset) * ", ");\n  transition: background-color 0.3s, color 0.3s;\n  text-decoration: none;\n  word-break: break-word;\n  font-family: var(--heading-font-family, var(--toc-item-font-family));\n\n  :hover,\n  &.active {\n    color: var(--toc-item-active-text-color);\n    background-color: var(--toc-item-active-background-color);\n  }\n\n  :empty {\n    padding: 0;\n  }\n"])), function (_a) {
-    var depth = _a.depth;
-    return depth;
-});
-var TableOfContentMenu = styled_components_1.default.aside(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background-color: var(--toc-background-color);\n  flex-shrink: 0;\n  display: none !important;\n\n  ", " {\n    width: var(--toc-width);\n    display: block !important;\n  }\n"], ["\n  background-color: var(--toc-background-color);\n  flex-shrink: 0;\n  display: none !important;\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) + var(--toc-offset-top));\n  max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));\n  border-left: 1px solid var(--toc-border-color);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"], ["\n  position: sticky;\n  top: calc(var(--navbar-height) + var(--toc-offset-top));\n  max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top));\n  border-left: 1px solid var(--toc-border-color);\n  overflow-y: auto;\n  width: var(--toc-width); ;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/TableOfContent/utils.js

@@ -1,62 +0,0 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLeastDepth = exports.getDisplayedHeadingsIds = exports.getDisplayedHeadings = void 0;
-function getDisplayedHeadings(headings, tocMaxDepth) {
-    if (!headings) {
-        return [];
-    }
-    return headings.filter(function (heading, idx) {
-        if (!heading) {
-            return false;
-        }
-        if (idx === 0 && heading.depth === 1) {
-            return false;
-        }
-        return !(heading.depth && heading.depth > tocMaxDepth);
-    });
-}
-exports.getDisplayedHeadings = getDisplayedHeadings;
-function getDisplayedHeadingsIds(headings) {
-    if (!headings) {
-        return [];
-    }
-    return headings.map(function (header) { return header === null || header === void 0 ? void 0 : header.id; });
-}
-exports.getDisplayedHeadingsIds = getDisplayedHeadingsIds;
-function getLeastDepth(headings) {
-    var e_1, _a;
-    if (!headings || headings.length === 0) {
-        return 1;
-    }
-    var depth = null;
-    try {
-        for (var headings_1 = __values(headings), headings_1_1 = headings_1.next(); !headings_1_1.done; headings_1_1 = headings_1.next()) {
-            var heading = headings_1_1.value;
-            if (!heading)
-                continue;
-            if (depth === null || depth > heading.depth) {
-                depth = heading.depth;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (headings_1_1 && !headings_1_1.done && (_a = headings_1.return)) _a.call(headings_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return depth !== null && depth !== void 0 ? depth : 1;
-}
-exports.getLeastDepth = getLeastDepth;