@sendoutcards/quantum-design-ui 1.8.19 → 1.8.20

package/dist/index.es.js

@@ -13615,7 +13615,8 @@ var Overlay = function (_a) {
     backgroundVariant = _b === void 0 ? 'solid' : _b,
     _c = _a.pinned,
     pinned = _c === void 0 ? 'center' : _c,
-    rest = __rest(_a, ["children", "zIndex", "animate", "initial", "exit", "variants", "transition", "motionKey", "position", "backgroundVariant", "pinned"]);
+    shouldScroll = _a.shouldScroll,
+    rest = __rest(_a, ["children", "zIndex", "animate", "initial", "exit", "variants", "transition", "motionKey", "position", "backgroundVariant", "pinned", "shouldScroll"]);
   var hocs = useEntities().hocs;
   var pinnedPosition = pinned === 'top' ? 'flex-start' : pinned === 'bottom' ? 'flex-end' : 'center';
   return jsx(Div, _extends({
@@ -13638,7 +13639,7 @@ var Overlay = function (_a) {
       backdropFilter: 'blur(20px)'
     } : undefined,
     backgroundColor: backgroundVariant !== 'blur' ? Color$1(hocs.colors.swatches.grayScale._800).rgb().alpha(0.98).toString() : undefined,
-    overflow: "hidden",
+    overflow: shouldScroll ? 'scroll' : 'hidden',
     transition: transition
   }, rest), children);
 };
@@ -15011,6 +15012,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isFullScreen = props.isFullScreen,
     closeButtonId = props.closeButtonId,
     insetOverride = props.insetOverride,
+    outsetOverride = props.outsetOverride,
     height = props.height,
     width = props.width,
     children = props.children,
@@ -15022,7 +15024,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     pinned = _f === void 0 ? 'center' : _f,
     _g = props.backgroundVariant,
     backgroundVariant = _g === void 0 ? 'solid' : _g,
-    rest = __rest(props, ["zIndex", "isOpen", "onClose", "maxWidth", "maxHeight", "bgElementSelector", "isFullScreen", "closeButtonId", "insetOverride", "height", "width", "children", "shouldScroll", "borderRadius", "pinned", "backgroundVariant"]);
+    rest = __rest(props, ["zIndex", "isOpen", "onClose", "maxWidth", "maxHeight", "bgElementSelector", "isFullScreen", "closeButtonId", "insetOverride", "outsetOverride", "height", "width", "children", "shouldScroll", "borderRadius", "pinned", "backgroundVariant"]);
   var pinnedRadius = pinned === 'bottom' ? {
     top: borderRadius,
     bottom: 'none'
@@ -15038,7 +15040,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     exit: 'closed',
     bgElementSelector: bgElementSelector,
     pinned: pinned,
-    backgroundVariant: backgroundVariant
+    backgroundVariant: backgroundVariant,
+    shouldScroll: shouldScroll
   }, rest), jsx(Div, {
     ref: ref,
     outsideClick: onClose,
@@ -15048,19 +15051,13 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     borderRadius: pinnedRadius,
     boxShadow: dialog.boxShadow,
     inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
-    outset: onClose ? {
-      vertical: 'x0',
-      horizontal: {
-        xSmall: 'x0',
-        small: 'x1'
-      }
-    } : 'x0',
+    outset: outsetOverride !== null && outsetOverride !== void 0 ? outsetOverride : undefined,
     position: 'absolute',
-    bottom: 0,
+    bottom: pinned === 'bottom' ? 0 : undefined,
     maxWidth: maxWidth,
     maxHeight: maxHeight,
     width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,
-    height: isFullScreen ? 'calc(100vh - 16px )' : height
+    height: isFullScreen || pinned === 'center' ? 'calc(100vh - 24px )' : height
   }, shouldScroll ? jsx(Div, {
     overflowY: "auto"
   }, children, onClose && jsx(CloseButton, {

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

@@ -12,6 +12,7 @@ export declare type DialogProps = {
     isFullScreen?: boolean;
     closeButtonId?: string;
     insetOverride?: HOCSpacingKeys;
+    outsetOverride?: HOCSpacingKeys;
     height?: Height;
     width?: Width;
     shouldScroll?: boolean;

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

@@ -10,5 +10,6 @@ export declare type OverlayPropTypes = {
     children?: React.ReactNode;
     pinned?: PinnedType;
     backgroundVariant?: 'solid' | 'blur';
+    shouldScroll?: boolean;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, ...rest }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, backgroundVariant, pinned, shouldScroll, ...rest }: OverlayPropTypes) => JSX.Element;

package/package.json

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