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

package/_dist/components/Popover/Popover.d.ts

@@ -1,15 +1,23 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FuiPlacement } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { FuiPlacement } from '../../libs/types/custom-types';
 import './popover.css';
-interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
+export interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
     /**
-     * Content to display in the popover.
+     * Additional class names.
      */
-    content?: ReactNode;
+    className?: string;
+    /**
+     * Additional class names for the Popover Container.
+     */
+    classNameContainer?: string;
     /**
      * Text for close button aria-label attribute. Only used if hasCloseButton is true.
      */
     closeButtonLabel?: string;
+    /**
+     * Content to display in the popover.
+     */
+    content?: ReactNode;
     /**
      * Text or HTML content to use as the trigger instead of an icon. Leave null to use the icon. This allows passing HTML content to customize the trigger appearance or functionality.
      */
@@ -30,18 +38,6 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
      * Preferred placement of the popover in relation to the trigger. Will be modified if there is not enough space.
      */
     placement?: FuiPlacement;
-    /**
-     * Text for popover title.
-     */
-    title?: string;
-    /**
-     * The accessible text for the trigger. Only necessary when the trigger is an icon.
-     */
-    triggerAccessibleText?: string;
-    /**
-     * The icon to use as the trigger.
-     */
-    triggerIcon?: 'circleInfo' | 'circleQuestion';
     /**
      * Boolean to determine if the Popover is open by default.
      */
@@ -51,16 +47,19 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
      */
     setPopoverIsOpen?: (isOpen: boolean) => void;
     /**
-     * Additional class names.
+     * Text for popover title.
      */
-    className?: string;
+    title?: string;
     /**
-     * Additional class names for the Popover Container.
+     * The accessible text for the trigger. Only necessary when the trigger is an icon.
      */
-    classNameContainer?: string;
+    triggerAccessibleText?: string;
+    /**
+     * The icon to use as the trigger.
+     */
+    triggerIcon?: 'circleInfo' | 'circleQuestion';
 }
 /**
  * Popover UI component
  */
-export declare const Popover: ({ content, closeButtonLabel, customTrigger, hasCloseButton, offsetValue, onClose, placement, title, triggerIcon, triggerAccessibleText, popoverIsOpen, setPopoverIsOpen, className, classNameContainer, ...props }: PopoverProps) => React.JSX.Element;
-export {};
+export declare const Popover: ({ className, classNameContainer, closeButtonLabel, content, customTrigger, hasCloseButton, offsetValue, onClose, placement, popoverIsOpen, setPopoverIsOpen, title, triggerAccessibleText, triggerIcon, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/PullQuote/PullQuote.d.ts

@@ -1,15 +1,19 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './pull-quote.css';
 interface Attribution {
     name: string;
-    title: string;
     org: string;
+    title: string;
 }
 interface PullQuoteProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Attribution for the quote
      */
     attribution?: Attribution;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Image src. For stand-alone layout only, will not render for inline layout.
      */
@@ -22,13 +26,9 @@ interface PullQuoteProps extends ComponentPropsWithoutRef<'div'> {
      * The quote text
      */
     quote: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * PullQuote UI component
  */
-export declare const PullQuote: ({ attribution, image, layoutType, quote, className, ...props }: PullQuoteProps) => React.JSX.Element;
+export declare const PullQuote: ({ attribution, className, image, layoutType, quote, ...props }: PullQuoteProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/RefreshChecker/RefreshChecker.d.ts

@@ -1,12 +1,12 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './refresh-checker.css';
 /**
  * Enum for RefreshChecker states
  */
 export declare enum RefreshCheckerState {
+    CHECKED = "checked",
     DEFAULT = "default",
-    WORKING = "working",
-    CHECKED = "checked"
+    WORKING = "working"
 }
 /**
  * Prop types for RefreshChecker
@@ -16,6 +16,10 @@ interface RefreshCheckerProps extends ComponentPropsWithoutRef<'div'> {
      * Alignment of the component. Default is left.
      */
     alignment?: 'left' | 'right';
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Custom width in rems for the component. This will override the default.
      */
@@ -24,11 +28,11 @@ interface RefreshCheckerProps extends ComponentPropsWithoutRef<'div'> {
      * Internationalization props for labels.
      */
     labelStrings?: {
+        ariaLabel?: string;
+        checked?: string;
         checkForUpdates?: string;
         checking?: string;
-        checked?: string;
         tooltipContent?: string;
-        ariaLabel?: string;
     };
     /**
      * Last checked timestamp
@@ -42,13 +46,9 @@ interface RefreshCheckerProps extends ComponentPropsWithoutRef<'div'> {
      * State of the component
      */
     state?: `${RefreshCheckerState}`;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * RefreshChecker UI component
  */
-export declare const RefreshChecker: ({ alignment, componentWidth, labelStrings, lastChecked, onCheck, state, className, ...props }: RefreshCheckerProps) => React.JSX.Element;
+export declare const RefreshChecker: ({ alignment, className, componentWidth, labelStrings, lastChecked, onCheck, state, ...props }: RefreshCheckerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,11 +1,14 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Popover } from '@components/Popover/Popover';
-import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { SitePlanLevel, SiteType } from '../../libs/types/custom-types';
 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 +17,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.
      */
@@ -39,19 +42,21 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
      */
     siteType?: SiteType;
     /**
-     * Additional props to pass to the trigger component.
+     * Additional props to pass to the trigger component. Accepts any HTML div attributes.
      */
-    triggerProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'content' | 'title' | 'placement' | 'triggerIcon'>;
+    triggerProps?: ComponentPropsWithoutRef<'div'> & {
+        [key: `data-${string}`]: string | undefined;
+    };
     /**
      * Label for the upgrade button.
      */
     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) => React.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 React, { ComponentPropsWithoutRef } from 'react';
+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) => React.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

@@ -1,23 +1,23 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ComponentPropsWithoutRef } from 'react';
+import { PDSIcon } from '../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) => React.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,11 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../libs/types/custom-types';
 import './status-indicator.css';
 export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      *  Status label text
      */
@@ -12,13 +17,9 @@ export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Sets status type
      */
-    type: 'critical' | 'info' | 'neutral' | 'new' | 'success' | 'warning' | 'working';
-    /**
-     * Additional class names
-     */
-    className?: string;
+    type: Exclude<StatusType, 'discovery'> | 'neutral' | 'new' | 'working';
 }
 /**
  * StatusIndicator UI component
  */
-export declare const StatusIndicator: ({ label, size, type, className, ...props }: StatusIndicatorProps) => React.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

@@ -1,27 +1,27 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 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) => React.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

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef } from 'react';
+import { HeadingLevelCommon } from '../../libs/types/custom-types';
 import './table-of-contents.css';
 /**
  * Prop types for TableOfContents
@@ -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) => React.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

@@ -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 './tabs.css';
 interface Tabs {
     /**
@@ -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) => React.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

@@ -1,16 +1,20 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './tag.css';
 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) => React.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

@@ -1,32 +1,32 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './theme-switcher.css';
 /**
  * Prop types for ThemeSwitcher
  */
 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) => React.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

@@ -1,8 +1,12 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-import { FuiOffset } from '@libs/types/custom-types';
+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) => React.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

@@ -1,9 +1,13 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 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) => React.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

@@ -1,13 +1,17 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 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) => React.JSX.Element;
+export declare const IndicatorBadge: ({ className, color, label, size, ...props }: IndicatorBadgeProps) => import("react/jsx-runtime").JSX.Element;