@sendoutcards/quantum-design-ui 2.0.0-alpha.3 → 2.0.0-alpha.5

package/dist/organisms/comparisonIncludesList/comparisonIncludesList.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-import { ComparisonItemProps } from 'src';
-export type ComparisonIncludesListProps = {
-    items: ComparisonItemProps[];
-    isMinified?: boolean;
-};
-export declare const ComparisonIncludesList: FC<ComparisonIncludesListProps>;

package/dist/organisms/configurationCard/configurationCard.d.ts

@@ -1,20 +0,0 @@
-import React, { FC } from 'react';
-import { HOCColorKeysWithSwatch } from 'src/helpers/hoc-types/entityValueTypes';
-type ConfigurationCardType = 'addon' | 'info' | 'upsale';
-export type ConfigurationCardProps = {
-    graphic?: React.ReactNode;
-    title: string;
-    secondaryTitle?: string;
-    description?: string;
-    cost?: number | string;
-    isSelected?: boolean;
-    onSelect?: (configurationId: string) => void;
-    configurationId: string;
-    itemPriceTitle?: string;
-    layout?: 'horizontal' | 'vertical';
-    type?: ConfigurationCardType;
-    featureCaption?: string;
-    backgroundColor?: HOCColorKeysWithSwatch;
-};
-export declare const ConfigurationCard: FC<ConfigurationCardProps>;
-export {};

package/dist/organisms/confirmDialog/confirmDialog.d.ts

@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import { DialogProps } from 'src/molecules/dialog/dialog';
-export type ConfirmDialogProps = {
-    requireScroll?: boolean;
-    accept: {
-        title: string;
-        onClick: () => void;
-        id?: string;
-        isDisabled?: boolean;
-    };
-    decline?: {
-        title: string;
-        onClick: () => void;
-        id?: string;
-        isDisabled?: boolean;
-    };
-    title: string;
-    description: string;
-    zIndex?: number;
-    isOpen: boolean;
-    primaryAction?: 'accept' | 'decline';
-    onClose?: () => void;
-    hasStackedActions?: boolean;
-    additionalLink?: {
-        title: string;
-        onClick: () => void;
-    };
-} & DialogProps;
-export declare const ConfirmDialog: FC<ConfirmDialogProps>;

package/dist/organisms/contentPusher/contentPusher.d.ts

@@ -1,24 +0,0 @@
-import React, { FC } from 'react';
-type VerticalZone = {
-    component: React.ReactNode;
-    height: number | string;
-};
-type HorizontalZone = {
-    component: React.ReactNode;
-    width: number | string;
-};
-export type ZoneType = {
-    top?: VerticalZone;
-    bottom?: VerticalZone;
-    left?: HorizontalZone;
-    right?: HorizontalZone;
-};
-export type ContentPusherProps = {
-    zones: ZoneType;
-    zoneToOpen: keyof ZoneType;
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    children?: React.ReactNode;
-};
-export declare const ContentPusher: FC<ContentPusherProps>;
-export {};

package/dist/organisms/featureAnnouncement/featureAnnouncement.d.ts

@@ -1,18 +0,0 @@
-import { FC } from 'react';
-import { ButtonType } from 'src/exports/molecules';
-import { BackgroundColor } from 'src/helpers/hoc-types/hocBaseUnion';
-export type FeatureAnnouncementProps = {
-    title: string;
-    description: string;
-    locationId?: string;
-    onClose?: () => void;
-    button?: {
-        title: string;
-        onClick?: () => void;
-        type?: ButtonType;
-    };
-    imageURL: string;
-    backgroundColor?: BackgroundColor;
-    maxWidth?: string;
-};
-export declare const FeatureAnnouncement: FC<FeatureAnnouncementProps>;

package/dist/organisms/imageGrid/imageGrid.d.ts

@@ -1,26 +0,0 @@
-import { FC } from 'react';
-export type ImageGridProps = {
-    images: {
-        leftColumn: {
-            topLeft: string;
-            bottomLeft: string;
-            topRight: string;
-            bottomRight: string;
-        };
-        centerColumn: {
-            topLeft: string;
-            topRight: string;
-            mainImage: string;
-        };
-        rightColumn: {
-            topLeft: string;
-            bottomLeft: string;
-            topRight: string;
-            bottomRight: string;
-        };
-    };
-    width: string;
-    borderRadius?: string;
-    gap?: string;
-};
-export declare const ImageGrid: FC<ImageGridProps>;

