@redocly/theme 0.4.14 → 0.4.16

package/Profile/Profile.js

@@ -1,59 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Profile = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var utils_1 = require("../utils");
-function ProfileComponent(_a) {
-    var _b;
-    var name = _a.name, imageUrl = _a.imageUrl, onClick = _a.onClick, color = _a.color;
-    if (imageUrl) {
-        return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-            react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-            imageUrl && (react_1.default.createElement(AvatarWrapper, null,
-                react_1.default.createElement("img", { "data-cy": "user-avatar", src: imageUrl, alt: "profile" })))));
-    }
-    var avatarLetters = "".concat(name.charAt(0).toUpperCase()).concat(((_b = name.split(' ')[1]) === null || _b === void 0 ? void 0 : _b.charAt(0).toUpperCase()) || '');
-    return (react_1.default.createElement(ProfileWrapper, { onClick: onClick },
-        react_1.default.createElement(StyledUserName, { "data-cy": "user-name", color: color }, name),
-        react_1.default.createElement(AvatarWrapper, { background: (0, utils_1.stringToHslColor)(name) },
-            react_1.default.createElement("span", null, avatarLetters))));
-}
-exports.Profile = (0, react_1.memo)(ProfileComponent);
-var ProfileWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: auto;\n  padding: 0 var(--navbar-item-padding-horizontal);\n"])));
-var StyledUserName = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
-    var color = _a.color;
-    return color || 'var(--navbar-text-color)';
-});
-var AvatarWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  font-size: 1.25rem;\n  align-items: center;\n  flex-shrink: 0;\n  line-height: 1;\n  user-select: none;\n  border-radius: 50%;\n  justify-content: center;\n  margin-left: 16px;\n\n  ", "\n\n  & > img {\n    color: transparent;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    text-align: center;\n    text-indent: 10000px;\n  }\n"], ["\n  width: 40px;\n  height: 40px;\n  display: flex;\n  overflow: hidden;\n  position: relative;\n  font-size: 1.25rem;\n  align-items: center;\n  flex-shrink: 0;\n  line-height: 1;\n  user-select: none;\n  border-radius: 50%;\n  justify-content: center;\n  margin-left: 16px;\n\n  ", "\n\n  & > img {\n    color: transparent;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    text-align: center;\n    text-indent: 10000px;\n  }\n"])), function (_a) {
-    var background = _a.background;
-    return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    background-color: ", ";\n    span {\n      color: ", ";\n      filter: invert(100%);\n    }\n  "], ["\n    background-color: ", ";\n    span {\n      color: ", ";\n      filter: invert(100%);\n    }\n  "])), background, background);
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/SamplesPanelControls/SamplesPanelControls.js

