@redocly/theme 0.60.0-next.5 → 0.60.0-next.7

package/src/core/styles/global.ts

@@ -26,6 +26,7 @@ import { menu, mobileMenu } from '@redocly/theme/components/Menu/variables';
 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 { markdownTabs } from '@redocly/theme/markdoc/components/Tabs/variables';
 import { mermaid } from '@redocly/theme/markdoc/components/Mermaid/variables';
 import { lastUpdated } from '@redocly/theme/components/LastUpdated/variables';
@@ -1239,6 +1240,7 @@ export const styles = css`
     ${apiReferenceDocs}
     ${apiReferencePanels}
     ${badges}
+    ${banner}
     ${borders}
     ${breadcrumbs}
     ${button}

package/src/core/types/catalog.ts

@@ -1,7 +1,7 @@
 import { InfiniteData, UseInfiniteQueryResult } from '@tanstack/react-query';
-import { CatalogEntityConfig, LayoutVariant } from '@redocly/config';
 import { ENTITY_RELATION_TYPES } from '@redocly/config';
 
+import type { CatalogEntityConfig, LayoutVariant } from '@redocly/config';
 import type { CatalogFilterConfig } from '@redocly/theme/config';
 
 export type SortOption = 'title' | '-title' | 'type' | '-type';

package/src/core/types/hooks.ts

@@ -1,5 +1,6 @@
 import type { AsyncApiRealmUI } from '@redocly/realm-asyncapi-sdk';
 import type {
+  BannerConfig,
   CatalogEntityConfig,
   PageData,
   PageProps,
@@ -83,6 +84,10 @@ export type ThemeHooks = {
     breadcrumbs: BreadcrumbItem[];
     currentItemSiblings?: BreadcrumbItem[];
   };
+  useBanner: () => {
+    banner: BannerConfig | undefined;
+    dismissBanner: (content: string) => void;
+  };
   useSearch: (
     product?: string,
     autoSearchDisabled?: boolean,

package/src/core/utils/type-guards.ts

@@ -1,4 +1,4 @@
-import { ResolvedNavItem, ResolvedNavLinkItem } from '@redocly/config';
+import type { ResolvedNavItem, ResolvedNavLinkItem } from '@redocly/config';
 
 export function isUndefined<T>(value: T | undefined): value is undefined {
   return value === undefined;

package/src/index.ts

@@ -52,6 +52,8 @@ export * from '@redocly/theme/components/Footer/Footer';
 export * from '@redocly/theme/components/Footer/FooterColumn';
 export * from '@redocly/theme/components/Footer/FooterCopyright';
 export * from '@redocly/theme/components/Footer/FooterItem';
+/* Banner */
+export * from '@redocly/theme/components/Banner/Banner';
 /* Typography */
 export * from '@redocly/theme/components/Typography/CompactTypography';
 export * from '@redocly/theme/components/Typography/Emphasis';