@redocly/theme 0.4.15 → 0.5.0

package/lib/Sidebar/Menu.js

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,16 @@
+"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(() => ({
+    'data-component-name': 'Sidebar/MenuContainer',
+})) `
+  position: relative;
+  overflow-y: auto;
+  flex-grow: 1;
+  padding-top: var(--sidebar-offset-top);
+`;
+//# sourceMappingURL=MenuContainer.js.map

package/lib/Sidebar/MenuGroup.js

@@ -0,0 +1,88 @@
+"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, { 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: 9999px;
+        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/{Sidebar → lib/Sidebar}/MenuItem.js

@@ -1,21 +1,16 @@
 "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.MenuItem = void 0;
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var MenuLinkItem_1 = require("../Sidebar/MenuLinkItem");
-var ExternalIcon_1 = require("../Sidebar/ExternalIcon");
-var MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
-var SeparatorLine_1 = require("../Sidebar/SeparatorLine");
-function MenuItem(_a) {
-    var item = _a.item;
+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 },
@@ -24,5 +19,5 @@ function MenuItem(_a) {
         item.separatorLine ? react_1.default.createElement(SeparatorLine_1.SeparatorLine, null) : null));
 }
 exports.MenuItem = MenuItem;
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-var templateObject_1;
+const Wrapper = styled_components_1.default.div ``;
+//# sourceMappingURL=MenuItem.js.map

package/lib/Sidebar/MenuItemLabel.js

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

package/lib/Sidebar/MenuLink.d.ts

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

package/lib/Sidebar/MenuLink.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuLink = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Link_1 = require("../mocks/Link");
+exports.MenuLink = (0, styled_components_1.default)(Link_1.Link).attrs(() => ({
+    'data-component-name': 'Sidebar/MenuLink',
+})) `
+  text-decoration: none;
+  color: var(--sidebar-item-text-color);
+`;
+//# sourceMappingURL=MenuLink.js.map

package/lib/Sidebar/MenuLinkItem.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuLinkItem = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const MenuLink_1 = require("../Sidebar/MenuLink");
+function MenuLinkItem({ item, children, }) {
+    return (react_1.default.createElement(Wrapper, { "data-component-name": "Sidebar/MenuLinkItem" }, item.link ? (react_1.default.createElement(MenuLink_1.MenuLink, Object.assign({ to: item.link }, item), children)) : (children)));
+}
+exports.MenuLinkItem = MenuLinkItem;
+const Wrapper = styled_components_1.default.span ``;
+//# sourceMappingURL=MenuLinkItem.js.map

package/lib/Sidebar/MobileSidebarButton.js

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

