@redocly/theme 0.40.1 → 0.40.2

package/lib/components/ColorModeSwitcher/ColorModeSwitcher.js

@@ -9,14 +9,14 @@ const hooks_1 = require("../../core/hooks");
 const ColorModeIcon_1 = require("../../components/ColorModeSwitcher/ColorModeIcon");
 const Button_1 = require("../../components/Button/Button");
 function ColorModeSwitcher({ className }) {
-    const { isSwitcherHidden, setActiveColorMode, switchColorMode, activeColorMode } = (0, hooks_1.useColorSwitcher)();
+    const { isSwitcherHidden, initActiveColorMode, switchColorMode, activeColorMode } = (0, hooks_1.useColorSwitcher)();
     (0, hooks_1.useMount)(() => {
-        setActiveColorMode(document.documentElement.className);
+        initActiveColorMode();
     });
     if (isSwitcherHidden) {
         return null;
     }
-    return (react_1.default.createElement(Button_1.Button, { "data-component-name": "ColorModeSwitcher/ColorModeSwitcher", "data-testid": "color-mode-switcher", onClick: () => setActiveColorMode(switchColorMode()), extraClass: className, variant: "secondary", size: "medium", icon: react_1.default.createElement(ColorModeIcon_1.ColorModeIcon, { mode: activeColorMode }) }));
+    return (react_1.default.createElement(Button_1.Button, { "data-component-name": "ColorModeSwitcher/ColorModeSwitcher", "data-testid": "color-mode-switcher", onClick: () => switchColorMode(), extraClass: className, variant: "secondary", size: "medium", icon: react_1.default.createElement(ColorModeIcon_1.ColorModeIcon, { mode: activeColorMode }) }));
 }
 exports.ColorModeSwitcher = ColorModeSwitcher;
 //# sourceMappingURL=ColorModeSwitcher.js.map

package/lib/components/Filter/FilterContent.d.ts

@@ -1,9 +1,9 @@
 import type { ResolvedFilter } from '../../core/types';
-import type { ThemeConfig } from '../../config';
+import type { RedoclyConfig } from '../../config';
 export type FilterContentProps = {
     setFilterTerm: (value: string) => void;
     filters: ResolvedFilter[];
     filterTerm: string;
-    filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+    filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
 };
 export declare function FilterContent({ setFilterTerm, filters, filterTerm, filterValuesCasing, }: FilterContentProps): JSX.Element;

package/lib/components/Filter/FilterPopover.d.ts

@@ -1,9 +1,9 @@
 import type { ResolvedFilter } from '../../core/types';
-import type { ThemeConfig } from '../../config';
+import type { RedoclyConfig } from '../../config';
 export type FilterPopoverProps = {
     onClose: () => void;
     filters: ResolvedFilter[];
-    filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+    filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
     filterTerm: string;
     setFilterTerm: (term: string) => void;
 };

package/lib/config.d.ts

@@ -1,2 +1,2 @@
-import type { ThemeConfig, ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ThemeUIConfig, ProductUiConfig } from '@redocly/config';
-export type { ThemeConfig, ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ThemeUIConfig, ProductUiConfig, };
+import type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig } from '@redocly/config';
+export type { ProductConfig, CatalogFilterConfig, CatalogConfig, AmplitudeAnalyticsConfig, GoogleAnalyticsConfig, SegmentAnalyticsConfig, RudderstackAnalyticsConfig, GtmAnalyticsConfig, ScorecardConfig, ProductGoogleAnalyticsConfig, ProductThemeOverrideConfig, ProductUiConfig, RedoclyConfig, UiAccessibleConfig, ThemeConfig, ThemeUIConfig, };

package/lib/core/contexts/ThemeDataContext.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import type { ThemeHooks } from '../../core/types';
 import type { LinkProps } from '../../components/Link/Link';
