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

package/dist/src/molecules/toggle/toggle.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export type ToggleProps = {
-    callBack: (isActive: boolean) => void;
-    defaultValue?: boolean;
-};
-export declare const Toggle: FC<ToggleProps>;
+import { FC } from 'react';
+export declare type ToggleProps = {
+    callBack: (isActive: boolean) => void;
+    defaultValue?: boolean;
+};
+export declare const Toggle: FC<ToggleProps>;

package/dist/src/molecules/tooltip/styles.d.ts

@@ -0,0 +1,5 @@
+import { DirectionType } from './tooltip';
+declare const _default: {
+    tooltip: (direction: DirectionType, background: string, repositionTooltip: boolean | undefined) => import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/tooltip/tooltip.d.ts

@@ -1,15 +1,14 @@
-import React from 'react';
-import { WhiteSpaceType } from 'src/atoms/typography/text';
-import { ColorModeType } from 'src/types/global';
-import './tooltip.css';
-export type TooltipProps = {
-    title: string;
-    direction: DirectionType;
-    background?: ColorModeType;
-    repositionTooltip?: boolean;
-    zIndex?: number;
-    whiteSpace?: WhiteSpaceType;
-    children?: React.ReactNode;
-};
-export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { WhiteSpaceType } from "../../atoms/typography/text";
+import { ColorModeType } from "../../types/global";
+export declare type TooltipProps = {
+    title: string;
+    direction: DirectionType;
+    background?: ColorModeType;
+    repositionTooltip?: boolean;
+    zIndex?: number;
+    whiteSpace?: WhiteSpaceType;
+    children?: React.ReactNode;
+};
+export declare type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+export declare const Tooltip: ({ title, children, direction, background, repositionTooltip, zIndex, whiteSpace, }: TooltipProps) => React.JSX.Element;

package/dist/src/molecules/transition/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    transitionContainer: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/transition/transition.d.ts

@@ -1,9 +1,8 @@
-import { FC } from 'react';
-import './transition.css';
-export type TransitionProps = {
-    title: string;
-    subtitle?: string;
-    isLoading: boolean;
-    loadedStatus?: 'success' | 'error';
-};
-export declare const Transition: FC<TransitionProps>;
+import { FC } from 'react';
+export declare type TransitionProps = {
+    title: string;
+    subtitle?: string;
+    isLoading: boolean;
+    loadedStatus?: 'success' | 'error';
+};
+export declare const Transition: FC<TransitionProps>;

package/dist/src/molecules/uploadButton/styles.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    wrapper: import("@emotion/react").SerializedStyles;
+    container: import("@emotion/react").SerializedStyles;
+    upload: import("@emotion/react").SerializedStyles;
+    loading: import("@emotion/react").SerializedStyles;
+    loadingBar: import("@emotion/react").SerializedStyles;
+    done: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/uploadButton/uploadButton.d.ts

@@ -1,16 +1,15 @@
-import React from 'react';
-import { BackgroundColor, Width, Height } from 'src/helpers/hoc-types/hocBaseUnion';
-import { Shadows } from 'src/helpers/hoc-types/entityValueTypes';
-import './uploadButton.css';
-export type UploadButtonRef = {
-    clearPreview: () => void;
-};
-export type UploadButtonProps = {
-    onUpload: (upload: File | null) => void;
-    title: string;
-    backgroundColor?: BackgroundColor;
-    width?: Width;
-    height?: Height;
-    boxShadow?: Shadows;
-};
-export declare const UploadButton: React.ForwardRefExoticComponent<UploadButtonProps & React.RefAttributes<unknown>>;
+import React from 'react';
+import { BackgroundColor, Width, Height } from "../../helpers/hoc-types/hocBaseUnion";
+import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
+export declare type UploadButtonRef = {
+    clearPreview: () => void;
+};
+export declare type UploadButtonProps = {
+    onUpload: (upload: File | null) => void;
+    title: string;
+    backgroundColor?: BackgroundColor;
+    width?: Width;
+    height?: Height;
+    boxShadow?: Shadows;
+};
+export declare const UploadButton: React.ForwardRefExoticComponent<UploadButtonProps & React.RefAttributes<unknown>>;

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

@@ -1,28 +1,28 @@
-import React, { FC } from 'react';
-import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
-import { Overflow } from 'src/helpers/hoc-types/cssValueTypes';
-export type AccordionProps = {
-    defaultActiveKeys?: (number | string)[];
-    isExclusive?: boolean;
-    sections: AccordionSection[];
-    background?: 'background' | 'foreground';
-    isHeadingBackgroundInverse?: boolean;
-    arrowLocation?: 'right' | 'left';
-    /** Make sure duplicate keys are not created in the state if you are overriding */
-    /** TODO - Handle duplicate case in QDS and remove them  */
-    stateOverride?: {
-        activeIndexes: (string | number)[];
-        setActiveIndexes: (activeIndexes: (string | number)[]) => void;
-    };
-    inset?: HOCSpacingKeys;
-    insetBody?: HOCSpacingKeys;
-    overflowBody?: Overflow;
-};
-export type AccordionSection = {
-    key: number | string;
-    heading: React.ReactElement | string;
-    body: React.ReactElement;
-    onAnimationComplete?: () => void;
-    onHeadingClick?: () => void;
-};
-export declare const Accordion: FC<AccordionProps>;
+import React, { FC } from 'react';
+import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+import { Overflow } from "../../helpers/hoc-types/cssValueTypes";
+export declare type AccordionProps = {
+    defaultActiveKeys?: (number | string)[];
+    isExclusive?: boolean;
+    sections: AccordionSection[];
+    background?: 'background' | 'foreground';
+    isHeadingBackgroundInverse?: boolean;
+    arrowLocation?: 'right' | 'left';
+    /** Make sure duplicate keys are not created in the state if you are overriding */
+    /** TODO - Handle duplicate case in QDS and remove them  */
+    stateOverride?: {
+        activeIndexes: (string | number)[];
+        setActiveIndexes: (activeIndexes: (string | number)[]) => void;
+    };
+    inset?: HOCSpacingKeys;
+    insetBody?: HOCSpacingKeys;
+    overflowBody?: Overflow;
+};
+export declare type AccordionSection = {
+    key: number | string;
+    heading: React.ReactElement | string;
+    body: React.ReactElement;
+    onAnimationComplete?: () => void;
+    onHeadingClick?: () => void;
+};
+export declare const Accordion: FC<AccordionProps>;

package/dist/src/organisms/accordion/components/accordionBody.d.ts

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { HOCSpacingKeys } from 'src/helpers/hoc-types/entityValueTypes';
-import { Overflow } from 'src/helpers/hoc-types/cssValueTypes';
-export type AccordionBodyProps = {
-    eventKey: number | string;
-    onAnimationComplete?: () => void;
-    overflow?: Overflow;
-    insetBody?: HOCSpacingKeys;
-};
-export declare const AccordionBody: FC<AccordionBodyProps>;
+import { FC } from 'react';
+import { HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
+import { Overflow } from "../../../helpers/hoc-types/cssValueTypes";
+export declare type AccordionBodyProps = {
+    eventKey: number | string;
+    onAnimationComplete?: () => void;
+    overflow?: Overflow;
+    insetBody?: HOCSpacingKeys;
+};
+export declare const AccordionBody: FC<AccordionBodyProps>;

package/dist/src/organisms/accordion/components/accordionHeading.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { SizeType } from 'src/types/global';
-export type AccordionHeadingProps = {
-    eventKey: number | string;
-    headingSize?: SizeType;
-    background?: 'background' | 'foreground';
-    arrowLocation?: 'right' | 'left' | 'none';
-    isBackgroundInverse?: boolean;
-    onHeadingClick?: () => void;
-    children: React.ReactNode;
-};
-export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { SizeType } from "../../../types/global";
+export declare type AccordionHeadingProps = {
+    eventKey: number | string;
+    headingSize?: SizeType;
+    background?: 'background' | 'foreground';
+    arrowLocation?: 'right' | 'left' | 'none';
+    isBackgroundInverse?: boolean;
+    onHeadingClick?: () => void;
+    children: React.ReactNode;
+};
+export declare const AccordionHeading: ({ children, eventKey, headingSize, onHeadingClick, arrowLocation, }: AccordionHeadingProps) => React.JSX.Element;

package/dist/src/organisms/accordion/context/accordionContext.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-type ContextType = {
-    activeIndexes: (number | string)[];
-    setActiveIndexes: (index: (string | number)[]) => void;
-    defaultActiveIndexes: (number | string)[];
-    isExclusive: boolean;
-};
-export declare const AccordionContext: React.Context<ContextType>;
-export {};
+import React from 'react';
+declare type ContextType = {
+    activeIndexes: (number | string)[];
+    setActiveIndexes: (index: (string | number)[]) => void;
+    defaultActiveIndexes: (number | string)[];
+    isExclusive: boolean;
+};
+export declare const AccordionContext: React.Context<ContextType>;
+export {};

package/dist/src/organisms/accordion/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    accordionContainer: import("@emotion/react").SerializedStyles;
+};
+export default _default;

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

@@ -1,18 +1,18 @@
-import React from 'react';
-import { IconType } from 'src/atoms/iconography/types';
-import { UserInfo } from '../qdsChrome/qdsChrome';
-export type AccountMenuProps = {
-    sections: AccountMenuItem[][];
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    navOpen: boolean;
-    user?: UserInfo;
-    children?: React.ReactNode;
-};
-export type AccountMenuItem = {
-    icon?: IconType;
-    title: string;
-    onClick: () => void;
-    badge?: string;
-};
-export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { IconType } from "../../atoms/iconography/types";
+import { UserInfo } from '../qdsChrome/qdsChrome';
+export declare type AccountMenuProps = {
+    sections: AccountMenuItem[][];
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    navOpen: boolean;
+    user?: UserInfo;
+    children?: React.ReactNode;
+};
+export declare type AccountMenuItem = {
+    icon?: IconType;
+    title: string;
+    onClick: () => void;
+    badge?: string;
+};
+export declare const AccountMenu: ({ isOpen, navOpen, sections, setIsOpen, user, }: AccountMenuProps) => React.JSX.Element;

package/dist/src/organisms/accountMenu/styles.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    accountMenuContainer: import("@emotion/react").SerializedStyles;
+    itemWrapper: import("@emotion/react").SerializedStyles;
+};
+export default _default;

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

