@sendoutcards/quantum-design-ui 1.7.86 → 1.7.88

package/dist/index.es.js

@@ -15874,7 +15874,9 @@ var Checkbox = function (_a) {
       onChange = _a.onChange,
       _b = _a.type,
       type = _b === void 0 ? 'primary' : _b,
-      label = _a.label;
+      label = _a.label,
+      _c = _a.id,
+      id = _c === void 0 ? 'cb' : _c;
   var tickVariants = {
     unchecked: {
       pathLength: 0
@@ -15899,9 +15901,9 @@ var Checkbox = function (_a) {
       return onChange(!isChecked);
     },
     type: "checkbox",
-    id: "cb"
+    id: id
   }), jsx("label", {
-    htmlFor: "cb"
+    htmlFor: id
   }, jsx("div", {
     css: styles$t.box(inputs)
   }, jsx("span", {
@@ -24312,7 +24314,8 @@ var StackedCardHead = function (_a) {
   var cardImage = _a.cardImage,
       cardOrientation = _a.cardOrientation,
       quantity = _a.quantity,
-      quantityDescription = _a.quantityDescription;
+      quantityDescription = _a.quantityDescription,
+      secondaryAction = _a.secondaryAction;
   return jsx(VStack, {
     gap: "x2"
   }, jsx(StackedCards, {
@@ -24320,7 +24323,7 @@ var StackedCardHead = function (_a) {
     height: cardOrientation === 'vertical' ? 285 : 200,
     stackBackgroundColor: "background",
     backgroundImage: cardImage
-  }), jsx(Text, {
+  }), secondaryAction && secondaryAction, jsx(Text, {
     type: "largeBody",
     weight: "bold",
     color: "primaryHeading",
@@ -24337,14 +24340,16 @@ var CardQuantitySlider = function (props) {
   var cardOrientation = props.cardOrientation,
       cardImage = props.cardImage,
       quantityDescription = props.quantityDescription,
-      rest = __rest(props, ["cardOrientation", "cardImage", "quantityDescription"]);
+      secondaryAction = props.secondaryAction,
+      rest = __rest(props, ["cardOrientation", "cardImage", "quantityDescription", "secondaryAction"]);
 
   return jsx(React.Fragment, null, jsx(QuantitySlider, _extends({}, rest, {
     head: jsx(StackedCardHead, {
       cardOrientation: cardOrientation,
       quantity: rest.quantity,
       quantityDescription: quantityDescription,
-      cardImage: cardImage
+      cardImage: cardImage,
+      secondaryAction: secondaryAction
     })
   })));
 };
@@ -24370,7 +24375,8 @@ var BulkSend = function (_a) {
       isConfigurable = _a.isConfigurable,
       disableMessage = _a.disableMessage,
       sliderOrientation = _a.sliderOrientation,
-      sliderImage = _a.sliderImage;
+      sliderImage = _a.sliderImage,
+      secondaryAction = _a.secondaryAction;
 
   var _b = React.useState(false),
       isAddDialogOpen = _b[0],
@@ -24601,7 +24607,8 @@ var BulkSend = function (_a) {
     sliderFill: sliderFill,
     hasIncrement: hasIncrement,
     cardImage: sliderImage,
-    cardOrientation: sliderOrientation
+    cardOrientation: sliderOrientation,
+    secondaryAction: secondaryAction
   }), jsx(Flex, {
     outset: {
       top: 'x4'

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

@@ -4,6 +4,7 @@ export declare type CheckboxProps = {
     isChecked: boolean;
     type?: CheckboxType;
     label?: string;
+    id?: string;
 };
 export declare type CheckboxType = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'dark';
 export declare const Checkbox: FC<CheckboxProps>;

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

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 export declare type StackedCardHeadProps = {
     cardImage?: string;
     cardOrientation?: 'vertical' | 'horizontal';
     quantity: number;
     quantityDescription: string;
+    secondaryAction?: React.ReactNode;
 };
 export declare const StackedCardHead: FC<StackedCardHeadProps>;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { SliderProgressColor } from "../../../../exports/molecules";
 import { ConfigurationCardProps, ConfirmDialogProps } from "../../../../exports/organisms";
 export declare type ConfigurationOptionSection = {
@@ -40,6 +40,7 @@ export declare type BulkSendProps = {
     disableMessage: string;
     sliderImage?: string;
     sliderOrientation?: 'vertical' | 'horizontal';
+    secondaryAction?: React.ReactNode;
 };
 export declare const BulkSend: FC<BulkSendProps>;
 export {};

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

@@ -1,8 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { QuantitySliderProps } from "../../../../exports/molecules";
 export declare type CardQuantitySliderProps = {
     cardImage?: string;
     cardOrientation?: 'vertical' | 'horizontal';
     quantityDescription: string;
+    secondaryAction?: React.ReactNode;
 } & QuantitySliderProps;
 export declare const CardQuantitySlider: FC<CardQuantitySliderProps>;

package/package.json

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