@sendoutcards/quantum-design-ui 1.7.79 → 1.7.80

package/dist/index.es.js

@@ -20446,12 +20446,14 @@ var ConfirmDialog = function (_a) {
       requireScroll = _a.requireScroll,
       _c = _a.maxWidth,
       maxWidth = _c === void 0 ? '552px' : _c,
+      _d = _a.hasStackedActions,
+      hasStackedActions = _d === void 0 ? false : _d,
       maxHeight = _a.maxHeight;
   var isPrimaryAccept = primaryAction === 'accept' ? true : false;
 
-  var _d = useState(false),
-      hasScrolled = _d[0],
-      setHasScrolled = _d[1];
+  var _e = useState(false),
+      hasScrolled = _e[0],
+      setHasScrolled = _e[1];
 
   var handleScroll = function (progress) {
     if (progress === 1) {
@@ -20484,7 +20486,7 @@ var ConfirmDialog = function (_a) {
     content: description,
     type: "caption",
     color: "primaryBody"
-  }))), jsx(Flex, {
+  }))), jsx(Flex, null, additionalLink && jsx(Flex, {
     flexDirection: {
       xSmall: additionalLink ? 'column-reverse' : 'row',
       small: 'row'
@@ -20493,12 +20495,12 @@ var ConfirmDialog = function (_a) {
       xSmall: 'center',
       small: additionalLink ? 'space-between' : 'flex-end'
     },
-    inset: {
+    outset: {
       top: 'x3'
     },
     alignItems: 'center'
-  }, additionalLink && jsx(Anchor, {
-    inset: {
+  }, jsx(Anchor, {
+    outset: {
       top: {
         xSmall: 'x2',
         small: 'x0'
@@ -20510,29 +20512,40 @@ var ConfirmDialog = function (_a) {
     color: "anchorBlue",
     cursor: "pointer",
     isDecorated: true
-  }), jsx(Flex, {
-    flexDirection: isPrimaryAccept ? 'row-reverse' : 'row'
-  }, jsx(Div, {
-    inset: {
+  })), jsx(Flex, {
+    width: "100%",
+    justifyContent: hasStackedActions ? 'center' : isPrimaryAccept ? 'flex-start' : 'flex-end',
+    outset: hasStackedActions ? {
+      vertical: 'x2'
+    } : {
+      horizontal: 'x2'
+    },
+    flexDirection: hasStackedActions ? isPrimaryAccept ? 'column-reverse' : 'column' : isPrimaryAccept ? 'row-reverse' : 'row'
+  }, jsx(Flex, {
+    outset: hasStackedActions ? {
+      vertical: 'x2'
+    } : {
       horizontal: 'x2'
     }
   }, jsx(Button, {
+    fullWidth: hasStackedActions,
     id: accept.id,
     type: isPrimaryAccept ? 'primary' : 'shadow',
-    outlined: isPrimaryAccept ? true : false,
+    outlined: isPrimaryAccept,
     onClick: accept.onClick,
     size: "small",
     title: accept.title,
-    hover: isPrimaryAccept ? false : true,
+    hover: !isPrimaryAccept,
     disabled: requireScroll ? isPrimaryAccept ? hasScrolled ? false : true : false : false
   })), decline && jsx(Button, {
+    fullWidth: hasStackedActions,
     id: decline.id,
     onClick: decline.onClick,
     size: "small",
     title: decline.title,
     outlined: isPrimaryAccept ? false : true,
     type: isPrimaryAccept ? 'shadow' : 'primary',
-    hover: isPrimaryAccept ? true : false,
+    hover: isPrimaryAccept,
     disabled: requireScroll ? isPrimaryAccept ? false : hasScrolled ? false : true : false
   }))));
 };

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

@@ -18,6 +18,7 @@ export declare type ConfirmDialogProps = {
     isOpen: boolean;
     primaryAction?: 'accept' | 'decline';
     onClose?: () => void;
+    hasStackedActions?: boolean;
     additionalLink?: {
         title: string;
         onClick: () => void;

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

@@ -4,4 +4,5 @@ export default _default;
 export declare const Basic: any;
 export declare const Confirm: any;
 export declare const UpsaleDialogCard: any;
+export declare const HasStackedActions: any;
 export declare const Disclaimer: any;

package/package.json

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

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

@@ -1,17 +0,0 @@
-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>>;