@spscommerce/ds-react 6.33.2 → 6.34.0

package/lib/index.es.js

@@ -29228,7 +29228,8 @@ const propTypes$K = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   size: enumValue(ModalSize),
   title: propTypes$1I.exports.string,
   onClose: fun(),
-  focusElementOnOpen: ref()
+  focusElementOnOpen: ref(),
+  fullHeight: propTypes$1I.exports.bool
 });
 function SpsModalFooter({ children }) {
   return /* @__PURE__ */ React.createElement("div", {
@@ -29249,7 +29250,8 @@ function SpsModal(_M) {
     size = ModalSize.SMALL,
     onClose,
     focusElementOnOpen,
-    title
+    title,
+    fullHeight = false
   } = _N, rest = __objRest(_N, [
     "children",
     "className",
@@ -29258,7 +29260,8 @@ function SpsModal(_M) {
     "size",
     "onClose",
     "focusElementOnOpen",
-    "title"
+    "title",
+    "fullHeight"
   ]);
   const id = useElementId(idProp);
   const classes = clsx("sps-modal", "z-stratum-dialog", `sps-modal--${kind}`, `sps-modal--${size}`, className);
@@ -29323,7 +29326,7 @@ function SpsModal(_M) {
     tabIndex: -1,
     ref: rootElement
   }, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
-    className: "sps-modal__dialog"
+    className: clsx("sps-modal__dialog", { "sps-modal__dialog-full-height": fullHeight })
   }), /* @__PURE__ */ React.createElement("div", {
     className: "sps-modal__titlebar"
   }, /* @__PURE__ */ React.createElement("div", {

package/lib/modal/SpsModal.d.ts

@@ -7,6 +7,7 @@ declare const propTypes: {
     title: PropTypes.Requireable<string>;
     onClose: PropTypes.Requireable<() => void>;
     focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
+    fullHeight: PropTypes.Requireable<boolean>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
     className: PropTypes.Requireable<string>;
     "data-testid": PropTypes.Requireable<string>;
@@ -14,5 +15,5 @@ declare const propTypes: {
 };
 export declare type SpsModalProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
 export declare function SpsModalFooter({ children }: SpsModalProps): JSX.Element;
-export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, ...rest }: SpsModalProps): JSX.Element;
+export declare function SpsModal({ children, className, id: idProp, kind, size, onClose, focusElementOnOpen, title, fullHeight, ...rest }: SpsModalProps): JSX.Element;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "6.33.2",
+  "version": "6.34.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,10 +28,10 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.33.2",
-    "@spscommerce/ds-illustrations": "6.33.2",
-    "@spscommerce/ds-shared": "6.33.2",
-    "@spscommerce/positioning": "6.33.2",
+    "@spscommerce/ds-colors": "6.34.0",
+    "@spscommerce/ds-illustrations": "6.34.0",
+    "@spscommerce/ds-shared": "6.34.0",
+    "@spscommerce/positioning": "6.34.0",
     "@spscommerce/utils": "^6.11.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
@@ -40,10 +40,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.33.2",
-    "@spscommerce/ds-illustrations": "6.33.2",
-    "@spscommerce/ds-shared": "6.33.2",
-    "@spscommerce/positioning": "6.33.2",
+    "@spscommerce/ds-colors": "6.34.0",
+    "@spscommerce/ds-illustrations": "6.34.0",
+    "@spscommerce/ds-shared": "6.34.0",
+    "@spscommerce/positioning": "6.34.0",
     "@spscommerce/utils": "^6.11.3",
     "@testing-library/react": "^10.4.0",
     "@types/prop-types": "^15.7.1",