@sendoutcards/quantum-design-ui 1.8.39-alpha.4 → 1.8.39-alpha.6

package/dist/src/organisms/inviteCard/inviteCard.d.ts

@@ -1,24 +1,24 @@
-import { FC } from 'react';
-import { AvatarProps, AnchorProps } from "../../exports/atoms";
-import { ButtonType } from "../../exports/molecules";
-declare type Action = {
-    title: string;
-    type?: ButtonType;
-    onClick: () => void;
-};
-declare type User = {
-    name: string;
-    active: string;
-    profileDate: string;
-    status: string;
-    activityFeed: string;
-    activityDescription: string;
-};
-export declare type InviteCardProps = {
-    user: User;
-    avatar: AvatarProps;
-    extraLink: AnchorProps;
-    action: Action;
-};
-export declare const InviteCard: FC<InviteCardProps>;
-export {};
+import { FC } from 'react';
+import { AvatarProps, AnchorProps } from 'src/exports/atoms';
+import { ButtonType } from 'src/exports/molecules';
+type Action = {
+    title: string;
+    type?: ButtonType;
+    onClick: () => void;
+};
+type User = {
+    name: string;
+    active: string;
+    profileDate: string;
+    status: string;
+    activityFeed: string;
+    activityDescription: string;
+};
+export type InviteCardProps = {
+    user: User;
+    avatar: AvatarProps;
+    extraLink: AnchorProps;
+    action: Action;
+};
+export declare const InviteCard: FC<InviteCardProps>;
+export {};

package/dist/src/organisms/navigationPill/navigationPill.d.ts

@@ -1,15 +1,16 @@
-import { FC } from 'react';
-import { Item, UserInfo } from '../qdsChrome/qdsChrome';
-declare type NavigationPillType = {
-    circleSize: number;
-    height: number;
-    links: Item[];
-    quickLinks: Item[];
-    user: UserInfo;
-    accountRouteOnClick: () => void;
-    setIsExpanded: (isExpanded: boolean) => void;
-    isSheetOpen: boolean;
-    setSheetIsOpen: (isSheetOpen: boolean) => void;
-};
-export declare const NavigationPill: FC<NavigationPillType>;
-export {};
+import { FC } from 'react';
+import { Item, UserInfo } from '../qdsChrome/qdsChrome';
+import './navigationPill.css';
+type NavigationPillType = {
+    circleSize: number;
+    height: number;
+    links: Item[];
+    quickLinks: Item[];
+    user: UserInfo;
+    accountRouteOnClick: () => void;
+    setIsExpanded: (isExpanded: boolean) => void;
+    isSheetOpen: boolean;
+    setSheetIsOpen: (isSheetOpen: boolean) => void;
+};
+export declare const NavigationPill: FC<NavigationPillType>;
+export {};

package/dist/src/organisms/phoneInput/phoneInput.d.ts

@@ -1,18 +1,19 @@
-import { FC } from 'react';
-import { IconType } from "../../exports/atoms";
-import { Country } from "../../types/global";
-export declare type PhoneInputProps = {
-    countries: Country[];
-    phoneNumber: string;
-    selectedCountryIndex: number;
-    onSelectedCountryIndexChange: (selectedCountryIndex: number) => void;
-    onPhoneNumberChange: (phoneNumber: string) => void;
-    message?: {
-        type: 'success' | 'danger' | 'warning';
-        content: string;
-        icon?: IconType;
-        onClick?: () => void;
-    };
-    maxHeight?: string;
-};
-export declare const PhoneInput: FC<PhoneInputProps>;
+import { FC } from 'react';
+import { IconType } from 'src/exports/atoms';
+import { Country } from 'src/types/global';
+import './phoneInput.css';
+export type PhoneInputProps = {
+    countries: Country[];
+    phoneNumber: string;
+    selectedCountryIndex: number;
+    onSelectedCountryIndexChange: (selectedCountryIndex: number) => void;
+    onPhoneNumberChange: (phoneNumber: string) => void;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+        icon?: IconType;
+        onClick?: () => void;
+    };
+    maxHeight?: string;
+};
+export declare const PhoneInput: FC<PhoneInputProps>;

