@luscii-healthtech/web-ui 2.19.7 → 2.20.0

package/dist/components/Modal/ModalBase.d.ts

@@ -9,6 +9,7 @@ export declare type ModalBaseProps = Omit<ModalHeaderProps, "title"> & {
     withContentPaddingY?: boolean;
     isOpen?: boolean;
     title?: string;
+    scrollableContent?: boolean;
     onCloseClick: (event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
 } & ModalFooterProps;
 export declare const ModalBase: React.FC<ModalBaseProps>;

package/dist/web-ui-tailwind.css

@@ -1521,6 +1521,10 @@ video {
   max-height: 30rem;
 }
 
+.max-h-135 {
+  max-height: 33.75rem;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }

package/dist/web-ui.cjs.development.js

@@ -1774,11 +1774,15 @@ var ModalBase = function ModalBase(props) {
     title: props.title,
     onCloseClick: props.onCloseClick
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: classNames({
+      "rounded-t-lg": !props.title,
+      "max-h-135 overflow-y-auto": props.scrollableContent
+    })
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classNames("px-6", {
-      "py-6": withContentPaddingY,
-      "rounded-t-lg": !props.title
+      "py-6": withContentPaddingY
     })
-  }, props.children), /*#__PURE__*/React__default.createElement(ModalFooter, {
+  }, props.children)), /*#__PURE__*/React__default.createElement(ModalFooter, {
     footerLeadingComponent: props.footerLeadingComponent,
     footerTrailingComponents: props.footerTrailingComponents
   })));
@@ -2471,13 +2475,14 @@ var ConfirmationDialogTitle = function ConfirmationDialogTitle(props) {
 
   return props.title ? /*#__PURE__*/React__default.createElement("div", {
     "data-test-id": "confirmation-dialog-title",
-    className: classNames("flex flex-col space-y-2", {
+    className: classNames("flex flex-col space-y-2 text-center", {
       "items-center justify-center": (_props$title = props.title) == null ? void 0 : _props$title.icon
     })
   }, props.title.icon && /*#__PURE__*/React__default.createElement(props.title.icon, {
     className: "text-blue-800 dialog-header-icon h-12 w-12"
   }), /*#__PURE__*/React__default.createElement(Title, {
-    text: props.title.title
+    text: props.title.title,
+    type: "sm"
   })) : null;
 };
 
@@ -4329,9 +4334,8 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
         text: texts.cancelLabel,
         onClick: handleOnCloseClick
       }
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "max-h-135 overflow-y-auto"
+    },
+    scrollableContent: true
   }, isLoadingInitialItems && /*#__PURE__*/React.createElement(LoadingIndicator, null), hasSearch && !isLoadingInitialItems && /*#__PURE__*/React.createElement(SearchInput, {
     className: "w-130 mb-2",
     value: search,
@@ -4342,7 +4346,7 @@ var CheckboxListModal = function CheckboxListModal(_ref) {
     onChange: handleOnItemChange
   }), !isLoadingInitialItems && (items == null ? void 0 : items.length) === 0 && /*#__PURE__*/React.createElement(Text, {
     text: texts.emptyState
-  })));
+  }));
 };
 
 var TEXT_TYPE_OPTIONS = {