@redocly/theme 0.10.0 → 0.11.0

package/lib/Search/SearchItem.js

@@ -1,98 +0,0 @@
-"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 __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;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const OperationBadge_1 = require("../OperationBadge");
-const Link_1 = require("../mocks/Link");
-const Parameters_1 = require("../Search/Parameters");
-const utils_1 = require("../Search/utils");
-function SearchItem({ item }) {
-    var _a, _b;
-    const ref = (0, react_1.useRef)();
-    (0, react_1.useEffect)(() => {
-        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)),
-        ((_a = item.parameters) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(Parameters_1.Parameters, { parameters: item.parameters })) : (react_1.default.createElement(Path, null, (_b = item.path) === null || _b === void 0 ? void 0 : _b.join(' → ')))));
-}
-exports.SearchItem = SearchItem;
-const Title = styled_components_1.default.div `
-  font-weight: var(--font-weight-bold);
-  color: var(--search-item-title-text-color);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: var(--line-height-base);
-`;
-const SearchLink = (0, styled_components_1.default)(Link_1.Link) `
-  display: block;
-  text-decoration: none;
-  padding: var(--search-item-padding);
-  transition: background-color 0.3s ease;
-  outline: none;
-  white-space: nowrap;
-  color: var(--search-item-text-color);
-  background-color: var(--search-item-background-color);
-
-  &:hover,
-  &:focus {
-    color: var(--search-item-active-text-color);
-    background-color: var(--search-item-active-background-color);
-    ${Title} {
-      color: var(--search-item-active-title-text-color);
-    }
-  }
-`;
-const Operation = styled_components_1.default.div `
-  font-weight: var(--font-weight-regular);
-  font-size: var(--font-size-small);
-  color: var(--search-item-title-text-color);
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const Description = styled_components_1.default.div `
-  font-size: var(--font-size-base);
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const Path = styled_components_1.default.div `
-  font-size: var(--font-size-small);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 22px;
-`;
-//# sourceMappingURL=SearchItem.js.map

package/lib/Search/SidebarSearch.d.ts

@@ -1,4 +0,0 @@
-import { Search } from '../Search/Search';
-export declare const SidebarSearch: import("styled-components").StyledComponent<typeof Search, any, {
-    'data-component-name': string;
-}, "data-component-name">;

package/lib/Search/SidebarSearch.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarSearch = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Search_1 = require("../Search/Search");
-const Popover_1 = require("../Search/Popover");
-exports.SidebarSearch = (0, styled_components_1.default)(Search_1.Search).attrs(() => ({
-    'data-component-name': 'Search/SidebarSearch',
-})) `
-  --search-input-text-color: var(--sidebar-item-active-color);
-
-  ${Popover_1.Popover} {
-    right: unset;
-    top: 100%;
-  }
-`;
-//# sourceMappingURL=SidebarSearch.js.map

package/lib/Search/index.d.ts

@@ -1,9 +0,0 @@
-export * from '../Search/Autocomplete';
-export * from '../Search/ClearIcon';
-export * from '../Search/Input';
-export * from '../Search/Parameters';
-export * from '../Search/Popover';
-export * from '../Search/Search';
-export * from '../Search/SearchIcon';
-export * from '../Search/SearchItem';
-export * from '../Search/utils';

package/lib/Search/index.js

@@ -1,26 +0,0 @@
-"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("../Search/Autocomplete"), exports);
-__exportStar(require("../Search/ClearIcon"), exports);
-__exportStar(require("../Search/Input"), exports);
-__exportStar(require("../Search/Parameters"), exports);
-__exportStar(require("../Search/Popover"), exports);
-__exportStar(require("../Search/Search"), exports);
-__exportStar(require("../Search/SearchIcon"), exports);
-__exportStar(require("../Search/SearchItem"), exports);
-__exportStar(require("../Search/utils"), exports);
-//# sourceMappingURL=index.js.map

package/lib/Sidebar/ApiCallItem.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { MenuItemProps } from '../Sidebar/types/MenuItemProps';
-export declare function ApiCallItem({ item }: MenuItemProps): JSX.Element;
-export declare const Badge: import("styled-components").StyledComponent<"span", any, {
-    className: `operation-type ${string}`;
-    'data-component-name': string;
-} & {
-    type: string;
-}, "className" | "data-component-name">;

package/lib/Sidebar/ApiCallItem.js

