@massimo-cassandro/minimo 1.8.2 → 1.8.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.8.2",
+  "version": "1.8.4",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/modal-popup/modal-popup.js

@@ -40,6 +40,8 @@ function closeDialog(el) {
  * @param {Object} params
  * @param {string | null} [params.dialogExtraClassName=null] - Extra class added to the dialog element.
  * @param {string | null} [params.contentExtraClassName=null] - Extra class added to the content wrapper.
+ * @param {string | null} [params.headerExtraClassName=null] - Extra class added to the header wrapper.
+ * @param {string | null} [params.footerExtraClassName=null] - Extra class added to the footer wrapper.
  * @param {string | null} [params.iframeUrl=null] - URL to load in an iframe.
  * @param {string | any[] | null} [params.content=null] - Plain text, HTML, or a domBuilder array.
  * @param {string | null} [params.ajaxUrl=null] - URL for Ajax content loading.
@@ -81,8 +83,15 @@ export function modalPopup({
   /** header content: plain text, HTML or domBuilder array */
   headerContent = null,
 
+  /** extra classname added to header */
+  headerExtraClassName = null,
+
   /** footer content: plain text, HTML or domBuilder array */
   footerContent = null,
+
+  /** extra classname added to footer */
+  footerExtraClassName = null,
+
 }) {
 
 
@@ -129,7 +138,7 @@ export function modalPopup({
           className: styles.contentWrapper,
           children: [
             {
-              className: styles.header,
+              className: classnames(styles.header, headerExtraClassName),
               condition: headerContent != null,
               content: Array.isArray(headerContent) ? null : headerContent,
               children: Array.isArray(headerContent) ? headerContent : undefined
@@ -177,7 +186,7 @@ export function modalPopup({
               },
             },
             {
-              className: styles.footer,
+              className: classnames(styles.footer, footerExtraClassName),
               condition: footerContent != null,
               content: Array.isArray(footerContent) ? null : footerContent,
               children: Array.isArray(footerContent) ? footerContent : undefined

package/src/components/modal-popup/modal-popup.module.css

@@ -19,7 +19,7 @@ Same for min/max-width and min/max-height
   max-width: var(--_modal-popup-max-width, 98dvw);
   height: var(--_modal-popup-height, max-content);
   min-height: var(--_modal-popup-min-height, 300px);
-  max-height: var(--_modal-popup-min-height, 90dvh);
+  max-height: var(--_modal-popup-max-height, 90dvh);
   padding: 0;
   margin: auto;
   overflow: visible;