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

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

@@ -1,20 +1,20 @@
-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 {};
+import React, { FC } from 'react';
+import { HOCColorKeysWithSwatch } from "../../helpers/hoc-types/entityValueTypes";
+declare type ConfigurationCardType = 'addon' | 'info' | 'upsale';
+export declare 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/src/organisms/confirmDialog/confirmDialog.d.ts

@@ -1,29 +1,29 @@
-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>;
+import { FC } from 'react';
+import { DialogProps } from "../../molecules/dialog/dialog";
+export declare 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/src/organisms/contentPusher/contentPusher.d.ts

@@ -1,24 +1,24 @@
-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 {};
+import React, { FC } from 'react';
+declare type VerticalZone = {
+    component: React.ReactNode;
+    height: number | string;
+};
+declare type HorizontalZone = {
+    component: React.ReactNode;
+    width: number | string;
+};
+export declare type ZoneType = {
+    top?: VerticalZone;
+    bottom?: VerticalZone;
+    left?: HorizontalZone;
+    right?: HorizontalZone;
+};
+export declare 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/src/organisms/featureAnnouncement/featureAnnouncement.d.ts

@@ -1,18 +1,18 @@
-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>;
+import { FC } from 'react';
+import { ButtonType } from "../../exports/molecules";
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+export declare 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/src/organisms/imageGrid/imageGrid.d.ts

@@ -1,26 +1,26 @@
-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>;
+import { FC } from 'react';
+export declare 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/src/organisms/imageUploadWidget/imageUploadWidget.d.ts

@@ -1,29 +1,28 @@
-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>;
+import { FC } from 'react';
+import { AcceptedFiles, RejectedFiles } from '../imageUploader/imageUploader';
+export declare type UserImage = {
+    url: string;
+    onClick: () => void;
+    isHorizontal: boolean;
+};
+export declare 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/src/organisms/imageUploadWidget/styles.d.ts

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

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

@@ -1,19 +1,20 @@
-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 {};
+import React from 'react';
+import { FileRejection } from 'react-dropzone';
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+declare type AcceptedFileType = 'jpg' | 'png' | 'gif' | 'jpeg';
+export declare 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 declare type AcceptedFiles = File[];
+export declare type RejectedFiles = FileRejection[];
+export declare const ImageUploader: (props: ImageUploaderProps) => React.JSX.Element;
+export {};

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

@@ -1,18 +1,18 @@
-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>;
+import { FC } from 'react';
+import { TextProps } from "../../exports/atoms";
+import { SliderOriginType, SliderProgressColor } from "../../molecules/slider/slider";
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare 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/src/organisms/incrementSetting/loader/incrementSettingLoader.d.ts

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

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    incrementSettingContainer: (isStacked?: boolean) => import("@emotion/react").SerializedStyles;
+};
+export default _default;

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

@@ -1,24 +1,24 @@
-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 {};
+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 {};

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

@@ -1,16 +1,15 @@
-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 {};
+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 {};

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

@@ -0,0 +1,8 @@
+declare const _default: {
+    navigationPillContainer: (height: number) => import("@emotion/react").SerializedStyles;
+    pillBackground: import("@emotion/react").SerializedStyles;
+    pillCutOut: (cutOutSize: number) => import("@emotion/react").SerializedStyles;
+    pillDot: (cutOutSize: number) => import("@emotion/react").SerializedStyles;
+    pillItem: (height: number) => import("@emotion/react").SerializedStyles;
+};
+export default _default;

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

@@ -1,19 +1,18 @@
-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>;
+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>;

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

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

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

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

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

@@ -1,10 +1,13 @@
-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 {};
+import React from 'react';
+declare type PinBoxProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onBackspace: () => void;
+    onFocus?: () => void;
+    isSecret?: boolean;
+    isFocused?: boolean;
+    totalLength?: number;
+    autoComplete?: string;
+};
+export declare const PinBox: React.FC<PinBoxProps>;
+export {};

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

@@ -1,14 +1,13 @@
-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>;
+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>;

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

@@ -0,0 +1,7 @@
+import { InputsEntity } from "../../theme/theming/entities";
+declare const _default: {
+    pinForm: (inputEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
+    pinBoxContainer: import("@emotion/react").SerializedStyles;
+    pinBox: (inputEntity: InputsEntity) => import("@emotion/react").SerializedStyles;
+};
+export default _default;