@@ -1,23 +1,23 @@
-import React from 'react';
-export type AnimateGridProps = {
-    gridImages?: AnimatedGridImageType[];
-    shouldAnimate?: boolean;
-    animationDirection?: 'horizontal' | 'vertical';
-    rotation?: RotationAndOffsetType;
-    gap?: number;
-    columnSize?: number;
-    rowSize?: number;
-    maxWidth?: number;
-    children?: React.ReactNode;
-};
-export type AnimatedGridImageType = {
-    url: string;
-    colSpan?: number;
-    rowSpan?: number;
-};
-type RotationAndOffsetType = {
-    degrees: number;
-    offset?: number;
-};
-export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+export declare type AnimateGridProps = {
+    gridImages?: AnimatedGridImageType[];
+    shouldAnimate?: boolean;
+    animationDirection?: 'horizontal' | 'vertical';
+    rotation?: RotationAndOffsetType;
+    gap?: number;
+    columnSize?: number;
+    rowSize?: number;
+    maxWidth?: number;
+    children?: React.ReactNode;
+};
+export declare type AnimatedGridImageType = {
+    url: string;
+    colSpan?: number;
+    rowSpan?: number;
+};
+declare type RotationAndOffsetType = {
+    degrees: number;
+    offset?: number;
+};
+export declare const AnimatedGrid: ({ gridImages, shouldAnimate, animationDirection, rotation, gap, columnSize, rowSize, maxWidth, children, }: AnimateGridProps) => React.JSX.Element;
+export {};

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

