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

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

@@ -620,5 +620,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" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartLine" | "chartNetwork" | "chartSimple" | "check" | "circle" | "circleCheck" | "circleExclamation" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "cloud" | "cloudArrowUp" | "code" | "codeBranch" | "codeMerge" | "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" | "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 {};

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

@@ -1,23 +1,34 @@
-export function PullQuote({ attribution, image, layoutType, quote, className, ...props }: {
-    [x: string]: any;
-    attribution: any;
-    image: any;
-    layoutType?: string;
-    quote: any;
-    className: any;
-}): React.JSX.Element;
-export namespace PullQuote {
-    namespace propTypes {
-        let attribution: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<string>;
-            org: PropTypes.Requireable<string>;
-        }>>;
-        let image: PropTypes.Requireable<string>;
-        let layoutType: PropTypes.Requireable<string>;
-        let quote: PropTypes.Validator<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef } from 'react';
+import './pull-quote.css';
+interface Attribution {
+    name: string;
+    title: string;
+    org: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+interface PullQuoteProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Attribution for the quote
+     */
+    attribution?: Attribution;
+    /**
+     * Image src. For stand-alone layout only, will not render for inline layout.
+     */
+    image?: string;
+    /**
+     * The layout type for the pull quote
+     */
+    layoutType?: 'stand-alone' | 'inline';
+    /**
+     * 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 {};

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

@@ -8,19 +8,19 @@ interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * 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.
      */
-    customTrigger: ReactNode;
+    customTrigger?: ReactNode;
     /**
      * The spacing between the trigger and the tooltip in pixels. Only applies to tooltips with a custom trigger. Icon triggers have a fixed spacing.
      */
-    offsetValue: number;
+    offsetValue?: number;
     /**
      * The accessible text for the trigger. Only necessary when the trigger is an icon.
      */
-    triggerAccessibleText: string;
+    triggerAccessibleText?: string;
     /**
      * Icon to trigger tooltip
      */
-    triggerIcon: 'circleInfo' | 'circleQuestion' | 'circleExclamation';
+    triggerIcon?: 'circleInfo' | 'circleQuestion' | 'circleExclamation';
     /**
      * Additional class names
      */

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

@@ -1,25 +1,42 @@
-export function AnimatedButton({ ariaLabel, buttonType, disabled, icon1, icon2, onClick, size, className, ...props }: {
-    [x: string]: any;
-    ariaLabel: any;
-    buttonType?: string;
+import React, { ComponentPropsWithoutRef } from 'react';
+import { PDSIcon } from '@components/Icon/Icon';
+import './animated-button.css';
+interface AnimatedButtonProps extends ComponentPropsWithoutRef<'button'> {
+    /**
+     * Aria-label attribute.
+     */
+    ariaLabel: string;
+    /**
+     * Type of button
+     */
+    buttonType?: 'button' | 'submit' | 'reset';
+    /**
+     * Is the button disabled?
+     */
     disabled?: boolean;
-    icon1: any;
-    icon2: any;
-    onClick: any;
-    size?: string;
-    className: any;
-}): React.JSX.Element;
-export namespace AnimatedButton {
-    namespace propTypes {
-        let ariaLabel: PropTypes.Validator<string>;
-        let buttonType: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let icon1: PropTypes.Validator<string>;
-        let icon2: PropTypes.Validator<string>;
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let size: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+    /**
+     * Icon 1 -- The first icon to display in animation.
+     */
+    icon1: PDSIcon;
+    /**
+     * Icon 2 -- The second icon to display in animation.
+     */
+    icon2: PDSIcon;
+    /**
+     * Click event handler callback
+     */
+    onClick?: () => void;
+    /**
+     * Which size of button to render
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * AnimatedButton UI component
+ */
+export declare const AnimatedButton: ({ ariaLabel, buttonType, disabled, icon1, icon2, onClick, size, className, ...props }: AnimatedButtonProps) => React.JSX.Element;
+export {};

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

@@ -1,25 +1,42 @@
-export function IconButton({ ariaLabel, buttonType, disabled, iconName, onClick, size, variant, className, ...props }: {
-    [x: string]: any;
-    ariaLabel: any;
-    buttonType?: string;
+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;
-    iconName: any;
+    /**
+     * Which icon to render
+     */
+    iconName: PDSIcon;
+    /**
+     * Click event handler callback
+     */
     onClick?: () => void;
-    size?: string;
-    variant?: string;
-    className: any;
-}): React.JSX.Element;
-export namespace IconButton {
-    namespace propTypes {
-        let ariaLabel: PropTypes.Validator<string>;
-        let buttonType: PropTypes.Requireable<string>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let iconName: PropTypes.Validator<string>;
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let size: PropTypes.Requireable<string>;
-        let variant: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+    /**
+     * Which size of button to render
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Which variant of button to render
+     */
+    variant?: 'standard' | 'critical';
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * IconButton UI component
+ */
+export declare const IconButton: ({ ariaLabel, buttonType, disabled, iconName, onClick, size, variant, className, ...props }: IconButtonProps) => React.JSX.Element;
+export {};

package/_dist/components/inputs/TextInput/TextInput.d.ts

@@ -43,6 +43,10 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      * Input ID.
      */
     id: string;
+    /**
+     * Additional props for the `<input>` element.
+     */
+    inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
      * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */