@pantheon-systems/pds-toolkit-react 1.0.0-dev.9998 → 1.0.0

package/_dist/components/navigation/Navbar/Navbar.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PantheonLogoDisplayType } from '@components/PantheonLogo/PantheonLogo';
-import { ContainerWidth } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ContainerWidth } from '../../../libs/types/custom-types';
+import { PantheonLogoDisplayType } from '../../PantheonLogo/PantheonLogo';
 import './navbar.css';
 /**
  * Prop types for Navbar
@@ -10,6 +10,10 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
      * Navbar content.
      */
     children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Color type of the navbar.
      */
@@ -49,12 +53,8 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
         closeMobileNav: string;
         openMobileNav: string;
     };
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Navbar UI component
  */
-export declare const Navbar: ({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplayType, logoLinkContent, logoSrc, logoSubBrand, translationStrings, className, ...props }: NavbarProps) => React.JSX.Element;
+export declare const Navbar: ({ children, className, colorType, containerWidth, hideBorder, hideLogo, logoDisplayType, logoLinkContent, logoSrc, logoSubBrand, translationStrings, ...props }: NavbarProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/SideNav/SideNav.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav.css';
 /**
  * Prop types for SideNav
@@ -9,6 +9,10 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Heading text. If a link is passed, it will be rendered as a link.
      */
@@ -28,12 +32,8 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
      * Text to display in the mobile menu trigger button when no active link is found.
      */
     mobileMenuSelectTextFallback?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SideNav UI component
  */
-export declare const SideNav: ({ ariaLabel, headingText, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: SideNavProps) => React.JSX.Element;
+export declare const SideNav: ({ ariaLabel, className, headingText, labels, menuItems, mobileMenuSelectTextFallback, ...props }: SideNavProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav-compact.css';
 export type SideNavCompactItem = NavigationItem & {
     /**
@@ -15,6 +15,10 @@ export interface SideNavCompactProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Whether the menu should be rendered as a mobile menu when the viewport is at or below the mobileMenuMaxWidth.
      */
@@ -42,12 +46,8 @@ export interface SideNavCompactProps extends ComponentPropsWithoutRef<'nav'> {
      * Text to display in the mobile menu trigger button when no active link is found.
      */
     mobileMenuSelectTextFallback?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SideNavCompact UI component
  */
-export declare const SideNavCompact: ({ ariaLabel, hasMobileMenu, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: SideNavCompactProps) => React.JSX.Element;
+export declare const SideNavCompact: ({ ariaLabel, className, hasMobileMenu, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, ...props }: SideNavCompactProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { SideNavGlobalItemProps } from './SideNavGlobalItem';
 import './side-nav-global.css';
 /**
@@ -9,6 +9,10 @@ export interface SideNavGlobalProps extends ComponentPropsWithoutRef<'div'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Should the Pantheon logo be displayed above the menu items?
      * It will not be displayed in the mobile view regardless of this value.
@@ -39,12 +43,8 @@ export interface SideNavGlobalProps extends ComponentPropsWithoutRef<'div'> {
      * Text to display in the mobile menu trigger button when no active link is found.
      */
     mobileMenuSelectTextFallback?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SideNavGlobal UI component
  */
-export declare const SideNavGlobal: ({ ariaLabel, hasLogo, isSidebarCollapsed, labels, logoLinkContent, menuItems, mobileMenuSelectTextFallback, className, ...props }: SideNavGlobalProps) => React.JSX.Element;
+export declare const SideNavGlobal: ({ ariaLabel, className, hasLogo, isSidebarCollapsed, labels, logoLinkContent, menuItems, mobileMenuSelectTextFallback, ...props }: SideNavGlobalProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav-global.css';
-export type SideNavGlobalItemProps = NavigationItem & {
+export interface SideNavGlobalItemProps extends NavigationItem {
     /**
      * Icon to display next to the link content.
      */
@@ -18,8 +17,8 @@ export type SideNavGlobalItemProps = NavigationItem & {
         submenu: string;
         toggle: string;
     };
-};
+}
 /**
  * SideNavGlobalItem UI component
  */
-export declare const SideNavGlobalItem: ({ icon, isActive, isSidebarCollapsed, labels, linkContent, links, }: SideNavGlobalItemProps) => React.JSX.Element;
+export declare const SideNavGlobalItem: ({ icon, isActive, isSidebarCollapsed, labels, linkContent, links, }: SideNavGlobalItemProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/TabMenu/TabMenu.d.ts

@@ -1,10 +1,10 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ComponentPropsWithoutRef } from 'react';
+import { NavigationItem } from '../../../libs/types/navigation-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import { TabMenuDropdownProps } from './TabMenuDropdown';
-import { NavigationItem } from '@components/navigation/navigation-types';
 import './tab-menu.css';
 type DropdownSettings = Omit<TabMenuDropdownProps, 'links'>;
-export type TabMenuItemProps = NavigationItem & {
+export interface TabMenuItemProps extends NavigationItem {
     /**
      * Settings for dropdown menu. Leave null if no dropdown is needed.
      */
@@ -18,7 +18,7 @@ export type TabMenuItemProps = NavigationItem & {
      * If true, the top-level menu will display the active child link instead of the parent link. If using this approach, it is recommended to also include the parent link as the first child link.
      */
     promoteActiveChildLink?: boolean;
-};
+}
 /**
  * Prop types for TabMenu.
  */
@@ -27,17 +27,17 @@ export interface TabMenuProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
-    /**
-     * Menu items to render.
-     */
-    menuItems?: TabMenuItemProps[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Menu items to render.
+     */
+    menuItems?: TabMenuItemProps[];
 }
 /**
  * TabMenu UI component.
  */
-export declare const TabMenu: ({ ariaLabel, menuItems, className, ...props }: TabMenuProps) => React.JSX.Element;
+export declare const TabMenu: ({ ariaLabel, className, menuItems, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './tab-menu.css';
-export type TabMenuDropdownProps = {
+export interface TabMenuDropdownProps {
     /**
      * Button label for the dropdown trigger.
      */
@@ -26,8 +25,8 @@ export type TabMenuDropdownProps = {
      * Text to display when no results are found.
      */
     noResultsText?: string;
-};
+}
 /**
  * TabMenuDropdown UI component
  */
-export declare const TabMenuDropdown: ({ buttonLabel, filterLabel, filterPlaceholder, links, minFilterItems, noResultsText, }: TabMenuDropdownProps) => React.JSX.Element;
+export declare const TabMenuDropdown: ({ buttonLabel, filterLabel, filterPlaceholder, links, minFilterItems, noResultsText, }: TabMenuDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/UserMenu/UserMenu.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './user-menu.css';
 /**
  * Prop types for UserMenuItem
@@ -38,6 +38,10 @@ export interface UserMenuProps extends ComponentPropsWithoutRef<'span'> {
      * Aria label for the user menu.
      */
     ariaLabel?: string;
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Array of menu items.
      */
@@ -58,12 +62,8 @@ export interface UserMenuProps extends ComponentPropsWithoutRef<'span'> {
      * If true, the workspace selector will be styled and rendered to work with the mobile version of the navbar menu. Defaults to true.
      */
     withinNavbar?: boolean;
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * UserMenu UI component
  */
-export declare const UserMenu: ({ ariaLabel, menuItems, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: UserMenuProps) => React.JSX.Element;
+export declare const UserMenu: ({ ariaLabel, className, menuItems, userEmail, userImageSrc, userName, withinNavbar, ...props }: UserMenuProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import './workspace-selector.css';
 declare const tierLabels: {
     silver: string;
@@ -20,14 +20,28 @@ export type WorkspaceSelectorItem = {
      * Is this the currently selected workspace?
      */
     isActive?: boolean;
+    /**
+     * This workspace has restricted access.
+     */
+    isRestricted?: boolean;
     /**
      * This user does not have access to this workspace.
      */
     isUnprivileged?: boolean;
+    /**
+     * Callback function to run when a restricted workspace is clicked.
+     * Only used when isRestricted is true.
+     */
+    onRestrictedSelection?: () => void;
     /**
      * Account plan tier.
      */
     planTier?: PlanTiers;
+    /**
+     * Visually-hidden label to indicate restricted access.
+     * @default 'Restricted'
+     */
+    restrictedLabel?: string;
     /**
      * Id of the workspace.
      */
@@ -46,17 +60,21 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
      */
     ariaLabel?: string;
     /**
-     * Link to create a new workspace. A link element using the router of your choice.
+     * Additional class names.
      */
-    createWorkspaceLink?: ReactNode;
+    className?: string;
     /**
-     * Placeholder text for the filter input.
+     * Link to create a new workspace. A link element using the router of your choice.
      */
-    filterPlaceholder?: string;
+    createWorkspaceLink?: ReactNode;
     /**
      * Label for the filter input.
      */
     filterLabel?: string;
+    /**
+     * Placeholder text for the filter input.
+     */
+    filterPlaceholder?: string;
     /**
      * Heading for the workspace dropdown menu.
      */
@@ -77,13 +95,9 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
      * List of all workspaces for a user.
      */
     workspaceList?: WorkspaceSelectorItem[];
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * WorkspaceSelector UI component
  */
-export declare const WorkspaceSelector: ({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: WorkspaceSelectorProps) => React.JSX.Element;
+export declare const WorkspaceSelector: ({ ariaLabel, className, createWorkspaceLink, filterLabel, filterPlaceholder, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, ...props }: WorkspaceSelectorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/navigation/navigation-utilities.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { PDSIcon } from '../icons/Icon/Icon';
+import { NavigationItem } from '../../libs/types/navigation-types';
 /**
  * Recursively searches through navigation items to find the first active link
  * @param items - Array of navigation items to search through
@@ -87,4 +87,4 @@ export declare const processNavLinkContent: (linkContent: ReactElement | string,
  * // React element with icon
  * const item = processSideNavGlobalLinkContent('nav', <Link to="/about">About</Link>, null, 'info');
  */
-export declare const processSideNavGlobalLinkContent: (baseClass: string, linkContent: ReactElement | string, links?: NavigationItem[], icon?: PDSIcon) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const processSideNavGlobalLinkContent: (baseClass: string, linkContent: ReactElement | string, links?: NavigationItem[], icon?: PDSIcon) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/_dist/components/notifications/Banner/Banner.d.ts

@@ -1,11 +1,13 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './banner.css';
+type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
 type Banner = {
     id: string;
     isDismissible?: boolean;
-    message: string | React.ReactNode;
+    message: string | ReactNode;
     onDismiss?: () => void;
-    type?: 'info' | 'warning' | 'critical';
+    type?: BannerType;
 };
 /**
  * Prop types for Banner
@@ -15,6 +17,10 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
      * Array of banner objects
      */
     banners: Banner[];
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Label for the dismiss button
      */
@@ -31,17 +37,13 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
      * Type labels
      */
     typeLabels?: {
+        critical: string;
         info: string;
         warning: string;
-        critical: string;
     };
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Banner UI component
  */
-export declare const Banner: ({ banners, dismissLabel, labelNext, labelPrevious, typeLabels, className, ...props }: BannerProps) => React.JSX.Element;
+export declare const Banner: ({ banners, className, dismissLabel, labelNext, labelPrevious, typeLabels, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts

@@ -1,14 +1,19 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './inline-message.css';
 /**
  * The type of message to display.
  */
-export type InlineMessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
+export type InlineMessageType = Exclude<StatusType, 'discovery'> | 'working';
 /**
  * Labels for each message type.
  */
 type TypeLabels = Record<InlineMessageType, string>;
 export interface InlineMessageProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Message body.
      */
@@ -25,13 +30,9 @@ export interface InlineMessageProps extends Omit<ComponentPropsWithoutRef<'div'>
      * Message type labels. Provide translation strings if needed.
      */
     typeLabels?: TypeLabels;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * InlineMessage UI component
  */
-export declare const InlineMessage: ({ title, message, type, typeLabels, className, ...props }: InlineMessageProps) => React.JSX.Element;
+export declare const InlineMessage: ({ className, message, title, type, typeLabels, ...props }: InlineMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,14 @@
-import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { Button } from '@components/buttons/Button/Button';
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
+import { Button } from '../../buttons/Button/Button';
 import './section-message.css';
-export type SectionMessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
+export type SectionMessageType = StatusType;
 type TypeLabels = Record<SectionMessageType, string>;
 export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Props for optional call to action button.
      * Can include any Button props except for size and variant.
@@ -41,13 +46,9 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
      * Message type labels. Provide translation strings if needed.
      */
     typeLabels?: TypeLabels;
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * SectionMessage UI component
  */
-export declare const SectionMessage: ({ ctaButton, dismissLabel, id, isDismissible, onDismiss, message, title, type, typeLabels, className, ...props }: SectionMessageProps) => React.JSX.Element;
+export declare const SectionMessage: ({ className, ctaButton, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './toaster.css';
 declare const iconTypes: {
     readonly info: "circleInfo";
@@ -22,6 +22,10 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
      * Toast message content.
      */
     children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * ID of individual toast.
      */
@@ -34,13 +38,9 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
      * Toast type labels. Provide translation strings if needed.
      */
     typeLabels?: Partial<typeof defaultTypeLabels>;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Toast UI component
  */
-export declare const Toast: ({ children, id, type, typeLabels, className, }: ToastProps) => React.JSX.Element;
+export declare const Toast: ({ children, className, id, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import 'react-toastify/dist/ReactToastify.css';
 import './toaster.css';
 /**
@@ -9,6 +9,10 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
      * Duration in milliseconds before the toast will auto-close.
      */
     autoCloseDuration?: number;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Maximum number of toasts that can be displayed at once.
      */
@@ -17,13 +21,9 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
      * Location toast objects will show in the UI.
      */
     position?: 'bottom-right' | 'top-right';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Toaster UI component
  */
-export declare const Toaster: ({ autoCloseDuration, limit, position, className, }: ToasterProps) => React.JSX.Element;
+export declare const Toaster: ({ autoCloseDuration, className, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,9 +2,9 @@ import { ReactElement } from 'react';
 import { cssTransition, toast as toastApi, ToastOptions } from 'react-toastify';
 export declare enum ToastType {
     Critical = "critical",
-    Warning = "warning",
-    Working = "working",
+    Info = "info",
     Success = "success",
-    Info = "info"
+    Warning = "warning",
+    Working = "working"
 }
 export declare const useToast: () => [(type: ToastType, message: string | ReactElement, options?: ToastOptions) => string | number, typeof toastApi, ReturnType<typeof cssTransition>];

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './expansion-panel.css';
 /**
  * Prop types for ExpansionPanel
@@ -8,6 +8,10 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
      * The content of the expansion panel.
      */
     children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * The ID of the expansion panel. If not provided, a unique ID will be generated.
      */
@@ -20,13 +24,9 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
      * The summary label of the expansion panel.
      */
     summary?: string | ReactNode;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ExpansionPanel UI component
  */
-export declare const ExpansionPanel: ({ children, id, isOpen, summary, className, ...props }: ExpansionPanelProps) => React.JSX.Element;
+export declare const ExpansionPanel: ({ children, className, id, isOpen, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './expansion-panel-group.css';
 /**
  * Prop types for ExpansionPanelGroup
@@ -8,17 +8,17 @@ interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
      * The content of the expansion panel group. This should be a series of ExpansionPanel components.
      */
     children?: ReactNode;
-    /**
-     * The display type of the expansion panel group.
-     */
-    displayType?: 'standard' | 'no-border' | 'stacked';
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * The display type of the expansion panel group.
+     */
+    displayType?: 'standard' | 'no-border' | 'stacked';
 }
 /**
  * ExpansionPanelGroup UI component
  */
-export declare const ExpansionPanelGroup: ({ children, displayType, className, ...props }: ExpansionPanelGroupProps) => React.JSX.Element;
+export declare const ExpansionPanelGroup: ({ children, className, displayType, ...props }: ExpansionPanelGroupProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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