@@ -1,27 +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.PreformattedCodeBlock = exports.SampleControlsWrap = exports.SampleControls = exports.SamplesControlButton = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var CodeBlock_1 = require("../CodeBlock");
-exports.SamplesControlButton = styled_components_1.default.button.attrs(function () { return ({
-    'data-component-name': 'SamplesPanelControls/SamplesPanelControls',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: var(--panel-samples-controls-background-color);\n  border: 0;\n  outline: 0;\n  border-radius: var(--border-radius);\n  height: 20px;\n  color: var(--panel-samples-controls-text-color);\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n  padding: 1px 6px;\n  min-width: 90px;\n\n  ", " {\n    padding: 2px 20px;\n  }\n\n  :hover,\n  :focus {\n    background-color: var(--panel-samples-controls-hover-background-color);\n  }\n"], ["\n  background-color: var(--panel-samples-controls-background-color);\n  border: 0;\n  outline: 0;\n  border-radius: var(--border-radius);\n  height: 20px;\n  color: var(--panel-samples-controls-text-color);\n  font-size: 12px;\n  line-height: 12px;\n  cursor: pointer;\n  padding: 1px 6px;\n  min-width: 90px;\n\n  ", " {\n    padding: 2px 20px;\n  }\n\n  :hover,\n  :focus {\n    background-color: var(--panel-samples-controls-hover-background-color);\n  }\n"])), function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.mediaQueries) === null || _b === void 0 ? void 0 : _b.small;
-});
-exports.SampleControls = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 10px 0;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > ", " {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    margin-left: 10px;\n\n    ", " {\n      margin-top: 0;\n    }\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"], ["\n  padding: 10px 0;\n  opacity: 0.7;\n  transition: opacity 0.3s ease;\n  text-align: right;\n\n  &:focus-within {\n    opacity: 1;\n  }\n\n  > div,\n  > ", " {\n    /* can have tooltip wrapper div also */\n    margin-top: 5px;\n    margin-left: 10px;\n\n    ", " {\n      margin-top: 0;\n    }\n\n    &:first-child {\n      margin-left: 0;\n    }\n  }\n"])), exports.SamplesControlButton, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.mediaQueries) === null || _b === void 0 ? void 0 : _b.small;
-});
-exports.SampleControlsWrap = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  &:hover ", " {\n    opacity: 1;\n  }\n"], ["\n  &:hover ", " {\n    opacity: 1;\n  }\n"])), exports.SampleControls);
-exports.PreformattedCodeBlock = (0, styled_components_1.default)(CodeBlock_1.CodeBlock.withComponent('pre'))(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow-x: auto;\n  margin: 0;\n  font-family: var(--code-font-family);\n  padding: 20px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-samples-controls-background-color);\n  color: var(--text-color-inverse);\n  font-size: var(--code-font-size);\n  white-space: var(--code-wrap, pre);\n"], ["\n  overflow-x: auto;\n  margin: 0;\n  font-family: var(--code-font-family);\n  padding: 20px;\n  border-radius: var(--border-radius);\n  background-color: var(--panel-samples-controls-background-color);\n  color: var(--text-color-inverse);\n  font-size: var(--code-font-size);\n  white-space: var(--code-wrap, pre);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Search/Autocomplete.js

@@ -1,122 +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 __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.Autocomplete = void 0;
-var react_1 = __importStar(require("react"));
-var react_router_dom_1 = require("react-router-dom");
-var styled_components_1 = __importDefault(require("styled-components"));
-var Input_1 = require("../Search/Input");
-var Popover_1 = require("../Search/Popover");
-function Autocomplete(_a) {
-    var placeholder = _a.placeholder, value = _a.value, items = _a.items, change = _a.change, select = _a.select, renderItem = _a.renderItem, children = _a.children;
-    var location = (0, react_router_dom_1.useLocation)();
-    var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
-    var _c = __read((0, react_1.useState)(-1), 2), activeIdx = _c[0], setActiveIdx = _c[1];
-    var open = function () { return setIsOpen(true); };
-    var close = function () {
-        setIsOpen(false);
-        setActiveIdx(-1);
-    };
-    var reset = function () {
-        change('');
-        close();
-    };
-    var stopPropagation = function (event) { return event.stopPropagation(); };
-    var onChange = function (event) {
-        setActiveIdx(-1);
-        change(event.target.value);
-    };
-    var onKeydown = function (event) {
-        switch (event.code) {
-            case 'Escape':
-                close();
-                event.currentTarget.blur();
-                break;
-            case 'ArrowDown':
-                setActiveIdx(Math.min(activeIdx + 1, items.length - 1));
-                event.preventDefault();
-                break;
-            case 'ArrowUp':
-                setActiveIdx(Math.max(0, activeIdx - 1));
-                break;
-            case 'Enter':
-                if (activeIdx > -1) {
-                    select(items[activeIdx]);
-                }
-                break;
-        }
-    };
-    var mapItem = function (item, idx) {
-        var active = idx === activeIdx;
-        return renderItem(__assign(__assign({}, item), { active: active }));
-    };
-    (0, react_1.useEffect)(close, [location]);
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Autocomplete" },
-        isOpen ? react_1.default.createElement(Overlay, { onClick: close }) : null,
-        react_1.default.createElement(AutocompleteBox, { onKeyDown: onKeydown },
-            react_1.default.createElement(Input_1.FormInput, { value: value, placeholder: placeholder, onChange: onChange, onFocus: open, onClick: stopPropagation }), children === null || children === void 0 ? void 0 :
-            children(isOpen, reset),
-            isOpen && value ? (react_1.default.createElement(Popover_1.Popover, null, items.length ? items.map(mapItem) : react_1.default.createElement(Message, null, "No results"))) : null)));
-}
-exports.Autocomplete = Autocomplete;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var AutocompleteBox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n"])));
-var Overlay = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n"])));
-var Message = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 24px;\n  color: var(--text-color);\n"], ["\n  padding: 24px;\n  color: var(--text-color);\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/Search/ClearIcon.js

