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

package/_dist/components/Avatar/Avatar.d.ts

@@ -2,9 +2,9 @@ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './avatar.css';
 interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Avatar size.
+     * If true, a user icon will be displayed with the fallback gradient when an image is not provided.
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
+    hasUserFallback?: boolean;
     /**
      * Avatar image.
      */
@@ -13,6 +13,10 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
      * A link element using the router of your choice. Leave empty for no link.
      */
     linkContent?: ReactNode;
+    /**
+     * Avatar size.
+     */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     /**
      * Unique ID associated with the avatar. Can be workspace ID, user ID, email, etc.
      */
@@ -25,5 +29,5 @@ interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Avatar UI component
  */
-export declare const Avatar: ({ size, imageSrc, linkContent, uniqueId, className, ...props }: AvatarProps) => React.JSX.Element;
+export declare const Avatar: ({ hasUserFallback, imageSrc, linkContent, size, uniqueId, className, ...props }: AvatarProps) => React.JSX.Element;
 export {};

package/_dist/components/CTASlice/CTASlice.d.ts

@@ -1,34 +1,51 @@
-export function CTASlice({ backgroundColor, containerWidth, headingLevel, headingText, leadText, primaryLink, secondaryLink, className, ...props }: {
-    [x: string]: any;
-    backgroundColor?: string;
-    containerWidth?: string;
-    headingLevel?: string;
-    headingText: any;
-    leadText: any;
-    primaryLink: any;
-    secondaryLink: any;
-    className: any;
-}): React.JSX.Element;
-export namespace CTASlice {
-    namespace propTypes {
-        export let backgroundColor: PropTypes.Requireable<string>;
-        export { ContainerWidth as containerWidth };
-        export let headingLevel: PropTypes.Requireable<string>;
-        export let headingText: PropTypes.Validator<string>;
-        export let leadText: PropTypes.Requireable<string>;
-        export let primaryLink: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            url: PropTypes.Requireable<string>;
-            target: PropTypes.Requireable<string>;
-        }>>>;
-        export let secondaryLink: PropTypes.Requireable<PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            url: PropTypes.Requireable<string>;
-            target: PropTypes.Requireable<string>;
-        }>>;
-        export let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef } from 'react';
+import { ContainerWidth, HeadingLevel } from '@libs/types/custom-types';
+import './../buttons/Button/button.css';
+import './cta-slice.css';
+interface CTASliceProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Background color of slice
+     */
+    backgroundColor?: 'default' | 'secondary';
+    /**
+     * PDS container width.
+     */
+    containerWidth?: ContainerWidth;
+    /**
+     *  Heading level
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Heading text
+     */
+    headingText: string;
+    /**
+     * Further explain block
+     */
+    leadText?: string;
+    /**
+     * Primary link.
+     */
+    primaryLink: {
+        text: string;
+        url: string;
+        target: '_self' | '_blank';
+    };
+    /**
+     * Optional secondary link
+     */
+    secondaryLink?: {
+        text: string;
+        url: string;
+        target: '_self' | '_blank';
+    };
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ContainerWidth } from '@libs/components/customPropTypes';
+/**
+ * CTA Slice UI component
+ */
+export declare const CTASlice: ({ backgroundColor, containerWidth, headingLevel, headingText, leadText, primaryLink, secondaryLink, className, ...props }: CTASliceProps) => React.JSX.Element;
+export {};

package/_dist/components/Icon/Icon.d.ts

@@ -243,6 +243,10 @@ declare const svgData: {
         readonly path: "M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l216 216c15.6 15.6 15.6 40.9 0 56.6l-216 216c-15.6 15.6-40.9 15.6-56.6 0l-216-216c-15.6-15.6-15.6-40.9 0-56.6l216-216zM256 128c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z";
         readonly width: "512";
     };
