@luminati-io/uikit 3.0.17 → 3.0.18

package/dist/umd/uikit.development.js

@@ -27124,6 +27124,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
@@ -27133,6 +27134,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var MODAL_WIDTHS = {
   sm: '360px',
   md: '500px',
@@ -27189,9 +27191,20 @@ var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     box_shadow: shadow,
     "data-testid": testId,
     ref: ref
-  }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, {
-    $borders: borders
-  }, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, null, footer));
+  }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+      header: true
+    })
+  }, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, {
+    $borders: borders,
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+      content: true
+    })
+  }, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, {
+    className: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
+      footer: true
+    })
+  }, footer));
 });
 ModalBase.displayName = 'ModalBase';
 ModalBase.propTypes = {