@@ -1,32 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.ClearIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 298.7 298.7", "data-component-name": "Search/ClearIcon" }, props),
-    react_1.default.createElement("polygon", { points: "298.7 30.2 268.5 0 149.3 119.1 30.2 0 0 30.2 119.1 149.3 0 268.5 30.2 298.7 149.3 179.5 268.5 298.7 298.7 268.5 179.5 149.3 " }))); };
-exports.ClearIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
-    'data-component-name': 'Search/ClearIcon',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 0.5em;\n  height: 0.5em;\n  right: 1.2em;\n  fill: var(--search-input-text-color);\n\n  ", " {\n    width: 0.625em;\n    height: 0.625em;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var templateObject_1;

package/Search/Input.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.FormInput = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.FormInput = styled_components_1.default.input.attrs(function () { return ({
-    'data-component-name': 'Search/Input',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--search-input-background-color);\n  border-radius: var(--search-input-border-radius);\n  border: var(--search-input-border);\n  outline: none;\n  color: var(--search-input-text-color);\n  font-size: var(--search-input-font-size);\n  font-family: var(--search-input-font-family);\n  line-height: var(--search-input-line-height);\n\n  ::placeholder {\n    color: var(--search-input-placeholder-color);\n  }\n\n  &:hover {\n    background-color: var(--search-input-hover-background-color);\n    border: var(--search-input-hover-border);\n  }\n"], ["\n  padding: 1em 2.5em 1em 1em;\n  background-color: var(--search-input-background-color);\n  border-radius: var(--search-input-border-radius);\n  border: var(--search-input-border);\n  outline: none;\n  color: var(--search-input-text-color);\n  font-size: var(--search-input-font-size);\n  font-family: var(--search-input-font-family);\n  line-height: var(--search-input-line-height);\n\n  ::placeholder {\n    color: var(--search-input-placeholder-color);\n  }\n\n  &:hover {\n    background-color: var(--search-input-hover-background-color);\n    border: var(--search-input-hover-border);\n  }\n"])));
-var templateObject_1;

package/Search/Parameters.js

@@ -1,42 +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.Parameters = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var utils_1 = require("../Search/utils");
-var MAX_ITEMS = 2;
-function Parameters(_a) {
-    var _b = _a.parameters, parameters = _b === void 0 ? [] : _b;
-    var moreItems = Math.max(0, parameters.length - MAX_ITEMS);
-    if (moreItems) {
-        parameters.length = MAX_ITEMS;
-    }
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Parameters" },
-        parameters.map(function (param) {
-            var _a, _b;
-            var path = "".concat(param.place, " \u2192 ").concat(((_a = param.path) === null || _a === void 0 ? void 0 : _a.length) ? ((_b = param.path) === null || _b === void 0 ? void 0 : _b.join(' → ')) + ' → ' : '');
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Place, null,
-                    path,
-                    (0, utils_1.highlight)(param.name),
-                    " ",
-                    react_1.default.createElement("br", null),
-                    (0, utils_1.highlight)(param.description))));
-        }),
-        moreItems ? react_1.default.createElement(MoreText, null,
-            "and ",
-            moreItems,
-            " more...") : null));
-}
-exports.Parameters = Parameters;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-left: 1px solid var(--border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"], ["\n  border-left: 1px solid var(--border-color);\n  padding: 0 12px;\n  margin-top: 8px;\n  margin-bottom: 4px;\n"])));
-var Place = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  padding-top: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  &:first-child {\n    padding-top: 0;\n  }\n"], ["\n  font-size: var(--font-size-small);\n  padding-top: 8px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  &:first-child {\n    padding-top: 0;\n  }\n"])));
-var MoreText = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-regular);\n  padding-top: 4px;\n"], ["\n  font-size: var(--font-size-small);\n  font-weight: var(--font-weight-regular);\n  padding-top: 4px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;

