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

package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts

@@ -0,0 +1,10 @@
+export function SiteOptionDisplay({ option }: {
+    option: any;
+}): React.JSX.Element;
+export namespace SiteOptionDisplay {
+    namespace propTypes {
+        let option: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,17 @@
+export function DropdownMenu({ headingText, menuItems, selectTextFallback, className, ...props }: {
+    [x: string]: any;
+    headingText: any;
+    menuItems: any;
+    selectTextFallback?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace DropdownMenu {
+    namespace propTypes {
+        let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let menuItems: PropTypes.Validator<any[]>;
+        let selectTextFallback: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,19 @@
+export function NavMenu({ ariaLabel, colorType, menuItems, mobileMenuMaxWidth, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    colorType?: string;
+    menuItems: any;
+    mobileMenuMaxWidth?: number;
+    className: any;
+}): React.JSX.Element;
+export namespace NavMenu {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Validator<string>;
+        let colorType: PropTypes.Requireable<string>;
+        let menuItems: PropTypes.Requireable<any[]>;
+        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts

@@ -0,0 +1,14 @@
+export function NavMenuDropdown({ items, label, mobileMenuMaxWidth }: {
+    items: any;
+    label: any;
+    mobileMenuMaxWidth?: number;
+}): React.JSX.Element;
+export namespace NavMenuDropdown {
+    namespace propTypes {
+        let items: PropTypes.Requireable<any[]>;
+        let label: PropTypes.Requireable<string>;
+        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,35 @@
+export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    colorType?: string;
+    containerWidth?: string;
+    hideBorder: any;
+    hideLogo?: boolean;
+    logoDisplay?: string;
+    logoLabel?: string;
+    logoLink?: React.JSX.Element;
+    logoSrc: any;
+    logoSubBrand: any;
+    className: any;
+}): React.JSX.Element;
+export namespace Navbar {
+    namespace propTypes {
+        export let colorType: PropTypes.Requireable<string>;
+        export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { ContainerWidth as containerWidth };
+        export let hideBorder: PropTypes.Requireable<boolean>;
+        export let hideLogo: PropTypes.Requireable<boolean>;
+        export let logoDisplay: PropTypes.Requireable<string>;
+        export let logoLabel: PropTypes.Requireable<string>;
+        export let logoLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export let logoSrc: PropTypes.Requireable<string>;
+        export let logoSubBrand: PropTypes.Requireable<PropTypes.InferProps<{
+            link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            text: PropTypes.Requireable<string>;
+        }>>;
+        export let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ContainerWidth } from '@libs/components/customPropTypes';

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

@@ -0,0 +1,29 @@
+export function SideNav({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    headingText: any;
+    labels?: {
+        submenu: string;
+        toggle: string;
+    };
+    menuItems: any;
+    mobileMenuMaxWidth?: number;
+    mobileMenuSelectTextFallback?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace SideNav {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let labels: PropTypes.Requireable<PropTypes.InferProps<{
+            submenu: PropTypes.Requireable<string>;
+            toggle: PropTypes.Requireable<string>;
+        }>>;
+        let menuItems: PropTypes.Validator<any[]>;
+        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
+        let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,29 @@
+export function SideNavCompact({ ariaLabel, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    headingText: any;
+    labels?: {
+        submenu: string;
+        toggle: string;
+    };
+    menuItems: any;
+    mobileMenuMaxWidth?: number;
+    mobileMenuSelectTextFallback?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace SideNavCompact {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let labels: PropTypes.Requireable<PropTypes.InferProps<{
+            submenu: PropTypes.Requireable<string>;
+            toggle: PropTypes.Requireable<string>;
+        }>>;
+        let menuItems: PropTypes.Validator<any[]>;
+        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
+        let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,44 @@
+export function UserMenu({ ariaLabel, menuItems, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    menuItems: any;
+    userEmail: any;
+    userImageSrc: any;
+    userName: any;
+    withinNavbar?: boolean;
+    className: any;
+}): React.JSX.Element;
+export namespace UserMenu {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Requireable<string>;
+        let menuItems: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Callback function for the menu item.
+             */
+            callback: PropTypes.Requireable<(...args: any[]) => any>;
+            /**
+             * Is the menu item disabled?
+             */
+            disabled: PropTypes.Requireable<boolean>;
+            /**
+             * Icon name for the menu item.
+             */
+            iconName: PropTypes.Requireable<string>;
+            /**
+             * Unique ID for the menu item. Optional.
+             */
+            id: PropTypes.Requireable<string>;
+            /**
+             * Label for the menu item.
+             */
+            label: PropTypes.Requireable<string>;
+        }>[]>;
+        let userEmail: PropTypes.Requireable<string>;
+        let userImageSrc: PropTypes.Requireable<string>;
+        let userName: PropTypes.Requireable<string>;
+        let withinNavbar: PropTypes.Requireable<boolean>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,58 @@
+export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: {
+    [x: string]: any;
+    ariaLabel?: string;
+    createWorkspaceLink: any;
+    filterPlaceholder?: string;
+    filterLabel?: string;
+    menuHeading?: string;
+    minFilterItems?: number;
+    noResultsText?: string;
+    withinNavbar?: boolean;
+    workspaceList: any;
+    className: any;
+}): React.JSX.Element;
+export namespace WorkspaceSelector {
+    namespace propTypes {
+        let ariaLabel: PropTypes.Requireable<string>;
+        let createWorkspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let filterPlaceholder: PropTypes.Requireable<string>;
+        let filterLabel: PropTypes.Requireable<string>;
+        let menuHeading: PropTypes.Requireable<string>;
+        let minFilterItems: PropTypes.Requireable<number>;
+        let noResultsText: PropTypes.Requireable<string>;
+        let withinNavbar: PropTypes.Requireable<boolean>;
+        let workspaceList: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Name of the workspace.
+             */
+            displayName: PropTypes.Requireable<string>;
+            /**
+             * Image src for the workspace.
+             */
+            imageSrc: PropTypes.Requireable<string>;
+            /**
+             * Is this the currently selected workspace?
+             */
+            isActive: PropTypes.Requireable<boolean>;
+            /**
+             * This user does not have access to this workspace.
+             */
+            isUnprivileged: PropTypes.Requireable<boolean>;
+            /**
+             * Account plan tier.
+             */
+            planTier: PropTypes.Requireable<string>;
+            /**
+             * Id of the workspace.
+             */
+            workspaceId: PropTypes.Requireable<string>;
+            /**
+             * Link to the workspace. A link element via the router of your choice.
+             */
+            workspaceLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,35 @@
+export function Banner({ banners, dismissLabel, labelNext, labelPrevious, typeLabels, className, ...props }: {
+    [x: string]: any;
+    banners: any;
+    dismissLabel?: string;
+    labelNext?: string;
+    labelPrevious?: string;
+    typeLabels?: {
+        info: string;
+        warning: string;
+        critical: string;
+    };
+    className: any;
+}): React.JSX.Element;
+export namespace Banner {
+    namespace propTypes {
+        let banners: PropTypes.Requireable<PropTypes.InferProps<{
+            id: PropTypes.Validator<string>;
+            isDismissible: PropTypes.Requireable<boolean>;
+            message: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+            onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
+            type: PropTypes.Requireable<string>;
+        }>[]>;
+        let dismissLabel: PropTypes.Requireable<string>;
+        let labelNext: PropTypes.Requireable<string>;
+        let labelPrevious: PropTypes.Requireable<string>;
+        let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            info: PropTypes.Requireable<string>;
+            warning: PropTypes.Requireable<string>;
+            critical: PropTypes.Requireable<string>;
+        }>>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,37 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './inline-message.css';
+/**
+ * The type of message to display.
+ */
+type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
+/**
+ * Labels for each message type.
+ */
+type TypeLabels = Record<MessageType, string>;
+export interface InlineMessageProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Title text.
+     */
+    title: string;
+    /**
+     * Secondary text.
+     */
+    secondaryText?: ReactNode;
+    /**
+     * Message type.
+     */
+    type: MessageType;
+    /**
+     * Message type labels. Provide translation strings if needed.
+     */
+    typeLabels?: TypeLabels;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * InlineMessage UI component
+ */
+export declare const InlineMessage: ({ title, secondaryText, type, typeLabels, className, ...props }: InlineMessageProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,47 @@
+import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+import './section-message.css';
+type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
+type TypeLabels = Record<MessageType, string>;
+export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Label for dismiss button. Provide a translation string if needed.
+     */
+    dismissLabel?: string;
+    /**
+     * Unique id of message.
+     */
+    id?: string;
+    /**
+     * Includes dismiss functionality.
+     */
+    isDismissible?: boolean;
+    /**
+     * Message text.
+     */
+    message: ReactNode;
+    /**
+     * Callback function when message is dismissed.
+     */
+    onDismiss?: (event: MouseEvent<HTMLButtonElement>, id: string) => void;
+    /**
+     * Message title.
+     */
+    title?: string;
+    /**
+     * Message type.
+     */
+    type: MessageType;
+    /**
+     * Message type labels. Provide translation strings if needed.
+     */
+    typeLabels: TypeLabels;
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+/**
+ * SectionMessage UI component
+ */
+export declare const SectionMessage: ({ dismissLabel, id, isDismissible, onDismiss, message, title, type, typeLabels, className, ...props }: SectionMessageProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+export function Toast({ children, id, type, typeLabels, className, }: {
+    children: any;
+    id: any;
+    type?: string;
+    typeLabels?: {
+        info: string;
+        success: string;
+        warning: string;
+        critical: string;
+        working: string;
+    };
+    className: any;
+}): React.JSX.Element;
+export namespace Toast {
+    namespace propTypes {
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let id: PropTypes.Requireable<string>;
+        let type: PropTypes.Requireable<string>;
+        let typeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            info: PropTypes.Requireable<string>;
+            success: PropTypes.Requireable<string>;
+            warning: PropTypes.Requireable<string>;
+            critical: PropTypes.Requireable<string>;
+            working: PropTypes.Requireable<string>;
+        }>>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,16 @@
+export function Toaster({ autoCloseDuration, limit, position, className, }: {
+    autoCloseDuration?: number;
+    limit?: number;
+    position?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace Toaster {
+    namespace propTypes {
+        let autoCloseDuration: PropTypes.Requireable<number>;
+        let limit: PropTypes.Requireable<number>;
+        let position: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,2 @@
+export function useToast(): (((type: any, message: any, options?: {}) => import("react-toastify").Id) | (({ children, position, preventExitTransition, done, nodeRef, isIn }: import("react-toastify").ToastTransitionProps) => React.JSX.Element))[];
+import React from 'react';

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

@@ -0,0 +1,35 @@
+export function ProgressBar({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: {
+    [x: string]: any;
+    colorBreakpoints?: {
+        colorType: string;
+        percentage: number;
+    }[];
+    id: any;
+    label: any;
+    message: any;
+    messagePosition?: string;
+    percentage: any;
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ProgressBar {
+    namespace propTypes {
+        let colorBreakpoints: PropTypes.Requireable<PropTypes.InferProps<{
+            colorType: PropTypes.Validator<string>;
+            percentage: PropTypes.Validator<number>;
+        }>[]>;
+        let id: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let message: PropTypes.Requireable<string>;
+        let messagePosition: PropTypes.Requireable<string>;
+        let percentage: PropTypes.Validator<number>;
+        let showLabel: PropTypes.Requireable<boolean>;
+        let showPercentage: PropTypes.Requireable<boolean>;
+        let size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,25 @@
+export function ProgressRing({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: {
+    [x: string]: any;
+    id: any;
+    innerLabel: any;
+    label: any;
+    percentage: any;
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    size?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ProgressRing {
+    namespace propTypes {
+        let id: PropTypes.Requireable<string>;
+        let innerLabel: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        let label: PropTypes.Validator<string>;
+        let percentage: PropTypes.Validator<number>;
+        let showLabel: PropTypes.Requireable<boolean>;
+        let showPercentage: PropTypes.Requireable<boolean>;
+        let size: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,33 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './spinner.css';
+interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Spinner color
+     */
+    colorType?: 'full-color' | 'monochromatic' | 'monochromatic-reverse';
+    /**
+     * Should the spinner be an inline element? If true, it will be displayed inline-block without a visible label.
+     */
+    isInline?: boolean;
+    /**
+     * Spinner label. Will be displayed below the Spinner if `showLabel` is true.
+     */
+    label?: string;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Spinner size
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Spinner UI component
+ */
+export declare const Spinner: ({ colorType, isInline, label, showLabel, size, className, ...props }: SpinnerProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+export function AvatarTileList({ darkBackground, listItems, className, ...props }: {
+    [x: string]: any;
+    darkBackground: any;
+    listItems: any;
+    className: any;
+}): React.JSX.Element;
+export namespace AvatarTileList {
+    namespace propTypes {
+        let darkBackground: PropTypes.Requireable<boolean>;
+        let listItems: PropTypes.Requireable<PropTypes.InferProps<{
+            image: PropTypes.Requireable<string>;
+            alt: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+            org: PropTypes.Requireable<string>;
+            link: PropTypes.Requireable<string>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,26 @@
+export function StatsTileList({ listItems, className, ...props }: {
+    [x: string]: any;
+    listItems: any;
+    className: any;
+}): React.JSX.Element;
+export namespace StatsTileList {
+    namespace propTypes {
+        let listItems: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Image source
+             */
+            imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * Statistic value
+             */
+            stat: PropTypes.Requireable<string>;
+            /**
+             * Statistic description
+             */
+            description: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,23 @@
+export function Tile({ displayType, headingLevel, headingText, imageSrc, linkContent, summary, className, ...props }: {
+    [x: string]: any;
+    displayType?: string;
+    headingLevel?: string;
+    headingText: any;
+    imageSrc: any;
+    linkContent: any;
+    summary: any;
+    className: any;
+}): React.JSX.Element;
+export namespace Tile {
+    namespace propTypes {
+        let displayType: PropTypes.Requireable<string>;
+        let headingLevel: PropTypes.Requireable<string>;
+        let headingText: PropTypes.Requireable<string>;
+        let imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let summary: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,38 @@
+export function TileGrid({ displayType, headingLevel, tiles, className, ...props }: {
+    [x: string]: any;
+    displayType?: string;
+    headingLevel?: string;
+    tiles: any;
+    className: any;
+}): React.JSX.Element;
+export namespace TileGrid {
+    namespace propTypes {
+        let displayType: PropTypes.Requireable<string>;
+        let headingLevel: PropTypes.Requireable<string>;
+        let tiles: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Tile heading
+             */
+            headingText: PropTypes.Requireable<string>;
+            /**
+             * Tile image source.
+             */
+            imageSrc: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * A link element using the router of your choice.
+             */
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            /**
+             * Summary paragraph.
+             */
+            summary: PropTypes.Requireable<string>;
+            /**
+             * Additional class names.
+             */
+            className: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/_dist/css/component-css/pds-animated-button.css

@@ -0,0 +1,9 @@
+button.pds-animated-button{--pds-button-color-background:var(
+		--pds-color-icon-button-standard-background-default
+	);--pds-button-color-foreground:var(
+		--pds-color-icon-button-standard-foreground-default
+	);--pds-button-size:2.441rem;align-items:center;background-color:var(--pds-button-color-background);border:none;border-radius:.375rem;color:var(--pds-button-color-foreground);cursor:pointer;display:inline-flex;height:var(--pds-button-size);justify-content:center;position:relative;transition:all .2s ease-in-out 0s;width:var(--pds-button-size)}button.pds-animated-button:disabled{cursor:not-allowed;opacity:50%}button.pds-animated-button:hover{--pds-button-color-background:var(
+		--pds-color-icon-button-standard-background-hover
+	)}button.pds-animated-button:active:enabled{--pds-button-color-background:var(
+		--pds-color-icon-button-standard-background-default
+	)}button.pds-animated-button:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}button.pds-animated-button--sm{--pds-button-size:1.953rem}button.pds-animated-button--lg{--pds-button-size:3.052rem}.pds-animated-button__icon-wrapper{align-items:center;display:flex;justify-content:center;position:absolute}.pds-animated-button--fadeOut{-webkit-animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:scale-down-center .4s cubic-bezier(.25,.46,.45,.94) both;opacity:0;transition:.2s ease-in}.pds-animated-button--hide{display:none}.pds-animated-button--scaleIn{-webkit-animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both;animation:scale-in-center .2s cubic-bezier(.175,.885,.32,1.275) both}@keyframes scale-in-center{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}

package/_dist/css/component-css/pds-avatar-tile-list.css

@@ -0,0 +1 @@
+.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11.625rem}@media (--breakpoint-m ){.pds-tile-list__image--avatar img{width:9.75rem}}@media (--breakpoint-l ){.pds-tile-list__image--avatar img{width:11.625rem}}.pds-tile-list__name{color:var(--pds-color-text-default);font-size:1.728rem;font-weight:700}@media (--breakpoint-m ){.pds-tile-list__name{font-size:1.44rem}}@media (--breakpoint-l ){.pds-tile-list__name{font-size:1.728rem}}.pds-tile-list__title{color:var(--pds-color-text-default-secondary);font-size:1.2rem;font-weight:600;margin-block-start:.512rem}@media (--breakpoint-m ){.pds-tile-list__title{font-size:1rem}}@media (--breakpoint-l ){.pds-tile-list__title{font-size:1.2rem}}.pds-tile-list__org{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-font-secondary);font-size:1rem;font-weight:400;margin-block-start:.41rem}.pds-tile-list__item:focus-visible{outline-width:2px}