@panneau/element-modal 3.0.126 → 3.0.131

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/es/index.js +9 -2
  2. package/lib/index.js +9 -2
  3. package/package.json +6 -6
package/es/index.js CHANGED
@@ -94,13 +94,16 @@ Modal.defaultProps = defaultProps$1;
94
94
  var Modal$1 = Modal;
95
95
 
96
96
  var propTypes = {
97
+ theme: PropTypes.string,
97
98
  className: PropTypes.string
98
99
  };
99
100
  var defaultProps = {
101
+ theme: null,
100
102
  className: null
101
103
  };
102
104
  var Modals = function Modals(_ref) {
103
- var className = _ref.className;
105
+ var theme = _ref.theme,
106
+ className = _ref.className;
104
107
  var _useModal = useModal(),
105
108
  _useModal$modals = _useModal.modals,
106
109
  modals = _useModal$modals === void 0 ? null : _useModal$modals,
@@ -122,7 +125,11 @@ var Modals = function Modals(_ref) {
122
125
  }
123
126
  }, [modals]);
124
127
  return /*#__PURE__*/React.createElement("div", {
125
- className: classNames([styles.modalsContainer, _defineProperty({}, className, className)])
128
+ className: classNames([styles.modalsContainer, _defineProperty({}, className, className)]),
129
+ "data-bs-theme": theme !== null ? theme : null,
130
+ style: {
131
+ color: theme === 'dark' ? '#FFF' : null
132
+ }
126
133
  }, /*#__PURE__*/React.createElement("div", {
127
134
  className: classNames([styles.modals, _defineProperty({}, styles.hasModals, modals !== null && modals.length > 0)]),
128
135
  ref: containerRef
package/lib/index.js CHANGED
@@ -98,13 +98,16 @@ Modal.defaultProps = defaultProps$1;
98
98
  var Modal$1 = Modal;
99
99
 
100
100
  var propTypes = {
101
+ theme: PropTypes.string,
101
102
  className: PropTypes.string
102
103
  };
103
104
  var defaultProps = {
105
+ theme: null,
104
106
  className: null
105
107
  };
106
108
  var Modals = function Modals(_ref) {
107
- var className = _ref.className;
109
+ var theme = _ref.theme,
110
+ className = _ref.className;
108
111
  var _useModal = contexts.useModal(),
109
112
  _useModal$modals = _useModal.modals,
110
113
  modals = _useModal$modals === void 0 ? null : _useModal$modals,
@@ -126,7 +129,11 @@ var Modals = function Modals(_ref) {
126
129
  }
127
130
  }, [modals]);
128
131
  return /*#__PURE__*/React.createElement("div", {
129
- className: classNames([styles.modalsContainer, _defineProperty({}, className, className)])
132
+ className: classNames([styles.modalsContainer, _defineProperty({}, className, className)]),
133
+ "data-bs-theme": theme !== null ? theme : null,
134
+ style: {
135
+ color: theme === 'dark' ? '#FFF' : null
136
+ }
130
137
  }, /*#__PURE__*/React.createElement("div", {
131
138
  className: classNames([styles.modals, _defineProperty({}, styles.hasModals, modals !== null && modals.length > 0)]),
132
139
  ref: containerRef
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@panneau/element-modal",
3
- "version": "3.0.126",
3
+ "version": "3.0.131",
4
4
  "description": "Modal element",
5
5
  "keywords": [
6
6
  "javascript"
@@ -46,10 +46,10 @@
46
46
  },
47
47
  "dependencies": {
48
48
  "@babel/runtime": "^7.12.5",
49
- "@panneau/core": "^3.0.126",
50
- "@panneau/element-button": "^3.0.126",
51
- "@panneau/element-icon": "^3.0.126",
52
- "@panneau/element-label": "^3.0.126",
49
+ "@panneau/core": "^3.0.131",
50
+ "@panneau/element-button": "^3.0.131",
51
+ "@panneau/element-icon": "^3.0.131",
52
+ "@panneau/element-label": "^3.0.131",
53
53
  "classnames": "^2.2.6",
54
54
  "prop-types": "^15.7.2",
55
55
  "react-intl": "^5.15.8||^6.0.0"
@@ -57,5 +57,5 @@
57
57
  "publishConfig": {
58
58
  "access": "public"
59
59
  },
60
- "gitHead": "fa69ddff3f8cf22b00504093087608d5701e6f6a"
60
+ "gitHead": "4f7a7a8a1375fdbd6c69bba8f41394b529a296d7"
61
61
  }