@sendoutcards/quantum-design-ui 1.8.11 → 1.8.12

package/dist/index.es.js

@@ -12310,6 +12310,7 @@ var useOutsideClick = function (ref, handler, targetIdBypass) {
 };
 
 var Div = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var rest = __rest(props, []);
   var entities = useEntities();
   var generatedDivStyles = generateStyles(props, entities);
   useOutsideClick(ref, function () {
@@ -12328,7 +12329,7 @@ var Div = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     css: styles$R.divStyles(generatedDivStyles),
     className: "" + (props.className ? props.className : '')
-  }), props.children);
+  }, rest), props.children);
 });
 
 var useWindowSize = function () {
@@ -12404,50 +12405,51 @@ var Text = function (_a) {
     lineHeight = props.lineHeight,
     whiteSpace = props.whiteSpace,
     isInline = props.isInline,
-    style = props.style;
+    style = props.style,
+    rest = __rest(props, ["type", "color", "children", "content", "alignment", "isItalic", "isStrikeThrough", "outset", "inset", "weight", "lineHeight", "whiteSpace", "isInline", "style"]);
   var text = useEntities().text;
   var width = useWindowSize().width;
   var getText = useCallback(function (type) {
     switch (type) {
       case 'heroTitle':
-        return jsx("h1", {
+        return jsx("h1", _extends({
           style: style,
           css: styles$S.heroTitle(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'title':
-        return jsx("h2", {
+        return jsx("h2", _extends({
           style: style,
           css: styles$S.title(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'subtitle':
-        return jsx("h3", {
+        return jsx("h3", _extends({
           style: style,
           css: styles$S.subtitle(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'largeBody':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.largeBody(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'body':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.body(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'caption':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.caption(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       case 'footnote':
-        return jsx("p", {
+        return jsx("p", _extends({
           style: style,
           css: styles$S.footnote(text, color, weight, alignment, isItalic, isStrikeThrough, lineHeight, whiteSpace, isInline)
-        }, children || content);
+        }, rest), children || content);
       default:
         return;
     }
-  }, [color, weight, alignment, isItalic, isStrikeThrough, lineHeight, content, text, children, whiteSpace, isInline, style]);
+  }, [color, weight, alignment, isItalic, isStrikeThrough, lineHeight, content, text, children, whiteSpace, isInline, style, rest]);
   var renderText = useMemo(function () {
     return makeTextResponsive(type, getText, width);
   }, [width, getText, type]);
@@ -13567,10 +13569,11 @@ var Overlay = function (_a) {
     motionKey = _a.motionKey,
     position = _a.position,
     _b = _a.pinned,
-    pinned = _b === void 0 ? 'center' : _b;
+    pinned = _b === void 0 ? 'center' : _b,
+    rest = __rest(_a, ["children", "zIndex", "animate", "initial", "exit", "variants", "transition", "motionKey", "position", "pinned"]);
   var hocs = useEntities().hocs;
   var pinnedPosition = pinned === 'top' ? 'flex-start' : pinned === 'bottom' ? 'flex-end' : 'center';
-  return jsx(Div, {
+  return jsx(Div, _extends({
     motionKey: motionKey,
     variants: variants,
     animate: animate,
@@ -13588,7 +13591,7 @@ var Overlay = function (_a) {
     backgroundColor: Color$1(hocs.colors.swatches.grayScale._800).rgb().alpha(0.98).toString(),
     overflow: "hidden",
     transition: transition
-  }, children);
+  }, rest), children);
 };
 
 var Circle = function (_a) {
@@ -14967,7 +14970,8 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _e = props.borderRadius,
     borderRadius = _e === void 0 ? 'default' : _e,
     _f = props.pinned,
-    pinned = _f === void 0 ? 'center' : _f;
+    pinned = _f === void 0 ? 'center' : _f,
+    rest = __rest(props, ["zIndex", "isOpen", "onClose", "maxWidth", "maxHeight", "bgElementSelector", "isFullScreen", "closeButtonId", "insetOverride", "height", "width", "children", "shouldScroll", "borderRadius", "pinned"]);
   var pinnedRadius = pinned === 'bottom' ? {
     top: borderRadius,
     bottom: 'none'
@@ -14975,7 +14979,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     bottom: borderRadius,
     top: 'none'
   } : borderRadius;
-  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, {
+  return jsx(AnimatePresence, null, isOpen && jsx(Overlay, _extends({
     variants: overlayVariants,
     animate: isOpen ? 'open' : 'closed',
     initial: 'closed',
@@ -14983,7 +14987,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     exit: 'closed',
     bgElementSelector: bgElementSelector,
     pinned: pinned
-  }, jsx(Div, {
+  }, rest), jsx(Div, {
     ref: ref,
     outsideClick: onClose,
     variants: dialogVariants,
@@ -20059,7 +20063,8 @@ var ConfirmDialog = function (_a) {
     maxWidth = _c === void 0 ? '552px' : _c,
     _d = _a.hasStackedActions,
     hasStackedActions = _d === void 0 ? false : _d,
-    maxHeight = _a.maxHeight;
+    maxHeight = _a.maxHeight,
+    rest = __rest(_a, ["additionalLink", "accept", "decline", "title", "description", "zIndex", "isOpen", "primaryAction", "onClose", "requireScroll", "maxWidth", "hasStackedActions", "maxHeight"]);
   var isPrimaryAccept = primaryAction === 'accept' ? true : false;
   var _e = useState(false),
     hasScrolled = _e[0],
@@ -20069,13 +20074,13 @@ var ConfirmDialog = function (_a) {
       setHasScrolled(true);
     }
   };
-  return jsx(Dialog, {
+  return jsx(Dialog, _extends({
     isOpen: isOpen,
     zIndex: zIndex,
     onClose: onClose,
     maxWidth: maxWidth,
     maxHeight: maxHeight
-  }, jsx(Flex, {
+  }, rest), jsx(Flex, {
     flexDirection: "column"
   }, jsx(Text, {
     weight: "semiBold",

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

@@ -10,4 +10,4 @@ export declare type OverlayPropTypes = {
     children?: React.ReactNode;
     pinned?: PinnedType;
 } & HOCMotionProps;
-export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, }: OverlayPropTypes) => JSX.Element;
+export declare const Overlay: ({ children, zIndex, animate, initial, exit, variants, transition, motionKey, position, pinned, ...rest }: OverlayPropTypes) => JSX.Element;

package/package.json

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