@@ -1,34 +0,0 @@
-"use strict";
-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;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const OperationBadge_1 = require("../OperationBadge");
-const MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-const SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-const MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-function ApiCallItem({ 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;
-const Wrapper = styled_components_1.default.div ``;
-exports.Badge = (0, styled_components_1.default)(OperationBadge_1.OperationBadge) `
-  flex-shrink: 0;
-  margin-top: 0;
-  width: 36px;
-  height: 14px;
-  font-size: var(--sidebar-item-badge-http-font-size);
-  font-family: var(--sidebar-item-badge-http-font-family);
-  font-weight: var(--sidebar-item-badge-http-font-weight);
-  border-radius: var(--sidebar-item-badge-http-border-radius);
-  color: var(--sidebar-item-badge-http-text-color);
-`;
-//# sourceMappingURL=ApiCallItem.js.map

package/lib/Sidebar/ArrowBack.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ArrowBack: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, {}, never>;

package/lib/Sidebar/ArrowBack.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArrowBack = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Arrow = ({ className }) => (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: "10px", 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) `
-  fill: var(--sidebar-back-button-icon-color);
-  margin-right: calc(var(--sidebar-spacing-unit));
-
-  background-image: var(--sidebar-back-button-icon);
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-`;
-//# sourceMappingURL=ArrowBack.js.map

package/lib/Sidebar/BackButton.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackButton = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const ArrowBack_1 = require("../Sidebar/ArrowBack");
-function BackButton({ children, 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;
-const Button = styled_components_1.default.button `
-  width: 100%;
-  background-color: var(--sidebar-back-button-background-color);
-  padding: 0;
-  border: 0;
-  outline: 0;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  color: var(--sidebar-back-button-text-color);
-  font-size: var(--sidebar-back-button-font-size);
-  font-family: var(--sidebar-back-button-font-family);
-  text-transform: var(--sidebar-back-button-transform);
-
-  transition: color 0.25s ease;
-  text-align: left;
-  margin: var(--sidebar-back-button-margin);
-
-  &:hover {
-    color: var(--sidebar-back-button-hover-text-color);
-    background: var(--sidebar-back-button-hover-background-color);
-  }
-`;
-//# sourceMappingURL=BackButton.js.map

package/lib/Sidebar/Drilldown.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
-interface DrilldownProps extends DrilldownMenuProps {
-    isExpanded: boolean;
-    expand: () => void;
-}
-export declare function Drilldown({ isExpanded, item, expand, ...props }: React.PropsWithChildren<DrilldownProps>): JSX.Element;
-export {};

package/lib/Sidebar/Drilldown.js

@@ -1,43 +0,0 @@
-"use strict";
-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;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-const SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-const DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
-const DrilldownMenu_1 = require("../Sidebar/DrilldownMenu");
-function Drilldown(_a) {
-    var { isExpanded, item, expand } = _a, 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, Object.assign({ item: item }, props)) : null,
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.Drilldown = Drilldown;
-const Wrapper = styled_components_1.default.div ``;
-const DrilldownLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel) `
-  padding: var(--sidebar-item-nested-offset) var(--sidebar-item-padding-horizontal);
-  font-weight: var(--font-weight-bold);
-
-  &:hover {
-    color: initial;
-    background-color: initial;
-  }
-`;
-//# sourceMappingURL=Drilldown.js.map

package/lib/Sidebar/DrilldownMenu.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DrilldownMenuProps } from '../Sidebar/types/DrilldownMenuProps';
-export declare function DrilldownMenu({ item, back, prevActiveItem, children, }: React.PropsWithChildren<DrilldownMenuProps>): JSX.Element;

package/lib/Sidebar/DrilldownMenu.js

@@ -1,71 +0,0 @@
-"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 __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.DrilldownMenu = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const BackButton_1 = require("../Sidebar/BackButton");
-const DrilldownMenuItem_1 = require("../Sidebar/DrilldownMenuItem");
-function DrilldownMenu({ item, back, prevActiveItem, children, }) {
-    return (react_1.default.createElement(MenuContainer, { "data-component-name": "Sidebar/DrilldownMenu" },
-        react_1.default.createElement(MenuContent, null,
-            react_1.default.createElement(MenuWrapper, null,
-                react_1.default.createElement(BackButton_1.BackButton, { back: back }, (prevActiveItem === null || prevActiveItem === void 0 ? void 0 : prevActiveItem.label) || 'Back'),
-                react_1.default.createElement(DrilldownMenuItem_1.DrilldownMenuItem, { item: item })),
-            children)));
-}
-exports.DrilldownMenu = DrilldownMenu;
-const MenuContainer = styled_components_1.default.div `
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  z-index: 100;
-  background-color: var(--sidebar-item-drilldown-background-color);
-`;
-const slideInAnimation = (0, styled_components_1.keyframes) `
-  0% {
-    transform: translateX(100%)
-  }
-  100% {
-    transform: translateX(0%)
-  }
-`;
-const MenuContent = styled_components_1.default.div `
-  animation-name: ${slideInAnimation};
-  animation-fill-mode: forwards;
-  animation-duration: 0.3s;
-  animation-timing-function: ease;
-  background-color: transparent;
-`;
-const MenuWrapper = styled_components_1.default.div `
-  padding: var(--sidebar-item-padding-vertical) var(--sidebar-item-padding-horizontal);
-  margin-bottom: calc(var(--sidebar-spacing-unit) * 3);
-  word-break: break-word;
-`;
-//# sourceMappingURL=DrilldownMenu.js.map

package/lib/Sidebar/DrilldownMenuItem.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { MenuItemProps } from '../Sidebar/types/MenuItemProps';
-export declare function DrilldownMenuItem({ item }: MenuItemProps): JSX.Element;

package/lib/Sidebar/ExternalIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ExternalIcon: import("styled-components").StyledComponent<({ className }: {
-    className?: string | undefined;
-}) => JSX.Element, any, {}, never>;

package/lib/Sidebar/ExternalIcon.js

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

package/lib/Sidebar/Menu.d.ts

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

package/lib/Sidebar/Menu.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Menu = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.Menu = styled_components_1.default.ul.attrs(() => ({
-    'data-component-name': 'Sidebar/Menu',
-})) `
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  color: var(--sidebar-item-text-color);
-  position: relative;
-`;
-//# sourceMappingURL=Menu.js.map

package/lib/Sidebar/MenuContainer.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.MenuContainer = styled_components_1.default.div.attrs(({ growContent }) => ({
-    'data-component-name': 'Sidebar/MenuContainer',
-    growContent: growContent === undefined ? true : growContent,
-})) `
-  position: relative;
-  overflow-y: auto;
-  flex-grow: ${({ growContent }) => (growContent ? 1 : 0)};
-  padding-top: var(--sidebar-offset-top);
-`;
-//# sourceMappingURL=MenuContainer.js.map

package/lib/Sidebar/MenuGroup.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ItemState } from '../Sidebar/types/ItemState';
-interface MenuGroupProps {
-    item: ItemState;
-    isExpanded: boolean;
-    toggleExpanded: () => void;
-}
-export declare function MenuGroup({ item, isExpanded, toggleExpanded, children, }: React.PropsWithChildren<MenuGroupProps>): JSX.Element;
-export {};

package/lib/Sidebar/MenuGroup.js

@@ -1,88 +0,0 @@
-"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 __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.MenuGroup = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const ArrowIcon_1 = require("../icons/ArrowIcon/ArrowIcon");
-const MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-const MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-const SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-function MenuGroup({ item, isExpanded, toggleExpanded, children, }) {
-    const [showChildren, setShowChildren] = (0, react_1.useState)(isExpanded);
-    const timer = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        timer.current && clearTimeout(timer.current);
-        if (isExpanded) {
-            setShowChildren(true);
-        }
-        else {
-            timer.current = setTimeout(() => {
-                setShowChildren(false);
-            }, 800);
-        }
-        return () => {
-            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, { visibility: item.items.length ? 'visible' : 'hidden', 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;
-const Wrapper = styled_components_1.default.div ``;
-const MenuWrapper = styled_components_1.default.div `
-  padding-left: var(--sidebar-item-nested-offset);
-  overflow: hidden;
-  ${(props) => props.isExpanded
-    ? `max-height: 99999px;
-        transition: max-height .8s cubic-bezier(0.5, 0, 1, 0) 0s;`
-    : `max-height: 0px;
-	      transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;`};
-`;
-const MenuGroupLabel = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel) `
-  padding-left: var(--sidebar-item-padding-horizontal);
-  cursor: ${(props) => (props.isAlwaysExpanded ? 'default' : 'pointer')};
-  font-family: var(--sidebar-item-group-font-family);
-  font-size: var(--sidebar-item-group-font-size);
-  text-transform: var(--sidebar-text-group-transform);
-  color: var(--sidebar-item-group-text-color);
-  background: var(--sidebar-item-group-background-color);
-  ${(props) => props.active
-    ? `color: var(--sidebar-item-group-active-text-color);
-        background-color: var(--sidebar-item-group-active-background-color);`
-    : null};
-`;
-const MenuGroupArrow = (0, styled_components_1.default)(ArrowIcon_1.ArrowIcon) `
-  margin-right: calc(var(--sidebar-spacing-unit) / 2);
-`;
-//# sourceMappingURL=MenuGroup.js.map

package/lib/Sidebar/MenuItem.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { MenuItemProps } from '../Sidebar/types/MenuItemProps';
-export declare function MenuItem({ item }: MenuItemProps): JSX.Element;

package/lib/Sidebar/MenuItem.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-const ExternalIcon_1 = require("../Sidebar/ExternalIcon");
-const MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-const SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-function MenuItem({ item }) {
-    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuItem" },
-        react_1.default.createElement(MenuLinkItem_1.MenuLinkItem, { item: item },
-            react_1.default.createElement(MenuItemLabel_1.MenuItemLabel, { active: item.active },
-                item.label,
-                item.external ? react_1.default.createElement(ExternalIcon_1.ExternalIcon, null) : null)),
-        item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
-}
-exports.MenuItem = MenuItem;
-const Wrapper = styled_components_1.default.div ``;
-//# sourceMappingURL=MenuItem.js.map