@@ -1,18 +1,18 @@
-import { FC } from 'react';
-type GlareType = 'standard' | 'satin' | 'pearl';
-export type DimensionScale = 'small' | 'medium' | 'large';
-export type SelectableOptions = {
-    title: string;
-    thumbnail: string;
-    glare: GlareType;
-};
-export type AnimatedTiltCardProps = {
-    containerHeight?: string;
-    containerWidth?: string;
-    childHeight?: string;
-    childWidth?: string;
-    selectableOptions: SelectableOptions;
-    dimensionScale?: DimensionScale;
-};
-export declare const AnimatedTiltCard: FC<AnimatedTiltCardProps>;
-export {};
+import { FC } from 'react';
+declare type GlareType = 'standard' | 'satin' | 'pearl';
+export declare type DimensionScale = 'small' | 'medium' | 'large';
+export declare type SelectableOptions = {
+    title: string;
+    thumbnail: string;
+    glare: GlareType;
+};
+export declare type AnimatedTiltCardProps = {
+    containerHeight?: string;
+    containerWidth?: string;
+    childHeight?: string;
+    childWidth?: string;
+    selectableOptions: SelectableOptions;
+    dimensionScale?: DimensionScale;
+};
+export declare const AnimatedTiltCard: FC<AnimatedTiltCardProps>;
+export {};

