@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/Banner/Banner.d.ts

@@ -1,151 +1,85 @@
-import React from 'react';
-import { type ButtonProps } from '../Button';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type BannerVariant = 'critical' | 'info' | 'success' | 'upsell' | 'warning';
-export type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
-    /**
-     * Provide an optional label to override the default name for the Banner
-     * landmark region
-     */
-    'aria-label'?: string;
-    /**
-     * Provide an optional className to add to the outermost element rendered by
-     * the Banner
-     */
-    className?: string;
-    /**
-     * Provide an optional description for the Banner. This should provide
-     * supplemental information about the Banner
-     */
-    description?: React.ReactNode;
-    /**
-     * Specify whether the title of the Banner should be visible or not.
-     */
-    hideTitle?: boolean;
-    /**
-     * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
-     * @deprecated Use `leadingVisual` instead
-     */
-    icon?: React.ReactNode;
-    /**
-     * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
-     */
-    leadingVisual?: React.ReactNode;
-    /**
-     * Optionally provide a handler to be called when the banner is dismissed.
-     * Providing this prop will show a dismiss button.
-     */
-    onDismiss?: () => void;
-    /**
-     * Provide an optional primary action for the Banner.
-     */
-    primaryAction?: React.ReactNode;
-    /**
-     * Provide an optional secondary action for the Banner
-     */
-    secondaryAction?: React.ReactNode;
-    /**
-     * The title for the Banner. This will be used as the accessible name and is
-     * required unless `Banner.Title` is used as a child.
-     */
-    title?: React.ReactNode;
-    /**
-     * Specify the type of the Banner
-     */
-    variant?: BannerVariant;
-    /**
-     * Specify the layout of the Banner. Compact layout will reduce the padding.
-     */
-    layout?: 'default' | 'compact';
-    /**
-     * Override the default actions layout behavior
-     */
-    actionsLayout?: 'inline' | 'stacked' | 'default';
-    /**
-     * Full width banner specifically for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
-     */
-    flush?: boolean;
+import { ButtonProps } from "../Button/types.js";
+import React from "react";
+
+//#region src/Banner/Banner.d.ts
+type BannerVariant = 'critical' | 'info' | 'success' | 'upsell' | 'warning';
+type BannerProps = React.ComponentPropsWithoutRef<'section'> & {
+  /**
+   * Provide an optional label to override the default name for the Banner
+   * landmark region
+   */
+  'aria-label'?: string;
+  /**
+   * Provide an optional className to add to the outermost element rendered by
+   * the Banner
+   */
+  className?: string;
+  /**
+   * Provide an optional description for the Banner. This should provide
+   * supplemental information about the Banner
+   */
+  description?: React.ReactNode;
+  /**
+   * Specify whether the title of the Banner should be visible or not.
+   */
+  hideTitle?: boolean;
+  /**
+   * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
+   * @deprecated Use `leadingVisual` instead
+   */
+  icon?: React.ReactNode;
+  /**
+   * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
+   */
+  leadingVisual?: React.ReactNode;
+  /**
+   * Optionally provide a handler to be called when the banner is dismissed.
+   * Providing this prop will show a dismiss button.
+   */
+  onDismiss?: () => void;
+  /**
+   * Provide an optional primary action for the Banner.
+   */
+  primaryAction?: React.ReactNode;
+  /**
+   * Provide an optional secondary action for the Banner
+   */
+  secondaryAction?: React.ReactNode;
+  /**
+   * The title for the Banner. This will be used as the accessible name and is
+   * required unless `Banner.Title` is used as a child.
+   */
+  title?: React.ReactNode;
+  /**
+   * Specify the type of the Banner
+   */
+  variant?: BannerVariant;
+  /**
+   * Specify the layout of the Banner. Compact layout will reduce the padding.
+   */
+  layout?: 'default' | 'compact';
+  /**
+   * Override the default actions layout behavior
+   */
+  actionsLayout?: 'inline' | 'stacked' | 'default';
+  /**
+   * Full width banner specifically for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
+   */
+  flush?: boolean;
 };