package/dist/src/organisms/pill/pill.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-import { IconType, IconColors, orientation } from "../../exports/atoms";
-import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
-export declare type PillProps = {
-    title?: string;
-    items: PillItemsType[];
-    flexDirection?: 'row' | 'row-reverse';
-    boxShadow?: Shadows;
-    children?: React.ReactNode;
-};
-export declare type PillItemsType = {
-    title: string;
-    icon: IconType;
-    iconOrientation?: orientation;
-    onClick: () => void;
-    isActive?: boolean;
-    activeColor?: IconColors;
-};
-export declare const Pill: ({ title, items, flexDirection, boxShadow, children, }: PillProps) => React.JSX.Element;
+import React from 'react';
+import { IconType, IconColors, orientation } from 'src/exports/atoms';
+import { Shadows } from 'src/helpers/hoc-types/entityValueTypes';
+export type PillProps = {
+    title?: string;
+    items: PillItemsType[];
+    flexDirection?: 'row' | 'row-reverse';
+    boxShadow?: Shadows;
+    children?: React.ReactNode;
+};
+export type PillItemsType = {
+    title: string;
+    icon: IconType;
+    iconOrientation?: orientation;
+    onClick: () => void;
+    isActive?: boolean;
+    activeColor?: IconColors;
+};
+export declare const Pill: ({ title, items, flexDirection, boxShadow, children, }: PillProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/organisms/pinInput/components/pinBox.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-declare type PinBoxProps = {
-    initialValue?: string;
-    onChange: (value: string) => void;
-    onBackspace: () => void;
-    isSecret?: boolean;
-    isFocused?: boolean;
-};
-export declare const PinBox: React.FC<PinBoxProps>;
-export {};
+import React from 'react';
+type PinBoxProps = {
+    initialValue?: string;
+    onChange: (value: string) => void;
+    onBackspace: () => void;
+    isSecret?: boolean;
+    isFocused?: boolean;
+};
+export declare const PinBox: React.FC<PinBoxProps>;
+export {};

package/dist/src/organisms/pinInput/pinInput.d.ts

@@ -1,13 +1,14 @@
-import { FC } from 'react';
-export declare type PinInputProps = {
-    length: 4 | 5 | 6;
-    onChange: (value: string) => void;
-    onComplete?: (value: string) => void;
-    hasFocus?: boolean;
-    isSecret?: boolean;
-    message?: {
-        type: 'success' | 'danger' | 'warning';
-        content: string;
-    };
-};
-export declare const PinInput: FC<PinInputProps>;
+import { FC } from 'react';
+import './pinInput.css';
+export type PinInputProps = {
+    length: 4 | 5 | 6;
+    onChange: (value: string) => void;
+    onComplete?: (value: string) => void;
+    hasFocus?: boolean;
+    isSecret?: boolean;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+    };
+};
+export declare const PinInput: FC<PinInputProps>;

package/dist/src/organisms/pricingTile/pricingTile.d.ts

