@pantheon-systems/pds-toolkit-react 2.0.0-alpha.8 → 2.0.0-alpha.80

package/dist/components/notifications/SectionMessage/SectionMessage.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { DataContext, StatusType } from '../../../libs/types/custom-types';
+import { StatusType } from '../../../libs/types/custom-types';
 import { Button } from '../../buttons/Button/Button';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './section-message.css';
 export type SectionMessageType = StatusType;
 type TypeLabels = Record<SectionMessageType, string>;
@@ -15,9 +16,10 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
      */
     ctaButton?: ComponentPropsWithoutRef<typeof Button>;
     /**
-     * Data context for sizing. Marketing context increases all sizes by one step.
+     * Optional leading icon for `ctaButton`. Always colored to match the
+     * section message's own foreground color.
      */
-    dataContext?: DataContext;
+    ctaIcon?: PDSIcon;
     /**
      * Label for dismiss button. Provide a translation string if needed.
      */
@@ -38,6 +40,12 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
      * Callback function when message is dismissed.
      */
     onDismiss?: (event: MouseEvent<HTMLButtonElement>, id: string) => void;
+    /**
+     * Props for an optional secondary action, rendered before `ctaButton` so the
+     * more prominent action sits on the outside. Can include any Button props
+     * except for size. Defaults to the `link` variant.
+     */
+    secondaryCta?: ComponentPropsWithoutRef<typeof Button>;
     /**
      * Message title.
      */
@@ -54,5 +62,5 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * SectionMessage UI component
  */
