@pantheon-systems/pds-toolkit-react 1.0.0-alpha.9 → 1.0.0-beta.1

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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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,5 +1,5 @@
-import { NavigationItem } from '@components/navigation/navigation-types';
 import { PDSIcon } from '@components/icons/Icon/Icon';
+import { NavigationItem } from '@components/navigation/navigation-types';
 import './side-nav-global.css';
 export type SideNavGlobalItemProps = NavigationItem & {
     /**

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

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { PDSIcon } from '@components/icons/Icon/Icon';
-import { TabMenuDropdownProps } from './TabMenuDropdown';
 import { NavigationItem } from '@components/navigation/navigation-types';
+import { TabMenuDropdownProps } from './TabMenuDropdown';
 import './tab-menu.css';
 type DropdownSettings = Omit<TabMenuDropdownProps, 'links'>;
 export type TabMenuItemProps = NavigationItem & {
@@ -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) => import("react/jsx-runtime").JSX.Element;
+export declare const TabMenu: ({ ariaLabel, className, menuItems, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -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) => import("react/jsx-runtime").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

@@ -46,17 +46,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 +81,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) => import("react/jsx-runtime").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-types.d.ts

@@ -18,12 +18,20 @@ export type FlattenedNavigationItem = {
      * A boolean indicating whether the item is the active item.
      */
     isActive?: boolean;
-    /**
-     * Link content — a fully-formed link element using the router of your choice.
-     */
-    linkContent: ReactElement;
     /**
      * Nesting level of the item.
      */
     level: 'top-level' | 'second-level' | 'third-level' | 'fourth-level';
+    /**
+     * Link content — a fully-formed link element using the router of your choice.
+     */
+    linkContent: ReactElement;
 };
+export interface MenuItem {
+    id?: string;
+    isActive?: boolean;
+    isSeparator?: boolean;
+    label: string;
+    linkContent?: ReactElement;
+    links?: MenuItem[];
+}

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

@@ -1,9 +1,9 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './banner.css';
 type Banner = {
     id: string;
     isDismissible?: boolean;
-    message: string | React.ReactNode;
+    message: string | ReactNode;
     onDismiss?: () => void;
     type?: 'info' | 'warning' | 'critical';
 };
@@ -15,6 +15,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 +35,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) => import("react/jsx-runtime").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

@@ -9,6 +9,10 @@ export type InlineMessageType = 'info' | 'success' | 'warning' | 'critical' | 'w
  */
 type TypeLabels = Record<InlineMessageType, string>;
 export interface InlineMessageProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Message body.
      */
@@ -25,13 +29,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) => import("react/jsx-runtime").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

@@ -4,6 +4,10 @@ import './section-message.css';
 export type SectionMessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
 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 +45,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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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,16 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import './panel.css';
 import { GridGapOptions } from '@layouts/layout-types';
+import './panel.css';
 type StatusType = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Panel content.
      */
     children: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Should the panel show a status indicator.
      */
@@ -23,13 +27,9 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
      * Which variant of panel to render
      */
     variant?: 'default' | 'sunken' | 'raised' | 'overlay' | 'critical';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Panel UI component
  */
