@redocly/theme 0.4.16 → 0.5.1

package/lib/config.d.ts

@@ -0,0 +1,385 @@
+import { z } from 'zod';
+export declare const ThemeConfig: z.ZodDefault<z.ZodObject<{
+    imports: z.ZodOptional<z.ZodDefault<z.ZodArray<z.ZodString, "many">>>;
+    logo: z.ZodOptional<z.ZodObject<{
+        image: z.ZodOptional<z.ZodString>;
+        altText: z.ZodOptional<z.ZodString>;
+        link: z.ZodOptional<z.ZodString>;
+        favicon: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+        image?: string | undefined;
+        altText?: string | undefined;
+        link?: string | undefined;
+        favicon?: string | undefined;
+    }, {
+        image?: string | undefined;
+        altText?: string | undefined;
+        link?: string | undefined;
+        favicon?: string | undefined;
+    }>>;
+    navbar: z.ZodOptional<z.ZodObject<{
+        hide: z.ZodOptional<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        hide?: boolean | undefined;
+    }, {
+        hide?: boolean | undefined;
+    }>>;
+    footer: z.ZodOptional<z.ZodObject<{
+        hide: z.ZodOptional<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        hide?: boolean | undefined;
+    }, {
+        hide?: boolean | undefined;
+    }>>;
+    sidebar: z.ZodOptional<z.ZodObject<{
+        hide: z.ZodOptional<z.ZodBoolean>;
+    }, "strict", z.ZodTypeAny, {
+        hide?: boolean | undefined;
+    }, {
+        hide?: boolean | undefined;
+    }>>;
+    navbarItems: z.ZodOptional<z.ZodAny>;
+    footerItems: z.ZodOptional<z.ZodAny>;
+    scripts: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
+    postBodyScripts: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
+    styles: z.ZodOptional<z.ZodArray<z.ZodUnion<[z.ZodString, z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodBoolean, z.ZodString]>>]>, "many">>;
+    search: z.ZodOptional<z.ZodDefault<z.ZodObject<z.extendShape<{
+        placement: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+    }, {
+        hide: z.ZodOptional<z.ZodBoolean>;
+    }>, "strict", z.ZodTypeAny, {
+        hide?: boolean | undefined;
+        placement?: string | undefined;
+    }, {
+        hide?: boolean | undefined;
+        placement?: string | undefined;
+    }>>>;
+    colorMode: z.ZodDefault<z.ZodOptional<z.ZodObject<z.extendShape<{
+        disableDetect: z.ZodOptional<z.ZodBoolean>;
+        default: z.ZodOptional<z.ZodString>;
+        modes: z.ZodOptional<z.ZodDefault<z.ZodArray<z.ZodString, "many">>>;
+    }, {
+        hide: z.ZodOptional<z.ZodBoolean>;
+    }>, "strict", z.ZodTypeAny, {
+        hide?: boolean | undefined;
+        disableDetect?: boolean | undefined;
+        default?: string | undefined;
+        modes?: string[] | undefined;
+    }, {
+        hide?: boolean | undefined;
+        disableDetect?: boolean | undefined;
+        default?: string | undefined;
+        modes?: string[] | undefined;
+    }>>>;
+    navigation: z.ZodDefault<z.ZodOptional<z.ZodObject<{
+        nextPageLink: z.ZodDefault<z.ZodOptional<z.ZodObject<z.extendShape<{
+            label: z.ZodDefault<z.ZodString>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            label: string;
+        }, {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        }>>>;
+        prevPageLink: z.ZodDefault<z.ZodOptional<z.ZodObject<z.extendShape<{
+            label: z.ZodDefault<z.ZodString>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            label: string;
+        }, {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        }>>>;
+    }, "strict", z.ZodTypeAny, {
+        nextPageLink: {
+            hide?: boolean | undefined;
+            label: string;
+        };
+        prevPageLink: {
+            hide?: boolean | undefined;
+            label: string;
+        };
+    }, {
+        nextPageLink?: {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        } | undefined;
+        prevPageLink?: {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        } | undefined;
+    }>>>;
+    markdown: z.ZodOptional<z.ZodDefault<z.ZodObject<{
+        frontmatterKeysToResolve: z.ZodOptional<z.ZodDefault<z.ZodArray<z.ZodString, "many">>>;
+        lastUpdatedBlock: z.ZodOptional<z.ZodDefault<z.ZodObject<z.extendShape<{
+            format: z.ZodOptional<z.ZodDefault<z.ZodEnum<["timeago", "iso", "long", "short"]>>>;
+            locale: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        }, {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        }>>>;
+        toc: z.ZodDefault<z.ZodOptional<z.ZodObject<z.extendShape<{
+            header: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+            maxDepth: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        }, {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        }>>>;
+        editPage: z.ZodOptional<z.ZodDefault<z.ZodObject<z.extendShape<{
+            baseUrl: z.ZodOptional<z.ZodString>;
+            icon: z.ZodOptional<z.ZodString>;
+            text: z.ZodDefault<z.ZodOptional<z.ZodString>>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text: string;
+        }, {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text?: string | undefined;
+        }>>>;
+        copyCodeSnippet: z.ZodDefault<z.ZodOptional<z.ZodObject<z.extendShape<{
+            buttonText: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+            tooltipText: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+            toasterText: z.ZodOptional<z.ZodDefault<z.ZodString>>;
+            toasterDuration: z.ZodOptional<z.ZodDefault<z.ZodNumber>>;
+        }, {
+            hide: z.ZodOptional<z.ZodBoolean>;
+        }>, "strip", z.ZodTypeAny, {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        }, {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        }>>>;
+    }, "strict", z.ZodTypeAny, {
+        frontmatterKeysToResolve?: string[] | undefined;
+        lastUpdatedBlock?: {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        } | undefined;
+        editPage?: {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text: string;
+        } | undefined;
+        toc: {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        };
+        copyCodeSnippet: {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        };
+    }, {
+        frontmatterKeysToResolve?: string[] | undefined;
+        lastUpdatedBlock?: {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        } | undefined;
+        toc?: {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        } | undefined;
+        editPage?: {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text?: string | undefined;
+        } | undefined;
+        copyCodeSnippet?: {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        } | undefined;
+    }>>>;
+    openapi: z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, {}, {}>>;
+    graphql: z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, {}, {}>>;
+}, "passthrough", z.ZodTypeAny, {
+    imports?: string[] | undefined;
+    logo?: {
+        image?: string | undefined;
+        altText?: string | undefined;
+        link?: string | undefined;
+        favicon?: string | undefined;
+    } | undefined;
+    navbar?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    footer?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    sidebar?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    navbarItems?: any;
+    footerItems?: any;
+    scripts?: (string | Record<string, string | boolean>)[] | undefined;
+    postBodyScripts?: (string | Record<string, string | boolean>)[] | undefined;
+    styles?: (string | Record<string, string | boolean>)[] | undefined;
+    search?: {
+        hide?: boolean | undefined;
+        placement?: string | undefined;
+    } | undefined;
+    markdown?: {
+        frontmatterKeysToResolve?: string[] | undefined;
+        lastUpdatedBlock?: {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        } | undefined;
+        editPage?: {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text: string;
+        } | undefined;
+        toc: {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        };
+        copyCodeSnippet: {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        };
+    } | undefined;
+    openapi?: {} | undefined;
+    graphql?: {} | undefined;
+    colorMode: {
+        hide?: boolean | undefined;
+        disableDetect?: boolean | undefined;
+        default?: string | undefined;
+        modes?: string[] | undefined;
+    };
+    navigation: {
+        nextPageLink: {
+            hide?: boolean | undefined;
+            label: string;
+        };
+        prevPageLink: {
+            hide?: boolean | undefined;
+            label: string;
+        };
+    };
+}, {
+    imports?: string[] | undefined;
+    logo?: {
+        image?: string | undefined;
+        altText?: string | undefined;
+        link?: string | undefined;
+        favicon?: string | undefined;
+    } | undefined;
+    navbar?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    footer?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    sidebar?: {
+        hide?: boolean | undefined;
+    } | undefined;
+    navbarItems?: any;
+    footerItems?: any;
+    scripts?: (string | Record<string, string | boolean>)[] | undefined;
+    postBodyScripts?: (string | Record<string, string | boolean>)[] | undefined;
+    styles?: (string | Record<string, string | boolean>)[] | undefined;
+    search?: {
+        hide?: boolean | undefined;
+        placement?: string | undefined;
+    } | undefined;
+    colorMode?: {
+        hide?: boolean | undefined;
+        disableDetect?: boolean | undefined;
+        default?: string | undefined;
+        modes?: string[] | undefined;
+    } | undefined;
+    navigation?: {
+        nextPageLink?: {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        } | undefined;
+        prevPageLink?: {
+            hide?: boolean | undefined;
+            label?: string | undefined;
+        } | undefined;
+    } | undefined;
+    markdown?: {
+        frontmatterKeysToResolve?: string[] | undefined;
+        lastUpdatedBlock?: {
+            hide?: boolean | undefined;
+            format?: "timeago" | "iso" | "long" | "short" | undefined;
+            locale?: string | undefined;
+        } | undefined;
+        toc?: {
+            hide?: boolean | undefined;
+            header?: string | undefined;
+            maxDepth?: number | undefined;
+        } | undefined;
+        editPage?: {
+            hide?: boolean | undefined;
+            baseUrl?: string | undefined;
+            icon?: string | undefined;
+            text?: string | undefined;
+        } | undefined;
+        copyCodeSnippet?: {
+            hide?: boolean | undefined;
+            buttonText?: string | undefined;
+            tooltipText?: string | undefined;
+            toasterText?: string | undefined;
+            toasterDuration?: number | undefined;
+        } | undefined;
+    } | undefined;
+    openapi?: {} | undefined;
+    graphql?: {} | undefined;
+}>>;
+export declare type ThemeConfig = z.infer<typeof ThemeConfig>;
+export declare type ThemeUIConfig = Omit<ThemeConfig, 'navbarItems' | 'footerItems' | 'styles' | 'scripts' | 'postBodyScripts'> & {
+    navbarItems?: any;
+    footerItems?: any;
+    auth?: {
+        idpIds?: string[];
+        devLogin?: boolean;
+    };
+};

