@redocly/theme 0.70.0-next.1 → 0.70.0-next.3

package/src/components/Search/SearchAiDialog.tsx

@@ -58,6 +58,17 @@ export function SearchAiDialog({
   const { translate } = useTranslate();
 
   const conversationEndRef = React.useRef<HTMLDivElement>(null);
+  const wrapperRef = React.useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    requestAnimationFrame(() => {
+      wrapperRef.current
+        ?.querySelector<HTMLElement>(
+          '[data-component-name="Search/SearchAiConversationInput"] :is(input, textarea):not(:disabled)',
+        )
+        ?.focus();
+    });
+  }, []);
 
   const suggestions = aiAssistant?.suggestions ?? [];
 
@@ -167,7 +178,11 @@ export function SearchAiDialog({
   );
 
   return (
-    <SearchAiDialogWrapper data-component-name="Search/SearchAiDialog" className={className}>
+    <SearchAiDialogWrapper
+      ref={wrapperRef}
+      data-component-name="Search/SearchAiDialog"
+      className={className}
+    >
       {!conversation.length && (
         <WelcomeWrapper>
           <AiStarsIcon

package/src/components/Search/SearchAiMessage.tsx

@@ -347,7 +347,7 @@ const ResourceTagsWrapper = styled.div`
   gap: var(--search-ai-resource-tags-gap);
 `;
 
-const ResourceTag = styled(Tag)`
+const ResourceTag = styled(Tag).attrs({ textTransform: 'none' })`
   .tag-default {
     --tag-color: var(--search-ai-resource-tag-text-color);
     max-width: 100%;

package/src/components/Search/SearchAiResponse.tsx

@@ -212,6 +212,7 @@ const ResourceTags = styled.div`
 
 const ResourceTag = styled(Tag).attrs({
   className: 'tag-resource',
+  textTransform: 'none',
 })`
   .tag-default {
     --tag-color: --search-ai-resource-tag-text-color;

package/src/components/Search/SearchItem.tsx

@@ -123,6 +123,20 @@ export function SearchItem({
               {searchHighlight(parameter.name)}
             </div>
             <div>{searchHighlight(parameter.description)}</div>
+            {parameter.enum ? (
+              <div>
+                {translate('search.searchItem.enum', 'Enum')}
+                {': '}
+                {searchHighlight(parameter.enum)}
+              </div>
+            ) : null}
+            {parameter.example ? (
+              <div>
+                {translate('search.searchItem.example', 'Example')}
+                {': '}
+                {searchHighlight(parameter.example)}
+              </div>
+            ) : null}
           </SearchItemPlace>
         ) : (
           shouldShowPath && (

package/src/core/constants/consent.ts

@@ -0,0 +1,29 @@
+import type { ConsentCategory } from '../types/consent';
+
+export const CONSENT_CATEGORIES: readonly ConsentCategory[] = [
+  {
+    id: 'necessary',
+    locked: true,
+    titleTranslationKey: 'consent.category.necessary.title',
+    descriptionTranslationKey: 'consent.category.necessary.description',
+    titleDefault: 'Necessary',
+    descriptionDefault:
+      'Needed for the site to work: your consent choice, your color mode, and anonymous usage data.',
+  },
+  {
+    id: 'analytics',
+    locked: false,
+    titleTranslationKey: 'consent.category.analytics.title',
+    descriptionTranslationKey: 'consent.category.analytics.description',
+    titleDefault: 'Analytics',
+    descriptionDefault: 'Helps us understand which pages are useful.',
+  },
+  {
+    id: 'marketing',
+    locked: false,
+    titleTranslationKey: 'consent.category.marketing.title',
+    descriptionTranslationKey: 'consent.category.marketing.description',
+    titleDefault: 'Marketing',
+    descriptionDefault: 'Lets us measure which campaigns bring visitors to this site.',
+  },
+];

package/src/core/constants/index.ts

@@ -10,3 +10,4 @@ export * from './mcp';
 export * from './feedback';
 export * from './heading';
 export * from './markdown';
+export * from './consent';

package/src/core/constants/search.ts

@@ -44,7 +44,7 @@ export const AI_SEARCH_ERROR_CONFIG: Record<AiSearchError, AiSearchErrorConfig>
 
 export const AI_SEARCH_MAX_MESSAGE_LENGTH = 45000;
 
-export const SEARCH_DEBOUNCE_TIME_MS = 300;
+export const SEARCH_DEBOUNCE_TIME_MS = 500;
 
 export const DEFAULT_KEYBOARD_SHORTCUTS = '⌘+K,CTRL+K';
 

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

@@ -19,12 +19,27 @@ export const useThemeHooks = vi.fn(() => ({
     sendMcpConnectionSnippetCopiedMessage: vi.fn(),
     sendPageActionsButtonClickedMessage: vi.fn(),
     sendColorModeSwitchedMessage: vi.fn(),
+    sendConsentChangedMessage: vi.fn(),
   })),
   useBreadcrumbs: vi.fn().mockReturnValue({ breadcrumbs: [], siblings: undefined }),
   useBanner: vi.fn(() => ({
     banner: undefined,
     dismissBanner: vi.fn(),
   })),
+  useConsent: vi.fn(() => ({
+    enabled: false,
+    config: undefined,
+    mode: undefined,
+    state: undefined,
+    decided: false,
+    gpc: false,
+    isDialogOpen: false,
+    openDialog: vi.fn(),
+    closeDialog: vi.fn(),
+    accept: vi.fn(),
+    reject: vi.fn(),
+    save: vi.fn(),
+  })),
   usePageSharedData: vi.fn().mockReturnValue({}),
   useCatalogClassic: vi.fn(() => ({
     groups: [],

package/src/core/hooks/code-walkthrough/__mocks__/MockIntersectionObserver.ts

@@ -8,8 +8,7 @@ export class MockIntersectionObserver {
   unobserve: (target: HTMLElement) => void;
   disconnect: () => void;
 
-  // @ts-expect-error
-  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {
+  constructor(_callback: IntersectionObserverCallback, _options?: IntersectionObserverInit) {
     this.root = null;
     this.rootMargin = '0px';
     this.thresholds = [1];

package/src/core/hooks/code-walkthrough/__mocks__/mock-intersection-observer.ts

@@ -9,8 +9,7 @@ export class MockIntersectionObserver {
   unobserve: (target: HTMLElement) => void;
   disconnect: () => void;
 
-  // @ts-expect-error
-  constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit) {
+  constructor(_callback: IntersectionObserverCallback, _options?: IntersectionObserverInit) {
     this.root = null;
     this.rootMargin = '0px';
     this.scrollMargin = '';

package/src/core/hooks/index.ts

@@ -22,6 +22,8 @@ export * from './menu/use-collapse';
 export * from './feedback/use-report-dialog';
 export * from './use-tabs';
 export * from './use-focus-trap';
+export * from './use-consent-dialog';
+export * from './use-consent-telemetry';
 export * from './use-language-picker';
 export * from './use-product-picker';
 export * from './search/use-search-dialog';

package/src/core/hooks/use-consent-dialog.ts

@@ -0,0 +1,51 @@
+import { useEffect, useRef, useState } from 'react';
+
+import type { RefObject } from 'react';
+import type { ConsentCategory, ConsentCategoryId, UseConsentResult } from '../types/consent';
+
+import { CONSENT_CATEGORIES } from '../constants/consent';
+import { useFocusTrap } from './use-focus-trap';
+
+export type ConsentDraft = Record<Exclude<ConsentCategoryId, 'necessary'>, boolean>;
+
+export type UseConsentDialogResult = {
+  draft: ConsentDraft;
+  setCategory: (id: keyof ConsentDraft, value: boolean) => void;
+  dialogRef: RefObject<HTMLDivElement | null>;
+  close: () => void;
+  save: () => void;
+  categories: readonly ConsentCategory[];
+};
+
+export function useConsentDialog(consent: UseConsentResult): UseConsentDialogResult {
+  const [draft, setDraft] = useState<ConsentDraft>(() => ({
+    analytics: consent.state?.analytics ?? consent.mode === 'opt-out',
+    marketing: (consent.state?.marketing ?? consent.mode === 'opt-out') && !consent.gpc,
+  }));
+  const dialogRef = useRef<HTMLDivElement | null>(null);
+  const close = consent.closeDialog;
+  const closeRef = useRef(close);
+  closeRef.current = close;
+
+  useEffect(() => {
+    const previous = document.activeElement as HTMLElement | null;
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') closeRef.current();
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('keydown', onKeyDown);
+      previous?.focus?.();
+    };
+  }, []);
+
+  useFocusTrap(dialogRef);
+
+  const setCategory = (id: keyof ConsentDraft, value: boolean) => {
+    setDraft((current) => ({ ...current, [id]: value }));
+  };
+
+  const save = () => consent.save(draft);
+
+  return { draft, setCategory, dialogRef, close, save, categories: CONSENT_CATEGORIES };
+}

package/src/core/hooks/use-consent-telemetry.ts

@@ -0,0 +1,56 @@
+import { useEffect, useRef } from 'react';
+
+import type { ConsentRuntime } from '../types/consent';
+
+import { useThemeHooks } from './use-theme-hooks';
+import { getBaseDataAttributes } from '../utils/telemetry/get-base-data-attributes';
+
+type RealmOwnedRuntime = ConsentRuntime & {
+  mode: 'opt-in' | 'opt-out';
+  configuredMode: 'auto' | 'opt-in' | 'opt-out';
+  region: { source: 'timezone' | 'config' | 'none'; timeZone: string | null };
+};
+
+function isRealmOwned(runtime: ConsentRuntime): runtime is RealmOwnedRuntime {
+  return runtime.region.source !== 'provider';
+}
+
+function getConsentRuntime(): ConsentRuntime | undefined {
+  if (typeof window === 'undefined') return undefined;
+  return (window as Window & { redocly?: { consent?: ConsentRuntime } }).redocly?.consent;
+}
+
+// Sends one consent.changed event per visitor choice in the modes Realm owns.
+export function useConsentTelemetry(): void {
+  const { useTelemetry } = useThemeHooks();
+  const telemetry = useTelemetry();
+  const telemetryRef = useRef(telemetry);
+  telemetryRef.current = telemetry;
+
+  useEffect(() => {
+    const found = getConsentRuntime();
+    const runtime = found && isRealmOwned(found) ? found : null;
+    if (!runtime) return;
+    return runtime.on('change', (state) => {
+      const choice =
+        state.analytics && state.marketing
+          ? 'accept'
+          : !state.analytics && !state.marketing
+            ? 'reject'
+            : 'partial';
+      const { origin, pathname, search, hash } = window.location;
+      const uri = `${origin}${pathname}${search}${hash}`;
+      telemetryRef.current.sendConsentChangedMessage([
+        {
+          ...getBaseDataAttributes('consent', 'consent'),
+          choice,
+          mode: runtime.mode,
+          configuredMode: runtime.configuredMode,
+          regionSource: runtime.region.source,
+          gpc: runtime.gpc,
+        },
+        getBaseDataAttributes(uri, 'page', uri),
+      ]);
+    });
+  }, []);
+}

package/src/core/hooks/use-dialog-hotkeys.ts

@@ -21,12 +21,18 @@ export function useDialogHotKeys(ref: RefObject<HTMLElement | null>, onClose: ()
   };
 
   const onFocusableElementsHandler = () => {
-    const focusableElements = ref.current?.querySelectorAll(
-      'input, [href], [tabindex]:not([tabindex="-1"])',
+    const focusableElements = Array.from(
+      ref.current?.querySelectorAll<HTMLElement>(
+        'input, textarea, select, button, [href], [tabindex]:not([tabindex="-1"])',
+      ) ?? [],
+    ).filter(
+      (element) =>
+        !element.hasAttribute('disabled') &&
+        (typeof element.checkVisibility !== 'function' || element.checkVisibility()),
     );
-    if (focusableElements && focusableElements.length > 0) {
-      firstFocusableRef.current = focusableElements[0] as HTMLElement;
-      lastFocusableRef.current = focusableElements[focusableElements.length - 1] as HTMLElement;
+    if (focusableElements.length > 0) {
+      firstFocusableRef.current = focusableElements[0];
+      lastFocusableRef.current = focusableElements[focusableElements.length - 1];
     }
   };
 

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

@@ -19,6 +19,20 @@ const fallbacks = {
   useOtelTelemetry: () => ({ send: () => {} }),
   useBreadcrumbs: () => ({ breadcrumbs: [], siblings: undefined }),
   useBanner: () => ({ banner: undefined, dismissBanner: () => {} }),
+  useConsent: () => ({
+    enabled: false,
+    config: undefined,
+    mode: undefined,
+    state: undefined,
+    decided: false,
+    gpc: false,
+    isDialogOpen: false,
+    openDialog: () => {},
+    closeDialog: () => {},
+    accept: () => {},
+    reject: () => {},
+    save: () => {},
+  }),
   useCodeHighlight: () => ({ highlight: (rawContent: string) => rawContent }),
   useUserMenu: () => ({}),
   usePageData: () => null,

package/src/core/styles/global.ts

@@ -28,6 +28,7 @@ import { code } from '@redocly/theme/components/CodeBlock/variables';
 import { productPicker } from '@redocly/theme/components/Product/variables';
 import { markdown } from '@redocly/theme/components/Markdown/variables';
 import { banner } from '@redocly/theme/components/Banner/variables';
+import { consent } from '@redocly/theme/components/Consent/variables';
 import { markdownAccordion } from '@redocly/theme/markdoc/components/Accordion/variables';
 import { markdownTabs } from '@redocly/theme/markdoc/components/Tabs/variables';
 import { markdownNumberedList } from '@redocly/theme/markdoc/components/NumberedList/variables';
@@ -1336,6 +1337,7 @@ export const styles = css<{ palette?: string }>`
     ${badges}
     ${banner}
     ${borders}
+    ${consent}
     ${breadcrumbs}
     ${button}
     ${aiAssistantButton}

package/src/core/types/consent.ts

@@ -0,0 +1,51 @@
+import type { ConsentConfig } from '@redocly/config';
+import type { TranslationKey } from './l10n';
+
+export type ConsentCategoryId = 'necessary' | 'analytics' | 'marketing';
+
+export type ConsentCategory = {
+  id: ConsentCategoryId;
+  locked: boolean;
+  titleTranslationKey: TranslationKey;
+  descriptionTranslationKey: TranslationKey;
+  titleDefault: string;
+  descriptionDefault: string;
+};
+
+export type ConsentState = { necessary: true; analytics: boolean; marketing: boolean };
+
+export type ConsentChoice = { analytics?: boolean; marketing?: boolean };
+
+export type ConsentProvider = 'onetrust' | 'cookiebot' | 'trustarc' | 'tcf';
+
+export type ConsentRuntime = {
+  configuredMode: 'auto' | 'opt-in' | 'opt-out' | ConsentProvider;
+  mode: 'opt-in' | 'opt-out' | ConsentProvider;
+  state: ConsentState;
+  decided: boolean;
+  gpc: boolean;
+  dialogOpen: boolean;
+  region: { source: 'timezone' | 'config' | 'none' | 'provider'; timeZone: string | null };
+  accept: () => void;
+  reject: () => void;
+  save: (next: ConsentChoice) => void;
+  open: () => void;
+  close: () => void;
+  reload: () => void;
+  on: (event: 'change' | 'open' | 'close', fn: (state: ConsentState) => void) => () => void;
+};
+
+export type UseConsentResult = {
+  enabled: boolean;
+  config: ConsentConfig | undefined;
+  mode: ConsentRuntime['mode'] | undefined;
+  state: ConsentState | undefined;
+  decided: boolean;
+  gpc: boolean;
+  isDialogOpen: boolean;
+  openDialog: () => void;
+  closeDialog: () => void;
+  accept: () => void;
+  reject: () => void;
+  save: (next: ConsentChoice) => void;
+};

package/src/core/types/hooks.ts

@@ -40,6 +40,7 @@ import type {
 import type { SubmitFeedbackParams } from './feedback';
 import type { TFunction } from './l10n';
 import type { BreadcrumbItem } from './breadcrumb';
+import type { UseConsentResult } from './consent';
 
 import type { AiSearchError } from '../constants/search';
 
@@ -90,6 +91,7 @@ export type ThemeHooks = {
     banner: ResolvedBannerConfig | undefined;
     dismissBanner: (content: string) => void;
   };
+  useConsent: () => UseConsentResult;
   useSearch: (
     product?: string,
     autoSearchDisabled?: boolean,

package/src/core/types/index.ts

@@ -1,5 +1,6 @@
 export type * from './breadcrumb';
 export type * from './catalog';
+export type * from './consent';
 export type * from './l10n';
 export type * from './mcp';
 export type * from './feedback';

package/src/core/types/l10n.ts

@@ -102,6 +102,7 @@ export type TranslationKey =
   | 'search.ai.placeholder'
   | 'search.ai.generatingResponse'
   | 'search.ai.followUpQuestion'
+  | 'search.ai.send'
   | 'search.ai.suggestionsTitle'
   | 'search.ai.thinkingText'
   | 'search.ai.resourcesFound'
@@ -124,6 +125,8 @@ export type TranslationKey =
   | 'search.ai.error.header.unauthorized'
   | 'search.ai.feedback.more'
   | 'search.searchItem.deprecated'
+  | 'search.searchItem.enum'
+  | 'search.searchItem.example'
   | 'search.groups.all'
   | 'search.filter.field.footer'
   | 'aiAssistant.trigger'
@@ -510,7 +513,28 @@ export type TranslationKey =
   | 'diagram.zoomOut'
   | 'diagram.reset'
   | 'diagram.close'
-  | 'diagram.viewer';
+  | 'diagram.viewer'
+  | 'consent.title'
+  | 'consent.message'
+  | 'consent.privacyPolicy'
+  | 'consent.customize'
+  | 'consent.rejectAll'
+  | 'consent.acceptAll'
+  | 'consent.acceptAllCookies'
+  | 'consent.savePreferences'
+  | 'consent.dialog.title'
+  | 'consent.dialog.description'
+  | 'consent.dialog.close'
+  | 'consent.alwaysOn'
+  | 'consent.alwaysOff'
+  | 'consent.gpcNotice'
+  | 'consent.category.necessary.title'
+  | 'consent.category.necessary.description'
+  | 'consent.category.analytics.title'
+  | 'consent.category.analytics.description'
+  | 'consent.category.marketing.title'
+  | 'consent.category.marketing.description'
+  | 'consent.settingsLink';
 
 export type Locale = { code: string; name: string };
 

package/src/core/types/search.ts

@@ -45,6 +45,8 @@ export type ParameterHighlight = {
   description: string;
   place: string;
   path: string[];
+  enum?: string;
+  example?: string;
 };
 
 export type SearchItemData = {

package/src/core/utils/consent-settings-link-placement.ts

@@ -0,0 +1,18 @@
+import type { ConsentConfig, RedoclyConfig } from '@redocly/config';
+
+export type SettingsLinkPlacement = 'footer' | 'none';
+
+export function resolveSettingsLinkPlacement(
+  consent: ConsentConfig | undefined,
+  footer: RedoclyConfig['footer'] | undefined,
+): SettingsLinkPlacement {
+  const choice = consent?.settingsLink ?? 'auto';
+  if (choice !== 'auto') {
+    return choice;
+  }
+  const footerShown =
+    Boolean(footer) &&
+    !footer?.hide &&
+    (Boolean(footer?.copyrightText) || (Array.isArray(footer?.items) && footer.items.length > 0));
+  return footerShown ? 'footer' : 'none';
+}

package/src/core/utils/index.ts

@@ -49,3 +49,4 @@ export * from './tooltip-placement';
 export * from './telemetry/get-base-data-attributes';
 export * from './telemetry/generate-before-after-context';
 export * from './RenderWithLink';
+export * from './consent-settings-link-placement';

package/src/core/utils/mcp.ts

@@ -39,7 +39,7 @@ export function slugifyMcpServerName(name: string): string {
   return name
     .toLowerCase()
     .replace(/[^a-z0-9_-]+/g, '-')
-    .replace(/^-+|-+$/g, '');
+    .replace(/^-+|(?<!-)-+$/g, '');
 }
 
 export function generateClaudeCodeCommand(config: McpConnectionParams): string {

package/src/core/utils/menu.ts

@@ -24,10 +24,7 @@ export const mapNavbarItems = (
         ...(navItem.items && {
           items: mapNavbarItems(navItem.items, defaultLocale, currentLocale, locales, location),
         }),
-        ...('link' in navItem && { link: navItem.link || '/' }),
-        active:
-          'link' in navItem &&
-          isItemActive(navItem, defaultLocale, currentLocale, locales, location),
+        active: isItemActive(navItem, defaultLocale, currentLocale, locales, location),
         hasActiveSubItem: !!navItem.items?.find((item) =>
           isItemActive(item, defaultLocale, currentLocale, locales, location),
         ),
@@ -42,10 +39,12 @@ export const isItemActive = (
   locales: Locale[],
   location: Location,
 ): boolean => {
+  if (!item.link) return false;
+
   const pathHash = location.pathname + location.hash;
   const link = item.languageInsensitive
-    ? item.link || ''
-    : getPathnameForLocale(item.link || '/', defaultLocale, currentLocale, locales);
+    ? item.link
+    : getPathnameForLocale(item.link, defaultLocale, currentLocale, locales);
 
   return pathHash === withPathPrefix(link);
 };

package/src/core/utils/urls.ts

@@ -5,7 +5,9 @@ import { DEFAULT_LOCALE_PLACEHOLDER } from '../constants/common';
 export function combineUrls(baseURL: string, ...relativeURLs: (string | undefined)[]) {
   let res = baseURL;
   for (let relativeURL of relativeURLs) {
-    res = relativeURL ? res.replace(/[/\\]+$/, '') + '/' + relativeURL.replace(/^[/\\]+/, '') : res;
+    res = relativeURL
+      ? res.replace(/(?<![/\\])[/\\]+$/, '') + '/' + relativeURL.replace(/^[/\\]+/, '')
+      : res;
   }
 
   return res;

package/src/icons/ExpandCollapseIcon/ExpandCollapseIcon.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import styled, { css } from 'styled-components';
+
+import type { IconProps } from '@redocly/theme/icons/types';
+
+import { getCssColorVariable } from '@redocly/theme/core/utils';
+
+const Icon = (props: IconProps) => (
+  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      className="corner-top"
+      d="M12.2432 8.70703H11.2461L11.2422 4.75781L7.29297 4.75391V3.75781H12.2432V8.70703Z"
+    />
+    <path
+      className="corner-bottom"
+      d="M4.75781 11.2422L8.70703 11.2461V12.2432H3.75781V7.29297H4.75391L4.75781 11.2422Z"
+    />
+  </svg>
+);
+
+export const ExpandCollapseIcon = styled(Icon).attrs({
+  'data-component-name': 'icons/ExpandCollapseIcon/ExpandCollapseIcon',
+})<{ $collapse?: boolean }>`
+  path {
+    fill: ${({ color }) => getCssColorVariable(color)};
+    transform-box: view-box;
+    transition: transform 0.3s ease-in-out;
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  }
+
+  .corner-top {
+    transform-origin: 10.756px 5.244px;
+  }
+
+  .corner-bottom {
+    transform-origin: 5.244px 10.756px;
+  }
+
+  ${({ $collapse }) =>
+    $collapse &&
+    css`
+      .corner-top {
+        transform: rotate(180deg);
+      }
+
+      .corner-bottom {
+        transform: rotate(-180deg);
+      }
+    `}
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;

package/src/index.ts

@@ -253,6 +253,7 @@ export * from '@redocly/theme/icons/LinkIcon/LinkIcon';
 export * from '@redocly/theme/icons/LaunchIcon/LaunchIcon';
 export * from '@redocly/theme/icons/MinimizeIcon/MinimizeIcon';
 export * from '@redocly/theme/icons/MaximizeIcon/MaximizeIcon';
+export * from '@redocly/theme/icons/ExpandCollapseIcon/ExpandCollapseIcon';
 export * from '@redocly/theme/icons/MarkdownFullIcon/MarkdownFullIcon';
 export * from '@redocly/theme/icons/DocumentBlankIcon/DocumentBlankIcon';
 export * from '@redocly/theme/icons/WarningSquareIcon/WarningSquareIcon';