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

package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts

@@ -1,11 +1,15 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Popover } from '@components/Popover/Popover';
 import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
+import { Popover } from '@components/Popover/Popover';
 import './site-dashboard-heading.css';
 /**
  * Prop types for SiteDashboardHeading
  */
 export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Function to handle upgrade click.
      */
@@ -14,14 +18,14 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
      * Function to handle popover content.
      */
     popoverContent?: ReactNode;
-    /**
-     * Title for the popover.
-     */
-    popoverTitle?: string;
     /**
      * Function to handle popover open state.
      */
     popoverIsOpen?: boolean;
+    /**
+     * Title for the popover.
+     */
+    popoverTitle?: string;
     /**
      * Function to set popover open state.
      */
@@ -47,11 +51,11 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
      */
     upgradeLabel: string;
     /**
-     * Additional class names
+     * Name of the workspace.
      */
-    className?: string;
+    workspaceName?: string;
 }
 /**
  * SiteDashboardHeading UI component
  */
-export declare const SiteDashboardHeading: ({ popoverContent, popoverIsOpen, popoverTitle, handleUpgradeClick, setPopoverIsOpen, siteName, sitePlanLevel, siteType, triggerProps, upgradeLabel, className, ...props }: SiteDashboardHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SiteDashboardHeading: ({ className, handleUpgradeClick, popoverContent, popoverIsOpen, popoverTitle, setPopoverIsOpen, siteName, sitePlanLevel, siteType, triggerProps, upgradeLabel, workspaceName, ...props }: SiteDashboardHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/Skiplink/Skiplink.d.ts

@@ -1,6 +1,10 @@
 import { ComponentPropsWithoutRef } from 'react';
 import './skiplink.css';
 interface SkiplinkProps extends ComponentPropsWithoutRef<'a'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * The ID of the element to skip to.
      */
@@ -9,13 +13,9 @@ interface SkiplinkProps extends ComponentPropsWithoutRef<'a'> {
      * The text of the skip link.
      */
     text: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Skiplink UI component
  */
-export declare const Skiplink: ({ destination, text, className, ...props }: SkiplinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Skiplink: ({ className, destination, text, ...props }: SkiplinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/SocialLinks/SocialLinks.d.ts

@@ -2,22 +2,22 @@ import { ComponentPropsWithoutRef } from 'react';
 import { PDSIcon } from '@components/icons/Icon/Icon';
 import './social-links.css';
 interface SocialLinksProps extends ComponentPropsWithoutRef<'ul'> {
-    /**
-     * Array of social media links
-     */
-    linkItems?: (keyof typeof socialData)[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Array of social media links
+     */
+    linkItems?: (keyof typeof socialData)[];
 }
 declare const socialData: Record<string, {
     icon: PDSIcon;
-    url: string;
     label: string;
+    url: string;
 }>;
 /**
  * SocialLinks UI component
  */
-export declare const SocialLinks: ({ linkItems, className, ...props }: SocialLinksProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SocialLinks: ({ className, linkItems, ...props }: SocialLinksProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,6 +1,10 @@
 import { ComponentPropsWithoutRef } from 'react';
 import './status-indicator.css';
 export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      *  Status label text
      */
@@ -13,12 +17,8 @@ export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
      * Sets status type
      */
     type: 'critical' | 'info' | 'neutral' | 'new' | 'success' | 'warning' | 'working';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * StatusIndicator UI component
  */
-export declare const StatusIndicator: ({ label, size, type, className, ...props }: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusIndicator: ({ className, label, size, type, ...props }: StatusIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/Table/Table.d.ts

@@ -4,24 +4,24 @@ import './table.css';
  * Prop types for Table
  */
 interface TableProps extends ComponentPropsWithoutRef<'table'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Table headers
      */
     headers?: Array<{
-        title: string;
         sortable?: boolean;
+        title: string;
     }>;
     /**
-     * Table row data
+     * Table row data - array of rows, where each row is an array of cell values
      */
-    rowData?: ReactNode[];
-    /**
-     * Additional class names
-     */
-    className?: string;
+    rowData?: Array<Array<string | ReactNode>>;
 }
 /**
  * Table UI component
  */
-export declare const Table: ({ headers, rowData, className, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ className, headers, rowData, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/TableOfContents/TableOfContents.d.ts

@@ -14,9 +14,9 @@ interface TableOfContentsProps extends ComponentPropsWithoutRef<'nav'> {
      */
     ariaLabel?: string;
     /**
-     * Whether the heading should be visible or not. If not visible it will still be presented to screen readers.
+     * Additional class names.
      */
-    showHeading?: boolean;
+    className?: string;
     /**
      * Heading level for TOC heading.
      */
@@ -30,16 +30,16 @@ interface TableOfContentsProps extends ComponentPropsWithoutRef<'nav'> {
      */
     ignoreClass?: string;
     /**
-     * ID name of content region to be indexed.
+     * Whether the heading should be visible or not. If not visible it will still be presented to screen readers.
      */
-    sourceID?: string;
+    showHeading?: boolean;
     /**
-     * Additional class names.
+     * ID name of content region to be indexed.
      */
-    className?: string;
+    sourceID?: string;
 }
 /**
  * TableOfContents UI component
  */
-export declare const TableOfContents: ({ appendIds, ariaLabel, headingLevel, headingText, ignoreClass, showHeading, sourceID, className, ...props }: TableOfContentsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableOfContents: ({ appendIds, ariaLabel, className, headingLevel, headingText, ignoreClass, showHeading, sourceID, ...props }: TableOfContentsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/Tabs/Tabs.d.ts

@@ -14,14 +14,14 @@ interface Tabs {
      * Sets content inside tab
      */
     panelContent: ReactNode;
-    /**
-     * Sets tab label
-     */
-    tabLabel: string | ReactNode;
     /**
      * Sets id for tab.
      */
     tabId?: string;
+    /**
+     * Sets tab label
+     */
+    tabLabel: string | ReactNode;
     /**
      * Sets optional tab tally.
      */
@@ -31,18 +31,22 @@ interface Tabs {
     };
 }
 interface TabsProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Function to call when the active tab changes
-     */
-    onActiveTabChange?: (activeTabIndex: number) => void;
     /**
      * Sets tabset aria label
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Sets default selected tab using a zero-based index, defaults to 0
      */
     defaultSelected?: number;
+    /**
+     * Function to call when the active tab changes
+     */
+    onActiveTabChange?: (activeTabIndex: number) => void;
     /**
      * Sets currently selected tab using a zero-based index
      */
@@ -51,13 +55,9 @@ interface TabsProps extends ComponentPropsWithoutRef<'div'> {
      * Array of objects for tab data
      */
     tabs: Tabs[];
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Tabs UI component
  */
-export declare const Tabs: ({ ariaLabel, defaultSelected, onActiveTabChange, selectedTab, tabs, className, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ ariaLabel, className, defaultSelected, onActiveTabChange, selectedTab, tabs, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/Tag/Tag.d.ts

@@ -4,13 +4,17 @@ export declare const tagColors: string[];
 type TagColor = (typeof tagColors)[number];
 interface TagProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Should the tag be a link? If yes, provide a link element.
+     * Additional class names
      */
-    linkContent?: ReactNode;
+    className?: string;
     /**
      * Should the tag be removable?
      */
     isRemovable?: boolean;
+    /**
+     * Should the tag be a link? If yes, provide a link element.
+     */
+    linkContent?: ReactNode;
     /**
      * Function to execute when the tag is removed.
      */
@@ -27,13 +31,9 @@ interface TagProps extends ComponentPropsWithoutRef<'div'> {
      * Tag text
      */
     tagLabel: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Tag UI component
  */
-export declare const Tag: ({ linkContent, isRemovable, onRemove, removeLabel, tagColor, tagLabel, className, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ className, isRemovable, linkContent, onRemove, removeLabel, tagColor, tagLabel, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -5,28 +5,28 @@ import './theme-switcher.css';
  */
 export interface ThemeSwitcherProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
     /**
-     * The current theme
+     * Additional class names
      */
-    theme?: 'light' | 'dark' | 'system';
+    className?: string;
     /**
      * Callback triggered when the theme changes
      */
     onChange?: (theme: 'light' | 'dark' | 'system') => void;
+    /**
+     * The current theme
+     */
+    theme?: 'light' | 'dark' | 'system';
     /**
      * Translation strings for theme options
      */
     translations?: {
-        light: string;
         dark: string;
+        light: string;
         system: string;
         tooltip?: string;
     };
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ThemeSwitcher UI component
  */
-export declare const ThemeSwitcher: ({ theme, onChange, translations, className, ...props }: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeSwitcher: ({ className, onChange, theme, translations, ...props }: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/Tooltip/Tooltip.d.ts

@@ -3,6 +3,10 @@ import { Placement } from '@floating-ui/react';
 import { FuiOffset } from '@libs/types/custom-types';
 import './tooltip.css';
 interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Text to display in tooltip container.
      */
@@ -39,13 +43,9 @@ interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
      * Z-index value for the tooltip container. In most cases, the default value should be retained.
      */
     zIndex?: number;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Tooltip UI component
  */
-export declare const Tooltip: ({ content, customTrigger, offsetValue, preferredPlacement, triggerAccessibleText, triggerIcon, triggerIconColor, triggerIconSize, zIndex, className, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ className, content, customTrigger, offsetValue, preferredPlacement, triggerAccessibleText, triggerIcon, triggerIconColor, triggerIconSize, zIndex, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/VideoEmbed/VideoEmbed.d.ts

@@ -4,6 +4,10 @@ import './video-embed.css';
  * Prop types for VideoEmbed
  */
 export interface VideoEmbedProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Video hosting platform.
      */
@@ -17,12 +21,8 @@ export interface VideoEmbedProps extends ComponentPropsWithoutRef<'div'> {
      * If none is provided it will default to `"[platform] video player"`
      */
     videoTitle?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * VideoEmbed UI component
  */
-export declare const VideoEmbed: ({ platform, videoId, videoTitle, className, ...props }: VideoEmbedProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoEmbed: ({ className, platform, videoId, videoTitle, ...props }: VideoEmbedProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts

@@ -4,10 +4,14 @@ import './indicator-badge.css';
  * IndicatorBadge component props
  */
 export interface IndicatorBadgeProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Badge color
      */
-    color: 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond';
+    color: 'critical' | 'info' | 'success' | 'warning' | 'neutral' | 'brand' | 'silver' | 'gold' | 'platinum' | 'diamond' | 'default';
     /**
      * Badge text.
      */
@@ -16,12 +20,8 @@ export interface IndicatorBadgeProps extends ComponentPropsWithoutRef<'span'> {
      * Badge size
      */
     size?: 'sm' | 'md';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * IndicatorBadge UI component
  */
-export declare const IndicatorBadge: ({ label, size, color, className, ...props }: IndicatorBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IndicatorBadge: ({ className, color, label, size, ...props }: IndicatorBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/badges/StatusBadge/StatusBadge.d.ts

@@ -4,6 +4,10 @@ import './status-badge.css';
  * StatusBadge component props
  */
 export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Background color for badge
      */
@@ -24,12 +28,8 @@ export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
      * Status type for badge. Only renders if `hasStatusIndicator` is true.
      */
     statusType?: 'success' | 'info' | 'frozen' | 'critical' | 'warning' | 'discovery' | 'disabled';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * StatusBadge UI component
  */
-export declare const StatusBadge: ({ color, hasStatusIndicator, label, statusIndicatorText, statusType, className, ...props }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBadge: ({ className, color, hasStatusIndicator, label, statusIndicatorText, statusType, ...props }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/badges/Tally/Tally.d.ts

@@ -1,16 +1,20 @@
 import { ComponentPropsWithoutRef } from 'react';
 import './tally.css';
 interface TypeLabels {
+    critical?: string;
     info?: string;
-    success?: string;
     neutral?: string;
+    success?: string;
     warning?: string;
-    critical?: string;
 }
 /**
  * Prop types for Tally
  */
 export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Label text
      */
@@ -23,16 +27,12 @@ export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
      * Message type labels.
      */
     typeLabels?: TypeLabels;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Tally UI component
  */
 export declare const Tally: {
-    ({ label, type, typeLabels, className, ...props }: TallyProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, type, typeLabels, ...props }: TallyProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/_dist/components/buttons/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
+import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
 import { PDSIcon } from '@components/icons/Icon/Icon';
 import './button.css';
 interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
@@ -10,6 +10,10 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Type of button
      */
     buttonType?: 'button' | 'submit' | 'reset';
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -54,10 +58,6 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Which variant of button to render
      */
     variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * A Component used to render a Button

package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
 import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import '../Button/button.css';
 import './button-link.css';
 type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
@@ -8,6 +8,10 @@ type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
  * Prop types for ButtonLink
  */
 export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the link disabled?
      */
@@ -36,13 +40,9 @@ export interface ButtonLinkProps extends ComponentPropsWithoutRef<'span'> {
      * Variant of the button.
      */
     variant?: ButtonLinkVariant;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ButtonLink UI component
  */
-export declare const ButtonLink: ({ disabled, displayType, iconName, linkContent, size, tooltipText, variant, className, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: ({ className, disabled, displayType, iconName, linkContent, size, tooltipText, variant, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts

@@ -8,6 +8,10 @@ export interface ClipboardButtonProps extends ComponentPropsWithoutRef<'button'>
      * Translation string for aria-label attribute and tooltip text.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Text to copy to clipboard.
      */
@@ -20,12 +24,8 @@ export interface ClipboardButtonProps extends ComponentPropsWithoutRef<'button'>
      * Which variant of button to render.
      */
     variant?: 'standard' | 'reverse';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ClipboardButton UI component
  */
-export declare const ClipboardButton: ({ ariaLabel, clipboardText, disabled, variant, className, ...props }: ClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClipboardButton: ({ ariaLabel, className, clipboardText, disabled, variant, ...props }: ClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/buttons/CloseButton/CloseButton.d.ts

@@ -8,6 +8,10 @@ export interface CloseButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Aria-label attribute.
      */
     ariaLabel?: string;
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Size of the icon.
      */
@@ -16,12 +20,8 @@ export interface CloseButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Click event callback function.
      */
     onClick?: () => void;
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * CloseButton UI component
  */
-export declare const CloseButton: ({ ariaLabel, iconSize, onClick, className, ...props }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseButton: ({ ariaLabel, className, iconSize, onClick, ...props }: CloseButtonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/buttons/IconButton/IconButton.d.ts

@@ -10,6 +10,10 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Type of button
      */
     buttonType?: 'button' | 'submit' | 'reset';
+    /**
+     * Additional class names.
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -18,14 +22,14 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Show tooltip on hover. If false, the title attribute will be used.
      */
     hasTooltip?: boolean;
-    /**
-     * Which icon to render.
-     */
-    iconName: PDSIcon;
     /**
      * Which icon to render second. If this is set, the button will be animated.
      */
     icon2Name?: PDSIcon;
+    /**
+     * Which icon to render.
+     */
+    iconName: PDSIcon;
     /**
      * Click event handler callback.
      */
@@ -38,10 +42,6 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
      * Which variant of button to render.
      */
     variant?: 'standard' | 'reverse' | 'critical' | 'critical-hover';
-    /**
-     * Additional class names.
-     */
-    className?: string;
 }
 /**
  * IconButton UI component

package/_dist/components/buttons/MenuButton/MenuButton.d.ts

@@ -6,6 +6,10 @@ import './menu-button.css';
  * Prop types for MenuButton
  */
 export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the button disabled?
      */
@@ -64,12 +68,8 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
      * Omit this prop for the Dashboard application. It only applies to the standard Navbar component with a bottom border.
      */
     withinNavbar?: boolean;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * MenuButton UI component
  */
-export declare const MenuButton: ({ disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ className, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, onClick, size, testId, undefinedLabel, variant, withinNavbar, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;