@apify/docs-theme 1.0.2 → 1.0.4

package/src/theme/custom.css

@@ -0,0 +1,378 @@
+@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600;700&display=swap');
+
+html[data-theme='dark'] {
+    --ifm-navbar-background-color: #1a1b23;
+    --ifm-background-color: #1a1b23;
+    --ifm-background-surface-color: #242736;
+
+    --ifm-font-color-base: #f2f3fb;
+
+    --ifm-pre-background: #242736;
+
+    --ifm-color-primary: #5d9df1;
+    --ifm-link-color: #5d9df1;
+    --ifm-heading-color: #f2f3fb;
+    --ifm-navbar-link-color: #f2f3fb;
+
+    --docusaurus-highlighted-code-line-bg: rgba(255, 255, 255, 0.1);
+    --docsearch-text-color: #8d92af;
+}
+
+:root {
+    /* use default system font based on https://devhints.io/css-system-font-stack */
+    --ifm-font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    --ifm-heading-font-family: 'Lota Grotesque', sans-serif;
+    --ifm-font-weight-semibold: 600;
+    --ifm-font-color-base: #242736;
+
+    --ifm-navbar-item-padding-horizontal: 1.75rem;
+    --ifm-navbar-link-color: #41465d;
+    --ifm-navbar-shadow: none;
+
+    --ifm-heading-margin-top: var(--ifm-heading-margin-bottom);
+    --ifm-hero-background-color: transparent;
+
+    --ifm-code-background: var(--ifm-pre-background) !important;
+    --ifm-code-padding-horizontal: 0.4rem;
+    --ifm-code-padding-vertical: 0.2rem;
+
+    --ifm-color-primary-lightest: #5d9df1;
+    --ifm-color-primary-lighter: #3a87ee;
+    --ifm-color-primary-light: #2e80ed;
+    --ifm-color-primary: #1672eb;
+    --ifm-color-primary-dark: #1266d5;
+    --ifm-color-primary-darker: #1161c9;
+    --ifm-color-primary-darkest: #0e50a6;
+
+    --ifm-link-color: hsl(214, 84%, 50%);
+    --ifm-link-hover-color: hsl(214, 84%, 65%);
+    --ifm-link-hover-decoration: none;
+
+    --ifm-footer-background-color: #272c3d;
+    --ifm-footer-title-color: #f2f3fb;
+    --ifm-footer-link-color: #f2f3fb;
+    --max-layout-width: 1680px;
+
+    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+    --ifm-heading-color: #242736;
+}
+
+@font-face {
+    font-family: 'Lota Grotesque';
+    src: url('/font/lota.woff2') format('woff2'),
+    url('/font/lota.woff') format('woff');
+    font-weight: 600;
+}
+
+.footer__title {
+    font-size: 1.25rem;
+    font-weight: 600;
+}
+
+.footer__bottom a {
+    opacity: 0.75;
+}
+
+.footer__copyright {
+    color: var(--ifm-footer-title-color);
+}
+
+.navbar__title {
+    /* Replaced by SVG */
+    display: none;
+}
+
+.navbar__inner {
+    /* .container */
+    max-width: calc(var(--max-layout-width) - 32px);
+    padding: 0 var(--ifm-spacing-horizontal);
+    width: 100%;
+}
+
+.navbar__item.dropdown {
+    padding: 0;
+}
+
+.DocSearch-Button-Placeholder {
+    font-size: 14px !important;
+}
+
+html .DocSearch-Button {
+    border-radius: 6px !important;
+    font-weight: 400 !important;
+    background: #f9fafd;
+    border: 1px solid #c1c6dd;
+
+    /* Annoying, but needed */
+    /* https://stackoverflow.com/questions/26140050/why-is-font-family-not-inherited-in-button-tags-automatically/26140154 */
+    font-family: inherit;
+}
+
+html .DocSearch-Button .DocSearch-Search-Icon {
+    color: var(--docsearch-muted-color);
+}
+
+html[data-theme="dark"] .DocSearch-Button {
+    background: none;
+    border: 1px solid var(--docsearch-muted-color);
+}
+
+html[data-theme="dark"] .DocSearch-Button .DocSearch-Search-Icon {
+    color: var(--docsearch-muted-color);
+}
+
+.DocSearch-Button:hover {
+    box-shadow: none !important;
+}
+
+.navbar, .main-wrapper {
+    justify-content: center;
+}
+
+html.plugin-pages .main-wrapper {
+    overflow-x: hidden;
+}
+
+.main-wrapper > div {
+    max-width: var(--max-layout-width);
+}
+
+aside > div > a {
+    padding-left: 16px;
+}
+
+aside > div > a > b {
+    display: none;
+}
+
+.dropdown > .navbar__link::after {
+    border-color: currentColor;
+    border-style: solid;
+    border-width: 0.1em 0.1em 0 0;
+    content: '';
+    display: inline-block;
+    height: 0.4em;
+    left: 0.3em;
+    position: relative;
+    vertical-align: top;
+    width: 0.4em;
+    top: 9px;
+    transform: rotate(135deg);
+}
+
+.navbar .icon {
+    font-size: 0;
+    padding: 4px;
+    margin-left: 20px;
+    line-height: 0;
+}
+
+.navbar .icon::before {
+    content: '';
+    display: block;
+    width: 24px;
+    height: 24px;
+    background-size: cover;
+}
+
+.navbar .icon[href*=github]::before {
+    background-image: url('/static/img/github-brand.svg');
+}
+
+html[data-theme="dark"] .navbar .navbar__link[href*=github]:before {
+    background-image: url('/static/img/github-brand-dark.svg');
+}
+
+.navbar .icon[href*=discord]::before {
+    background-image: url('/static/img/discord-brand.svg');
+}
+
+html[data-theme="dark"] .navbar .navbar__link[href*=discord]:before {
+    background-image: url('/static/img/discord-brand-dark.svg');
+}
+
+.navbar svg[class*=iconExternalLink],
+aside svg[class*=iconExternalLink] {
+    display: none;
+}
+
+header.hero div[class^=heroButtons] {
+    justify-content: inherit;
+}
+
+article .card h2 {
+    margin-top: 0;
+}
+
+.tsd-kind-icon,
+.menu__link,
+.table-of-contents__link {
+    text-overflow: ellipsis;
+    display: inline-block;
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.menu__caret:before,
+.menu__link--sublist:after {
+    float: right;
+}
+
+.table-of-contents__link {
+    height: 20px;
+}
+
+nav.navbar .dropdown__menu {
+    min-width: 6rem;
+}
+
+.navbar__logo {
+    width: 11rem;
+    height: 3rem;
+    padding: 10px 0;
+}
+
+.navbar__link.subnav {
+    font-size: 0.8em;
+    padding: 5px;
+}
+
+.main-wrapper a[class*='sidebarLogo'] img {
+    height: 3rem;
+}
+
+html.plugin-pages h2 {
+    font-size: 36px;
+    line-height: 48px;
+}
+
+html.plugin-docs .theme-doc-markdown {
+    font-size: 18px;
+    line-height: 32px;
+}
+
+html.plugin-docs .theme-doc-markdown h1 {
+    font-weight: 600;
+    font-size: 48px;
+    line-height: 64px;
+    color: #000;
+}
+
+html[data-theme='dark'].plugin-docs .theme-doc-markdown h1 {
+    color: #fff;
+}
+
+html.plugin-typedoc-api .theme-doc-markdown h1 {
+    color: #000;
+}
+
+html[data-theme='dark'].plugin-typedoc-api .theme-doc-markdown h1 {
+    color: #fff;
+}
+
+html.plugin-docs .theme-doc-markdown h2 {
+    font-size: 36px;
+    line-height: 48px;
+}
+
+html.plugin-docs .theme-doc-markdown h3 {
+    font-size: 28px;
+    line-height: 36px;
+    /*color: #242736;*/
+}
+
+.theme-doc-toc-desktop .table-of-contents {
+    font-size: 16px;
+    line-height: 24px;
+}
+
+.theme-doc-sidebar-menu .menu__link,
+.theme-doc-toc-desktop .table-of-contents .toc-highlight {
+    height: auto;
+    color: #6f7490;
+    background: none;
+}
+
+.theme-doc-sidebar-menu .menu__link:hover {
+    background: inherit;
+}
+
+.theme-doc-sidebar-menu .menu__link {
+    font-weight: 400;
+}
+
+.theme-doc-sidebar-menu .menu__link--active {
+    font-weight: 700;
+}
+
+.theme-doc-sidebar-menu .menu__list-item-collapsible,
+.theme-doc-sidebar-menu .menu__list-item-collapsible--active {
+    background: none;
+}
+
+.theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
+    font-weight: 700;
+}
+
+html[data-theme='dark'] .theme-doc-sidebar-menu .menu__link,
+html[data-theme='dark'] .theme-doc-toc-desktop .table-of-contents .toc-highlight {
+    color: #b3b8d2;
+}
+
+html[data-theme='dark'] .theme-doc-sidebar-menu .menu__link--active,
+html[data-theme='dark'] .theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
+    color: #f2f3fb;
+}
+
+.theme-doc-sidebar-menu .menu__link:hover,
+.theme-doc-sidebar-menu .menu__link--active,
+.theme-doc-toc-desktop .table-of-contents .table-of-contents__link:hover,
+.theme-doc-toc-desktop .table-of-contents .table-of-contents__link--active {
+    color: #242736;
+}
+
+.hero {
+    position: relative;
+}
+
+.apiItemContainer .tsd-readme h1:first-child {
+    display: none;
+}
+
+@media (min-width: 997px) and (max-width: 1250px) {
+    .navbar__items--right a.icon {
+        display: none;
+    }
+}
+
+@media (min-width: 997px) and (max-width: 1130px) {
+    .navbar__link.changelog {
+        display: none;
+    }
+}
+
+@media (min-width: 997px) and (max-width: 1439px) {
+    footer .col--offset-9 {
+        --ifm-col-width: calc(4 / 12 * 100%);
+        margin-left: calc(8 / 12 * 100%);
+    }
+}
+
+html .theme-doc-sidebar-container {
+    border: 0;
+}
+
+html .theme-doc-sidebar-container button {
+    border: 0;
+    border-radius: 10px;
+}
+
+html .table-of-contents {
+    border-left: 0;
+}
+
+html .table-of-contents ul {
+    border-left: 2px solid #dfe2f5;
+}

