npm - @sendoutcards/quantum-design-ui - Versions diffs - 1.7.31 → 1.7.35 - Mend

@sendoutcards/quantum-design-ui 1.7.31 → 1.7.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/dist/src/atoms/capsule/capsule.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import { BackgroundColor } from "../../helpers/hoc-types/hocBaseUnion";
 import { Shadows } from "../../helpers/hoc-types/entityValueTypes";
 export declare type CapsuleProps = {
     title: string;
-    backgrounColor?: BackgroundColor;
+    backgroundColor?: BackgroundColor;
     fontColor?: TextColor;
     boxShadow?: Shadows;
 };

package/dist/src/atoms/iconography/icons/viewCarousel.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SVGProps } from '../types/index';
+export declare const ViewCarousel: FC<SVGProps>;

package/dist/src/atoms/iconography/icons/viewSinglePanel.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SVGProps } from '../types/index';
+export declare const ViewSinglePanel: FC<SVGProps>;

package/dist/src/atoms/iconography/types/index.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export declare type SVGProps = {
     entity: IconsEntity;
     orientation?: orientation;
 };
-export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | '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';
+export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | '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';
 export declare type IconProps = {
     name: IconType;
 } & Omit<SVGProps, 'entity'>;

package/dist/src/atoms/vStack/vStack.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { HOCSpacingKeys, Responsive, SpacingDirection, LiteralUnion } from "../../helpers/hoc-types/entityValueTypes";
-import { CSSGridBaseValues } from "../../helpers/hoc-types/cssValueTypes";
+import { CSSGridBaseValues, Overflow } from "../../helpers/hoc-types/cssValueTypes";
+import { Width, Height } from "../../helpers/hoc-types/hocBaseUnion";
 export declare type VStackProps = {
     gap: HOCSpacingKeys;
     justifyContent?: Responsive<CSSGridBaseValues> | CSSGridBaseValues;
@@ -8,5 +9,8 @@ export declare type VStackProps = {
     alignItems?: Responsive<CSSGridBaseValues> | CSSGridBaseValues;
     inset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
     outset?: SpacingDirection | LiteralUnion<HOCSpacingKeys>;
+    width?: Width;
+    height?: Height;
+    overflow?: Overflow;
 };
 export declare const VStack: FC<VStackProps>;

package/dist/src/exports/molecules.d.ts CHANGED Viewed

@@ -60,3 +60,4 @@ export * from "../molecules/titledList/titledList";
 export * from "../molecules/imageThumbnail/imageThumbnail";
 export * from "../molecules/displayCard/displayCard";
 export * from "../molecules/releaseNote/releaseNote";
+export * from "../molecules/comparisonItem/comparisonItem";

package/dist/src/exports/organisms.d.ts CHANGED Viewed

@@ -42,3 +42,5 @@ export * from "../organisms/releaseNoteDialog/releaseNoteDialog";
 export * from "../organisms/imageUploader/imageUploader";
 export * from "../organisms/imageUploadWidget/imageUploadWidget";
 export * from "../organisms/configurationCard/configurationCard";
+export * from "../organisms/upsaleDialog/upsaleDialog";
+export * from "../organisms/comparisonIncludesList/comparisonIncludesList";

package/dist/src/exports/socPortfolio.d.ts CHANGED Viewed

@@ -6,3 +6,4 @@ export * from "../portfolios/soc/affiliateShareWidget/affiliateShareWidget";
 export * from "../portfolios/soc/components/bulkSend/bulkSend";
 export * from "../portfolios/soc/components/bulkSend/cardQuantitySlider";
 export * from "../portfolios/soc/components/paperTypeModal/paperTypeModal";
+export * from "../portfolios/soc/subscriptionUpsaleDialog/subscriptionUpsaleDialog";

package/dist/src/molecules/closeButton/closeButton.d.ts CHANGED Viewed

@@ -9,5 +9,6 @@ export declare type CloseButtonProps = {
     top?: string;
     right?: string;
     size?: SizeType;
+    id?: string;
 };
 export declare const CloseButton: FC<CloseButtonProps>;

package/dist/src/molecules/comparisonItem/comparisonItem.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { entities } from "../../theme/theming/entities";
+declare type ColorType = keyof typeof entities.animatedCheckmark.colors;
+export declare type ComparisonItemProps = {
+    title: string;
+    description?: string;
+    isIncluded: boolean;
+    checkMarkColor?: ColorType;
+    maxWidth?: string;
+    isMinified?: boolean;
+};
+export declare const ComparisonItem: FC<ComparisonItemProps>;
+export {};

package/dist/src/molecules/dialog/dialog.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React from 'react';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
 export declare type DialogProps = {
     zIndex?: number;
@@ -7,5 +7,11 @@ export declare type DialogProps = {
     maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
     maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
     bgElementSelector?: string;
+    isFullScreen?: boolean;
+    closeButtonId?: string;
+    insetOverride?: HOCSpacingKeys;
+    height?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
 };
-export declare const Dialog: FC<DialogProps>;
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

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

@@ -31,21 +31,21 @@ 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" | 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" | undefined;
+    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" | 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" | undefined;
+    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" | 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" | undefined;
+    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/separator/separator.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ 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/organisms/comparisonIncludesList/comparisonIncludesList.d.ts ADDED Viewed

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

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

@@ -1,6 +1,7 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
+declare type ConfigurationCardType = 'addon' | 'upsale' | 'info';
 export declare type ConfigurationCardProps = {
-    graphic: 'blank' | 'addressed' | 'withStamp' | 'none';
+    graphic?: 'blank' | 'addressed' | 'withStamp' | 'none' | React.ReactNode;
     title: string;
     description: string;
     cost?: number | string;
@@ -10,5 +11,7 @@ export declare type ConfigurationCardProps = {
     itemPriceTitle?: string;
     stackedCardImage?: string;
     layout?: 'horizontal' | 'vertical';
+    type?: ConfigurationCardType;
 };
 export declare const ConfigurationCard: FC<ConfigurationCardProps>;
+export {};

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

@@ -14,6 +14,7 @@ declare type FeaturedItemStyleType = {
 declare type FeatureWithSubFeatures = {
     feature: string;
     subFeatures: string[];
+    isNotIncluded?: boolean;
 };
 declare type Features = FeatureWithSubFeatures | string;
 declare type Disclaimer = {

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

@@ -12,6 +12,6 @@ export declare type RadioOptionListProps = {
     submitAction: OptionSubmitType;
     defaultNumOptionsShown?: number;
     globalInfoActionOverride?: (optionId?: string) => void;
-    extraLink: AnchorProps;
+    extraLink?: AnchorProps;
 };
 export declare const RadioOptionList: FC<RadioOptionListProps>;

package/dist/src/organisms/upsaleDialog/styles.d.ts ADDED Viewed

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

package/dist/src/organisms/upsaleDialog/upsaleDialog.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React, { FC } from 'react';
+import { OptionSubmitType } from "../../exports/organisms";
+import { UpsaleOptionsType } from './upsaleOptions';
+import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
+export declare type UpsaleDialogProps = {
+    title: string;
+    description: string;
+    checkoutTitle: string;
+    checkoutDescription: string;
+    submitAction: OptionSubmitType;
+    upsaleContent: React.ReactNode;
+    optionFormLocation?: 'right' | 'left';
+    isOpen: boolean;
+    setIsDialogOpen: (isOpen: boolean) => void;
+    children: React.ReactNode;
+    maxWidth?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    maxHeight?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    height?: Responsive<LiteralUnion<HOCSpacingKeys>> | LiteralUnion<HOCSpacingKeys>;
+    zIndex?: number;
+    insetOverride?: HOCSpacingKeys;
+    successComponent?: React.ReactNode;
+} & UpsaleOptionsType;
+export declare const UpsaleDialog: FC<UpsaleDialogProps>;

package/dist/src/organisms/upsaleDialog/upsaleOptions.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import React, { FC } from 'react';
+import { OptionSubmitType } from "../../exports/organisms";
+export declare type UpsaleOptionType = {
+    title: string;
+    subtitle?: string;
+    optionId: string;
+    isFeatured?: boolean;
+};
+declare type ExtraLinkType = {
+    title: string;
+    onClick?: () => void;
+    href?: string;
+};
+export declare type UpsaleOptionsType = {
+    selectableOptions: UpsaleOptionType[];
+    selectedOption: string;
+    handleSelectedOption: (optionId: string) => void;
+    removeSelectedOption: () => void;
+    submitAction: OptionSubmitType;
+    extraLink?: ExtraLinkType;
+    numSelectableOptionsShown?: number;
+    children: React.ReactNode;
+};
+declare type UpsaleOptionsProps = UpsaleOptionsType & {
+    showCheckoutView: boolean;
+    handleShouldShowCheckoutView: (value: boolean) => void;
+};
+export declare const UpsaleOptions: FC<UpsaleOptionsProps>;
+export {};

package/dist/src/portfolios/soc/subscriptionUpsaleDialog/constants/constants.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export declare const comparisonItems37: {
+    title: string;
+    description: string;
+    isIncluded: boolean;
+}[];
+export declare const comparisonItems97: {
+    title: string;
+    description: string;
+    isIncluded: boolean;
+}[];

package/dist/src/portfolios/soc/subscriptionUpsaleDialog/subscriptionUpsaleDialog.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { UpsaleDialogProps } from "../../../exports/organisms";
+export declare const SubscriptionUpsaleDialog: FC<UpsaleDialogProps>;

package/dist/src/stories/atoms/Icons.stories.d.ts CHANGED Viewed

@@ -99,6 +99,8 @@ export declare const UppercaseText: any;
 export declare const User: any;
 export declare const UserSuccess: any;
 export declare const View: any;
+export declare const ViewCarousel: any;
 export declare const ViewPanels: any;
+export declare const ViewSinglePanel: any;
 export declare const Wand: any;
 export declare const Youtube: any;

package/dist/src/stories/molecules/ComparisonItem.stories.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const IsIncluded: any;

package/dist/src/stories/organisms/ComparisonIncludesList.stories.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const IsIncluded: any;

package/dist/src/stories/organisms/ConfigurationCard.stories.d.ts CHANGED Viewed

@@ -2,5 +2,6 @@ import { Meta } from '@storybook/react/types-6-0';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const ConfigurationCardWithCallback: any;
+export declare const UpsaleDialog: any;
 export declare const ConfigurationInfoCard: any;
 export declare const VerticalCard: any;

package/dist/src/stories/organisms/ConfirmDialog.stories.d.ts CHANGED Viewed

@@ -3,4 +3,5 @@ declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
 export declare const Basic: any;
 export declare const Confirm: any;
+export declare const UpsaleDialogCard: any;
 export declare const Disclaimer: any;

package/dist/src/stories/organisms/UpsaleDialog.stories.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const UpsaleDialogComponent: any;

package/dist/src/stories/portfolios/SOC/subscriptionUpsale/SubscriptionUpsaleDialog.stories.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react/types-6-0';
+declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
+export default _default;
+export declare const SubscriptionUpsaleDialogComponent: any;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.31",
+  "version": "1.7.35",
   "description": "UI component library for Quantum Design System",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",

package/dist/src/molecules/overlay/styles.d.ts DELETED Viewed

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