-export declare const Panel: ({ children, hasStatusIndicator, padding, statusType, variant, className, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ children, className, hasStatusIndicator, padding, statusType, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,16 +13,16 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
      * Children components. These should be PanelRow components.
      */
     children?: ReactNode;
-    /**
-     * Whether to have an outside border. There will always be a border between rows.
-     */
-    hasBorder?: boolean;
     /**
      * Additional class names.
      */
     className?: string;
+    /**
+     * Whether to have an outside border. There will always be a border between rows.
+     */
+    hasBorder?: boolean;
 }
 /**
  * PanelList UI component
  */
-export declare const PanelList: ({ background, children, hasBorder, className, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelList: ({ background, children, className, hasBorder, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/panels/PanelList/PanelRow.d.ts

@@ -12,16 +12,16 @@ export interface PanelRowProps extends ComponentPropsWithoutRef<'li'> {
      * Additional class names.
      */
     className?: string;
-    /**
-     * Whether the panel row is expandable.
-     */
-    isExpandable?: boolean;
     /**
      * Aria-label for the expand button.
      */
     expandButtonAriaLabel?: string;
+    /**
+     * Whether the panel row is expandable.
+     */
+    isExpandable?: boolean;
 }
 /**
  * PanelRow UI component
  */
-export declare const PanelRow: ({ children, className, isExpandable, expandButtonAriaLabel, ...props }: PanelRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelRow: ({ children, className, expandButtonAriaLabel, isExpandable, ...props }: PanelRowProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts

@@ -5,6 +5,10 @@ interface ProgressBarBreakpoint {
     percentage: number;
 }
 interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
      */
@@ -41,13 +45,9 @@ interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
      * Size of the progress bar.
      */
     size?: 'sm' | 'md' | 'lg';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ProgressBar UI component
  */
-export declare const ProgressBar: ({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: ({ className, colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts

@@ -1,6 +1,10 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './progress-ring.css';
 interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * ID of the Progress Ring. If not provided, a unique ID will be generated.
      */
@@ -29,13 +33,9 @@ interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
      * Size of the progress ring.
      */
     size?: 'sm' | 'md' | 'lg';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ProgressRing UI component
  */
-export declare const ProgressRing: ({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProgressRing: ({ className, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/steppers/Stepper/Stepper.d.ts

@@ -28,12 +28,16 @@ interface Step {
     label: string;
 }
 interface TranslatableLabels {
-    step: string;
     completed: string;
     hasError: string;
     next: string;
+    step: string;
 }
 interface StepperProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * An array of step objects
      */
@@ -42,13 +46,9 @@ interface StepperProps extends ComponentPropsWithoutRef<'div'> {
      * Translatable strings for visually-hidden text.
      */
     translatableLabels?: TranslatableLabels;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Stepper UI component
  */
-export declare const Stepper: ({ steps, translatableLabels, className, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: ({ className, steps, translatableLabels, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts

@@ -5,6 +5,10 @@ import './vertical-stepper.css';
  * Prop types for VerticalStep
  */
 export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
+    /**
+     * Is this the first step? Internal prop.
+     */
+    _isFirstStep?: boolean;
     /**
      * Props for the back button.
      * Can include any props except for size and variant.
@@ -41,12 +45,8 @@ export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
      * The content for the step.
      */
     stepContent?: ReactNode;
-    /**
-     * Is this the first step? Internal prop.
-     */
-    _isFirstStep?: boolean;
 }
 /**
  * VerticalStepper UI component
  */
-export declare const VerticalStep: ({ backButton, forwardButton, hasError, id, isCurrent, label, stepContent, isComplete, _isFirstStep, ...props }: VerticalStepProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalStep: ({ _isFirstStep, backButton, forwardButton, hasError, id, isComplete, isCurrent, label, stepContent, ...props }: VerticalStepProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/steppers/VerticalStepper/VerticalStepper.d.ts

@@ -5,6 +5,10 @@ import './vertical-stepper.css';
  * Prop types for VerticalStepper
  */
 export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Object with translatable strings.
      */
@@ -17,12 +21,8 @@ export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
      * The steps to display in the stepper.
      */
     steps?: VerticalStepProps[];
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * VerticalStepper UI component
  */
-export declare const VerticalStepper: ({ labelStrings, steps, className, ...props }: VerticalStepperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalStepper: ({ className, labelStrings, steps, ...props }: VerticalStepperProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts

@@ -2,27 +2,27 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import '../tiles-common.css';
 import './avatar-tile-list.css';
 export type AvatarTileListItem = {
-    image?: string;
     alt?: string;
+    image?: string;
+    linkContent?: ReactNode;
     name?: string;
-    title?: string;
     org?: string;
-    linkContent?: ReactNode;
+    title?: string;
 };
 /**
  * Prop types for AvatarTileList
  */
 export interface AvatarTileListProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * List of items for each tile.
-     */
-    listItems: AvatarTileListItem[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * List of items for each tile.
+     */
+    listItems: AvatarTileListItem[];
 }
 /**
  * AvatarTileList UI component
  */
-export declare const AvatarTileList: ({ listItems, className, ...props }: AvatarTileListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarTileList: ({ className, listItems, ...props }: AvatarTileListProps) => import("react/jsx-runtime").JSX.Element;