package/index.d.ts

@@ -1,9 +0,0 @@
-export default function theme(context: any, opts: any): {
-    name: string;
-    getThemePath(): string;
-    getTypeScriptThemePath(): string;
-    contentLoaded({ content, actions }: {
-        content: any;
-        actions: any;
-    }): Promise<void>;
-};

package/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function theme(context, opts) {
-    return {
-        name: "@apify/docs-theme",
-        getThemePath() {
-            return '../dist/theme';
-        },
-        getTypeScriptThemePath() {
-            return '../src/theme';
-        },
-        async contentLoaded({ content, actions }) {
-            const { setGlobalData } = actions;
-            setGlobalData({
-                opts,
-            });
-        },
-    };
-}
-exports.default = theme;

package/theme/ColorModeToggle/index.d.ts

@@ -1,8 +0,0 @@
-declare const _default: React.MemoExoticComponent<typeof ColorModeToggle>;
-export default _default;
-declare function ColorModeToggle({ className, value, onChange }: {
-    className: any;
-    value: any;
-    onChange: any;
-}): JSX.Element;
-import React from "react";

package/theme/ColorModeToggle/index.js

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const clsx_1 = __importDefault(require("clsx"));
-const useIsBrowser_1 = __importDefault(require("@docusaurus/useIsBrowser"));
-const Translate_1 = require("@docusaurus/Translate");
-const LightMode_1 = __importDefault(require("../Icon/LightMode"));
-const DarkMode_1 = __importDefault(require("../Icon/DarkMode"));
-const styles_module_css_1 = __importDefault(require("./styles.module.css"));
-function ColorModeToggle({ className, value, onChange }) {
-    const isBrowser = (0, useIsBrowser_1.default)();
-    const title = (0, Translate_1.translate)({
-        message: 'Switch between dark and light mode (currently {mode})',
-        id: 'theme.colorToggle.ariaLabel',
-        description: 'The ARIA label for the navbar color mode toggle',
-    }, {
-        mode: value === 'dark'
-            ? (0, Translate_1.translate)({
-                message: 'dark mode',
-                id: 'theme.colorToggle.ariaLabel.mode.dark',
-                description: 'The name for the dark color mode',
-            })
-            : (0, Translate_1.translate)({
-                message: 'light mode',
-                id: 'theme.colorToggle.ariaLabel.mode.light',
-                description: 'The name for the light color mode',
-            }),
-    });
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.toggle, className) },
-        react_1.default.createElement("button", { className: (0, clsx_1.default)('clean-btn', styles_module_css_1.default.toggleButton, !isBrowser && styles_module_css_1.default.toggleButtonDisabled), type: "button", onClick: () => onChange(value === 'dark' ? 'light' : 'dark'), disabled: !isBrowser, title: title, "aria-label": title },
-            react_1.default.createElement("span", null,
-                react_1.default.createElement(LightMode_1.default, { className: (0, clsx_1.default)(styles_module_css_1.default.toggleIcon, styles_module_css_1.default.lightToggleIcon), width: 14, height: 14 }),
-                react_1.default.createElement(DarkMode_1.default, { className: (0, clsx_1.default)(styles_module_css_1.default.toggleIcon, styles_module_css_1.default.darkToggleIcon), width: 14, height: 14 })))));
-}
-exports.default = react_1.default.memo(ColorModeToggle);