-import type { ThemeUIConfig } from '../../config';
+import type { UiAccessibleConfig } from '../../config';
 export interface ThemeDataTransferObject {
     hooks: ThemeHooks;
     components: {
         LinkComponent: (props: React.PropsWithChildren<LinkProps>) => JSX.Element;
     };
-    themeConfig: ThemeUIConfig;
+    config: UiAccessibleConfig;
 }
 export declare const ThemeDataContext: import("react").Context<ThemeDataTransferObject | null>;

package/lib/core/hooks/menu/use-mobile-menu-items.js

@@ -19,7 +19,7 @@ const useMobileMenuItems = (menuType) => {
     const { currentItems: sidebarItems, pushDrilldownState, popDrilldownState, backLink, } = useSidebarItems(activeVersion);
     const location = (0, react_router_dom_1.useLocation)();
     const currentProduct = useCurrentProduct();
-    const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.themeOverride) === null || _a === void 0 ? void 0 : _a.navbar;
+    const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.configOverride) === null || _a === void 0 ? void 0 : _a.navbar;
     const productThemeConfig = (0, hooks_1.useThemeConfig)();
     const baseThemeConfig = (0, hooks_1.useThemeConfig)(false);
     const baseNavItems = (((_b = baseThemeConfig.navbar) === null || _b === void 0 ? void 0 : _b.items) || []);

package/lib/core/hooks/menu/use-mobile-menu-levels.js