-export declare const SectionMessage: ({ className, ctaButton, dataContext, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionMessage: ({ className, ctaButton, ctaIcon, dismissLabel, id, isDismissible, message, onDismiss, secondaryCta, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/Toast.d.ts

@@ -18,6 +18,12 @@ declare const defaultTypeLabels: {
  * Prop types for Toast
  */
 interface ToastProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Duration in milliseconds before the toast auto-dismisses. When set, shows
+     * a progress bar and pause button. Populated automatically by useToast —
+     * consumers do not need to set this.
+     */
+    autoCloseDuration?: number;
     /**
      * Toast message content.
      */
@@ -30,6 +36,11 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
      * ID of individual toast.
      */
     id?: string;
+    /**
+     * React-Toastify toast ID, used to control the pause/resume timer.
+     * Populated automatically by useToast — consumers do not need to set this.
+     */
+    toastId?: string | number;
     /**
      * Type of toast to show.
      */
@@ -42,5 +53,5 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toast UI component
  */
-export declare const Toast: ({ children, className, id, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ autoCloseDuration, children, className, id, toastId, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/Toaster.d.ts

@@ -1,18 +1,27 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import 'react-toastify/dist/ReactToastify.css';
 import './toaster.css';
+export declare const MIN_AUTO_CLOSE_DURATION = 30000;
+type PauseResumeLabels = {
+    pause: string;
+    resume: string;
+};
+export interface ToasterContextValue {
+    labelStrings: PauseResumeLabels;
+}
+export declare const ToasterContext: React.Context<ToasterContextValue>;
 /**
- * Prop types for Toast
+ * Prop types for Toaster
  */
 interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Duration in milliseconds before the toast will auto-close. Set to `false` to disable auto-close (default).
-     */
-    autoCloseDuration?: number | false;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Label strings for the pause and resume buttons. Provide translation strings if needed.
+     */
+    labelStrings?: PauseResumeLabels;
     /**
      * Maximum number of toasts that can be displayed at once.
      */
@@ -25,5 +34,5 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toaster UI component
  */
-export declare const Toaster: ({ autoCloseDuration, className, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toaster: ({ className, labelStrings, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/useToast.d.ts

@@ -1,5 +1,7 @@
 import { ReactElement } from 'react';
 import { cssTransition, toast as toastApi, ToastOptions } from 'react-toastify';
+import { MIN_AUTO_CLOSE_DURATION } from './Toaster';
+export { MIN_AUTO_CLOSE_DURATION };
 export declare enum ToastType {
     Critical = "critical",
     Info = "info",

package/dist/components/overlays/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './bottom-sheet.css';
+export interface BottomSheetProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /**
+     * Aria label that describes the sheet. Falls back to `title` if not provided.
+     */
+    ariaLabel?: string;
+    /**
+     * Main content for the sheet. Pass a `slot="footer"` child for footer content
+     * (e.g. Prev/Next navigation), same pattern as `Drawer`.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Text for the close button's aria-label attribute. Defaults to `'Close'`.
+     */
+    closeButtonLabel?: string;
+    /**
+     * If true, clicking the scrim will not close the sheet.
+     */
+    disableOutsideClick?: boolean;
+    /**
+     * Height while expanded (dragged past the expand threshold, or the grabber
+     * tapped/activated once). Accepts any valid CSS value. Defaults to `'96dvh'`.
+     * Pass `null` to disable expansion entirely — the sheet can then only be
+     * dragged smaller (toward dismissal), never past its default `height`.
+     */
+    expandedHeight?: string | null;
+    /**
+     * Indicates if the built-in close button will be shown.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Default (collapsed) height. Accepts any valid CSS value. Defaults to `'62dvh'`.
+     */
+    height?: string;
+    /**
+     * Is the sheet open?
+     */
+    isOpen?: boolean;
+    /**
+     * Accessible label for the drag handle. Dragging resizes the sheet, but
+     * that's a pointer-only enhancement — for keyboard/screen reader users,
+     * activating this handle (Enter/Space) closes the sheet outright, the
+     * same as dragging it down past the dismiss threshold. Defaults to
+     * `'Close sheet'`.
+     */
+    resizeLabel?: string;
+    /**
+     * Function to set the sheet's open state.
+     */
+    setIsOpen?: (isOpen: boolean) => void;
+    /**
+     * Title for the sheet. Accepts a string or ReactNode. Leave empty for no title.
+     */
+    title?: ReactNode;
+}
+/**
+ * BottomSheet UI component. A mobile-oriented overlay that slides up from the
+ * bottom of the viewport, with a draggable handle to resize between a default
+ * and an expanded height, or drag down past a threshold to dismiss.
+ */
+export declare const BottomSheet: ({ ariaLabel, children, className, closeButtonLabel, disableOutsideClick, expandedHeight, hasCloseButton, height, isOpen: isOpenProp, resizeLabel, setIsOpen: setIsOpenProp, title, ...props }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/BulkActionBar/BulkActionBar.d.ts

@@ -0,0 +1,48 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './bulk-action-bar.css';
+/**
+ * Prop types for BulkActionBar
+ */
+export interface BulkActionBarProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Action content (e.g. `MenuButton`s) rendered between the count and the
+     * clear button. Not opinionated about what it contains — this component
+     * only owns the count, the clear button, and the surrounding chrome.
+     * Since the bar always renders on a reverse (dark) surface, content
+     * should use variants suited to that — e.g. `MenuButton`'s
+     * `reverse-secondary`, `IconButton`'s `reverse`.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Accessible label for the built-in clear button. Defaults to `'Clear
+     * selection'`. Override for translation.
+     */
+    clearLabel?: string;
+    /**
+     * Number of items currently selected.
+     */
+    count: number;
+    /**
+     * Returns the visible count label. Defaults to `(count) => \`${count} selected\``.
+     * Override for translation, or to describe what's selected (e.g. "3 sites selected").
+     */
+    getCountLabel?: (count: number) => string;
+    /**
+     * Called when the clear button is activated. Typically clears the
+     * selection; whether that also exits any "select mode" the consumer has
+     * is up to them — this component has no opinion on that state.
+     */
+    onClear: () => void;
+}
+/**
+ * BulkActionBar UI component — a floating bar that surfaces a selection
+ * count and bulk actions once at least one item is selected. Pinned to the
+ * bottom of the viewport, content scrolls behind it. Mounting/unmounting
+ * based on selection state is the consumer's responsibility; this component
+ * always renders what it's given.
+ */
+export declare const BulkActionBar: ({ children, className, clearLabel, count, getCountLabel, onClear, ...props }: BulkActionBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/Drawer/Drawer.d.ts

@@ -0,0 +1,58 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './drawer.css';
+export type DrawerPlacement = 'left' | 'right';
+export type DrawerSize = 's' | 'm' | 'l';
+export interface DrawerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /**
+     * Aria label that describes the drawer. Will default to the title if not provided.
+     */
+    ariaLabel?: string;
+    /**
+     * Main content for the drawer.
+     */
+    children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Text for close button aria-label attribute.
+     */
+    closeButtonLabel?: string;
+    /**
+     * If true, clicking outside the drawer will not close it.
+     */
+    disableOutsideClick?: boolean;
+    /**
+     * Indicates if the built-in close button will be shown.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Is the drawer open?
+     */
+    isOpen?: boolean;
+    /**
+     * Which edge of the screen the drawer slides in from.
+     */
+    placement?: DrawerPlacement;
+    /**
+     * Function to set the drawer open state.
+     */
+    setIsOpen?: (isOpen: boolean) => void;
+    /**
+     * Preset width of the drawer. Overridden by the `width` prop if provided.
+     */
+    size?: DrawerSize;
+    /**
+     * Title for the drawer. Accepts a string or ReactNode (e.g., a logo). Leave empty for no title.
+     */
+    title?: ReactNode;
+    /**
+     * Custom width for the drawer. Accepts any valid CSS value (e.g. '50vw', '800px', '40rem'). Overrides the `size` prop.
+     */
+    width?: string;
+}
+/**
+ * Drawer UI component
+ */
+export declare const Drawer: ({ ariaLabel, children, className, closeButtonLabel, disableOutsideClick, hasCloseButton, isOpen: isOpenProp, placement, setIsOpen: setIsOpenProp, size, title, width, ...props }: DrawerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts

@@ -0,0 +1,45 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { PDSIcon } from '../../icons/Icon/Icon';
+import './full-screen-overlay.css';
+export interface FullScreenOverlayProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Accessible label for the overlay.
+     */
+    ariaLabel: string;
+    /**
+     * Background color of the overlay surface.
+     * - 'default': white / dark-mode dark (default)
+     * - 'default-secondary': slightly off-white / dark-mode slightly lighter dark
+     */
+    background?: 'default' | 'default-secondary';
+    /**
+     * Content rendered inside the overlay.
+     */
+    children: ReactNode;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Accessible label for the close button.
+     */
+    closeButtonLabel?: string;
+    /**
+     * Icon to use for the close button. Defaults to 'compress'.
+     */
+    closeIconName?: PDSIcon;
+    /**
+     * Whether to show the built-in close button. Set to false when providing
+     * your own close control (e.g. in a UtilityBar).
+     */
+    hasCloseButton?: boolean;
+    /**
+     * Whether the overlay is currently open.
+     */
+    isOpen: boolean;
+    /**
+     * Callback when the overlay should close.
+     */
+    onClose: () => void;
+}
+export declare const FullScreenOverlay: ({ ariaLabel, background, children, className, closeButtonLabel, closeIconName, hasCloseButton, isOpen, onClose, ...props }: FullScreenOverlayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/{Modal → overlays/Modal}/Modal.d.ts

@@ -42,7 +42,7 @@ export interface ModalProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The width of the modal.
      */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Text for modal title
      */

package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '../../libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './pagination.css';
+export type PaginationSize = 's' | 'm';
 /**
  * Prop types for Pagination
  */
@@ -43,6 +44,10 @@ export interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
      * For example: `onPageChange={(page) => setCurrentPage(page)}`
      */
     onPageChange?: (page: number) => void;
+    /**
+     * Size of the pagination items.
+     */
+    size?: PaginationSize;
     /**
      * Total number of items to paginate.
      */
@@ -51,4 +56,4 @@ export interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
 /**
  * Pagination UI component
  */
-export declare const Pagination: ({ bufferCount, className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, totalItemCount, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ bufferCount, className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, size, totalItemCount, ...props }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/PaginationChapter/PaginationChapter.d.ts

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import './pagination-chapter.css';
+/**
+ * Prop types for PaginationChapter
+ */
+export interface PaginationChapterProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Current page number.
+     */
+    currentPage: number;
+    /**
+     * Heading level. Defaults to `h2`.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Heading text for the pagination component. Will only be accessible to screen readers.
+     */
+    headingText?: string;
+    /**
+     * Number of items per page.
+     */
+    itemsPerPage?: number;
+    /**
+     * Translatable label strings.
+     */
+    labelStrings?: {
+        next: string;
+        previous: string;
+    };
+    /**
+     * Title of the next page. Displayed as the clickable label on the next button.
+     */
+    nextPage?: string;
+    /**
+     * Callback to handle page change.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Title of the previous page. Displayed as the clickable label on the previous button.
+     */
+    previousPage?: string;
+    /**
+     * Total number of items to paginate.
+     */
+    totalItemCount: number;
+}
+/**
+ * PaginationChapter UI component — previous/next navigation with page labels.
+ */
+export declare const PaginationChapter: ({ className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, nextPage, onPageChange, previousPage, totalItemCount, ...props }: PaginationChapterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts

@@ -0,0 +1,67 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import './pagination-compact.css';
+export type PaginationCompactPageControlType = 'dropdown' | 'input' | 'static';
+/**
+ * Prop types for PaginationCompact
+ */
+export interface PaginationCompactProps extends ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
+    /**
+     * Current page number.
+     */
+    currentPage: number;
+    /**
+     * Heading level. Defaults to `h2`.
+     */
+    headingLevel?: HeadingLevelCommon;
+    /**
+     * Heading text for the pagination component. Will only be accessible to screen readers.
+     */
+    headingText?: string;
+    /**
+     * Number of items per page.
+     */
+    itemsPerPage?: number;
+    /**
+     * Translatable label strings.
+     */
+    labelStrings?: {
+        next: string;
+        of: string;
+        /**
+         * Label shown before the page selector (e.g. "Page 1 of 50"). Pass `null` to omit it.
+         */
+        page?: string | null;
+        /**
+         * Validation message shown when a typed page number is out of range. `{total}` is replaced with the total page count. Only used when `pageControlType` is `'input'`.
+         */
+        pageInputError: string;
+        pageSelect: string;
+        previous: string;
+    };
+    /**
+     * Callback to handle page change.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Which control to use for jumping to a page: a dropdown select or a typed
+     * number input. `'static'` renders the current page as plain text instead
+     * — no direct jump-to-page at all, just Prev/Next — for contexts where
+     * that control isn't worth the space (e.g. a mobile card list, where
+     * search/filter is the more realistic way to narrow a large result set
+     * down, not paging through it one page at a time). Defaults to `'dropdown'`.
+     */
+    pageControlType?: PaginationCompactPageControlType;
+    /**
+     * Total number of items to paginate.
+     */
+    totalItemCount: number;
+}
+/**
+ * PaginationCompact UI component — page selector dropdown with previous/next controls.
+ */
+export declare const PaginationCompact: ({ className, currentPage, headingLevel, headingText, itemsPerPage, labelStrings, onPageChange, pageControlType, totalItemCount, ...props }: PaginationCompactProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel.css';
 /**
  * Prop types for ExpansionPanel
  */
-interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel.
      */
@@ -33,4 +33,3 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
  * ExpansionPanel UI component
  */
 export declare const ExpansionPanel: ({ children, className, id, isOpen, showBorder, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel-group.css';
 /**
  * Prop types for ExpansionPanelGroup
  */
-interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel group. This should be a series of ExpansionPanel components.
      */
@@ -21,4 +21,3 @@ interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
  * ExpansionPanelGroup UI component
  */
 export declare const ExpansionPanelGroup: ({ children, className, displayType, ...props }: ExpansionPanelGroupProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/panels/FeaturePanel/FeaturePanel.d.ts

@@ -0,0 +1,72 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ImageDisplayVariant } from '../../../libs/types/layout-types';
+import { Button } from '../../buttons/Button/Button';
+import { ButtonLink } from '../../buttons/ButtonLink/ButtonLink';
+import './feature-panel.css';
+/**
+ * Prop types for FeaturePanel
+ */
+export interface FeaturePanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Body content.
+     */
+    content: string;
+    /**
+     * Props for an optional call to action. Pass `ButtonLink` props (must
+     * include `linkContent`) to render a link, or `Button` props to render a
+     * button. Always renders at `variant="brand"` `size="sm"` regardless of
+     * what's passed in.
+     */
+    cta?: ComponentPropsWithoutRef<typeof Button> | ComponentPropsWithoutRef<typeof ButtonLink>;
+    /**
+     * Label for the close button. Provide a translation string if needed.
+     */
+    dismissLabel?: string;
+    /**
+     * Heading text. Rendered as an `h2`.
+     */
+    heading: string;
+    /**
+     * An optional image. Pass the full element, e.g.
+     * `<img alt="..." src="..." />`. Aspect ratio isn't enforced, but
+     * `1:1`–`3:2` works best in `vertical` layout, and `1:1` is a reasonable
+     * starting point for `horizontal` (see the MDX docs for why — that one
+     * shifts with panel width and copy length, so preview it for real).
+     */
+    image?: ReactNode;
+    /**
+     * Controls how the image fills its side of the panel. Only relevant when
+     * an image is provided.
+     * - `bleed` (default): image extends to the panel edges, corners rounded
+     *   only where it meets the panel's own edge.
+     * - `inset`: image has padding on all sides, all corners rounded.
+     */
+    imageVariant?: ImageDisplayVariant;
+    /**
+     * Shows a close button in the upper-right corner that calls `onDismiss`
+     * when clicked. The panel does not remove or hide itself — that's up to
+     * the consumer.
+     */
+    isDismissible?: boolean;
+    /**
+     * Which way the panel lays out its image and content.
+     * - `vertical` (default): image on top, content below.
+     * - `horizontal`: image on the left, content on the right. Only takes
+     *   effect at the `bp-m` breakpoint and up — below that it collapses to
+     *   the same stacked layout as `vertical`.
+     */
+    layout?: 'horizontal' | 'vertical';
+    /**
+     * Called when the close button is clicked. Required in practice when
+     * `isDismissible` is true.
+     */
+    onDismiss?: () => void;
+}
+/**
+ * FeaturePanel UI component
+ */
+export declare const FeaturePanel: ({ className, content, cta, dismissLabel, heading, image, imageVariant, isDismissible, layout, onDismiss, ...props }: FeaturePanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/panels/Panel/Panel.d.ts

@@ -1,9 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
-import { GridGapOptions } from '../../../libs/types/layout-types';
+import { PaddingScale } from '../../../libs/types/layout-types';
 import './panel.css';
-export type PanelStatusType = Exclude<StatusType, 'discovery'> | 'neutral';
-type TypeLabels = Record<Exclude<StatusType, 'discovery'>, string>;
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Panel content.
@@ -13,30 +10,16 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
      * Additional class names
      */
     className?: string;
-    /**
-     * Should the panel show a status indicator.
-     */
-    hasStatusIndicator?: boolean;
     /**
      * Padding for the panel.
      */
-    padding?: GridGapOptions;
-    /**
-     * Status type for panel. Only renders if `hasStatusIndicator` is true.
-     */
-    statusType?: PanelStatusType;
-    /**
-     * Status type labels for screen readers. Provide translation strings if needed.
-     * Set to empty string ('') to create a visual-only indicator.
-     */
-    typeLabels?: TypeLabels;
+    padding?: PaddingScale;
     /**
      * Which variant of panel to render
      */
-    variant?: 'default' | 'sunken' | 'raised' | 'overlay' | 'critical';
+    variant?: 'default' | 'sunken' | 'raised' | 'overlay' | 'critical' | 'info' | 'warning' | 'success' | 'discovery';
 }
 /**
  * Panel UI component
  */
-export declare const Panel: ({ children, className, hasStatusIndicator, padding, statusType, typeLabels, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Panel: ({ children, className, padding, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/panels/PanelList/PanelList.d.ts

@@ -24,7 +24,7 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
     /**
      * Panel list size variants for block padding only.
      */
-    paddingSize?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    paddingSize?: '2xs' | 'xs' | 's' | 'm' | 'l';
 }
 /**
  * PanelList UI component