package/lib/config.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeConfig = void 0;
+const zod_1 = require("zod");
+const LogoConfig = zod_1.z
+    .object({
+    image: zod_1.z.string().optional(),
+    altText: zod_1.z.string().optional(),
+    link: zod_1.z.string().optional(),
+    favicon: zod_1.z.string().optional(),
+})
+    .strict();
+const HideConfig = zod_1.z.object({
+    hide: zod_1.z.boolean().optional(),
+});
+exports.ThemeConfig = zod_1.z
+    .object({
+    imports: zod_1.z.array(zod_1.z.string()).default([]).optional(),
+    logo: LogoConfig.optional(),
+    navbar: HideConfig.strict().optional(),
+    footer: HideConfig.strict().optional(),
+    sidebar: HideConfig.strict().optional(),
+    navbarItems: zod_1.z.any().optional(),
+    footerItems: zod_1.z.any().optional(),
+    scripts: zod_1.z
+        .array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))]))
+        .optional(),
+    postBodyScripts: zod_1.z
+        .array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))]))
+        .optional(),
+    styles: zod_1.z.array(zod_1.z.union([zod_1.z.string(), zod_1.z.record(zod_1.z.union([zod_1.z.boolean(), zod_1.z.string()]))])).optional(),
+    search: zod_1.z
+        .object({
+        placement: zod_1.z.string().default('navbar').optional(),
+    })
+        .extend(HideConfig.shape)
+        .strict()
+        .default({})
+        .optional(),
+    colorMode: zod_1.z
+        .object({
+        disableDetect: zod_1.z.boolean().optional(),
+        default: zod_1.z.string().optional(),
+        modes: zod_1.z.array(zod_1.z.string()).default(['light', 'dark']).optional(),
+    })
+        .extend(HideConfig.shape)
+        .strict()
+        .optional()
+        .default({}),
+    navigation: zod_1.z
+        .object({
+        nextPageLink: zod_1.z
+            .object({ label: zod_1.z.string().default('Next to {label}') })
+            .extend(HideConfig.shape)
+            .optional()
+            .default({}),
+        prevPageLink: zod_1.z
+            .object({ label: zod_1.z.string().default('Back to {label}') })
+            .extend(HideConfig.shape)
+            .optional()
+            .default({}),
+    })
+        .strict()
+        .optional()
+        .default({}),
+    markdown: zod_1.z
+        .object({
+        frontmatterKeysToResolve: zod_1.z.array(zod_1.z.string()).default(['image', 'links']).optional(),
+        lastUpdatedBlock: zod_1.z
+            .object({
+            format: zod_1.z.enum(['timeago', 'iso', 'long', 'short']).default('timeago').optional(),
+            locale: zod_1.z.string().default('en-US').optional(),
+        })
+            .extend(HideConfig.shape)
+            .default({})
+            .optional(),
+        toc: zod_1.z
+            .object({
+            header: zod_1.z.string().default('On this page').optional(),
+            maxDepth: zod_1.z.number().default(3).optional(),
+        })
+            .extend(HideConfig.shape)
+            .optional()
+            .default({}),
+        editPage: zod_1.z
+            .object({
+            baseUrl: zod_1.z.string().optional(),
+            icon: zod_1.z.string().optional(),
+            text: zod_1.z.string().optional().default('Edit this page'),
+        })
+            .extend(HideConfig.shape)
+            .default({})
+            .optional(),
+        copyCodeSnippet: zod_1.z
+            .object({
+            buttonText: zod_1.z.string().default('Copy').optional(),
+            tooltipText: zod_1.z.string().default('Copy to clipboard').optional(),
+            toasterText: zod_1.z.string().default('Copied').optional(),
+            toasterDuration: zod_1.z.number().default(1500).optional(),
+        })
+            .extend(HideConfig.shape)
+            .optional()
+            .default({}),
+    })
+        .strict()
+        .default({})
+        .optional(),
+    openapi: zod_1.z.object({}).passthrough().optional(),
+    graphql: zod_1.z.object({}).passthrough().optional(),
+})
+    .passthrough()
+    .default({});
+//# sourceMappingURL=config.js.map