package/lib/Sidebar/Separator.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const SeparatorLine_1 = require("../Sidebar/SeparatorLine");
+const SeparatorItem_1 = require("../Sidebar/SeparatorItem");
+function Separator({ 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;
+const Wrapper = styled_components_1.default.div ``;
+//# sourceMappingURL=Separator.js.map

package/lib/Sidebar/SeparatorItem.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorItem = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const MenuItemLabel_1 = require("../Sidebar/MenuItemLabel");
+exports.SeparatorItem = (0, styled_components_1.default)(MenuItemLabel_1.MenuItemLabel).attrs(() => ({
+    'data-component-name': 'Sidebar/SeparatorItem',
+})) `
+  cursor: default;
+  font-weight: var(--font-weight-bold);
+  color: var(--sidebar-separator-item-color);
+  font-family: var(--sidebar-item-separator-font-family);
+  font-size: var(--sidebar-item-separator-font-size);
+  text-transform: var(--sidebar-item-separator-text-transform);
+  background: var(--sidebar-item-separator-background-color);
+
+  :hover {
+    color: inherit;
+    background-color: inherit;
+  }
+`;
+//# sourceMappingURL=SeparatorItem.js.map

package/lib/Sidebar/SeparatorLine.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorLine = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.SeparatorLine = styled_components_1.default.div.attrs(() => ({
+    'data-component-name': 'Sidebar/SeparatorLine',
+})) `
+  height: 1px;
+  background-color: var(--sidebar-item-separator-line-color);
+  margin: var(--sidebar-item-padding-vertical) 0;
+`;
+//# sourceMappingURL=SeparatorLine.js.map

package/lib/Sidebar/Sidebar.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sidebar = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Sidebar = styled_components_1.default.aside.attrs(() => ({
+    'data-component-name': 'Sidebar/Sidebar',
+})) `
+  border-right: 1px solid var(--sidebar-border-color);
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  background: var(--sidebar-background-color);
+  font-size: var(--sidebar-item-font-size);
+  font-family: var(--sidebar-item-font-family);
+  color: var(--sidebar-item-text-color);
+  top: var(--navbar-height);
+  height: calc(100vh - var(--navbar-height));
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  -webkit-font-smoothing: antialiased;
+
+  ${({ opened, animate }) => `
+    opacity: ${opened ? '1' : '0'};
+    pointer-events: ${opened ? 'auto' : 'none'};
+    
+    & > * {
+      transform: ${opened ? 'translate(0, 0)' : 'translate(0, 40px)'};
+      transition: ${animate ? 'transform 0.65s ease, opacity 0.25s ease;' : 'none'};
+    }
+  `};
+
+  ${({ theme }) => theme.mediaQueries.medium} {
+    position: sticky;
+    pointer-events: auto;
+    display: flex;
+    opacity: 1;
+    flex-shrink: 0;
+    width: var(--sidebar-width);
+
+    & > * {
+      transform: none;
+    }
+  }
+
+  ${({ theme }) => theme.mediaQueries.large} {
+    transform: none;
+  }
+`;
+//# sourceMappingURL=Sidebar.js.map

package/lib/Sidebar/SidebarLayout.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarLayout = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Sidebar_1 = require("../Sidebar/Sidebar");
+const useMobileMenu_1 = require("../hooks/useMobileMenu");
+const MobileSidebarButton_1 = require("../Sidebar/MobileSidebarButton");
+const MenuContainer_1 = require("../Sidebar/MenuContainer");
+const SidebarSearch_1 = require("../Search/SidebarSearch");
+const useDefaultThemeSettings_1 = require("../hooks/useDefaultThemeSettings");
+function SidebarLayout({ versions, menu }) {
+    const [isOpen, setIsOpen] = (0, useMobileMenu_1.useMobileMenu)();
+    const toggleMenu = () => setIsOpen(!isOpen);
+    const { search, sidebar } = (0, useDefaultThemeSettings_1.useDefaultThemeSettings)();
+    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;
+const Wrapper = styled_components_1.default.div ``;
+//# sourceMappingURL=SidebarLayout.js.map

package/{Sidebar → lib/Sidebar}/index.js

@@ -33,3 +33,4 @@ __exportStar(require("../Sidebar/Separator"), exports);
 __exportStar(require("../Sidebar/SeparatorItem"), exports);
 __exportStar(require("../Sidebar/Sidebar"), exports);
 __exportStar(require("../Sidebar/SidebarLayout"), exports);
+//# sourceMappingURL=index.js.map

package/{Sidebar → lib/Sidebar}/types/DrilldownMenuProps.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=DrilldownMenuProps.js.map

package/{Sidebar → lib/Sidebar}/types/ItemState.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ItemState.js.map

package/{Sidebar → lib/Sidebar}/types/MenuItemProps.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=MenuItemProps.js.map

package/{Sidebar → lib/Sidebar}/types/MenuStyle.js

@@ -6,3 +6,4 @@ var MenuStyle;
 (function (MenuStyle) {
     MenuStyle["Drilldown"] = "drilldown";
 })(MenuStyle = exports.MenuStyle || (exports.MenuStyle = {}));
+//# sourceMappingURL=MenuStyle.js.map

package/{Sidebar → lib/Sidebar}/types/NavItem.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=NavItem.js.map

package/{Sidebar → lib/Sidebar}/types/index.js

@@ -19,3 +19,4 @@ __exportStar(require("../../Sidebar/types/ItemState"), exports);
 __exportStar(require("../../Sidebar/types/MenuItemProps"), exports);
 __exportStar(require("../../Sidebar/types/MenuStyle"), exports);
 __exportStar(require("../../Sidebar/types/NavItem"), exports);
+//# sourceMappingURL=index.js.map

package/lib/SidebarLogo/SidebarLogo.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarLogo = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function SidebarLogo({ imageUrl, href, altText, backgroundColor, dataTestId, } = {}) {
+    if (!imageUrl) {
+        return null;
+    }
+    const logo = react_1.default.createElement(LogoImgEl, { src: imageUrl, alt: altText || 'logo' });
+    return (react_1.default.createElement(LogoWrap, { "data-cy": dataTestId, style: { backgroundColor }, "data-component-name": "SidebarLogo/SidebarLogo" }, href ? react_1.default.createElement(Link, { href: href }, logo) : logo));
+}
+exports.SidebarLogo = SidebarLogo;
+const LogoImgEl = styled_components_1.default.img `
+  max-height: var(--sidebar-logo-max-height);
+  max-width: var(--sidebar-logo-max-width);
+  padding: var(--sidebar-logo-padding);
+  width: 100%;
+  display: block;
+`;
+const LogoWrap = styled_components_1.default.div `
+  text-align: center;
+  line-height: 0;
+`;
+const Link = styled_components_1.default.a `
+  display: inline-block;
+`;
+//# sourceMappingURL=SidebarLogo.js.map

package/{SidebarLogo → lib/SidebarLogo}/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("../SidebarLogo/SidebarLogo"), exports);
+//# sourceMappingURL=index.js.map