@sendoutcards/quantum-design-ui 1.7.44 → 1.7.47

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

@@ -0,0 +1,15 @@
+import React, { FC } from 'react';
+import { SliderProgressColor } from "../../exports/molecules";
+export declare type QuantitySliderProps = {
+    quantity: number;
+    min: number;
+    max: number;
+    setQuantity: (quantity: number) => void;
+    salePrice?: number;
+    sliderFill?: SliderProgressColor;
+    unitPrice: number;
+    width: number;
+    hasIncrement?: boolean;
+    head?: React.ReactNode;
+};
+export declare const QuantitySlider: FC<QuantitySliderProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { Item } from "../../organisms/qdsChrome/qdsChrome";
+declare type QuickLinkType = {
+    link: Item;
+};
+export declare const QuickLink: FC<QuickLinkType>;
+export {};

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

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { TextColor } from "../../exports/atoms";
+import { HOCSwatchColorKeys, Shadows } from "../../helpers/hoc-types/entityValueTypes";
+export declare type ReleaseNoteCapsuleColor = Extract<HOCSwatchColorKeys, 'primaryBrand' | 'secondaryBrand' | 'warning' | 'danger' | 'success' | 'accent' | 'blueScale'>;
+export declare type CapsuleType = 'new' | 'fix' | 'note';
+export declare type ReleaseNoteProps = {
+    capsule: {
+        title: CapsuleType;
+        backgroundColor?: ReleaseNoteCapsuleColor;
+        fontColor?: TextColor;
+        boxShadow?: Shadows;
+    };
+    note: {
+        title: string;
+        color?: TextColor;
+    };
+};
+export declare const ReleaseNote: FC<ReleaseNoteProps>;

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export declare type ScrollableProps = {
+    maxHeight?: number;
+    onChange?: (progress: number) => void;
+    hasScrollBar?: boolean;
+};
+export declare const Scrollable: FC<ScrollableProps>;

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