package/lib/globalStyle.js

@@ -180,7 +180,7 @@ const headingsTypography = (0, styled_components_1.css) `
   --heading-anchor-color: var(--color-primary-500); // @presenter Color
   --heading-anchor-icon: none;
 
-  // TODO: implement a theme setting for heading-anchor-location: left right
+  // TODO: implement a theme config for heading-anchor-location: left right
 
   /**
   * @tokens Heading level 1
@@ -312,7 +312,6 @@ const buttons = (0, styled_components_1.css) `
   --button-active-background-color: var(--color-emphasis-600); // @presenter Color
   --button-active-border-color: var(--color-emphasis-600); // @presenter Color
 
-  /* TODO more styles for disabled state ??? */
   --button-disabled-color: var(--button-color); // @presenter Color
   --button-disabled-background-color: var(--color-emphasis-200); // @presenter Color
 
@@ -490,8 +489,8 @@ const sidebar = (0, styled_components_1.css) `
   --sidebar-item-group-active-text-color: var(--sidebar-item-active-color);
   --sidebar-item-group-active-background-color: var(--sidebar-item-active-background-color);
 
-  // we need a theme setting for chevron-location: left (default), right-compact, right, none
-  // we need another theme setting for chevron-style: up-down, down-up, right-down, down-right
+  // we need a theme config for chevron-location: left (default), right-compact, right, none
+  // we need another theme config for chevron-style: up-down, down-up, right-down, down-right
 
   --sidebar-group-item-chevron-size: var(--sidebar-spacing-unit);
   --sidebar-group-item-chevron-color: var(--sidebar-item-text-color);
@@ -550,7 +549,6 @@ const admonition = (0, styled_components_1.css) `
   --admonition-padding-vertical: calc(var(--spacing-unit) * 4);
   --admonition-icon-size: 25px;
 
