@sendoutcards/quantum-design-ui 1.7.34 → 1.7.35

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

@@ -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/exports/molecules.d.ts

@@ -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

@@ -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

@@ -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/comparisonItem/comparisonItem.d.ts

@@ -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

@@ -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;
@@ -9,5 +9,9 @@ export declare type DialogProps = {
     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/separator/separator.d.ts

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1,6 +1,6 @@
 {
   "name": "@sendoutcards/quantum-design-ui",
-  "version": "1.7.34",
+  "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

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