@redocly/theme 0.30.5 → 0.30.7

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/CodeBlock/CodeBlockControls.js

@@ -14,22 +14,22 @@ const telemetry_1 = require("../../mocks/telemetry");
 function CodeBlockControls({ children, className, title, controls, }) {
     var _a, _b, _c, _d, _e, _f;
     const { codeSnippet } = (0, hooks_1.useThemeConfig)();
-    const controlsType = (codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.controlsStyle) || 'icon';
+    const controlsType = (codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.elementFormat) || 'icon';
     const { copy, expand, collapse, select, deselect, report } = controls
         ? controls
         : { copy: null, expand: null, collapse: null, select: null, deselect: null, report: null };
     const defaultControls = controls ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Title, null, title),
         react_1.default.createElement(ControlsWrapper, null,
-            copy && !((_a = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.copy) === null || _a === void 0 ? void 0 : _a.hide) ? (react_1.default.createElement(CopyButton_1.CopyButton, { data: copy.data, "data-source": copy.dataSource, "data-hash": copy.dataHash, type: controlsType, toasterPlacement: copy.toasterPlacement, toasterDuration: copy.toasterDuration, buttonText: copy.label, tooltipText: copy.tooltipText, onCopyClick: () => {
-                    copy === null || copy === void 0 ? void 0 : copy.onClick;
-                    telemetry_1.telemetry.send('code_snippet_copied', {});
-                } })) : null,
-            expand && !((_b = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.expand) === null || _b === void 0 ? void 0 : _b.hide) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "expand-all", "data-testid": "expand-all", asIcon: controlsType === 'icon', onClick: expand === null || expand === void 0 ? void 0 : expand.onClick, title: (expand === null || expand === void 0 ? void 0 : expand.tooltipText) || 'Expand all' }, controlsType === 'icon' ? react_1.default.createElement(icons_1.ExpandIcon, null) : (expand === null || expand === void 0 ? void 0 : expand.label) ? expand.label : 'Expand all')) : null,
-            collapse && !((_c = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.collapse) === null || _c === void 0 ? void 0 : _c.hide) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "collapse-all", "data-testid": "collapse-all", asIcon: controlsType === 'icon', onClick: collapse === null || collapse === void 0 ? void 0 : collapse.onClick, title: (collapse === null || collapse === void 0 ? void 0 : collapse.tooltipText) || 'Collapse all' }, controlsType === 'icon' ? (react_1.default.createElement(icons_1.CollapseIcon, null)) : (collapse === null || collapse === void 0 ? void 0 : collapse.label) ? (collapse.label) : ('Collapse all'))) : null,
+            report && ((_a = report === null || report === void 0 ? void 0 : report.props) === null || _a === void 0 ? void 0 : _a.visible) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, Object.assign({ "data-cy": "report-button", "data-testid": "report-button", asIcon: controlsType === 'icon', title: (_b = report.props) === null || _b === void 0 ? void 0 : _b.tooltip }, report.props), controlsType === 'icon' ? react_1.default.createElement(icons_1.ReportIcon, null) : ((_c = report.props) === null || _c === void 0 ? void 0 : _c.buttonText) || 'Report')) : null,
+            expand && !((_d = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.expand) === null || _d === void 0 ? void 0 : _d.hide) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "expand-all", "data-testid": "expand-all", asIcon: controlsType === 'icon', onClick: expand === null || expand === void 0 ? void 0 : expand.onClick, title: (expand === null || expand === void 0 ? void 0 : expand.tooltipText) || 'Expand all' }, controlsType === 'icon' ? react_1.default.createElement(icons_1.ExpandIcon, null) : (expand === null || expand === void 0 ? void 0 : expand.label) ? expand.label : 'Expand all')) : null,
+            collapse && !((_e = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.collapse) === null || _e === void 0 ? void 0 : _e.hide) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "collapse-all", "data-testid": "collapse-all", asIcon: controlsType === 'icon', onClick: collapse === null || collapse === void 0 ? void 0 : collapse.onClick, title: (collapse === null || collapse === void 0 ? void 0 : collapse.tooltipText) || 'Collapse all' }, controlsType === 'icon' ? (react_1.default.createElement(icons_1.CollapseIcon, null)) : (collapse === null || collapse === void 0 ? void 0 : collapse.label) ? (collapse.label) : ('Collapse all'))) : null,
             select ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "select-all", "data-testid": "select-all", asIcon: controlsType === 'icon', onClick: select === null || select === void 0 ? void 0 : select.onClick, title: select === null || select === void 0 ? void 0 : select.tooltipText }, controlsType === 'icon' ? react_1.default.createElement(icons_1.SelectIcon, null) : (select === null || select === void 0 ? void 0 : select.label) ? select.label : 'Select all')) : null,
             deselect ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, { "data-cy": "clear-all", "data-testid": "clear-all", asIcon: controlsType === 'icon', onClick: deselect === null || deselect === void 0 ? void 0 : deselect.onClick, title: deselect === null || deselect === void 0 ? void 0 : deselect.tooltipText }, controlsType === 'icon' ? (react_1.default.createElement(icons_1.DeselectIcon, null)) : (deselect === null || deselect === void 0 ? void 0 : deselect.label) ? (deselect.label) : ('Clear all'))) : null,