package/theme/Footer/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: React.MemoExoticComponent<typeof Footer>;
-export default _default;
-declare function Footer(): JSX.Element;
-import React from "react";

package/theme/Footer/index.js

@@ -1,49 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const clsx_1 = __importDefault(require("clsx"));
-// eslint-disable-next-line import/no-extraneous-dependencies
-const theme_common_1 = require("@docusaurus/theme-common");
-const LinkItem_1 = __importDefault(require("@theme/Footer/LinkItem"));
-const index_module_css_1 = __importDefault(require("./index.module.css"));
-function FooterLinksColumn({ column }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: index_module_css_1.default.footerTitle }, column.title),
-        react_1.default.createElement("ul", { className: (0, clsx_1.default)(index_module_css_1.default.footerItem, 'clean-list') }, column.items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "footer__item" },
-            react_1.default.createElement(LinkItem_1.default, { item: item })))))));
-}
-function Footer() {
-    const { footer } = (0, theme_common_1.useThemeConfig)();
-    if (!footer) {
-        return null;
-    }
-    const { links, style } = footer;
-    const OpenSourceIcon = require('../../img/footer-open-source.svg').default;
-    const ApifyLogo = require('../../img/footer-apify-logo.svg').default;
-    return (react_1.default.createElement("footer", { className: (0, clsx_1.default)(index_module_css_1.default.footer, style) },
-        react_1.default.createElement("div", { className: "container padding-horiz--lg" },
-            react_1.default.createElement("div", { className: "row" },
-                react_1.default.createElement("div", { className: "col col--5" },
-                    react_1.default.createElement("div", { className: "row" },
-                        react_1.default.createElement("div", { className: "col col--6" },
-                            react_1.default.createElement(FooterLinksColumn, { column: links[0] })),
-                        react_1.default.createElement("div", { className: "col col--6" },
-                            react_1.default.createElement(FooterLinksColumn, { column: links[1] })))),
-                react_1.default.createElement("div", { className: "col col--7" },
-                    react_1.default.createElement("div", { className: "row" },
-                        react_1.default.createElement("div", { className: "col col--3 col--offset-9" },
-                            react_1.default.createElement(FooterLinksColumn, { column: links[2] }))))),
-            react_1.default.createElement("div", { className: "row padding-vert--md padding-top--lg" },
-                react_1.default.createElement("div", { className: "col padding-vert--md col--6" },
-                    react_1.default.createElement("div", { className: index_module_css_1.default.freeAndOpenSource },
-                        react_1.default.createElement(OpenSourceIcon, { className: index_module_css_1.default.alignMiddle }),
-                        react_1.default.createElement("span", { className: index_module_css_1.default.alignMiddle }, "Blablabla, bla bla bla. This component is from the common theme!"))),
-                react_1.default.createElement("div", { className: "col padding-vert--md col--6 text--right" },
-                    react_1.default.createElement("span", { className: index_module_css_1.default.builtBy },
-                        react_1.default.createElement("span", { className: index_module_css_1.default.alignMiddle }, "Built by"),
-                        react_1.default.createElement(ApifyLogo, { className: index_module_css_1.default.alignMiddle })))))));
-}
-exports.default = react_1.default.memo(Footer);