+    readonly diamonds4: {
+        readonly path: "M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l74.1 74.1c12.5 12.5 12.5 32.8 0 45.3l-79.7 79.7c-12.5 12.5-32.8 12.5-45.3 0L153.7 131c-12.5-12.5-12.5-32.8 0-45.3l74.1-74.1zM131 153.7l79.7 79.7c12.5 12.5 12.5 32.8 0 45.3L131 358.3c-12.5 12.5-32.8 12.5-45.3 0L11.7 284.3c-15.6-15.6-15.6-40.9 0-56.6l74.1-74.1c12.5-12.5 32.8-12.5 45.3 0zM153.7 381l79.7-79.7c12.5-12.5 32.8-12.5 45.3 0L358.3 381c12.5 12.5 12.5 32.8 0 45.3l-74.1 74.1c-15.6 15.6-40.9 15.6-56.6 0l-74.1-74.1c-12.5-12.5-12.5-32.8 0-45.3zM381 358.3l-79.7-79.7c-12.5-12.5-12.5-32.8 0-45.3L381 153.7c12.5-12.5 32.8-12.5 45.3 0l74.1 74.1c15.6 15.6 15.6 40.9 0 56.6l-74.1 74.1c-12.5 12.5-32.8 12.5-45.3 0z";
+        readonly width: "512";
+    };
     readonly discourse: {
         readonly path: "M225.9 32C103.3 32 0 130.5 0 252.1 0 256 .1 480 .1 480l225.8-.2c122.7 0 222.1-102.3 222.1-223.9C448 134.3 348.6 32 225.9 32zM224 384c-19.4 0-37.9-4.3-54.4-12.1L88.5 392l22.9-75c-9.8-18.1-15.4-38.9-15.4-61 0-70.7 57.3-128 128-128s128 57.3 128 128-57.3 128-128 128z";
         readonly width: "512";
@@ -267,6 +271,10 @@ declare const svgData: {
         readonly path: "M435.4 121.9l67.2-67.2c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L390.2 76.6C352.8 48.6 306.3 32 256 32C132.3 32 32 132.3 32 256c0 50.3 16.6 96.8 44.6 134.2L9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l67.2-67.2c37.4 28 83.8 44.6 134.1 44.6c123.7 0 224-100.3 224-224c0-50.3-16.6-96.8-44.6-134.1zm-91.2 .7L122.5 344.2C105.8 318.9 96 288.6 96 256c0-88.4 71.6-160 160-160c32.6 0 62.9 9.8 88.2 26.5zm-176.5 267L389.5 167.8C406.2 193.1 416 223.4 416 256c0 88.4-71.6 160-160 160c-32.6 0-62.9-9.8-88.2-26.5z";
         readonly width: "512";
     };
+    readonly envelope: {
+        readonly path: "M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z";
+        readonly width: "512";
+    };
     readonly exclamation: {
         readonly path: "M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64V320c0 17.7 14.3 32 32 32s32-14.3 32-32V64zM32 480a40 40 0 1 0 0-80 40 40 0 1 0 0 80z";
         readonly width: "100";
@@ -620,5 +628,5 @@ declare const svgData: {
         readonly width: "576";
     };
 };
-export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileContract" | "fileCSV" | "fileExport" | "fileImport" | "filePDF" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
+export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileContract" | "fileCSV" | "fileExport" | "fileImport" | "filePDF" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "magnifyingGlass" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
 export {};

package/_dist/components/PlatformIcon/PlatformIcon.d.ts

@@ -1,13 +1,12 @@
-export function PlatformIcon({ platformType, className, ...props }: {
-    [x: string]: any;
-    platformType: any;
-    className: any;
-}): React.JSX.Element;
-export namespace PlatformIcon {
-    namespace propTypes {
-        let platformType: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef } from 'react';
+import './platform-icon.css';
+type PlatformType = 'drupal' | 'drupal7' | 'front-end-sites' | 'gatsby' | 'gatsby-wp' | 'import-custom' | 'next' | 'next-drupal' | 'next-wp' | 'wordpress';
+interface PlatformIconProps extends ComponentPropsWithoutRef<'div'> {
+    platformType: PlatformType;
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * PlatformIcon UI component
+ */
+export declare const PlatformIcon: ({ platformType, className, ...props }: PlatformIconProps) => React.JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { FuiPlacement } from '@libs/types/custom-types';
 import './popover.css';
 interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
     /**
@@ -24,9 +25,9 @@ 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?: 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+    placement?: FuiPlacement;
     /**
-     * Text for popover title
+     * Text for popover title.
      */
     title?: string;
     /**
@@ -34,15 +35,15 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
      */
     triggerAccessibleText?: string;
     /**
-     * Icon to trigger Popover.
+     * The icon to use as the trigger.
      */
     triggerIcon?: 'circleInfo' | 'circleQuestion';
     /**
-     * Is the Popover open?
+     * Boolean to determine if the Popover is open by default.
      */
     popoverIsOpen?: boolean;
     /**
-     * Function to set Popover open state
+     * Function to set Popover open state.
      */
     setPopoverIsOpen?: (isOpen: boolean) => void;
     /**

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

@@ -1,46 +1,49 @@
-export function Stepper({ steps, translatableLabels, className, ...props }: {
-    [x: string]: any;
-    steps: any;
-    translatableLabels?: {
-        step: string;
-        completed: string;
-        hasError: string;
-        next: string;
-    };
-    className: any;
-}): React.JSX.Element;
-export namespace Stepper {
-    namespace propTypes {
-        let steps: PropTypes.Requireable<PropTypes.InferProps<{
-            /**
-             * Callback function to return to a previously completed step.
-             */
-            callback: PropTypes.Requireable<(...args: any[]) => any>;
-            /**
-             * If the step has an error.
-             */
-            hasError: PropTypes.Requireable<boolean>;
-            /**
-             * Id for the step.
-             */
-            id: PropTypes.Requireable<string>;
-            /**
-             * If the step is the current active step.
-             */
-            isCurrent: PropTypes.Requireable<boolean>;
-            /**
-             * The label for the step.
-             */
-            label: PropTypes.Validator<string>;
-        }>[]>;
-        let translatableLabels: PropTypes.Requireable<PropTypes.InferProps<{
-            step: PropTypes.Requireable<string>;
-            completed: PropTypes.Requireable<string>;
-            hasError: PropTypes.Requireable<string>;
-            next: PropTypes.Requireable<string>;
-        }>>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef } from 'react';
+import './stepper.css';
+interface Step {
+    /**
+     * Callback function to return to a previously completed step.
+     */
+    callback?: (step: Step) => void;
+    /**
+     * If the step has an error.
+     */
+    hasError?: boolean;
+    /**
+     * Id for the step.
+     */
+    id?: string;
+    /**
+     * If the step is the current active step.
+     */
+    isCurrent?: boolean;
+    /**
+     * The label for the step.
+     */
+    label: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+interface TranslatableLabels {
+    step: string;
+    completed: string;
+    hasError: string;
+    next: string;
+}
+interface StepperProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * An array of step objects
+     */
+    steps: Step[];
+    /**
+     * 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) => React.JSX.Element;
+export {};

package/_dist/components/cards/Card/Card.d.ts

@@ -1,30 +1,29 @@
-export function Card({ bodyText, headingLevel, headingText, image, isClickable, kickerText, primaryLink, secondaryLink, className, ...props }: {
-    [x: string]: any;
-    bodyText: any;
-    headingLevel?: string;
-    headingText: any;
-    image: any;
-    isClickable?: boolean;
-    kickerText: any;
-    primaryLink: any;
-    secondaryLink: any;
-    className: any;
-}): React.JSX.Element;
-export namespace Card {
-    namespace propTypes {
-        let bodyText: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        let headingLevel: PropTypes.Requireable<string>;
-        let headingText: PropTypes.Validator<string>;
-        let image: PropTypes.Requireable<PropTypes.InferProps<{
-            src: PropTypes.Requireable<string>;
-            alt: PropTypes.Requireable<string>;
-        }>>;
-        let isClickable: PropTypes.Requireable<boolean>;
-        let kickerText: PropTypes.Requireable<string>;
-        let primaryLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let secondaryLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { GridGapOptions } from '@layouts/layout-types';
+import './card.css';
+export type CardBackground = 'default' | 'transparent';
+/**
+ * Prop types for Card
+ */
+export interface CardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Background color or gradient for the card.
+     */
+    background?: CardBackground;
+    /**
+     * Child elements to be assigned to named slots.
+     */
+    children: ReactNode;
+    /**
+     * Relative padding for the `main` slot.
+     */
+    padding?: GridGapOptions;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * Card UI component
+ */
+export declare const Card: ({ background, children, padding, className, ...props }: CardProps) => React.JSX.Element;

package/_dist/components/cards/CardHeading/CardHeading.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { HeadingLevel } from '@libs/types/custom-types';
+import './card-heading.css';
+/**
+ * Prop types for CardHeading
+ */
+export interface CardHeadingProps {
+    /**
+     * Font size of the heading. Default is `XL`.
+     */
+    fontSize?: 'L' | 'XL';
+    /**
+     * Font weight of the heading. Default is `bold`.
+     */
+    fontWeight?: 'bold' | 'semibold';
+    /**
+     *  Heading level or `span`.
+     */
+    level?: HeadingLevel;
+    /**
+     * Heading text.
+     */
+    text?: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * CardHeading UI component
+ */
+export declare const CardHeading: ({ fontSize, fontWeight, level, text, className, ...props }: CardHeadingProps) => React.JSX.Element;

package/_dist/components/cards/SiteCard/SiteCard.d.ts

@@ -1,25 +1,45 @@
-export function SiteCard({ headingLevel, gotoText, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: {
-    [x: string]: any;
-    headingLevel?: string;
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevel } from '@libs/types/custom-types';
+import { SiteStatus } from '@libs/types/custom-types';
+import './site-card.css';
+/**
+ * Prop types for SiteCard
+ */
+export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Translatable text for the "Go to" link.
+     */
     gotoText?: string;
-    siteImage: any;
-    siteLink: any;
-    siteName: any;
-    sitePlan: any;
-    siteStatus: any;
-    className: any;
-}): React.JSX.Element;
-export namespace SiteCard {
-    namespace propTypes {
-        let headingLevel: PropTypes.Requireable<string>;
-        let gotoText: PropTypes.Requireable<string>;
-        let siteImage: PropTypes.Requireable<string>;
-        let siteLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let siteName: PropTypes.Requireable<string>;
-        let sitePlan: PropTypes.Requireable<string>;
-        let siteStatus: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+    /**
+     * Heading level of the card title.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Image URL for the site.
+     */
+    siteImage?: string;
+    /**
+     * Link to the site dashboard.
+     */
+    siteLink: ReactNode;
+    /**
+     * Name of the site.
+     */
+    siteName?: string;
+    /**
+     * Plan of the site.
+     */
+    sitePlan?: string;
+    /**
+     * Status of the site.
+     */
+    siteStatus?: SiteStatus;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * SiteCard UI component
+ */
+export declare const SiteCard: ({ gotoText, headingLevel, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: SiteCardProps) => React.JSX.Element;

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

@@ -1,19 +1,32 @@
-export function ExpansionPanel({ children, id, isOpen, summary, className, ...props }: {
-    [x: string]: any;
-    children: any;
-    id: any;
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './expansion-panel.css';
+/**
+ * Prop types for ExpansionPanel
+ */
+interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the expansion panel.
+     */
+    children?: ReactNode;
+    /**
+     * The ID of the expansion panel. If not provided, a unique ID will be generated.
+     */
+    id?: string;
+    /**
+     * Whether the expansion panel is open or not.
+     */
     isOpen?: boolean;
-    summary: any;
-    className: any;
-}): React.JSX.Element;
-export namespace ExpansionPanel {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let id: PropTypes.Requireable<string>;
-        let isOpen: PropTypes.Requireable<boolean>;
-        let summary: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        let className: PropTypes.Requireable<string>;
-    }
+    /**
+     * The summary label of the expansion panel.
+     */
+    summary?: string | ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * ExpansionPanel UI component
+ */
+export declare const ExpansionPanel: ({ children, id, isOpen, summary, className, ...props }: ExpansionPanelProps) => React.JSX.Element;
+export {};

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

@@ -1,15 +1,24 @@
-export function ExpansionPanelGroup({ children, displayType, className, ...props }: {
-    [x: string]: any;
-    children: any;
-    displayType?: string;
-    className: any;
-}): React.JSX.Element;
-export namespace ExpansionPanelGroup {
-    namespace propTypes {
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        let displayType: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './expansion-panel-group.css';
+/**
+ * Prop types for ExpansionPanelGroup
+ */
+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;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * ExpansionPanelGroup UI component
+ */
+export declare const ExpansionPanelGroup: ({ children, displayType, className, ...props }: ExpansionPanelGroupProps) => React.JSX.Element;
+export {};

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

@@ -1,4 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
+import { SiteStatus } from '@libs/types/custom-types';
 export type SiteOption = {
     /**
      * Machine name of the site.
@@ -11,7 +12,7 @@ export type SiteOption = {
     /**
      * Site active status.
      */
-    status?: 'active' | 'frozen';
+    status?: SiteStatus;
     /**
      * Site type.
      */

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

@@ -1 +1 @@
-.pds-avatar{--pds-avatar-size:1.953rem;align-items:center;border:.0625rem solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--pds-avatar-size);width:var(--pds-avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.09375rem}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.09375rem}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image img{border-radius:100%;height:100%;width:auto}.pds-avatar--xs{--pds-avatar-size:1rem}.pds-avatar--sm{--pds-avatar-size:1.563rem}.pds-avatar--md{--pds-avatar-size:1.953rem}.pds-avatar--lg{--pds-avatar-size:2.441rem}
+.pds-avatar{--pds-avatar-size:1.953rem;--pds-avatar-icon-size:1.125rem;align-items:center;border:.0625rem solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--pds-avatar-size);width:var(--pds-avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.09375rem}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.09375rem}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;width:auto}.pds-avatar__user-icon{color:var(--pds-color-foreground-reverse);height:var(--pds-avatar-icon-size);width:var(--pds-avatar-icon-size)}.pds-avatar--xs{--pds-avatar-size:1rem;--pds-avatar-icon-size:0.5625rem}.pds-avatar--sm{--pds-avatar-size:1.563rem;--pds-avatar-icon-size:0.875rem}.pds-avatar--md{--pds-avatar-size:1.953rem;--pds-avatar-icon-size:1.125rem}.pds-avatar--lg{--pds-avatar-size:2.441rem;--pds-avatar-icon-size:1.375rem}

package/_dist/css/component-css/pds-card-heading.css

@@ -0,0 +1 @@
+.pds-card-heading{color:var(--pds-color-text-default);display:block;margin-block-end:1rem}

package/_dist/css/component-css/pds-card.css

@@ -1 +1 @@
-.pds-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-text-default);display:grid;grid-template-rows:auto 1fr auto;height:100%}@media (max-width:640px){.pds-card{margin:0 auto}}.pds-card--clickable{color:var(--pds-color-text-default);text-decoration:none}.pds-card--clickable:hover{box-shadow:var(--pds-elevation-active);color:var(--pds-color-text-default)}.pds-card--clickable:hover .pds-card__image img{filter:brightness(1.1)}.pds-card--clickable:focus-visible{border-radius:.375rem;outline:.125rem solid var(--pds-color-interactive-focus)}.pds-card__image img{aspect-ratio:1.618;border-radius:.375rem .375rem 0 0;display:block;object-fit:cover;width:100%}.pds-card__image a{line-height:0;text-decoration:none}.pds-card__text-elements{box-sizing:border-box;display:flex;flex-direction:column;padding:1.953rem;row-gap:.64rem}.pds-card__kicker{margin-block-end:.25rem}.pds-card__kicker--separator{color:var(--pds-color-border-default);font-weight:400;margin-inline:.512rem}.pds-card__heading{display:block;font-size:1.44rem;font-weight:700;margin-block-end:.125rem}.pds-card__bodytext p{font-size:1rem;line-height:140%}.pds-card__bodytext p:last-child{margin-bottom:0}.pds-card__links{margin-block-start:.8rem}@media (min-width:641px){.pds-card__links.pds-button-group .pds-button-link{flex-grow:1}}
+.pds-card{background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-raised);color:var(--pds-color-text-default);min-height:10rem}.pds-card__image{border-radius:.375rem .375rem 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;width:100%}.pds-card__main{padding:1.25rem 1.563rem}.pds-card--transparent{background-color:transparent}.pds-card--pad-narrow .pds-card__main{padding:1rem 1.25rem}.pds-card--pad-wide .pds-card__main{padding:1.563rem 1.953rem}