@sendoutcards/quantum-design-ui 1.8.2 → 1.8.4

package/dist/index.es.js

@@ -13562,8 +13562,11 @@ var Overlay = function (_a) {
     variants = _a.variants,
     transition = _a.transition,
     motionKey = _a.motionKey,
-    position = _a.position;
+    position = _a.position,
+    _b = _a.pinned,
+    pinned = _b === void 0 ? 'center' : _b;
   var hocs = useEntities().hocs;
+  var pinnedPosition = pinned === 'top' ? 'flex-start' : pinned === 'bottom' ? 'flex-end' : 'center';
   return jsx(Div, {
     motionKey: motionKey,
     variants: variants,
@@ -13573,7 +13576,7 @@ var Overlay = function (_a) {
     zIndex: zIndex,
     display: "flex",
     justifyContent: "center",
-    alignItems: "center",
+    alignItems: pinnedPosition,
     position: position !== null && position !== void 0 ? position : 'fixed',
     top: "0",
     left: "0",
@@ -14959,21 +14962,31 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _d = props.shouldScroll,
     shouldScroll = _d === void 0 ? false : _d,
     _e = props.borderRadius,
-    borderRadius = _e === void 0 ? 'default' : _e;
+    borderRadius = _e === void 0 ? 'default' : _e,
+    _f = props.pinned,
+    pinned = _f === void 0 ? 'center' : _f;
+  var pinnedRadius = pinned === 'bottom' ? {
+    top: borderRadius,
+    bottom: 'none'
+  } : pinned === 'top' ? {
+    bottom: borderRadius,
+    top: 'none'
+  } : borderRadius;
   return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
     variants: overlayVariants,
     animate: isOpen ? 'open' : 'closed',
     initial: 'closed',
     zIndex: zIndex,
     exit: 'closed',
-    bgElementSelector: bgElementSelector
+    bgElementSelector: bgElementSelector,
+    pinned: pinned
   }, jsx(Div, {
     ref: ref,
     outsideClick: onClose,
     variants: dialogVariants,
     css: styles$w.dialogContainer,
     backgroundColor: dialog.backgroundColor,
-    borderRadius: borderRadius,
+    borderRadius: pinnedRadius,
     boxShadow: dialog.boxShadow,
     inset: insetOverride !== null && insetOverride !== void 0 ? insetOverride : dialog.defaultInset,
     outset: onClose ? {
@@ -14983,6 +14996,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
         small: 'x1'
       }
     } : 'x0',
+    position: 'absolute',
+    bottom: 0,
     maxWidth: maxWidth,
     maxHeight: maxHeight,
     width: (_a = isFullScreen ? '100%' : undefined) !== null && _a !== void 0 ? _a : width,

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Responsive, LiteralUnion, HOCSpacingKeys } from "../../helpers/hoc-types/entityValueTypes";
 import { Height, Width, BorderRadius } from "../../helpers/hoc-types/hocBaseUnion";
+export declare type PinnedType = 'top' | 'center' | 'bottom';
 export declare type DialogProps = {
     zIndex?: number;
     isOpen: boolean;
@@ -15,6 +16,7 @@ export declare type DialogProps = {
     width?: Width;
     shouldScroll?: boolean;
     borderRadius?: BorderRadius;
+    pinned?: PinnedType;
 };
 export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children: React.ReactNode;

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

@@ -2,10 +2,12 @@ import React from 'react';
 import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
 import { Responsive } from "../../helpers/hoc-types/entityValueTypes";
 import { Position } from "../../helpers/hoc-types/cssValueTypes";
+import { PinnedType } from '../dialog/dialog';
 export declare type OverlayPropTypes = {
     zIndex?: number;
     position?: Responsive<Position> | Position;
     bgElementSelector?: string;
     children?: React.ReactNode;
+    pinned?: PinnedType;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, }: OverlayPropTypes) => JSX.Element;

package/package.json

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