@@ -15,7 +15,7 @@ const useMobileMenuLevels = () => {
     const currentProduct = useCurrentProduct();
     const productThemeConfig = (0, hooks_1.useThemeConfig)();
     const location = (0, react_router_dom_1.useLocation)();
-    const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.themeOverride) === null || _a === void 0 ? void 0 : _a.navbar;
+    const hasProductNavbarOverride = (_a = currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.configOverride) === null || _a === void 0 ? void 0 : _a.navbar;
     const productNavItems = (hasProductNavbarOverride ? ((_b = productThemeConfig.navbar) === null || _b === void 0 ? void 0 : _b.items) || [] : []);
     const menuLevels = (0, react_1.useMemo)(() => {
         const menuLevels = [

package/lib/core/hooks/search/use-suggested-pages.d.ts

@@ -3,4 +3,4 @@ export declare const useSuggestedPages: () => {
     label?: string | undefined;
     labelTranslationKey?: string | undefined;
     page: string;
-}[] & any[];
+}[];

package/lib/core/hooks/use-color-switcher.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const useColorSwitcher: () => {
     isSwitcherHidden: boolean | undefined;
-    setActiveColorMode: import("react").Dispatch<import("react").SetStateAction<string>>;
+    initActiveColorMode: () => void;
     switchColorMode: () => string;
     activeColorMode: string;
 };

package/lib/core/hooks/use-color-switcher.js

@@ -11,6 +11,10 @@ const useColorSwitcher = () => {
     const modes = (colorMode === null || colorMode === void 0 ? void 0 : colorMode.modes) || ['light', 'dark'];
     const defaultColor = modes[0] || 'light';
     const [activeColorMode, setActiveColorMode] = (0, react_1.useState)(defaultColor);
+    const initActiveColorMode = () => {
+        const activeMode = Array.from(document.documentElement.classList).find((c) => modes.includes(c));
+        setActiveColorMode(activeMode || defaultColor);
+    };
     const switchColorMode = () => {
         const activeIndex = modes.indexOf(activeColorMode);
         const mode = activeIndex < modes.length - 1 ? modes[activeIndex + 1] : modes[0];
@@ -20,11 +24,12 @@ const useColorSwitcher = () => {
             document.documentElement.classList.remove('notransition');
         });
         telemetry.send('color_mode_switched', { from: activeColorMode, to: mode });
+        setActiveColorMode(mode);
         return mode;
     };
     return {
         isSwitcherHidden: colorMode === null || colorMode === void 0 ? void 0 : colorMode.hide,
-        setActiveColorMode,
+        initActiveColorMode,
         switchColorMode,
         activeColorMode,
     };

package/lib/core/hooks/use-theme-config.d.ts

@@ -1,2 +1,2 @@
-import type { ThemeUIConfig } from '../../config';
-export declare function useThemeConfig<T extends Record<string, unknown>>(useProductConfig?: boolean): T & NonNullable<ThemeUIConfig>;
+import type { UiAccessibleConfig } from '../../config';
+export declare function useThemeConfig<T extends Record<string, unknown>>(useProductConfig?: boolean): T & NonNullable<UiAccessibleConfig>;

package/lib/core/hooks/use-theme-config.js

@@ -3,20 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeConfig = void 0;
 const react_1 = require("react");
 const contexts_1 = require("../../core/contexts");
+// TODO: rename and additionally export as alias for backward compatibility
 function useThemeConfig(useProductConfig = true) {
     const context = (0, react_1.useContext)(contexts_1.ThemeDataContext);
     if (!context) {
         return {};
     }
-    const { themeConfig, hooks } = context;
+    const { config, hooks } = context;
     const { useCurrentProduct } = hooks;
     // eslint-disable-next-line react-hooks/rules-of-hooks
     const currentProduct = useCurrentProduct();
-    const mergedTheme = useProductConfig && (currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.themeOverride)
-        ? Object.assign(Object.assign(Object.assign({}, themeConfig), currentProduct.themeOverride), { 
+    const mergedConfig = useProductConfig && (currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.configOverride)
+        ? Object.assign(Object.assign(Object.assign({}, config), currentProduct.configOverride), { 
             // Do not override analytics config from product
-            analytics: themeConfig.analytics }) : themeConfig;
-    return mergedTheme;
+            analytics: config.analytics }) : config;
+    return mergedConfig;
 }
 exports.useThemeConfig = useThemeConfig;
 //# sourceMappingURL=use-theme-config.js.map

package/lib/core/templates/Markdown.d.ts

@@ -1,11 +1,9 @@
 import * as React from 'react';
-import type { ThemeUIConfig } from '../../config';
+import type { UiAccessibleConfig } from '../../config';
 import type { MdHeading } from '../../core/types';
 type MarkdownTemplateProps = {
     pageProps: {
-        frontmatter?: {
-            theme?: ThemeUIConfig;
-        };
+        frontmatter?: UiAccessibleConfig;
         headings?: (MdHeading | null)[];
         editPage?: {
             to: string;

package/lib/core/templates/Markdown.js

@@ -32,7 +32,7 @@ const TableOfContent_1 = require("../../components/TableOfContent/TableOfContent
 const Feedback_1 = require("../../components/Feedback/Feedback");
 const utils_1 = require("../../core/utils");
 function default_1({ pageProps, children }) {
-    var _a, _b;
+    var _a;
     const [wrapperElement, setWrapperElement] = React.useState(null);
     const { useSidebarSiblingsData } = (0, hooks_1.useThemeHooks)();
     const { markdown } = (0, hooks_1.useThemeConfig)();
@@ -48,7 +48,7 @@ function default_1({ pageProps, children }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [pageProps.headings]);
     const tableOfContent = (React.createElement(TableOfContent_1.TableOfContent, { headings: pageProps.headings, contentWrapper: wrapperElement }));
-    const { type, settings, hide } = ((_b = (_a = pageProps.frontmatter) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.feedback) || {};
+    const { type, settings, hide } = ((_a = pageProps.frontmatter) === null || _a === void 0 ? void 0 : _a.feedback) || {};
     const feedback = React.createElement(Feedback_1.Feedback, { type: type, hide: hide, settings: settings, path: pathname });
     const documentationLayoutProps = {
         tableOfContent,

package/lib/core/types/filter.d.ts

@@ -1,9 +1,9 @@
 import type { ResolvedFilter } from '../../core/types';
-import type { ThemeConfig } from '../../config';
+import type { RedoclyConfig } from '@redocly/config';
 export type FilterProps = {
     filter: ResolvedFilter & {
         selectedOptions: any;
     };
-    filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+    filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
 };
 export type FilterTypes = NonNullable<FilterProps['filter']['type']>;

package/lib/plugin.d.ts

@@ -0,0 +1,3 @@
+export default function plugin(): {
+    id: string;
+};

package/lib/plugin.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function plugin() {
+    return { id: 'default-theme' };
+}
+exports.default = plugin;
+//# sourceMappingURL=plugin.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.40.1",
+  "version": "0.40.2",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -13,6 +13,7 @@
   "exports": {
     "./package.json": "./package.json",
     "./config.js": "./lib/config.js",
+    "./plugin.js": "./lib/plugin.js",
     "./config": "./lib/config.js",
     ".": "./lib/index.js",
     "./src/": "./src/",
@@ -98,7 +99,7 @@
     "timeago.js": "^4.0.2",
     "i18next": "^22.4.12",
     "nprogress": "^0.2.0",
-    "@redocly/config": "0.9.0"
+    "@redocly/config": "0.10.0"
   },
   "scripts": {
     "start": "npm-run-all --parallel storybook storybook:tokens:watch",

package/src/components/ColorModeSwitcher/ColorModeSwitcher.tsx

@@ -9,11 +9,11 @@ export type ColorModeSwitcherProps = {
 };
 
 export function ColorModeSwitcher({ className }: ColorModeSwitcherProps): JSX.Element | null {
-  const { isSwitcherHidden, setActiveColorMode, switchColorMode, activeColorMode } =
+  const { isSwitcherHidden, initActiveColorMode, switchColorMode, activeColorMode } =
     useColorSwitcher();
 
   useMount(() => {
-    setActiveColorMode(document.documentElement.className);
+    initActiveColorMode();
   });
 
   if (isSwitcherHidden) {
@@ -24,7 +24,7 @@ export function ColorModeSwitcher({ className }: ColorModeSwitcherProps): JSX.El
     <Button
       data-component-name="ColorModeSwitcher/ColorModeSwitcher"
       data-testid="color-mode-switcher"
-      onClick={() => setActiveColorMode(switchColorMode())}
+      onClick={() => switchColorMode()}
       extraClass={className}
       variant="secondary"
       size="medium"

package/src/components/Filter/FilterContent.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedFilter } from '@redocly/theme/core/types';
-import type { ThemeConfig } from '@redocly/theme/config';
+import type { RedoclyConfig } from '@redocly/theme/config';
 
 import { FilterInput } from '@redocly/theme/components/Filter/FilterInput';
 import { useThemeHooks } from '@redocly/theme/core/hooks';
@@ -13,7 +13,7 @@ export type FilterContentProps = {
   setFilterTerm: (value: string) => void;
   filters: ResolvedFilter[];
   filterTerm: string;
-  filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+  filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
 };
 
 export function FilterContent({

package/src/components/Filter/FilterPopover.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedFilter } from '@redocly/theme/core/types';
-import type { ThemeConfig } from '@redocly/theme/config';
+import type { RedoclyConfig } from '@redocly/theme/config';
 
 import { breakpoints } from '@redocly/theme/core/utils';
 import { useThemeHooks } from '@redocly/theme/core/hooks';
@@ -11,7 +11,7 @@ import { FilterContent } from '@redocly/theme/components/Filter/FilterContent';
 export type FilterPopoverProps = {
   onClose: () => void;
   filters: ResolvedFilter[];
-  filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+  filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
   filterTerm: string;
   setFilterTerm: (term: string) => void;
 };

package/src/config.ts

@@ -1,5 +1,4 @@
 import type {
-  ThemeConfig,
   ProductConfig,
   CatalogFilterConfig,
   CatalogConfig,
@@ -11,12 +10,14 @@ import type {
   ScorecardConfig,
   ProductGoogleAnalyticsConfig,
   ProductThemeOverrideConfig,
-  ThemeUIConfig,
   ProductUiConfig,
+  RedoclyConfig,
+  UiAccessibleConfig,
+  ThemeConfig,
+  ThemeUIConfig,
 } from '@redocly/config';
 
 export type {
-  ThemeConfig,
   ProductConfig,
   CatalogFilterConfig,
   CatalogConfig,
@@ -28,6 +29,9 @@ export type {
   ScorecardConfig,
   ProductGoogleAnalyticsConfig,
   ProductThemeOverrideConfig,
-  ThemeUIConfig,
   ProductUiConfig,
+  RedoclyConfig,
+  UiAccessibleConfig,
+  ThemeConfig,
+  ThemeUIConfig,
 };

package/src/core/contexts/ThemeDataContext.tsx

@@ -2,14 +2,14 @@ import { createContext } from 'react';
 
 import type { ThemeHooks } from '@redocly/theme/core/types';
 import type { LinkProps } from '@redocly/theme/components/Link/Link';
-import type { ThemeUIConfig } from '@redocly/theme/config';
+import type { UiAccessibleConfig } from '@redocly/theme/config';
 
 export interface ThemeDataTransferObject {
   hooks: ThemeHooks;
   components: {
     LinkComponent: (props: React.PropsWithChildren<LinkProps>) => JSX.Element;
   };
-  themeConfig: ThemeUIConfig;
+  config: UiAccessibleConfig;
 }
 
 export const ThemeDataContext = createContext<ThemeDataTransferObject | null>(null);

package/src/core/hooks/menu/use-mobile-menu-items.ts

@@ -31,7 +31,7 @@ export const useMobileMenuItems = (menuType: MobileMenuType) => {
   const location = useLocation();
 
   const currentProduct = useCurrentProduct();
-  const hasProductNavbarOverride = currentProduct?.themeOverride?.navbar;
+  const hasProductNavbarOverride = currentProduct?.configOverride?.navbar;
 
   const productThemeConfig = useThemeConfig();
   const baseThemeConfig = useThemeConfig(false);

package/src/core/hooks/menu/use-mobile-menu-levels.ts

@@ -16,7 +16,7 @@ export const useMobileMenuLevels = () => {
   const productThemeConfig = useThemeConfig();
   const location = useLocation();
 
-  const hasProductNavbarOverride = currentProduct?.themeOverride?.navbar;
+  const hasProductNavbarOverride = currentProduct?.configOverride?.navbar;
   const productNavItems = (
     hasProductNavbarOverride ? productThemeConfig.navbar?.items || [] : []
   ) as ResolvedNavItem[];

package/src/core/hooks/use-color-switcher.ts

@@ -11,6 +11,13 @@ export const useColorSwitcher = () => {
   const defaultColor = modes[0] || 'light';
   const [activeColorMode, setActiveColorMode] = useState(defaultColor);
 
+  const initActiveColorMode = (): void => {
+    const activeMode = Array.from(document.documentElement.classList).find((c) =>
+      modes.includes(c),
+    );
+    setActiveColorMode(activeMode || defaultColor);
+  };
+
   const switchColorMode = (): string => {
     const activeIndex = modes.indexOf(activeColorMode);
     const mode = activeIndex < modes.length - 1 ? modes[activeIndex + 1] : modes[0];
@@ -22,12 +29,13 @@ export const useColorSwitcher = () => {
     });
     telemetry.send('color_mode_switched', { from: activeColorMode, to: mode });
 
+    setActiveColorMode(mode);
     return mode;
   };
 
   return {
     isSwitcherHidden: colorMode?.hide,
-    setActiveColorMode,
+    initActiveColorMode,
     switchColorMode,
     activeColorMode,
   };

package/src/core/hooks/use-theme-config.ts

@@ -1,31 +1,32 @@
 import { useContext } from 'react';
 
-import type { ThemeUIConfig } from '@redocly/theme/config';
+import type { UiAccessibleConfig } from '@redocly/theme/config';
 
 import { ThemeDataContext } from '@redocly/theme/core/contexts';
 
+// TODO: rename and additionally export as alias for backward compatibility
 export function useThemeConfig<T extends Record<string, unknown>>(
   useProductConfig: boolean = true,
-): T & NonNullable<ThemeUIConfig> {
+): T & NonNullable<UiAccessibleConfig> {
   const context = useContext(ThemeDataContext);
 
   if (!context) {
     return {} as T;
   }
-  const { themeConfig, hooks } = context;
+  const { config, hooks } = context;
   const { useCurrentProduct } = hooks;
   // eslint-disable-next-line react-hooks/rules-of-hooks
   const currentProduct = useCurrentProduct();
 
-  const mergedTheme =
-    useProductConfig && currentProduct?.themeOverride
+  const mergedConfig =
+    useProductConfig && currentProduct?.configOverride
       ? {
-          ...themeConfig,
-          ...currentProduct.themeOverride,
+          ...config,
+          ...currentProduct.configOverride,
           // Do not override analytics config from product
-          analytics: themeConfig.analytics,
+          analytics: config.analytics,
         }
-      : themeConfig;
+      : config;
 
-  return mergedTheme as T;
+  return mergedConfig as T;
 }

package/src/core/templates/Markdown.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useLocation } from 'react-router-dom';
 
-import type { ThemeUIConfig } from '@redocly/theme/config';
+import type { UiAccessibleConfig } from '@redocly/theme/config';
 import type { MdHeading, FeedbackProps } from '@redocly/theme/core/types';
 
 import { useThemeConfig, useThemeHooks } from '@redocly/theme/core/hooks';
@@ -13,7 +13,7 @@ import { IS_BROWSER, onDocumentReady, extendDetailsBehaviour } from '@redocly/th
 
 type MarkdownTemplateProps = {
   pageProps: {
-    frontmatter?: { theme?: ThemeUIConfig };
+    frontmatter?: UiAccessibleConfig;
     headings?: (MdHeading | null)[];
     editPage?: { to: string };
     lastModified?: string | null;
@@ -43,7 +43,7 @@ export default function ({ pageProps, children }: React.PropsWithChildren<Markdo
     <TableOfContent headings={pageProps.headings} contentWrapper={wrapperElement} />
   );
 
-  const { type, settings, hide } = (pageProps.frontmatter?.theme?.feedback as FeedbackProps) || {};
+  const { type, settings, hide } = (pageProps.frontmatter?.feedback as FeedbackProps) || {};
   const feedback = <Feedback type={type} hide={hide} settings={settings} path={pathname} />;
 
   const documentationLayoutProps = {

package/src/core/types/filter.ts

@@ -1,9 +1,9 @@
 import type { ResolvedFilter } from '@redocly/theme/core/types';
-import type { ThemeConfig } from '@redocly/theme/config';
+import type { RedoclyConfig } from '@redocly/config';
 
 export type FilterProps = {
   filter: ResolvedFilter & { selectedOptions: any };
-  filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
+  filterValuesCasing?: NonNullable<RedoclyConfig['catalog']>[string]['filterValuesCasing'];
 };
 
 export type FilterTypes = NonNullable<FilterProps['filter']['type']>;

package/src/markdoc/tags/partial.ts

@@ -1,6 +1,6 @@
 import markdoc from '@markdoc/markdoc';
 
-import type { ThemeConfig } from '@redocly/theme';
+import type { RedoclyConfig } from '@redocly/theme/config';
 import type { Config } from '@markdoc/markdoc';
 import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 
@@ -14,7 +14,7 @@ export const partial: MarkdocSchemaWrapper = {
       ...markdoc.tags.partial.attributes,
       file: { type: RelativePath },
     },
-    validate(node, config: Config & { themeConfig: ThemeConfig['markdown'] }) {
+    validate(node, config: Config & { themeConfig: RedoclyConfig['markdown'] }) {
       const folders = (config.themeConfig?.partialsFolders || []).map(addTrailingSlash);
       if (!folders.length) {
         return [

package/src/plugin.ts

@@ -0,0 +1,3 @@
+export default function plugin() {
+  return { id: 'default-theme' };
+}