@redocly/theme 0.30.6 → 0.30.8

package/lib/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const Breadcrumb: (props: {
     label: string;
     link?: string;
     isActive: boolean;
     onClick?: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const Breadcrumbs: (props: {
     className?: string;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;

package/lib/components/Catalog/Catalog.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import type { CatalogConfig } from '../../config';
 export default function Catalog(props: {
     pageProps: {
         catalogId: string;
         catalogConfig: CatalogConfig;
     };
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const FilterControls: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CatalogPageContent: import("styled-components").StyledComponent<"main", any, {}, never>;
 export declare const CatalogTitle: import("styled-components").StyledComponent<"h2", any, {}, never>;

package/lib/components/Dropdown/Dropdown.d.ts

@@ -11,7 +11,7 @@ export interface DropdownProps {
     onChange?: (value: React.ReactNode | string) => void;
     icon?: React.ReactNode;
 }
-export declare const Dropdown: ({ children, className, items, withArrow, triggerEvent, onChange, dataAttributes, placement, alignment, icon, }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ children, className, items, withArrow, triggerEvent, onChange, dataAttributes, placement, alignment, icon, }: DropdownProps) => React.JSX.Element;
 export declare const DropdownHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const DropdownList: import("styled-components").StyledComponent<"ul", any, {
     placement?: string | undefined;

package/lib/components/Feedback/Emotions.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const Satisfied: () => JSX.Element;
-export declare const Dissatisfied: () => JSX.Element;
-export declare const Neutral: () => JSX.Element;
+import * as React from 'react';
+export declare const Satisfied: () => React.JSX.Element;
+export declare const Dissatisfied: () => React.JSX.Element;
+export declare const Neutral: () => React.JSX.Element;

package/lib/components/Feedback/Feedback.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { FeedbackProps } from '../../types/portal/src/shared/types/feedback';
 export declare const Feedback: (props: FeedbackProps & {
     path?: string;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/Feedback/Thumbs.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const ThumbUp: () => JSX.Element;
-export declare const ThumbDown: () => JSX.Element;
+import * as React from 'react';
+export declare const ThumbUp: () => React.JSX.Element;
+export declare const ThumbDown: () => React.JSX.Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
 import type { ThemeConfig } from '../../config';
 export declare function Filter({ filter, filterValuesCasing, }: {
@@ -6,4 +6,4 @@ export declare function Filter({ filter, filterValuesCasing, }: {
         selectedOptions: any;
     };
     filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
-}): JSX.Element | null;
+}): React.JSX.Element | null;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ThemeConfig } from '../../config';
 import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
 interface FilterContentProps {
@@ -8,6 +8,6 @@ interface FilterContentProps {
     isMobile: boolean;
     filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
 }
-export declare function FilterContent({ setFilterTerm, filters, filterTerm, isMobile, filterValuesCasing, }: FilterContentProps): JSX.Element;
+export declare function FilterContent({ setFilterTerm, filters, filterTerm, isMobile, filterValuesCasing, }: FilterContentProps): React.JSX.Element;
 export declare const FilterItems: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ThemeConfig } from '../../config';
 import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
 interface FilterPopoverProps {
@@ -6,7 +6,7 @@ interface FilterPopoverProps {
     filters: ResolvedFilter[];
     filterValuesCasing?: NonNullable<ThemeConfig['catalog']>[string]['filterValuesCasing'];
 }
-export declare function FilterPopover({ setIsAddingFilter, filters, filterValuesCasing, }: FilterPopoverProps): JSX.Element;
+export declare function FilterPopover({ setIsAddingFilter, filters, filterValuesCasing, }: FilterPopoverProps): React.JSX.Element;
 export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
     'data-cy': string;
 }, "data-cy">;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface FilterTagProps {
     label: string;
     onClick: () => void;
 }
-export declare function FilterTag({ label, onClick }: FilterTagProps): JSX.Element;
+export declare function FilterTag({ label, onClick }: FilterTagProps): React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ResolvedFilter } from '../../types/portal/src/shared/types/catalog';
 interface FilterTagsProps {
     filters: ResolvedFilter[];
 }
-export declare function FilterTags({ filters }: FilterTagsProps): JSX.Element;
+export declare function FilterTags({ filters }: FilterTagsProps): React.JSX.Element;
 export {};

package/lib/components/Footer/FooterColumn.js

@@ -15,8 +15,10 @@ function FooterColumn({ column, className }) {
     const { translate } = (0, hooks_1.useTranslate)();
     const { items = [] } = column;
     const iconsOnly = items.every((item) => item.label === item.link && (item.icon || item.srcSet));
+    const label = translate(column.labelTranslationKey, column.label);
+    const labelOrLink = column.type === 'link' ? (react_1.default.createElement(Link_1.Link, { to: column.link, external: column.external, target: column.target }, label)) : (label);
     return (react_1.default.createElement(FooterColumnContainer, { "data-component-name": "Footer/FooterColumn", className: className },
-        react_1.default.createElement(FooterColumnTitle, null, translate(column.labelTranslationKey, column.label)),
+        react_1.default.createElement(FooterColumnTitle, null, labelOrLink),
         react_1.default.createElement(exports.FooterColumnItems, { iconsOnly: iconsOnly }, items === null || items === void 0 ? void 0 : items.map((columnItem, columnItemIndex) => {
             if (columnItem.type === 'error') {
                 return null;
@@ -40,6 +42,15 @@ const FooterColumnTitle = styled_components_1.default.p `
   ${({ theme }) => theme.mediaQueries.small} {
     margin-bottom: var(--footer-title-margin-bottom);
   }
+
+  a {
+    text-decoration: none;
+    color: var(--footer-title-text-color);
+
+    &:hover {
+      color: var(--footer-title-hover-color);
+    }
+  }
 `;
 const FooterSeparator = styled_components_1.default.div `
   opacity: 0.75;

package/lib/components/Image/Image.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 type ImageProps = {
     src?: string;
     srcSet?: string;
     alt?: string;
     className?: string;
 };
-export declare function Image(props: ImageProps): JSX.Element;
+export declare function Image(props: ImageProps): React.JSX.Element;
 export {};

package/lib/components/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import type { ItemState } from '../../mocks/Sidebar/types';
 export interface MenuListProps {
     items: ItemState[];
@@ -6,7 +6,7 @@ export interface MenuListProps {
     isMobile?: boolean;
     className?: string;
 }
-export declare function Menu({ depth, items, className, isMobile }: MenuListProps): JSX.Element;
+export declare function Menu({ depth, items, className, isMobile }: MenuListProps): React.JSX.Element;
 export declare const ThemeMenu: import("styled-components").StyledComponent<"ul", any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/components/Menu/MenuItemSwitch.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PropsWithChildren } from 'react';
 import { type MenuItemProps } from '../../components/Sidebar';
-export declare function MenuItemSwitch(props: PropsWithChildren<MenuItemProps>): JSX.Element;
+export declare function MenuItemSwitch(props: PropsWithChildren<MenuItemProps>): React.JSX.Element;

package/lib/components/Navbar/NavbarItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Link } from '../../mocks/Link';
 import type { ResolvedNavItem } from '../../types/portal';
 export interface NavbarItemProps {
@@ -6,7 +6,7 @@ export interface NavbarItemProps {
     className?: string;
 }
 export declare function NavbarItem({ navItem, className }: NavbarItemProps): JSX.Element | null;
-export declare const NavbarMenuItemDropdown: import("styled-components").StyledComponent<({ children, className, items, withArrow, triggerEvent, onChange, dataAttributes, placement, alignment, icon, }: import("../../components/Dropdown").DropdownProps) => JSX.Element, any, {
+export declare const NavbarMenuItemDropdown: import("styled-components").StyledComponent<({ children, className, items, withArrow, triggerEvent, onChange, dataAttributes, placement, alignment, icon, }: import("../../components/Dropdown").DropdownProps) => React.JSX.Element, any, {
     dataAttributes: {
         'data-component-name': string;
     };

package/lib/components/NavbarLogo/NavbarLogo.js

@@ -10,7 +10,7 @@ const Link_1 = require("../../mocks/Link");
 const Image_1 = require("../../components/Image/Image");
 const telemetry_1 = require("../../mocks/telemetry");
 function NavbarLogo({ logo, className }) {
-    if (!logo.image && !logo.srcSet) {
+    if (!(logo === null || logo === void 0 ? void 0 : logo.image) && !(logo === null || logo === void 0 ? void 0 : logo.srcSet)) {
         return null;
     }
     const img = (react_1.default.createElement(Image_1.Image, { className: className, src: logo.image, srcSet: logo.srcSet, alt: logo.altText }));
@@ -28,6 +28,7 @@ exports.LogoContainer = styled_components_1.default.div.attrs({
   img {
     max-width: 100%;
     max-height: 100%;
+    height: 100%;
   }
 `;
 //# sourceMappingURL=NavbarLogo.js.map

package/lib/components/NavbarLogo/styledVariables.js

@@ -12,7 +12,6 @@ exports.logo = (0, styled_components_1.css) `
   --navbar-logo-margin: 16px; // @presenter Spacing
   --navbar-logo-max-width: 285px; // @presenter Spacing
   --navbar-logo-max-height: 285px; // @presenter Spacing
-
   // @tokens End
 `;
 //# sourceMappingURL=styledVariables.js.map

package/lib/components/OpenApiDocs/DevOnboardingTryItSecurity.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { TryItSecurityAppsProps } from '../../components/OpenApiDocs/TryItSecurityApps';
-export declare function DevOnboardingTryItSecurity(props: TryItSecurityAppsProps): JSX.Element | null;
+export declare function DevOnboardingTryItSecurity(props: TryItSecurityAppsProps): React.JSX.Element | null;

package/lib/components/OpenApiDocs/ScorecardBadges.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface ScorecardBadgesProps {
     metadata?: {
         scorecardLevel?: string;
@@ -6,5 +6,5 @@ interface ScorecardBadgesProps {
         scoreCardSlug?: string;
     };
 }
-export declare function ScorecardBadges(props: ScorecardBadgesProps): JSX.Element | null;
+export declare function ScorecardBadges(props: ScorecardBadgesProps): React.JSX.Element | null;
 export {};

package/lib/components/OpenApiDocs/TryItSecurityApps.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export type TryItSecurityAppsProps = {
     apiId?: string;
     value?: string;
     onChange: (newSecretKey: string) => void;
 };
-export declare function TryItSecurityApps(props: TryItSecurityAppsProps): JSX.Element | null;
+export declare function TryItSecurityApps(props: TryItSecurityAppsProps): React.JSX.Element | null;

package/lib/components/Product/ProductPicker.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ProductPicker: () => JSX.Element | null;
+import React from 'react';
+export declare const ProductPicker: () => React.JSX.Element | null;

package/lib/components/Profile/AuthUserProfile.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function AuthUserProfile(): JSX.Element | null;
+import React from 'react';
+export declare function AuthUserProfile(): React.JSX.Element | null;

package/lib/components/Profile/MobileUserProfile.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function MobileUserProfile(): JSX.Element | null;
+import React from 'react';
+export declare function MobileUserProfile(): React.JSX.Element | null;

package/lib/components/Profile/UserProfileData.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 interface UserProfileDataProps {
     userData: {
         name: string;
         picture: string;
     };
 }
-export declare function UserProfileData(props: UserProfileDataProps): JSX.Element;
+export declare function UserProfileData(props: UserProfileDataProps): React.JSX.Element;
 export {};

package/lib/components/Scorecard/Gauge.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare function Gauge({ chunks, }: {
     chunks: {
         share: number;
         color: string;
     }[];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare const GaugeValue: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/Scorecard/StatusByLevelWidget.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface StatusByLevelWidgetProps {
     title: string;
     levels: {
@@ -8,4 +8,4 @@ export interface StatusByLevelWidgetProps {
         total: number;
     }[];
 }
-export declare function StatusByLevelWidget(props: StatusByLevelWidgetProps): JSX.Element;
+export declare function StatusByLevelWidget(props: StatusByLevelWidgetProps): React.JSX.Element;

package/lib/components/Search/ClearIcon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { SVGProps } from 'react';
-export declare const ClearIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const ClearIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => React.JSX.Element, any, {}, never>;

package/lib/components/Search/ClockBackwardsIcon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { SVGProps } from 'react';
-export declare const ClockBackwardsIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const ClockBackwardsIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => React.JSX.Element, any, {}, never>;

package/lib/components/Search/RecentSearches.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare function RecentSearches({ onSelect, className, }: {
     onSelect: (value: string) => void;
     className?: string;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/lib/components/Search/SearchIcon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import type { SVGProps } from 'react';
-export declare const SearchIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => JSX.Element, any, {}, never>;
+export declare const SearchIcon: import("styled-components").StyledComponent<(props: SVGProps<SVGSVGElement>) => React.JSX.Element, any, {}, never>;

package/lib/components/Search/SuggestedPages.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare function SuggestedPages({ className }: {
     className?: string;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/lib/components/Select/Select.d.ts

@@ -18,7 +18,7 @@ export interface SelectProps<T = any> {
     placeholder?: string;
     disabled?: boolean;
 }
-export declare function Select<T>({ className, value, options, dataAttributes, withArrow, triggerEvent, onChange, placement, alignment, icon, onlyIcon, disabled, placeholder, }: SelectProps<T>): JSX.Element;
+export declare function Select<T>({ className, value, options, dataAttributes, withArrow, triggerEvent, onChange, placement, alignment, icon, onlyIcon, disabled, placeholder, }: SelectProps<T>): React.JSX.Element;
 export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;

package/lib/components/Sidebar/VersionPicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { SelectProps } from '../Select';
 import type { Version } from '../../types/portal';
 import { Select } from '../Select';
@@ -7,5 +7,5 @@ export interface VersionPickerProps extends SelectProps {
 export declare function VersionPicker(props: {
     versions?: Version[];
     onChange: (v: Version) => void;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 export declare const VersionPickerSelect: import("styled-components").StyledComponent<typeof Select, any, SelectProps<any>, never>;

package/lib/components/SidebarActions/SidebarActions.d.ts

@@ -17,5 +17,5 @@ interface SidebarActionsProps {
     requestAccessButton?: React.ReactElement | null;
     className?: string;
 }
-export declare const SidebarActions: ({ showChangeLayoutButton, showRightPanelToggle, layout, initialShowRightPanelToggle, hideCollapseSidebarButton, collapsedSidebar, isOpenapiDocs, onChangeRightPanelViewClick, onChangeViewClick, onChangeCollapseSidebarClick, requestAccessButton, className, }: SidebarActionsProps) => JSX.Element;
+export declare const SidebarActions: ({ showChangeLayoutButton, showRightPanelToggle, layout, initialShowRightPanelToggle, hideCollapseSidebarButton, collapsedSidebar, isOpenapiDocs, onChangeRightPanelViewClick, onChangeViewClick, onChangeCollapseSidebarClick, requestAccessButton, className, }: SidebarActionsProps) => React.JSX.Element;
 export {};

package/lib/components/SidebarActions/styled.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export declare const ShowLeftPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
-export declare const HideLeftPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
+import React from 'react';
+export declare const ShowLeftPanelSVG: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
+export declare const HideLeftPanelSVG: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
 export declare const StyledToggleRightPanelButton: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const HideRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
-export declare const ShowRightPanelSVG: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
+export declare const HideRightPanelSVG: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
+export declare const ShowRightPanelSVG: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
 export declare const StyledChangeViewButton: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const ChangeViewSvgRow: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
-export declare const ChangeViewSvgColumn: import("styled-components").StyledComponent<() => JSX.Element, any, {}, never>;
+export declare const ChangeViewSvgRow: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
+export declare const ChangeViewSvgColumn: import("styled-components").StyledComponent<() => React.JSX.Element, any, {}, never>;
 export declare const ControlsWrap: import("styled-components").StyledComponent<"span", any, {
     iconCount?: number | undefined;
     isCollapsed?: boolean | undefined;

package/lib/components/Tabs/Tabs.d.ts

@@ -2,7 +2,6 @@ import type { PropsWithChildren } from 'react';
 type Child = {
     props: {
         label: string;
-        key?: string;
     } & TabsProps;
 };
 type TabsProps = PropsWithChildren<{

package/lib/components/Tabs/Tabs.js

@@ -37,8 +37,8 @@ function Tabs(props) {
     const onTabSelect = (label) => setActiveTab(label);
     return (react_1.default.createElement(TabsContainer, { "data-component-name": "Markdown/Tabs/Tabs", className: props.className },
         react_1.default.createElement(TabList, null, children.map((child, idx) => {
-            const { label, key } = child.props;
-            return (react_1.default.createElement(Tabs_1.Tab, { activeTab: activeTab, key: `${key || label}-${idx}`, label: label, onClick: onTabSelect }));
+            const { label } = child.props;
+            return (react_1.default.createElement(Tabs_1.Tab, { activeTab: activeTab, key: `${label}-${idx}`, label: label, onClick: onTabSelect }));
         })),
         react_1.default.createElement(TabContent, null, children.map((child, idx) => {
             if (child.props.label !== activeTab)

package/lib/config.d.ts

@@ -11,6 +11,13 @@ declare const markdownConfigSchema: {
             };
             readonly default: readonly ["image", "links"];
         };
+        readonly partialsFolders: {
+            readonly type: "array";
+            readonly items: {
+                readonly type: "string";
+            };
+            readonly default: readonly ["_partials"];
+        };
         readonly lastUpdatedBlock: {
             readonly type: "object";
             readonly properties: {
@@ -1293,6 +1300,13 @@ export declare const themeConfigSchema: {
                     };
                     readonly default: readonly ["image", "links"];
                 };
+                readonly partialsFolders: {
+                    readonly type: "array";
+                    readonly items: {
+                        readonly type: "string";
+                    };
+                    readonly default: readonly ["_partials"];
+                };
                 readonly lastUpdatedBlock: {
                     readonly type: "object";
                     readonly properties: {

package/lib/config.js

@@ -67,6 +67,11 @@ const markdownConfigSchema = {
             items: { type: 'string' },
             default: ['image', 'links'],
         },
+        partialsFolders: {
+            type: 'array',
+            items: { type: 'string' },
+            default: ['_partials'],
+        },
         lastUpdatedBlock: {
             type: 'object',
             properties: Object.assign({ format: {

package/lib/i18n/LanguagePicker.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 interface LanguagePickerProps {
     onChangeLanguage: (newLang: string) => void;
     onlyIcon?: boolean;
     placement?: 'top' | 'bottom';
     alignment?: 'start' | 'end';
 }
-export declare const LanguagePicker: (props: LanguagePickerProps) => JSX.Element | null;
+export declare const LanguagePicker: (props: LanguagePickerProps) => React.JSX.Element | null;
 export {};

package/lib/icons/AlertIcon/AlertIcon.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export interface AlertIconProps {
     type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
     className?: string;
 }
-declare function Icon({ type, className }: AlertIconProps): JSX.Element;
+declare function Icon({ type, className }: AlertIconProps): React.JSX.Element;
 export declare const AlertIcon: import("styled-components").StyledComponent<typeof Icon, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/AnchorIcon/AnchorIcon.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export interface AnchorIconProps {
     className?: string;
 }
-export declare const AnchorIcon: import("styled-components").StyledComponent<({ className }: AnchorIconProps) => JSX.Element, any, {
+export declare const AnchorIcon: import("styled-components").StyledComponent<({ className }: AnchorIconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/ArrowIcon/ArrowIcon.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ArrowIconProps {
     className?: string;
     weight?: 'regular' | 'thin';
     direction?: 'up' | 'right' | 'left' | 'down';
     visibility?: 'visible' | 'hidden';
 }
-export declare const ArrowIcon: import("styled-components").StyledComponent<({ className, weight }: ArrowIconProps) => JSX.Element, any, Pick<ArrowIconProps, "weight">, never>;
+export declare const ArrowIcon: import("styled-components").StyledComponent<({ className, weight }: ArrowIconProps) => React.JSX.Element, any, Pick<ArrowIconProps, "weight">, never>;

package/lib/icons/BurgerIcon/BurgerIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Icon: () => JSX.Element;
-export declare const BurgerIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const BurgerIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/CheckboxIcon/CheckboxIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const CheckboxIcon: import("styled-components").StyledComponent<({ className, checked, onClick, }: {
     className?: string | undefined;
     checked?: boolean | undefined;
     onClick?: (() => void) | undefined;
-}) => JSX.Element, any, {}, never>;
+}) => React.JSX.Element, any, {}, never>;

package/lib/icons/CloseIcon/CloseIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Icon: () => JSX.Element;
-export declare const CloseIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const CloseIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/CollapseIcon/CollapseIcon.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
     color?: string;
 }
-export declare const CollapseIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const CollapseIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/ColorModeIcon/ColorModeIcon.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ColorModeIconProps {
     mode?: 'dark' | 'light' | string;
     className?: string;
 }
-declare function Icon({ mode, className }: ColorModeIconProps): JSX.Element;
+declare function Icon({ mode, className }: ColorModeIconProps): React.JSX.Element;
 export declare const ColorModeIcon: import("styled-components").StyledComponent<typeof Icon, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/CopyIcon/CopyIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const CopyIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const CopyIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/DeselectIcon/DeselectIcon.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
     color?: string;
 }
-export declare const DeselectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const DeselectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/DissatisfiedIcon/DissatisfiedIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const DissatisfiedIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const DissatisfiedIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/EditIcon/EditIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const EditIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const EditIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/ErrorIcon/ErrorIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ErrorIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const ErrorIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/ExpandIcon/ExpandIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const ExpandIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const ExpandIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/FileIcon/FileIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const FileIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const FileIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/LanguageIcon/LanguageIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const LanguageIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const LanguageIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/LogoutIcon/LogoutIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Icon: () => JSX.Element;
-export declare const LogoutIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const LogoutIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/NeutralIcon/NeutralIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const NeutralIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const NeutralIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/PlusIcon/PlusIcon.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-export declare const Icon: () => JSX.Element;
-export declare const PlusIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const Icon: () => React.JSX.Element;
+export declare const PlusIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/PointingArrowIcon/PointingArrowIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const PointingArrowIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const PointingArrowIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/RadioCheckButtonIcon/RadioCheckButtonIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const RadioCheckButtonIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const RadioCheckButtonIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/ReportIcon/ReportIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const ReportIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const ReportIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/RocketIcon/RocketIcon.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
     color?: string;
 }
-export declare const RocketIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const RocketIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/SatisfiedIcon/SatisfiedIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const SatisfiedIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const SatisfiedIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/SelectIcon/SelectIcon.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface IconProps {
     className?: string;
 }
-export declare const SelectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const SelectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => React.JSX.Element, any, {}, never>;
 export {};

package/lib/icons/SpinnerIcon/SpinnerIcon.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 export interface SpinnerIconProps {
     className?: string;
 }
-export declare const Icon: ({ className }: SpinnerIconProps) => JSX.Element;
-export declare const SpinnerIcon: import("styled-components").StyledComponent<({ className }: SpinnerIconProps) => JSX.Element, any, {
+export declare const Icon: ({ className }: SpinnerIconProps) => React.JSX.Element;
+export declare const SpinnerIcon: import("styled-components").StyledComponent<({ className }: SpinnerIconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/ThumbDownIcon/ThumbDownIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ThumbDownIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const ThumbDownIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/icons/ThumbUpIcon/ThumbUpIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ThumbUpIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+import React from 'react';
+export declare const ThumbUpIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
     'data-component-name': string;
 }, "data-component-name">;

package/lib/mocks/Sidebar/useDrilldown.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function useDrilldown(_props: any): {
-    Drilldown: ({ children }: any) => JSX.Element;
+    Drilldown: ({ children }: any) => React.JSX.Element;
     handleBack: () => void;
     handleExpand: () => void;
     isExpanded: boolean;

package/lib/mocks/Sidebar/useMenuGroup.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 export declare function useMenuGroup(_item: any): {
-    MenuGroup: ({ children }: any) => JSX.Element;
+    MenuGroup: ({ children }: any) => React.JSX.Element;
     handleGroupClick: () => void;
     isExpanded: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.30.6",
+  "version": "0.30.8",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Footer/FooterColumn.tsx

@@ -19,9 +19,19 @@ export function FooterColumn({ column, className }: FooterColumnProps): JSX.Elem
 
   const iconsOnly = items.every((item) => item.label === item.link && (item.icon || item.srcSet));
 
+  const label = translate(column.labelTranslationKey, column.label);
+  const labelOrLink =
+    column.type === 'link' ? (
+      <Link to={column.link} external={column.external} target={column.target}>
+        {label}
+      </Link>
+    ) : (
+      label
+    );
+
   return (
     <FooterColumnContainer data-component-name="Footer/FooterColumn" className={className}>
-      <FooterColumnTitle>{translate(column.labelTranslationKey, column.label)}</FooterColumnTitle>
+      <FooterColumnTitle>{labelOrLink}</FooterColumnTitle>
       <FooterColumnItems iconsOnly={iconsOnly}>
         {items?.map((columnItem, columnItemIndex) => {
           if (columnItem.type === 'error') {
@@ -68,6 +78,15 @@ const FooterColumnTitle = styled.p`
   ${({ theme }) => theme.mediaQueries.small} {
     margin-bottom: var(--footer-title-margin-bottom);
   }
+
+  a {
+    text-decoration: none;
+    color: var(--footer-title-text-color);
+
+    &:hover {
+      color: var(--footer-title-hover-color);
+    }
+  }
 `;
 
 const FooterSeparator = styled.div`

package/src/components/NavbarLogo/NavbarLogo.tsx

@@ -12,7 +12,7 @@ export type NavbarLogoProps = {
 };
 
 export function NavbarLogo({ logo, className }: NavbarLogoProps): JSX.Element | null {
-  if (!logo.image && !logo.srcSet) {
+  if (!logo?.image && !logo?.srcSet) {
     return null;
   }
   const img = (
@@ -43,5 +43,6 @@ export const LogoContainer = styled.div.attrs({
   img {
     max-width: 100%;
     max-height: 100%;
+    height: 100%;
   }
 `;

package/src/components/NavbarLogo/styledVariables.ts

@@ -10,6 +10,5 @@ export const logo = css`
   --navbar-logo-margin: 16px; // @presenter Spacing
   --navbar-logo-max-width: 285px; // @presenter Spacing
   --navbar-logo-max-height: 285px; // @presenter Spacing
-
   // @tokens End
 `;

package/src/components/Tabs/Tabs.tsx

@@ -5,7 +5,7 @@ import type { PropsWithChildren } from 'react';
 
 import { Tab } from '@theme/components/Tabs';
 
-type Child = { props: { label: string; key?: string } & TabsProps };
+type Child = { props: { label: string } & TabsProps };
 type TabsProps = PropsWithChildren<{ children: Child[]; className?: string }>;
 
 export function Tabs(props: TabsProps): JSX.Element {
@@ -17,11 +17,11 @@ export function Tabs(props: TabsProps): JSX.Element {
     <TabsContainer data-component-name="Markdown/Tabs/Tabs" className={props.className}>
       <TabList>
         {children.map((child, idx) => {
-          const { label, key } = child.props;
+          const { label } = child.props;
           return (
             <Tab
               activeTab={activeTab}
-              key={`${key || label}-${idx}`}
+              key={`${label}-${idx}`}
               label={label}
               onClick={onTabSelect}
             />

package/src/config.ts

@@ -72,6 +72,11 @@ const markdownConfigSchema = {
       items: { type: 'string' },
       default: ['image', 'links'],
     },
+    partialsFolders: {
+      type: 'array',
+      items: { type: 'string' },
+      default: ['_partials'],
+    },
     lastUpdatedBlock: {
       type: 'object',
       properties: {