@sendoutcards/quantum-design-ui 1.7.73 → 1.7.74

package/dist/index.es.js

@@ -14047,6 +14047,7 @@ var Input = function (_a) {
       hasSecurePassword = _l === void 0 ? false : _l,
       maxLength = _a.maxLength,
       isMaxLengthHit = _a.isMaxLengthHit,
+      autoComplete = _a.autoComplete,
       onMaxLengthCap = _a.onMaxLengthCap,
       id = _a.id,
       onBlur = _a.onBlur;
@@ -14306,7 +14307,8 @@ var Input = function (_a) {
         handleOnChange(e.target.value, 0, 1);
       }
     },
-    onBlur: handleOnBlur
+    onBlur: handleOnBlur,
+    autoComplete: autoComplete
   }), type === 'number' && jsx(Div, {
     css: styles$x.numberInputButtons(isDisabled),
     zIndex: 1
@@ -22165,8 +22167,7 @@ var ImageUploadWidget = function (_a) {
 };
 
 var ConfigurationCard = function (_a) {
-  var _b = _a.graphic,
-      graphic = _b === void 0 ? 'none' : _b,
+  var graphic = _a.graphic,
       description = _a.description,
       cost = _a.cost,
       title = _a.title,
@@ -22174,15 +22175,13 @@ var ConfigurationCard = function (_a) {
       onSelect = _a.onSelect,
       configurationId = _a.configurationId,
       itemPriceTitle = _a.itemPriceTitle,
-      stackedCardImage = _a.stackedCardImage,
       layout = _a.layout,
-      _c = _a.type,
-      type = _c === void 0 ? 'addon' : _c,
+      _b = _a.type,
+      type = _b === void 0 ? 'addon' : _b,
       isFeatured = _a.isFeatured,
-      _d = _a.backgroundColor,
-      backgroundColor = _d === void 0 ? 'background' : _d,
+      _c = _a.backgroundColor,
+      backgroundColor = _c === void 0 ? 'background' : _c,
       isSelected = _a.isSelected;
-  var hasNoGraphic = graphic === 'none';
   var width = useWindowSize().width;
   var responsiveLayout = width < 420 ? 'vertical' : layout;
   return jsx(Flex, {
@@ -22191,64 +22190,43 @@ var ConfigurationCard = function (_a) {
     },
     position: "relative",
     boxShadow: "mediumDark",
-    backgroundColor: graphic === 'none' && type !== 'upsale' ? backgroundColor : type === 'upsale' ? isSelected ? {
-      swatch: 'primaryBrand',
-      shade: 'base'
-    } : backgroundColor : backgroundColor,
+    backgroundColor: backgroundColor,
     cursor: "pointer",
     inset: {
-      vertical: 'x4',
+      vertical: 'x2_5',
       horizontal: 'x2'
     },
     borderWidth: "default",
     borderRadius: "default",
     borderStyle: "solid",
-    borderColor: isSelected && type !== 'upsale' && type !== 'info' ? {
+    borderColor: isSelected && type === 'upsale' ? {
+      swatch: 'primaryBrand',
+      shade: 'base'
+    } : isSelected && type === 'addon' ? {
       swatch: 'success',
       shade: 'base'
     } : 'transparent'
   }, jsx(Div, {
     right: "x1",
     position: "absolute",
-    top: "x1"
+    top: "x_75"
   }, isSelected && type === 'addon' ? jsx(AnimatedCheckMark, null) : type === 'info' ? jsx(Icon, {
     name: "information",
     size: "small",
     primaryColor: "secondaryBrand"
-  }) : type === 'upsale' && isFeatured ? jsx(Capsule, {
-    backgroundColor: !isSelected && type === 'upsale' ? {
+  }) : type === 'upsale' && isFeatured && jsx(Capsule, {
+    backgroundColor: {
       swatch: 'primaryBrand',
       shade: 'base'
-    } : 'background',
-    fontColor: isSelected && type === 'upsale' ? 'primaryBody' : 'inverseBody',
+    },
+    fontColor: "inverseBody",
     title: "Popular"
-  }) : jsx(React.Fragment, null)), jsx(Flex, {
+  })), jsx(Flex, {
     justifyContent: "flex-start",
     alignItems: "center",
     width: "100%",
     flexDirection: responsiveLayout || layout === 'vertical' ? 'column' : 'row'
-  }, !hasNoGraphic && type !== 'upsale' ? jsx(Div, {
-    position: "relative",
-    width: {
-      xSmall: '100px',
-      small: '116px'
-    }
-  }, jsx(StackedCards, {
-    width: 100,
-    height: 75,
-    stackCount: 5,
-    backgroundImage: stackedCardImage
-  })) : graphic === 'none' ? jsx(React.Fragment, null) : !isSelected && type === 'upsale' ? jsx(Div, {
-    width: "x3",
-    height: "x3",
-    borderRadius: "circle",
-    borderWidth: "thin",
-    borderStyle: "solid",
-    borderColor: {
-      swatch: 'grayScale',
-      shade: '_900'
-    }
-  }) : graphic, jsx(Div, {
+  }, graphic, jsx(Div, {
     minWidth: {
       small: '216px'
     },
@@ -22260,7 +22238,7 @@ var ConfigurationCard = function (_a) {
       left: 'x2'
     }
   }, jsx(Flex, null, jsx(Text, {
-    color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
+    color: "primaryBody",
     alignment: responsiveLayout ? 'center' : 'left',
     weight: "bold",
     type: "largeBody",
@@ -22269,19 +22247,20 @@ var ConfigurationCard = function (_a) {
     outset: {
       left: 'x1'
     },
-    color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
+    color: "primaryBody",
     alignment: responsiveLayout ? 'center' : 'left',
     weight: "thin",
     type: "largeBody",
     content: secondaryTitle
   })), jsx(Text, {
-    color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
+    color: "primaryBody",
     alignment: responsiveLayout ? 'center' : 'left',
     type: {
       xSmall: 'footnote',
       medium: 'caption'
-    }
-  }, description)), cost && type !== 'info' && jsx(Flex, {
+    },
+    content: description
+  })), cost && type !== 'info' && jsx(Flex, {
     flexDirection: "row",
     outset: responsiveLayout ? 'x0' : {
       left: 'auto'
@@ -22289,14 +22268,14 @@ var ConfigurationCard = function (_a) {
     inset: "x_5",
     alignItems: "center"
   }, jsx(Text, {
-    color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
+    color: "primaryBody",
     lineHeight: 1,
     weight: "semiBold",
     inset: "0",
     type: "body",
     content: (typeof cost === 'number' ? "$" + cost.toFixed(2) : cost) + " "
   }), jsx(Text, {
-    color: isSelected && type === 'upsale' ? 'inverseBody' : 'primaryBody',
+    color: "primaryBody",
     lineHeight: 1,
     inset: "0",
     type: "body",
@@ -23672,8 +23651,7 @@ var BulkSend = function (_a) {
         },
         isSelected: config.configurationId === section.activeConfigurationId,
         cost: config.configurationPrice,
-        itemPriceTitle: config.configurationItemPriceTitle,
-        stackedCardImage: config.frontPanelImage
+        itemPriceTitle: config.configurationItemPriceTitle
       });
     })), index !== configurationSections.length - 1 && jsx(Div, {
       outset: {

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
+import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
+export declare type DivProps = {
+    children?: React.ReactNode;
+    outsideClick?: () => void;
+    clickElementBypass?: string;
+} & HOCBaseProps & HOCMotionProps;
+export declare const Companion: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    outsideClick?: (() => void) | undefined;
+    clickElementBypass?: string | undefined;
+} & HOCBaseProps & {
+    className?: string | undefined;
+    motionKey?: string | number | undefined;
+    id?: string | undefined;
+} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -31,6 +31,7 @@ export declare type InputProps = {
     hasSecurePassword?: boolean;
     maxLength?: number;
     isMaxLengthHit?: boolean;
+    autoComplete?: string;
     onMaxLengthCap?: (isCapped: boolean) => void;
     onBlur?: (e?: React.FocusEvent) => void;
 };

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

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { HOCColorKeysWithSwatch } from "../../helpers/hoc-types/entityValueTypes";
 declare type ConfigurationCardType = 'addon' | 'info' | 'upsale';
 export declare type ConfigurationCardProps = {
-    graphic?: 'blank' | 'addressed' | 'withStamp' | 'none' | React.ReactNode;
+    graphic?: React.ReactNode;
     title: string;
     secondaryTitle?: string;
     description?: string;
@@ -11,7 +11,6 @@ export declare type ConfigurationCardProps = {
     onSelect?: (configurationId: string) => void;
     configurationId: string;
     itemPriceTitle?: string;
-    stackedCardImage?: string;
     layout?: 'horizontal' | 'vertical';
     type?: ConfigurationCardType;
     isFeatured?: boolean;

package/dist/src/portfolios/soc/components/bulkSend/bulkSend.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { SliderProgressColor } from "../../../../exports/molecules";
-import { ConfirmDialogProps } from "../../../../exports/organisms";
+import { ConfigurationCardProps, ConfirmDialogProps } from "../../../../exports/organisms";
 export declare type ConfigurationOptionSection = {
     title: string;
     description: string;
@@ -10,13 +10,12 @@ export declare type ConfigurationOptionSection = {
     configurationList: ConfigurationListOption[];
 };
 declare type ConfigurationListOption = {
-    graphicType: 'blank' | 'addressed' | 'withStamp' | 'none';
+    graphicType?: ConfigurationCardProps['graphic'];
     configurationId: string;
     configurationTitle: string;
     configurationDescription: string;
     configurationPrice?: number;
     configurationItemPriceTitle?: string;
-    frontPanelImage?: string;
 };
 export declare type BulkSendProps = {
     quantity: number;

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

@@ -2,7 +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;
-export declare const upsale: any;
+export declare const Upsale: any;
+export declare const Info: any;
+export declare const Vertical: any;

package/package.json

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