-            report && ((_d = report === null || report === void 0 ? void 0 : report.props) === null || _d === void 0 ? void 0 : _d.visible) ? (react_1.default.createElement(CodeBlock_1.CodeBlockControlButton, Object.assign({ "data-cy": "report-button", "data-testid": "report-button", asIcon: controlsType === 'icon', title: (_e = report.props) === null || _e === void 0 ? void 0 : _e.tooltip }, report.props), controlsType === 'icon' ? react_1.default.createElement(icons_1.ReportIcon, null) : ((_f = report.props) === null || _f === void 0 ? void 0 : _f.buttonText) || 'Report')) : null))) : null;
+            copy && !((_f = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.copy) === null || _f === void 0 ? void 0 : _f.hide) ? (react_1.default.createElement(CopyButton_1.CopyButton, { data: copy.data, "data-source": copy.dataSource, "data-hash": copy.dataHash, type: controlsType, toasterPlacement: copy.toasterPlacement, toasterDuration: copy.toasterDuration, buttonText: copy.label, tooltipText: copy.tooltipText, onCopyClick: () => {
+                    copy === null || copy === void 0 ? void 0 : copy.onClick;
+                    telemetry_1.telemetry.send('code_snippet_copied', {});
+                } })) : null))) : null;
     return children || controls ? (react_1.default.createElement(ContainerWraper, { "data-component-name": "CodeBlock/CodeBlockControls", className: className }, children ? children : defaultControls)) : null;
 }
 exports.CodeBlockControls = CodeBlockControls;

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 }));

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: {
@@ -1218,7 +1225,7 @@ export declare const themeConfigSchema: {
         readonly codeSnippet: {
             readonly type: "object";
             readonly properties: {
-                readonly controlsStyle: {
+                readonly elementFormat: {
                     readonly type: "string";
                     readonly default: "icon";
                 };
@@ -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: {
@@ -2261,7 +2275,7 @@ export declare const productThemeOverrideSchema: {
         readonly codeSnippet: {
             readonly type: "object";
             readonly properties: {
-                readonly controlsStyle: {
+                readonly elementFormat: {
                     readonly type: "string";
                     readonly default: "icon";
                 };

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: {
@@ -490,7 +495,7 @@ exports.themeConfigSchema = {
         codeSnippet: {
             type: 'object',
             properties: {
-                controlsStyle: { type: 'string', default: 'icon' },
+                elementFormat: { type: 'string', default: 'icon' },
                 copy: {
                     type: 'object',
                     properties: Object.assign({}, hideConfigSchema.properties),

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">;