@micromag/core 0.3.137 → 0.3.138

package/es/components.js

@@ -1570,6 +1570,8 @@ ModalsContainer.propTypes = propTypes$v;
 ModalsContainer.defaultProps = defaultProps$v;
 var Modals = withModals(ModalsContainer);
 
+var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
+
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$u = {
   id: PropTypes$1.string,
@@ -1654,8 +1656,6 @@ var ModalPortal = function ModalPortal(_ref) {
 ModalPortal.propTypes = propTypes$t;
 ModalPortal.defaultProps = defaultProps$t;
 
-var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
-
 var propTypes$s = {
   id: PropTypes$1.string,
   title: PropTypes$1.string,
@@ -1688,7 +1688,7 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames([styles$l.container, _defineProperty({}, styles$l[position], position !== null)])
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$l.inner
+    className: classNames([styles$l.inner, 'bg-dark'])
   }, children)));
 };
 
@@ -1732,7 +1732,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-header', styles$k.header, {// 'bg-dark': theme === 'dark',
+    className: classNames(['modal-header', 'p-2', styles$k.header, {// 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
     }])
@@ -1744,8 +1744,9 @@ var ModalDialog = function ModalDialog(_ref) {
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React.createElement("div", {
-    className: classNames(['modal-body', styles$k.body, {// [`bg-${theme}`]: theme !== null,
+    className: classNames(['modal-body', 'p-2', styles$k.body, {// [`bg-${theme}`]: theme !== null,
       // 'text-light': theme === 'dark',
+      // 'bg-dark': theme === 'dark',
     }])
   }, children), footer !== null || buttons !== null ? /*#__PURE__*/React.createElement("div", {
     className: classNames(['modal-footer', styles$k.footer])

package/lib/components.js

@@ -1611,6 +1611,8 @@ ModalsContainer.propTypes = propTypes$v;
 ModalsContainer.defaultProps = defaultProps$v;
 var Modals = contexts.withModals(ModalsContainer);
 
+var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
+
 /* eslint-disable react/no-array-index-key, react/jsx-props-no-spreading */
 var propTypes$u = {
   id: PropTypes__default["default"].string,
@@ -1695,8 +1697,6 @@ var ModalPortal = function ModalPortal(_ref) {
 ModalPortal.propTypes = propTypes$t;
 ModalPortal.defaultProps = defaultProps$t;
 
-var styles$l = {"container":"micromag-core-modals-modal-container","center":"micromag-core-modals-modal-center","inner":"micromag-core-modals-modal-inner","top":"micromag-core-modals-modal-top"};
-
 var propTypes$s = {
   id: PropTypes__default["default"].string,
   title: PropTypes__default["default"].string,
@@ -1729,7 +1729,7 @@ var Modal = function Modal(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"]([styles$l.container, _defineProperty__default["default"]({}, styles$l[position], position !== null)])
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styles$l.inner
+    className: classNames__default["default"]([styles$l.inner, 'bg-dark'])
   }, children)));
 };
 
@@ -1773,7 +1773,7 @@ var ModalDialog = function ModalDialog(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "modal-content"
   }, header || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['modal-header', styles$k.header, {// 'bg-dark': theme === 'dark',
+    className: classNames__default["default"](['modal-header', 'p-2', styles$k.header, {// 'bg-dark': theme === 'dark',
       // 'border-dark': theme === 'dark',
       // 'text-light': theme === 'dark',
     }])
@@ -1785,8 +1785,9 @@ var ModalDialog = function ModalDialog(_ref) {
     "aria-label": "Close",
     onClick: onClickClose
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"](['modal-body', styles$k.body, {// [`bg-${theme}`]: theme !== null,
+    className: classNames__default["default"](['modal-body', 'p-2', styles$k.body, {// [`bg-${theme}`]: theme !== null,
       // 'text-light': theme === 'dark',
+      // 'bg-dark': theme === 'dark',
     }])
   }, children), footer !== null || buttons !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames__default["default"](['modal-footer', styles$k.footer])

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.137",
+    "version": "0.3.138",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a94963893e52f7914128182fe7e1538de79b6f20"
+    "gitHead": "6460d58f8b915076249a11089a5f662ac11830fa"
 }