-  // TODO this is should be changed to --border-radius-lg
   /**
   * @tokens Admonition border
   */

package/lib/hooks/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../hooks/useThemeConfig';
 export * from '../hooks/useControl';
 export * from '../hooks/useMount';
 export * from '../hooks/useUnmount';

package/lib/hooks/index.js

@@ -14,6 +14,7 @@ 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("../hooks/useThemeConfig"), exports);
 __exportStar(require("../hooks/useControl"), exports);
 __exportStar(require("../hooks/useMount"), exports);
 __exportStar(require("../hooks/useUnmount"), exports);

package/lib/hooks/useActiveHeading.js

@@ -4,7 +4,7 @@ exports.useActiveHeading = void 0;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
 function useActiveHeading(contentElement, displayedHeaders) {
-    const [heading, setHeading] = (0, react_1.useState)(undefined);
+    const [heading, setHeading] = (0, react_1.useState)(displayedHeaders.length > 1 ? displayedHeaders[0] : undefined);
     const [headingElements, setHeadingElements] = (0, react_1.useState)([]);
     const headingElementsRef = (0, react_1.useRef)({});
     const history = (0, react_router_dom_1.useHistory)();

package/lib/hooks/useActiveSectionId.js

@@ -38,7 +38,7 @@ function useActiveSectionId(location, hasOverviewPage = false) {
             scrollListener();
         }, 0);
         return () => {
-            window.removeEventListener('scroll', scrollListener); // TODO: add throttle
+            window.removeEventListener('scroll', scrollListener);
         };
     }, [location, navbarHeight, scrollListener]);
     return itemId;

