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

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

@@ -0,0 +1,35 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './tally.css';
+interface TypeLabels {
+    info?: string;
+    success?: string;
+    neutral?: string;
+    warning?: string;
+    critical?: string;
+}
+/**
+ * Prop types for Tally
+ */
+export interface TallyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Label text
+     */
+    label: string | number;
+    /**
+     * Notification type
+     */
+    type: 'neutral' | 'critical' | 'warning' | 'info' | 'success';
+    /**
+     * Message type labels.
+     */
+    typeLabels?: TypeLabels;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * Tally UI component
+ */
+export declare const Tally: ({ label, type, typeLabels, className, ...props }: TallyProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+/**
+ * A Component used to render a Button
+ */
+export const Button: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

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

@@ -0,0 +1,24 @@
+export function ButtonLink({ disabled, displayType, iconName, linkContent, size, variant, className, ...props }: {
+    [x: string]: any;
+    disabled?: boolean;
+    displayType?: string;
+    iconName: any;
+    linkContent: any;
+    size?: string;
+    variant?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace ButtonLink {
+    namespace propTypes {
+        export let disabled: PropTypes.Requireable<boolean>;
+        export let displayType: PropTypes.Requireable<string>;
+        export { PDSIcon as iconName };
+        export let linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export let size: PropTypes.Requireable<string>;
+        export let variant: PropTypes.Requireable<string>;
+        export let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PDSIcon } from '@libs/components/customPropTypes';

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

@@ -0,0 +1,50 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import './icon-button.css';
+interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
+    /**
+     * Aria-label attribute.
+     */
+    ariaLabel: string;
+    /**
+     * Type of button
+     */
+    buttonType?: 'button' | 'submit' | 'reset';
+    /**
+     * Is the button disabled?
+     */
+    disabled?: boolean;
+    /**
+     * 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;
+    /**
+     * Click event handler callback.
+     */
+    onClick?: () => void;
+    /**
+     * Which size of button to render.
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Which variant of button to render.
+     */
+    variant?: 'standard' | 'critical';
+    /**
+     * Additional class names.
+     */
+    className?: string;
+}
+/**
+ * IconButton UI component
+ */
+export declare const IconButton: ({ ariaLabel, buttonType, disabled, hasTooltip, iconName, icon2Name, onClick, size, variant, className, ...props }: IconButtonProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,63 @@
+export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: {
+    [x: string]: any;
+    avatarImageSrc: any;
+    disabled: any;
+    displayType?: string;
+    iconName?: string;
+    id: any;
+    isSplitButton?: boolean;
+    label: any;
+    menuItems: any;
+    menuPosition?: string;
+    size?: string;
+    testId: any;
+    undefinedLabel?: string;
+    variant?: string;
+    withinNavbar: any;
+    className: any;
+}): React.JSX.Element;
+export namespace MenuButton {
+    namespace propTypes {
+        export let avatarImageSrc: PropTypes.Requireable<string>;
+        export let disabled: PropTypes.Requireable<boolean>;
+        export let displayType: PropTypes.Requireable<string>;
+        export { PDSIcon as iconName };
+        export let id: PropTypes.Requireable<string>;
+        export let isSplitButton: PropTypes.Requireable<boolean>;
+        export let label: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        export let menuItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
+            label: PropTypes.Validator<string>;
+            isHeading: PropTypes.Validator<boolean>;
+        }>> | Required<PropTypes.InferProps<{
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            isLink: PropTypes.Validator<boolean>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            callback: PropTypes.Requireable<(...args: any[]) => any>;
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Validator<string>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            isNode: PropTypes.Validator<boolean>;
+            nodeContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>> | Required<PropTypes.InferProps<{
+            isSeparator: PropTypes.Validator<boolean>;
+        }>>>[]>;
+        export let menuPosition: PropTypes.Requireable<string>;
+        export let size: PropTypes.Requireable<string>;
+        export let testId: PropTypes.Requireable<string>;
+        export let undefinedLabel: PropTypes.Requireable<string>;
+        export let variant: PropTypes.Requireable<string>;
+        export let withinNavbar: PropTypes.Requireable<boolean>;
+        export let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { PDSIcon } from '../../../libs/components/customPropTypes';

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import './segmented-button.css';
+/**
+ * Prop types for SegmentedButton
+ */
+export interface SegmentedButtonProps {
+    /**
+     * Is the ToggleButton disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Unique ID for the ToggleButton
+     */
+    id: string;
+    /**
+     * Optional initial selected option value
+     */
+    initialSelection?: string;
+    /**
+     * Label for the SegmentedButton — visually hidden, used for screen readers only.
+     */
+    label: string;
+    /**
+     * Callback function that will return the updated value from the instance when it changes.
+     * Function should have the shape of: `(value) => { <do stuff here> } `.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Array of button options — must be between 2 and 6 options.
+     */
+    options: {
+        value: string;
+        label: string;
+        iconName?: PDSIcon;
+    }[];
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * SegmentedButton UI component
+ */
+export declare const SegmentedButton: ({ disabled, id, initialSelection, label, onChange, options, className, ...props }: SegmentedButtonProps) => React.JSX.Element;

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

@@ -0,0 +1,36 @@
+export function SplitButton({ actionItems, disabled, moreActionsLabel, size, variant, className, ...props }: {
+    [x: string]: any;
+    actionItems: any;
+    disabled: any;
+    moreActionsLabel?: string;
+    size?: string;
+    variant?: string;
+    className: any;
+}): React.JSX.Element;
+export namespace SplitButton {
+    namespace propTypes {
+        let actionItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            isLink: PropTypes.Validator<boolean>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            testId: PropTypes.Requireable<string>;
+        }>> | Required<PropTypes.InferProps<{
+            callback: PropTypes.Requireable<(...args: any[]) => any>;
+            description: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            iconName: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string>;
+            label: PropTypes.Validator<string>;
+            testId: PropTypes.Requireable<string>;
+        }>>>[]>;
+        let disabled: PropTypes.Requireable<boolean>;
+        let moreActionsLabel: PropTypes.Requireable<string>;
+        let size: PropTypes.Requireable<string>;
+        let variant: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,35 @@
+export function ToggleButton({ disabled, id, initialSelection, label, onChange, options, ...props }: {
+    [x: string]: any;
+    disabled?: boolean;
+    id: any;
+    initialSelection: any;
+    label: any;
+    onChange: any;
+    options: any;
+}): React.JSX.Element;
+export namespace ToggleButton {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let id: PropTypes.Validator<string>;
+        let initialSelection: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let options: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Option label
+             */
+            label: PropTypes.Validator<string>;
+            /**
+             * Option value
+             */
+            value: PropTypes.Validator<string>;
+            /**
+             * Option icon
+             */
+            iconName: PropTypes.Requireable<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,30 @@
+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 from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,38 @@
+export function CardSelectGroup({ id, initialSelection, label, labelDisplay, layout, onChange, options, className, ...props }: {
+    [x: string]: any;
+    id: any;
+    initialSelection: any;
+    label: any;
+    labelDisplay?: string;
+    layout?: string;
+    onChange: any;
+    options: any;
+    className: any;
+}): React.JSX.Element;
+export namespace CardSelectGroup {
+    namespace propTypes {
+        let id: PropTypes.Validator<string>;
+        let initialSelection: PropTypes.Requireable<string>;
+        let label: PropTypes.Validator<string>;
+        let labelDisplay: PropTypes.Requireable<string>;
+        let layout: PropTypes.Requireable<string>;
+        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let options: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Option label
+             */
+            label: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+            /**
+             * Option description
+             */
+            description: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+            /**
+             * Option value
+             */
+            value: PropTypes.Validator<string>;
+        }>[]>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

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

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

@@ -0,0 +1,25 @@
+export function NewSiteCard({ badge, icon, selectionLink, subtitle, supplementalLinks, summary, title, className, ...props }: {
+    [x: string]: any;
+    badge: any;
+    icon: any;
+    selectionLink: any;
+    subtitle: any;
+    supplementalLinks: any;
+    summary: any;
+    title: any;
+    className: any;
+}): React.JSX.Element;
+export namespace NewSiteCard {
+    namespace propTypes {
+        let badge: PropTypes.Requireable<string>;
+        let icon: PropTypes.Requireable<string>;
+        let selectionLink: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let subtitle: PropTypes.Requireable<string>;
+        let summary: PropTypes.Requireable<string>;
+        let supplementalLinks: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        let title: PropTypes.Validator<string>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,64 @@
+export function PricingCard({ actionPrimary, actionSecondary, hasComparisonList, onTierChange, planDescription, planName, planPricingData, statusBadgeLabels, selectLabel, statusBadgeType, className, ...props }: {
+    [x: string]: any;
+    actionPrimary: any;
+    actionSecondary: any;
+    hasComparisonList?: boolean;
+    onTierChange: any;
+    planDescription: any;
+    planName: any;
+    planPricingData: any;
+    statusBadgeLabels?: {
+        currentPlan: string;
+        mostPopular: string;
+    };
+    selectLabel?: string;
+    statusBadgeType: any;
+    className: any;
+}): React.JSX.Element;
+export namespace PricingCard {
+    namespace propTypes {
+        let actionPrimary: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            variant: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
+            linkUrl: PropTypes.Requireable<string>;
+            linkTarget: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+        }>>;
+        let actionSecondary: PropTypes.Requireable<PropTypes.InferProps<{
+            type: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            buttonAction: PropTypes.Requireable<(...args: any[]) => any>;
+            linkUrl: PropTypes.Requireable<string>;
+            linkTarget: PropTypes.Requireable<string>;
+        }>>;
+        let hasComparisonList: PropTypes.Requireable<boolean>;
+        let onTierChange: PropTypes.Requireable<(...args: any[]) => any>;
+        let planDescription: PropTypes.Requireable<string>;
+        let planName: PropTypes.Requireable<string>;
+        let planPricingData: PropTypes.Requireable<PropTypes.InferProps<{
+            customActionLabel: PropTypes.Requireable<string>;
+            label: PropTypes.Requireable<string>;
+            price: PropTypes.Requireable<string>;
+            priceDetails: PropTypes.Requireable<string>;
+            savingsBadgeLabel: PropTypes.Requireable<string>;
+            savingsDetails: PropTypes.Requireable<string>;
+            listLabel: PropTypes.Requireable<string>;
+            listItems: PropTypes.Requireable<PropTypes.InferProps<{
+                text: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+            }>[]>;
+        }>[]>;
+        let selectLabel: PropTypes.Requireable<string>;
+        let statusBadgeLabels: PropTypes.Requireable<PropTypes.InferProps<{
+            currentPlan: PropTypes.Requireable<string>;
+            mostPopular: PropTypes.Requireable<string>;
+        }>>;
+        let statusBadgeType: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let containerClassName: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,25 @@
+export function SiteCard({ headingLevel, gotoText, siteImage, siteLink, siteName, sitePlan, siteStatus, className, ...props }: {
+    [x: string]: any;
+    headingLevel?: string;
+    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>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,19 @@
+export function ExpansionPanel({ children, id, isOpen, summary, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    id: any;
+    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>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,15 @@
+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 from 'react';
+import PropTypes from 'prop-types';

package/_dist/components/footer/FooterHeading/FooterHeading.d.ts

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

package/_dist/components/footer/FooterLinks/FooterLinks.d.ts

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

package/_dist/components/footer/SiteFooter/SiteFooter.d.ts

@@ -0,0 +1,18 @@
+export function SiteFooter({ containerWidth, children, legalLinks, className, ...props }: {
+    [x: string]: any;
+    containerWidth?: string;
+    children: any;
+    legalLinks?: string[];
+    className: any;
+}): React.JSX.Element;
+export namespace SiteFooter {
+    namespace propTypes {
+        export { ContainerWidth as containerWidth };
+        export let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export let legalLinks: PropTypes.Requireable<string[]>;
+        export let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import { ContainerWidth } from '@libs/components/customPropTypes';
+import PropTypes from 'prop-types';