@@ -1,47 +1,47 @@
-import React from 'react';
-import { TextColor } from "../../exports/atoms";
-declare type PricingTileColorType = Exclude<TextColor, 'anchorBlue'>;
-declare type ActionType = {
-    text: string;
-    onClick: () => void;
-    shouldTextMatchBackground?: boolean;
-    isDisabled?: boolean;
-};
-declare type FeaturedItemStyleType = {
-    backgroundColor: PricingTileColorType;
-    accentColor: PricingTileColorType;
-    textColor: 'gray' | 'white';
-};
-declare type FeatureWithSubFeatures = {
-    feature: string;
-    subFeatures: string[];
-    isNotIncluded?: boolean;
-};
-declare type Features = FeatureWithSubFeatures | string;
-declare type Disclaimer = {
-    linkTitle?: string;
-    termsTitle: string;
-    termsDescription: string;
-};
-export declare type PricingTileProps = {
-    title: string;
-    price?: string;
-    priceSubtext?: string;
-    features: Features[];
-    primaryAction?: ActionType;
-    secondaryAction?: ActionType;
-    isFeatured?: boolean;
-    featuredItemStyles?: FeaturedItemStyleType;
-    accentColor?: PricingTileColorType;
-    backgroundColor?: PricingTileColorType;
-    textColor?: 'gray' | 'white';
-    description?: string;
-    billingInterval?: string;
-    hasShadow?: boolean;
-    disclaimer?: Disclaimer;
-    isSelected?: boolean;
-    isFullLength?: boolean;
-    children?: React.ReactNode;
-};
-export declare const PricingTile: ({ title, price, features, accentColor, backgroundColor, isFeatured, featuredItemStyles, textColor, description, priceSubtext, billingInterval, primaryAction, secondaryAction, children, hasShadow, disclaimer, isSelected, isFullLength, }: PricingTileProps) => React.JSX.Element;
-export {};
+import React from 'react';
+import { TextColor } from 'src/exports/atoms';
+type PricingTileColorType = Exclude<TextColor, 'anchorBlue'>;
+type ActionType = {
+    text: string;
+    onClick: () => void;
+    shouldTextMatchBackground?: boolean;
+    isDisabled?: boolean;
+};
+type FeaturedItemStyleType = {
+    backgroundColor: PricingTileColorType;
+    accentColor: PricingTileColorType;
+    textColor: 'gray' | 'white';
+};
+type FeatureWithSubFeatures = {
+    feature: string;
+    subFeatures: string[];
+    isNotIncluded?: boolean;
+};
+type Features = FeatureWithSubFeatures | string;
+type Disclaimer = {
+    linkTitle?: string;
+    termsTitle: string;
+    termsDescription: string;
+};
+export type PricingTileProps = {
+    title: string;
+    price?: string;
+    priceSubtext?: string;
+    features: Features[];
+    primaryAction?: ActionType;
+    secondaryAction?: ActionType;
+    isFeatured?: boolean;
+    featuredItemStyles?: FeaturedItemStyleType;
+    accentColor?: PricingTileColorType;
+    backgroundColor?: PricingTileColorType;
+    textColor?: 'gray' | 'white';
+    description?: string;
+    billingInterval?: string;
+    hasShadow?: boolean;
+    disclaimer?: Disclaimer;
+    isSelected?: boolean;
+    isFullLength?: boolean;
+    children?: React.ReactNode;
+};
+export declare const PricingTile: ({ title, price, features, accentColor, backgroundColor, isFeatured, featuredItemStyles, textColor, description, priceSubtext, billingInterval, primaryAction, secondaryAction, children, hasShadow, disclaimer, isSelected, isFullLength, }: PricingTileProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/organisms/promotionWidget/promotionWidget.d.ts

@@ -1,22 +1,22 @@
-import { FC } from 'react';
-import { SizeType, ThemeMode } from "../../types/global";
-import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
-export declare type PromotionWidgetProps = {
-    title: string;
-    description: string;
-    capsuleTitle: string;
-    backgroundColor?: BackgroundColor;
-    primaryAction?: {
-        onClick: () => void;
-        title: string;
-    };
-    secondaryAction?: {
-        href: string;
-        title: string;
-    };
-    minWidth?: string;
-    width?: string;
-    type: ThemeMode;
-    buttonSize?: SizeType;
-};
-export declare const PromotionWidget: FC<PromotionWidgetProps>;
+import { FC } from 'react';
+import { SizeType, ThemeMode } from 'src/types/global';
+import { BackgroundColor } from 'src/helpers/hoc-types/hocBaseUnion';
+export type PromotionWidgetProps = {
+    title: string;
+    description: string;
+    capsuleTitle: string;
+    backgroundColor?: BackgroundColor;
+    primaryAction?: {
+        onClick: () => void;
+        title: string;
+    };
+    secondaryAction?: {
+        href: string;
+        title: string;
+    };
+    minWidth?: string;
+    width?: string;
+    type: ThemeMode;
+    buttonSize?: SizeType;
+};
+export declare const PromotionWidget: FC<PromotionWidgetProps>;

package/dist/src/organisms/qdsChrome/components/content.d.ts

@@ -1,16 +1,15 @@
-import React, { FC } from 'react';
-import { MotionValue } from 'framer-motion';
-import { IconType } from "../../../atoms/iconography/types";
-declare type ContentProps = {
-    y?: MotionValue;
-    x: MotionValue;
-    isMobile: boolean;
-    isOpen: boolean;
-    onDragEnd: () => void;
-    menuSize: number;
-    children: React.ReactNode;
-    logo: IconType;
-    isFullScreen?: boolean;
-};
-export declare const Content: FC<ContentProps>;
-export {};
+import React, { FC } from 'react';
+import { MotionValue } from 'framer-motion';
+import { IconType } from 'src/atoms/iconography/types';
+type ContentProps = {
+    y?: MotionValue;
+    isMobile: boolean;
+    isOpen: boolean;
+    onDragEnd: () => void;
+    menuSize: number;
+    children: React.ReactNode;
+    logo: IconType;
+    isFullScreen?: boolean;
+};
+export declare const Content: FC<ContentProps>;
+export {};

package/dist/src/organisms/qdsChrome/components/revealingContent.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-declare type RevealingContentProps = {
-    zone: ZoneType;
-    width: string;
-    height: string;
-    isMobile: boolean;
-};
-declare type ZoneType = 'bottom' | 'top' | 'left' | 'right';
-export declare const RevealingContent: FC<RevealingContentProps>;
-export {};
+import { FC } from 'react';
+type RevealingContentProps = {
+    zone: ZoneType;
+    width: string;
+    height: string;
+    isMobile: boolean;
+};
+type ZoneType = 'bottom' | 'top' | 'left' | 'right';
+export declare const RevealingContent: FC<RevealingContentProps>;
+export {};

package/dist/src/organisms/qdsChrome/qdsChrome.d.ts

@@ -1,39 +1,39 @@
-import { FC } from 'react';
-import { IconType, orientation } from "../../atoms/iconography/types";
-import { AccountMenuItem } from '../accountMenu/accountMenu';
-import { SubNavigationType } from '../subNavigation/subNavigation';
-export declare type UserInfo = {
-    firstName: string;
-    lastName: string;
-    profileImage: string;
-    onClick?: () => void;
-};
-export declare type Item = {
-    title: string;
-    icon: IconType;
-    iconOrientation?: orientation;
-    onClick: () => void;
-    isActive: boolean;
-};
-export declare type QDSChromeProps = {
-    logo: IconType;
-    navSections: NavItemType[];
-    accountSections: AccountMenuItem[][];
-    user: UserInfo;
-    isExpanded: boolean;
-    setIsExpanded: (isExpanded: boolean) => void;
-    openMenuSize?: number;
-    isOnAccountRoute: boolean;
-    accountRouteOnClick: () => void;
-    quickLinks: QuickLinksType;
-    isFullScreen?: boolean;
-};
-export declare type NavItemType = {
-    title: string;
-    icon: IconType;
-    onClick: () => void;
-    isActive: boolean;
-    subNavigation: SubNavigationType[];
-};
-export declare type QuickLinksType = Item[];
-export declare const QDSChrome: FC<QDSChromeProps>;
+import { FC } from 'react';
+import { IconType, orientation } from 'src/atoms/iconography/types';
+import { AccountMenuItem } from '../accountMenu/accountMenu';
+import { SubNavigationType } from '../subNavigation/subNavigation';
+export type UserInfo = {
+    firstName: string;
+    lastName: string;
+    profileImage: string;
+    onClick?: () => void;
+};
+export type Item = {
+    title: string;
+    icon: IconType;
+    iconOrientation?: orientation;
+    onClick: () => void;
+    isActive: boolean;
+};
+export type QDSChromeProps = {
+    logo: IconType;
+    navSections: NavItemType[];
+    accountSections: AccountMenuItem[][];
+    user: UserInfo;
+    isExpanded: boolean;
+    setIsExpanded: (isExpanded: boolean) => void;
+    openMenuSize?: number;
+    isOnAccountRoute: boolean;
+    accountRouteOnClick: () => void;
+    quickLinks: QuickLinksType;
+    isFullScreen?: boolean;
+};
+export type NavItemType = {
+    title: string;
+    icon: IconType;
+    onClick: () => void;
+    isActive: boolean;
+    subNavigation: SubNavigationType[];
+};
+export type QuickLinksType = Item[];
+export declare const QDSChrome: FC<QDSChromeProps>;

package/dist/src/organisms/quantumColorPicker/quantumColorPicker.d.ts

@@ -1,20 +1,21 @@
-import { FC } from 'react';
-import { RgbColor, HslColor } from 'react-colorful';
-export declare type QuantumRGB = RgbColor;
-export declare type QuantumHex = string;
-export declare type QuantumHSL = HslColor;
-export declare type ConvertedColorType = QuantumRGB | QuantumHex | QuantumHSL;
-export declare type QuantumColorPickerProps = {
-    color: QuantumHex;
-    onChange: (color: QuantumHex) => void;
-    convertedColorCallback?: (color: ConvertedColorType) => void;
-    convertedColorType?: 'hex' | 'rgb' | 'hsl';
-    showEyeDropper?: boolean;
-    palette?: {
-        title?: string;
-        colors?: QuantumHex[];
-        isLoading?: boolean;
-        count?: number;
-    };
-};
-export declare const QuantumColorPicker: FC<QuantumColorPickerProps>;
+import { FC } from 'react';
+import { RgbColor, HslColor } from 'react-colorful';
+import './quantumColorPicker.css';
+export type QuantumRGB = RgbColor;
+export type QuantumHex = string;
+export type QuantumHSL = HslColor;
+export type ConvertedColorType = QuantumRGB | QuantumHex | QuantumHSL;
+export type QuantumColorPickerProps = {
+    color: QuantumHex;
+    onChange: (color: QuantumHex) => void;
+    convertedColorCallback?: (color: ConvertedColorType) => void;
+    convertedColorType?: 'hex' | 'rgb' | 'hsl';
+    showEyeDropper?: boolean;
+    palette?: {
+        title?: string;
+        colors?: QuantumHex[];
+        isLoading?: boolean;
+        count?: number;
+    };
+};
+export declare const QuantumColorPicker: FC<QuantumColorPickerProps>;

package/dist/src/organisms/radioCard/radioCard.d.ts

@@ -1,11 +1,12 @@
-import { FC } from 'react';
-export declare type RadioOptionCardProps = {
-    title: string;
-    subtitle?: string;
-    isSelected: boolean;
-    onSelect?: (optionId?: string) => void;
-    isFeatured?: boolean;
-    optionId: string;
-    infoAction?: () => void;
-};
-export declare const RadioOptionCard: FC<RadioOptionCardProps>;
+import { FC } from 'react';
+import './radioCard.css';
+export type RadioOptionCardProps = {
+    title: string;
+    subtitle?: string;
+    isSelected: boolean;
+    onSelect?: (optionId?: string) => void;
+    isFeatured?: boolean;
+    optionId: string;
+    infoAction?: () => void;
+};
+export declare const RadioOptionCard: FC<RadioOptionCardProps>;

package/dist/src/organisms/radioOptionList/radioOptionList.d.ts

@@ -1,17 +1,17 @@
-import { FC } from 'react';
-import { RadioOptionCardProps } from '../radioCard/radioCard';
-import { AnchorProps } from "../../exports/atoms";
-import { ButtonType } from "../../exports/molecules";
-export declare type OptionSubmitType = {
-    title: string;
-    type?: ButtonType;
-    onClick: (optionId: string) => void;
-};
-export declare type RadioOptionListProps = {
-    options: RadioOptionCardProps[];
-    submitAction: OptionSubmitType;
-    defaultNumOptionsShown?: number;
-    globalInfoActionOverride?: (optionId?: string) => void;
-    extraLink?: AnchorProps;
-};
-export declare const RadioOptionList: FC<RadioOptionListProps>;
+import { FC } from 'react';
+import { RadioOptionCardProps } from '../radioCard/radioCard';
+import { AnchorProps } from 'src/exports/atoms';
+import { ButtonType } from 'src/exports/molecules';
+export type OptionSubmitType = {
+    title: string;
+    type?: ButtonType;
+    onClick: (optionId: string) => void;
+};
+export type RadioOptionListProps = {
+    options: RadioOptionCardProps[];
+    submitAction: OptionSubmitType;
+    defaultNumOptionsShown?: number;
+    globalInfoActionOverride?: (optionId?: string) => void;
+    extraLink?: AnchorProps;
+};
+export declare const RadioOptionList: FC<RadioOptionListProps>;

package/dist/src/organisms/releaseNoteDialog/releaseNoteDialog.d.ts

@@ -1,25 +1,25 @@
-import { FC } from 'react';
-import { ButtonType, CapsuleType } from "../../exports/molecules";
-export declare type NoteSection = {
-    releaseType: CapsuleType;
-    notes: string[];
-};
-export declare type ReleaseNoteDialogProps = {
-    title: string;
-    versionTitle?: string;
-    versionNumber: string;
-    releaseDate: string;
-    description: string;
-    listType?: 'ordered' | 'unordered';
-    noteSections: NoteSection[];
-    onClose: () => void;
-    isOpen: boolean;
-    button: {
-        title: string;
-        type: ButtonType;
-        onClick?: () => void;
-    };
-    maxWidth?: number;
-    maxHeight?: number;
-};
-export declare const ReleaseNoteDialog: FC<ReleaseNoteDialogProps>;
+import { FC } from 'react';
+import { ButtonType, CapsuleType } from 'src/exports/molecules';
+export type NoteSection = {
+    releaseType: CapsuleType;
+    notes: string[];
+};
+export type ReleaseNoteDialogProps = {
+    title: string;
+    versionTitle?: string;
+    versionNumber: string;
+    releaseDate: string;
+    description: string;
+    listType?: 'ordered' | 'unordered';
+    noteSections: NoteSection[];
+    onClose: () => void;
+    isOpen: boolean;
+    button: {
+        title: string;
+        type: ButtonType;
+        onClick?: () => void;
+    };
+    maxWidth?: number;
+    maxHeight?: number;
+};
+export declare const ReleaseNoteDialog: FC<ReleaseNoteDialogProps>;