@@ -0,0 +1,4 @@
+declare const _default: {
+    scrollableContainer: (hasScrollBar?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare type ScrollingIndicatorProps = {
+    size?: string;
+    backgroundColor?: string;
+};
+export declare const ScrollingIndicator: FC<ScrollingIndicatorProps>;

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

@@ -0,0 +1,5 @@
+declare const _default: {
+    scrollingIndicatorContainer: import("@emotion/utils").SerializedStyles;
+    circleIndicatorContainer: (size?: string | undefined, backgroundColor?: string | undefined) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/select/components/option.d.ts

@@ -0,0 +1,51 @@
+import React from 'react';
+import { IconType } from "../../../atoms/iconography/types";
+export declare type SelectLabelType = 'text' | 'graphic' | 'graphicText';
+export declare type TextLabelProps = {
+    type: 'text';
+    label: string;
+};
+export declare type IconLabelProps = {
+    type: 'graphic';
+    label: {
+        icon: IconType;
+        url?: undefined;
+    } | {
+        icon?: undefined;
+        url: string;
+    };
+};
+export declare type IconTextLabelProps = {
+    type: 'graphicText';
+    label: {
+        icon: IconType;
+        url?: undefined;
+        text: string;
+    } | {
+        icon?: undefined;
+        url: string;
+        text: string;
+    };
+};
+export declare const Option: React.ForwardRefExoticComponent<({
+    alignment?: "left" | "center" | "right" | undefined;
+    onClick?: ((id: number) => void) | undefined;
+    isSelected: boolean;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    id: number;
+} & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
+    alignment?: "left" | "center" | "right" | undefined;
+    onClick?: ((id: number) => void) | undefined;
+    isSelected: boolean;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    id: number;
+} & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
+    alignment?: "left" | "center" | "right" | undefined;
+    onClick?: ((id: number) => void) | undefined;
+    isSelected: boolean;
+    graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | undefined;
+    id: number;
+} & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;

package/dist/src/molecules/select/components/optionContent.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TextLabelProps, IconTextLabelProps, IconLabelProps } from './option';
+declare type OptionContentProps = {} & (TextLabelProps | IconLabelProps | IconTextLabelProps);
+export declare const OptionContent: FC<OptionContentProps>;
+export {};

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

@@ -0,0 +1,61 @@
+import { FC } from 'react';
+import { AlignmentOptions } from "../../exports/atoms";
+import { IconColors, IconType } from "../../atoms/iconography/types";
+declare type OptionWithTextLabelType = {
+    value: string;
+    label: string;
+    hasSeparator?: boolean;
+};
+declare type OptionWithGraphicLabelType = {
+    value: string;
+    label: {
+        icon: IconType;
+        url?: undefined;
+    } | {
+        icon?: undefined;
+        url: string;
+    };
+};
+declare type OptionWithGrapihicTextLabelType = {
+    value: string;
+    label: {
+        icon: IconType;
+        url?: undefined;
+        text: string;
+    } | {
+        icon?: undefined;
+        url: string;
+        text: string;
+    };
+};
+declare type OptionsTextType = {
+    type: 'text';
+    options: OptionWithTextLabelType[];
+};
+declare type OptionsGraphicTextType = {
+    type: 'graphicText';
+    options: OptionWithGrapihicTextLabelType[];
+};
+declare type OptionsGraphicType = {
+    type: 'graphic';
+    options: OptionWithGraphicLabelType[];
+};
+export declare type SelectFocusType = IconColors;
+export declare type SelectProps = {
+    alignment?: AlignmentOptions;
+    onChange: (selectedOptionIndex: number) => void;
+    selectedOptionIndex?: number;
+    dropDownMaxHeight?: string;
+    isDropDownAbove?: boolean;
+    selectHeight?: string;
+    selectWidth?: string;
+    focusColor?: SelectFocusType;
+    message?: {
+        type: 'success' | 'danger' | 'warning';
+        content: string;
+        icon?: IconType;
+        onClick?: () => void;
+    };
+} & (OptionsTextType | OptionsGraphicTextType | OptionsGraphicType);
+export declare const Select: FC<SelectProps>;
+export {};

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

@@ -0,0 +1,10 @@
+import { HOCEntity } from "../../theme/theming/entities";
+import { SelectFocusType } from './select';
+declare const _default: {
+    selectContainer: import("@emotion/utils").SerializedStyles;
+    selectBody: (hocs: HOCEntity, focusColor: SelectFocusType, selectHeight?: string | undefined, selectWidth?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    selectDropdownContents: (maxHeight?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    activeOption: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
+    option: (alignment?: "left" | "center" | "right" | undefined) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export declare type SeparatorProps = {
+    orientation: SeparatorOrientationType;
+    dashed?: boolean;
+    caption?: string;
+    shouldCaptionWrap?: boolean;
+};
+export declare type SeparatorOrientationType = 'vertical' | 'horizontal';
+export declare const Separator: FC<SeparatorProps>;

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

@@ -0,0 +1,8 @@
+import { SeparatorOrientationType } from './separator';
+import { SeparatorEntity } from "../../theme/theming/entities";
+declare const _default: {
+    separatorContainer: (orientation: SeparatorOrientationType) => import("@emotion/utils").SerializedStyles;
+    separator: (separatorEntity: SeparatorEntity, orientation: SeparatorOrientationType, dashed?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
+    hrContainer: (orientation: SeparatorOrientationType) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

package/dist/src/molecules/sheet/components/snapPoint.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare type SnapPointProps = {
+    name?: string;
+};
+export declare const SnapPoint: FC<SnapPointProps>;
+export {};

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

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type SheetProps = {
+    isOpen: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+    draggable?: boolean;
+    backgroundColor?: string;
+    layer?: number;
+    backgroundElement?: React.ReactNode;
+    backgroundElementBackgroundColor?: BackgroundColor;
+    snapPointPercentages?: number[];
+    initialSnapPoint?: number | string;
+    outsideClickBypassId?: string;
+    zIndex?: number;
+    bgElementSelector?: string;
+};
+export declare const Sheet: FC<SheetProps>;

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

@@ -0,0 +1,8 @@
+import { SheetEntity } from "../../theme/theming/entities";
+declare const _default: {
+    sheetWrapper: (mobile: boolean, layer?: number | undefined) => import("@emotion/utils").SerializedStyles;
+    sheet: (sheetEntity: SheetEntity, hasBackgroundElement: boolean, isMobile: boolean, backgroundColor?: string | undefined) => import("@emotion/utils").SerializedStyles;
+    dragBar: import("@emotion/utils").SerializedStyles;
+    childWrapper: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+export declare type SidebarPosition = 'left' | 'right';
+export declare type SidebarProps = {
+    outsideClickEvent?: () => void;
+    width?: string;
+    position?: SidebarPosition;
+    zIndex?: number;
+    height?: string;
+};
+export declare const Sidebar: FC<SidebarProps>;

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { IconColors } from "../../exports/atoms";
+export declare type SliderProgressColor = IconColors;
+export declare type SliderOriginType = 'left' | 'center';
+export declare type SliderProps = {
+    value: number;
+    min: number;
+    max: number;
+    setValue: (value: number) => void;
+    activeColor?: SliderProgressColor;
+    isDisabled?: boolean;
+    origin?: SliderOriginType;
+    width: number;
+};
+export declare const Slider: FC<SliderProps>;

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

@@ -0,0 +1,7 @@
+import { SliderEntity } from "../../theme/theming/entities";
+declare const _default: {
+    sliderProgress: (isDisabled: boolean) => import("@emotion/utils").SerializedStyles;
+    sliderBar: (sliderEntity: SliderEntity) => import("@emotion/utils").SerializedStyles;
+    sliderHandle: (isDisabled: boolean, sliderEntity: SliderEntity, handleHeight: number) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { TextColor } from "../../exports/atoms";
+import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
+import { SizeType } from "../../types/global";
+import { Char } from "../../types/global";
+export declare type SphereProps = {
+    backgroundColor: BackgroundColor;
+    step: {
+        content: Char | number;
+        color?: TextColor;
+    };
+    size: SizeType;
+};
+export declare const Sphere: FC<SphereProps>;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { BackgroundColor, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type StackedCardsProps = {
+    width: number;
+    height: number;
+    stackCount?: number;
+    backgroundImage?: string;
+    stackBackgroundColor?: BackgroundColor;
+    borderRadius?: BorderRadius;
+};
+export declare const StackedCards: FC<StackedCardsProps>;

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

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

package/dist/src/molecules/stoplight/components/colorOption.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
+import { SizeType } from "../../../types/global";
+export declare type ColorOptionProps = {
+    hexColor: string;
+    size?: SizeType;
+    onClick: () => void;
+};
+export declare const getSize: (size: SizeType) => HOCSpacingKeys;
+export declare const ColorOption: FC<ColorOptionProps>;

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+export declare type StoplightProps = {
+    activeIndex: number;
+    setActiveIndex: (index: number) => void;
+    isExpanded?: boolean;
+    setIsExpanded?: (isExpanded: boolean) => void;
+    type: 'colors' | 'icons';
+    onClick?: () => void;
+    orientation?: 'horizontal' | 'vertical';
+    isCollapsible?: boolean;
+};
+export declare const Stoplight: FC<StoplightProps>;

package/dist/src/molecules/tab/components/tab.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+declare type TabContentProps = {
+    tabKey: string | number;
+    title: string;
+};
+export declare const Tab: FC<TabContentProps>;
+export {};

package/dist/src/molecules/tab/tabs.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+import { TextColor } from "../../atoms/typography/text";
+import { JustifyContent } from "../../helpers/hoc-types/cssValueTypes";
+export declare type TabProps = {
+    defaultActiveKey?: number | string;
+    activeColor?: TextColor;
+    gap?: HOCSpacingKeys;
+    height: string;
+    justify?: JustifyContent;
+};
+export declare const Tabs: FC<TabProps>;

package/dist/src/molecules/table/components/rowItem.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../../helpers/hoc-types/entityValueTypes";
+declare type RowItemProps = {
+    alignment?: 'left' | 'center' | 'right';
+    inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+};
+export declare const RowItem: FC<RowItemProps>;
+export {};

package/dist/src/molecules/table/components/tableRow.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+declare type TableRowProps = {
+    columnCount: number;
+};
+export declare const TableRow: FC<TableRowProps>;
+export {};

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    table: (rowCount: number) => import("@emotion/utils").SerializedStyles;
+    tableRow: (columns: number, breakPoint: number) => import("@emotion/utils").SerializedStyles;
+    rowItem: (alignment: string) => import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { WeightType } from "../../exports/atoms";
+import { SpacingDirection, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare type TableItemAlignment = 'left' | 'center' | 'right';
+export declare type TableProps = {
+    rowCount: number;
+    columnCount: number;
+    headers?: string[];
+    headerAlignment?: TableItemAlignment;
+    headerWeight?: WeightType;
+    headerInset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+};
+export declare const Table: FC<TableProps>;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { TextType } from "../../exports/atoms";
+export declare type TitledListProps = {
+    title: string;
+    listItems: string[];
+    listStyle?: 'ordered' | 'unordered';
+    titleSize?: TitleSize;
+};
+export declare type TitleSize = Extract<TextType, 'subtitle' | 'largeBody' | 'body'>;
+export declare const TitledList: FC<TitledListProps>;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare type TodoPropTypes = {
+    todo: string;
+};
+export declare const Todo: FC<TodoPropTypes>;

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

@@ -0,0 +1,6 @@
+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/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ColorModeType } from "../../types/global";
+export declare type TooltipProps = {
+    title: string;
+    direction: DirectionType;
+    background?: ColorModeType;
+    repositionTooltip?: boolean;
+    zIndex?: number;
+};
+export declare type DirectionType = 'left' | 'right' | 'top' | 'bottom';
+export declare const Tooltip: FC<TooltipProps>;

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

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

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

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

@@ -0,0 +1,25 @@
+import React, { FC } from 'react';
+import { HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+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;
+};
+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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare type AccordionBodyProps = {
+    eventKey: number | string;
+    onAnimationComplete?: () => void;
+};
+export declare const AccordionBody: FC<AccordionBodyProps>;

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

@@ -0,0 +1,11 @@
+import { FC } 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;
+};
+export declare const AccordionHeading: FC<AccordionHeadingProps>;

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

@@ -0,0 +1,9 @@
+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,5 @@
+declare const _default: {
+    accordionContainer: import("@emotion/utils").SerializedStyles;
+    accordionBody: import("@emotion/utils").SerializedStyles;
+};
+export default _default;

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

@@ -0,0 +1,17 @@
+import { FC } 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;
+};
+export declare type AccountMenuItem = {
+    icon?: IconType;
+    title: string;
+    onClick: () => void;
+    badge?: string;
+};
+export declare const AccountMenu: FC<AccountMenuProps>;

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

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

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+export declare type AnimateGridProps = {
+    gridImages?: AnimatedGridImageType[];
+    shouldAnimate?: boolean;
+    animationDirection?: 'horizontal' | 'vertical';
+    rotation?: RotationAndOffsetType;
+    gap?: number;
+    columnSize?: number;
+    rowSize?: number;
+    maxWidth?: number;
+};
+export declare type AnimatedGridImageType = {
+    url: string;
+    colSpan?: number;
+    rowSpan?: number;
+};
+declare type RotationAndOffsetType = {
+    degrees: number;
+    offset?: number;
+};
+export declare const AnimatedGrid: FC<AnimateGridProps>;
+export {};