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

package/_dist/components/SocialLinks/SocialLinks.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './social-links.css';
 interface SocialLinksProps extends ComponentPropsWithoutRef<'ul'> {
     /**

package/_dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './tabs.css';
 interface Tabs {
     /**

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode, MouseEvent } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './button.css';
 interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
 import '../Button/button.css';
 import './button-link.css';

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, MouseEvent } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './icon-button.css';
 interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**

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

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
 import { HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '@libs/types/custom-types';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './menu-button.css';
 /**
  * Prop types for MenuButton

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './segmented-button.css';
 /**
  * Structure for each option in the SegmentedButton component.

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './utility-button.css';
 /**
  * Prop types for UtilityButton

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

@@ -0,0 +1,47 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './payment-card.css';
+/**
+ * Prop types for PaymentCard
+ */
+export interface PaymentCardProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The type of payment icon to display.
+     */
+    cardType?: 'visa' | 'mastercard' | 'amex' | 'discover';
+    /**
+     * The last four digits of the card number.
+     */
+    cardNumber?: number;
+    /**
+     * The name of the cardholder.
+     */
+    cardholderName?: string;
+    /**
+     * Expiration date of the card in MM/YY format.
+     */
+    expDate?: string;
+    /**
+     * A string for the lower left corner.
+     */
+    cardUsage?: string;
+    /**
+     * Translation string for “view details”
+     */
+    detailsLabel?: string;
+    /**
+     * Function for when “view details” is clicked
+     */
+    detailsCallback?: () => void;
+    /**
+     * Function for when this card is selected
+     */
+    selectionCallback?: () => void;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * PaymentCard UI component
+ */
+export declare const PaymentCard: ({ cardType, cardNumber, cardholderName, expDate, cardUsage, detailsLabel, detailsCallback, selectionCallback, className, ...props }: PaymentCardProps) => React.JSX.Element;

package/_dist/components/icons/PaymentIcon/PaymentIcon.d.ts

@@ -0,0 +1,21 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './payment-icon.css';
+type PaymentType = 'visa' | 'mastercard' | 'amex' | 'discover' | 'generic';
+/**
+ * Prop types for PaymentIcon
+ */
+export interface PaymentIconProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The type of payment icon to display.
+     */
+    paymentType: PaymentType;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * PaymentIcon UI component
+ */
+export declare const PaymentIcon: ({ paymentType, className, ...props }: PaymentIconProps) => React.JSX.Element;
+export {};

package/_dist/components/icons/PaymentIcon/svgData.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const svgData: {
+    amex: React.JSX.Element;
+    discover: React.JSX.Element;
+    generic: React.JSX.Element;
+    mastercard: React.JSX.Element;
+    visa: React.JSX.Element;
+};

package/_dist/components/inputs/input-utilities.d.ts

@@ -53,7 +53,8 @@ interface InputLabelProps {
     className?: string;
 }
 export declare const InputLabel: ({ id, label, showLabel, required, disabled, isLegend, isPseudoLabel, tooltipText, className, }: InputLabelProps) => React.JSX.Element;
-export declare const InputMessage: ({ id, message, hasValidationMessage, validationMessageHasDecorators, validationStatus, className, }: {
+export declare const InputMessage: ({ forInputGroup, id, message, hasValidationMessage, validationMessageHasDecorators, validationStatus, className, }: {
+    forInputGroup?: boolean;
     id: string;
     message?: string | ReactNode;
     hasValidationMessage?: boolean;

package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NavigationItem } from '@components/navigation/navigation-types';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './dashboard-nav.css';
 export type DashboardNavItemProps = NavigationItem & {
     /**

package/_dist/components/navigation/DashboardNav/dashboard-nav-utilities.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import { NavigationItem } from '@components/navigation/navigation-types';
 export declare const processDashboardNavLinkContent: (baseClass: string, linkContent: JSX.Element | string, links?: NavigationItem[], icon?: PDSIcon) => JSX.Element;

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import { TabMenuDropdownProps } from './TabMenuDropdown';
 import { NavigationItem } from '@components/navigation/navigation-types';
 import './tab-menu.css';

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/Icon/Icon';
+import { PDSIcon } from '@components/icons/Icon/Icon';
 import './user-menu.css';
 /**
  * Prop types for UserMenuItem