package/dist/src/organisms/animatedTiltCard/styles.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    animatedTiltCardContainer: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/awards/components/awardCard.d.ts

@@ -1,10 +1,9 @@
-import { FC } from 'react';
-import { IncrementalAwardType } from '../types';
-import '../styles.css';
-export type AwardCardProps = {
-    image: string;
-    title: string;
-    onClick?: () => void;
-    progress: IncrementalAwardType | number;
-};
-export declare const AwardCard: FC<AwardCardProps>;
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export declare type AwardCardProps = {
+    image: string;
+    title: string;
+    onClick?: () => void;
+    progress: IncrementalAwardType | number;
+};
+export declare const AwardCard: FC<AwardCardProps>;

package/dist/src/organisms/awards/components/awardGroupLabel.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-export type AwardGroupLabelProps = {
-    image: string;
-    label: string;
-};
-export declare const AwardGroupLabel: FC<AwardGroupLabelProps>;
+import { FC } from 'react';
+export declare type AwardGroupLabelProps = {
+    image: string;
+    label: string;
+};
+export declare const AwardGroupLabel: FC<AwardGroupLabelProps>;

package/dist/src/organisms/awards/components/expandedAwardCard.d.ts

@@ -1,14 +1,13 @@
-import { FC } from 'react';
-import { IncrementalAwardType } from '../types';
-import '../styles.css';
-export type ExpandedAwardProps = {
-    image: string;
-    title: string;
-    description: string;
-    checklist: string[];
-    checklistTitle: string;
-    checklistSubtitle: string;
-    close: () => void;
-    progress: IncrementalAwardType | number;
-};
-export declare const ExpandedAwardCard: FC<ExpandedAwardProps>;
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export declare type ExpandedAwardProps = {
+    image: string;
+    title: string;
+    description: string;
+    checklist: string[];
+    checklistTitle: string;
+    checklistSubtitle: string;
+    close: () => void;
+    progress: IncrementalAwardType | number;
+};
+export declare const ExpandedAwardCard: FC<ExpandedAwardProps>;

package/dist/src/organisms/awards/components/incrementalAwardLabel.d.ts

@@ -1,7 +1,6 @@
-import { FC } from 'react';
-import { IncrementalAwardType } from '../types';
-import '../styles.css';
-export interface IncrementalAwardLabelProps extends IncrementalAwardType {
-    isExpanded: boolean;
-}
-export declare const IncrementalAwardLabel: FC<IncrementalAwardLabelProps>;
+import { FC } from 'react';
+import { IncrementalAwardType } from '../types';
+export interface IncrementalAwardLabelProps extends IncrementalAwardType {
+    isExpanded: boolean;
+}
+export declare const IncrementalAwardLabel: FC<IncrementalAwardLabelProps>;

package/dist/src/organisms/awards/styles.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    expandedButtonContainer: import("@emotion/react").SerializedStyles;
+    awardCardContainer: import("@emotion/react").SerializedStyles;
+    incremental: import("@emotion/react").SerializedStyles;
+};
+export default _default;

package/dist/src/organisms/awards/types/index.d.ts

@@ -1,6 +1,6 @@
-import { IconType } from 'src/atoms/iconography/types';
-export type IncrementalAwardType = {
-    title: string;
-    count: number;
-    icon: IconType;
-};
+import { IconType } from "../../../atoms/iconography/types";
+export declare type IncrementalAwardType = {
+    title: string;
+    count: number;
+    icon: IconType;
+};

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