package/theme/Icon/DarkMode/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: React.MemoExoticComponent<typeof IconDarkMode>;
-export default _default;
-declare function IconDarkMode(props: any): JSX.Element;
-import React from "react";

package/theme/Icon/DarkMode/index.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-function IconDarkMode(props) {
-    return (react_1.default.createElement("svg", { viewBox: "0 0 13 12", width: 14, height: 14, ...props },
-        react_1.default.createElement("path", { d: "M10.7001 6.39501C10.6215 7.24611 10.3021 8.05721 9.77927 8.7334C9.25646 9.40959 8.55189 9.92291 7.748 10.2133C6.9441 10.5036 6.07414 10.5591 5.2399 10.3731C4.40565 10.187 3.64164 9.76728 3.03726 9.1629C2.43287 8.55851 2.01312 7.7945 1.8271 6.96026C1.64108 6.12602 1.6965 5.25605 1.98688 4.45216C2.27725 3.64826 2.79056 2.94369 3.46675 2.42088C4.14294 1.89808 4.95404 1.57866 5.80515 1.50001C5.30685 2.17414 5.06707 3.00473 5.12941 3.84071C5.19175 4.6767 5.55208 5.46254 6.14485 6.05531C6.73762 6.64808 7.52346 7.0084 8.35944 7.07074C9.19542 7.13308 10.026 6.8933 10.7001 6.39501Z", stroke: "currentColor", fill: "transparent", strokeLinecap: "round", strokeLinejoin: "round" })));
-}
-exports.default = react_1.default.memo(IconDarkMode);