-export declare const Banner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    /**
-     * Provide an optional label to override the default name for the Banner
-     * landmark region
-     */
-    'aria-label'?: string;
-    /**
-     * Provide an optional className to add to the outermost element rendered by
-     * the Banner
-     */
-    className?: string;
-    /**
-     * Provide an optional description for the Banner. This should provide
-     * supplemental information about the Banner
-     */
-    description?: React.ReactNode;
-    /**
-     * Specify whether the title of the Banner should be visible or not.
-     */
-    hideTitle?: boolean;
-    /**
-     * Provide a custom icon for the Banner. This is only available when `variant` is `info` or `upsell`
-     * @deprecated Use `leadingVisual` instead
-     */
-    icon?: React.ReactNode;
-    /**
-     * Provide a custom leading visual for the Banner. This is only available when `variant` is `info` or `upsell`
-     */
-    leadingVisual?: React.ReactNode;
-    /**
-     * Optionally provide a handler to be called when the banner is dismissed.
-     * Providing this prop will show a dismiss button.
-     */
-    onDismiss?: () => void;
-    /**
-     * Provide an optional primary action for the Banner.
-     */
-    primaryAction?: React.ReactNode;
-    /**
-     * Provide an optional secondary action for the Banner
-     */
-    secondaryAction?: React.ReactNode;
-    /**
-     * The title for the Banner. This will be used as the accessible name and is
-     * required unless `Banner.Title` is used as a child.
-     */
-    title?: React.ReactNode;
-    /**
-     * Specify the type of the Banner
-     */
-    variant?: BannerVariant;
-    /**
-     * Specify the layout of the Banner. Compact layout will reduce the padding.
-     */
-    layout?: "default" | "compact";
-    /**
-     * Override the default actions layout behavior
-     */
-    actionsLayout?: "inline" | "stacked" | "default";
-    /**
-     * Full width banner specifically for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
-     */
-    flush?: boolean;
-} & React.RefAttributes<HTMLElement>>;
 type HeadingElement = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type BannerTitleProps<As extends HeadingElement> = {
-    as?: As;
-    className?: string;
+type BannerTitleProps<As extends HeadingElement> = {
+  as?: As;
+  className?: string;
 } & React.ComponentPropsWithoutRef<As extends 'h2' ? 'h2' : As>;
-export declare function BannerTitle<As extends HeadingElement>(props: BannerTitleProps<As>): React.JSX.Element;
-export type BannerDescriptionProps = React.ComponentPropsWithoutRef<'div'>;
-export declare function BannerDescription({ children, className, ...rest }: BannerDescriptionProps): React.JSX.Element;
-export type BannerActionsProps = {
-    primaryAction?: React.ReactNode;
-    secondaryAction?: React.ReactNode;
-};
-export declare function BannerActions({ primaryAction, secondaryAction }: BannerActionsProps): React.JSX.Element;
-export type BannerPrimaryActionProps = Omit<ButtonProps, 'variant'>;
-declare const BannerPrimaryAction: PolymorphicForwardRefComponent<"button", BannerPrimaryActionProps>;
-export type BannerSecondaryActionProps = Omit<ButtonProps, 'variant'>;
-declare const BannerSecondaryAction: PolymorphicForwardRefComponent<"button", BannerSecondaryActionProps>;
-export { BannerPrimaryAction, BannerSecondaryAction };
-//# sourceMappingURL=Banner.d.ts.map
+declare function BannerTitle<As extends HeadingElement>(props: BannerTitleProps<As>): React.JSX.Element;
+type BannerDescriptionProps = React.ComponentPropsWithoutRef<'div'>;
+declare function BannerDescription({
+  children,
+  className,
+  ...rest
+}: BannerDescriptionProps): React.JSX.Element;
+type BannerPrimaryActionProps = Omit<ButtonProps, 'variant'>;
+type BannerSecondaryActionProps = Omit<ButtonProps, 'variant'>;
+//#endregion
+export { BannerDescription, BannerDescriptionProps, BannerPrimaryActionProps, BannerProps, BannerSecondaryActionProps, BannerTitle, BannerTitleProps, BannerVariant };

package/dist/Banner/Banner.js

@@ -1,195 +1,146 @@
-import { clsx } from 'clsx';
-import React, { forwardRef } from 'react';
-import { useDevOnlyEffect } from '../internal/hooks/useDevOnlyEffect.js';
-import { XIcon, AlertIcon, InfoIcon, CheckCircleIcon, StopIcon } from '@primer/octicons-react';
-import { IconButton } from '../Button/IconButton.js';
-import { ButtonComponent } from '../Button/Button.js';
-import { useMergedRefs } from '../hooks/useMergedRefs.js';
-import { useId } from '../hooks/useId.js';
-import classes from './Banner.module.css.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-
-const BannerContext = /*#__PURE__*/React.createContext(undefined);
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { useId as useId$1 } from "../hooks/useId.js";
+import { IconButton } from "../Button/IconButton.js";
+import { ButtonComponent } from "../Button/Button.js";
+import { useDevOnlyEffect } from "../internal/hooks/useDevOnlyEffect.js";
+import Banner_module_css_default from "./Banner.module.css.js";
+import { clsx } from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { AlertIcon, CheckCircleIcon, InfoIcon, StopIcon, XIcon } from "@primer/octicons-react";
+//#region src/Banner/Banner.tsx
+const BannerContext = /*#__PURE__*/ React.createContext(void 0);
 const iconForVariant = {
-  critical: /*#__PURE__*/jsx(StopIcon, {}),
-  info: /*#__PURE__*/jsx(InfoIcon, {}),
-  success: /*#__PURE__*/jsx(CheckCircleIcon, {}),
-  upsell: /*#__PURE__*/jsx(InfoIcon, {}),
-  warning: /*#__PURE__*/jsx(AlertIcon, {})
+	critical: /*#__PURE__*/ jsx(StopIcon, {}),
+	info: /*#__PURE__*/ jsx(InfoIcon, {}),
+	success: /*#__PURE__*/ jsx(CheckCircleIcon, {}),
+	upsell: /*#__PURE__*/ jsx(InfoIcon, {}),
+	warning: /*#__PURE__*/ jsx(AlertIcon, {})
 };
-const Banner = /*#__PURE__*/React.forwardRef(function Banner({
-  'aria-label': label,
-  'aria-labelledby': labelledBy,
-  children,
-  className,
-  description,
-  hideTitle,
-  icon,
-  leadingVisual,
-  onDismiss,
-  primaryAction,
-  secondaryAction,
-  title,
-  variant = 'info',
-  actionsLayout = 'default',
-  flush = false,
-  ...rest
-}, forwardRef) {
-  const dismissible = !!onDismiss;
-  const hasActions = primaryAction || secondaryAction;
-  const bannerRef = React.useRef(null);
-  const ref = useMergedRefs(forwardRef, bannerRef);
-  const supportsCustomIcon = variant === 'info' || variant === 'upsell';
-  const titleId = useId();
-  const visual = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : icon;
-  useDevOnlyEffect(() => {
-    if (title) {
-      return;
-    }
-    const {
-      current: banner
-    } = bannerRef;
-    if (!banner) {
-      return;
-    }
-    const hasTitle = banner.querySelector('[data-banner-title]');
-    if (!hasTitle) {
-      throw new Error('Expected a title to be provided to the <Banner> component with the `title` prop or through `<Banner.Title>` but no title was found');
-    }
-  }, [title]);
-  return /*#__PURE__*/jsx(BannerContext.Provider, {
-    value: {
-      titleId
-    },
-    children: /*#__PURE__*/jsxs("section", {
-      "data-component": "Banner",
-      ...rest,
-      "aria-labelledby": labelledBy !== null && labelledBy !== void 0 ? labelledBy : label ? undefined : titleId,
-      "aria-label": labelledBy ? undefined : label,
-      className: clsx(className, classes.Banner),
-      "data-dismissible": onDismiss ? '' : undefined,
-      "data-has-actions": hasActions ? '' : undefined,
-      "data-title-hidden": hideTitle ? '' : undefined,
-      "data-variant": variant,
-      "data-actions-layout": actionsLayout,
-      tabIndex: -1,
-      ref: ref,
-      "data-layout": rest.layout || 'default',
-      "data-flush": flush ? '' : undefined,
-      children: [/*#__PURE__*/jsx("div", {
-        "data-component": "Banner.Icon",
-        className: classes.BannerIcon,
-        children: visual && supportsCustomIcon ? visual : iconForVariant[variant]
-      }), /*#__PURE__*/jsxs("div", {
-        className: classes.BannerContainer,
-        children: [/*#__PURE__*/jsxs("div", {
-          "data-component": "Banner.Content",
-          className: classes.BannerContent,
-          children: [title ? hideTitle ? /*#__PURE__*/jsx(VisuallyHidden, {
-            children: /*#__PURE__*/jsx(BannerTitle, {
-              children: title
-            })
-          }) : /*#__PURE__*/jsx(BannerTitle, {
-            children: title
-          }) : null, description ? /*#__PURE__*/jsx(BannerDescription, {
-            children: description
-          }) : null, children]
-        }), hasActions ? /*#__PURE__*/jsx(BannerActions, {
-          primaryAction: primaryAction,
-          secondaryAction: secondaryAction
-        }) : null]
-      }), dismissible ? /*#__PURE__*/jsx(IconButton, {
-        "aria-label": "Dismiss banner",
-        onClick: onDismiss,
-        className: classes.BannerDismiss,
-        icon: XIcon,
-        variant: "invisible"
-      }) : null]
-    })
-  });
+const Banner = /*#__PURE__*/ React.forwardRef(function Banner({ "aria-label": label, "aria-labelledby": labelledBy, children, className, description, hideTitle, icon, leadingVisual, onDismiss, primaryAction, secondaryAction, title, variant = "info", actionsLayout = "default", flush = false, ...rest }, forwardRef) {
+	const dismissible = !!onDismiss;
+	const hasActions = primaryAction || secondaryAction;
+	const bannerRef = React.useRef(null);
+	const ref = useMergedRefs(forwardRef, bannerRef);
+	const supportsCustomIcon = variant === "info" || variant === "upsell";
+	const titleId = useId$1();
+	const visual = leadingVisual !== null && leadingVisual !== void 0 ? leadingVisual : icon;
+	useDevOnlyEffect(() => {
+		if (title) return;
+		const { current: banner } = bannerRef;
+		if (!banner) return;
+		if (!banner.querySelector("[data-banner-title]")) throw new Error("Expected a title to be provided to the <Banner> component with the `title` prop or through `<Banner.Title>` but no title was found");
+	}, [title]);
+	return /*#__PURE__*/ jsx(BannerContext.Provider, {
+		value: { titleId },
+		children: /*#__PURE__*/ jsxs("section", {
+			"data-component": "Banner",
+			...rest,
+			"aria-labelledby": labelledBy !== null && labelledBy !== void 0 ? labelledBy : label ? void 0 : titleId,
+			"aria-label": labelledBy ? void 0 : label,
+			className: clsx(className, Banner_module_css_default.Banner),
+			"data-dismissible": onDismiss ? "" : void 0,
+			"data-has-actions": hasActions ? "" : void 0,
+			"data-title-hidden": hideTitle ? "" : void 0,
+			"data-variant": variant,
+			"data-actions-layout": actionsLayout,
+			tabIndex: -1,
+			ref,
+			"data-layout": rest.layout || "default",
+			"data-flush": flush ? "" : void 0,
+			children: [
+				/*#__PURE__*/ jsx("div", {
+					"data-component": "Banner.Icon",
+					className: Banner_module_css_default.BannerIcon,
+					children: visual && supportsCustomIcon ? visual : iconForVariant[variant]
+				}),
+				/*#__PURE__*/ jsxs("div", {
+					className: Banner_module_css_default.BannerContainer,
+					children: [/*#__PURE__*/ jsxs("div", {
+						"data-component": "Banner.Content",
+						className: Banner_module_css_default.BannerContent,
+						children: [
+							title ? hideTitle ? /*#__PURE__*/ jsx(VisuallyHidden, { children: /*#__PURE__*/ jsx(BannerTitle, { children: title }) }) : /*#__PURE__*/ jsx(BannerTitle, { children: title }) : null,
+							description ? /*#__PURE__*/ jsx(BannerDescription, { children: description }) : null,
+							children
+						]
+					}), hasActions ? /*#__PURE__*/ jsx(BannerActions, {
+						primaryAction,
+						secondaryAction
+					}) : null]
+				}),
+				dismissible ? /*#__PURE__*/ jsx(IconButton, {
+					"aria-label": "Dismiss banner",
+					onClick: onDismiss,
+					className: Banner_module_css_default.BannerDismiss,
+					icon: XIcon,
+					variant: "invisible"
+				}) : null
+			]
+		})
+	});
 });
 function BannerTitle(props) {
-  const {
-    as: Heading = 'h2',
-    className,
-    children,
-    id,
-    ...rest
-  } = props;
-  const context = React.useContext(BannerContext);
-  const titleId = id !== null && id !== void 0 ? id : context === null || context === void 0 ? void 0 : context.titleId;
-  return /*#__PURE__*/jsx(Heading, {
-    ...rest,
-    id: titleId,
-    className: clsx(className, classes.BannerTitle),
-    "data-component": "Banner.Title",
-    "data-banner-title": "",
-    children: children
-  });
+	const { as: Heading = "h2", className, children, id, ...rest } = props;
+	const context = React.useContext(BannerContext);
+	const titleId = id !== null && id !== void 0 ? id : context === null || context === void 0 ? void 0 : context.titleId;
+	return /*#__PURE__*/ jsx(Heading, {
+		...rest,
+		id: titleId,
+		className: clsx(className, Banner_module_css_default.BannerTitle),
+		"data-component": "Banner.Title",
+		"data-banner-title": "",
+		children
+	});
 }
 BannerTitle.displayName = "BannerTitle";
-function BannerDescription({
-  children,
-  className,
-  ...rest
-}) {
-  return /*#__PURE__*/jsx("div", {
-    ...rest,
-    className: clsx('BannerDescription', className),
-    "data-component": "Banner.Description",
-    children: children
-  });
+function BannerDescription({ children, className, ...rest }) {
+	return /*#__PURE__*/ jsx("div", {
+		...rest,
+		className: clsx("BannerDescription", className),
+		"data-component": "Banner.Description",
+		children
+	});
 }
 BannerDescription.displayName = "BannerDescription";
-function BannerActions({
-  primaryAction,
-  secondaryAction
-}) {
-  return /*#__PURE__*/jsxs("div", {
-    className: classes.BannerActions,
-    "data-component": "Banner.Actions",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: classes.BannerActionsContainer,
-      "data-primary-action": "trailing",
-      children: [secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null, primaryAction !== null && primaryAction !== void 0 ? primaryAction : null]
-    }), /*#__PURE__*/jsxs("div", {
-      className: classes.BannerActionsContainer,
-      "data-primary-action": "leading",
-      children: [primaryAction !== null && primaryAction !== void 0 ? primaryAction : null, secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null]
-    })]
-  });
+function BannerActions({ primaryAction, secondaryAction }) {
+	return /*#__PURE__*/ jsxs("div", {
+		className: Banner_module_css_default.BannerActions,
+		"data-component": "Banner.Actions",
+		children: [/*#__PURE__*/ jsxs("div", {
+			className: Banner_module_css_default.BannerActionsContainer,
+			"data-primary-action": "trailing",
+			children: [secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null, primaryAction !== null && primaryAction !== void 0 ? primaryAction : null]
+		}), /*#__PURE__*/ jsxs("div", {
+			className: Banner_module_css_default.BannerActionsContainer,
+			"data-primary-action": "leading",
+			children: [primaryAction !== null && primaryAction !== void 0 ? primaryAction : null, secondaryAction !== null && secondaryAction !== void 0 ? secondaryAction : null]
+		})]
+	});
 }
 BannerActions.displayName = "BannerActions";
-const BannerPrimaryAction = /*#__PURE__*/forwardRef(({
-  children,
-  className,
-  ...rest
-}, forwardedRef) => {
-  return /*#__PURE__*/jsx(ButtonComponent, {
-    "data-component": "Banner.PrimaryAction",
-    ref: forwardedRef,
-    className: clsx('BannerPrimaryAction', className),
-    variant: "default",
-    ...rest,
-    children: children
-  });
+const BannerPrimaryAction = /*#__PURE__*/ forwardRef(({ children, className, ...rest }, forwardedRef) => {
+	return /*#__PURE__*/ jsx(ButtonComponent, {
+		"data-component": "Banner.PrimaryAction",
+		ref: forwardedRef,
+		className: clsx("BannerPrimaryAction", className),
+		variant: "default",
+		...rest,
+		children
+	});
 });
-BannerPrimaryAction.displayName = 'BannerPrimaryAction';
-const BannerSecondaryAction = /*#__PURE__*/forwardRef(({
-  children,
-  className,
-  ...rest
-}, forwardedRef) => {
-  return /*#__PURE__*/jsx(ButtonComponent, {
-    "data-component": "Banner.SecondaryAction",
-    ref: forwardedRef,
-    className: clsx('BannerPrimaryAction', className),
-    variant: "invisible",
-    ...rest,
-    children: children
-  });
+BannerPrimaryAction.displayName = "BannerPrimaryAction";
+const BannerSecondaryAction = /*#__PURE__*/ forwardRef(({ children, className, ...rest }, forwardedRef) => {
+	return /*#__PURE__*/ jsx(ButtonComponent, {
+		"data-component": "Banner.SecondaryAction",
+		ref: forwardedRef,
+		className: clsx("BannerPrimaryAction", className),
+		variant: "invisible",
+		...rest,
+		children
+	});
 });
-BannerSecondaryAction.displayName = 'BannerSecondaryAction';
-
+BannerSecondaryAction.displayName = "BannerSecondaryAction";
+//#endregion
 export { Banner, BannerActions, BannerDescription, BannerPrimaryAction, BannerSecondaryAction, BannerTitle };

package/dist/Banner/Banner.module.css.js

@@ -1,5 +1,14 @@
-import './Banner-41040ab7.css';
-
-var classes = {"Banner":"prc-Banner-Banner-IPLJ2","BannerContainer":"prc-Banner-BannerContainer-T-Siu","BannerActions":"prc-Banner-BannerActions-gvCLf","BannerContent":"prc-Banner-BannerContent-LraS2","BannerTitle":"prc-Banner-BannerTitle-T4z0L","BannerIcon":"prc-Banner-BannerIcon-o4ayx","BannerDismiss":"prc-Banner-BannerDismiss-b12FL","BannerActionsContainer":"prc-Banner-BannerActionsContainer-PdBu1"};
-
-export { classes as default };
+import "./Banner-41040ab7.css";
+//#region src/Banner/Banner.module.css.js
+var Banner_module_css_default = {
+	"Banner": "prc-Banner-Banner-IPLJ2",
+	"BannerContainer": "prc-Banner-BannerContainer-T-Siu",
+	"BannerActions": "prc-Banner-BannerActions-gvCLf",
+	"BannerContent": "prc-Banner-BannerContent-LraS2",
+	"BannerTitle": "prc-Banner-BannerTitle-T4z0L",
+	"BannerIcon": "prc-Banner-BannerIcon-o4ayx",
+	"BannerDismiss": "prc-Banner-BannerDismiss-b12FL",
+	"BannerActionsContainer": "prc-Banner-BannerActionsContainer-PdBu1"
+};
+//#endregion
+export { Banner_module_css_default as default };

package/dist/Banner/index.d.ts

@@ -1,25 +1,27 @@
-import { BannerTitle, BannerDescription } from './Banner';
-import type { BannerProps, BannerTitleProps, BannerDescriptionProps, BannerPrimaryActionProps, BannerSecondaryActionProps } from './Banner';
-export declare const Banner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
-    'aria-label'?: string;
-    className?: string;
-    description?: React.ReactNode;
-    hideTitle?: boolean;
-    icon?: React.ReactNode;
-    leadingVisual?: React.ReactNode;
-    onDismiss?: () => void;
-    primaryAction?: React.ReactNode;
-    secondaryAction?: React.ReactNode;
-    title?: React.ReactNode;
-    variant?: import("./Banner").BannerVariant;
-    layout?: "default" | "compact";
-    actionsLayout?: "inline" | "stacked" | "default";
-    flush?: boolean;
+import { ForwardRefComponent } from "../utils/polymorphic.js";
+import { BannerDescription, BannerDescriptionProps, BannerPrimaryActionProps, BannerProps, BannerSecondaryActionProps, BannerTitle, BannerTitleProps, BannerVariant } from "./Banner.js";
+
+//#region src/Banner/index.d.ts
+declare const Banner: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+  'aria-label'?: string;
+  className?: string;
+  description?: React.ReactNode;
+  hideTitle?: boolean;
+  icon?: React.ReactNode;
+  leadingVisual?: React.ReactNode;
+  onDismiss?: () => void;
+  primaryAction?: React.ReactNode;
+  secondaryAction?: React.ReactNode;
+  title?: React.ReactNode;
+  variant?: BannerVariant;
+  layout?: "default" | "compact";
+  actionsLayout?: "inline" | "stacked" | "default";
+  flush?: boolean;
 } & import("react").RefAttributes<HTMLElement>> & {
-    Title: typeof BannerTitle;
-    Description: typeof BannerDescription;
-    PrimaryAction: import("../utils/polymorphic").ForwardRefComponent<"button", BannerPrimaryActionProps>;
-    SecondaryAction: import("../utils/polymorphic").ForwardRefComponent<"button", BannerSecondaryActionProps>;
+  Title: typeof BannerTitle;
+  Description: typeof BannerDescription;
+  PrimaryAction: ForwardRefComponent<"button", BannerPrimaryActionProps>;
+  SecondaryAction: ForwardRefComponent<"button", BannerSecondaryActionProps>;
 };
-export type { BannerProps, BannerTitleProps, BannerDescriptionProps, BannerPrimaryActionProps, BannerSecondaryActionProps, };
-//# sourceMappingURL=index.d.ts.map
+//#endregion
+export { Banner, type BannerPrimaryActionProps, type BannerProps, type BannerSecondaryActionProps };