package/dist/organisms/imageUploadWidget/imageUploadWidget.d.ts

@@ -1,29 +0,0 @@
-import { FC } from 'react';
-import { AcceptedFiles, RejectedFiles } from '../imageUploader/imageUploader';
-import './imageUploadWidget.css';
-export type UserImage = {
-    url: string;
-    onClick: () => void;
-    isHorizontal: boolean;
-};
-export type ImageUploadWidgetProps = {
-    title: string;
-    maxHeight?: string;
-    onClose: () => void;
-    onFinished: () => void;
-    isOpen: boolean;
-    onUpload: (files: {
-        accepted: AcceptedFiles;
-        rejected: RejectedFiles;
-    }, fileList?: FileList | null) => void;
-    hasMultiUpload?: boolean;
-    userImages?: UserImage[];
-    x: number;
-    y: number;
-    dataLength?: number;
-    loadMore?: () => void;
-    hasMore?: boolean;
-    endMessage?: string;
-    width?: number;
-};
-export declare const ImageUploadWidget: FC<ImageUploadWidgetProps>;

package/dist/organisms/imageUploader/imageUploader.d.ts

@@ -1,19 +0,0 @@
-import { FileRejection } from 'react-dropzone';
-import { BackgroundColor } from 'src/helpers/hoc-types/hocBaseUnion';
-type AcceptedFileType = 'jpg' | 'png' | 'gif' | 'jpeg';
-export type ImageUploaderProps = {
-    onUpload: (files: {
-        accepted: File[];
-        rejected: FileRejection[];
-    }, fileList?: FileList | null) => void;
-    acceptedFiles: AcceptedFileType[];
-    hasMultiupload?: boolean;
-    maxFileSize?: number;
-    maxAcceptedFiles?: number;
-    uploadTitle?: string;
-    backgroundColor?: BackgroundColor;
-};
-export type AcceptedFiles = File[];
-export type RejectedFiles = FileRejection[];
-export declare const ImageUploader: (props: ImageUploaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/organisms/incrementSetting/incrementSetting.d.ts

@@ -1,18 +0,0 @@
-import { FC } from 'react';
-import { TextProps } from 'src/exports/atoms';
-import { SliderOriginType, SliderProgressColor } from 'src/molecules/slider/slider';
-import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
-export type IncrementSettingProps = {
-    value: number;
-    setValue: (value: number) => void;
-    title: string | TextProps;
-    min: number;
-    max: number;
-    isDisabled?: boolean;
-    layout: 'block' | 'inline' | 'inlineBlock';
-    activeColor?: SliderProgressColor;
-    inputWidth?: number;
-    sliderOrigin?: SliderOriginType;
-    outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
-};
-export declare const IncrementSetting: FC<IncrementSettingProps>;

package/dist/organisms/incrementSetting/loader/incrementSettingLoader.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-export type IncrementSettingLoaderProps = {
-    width: number;
-};
-export declare const IncrementSettingLoader: FC<IncrementSettingLoaderProps>;

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

@@ -1,24 +0,0 @@
-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/organisms/navigationPill/navigationPill.d.ts

@@ -1,16 +0,0 @@
-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/organisms/phoneInput/phoneInput.d.ts

@@ -1,19 +0,0 @@
-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/organisms/pill/pill.d.ts

@@ -1,19 +0,0 @@
-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/organisms/pinInput/components/pinBox.d.ts

@@ -1,10 +0,0 @@
-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/organisms/pinInput/pinInput.d.ts

@@ -1,14 +0,0 @@
-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/organisms/pricingTile/pricingTile.d.ts

@@ -1,47 +0,0 @@
-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/organisms/promotionWidget/promotionWidget.d.ts

@@ -1,22 +0,0 @@
-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/organisms/qdsChrome/components/content.d.ts

@@ -1,15 +0,0 @@
-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/organisms/qdsChrome/components/revealingContent.d.ts

@@ -1,10 +0,0 @@
-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/organisms/qdsChrome/qdsChrome.d.ts

@@ -1,39 +0,0 @@
-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/organisms/quantumColorPicker/quantumColorPicker.d.ts

@@ -1,21 +0,0 @@
-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/organisms/radioCard/radioCard.d.ts

@@ -1,12 +0,0 @@
-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/organisms/radioOptionList/radioOptionList.d.ts

@@ -1,17 +0,0 @@
-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/organisms/releaseNoteDialog/releaseNoteDialog.d.ts

@@ -1,25 +0,0 @@
-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>;

package/dist/organisms/selectableList/components/selectableCard.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-type SelectableCardProps = {
-    isActive: boolean;
-    onClick?: () => void;
-    shouldShowActiveIcons?: boolean;
-};
-export declare const SelectableCard: FC<SelectableCardProps>;
-export {};

package/dist/organisms/selectableList/selectableList.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { ListOrientation } from 'src/exports/atoms';
-export type SelectableListProps = {
-    limit?: number;
-    orientation?: ListOrientation;
-    selectedIndexes: number[];
-    setSelectedIndexes: (selectedIndexes: number[]) => void;
-};
-export declare const SelectableList: FC<SelectableListProps>;

package/dist/organisms/settingInput/settingInput.d.ts

@@ -1,11 +0,0 @@
-import { FC } from 'react';
-import './settingInput.css';
-export type SettingInputProps = {
-    value: string | null;
-    settingsType: 'color' | 'image';
-    inactiveTitle: string;
-    onRemove: () => void;
-    onClick?: () => void;
-    onMouseEvent?: () => void;
-};
-export declare const SettingInput: FC<SettingInputProps>;

package/dist/organisms/staticNavigation/components/mobileView.d.ts

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { DropdownLink, Link } from '../staticNavigation';
-type MobileViewProps = {
-    isOpen: boolean;
-    links?: (DropdownLink | Link)[];
-    toggle: () => void;
-};
-export declare const MobileView: FC<MobileViewProps>;
-export {};

package/dist/organisms/staticNavigation/components/navigationLink.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { Target } from 'src';
-import { TextColor } from 'src/atoms/typography/text';
-type NavigationLinkProps = {
-    title: string;
-    isActive: boolean;
-    linkTitleColor?: TextColor;
-    href?: string;
-    target?: Target;
-};
-export declare const NavigationLink: FC<NavigationLinkProps>;
-export {};

package/dist/organisms/staticNavigation/staticNavigation.d.ts

@@ -1,37 +0,0 @@
-import React, { FC } from 'react';
-import { TextColor, IconType } from 'src/exports/atoms';
-import { LogoProps } from 'src/exports/molecules';
-export type Target = '_self' | '_blank' | '_parent' | '_top' | undefined;
-export type Link = {
-    title: React.ReactNode;
-    href: string;
-    onClick?: () => void;
-    icon?: IconType;
-    target?: Target;
-};
-export type LinkColumnType = {
-    title: string;
-    titleColor?: TextColor;
-    links: Link[];
-    linkColor?: TextColor;
-};
-export type DropdownLink = {
-    title: string;
-    featuredLinkColumn?: Link[];
-    linkColumns: LinkColumnType[];
-};
-export type StaticNavigationProps = {
-    logo: React.ReactNode | LogoProps;
-    accountSection?: React.ReactNode;
-    links?: (DropdownLink | Link)[];
-    zIndex?: number;
-    openValueOverride?: number;
-    drawerOffset?: number;
-    isFrosted?: boolean;
-    menuDropdownLinks?: {
-        linkColumn: LinkColumnType;
-        top?: number;
-        left?: number;
-    };
-};
-export declare const StaticNavigation: FC<StaticNavigationProps>;

package/dist/organisms/stepper/components/step.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-export type StepProps = {
-    order: number;
-    flexDirection?: 'row' | 'column';
-};
-export declare const Step: FC<StepProps>;

package/dist/organisms/stepper/stepper.d.ts

@@ -1,16 +0,0 @@
-import React, { FC } from 'react';
-import { ButtonType } from 'src/exports/molecules';
-export type StepperProps = {
-    canContinue: boolean;
-    setCanContinue: (canContinue: boolean) => void;
-    activeItemIndex: number;
-    setActiveItemIndex: (index: number) => void;
-    onStepsComplete: () => void;
-    completionMessage: string | React.ReactNode;
-    isSkippable?: boolean;
-    skipButton?: {
-        type: ButtonType;
-        title: string;
-    };
-};
-export declare const Stepper: FC<StepperProps>;