package/lib/hooks/useThemeConfig.d.ts

@@ -0,0 +1 @@
+export { useThemeConfig } from '../mocks/hooks';

package/lib/hooks/useThemeConfig.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeConfig = void 0;
+var hooks_1 = require("../mocks/hooks");
+Object.defineProperty(exports, "useThemeConfig", { enumerable: true, get: function () { return hooks_1.useThemeConfig; } });
+//# sourceMappingURL=useThemeConfig.js.map

package/lib/icons/ColorModeIcon/ColorModeIcon.js

@@ -9,13 +9,13 @@ const styled_components_1 = __importDefault(require("styled-components"));
 function Icon({ mode, className }) {
     switch (mode) {
         case 'dark':
-            return (react_1.default.createElement("svg", { className: className, "data-testid": "dark", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+            return (react_1.default.createElement("svg", { className: className + ' dark', "data-testid": "dark", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
                 react_1.default.createElement("path", { d: "M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z" })));
         case 'light':
-            return (react_1.default.createElement("svg", { "data-testid": "light", className: className, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+            return (react_1.default.createElement("svg", { "data-testid": "light", className: className + ' light', viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
                 react_1.default.createElement("path", { d: "M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" })));
         default:
-            return (react_1.default.createElement("svg", { "data-testid": "custom", className: className, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
+            return (react_1.default.createElement("svg", { "data-testid": "custom", className: className + (mode ? ' ' + mode : ''), viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" },
                 react_1.default.createElement("path", { d: "M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0 13V2a6 6 0 1 1 0 12z" })));
     }
 }

package/lib/index.d.ts

@@ -17,3 +17,5 @@ export * from './OperationBadge';
 export * from './TableOfContent';
 export * from './Profile';
 export * from './ColorModeSwitcher';
+export * from './types/config';
+export * from './config';

package/lib/index.js

@@ -33,4 +33,6 @@ __exportStar(require("./OperationBadge"), exports);
 __exportStar(require("./TableOfContent"), exports);
 __exportStar(require("./Profile"), exports);
 __exportStar(require("./ColorModeSwitcher"), exports);
+__exportStar(require("./types/config"), exports);
+__exportStar(require("./config"), exports);
 //# sourceMappingURL=index.js.map

package/lib/mocks/Link.js

@@ -1,16 +1,26 @@
 "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.Link = void 0;
 const react_1 = __importDefault(require("react"));
-const lodash_1 = require("lodash");
 // TODO: use real typings here
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 function Link(props) {
+    const { active: _, httpVerb: _1, hasActiveSubItem: _2, routeSlug: _3, external: _4 } = props, filteredProps = __rest(props, ["active", "httpVerb", "hasActiveSubItem", "routeSlug", "external"]);
     // We omit "active" property to avoid "Warning: Received `false` for a non-boolean attribute `active`."
-    const filteredProps = (0, lodash_1.omit)(props, ['active', 'httpVerb', 'hasActiveSubItem']);
     return react_1.default.createElement("a", Object.assign({ href: filteredProps.to }, filteredProps));
 }
 exports.Link = Link;

package/lib/mocks/hooks/index.d.ts

@@ -1,13 +1,10 @@
-interface RawTheme {
-    name: string;
-    settings?: any;
-}
+import type { ThemeUIConfig } from '../../config';
 interface PageLink {
     label: string;
     link: string;
     type: 'link';
 }
-export declare function useThemeSettings(_: string): RawTheme['settings'];
+export declare function useThemeConfig<T extends Record<string, unknown>>(): T & ThemeUIConfig;
 export declare function useSidebarSiblingsData(): {
     nextPage: PageLink | null;
     prevPage: PageLink | null;