package/Search/Popover.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.Popover = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.Popover = styled_components_1.default.div.attrs(function () { return ({
-    'data-component-name': 'Search/Popover',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: var(--search-popover-shadow);\n  background: var(--search-popover-background-color);\n  list-style: none;\n  border-radius: var(--search-popover-border-radius);\n  border: var(--search-popover-border);\n"], ["\n  position: absolute;\n  top: calc(100% + 10px);\n  right: 0;\n  z-index: 100;\n  min-width: 100%;\n  width: 550px;\n  max-width: 90vw;\n  max-height: 400px;\n  overflow-y: auto;\n  box-shadow: var(--search-popover-shadow);\n  background: var(--search-popover-background-color);\n  list-style: none;\n  border-radius: var(--search-popover-border-radius);\n  border: var(--search-popover-border);\n"])));
-var templateObject_1;

package/Search/Search.js

@@ -1,29 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Search = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var usePreloadHistory_1 = require("../mocks/usePreloadHistory");
-var search_1 = require("../mocks/search");
-var Autocomplete_1 = require("../Search/Autocomplete");
-var ClearIcon_1 = require("../Search/ClearIcon");
-var SearchIcon_1 = require("../Search/SearchIcon");
-var SearchItem_1 = require("../Search/SearchItem");
-function Search() {
-    var history = (0, usePreloadHistory_1.usePreloadHistory)();
-    var _a = (0, search_1.useFuseSearch)(), query = _a.query, setQuery = _a.setQuery, items = _a.items;
-    // TODO: ask somebody about typings
-    var navigate = function (item) { return history.push(item.url); };
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Search/Search" },
-        react_1.default.createElement(Autocomplete_1.Autocomplete, { items: items, value: query, change: setQuery, select: navigate, placeholder: "Search the docs", renderItem: function (item) { return react_1.default.createElement(SearchItem_1.SearchItem, { key: item.id, item: item }); } }, function (isOpen, reset) { return (isOpen ? react_1.default.createElement(ClearIcon_1.ClearIcon, { onClick: reset }) : react_1.default.createElement(SearchIcon_1.SearchIcon, null)); })));
-}
-exports.Search = Search;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 auto;\n"], ["\n  margin: 0 auto;\n"])));
-var templateObject_1;

package/Search/SearchIcon.js

@@ -1,32 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.SearchIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Icon = function (props) { return (react_1.default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0", y: "0", viewBox: "0 0 490 490", "data-component-name": "Search/SearchIcon" }, props),
-    react_1.default.createElement("path", { d: "M484 455.2L366.2 337.4c29.2-35.6 46.8-81.2 46.8-130.9C413 92.5 320.5 0 206.5 0 92.4 0 0 92.5 0 206.5S92.4 413 206.5 413c49.7 0 95.2-17.5 130.8-46.7L455.1 484c8 8 20.9 8 28.9 0C492 476.1 492 463.1 484 455.2zM206.5 371.9C115.2 371.9 41 297.7 41 206.5S115.2 41 206.5 41C297.7 41 372 115.3 372 206.5S297.7 371.9 206.5 371.9z" }))); };
-exports.SearchIcon = (0, styled_components_1.default)(Icon).attrs(function () { return ({
-    'data-component-name': 'Search/SearchIcon',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"], ["\n  position: absolute;\n  cursor: pointer;\n  width: 1em;\n  height: 1em;\n  right: 1em;\n  fill: var(--search-input-text-color);\n  z-index: -1;\n\n  ", " {\n    width: 1.2em;\n    height: 1.2em;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.mediaQueries.medium;
-});
-var templateObject_1;

package/Search/SearchItem.js

@@ -1,64 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __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.SearchItem = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var OperationBadge_1 = require("../OperationBadge");
-var Link_1 = require("../mocks/Link");
-var Parameters_1 = require("../Search/Parameters");
-var utils_1 = require("../Search/utils");
-function SearchItem(_a) {
-    var _b, _c;
-    var item = _a.item;
-    var ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if (item.active) {
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [item.active]);
-    return (react_1.default.createElement(SearchLink, { to: item.url, tabIndex: 0, innerRef: ref, "data-component-name": "Search/SearchItem" },
-        item.httpVerb ? (react_1.default.createElement(Operation, null,
-            react_1.default.createElement(OperationBadge_1.OperationBadge, { type: item.httpVerb }, item.httpVerb),
-            item.pathName ? (0, utils_1.highlight)(item.pathName) : null)) : null,
-        react_1.default.createElement(Title, null, (0, utils_1.highlight)(item.title)),
-        react_1.default.createElement(Description, null, (0, utils_1.highlight)(item.text)),
-        ((_b = item.parameters) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(Parameters_1.Parameters, { parameters: item.parameters })) : (react_1.default.createElement(Path, null, (_c = item.path) === null || _c === void 0 ? void 0 : _c.join(' → ')))));
-}
-exports.SearchItem = SearchItem;
-var Title = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"], ["\n  font-weight: var(--font-weight-bold);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: var(--line-height-base);\n"])));
-var SearchLink = (0, styled_components_1.default)(Link_1.Link)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  text-decoration: none;\n  padding: var(--search-item-padding);\n  transition: background-color 0.3s ease;\n  outline: none;\n  white-space: nowrap;\n  color: var(--search-item-text-color);\n  background-color: var(--search-item-background-color);\n\n  &:hover,\n  &:focus {\n    color: var(--search-item-active-text-color);\n    background-color: var(--search-item-active-background-color);\n    ", " {\n      color: var(--search-item-active-title-text-color);\n    }\n  }\n"], ["\n  display: block;\n  text-decoration: none;\n  padding: var(--search-item-padding);\n  transition: background-color 0.3s ease;\n  outline: none;\n  white-space: nowrap;\n  color: var(--search-item-text-color);\n  background-color: var(--search-item-background-color);\n\n  &:hover,\n  &:focus {\n    color: var(--search-item-active-text-color);\n    background-color: var(--search-item-active-background-color);\n    ", " {\n      color: var(--search-item-active-title-text-color);\n    }\n  }\n"])), Title);
-var Operation = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-small);\n  color: var(--search-item-title-text-color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-var Description = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: var(--font-size-base);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  font-size: var(--font-size-base);\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
-var Path = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: var(--font-size-small);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 22px;\n"], ["\n  font-size: var(--font-size-small);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 22px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/Search/SidebarSearch.js

@@ -1,17 +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.SidebarSearch = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var Search_1 = require("../Search/Search");
-var Popover_1 = require("../Search/Popover");
-exports.SidebarSearch = (0, styled_components_1.default)(Search_1.Search).attrs(function () { return ({
-    'data-component-name': 'Search/SidebarSearch',
-}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  --search-input-text-color: var(--sidebar-item-active-color);\n\n  ", " {\n    right: unset;\n    top: 100%;\n  }\n"], ["\n  --search-input-text-color: var(--sidebar-item-active-color);\n\n  ", " {\n    right: unset;\n    top: 100%;\n  }\n"])), Popover_1.Popover);
-var templateObject_1;

package/Sidebar/ApiCallItem.js

@@ -1,29 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = exports.ApiCallItem = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var OperationBadge_1 = require("../OperationBadge");
-var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-function ApiCallItem(_a) {
-    var item = _a.item;
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/ApiCallItem" },
-        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
-            react_1.default.createElement(MenuItemLabel_1.MenuItemLabel, { active: item.active },
-                react_1.default.createElement(exports.Badge, { type: item.httpVerb || '' }, item.httpVerb === 'hook' ? 'event' : item.httpVerb),
-                item.label)),
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.ApiCallItem = ApiCallItem;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.Badge = (0, styled_components_1.default)(OperationBadge_1.OperationBadge)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-shrink: 0;\n  margin-top: 0;\n  width: 36px;\n  height: 14px;\n  font-size: var(--sidebar-item-badge-http-font-size);\n  font-family: var(--sidebar-item-badge-http-font-family);\n  font-weight: var(--sidebar-item-badge-http-font-weight);\n  border-radius: var(--sidebar-item-badge-http-border-radius);\n  color: var(--sidebar-item-badge-http-text-color);\n"], ["\n  flex-shrink: 0;\n  margin-top: 0;\n  width: 36px;\n  height: 14px;\n  font-size: var(--sidebar-item-badge-http-font-size);\n  font-family: var(--sidebar-item-badge-http-font-family);\n  font-weight: var(--sidebar-item-badge-http-font-weight);\n  border-radius: var(--sidebar-item-badge-http-border-radius);\n  color: var(--sidebar-item-badge-http-text-color);\n"])));
-var templateObject_1, templateObject_2;

package/Sidebar/ArrowBack.js

@@ -1,21 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowBack = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var Arrow = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("span", { "data-component-name": "Sidebar/ArrowBack" },
-        react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 10", width: "12px", height: "10px", className: className },
-            react_1.default.createElement("path", { d: "M2.414 5l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L2.414 5z" }),
-            react_1.default.createElement("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" }))));
-};
-exports.ArrowBack = (0, styled_components_1.default)(Arrow)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fill: var(--sidebar-back-button-icon-color);\n  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n\n  background-image: var(--sidebar-back-button-icon);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"], ["\n  fill: var(--sidebar-back-button-icon-color);\n  margin-right: calc(var(--sidebar-spacing-unit) * 1.5);\n\n  background-image: var(--sidebar-back-button-icon);\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: contain;\n"])));
-var templateObject_1;

package/Sidebar/BackButton.js

@@ -1,22 +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.BackButton = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var ArrowBack_1 = require("../Sidebar/ArrowBack");
-function BackButton(_a) {
-    var children = _a.children, back = _a.back;
-    return (react_1.default.createElement(Button, { onClick: back, "data-component-name": "Sidebar/BackButton" },
-        react_1.default.createElement(ArrowBack_1.ArrowBack, null),
-        children));
-}
-exports.BackButton = BackButton;
-var Button = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  background-color: var(--sidebar-back-button-background-color);\n  padding: 0;\n  border: 0;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--sidebar-back-button-text-color);\n  font-size: var(--sidebar-back-button-font-size);\n  font-family: var(--sidebar-back-button-font-family);\n  text-transform: var(--sidebar-back-button-transform);\n\n  transition: color 0.25s ease;\n  text-align: left;\n  margin: var(--sidebar-back-button-margin);\n\n  &:hover {\n    color: var(--sidebar-back-button-hover-text-color);\n    background: var(--sidebar-back-button-hover-background-color);\n  }\n"], ["\n  width: 100%;\n  background-color: var(--sidebar-back-button-background-color);\n  padding: 0;\n  border: 0;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--sidebar-back-button-text-color);\n  font-size: var(--sidebar-back-button-font-size);\n  font-family: var(--sidebar-back-button-font-family);\n  text-transform: var(--sidebar-back-button-transform);\n\n  transition: color 0.25s ease;\n  text-align: left;\n  margin: var(--sidebar-back-button-margin);\n\n  &:hover {\n    color: var(--sidebar-back-button-hover-text-color);\n    background: var(--sidebar-back-button-hover-background-color);\n  }\n"])));
-var templateObject_1;

package/Sidebar/Drilldown.js

@@ -1,50 +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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drilldown = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-var DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
-var DrilldownMenu_1 = require("../Sidebar/DrilldownMenu");
-function Drilldown(_a) {
-    var isExpanded = _a.isExpanded, item = _a.item, expand = _a.expand, props = __rest(_a, ["isExpanded", "item", "expand"]);
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/Drilldown" },
-        react_1.default.createElement(DrilldownLabel, { onClick: expand },
-            react_1.default.createElement(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })),
-        isExpanded ? react_1.default.createElement(DrilldownMenu_1.DrilldownMenu, __assign({ item: item }, props)) : null,
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.Drilldown = Drilldown;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var DrilldownLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: var(--sidebar-item-nested-offset) var(--sidebar-item-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"], ["\n  padding: var(--sidebar-item-nested-offset) var(--sidebar-item-padding-horizontal);\n  font-weight: var(--font-weight-bold);\n\n  &:hover {\n    color: initial;\n    background-color: initial;\n  }\n"])));
-var templateObject_1, templateObject_2;