package/theme/Icon/LightMode/index.d.ts

@@ -1,4 +0,0 @@
-declare const _default: React.MemoExoticComponent<typeof IconLightMode>;
-export default _default;
-declare function IconLightMode(props: any): JSX.Element;
-import React from "react";

package/theme/Icon/LightMode/index.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 });
-const react_1 = __importDefault(require("react"));
-function IconLightMode(props) {
-    return (react_1.default.createElement("svg", { viewBox: "0 0 13 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, ...props },
-        react_1.default.createElement("g", { clipPath: "url(#clip0_833_8168)" },
-            react_1.default.createElement("path", { d: "M6.59998 8.49999C7.98069 8.49999 9.09998 7.3807 9.09998 5.99999C9.09998 4.61928 7.98069 3.49999 6.59998 3.49999C5.21926 3.49999 4.09998 4.61928 4.09998 5.99999C4.09998 7.3807 5.21926 8.49999 6.59998 8.49999Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M6.59985 0.5V1.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M6.59985 10.5V11.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M2.7099 2.11L3.4199 2.82", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M9.77991 9.17999L10.4899 9.88999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M1.09998 6H2.09998", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M11.0999 6H12.0999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M2.7099 9.88999L3.4199 9.17999", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-            react_1.default.createElement("path", { d: "M9.77991 2.82L10.4899 2.11", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })),
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("clipPath", { id: "clip0_833_8168" },
-                react_1.default.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(0.599976)" })))));
-}
-exports.default = react_1.default.memo(IconLightMode);

package/theme/Navbar/Content/index.d.ts

@@ -1 +0,0 @@
-export default function NavbarContent(): JSX.Element;

package/theme/Navbar/Content/index.js

@@ -1,60 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const theme_common_1 = require("@docusaurus/theme-common");
-const useGlobalData_1 = require("@docusaurus/useGlobalData");
-const useDocusaurusContext_1 = __importDefault(require("@docusaurus/useDocusaurusContext"));
-const internal_1 = require("@docusaurus/theme-common/internal");
-const styles_module_css_1 = __importDefault(require("./styles.module.css"));
-const Logo_1 = __importDefault(require("@theme/Navbar/Logo"));
-const NavbarItem_1 = __importDefault(require("@theme/NavbarItem"));
-const ColorModeToggle_1 = __importDefault(require("@theme/Navbar/ColorModeToggle"));
-const Search_1 = __importDefault(require("@theme/Navbar/Search"));
-const SearchBar_1 = __importDefault(require("@theme/SearchBar"));
-const Toggle_1 = __importDefault(require("@theme/Navbar/MobileSidebar/Toggle"));
-function NavbarItems({ items }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null, items.map((item, i) => (react_1.default.createElement(NavbarItem_1.default, { ...item, key: i })))));
-}
-function NavbarContentLayout({ left, right }) {
-    return (react_1.default.createElement("div", { className: "navbar__inner" },
-        react_1.default.createElement("div", { className: "navbar__items" }, left),
-        react_1.default.createElement("div", { className: "navbar__items navbar__items--right" }, right)));
-}
-function SubNavbar() {
-    const { subNavbar } = (0, useGlobalData_1.usePluginData)('@apify/docs-theme').opts;
-    const pageTitle = (0, useDocusaurusContext_1.default)().siteConfig.title;
-    return (subNavbar ? (react_1.default.createElement("div", { className: "navbar__inner" },
-        react_1.default.createElement("div", { className: "navbar__items" },
-            react_1.default.createElement(NavbarItems, { items: [
-                    {
-                        label: pageTitle,
-                        to: '/',
-                    },
-                    ...subNavbar,
-                ] })))) : null);
-}
-function NavbarContent() {
-    const items = (0, theme_common_1.useThemeConfig)().navbar.items;
-    const [leftItems, rightItems] = (0, internal_1.splitNavbarItems)(items);
-    const searchBarItem = items.find((item) => item.type === 'search');
-    return (react_1.default.createElement("div", { style: {
-            width: "100%",
-            height: "100%",
-            alignItems: "center",
-            display: "flex",
-            flexDirection: "column",
-        } },
-        react_1.default.createElement(NavbarContentLayout, { left: react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Toggle_1.default, null),
-                react_1.default.createElement(Logo_1.default, null),
-                react_1.default.createElement(NavbarItems, { items: leftItems })), right: react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ColorModeToggle_1.default, { className: styles_module_css_1.default.colorModeToggle }),
-                react_1.default.createElement(NavbarItems, { items: rightItems }),
-                !searchBarItem && (react_1.default.createElement(Search_1.default, null,
-                    react_1.default.createElement(SearchBar_1.default, null)))) }),
-        react_1.default.createElement(SubNavbar, null)));
-}
-exports.default = NavbarContent;

package/theme/NavbarItem/ComponentTypes.d.ts

@@ -1,20 +0,0 @@
-export default ComponentTypes;
-declare const ComponentTypes: {
-    default: any;
-    localeDropdown: any;
-    search: any;
-    dropdown: any;
-    html: any;
-    'custom-api': typeof ApiNavbarItem;
-    doc: typeof DocNavbarItem;
-    docSidebar: any;
-    docsVersion: any;
-    docsVersionDropdown: any;
-};
-declare function ApiNavbarItem(ctx: any): JSX.Element;
-declare function DocNavbarItem({ docId, label: staticLabel, docsPluginId, ...props }: {
-    [x: string]: any;
-    docId: any;
-    label: any;
-    docsPluginId: any;
-}): JSX.Element;