@@ -1,23 +1,23 @@
-import React from 'react';
-import { IconType } from 'src/atoms/iconography/types';
-type BannerDetail = {
-    message: string;
-    icon?: IconType;
-};
-type StatusType = 'success' | 'warning' | 'danger';
-type BaseBannerProps = {
-    status: StatusType;
-    isOutlined?: boolean;
-    onClose?: () => void;
-};
-type BannerWithTitle = BaseBannerProps & {
-    bannerTitle: BannerDetail;
-    children?: never;
-};
-type BannerWithChildren = BaseBannerProps & {
-    children: React.ReactNode;
-    bannerTitle?: never;
-};
-export type BannerProps = BannerWithTitle | BannerWithChildren;
-export declare const Banner: ({ isOutlined, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { IconType } from "../../atoms/iconography/types";
+declare type BannerDetail = {
+    message: string;
+    icon?: IconType;
+};
+declare type StatusType = 'success' | 'warning' | 'danger';
+declare type BaseBannerProps = {
+    status: StatusType;
+    isOutlined?: boolean;
+    onClose?: () => void;
+};
+declare type BannerWithTitle = BaseBannerProps & {
+    bannerTitle: BannerDetail;
+    children?: never;
+};
+declare type BannerWithChildren = BaseBannerProps & {
+    children: React.ReactNode;
+    bannerTitle?: never;
+};
+export declare type BannerProps = BannerWithTitle | BannerWithChildren;
+export declare const Banner: ({ isOutlined, ...props }: BannerProps) => React.JSX.Element;
+export {};

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

@@ -1,19 +1,19 @@
-import { FC } from 'react';
-import { ButtonProps } from 'src/exports/molecules';
-import { IconType } from 'src/exports/atoms';
-type MenuLocationType = 'top' | 'bottom';
-export type MenuOptionType = {
-    title: string;
-    onClick: () => void;
-    icon?: IconType;
-};
-export type ButtonWithMenuProps = {
-    menuLocation: MenuLocationType;
-    menuOptions: MenuOptionType[];
-    isExpanded: boolean;
-    isLoading?: boolean;
-    loadingMessage?: string;
-    onClick: () => void;
-} & ButtonProps;
-export declare const ButtonWithMenu: FC<ButtonWithMenuProps>;
-export {};
+import { FC } from 'react';
+import { ButtonProps } from "../../exports/molecules";
+import { IconType } from "../../exports/atoms";
+declare type MenuLocationType = 'top' | 'bottom';
+export declare type MenuOptionType = {
+    title: string;
+    onClick: () => void;
+    icon?: IconType;
+};
+export declare type ButtonWithMenuProps = {
+    menuLocation: MenuLocationType;
+    menuOptions: MenuOptionType[];
+    isExpanded: boolean;
+    isLoading?: boolean;
+    loadingMessage?: string;
+    onClick: () => void;
+} & ButtonProps;
+export declare const ButtonWithMenu: FC<ButtonWithMenuProps>;
+export {};

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

@@ -1,10 +1,10 @@
-import { FC } from 'react';
-import { IconType } from 'src/atoms/iconography/types';
-import { SizeType } from 'src/types/global';
-export type CircleMenuProps = {
-    icon: IconType;
-    size: SizeType;
-    setIsSheetOpen: (isOpen: boolean) => void;
-    isOpen: boolean;
-};
-export declare const CircleMenu: FC<CircleMenuProps>;
+import { FC } from 'react';
+import { IconType } from "../../atoms/iconography/types";
+import { SizeType } from "../../types/global";
+export declare type CircleMenuProps = {
+    icon: IconType;
+    size: SizeType;
+    setIsSheetOpen: (isOpen: boolean) => void;
+    isOpen: boolean;
+};
+export declare const CircleMenu: FC<CircleMenuProps>;

package/dist/src/organisms/circleMenu/styles.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    circleMenuContainer: import("@emotion/react").SerializedStyles;
+    trigger: import("@emotion/react").SerializedStyles;
+};
+export default _default;

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

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