@dfds-ui/modal 0.8.74 → 0.8.75-alpha.dc757fc2
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.
- package/cjs/modal/Modal.js +7 -7
- package/cjs/modal/ModalAction.js +6 -6
- package/cjs/modal/ModalActionsContainer.js +5 -5
- package/cjs/modal/ModalBody.d.ts +4 -1
- package/cjs/modal/ModalBody.js +8 -5
- package/cjs/modal/ModalCloseButton.js +4 -4
- package/cjs/modal/ModalDialog.js +14 -14
- package/cjs/modal/ModalFooter.js +5 -5
- package/cjs/modal/ModalHeader.js +6 -6
- package/cjs/modal/ModalHeadline.js +4 -4
- package/cjs/modal/ModalPanel.js +29 -29
- package/cjs/modal/ReactModalWrapper.js +3 -3
- package/modal/Modal.js +1 -2
- package/modal/ModalAction.js +5 -6
- package/modal/ModalActionsContainer.js +3 -4
- package/modal/ModalBody.d.ts +4 -1
- package/modal/ModalBody.js +8 -5
- package/modal/ModalCloseButton.js +3 -4
- package/modal/ModalDialog.js +9 -10
- package/modal/ModalFooter.js +4 -5
- package/modal/ModalHeader.js +4 -5
- package/modal/ModalHeadline.js +3 -3
- package/modal/ModalPanel.js +23 -24
- package/modal/ReactModalWrapper.js +1 -2
- package/package.json +9 -9
package/cjs/modal/Modal.js
CHANGED
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.Modal = void 0;
|
|
7
7
|
|
|
8
|
-
var _core = require("@emotion/core");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
10
|
var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
|
|
@@ -21,6 +19,8 @@ var _ModalActionsContainer = _interopRequireDefault(require("./ModalActionsConta
|
|
|
21
19
|
|
|
22
20
|
var _ModalHeadline = _interopRequireDefault(require("./ModalHeadline"));
|
|
23
21
|
|
|
22
|
+
var _react2 = require("@emotion/react");
|
|
23
|
+
|
|
24
24
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
25
25
|
|
|
26
26
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -62,22 +62,22 @@ const Modal = _ref => {
|
|
|
62
62
|
rest = _objectWithoutProperties(_ref, ["showClose", "heading", "headerClassName", "noContentPadding", "onRequestClose", "children", "closeTabIndex", "closeLabel", "column", "zIndex", "sizes", "renderWhenClosed", "backdrop", "backdropVariant", "actions"]);
|
|
63
63
|
|
|
64
64
|
const showHeader = heading !== undefined || showClose;
|
|
65
|
-
return (0,
|
|
65
|
+
return (0, _react2.jsx)(_ModalDialog.default, _extends({
|
|
66
66
|
onRequestClose: onRequestClose,
|
|
67
67
|
sizes: sizes,
|
|
68
68
|
renderWhenClosed: renderWhenClosed,
|
|
69
69
|
backdrop: backdrop,
|
|
70
70
|
backdropVariant: backdropVariant
|
|
71
|
-
}, rest), showHeader && (0,
|
|
71
|
+
}, rest), showHeader && (0, _react2.jsx)(_ModalHeader.default, {
|
|
72
72
|
className: headerClassName
|
|
73
|
-
}, (0,
|
|
73
|
+
}, (0, _react2.jsx)(_ModalHeadline.default, null, heading), showClose && (0, _react2.jsx)(_ModalCloseButton.default, {
|
|
74
74
|
onRequestClose: onRequestClose,
|
|
75
75
|
tabIndex: closeTabIndex,
|
|
76
76
|
closeLabel: closeLabel
|
|
77
|
-
})), (0,
|
|
77
|
+
})), (0, _react2.jsx)(_ModalBody.default, {
|
|
78
78
|
hasPadding: !noContentPadding,
|
|
79
79
|
column: column
|
|
80
|
-
}, children), (0,
|
|
80
|
+
}, children), (0, _react2.jsx)(_ModalActionsContainer.default, {
|
|
81
81
|
actions: actions
|
|
82
82
|
}));
|
|
83
83
|
};
|
package/cjs/modal/ModalAction.js
CHANGED
|
@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ModalAction = void 0;
|
|
7
7
|
|
|
8
|
-
var _core = require("@emotion/core");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
10
|
+
var _react2 = require("@emotion/react");
|
|
11
|
+
|
|
12
12
|
var _theme = require("@dfds-ui/theme");
|
|
13
13
|
|
|
14
14
|
var _typography = require("@dfds-ui/typography");
|
|
@@ -25,9 +25,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
25
25
|
|
|
26
26
|
const getVariationStyle = actionVariation => {
|
|
27
27
|
if (actionVariation === 'primary') {
|
|
28
|
-
return /*#__PURE__*/(0,
|
|
28
|
+
return /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.light.primary, ";background:", _theme.theme.colors.secondary.main, ";margin-right:", _theme.theme.spacing.s, ";&:hover{color:", _theme.theme.colors.text.light.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */");
|
|
29
29
|
} else {
|
|
30
|
-
return /*#__PURE__*/(0,
|
|
30
|
+
return /*#__PURE__*/(0, _react2.css)("border:1px solid ", _theme.theme.colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getVariationStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */");
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -36,10 +36,10 @@ const ModalAction = _ref => {
|
|
|
36
36
|
actionVariation = _ref$actionVariation === void 0 ? 'primary' : _ref$actionVariation,
|
|
37
37
|
rest = _objectWithoutProperties(_ref, ["actionVariation"]);
|
|
38
38
|
|
|
39
|
-
return (0,
|
|
39
|
+
return (0, _react2.jsx)(_reactComponents.Button, _extends({
|
|
40
40
|
variation: "text",
|
|
41
41
|
type: "button",
|
|
42
|
-
css: /*#__PURE__*/(0,
|
|
42
|
+
css: /*#__PURE__*/(0, _react2.css)(_typography.typography.action, ";flex:auto;flex-basis:auto;flex-grow:0;margin-left:", _theme.theme.spacing.xs, ";padding:0 ", _theme.theme.spacing.xs, ";", getVariationStyle(actionVariation), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQWN0aW9uVmFyaWF0aW9uID0gJ3ByaW1hcnknIHwgJ3NlY29uZGFyeSdcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEFjdGlvblByb3BzIHtcbiAgYWN0aW9uVmFyaWF0aW9uPzogTW9kYWxBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGJ1dHRvblxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IGdldFZhcmlhdGlvblN0eWxlID0gKGFjdGlvblZhcmlhdGlvbjogTW9kYWxBY3Rpb25WYXJpYXRpb24pID0+IHtcbiAgaWYgKGFjdGlvblZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcuc307XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgIH1cbiAgICBgXG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgXG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxNb2RhbEFjdGlvblByb3BzPiA9ICh7IGFjdGlvblZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEJ1dHRvblxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgZmxleDogYXV0bztcbiAgICAgICAgZmxleC1iYXNpczogYXV0bztcbiAgICAgICAgZmxleC1ncm93OiAwO1xuICAgICAgICBtYXJnaW4tbGVmdDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgcGFkZGluZzogMCAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAke2dldFZhcmlhdGlvblN0eWxlKGFjdGlvblZhcmlhdGlvbil9XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvblxuIl19 */")
|
|
43
43
|
}, rest));
|
|
44
44
|
};
|
|
45
45
|
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
|
|
8
|
-
var _core = require("@emotion/core");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
10
|
var _theme = require("@dfds-ui/theme");
|
|
13
11
|
|
|
12
|
+
var _react2 = require("@emotion/react");
|
|
13
|
+
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -20,8 +20,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
20
20
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
21
|
|
|
22
22
|
const ModalAction = props => {
|
|
23
|
-
return (0,
|
|
24
|
-
css: /*#__PURE__*/(0,
|
|
23
|
+
return (0, _react2.jsx)("div", _extends({
|
|
24
|
+
css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-grow:1;padding-top:", _theme.theme.spacing.s, ";padding-bottom:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBNb2RhbEFjdGlvbnNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEFjdGlvbnMgdG8gYmUgZGlzcGxheWVkIGF0IHRoZSBib3R0b20gb2YgdGhlIG1vZGFsXG4gICAqL1xuICBhY3Rpb25zPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNsYXNzTmFtZT86IHN0cmluZyB9PiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uc0NvbnRhaW5lcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TW9kYWxBY3Rpb25zUHJvcHM+ID0gKHsgYWN0aW9ucywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiA8ZGl2IHsuLi5yZXN0fT57YWN0aW9ucyAmJiA8TW9kYWxBY3Rpb24+e2FjdGlvbnN9PC9Nb2RhbEFjdGlvbj59PC9kaXY+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsQWN0aW9uc0NvbnRhaW5lclxuIl19 */")
|
|
25
25
|
}, props));
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -29,7 +29,7 @@ const ModalActionsContainer = _ref => {
|
|
|
29
29
|
let actions = _ref.actions,
|
|
30
30
|
rest = _objectWithoutProperties(_ref, ["actions"]);
|
|
31
31
|
|
|
32
|
-
return (0,
|
|
32
|
+
return (0, _react2.jsx)("div", rest, actions && (0, _react2.jsx)(ModalAction, null, actions));
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
var _default = ModalActionsContainer;
|
package/cjs/modal/ModalBody.d.ts
CHANGED
|
@@ -2,5 +2,8 @@ export declare type ModalBodyProps = {
|
|
|
2
2
|
hasPadding?: boolean;
|
|
3
3
|
column?: boolean;
|
|
4
4
|
};
|
|
5
|
-
export declare const ModalBody: import("@emotion/styled
|
|
5
|
+
export declare const ModalBody: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & ModalBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
9
|
export default ModalBody;
|
package/cjs/modal/ModalBody.js
CHANGED
|
@@ -5,22 +5,25 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ModalBody = void 0;
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
|
|
12
12
|
var _typography = require("@dfds-ui/typography");
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _react = require("@emotion/react");
|
|
15
15
|
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
18
|
-
const ModalBody = (0,
|
|
18
|
+
const ModalBody = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
19
19
|
target: "e1nrz8580"
|
|
20
|
-
}
|
|
20
|
+
} : {
|
|
21
|
+
target: "e1nrz8580",
|
|
22
|
+
label: "ModalBody"
|
|
23
|
+
})(_typography.typography.body, " ", p => p.hasPadding && /*#__PURE__*/(0, _react.css)("flex:1 1 auto;margin:", _theme.theme.spacing.xs, " ", _theme.theme.spacing.s, " 0 ", _theme.theme.spacing.s, ";padding-bottom:", _theme.theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalBody;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgTW9kYWxCb2R5UHJvcHMgPSB7XG4gIGhhc1BhZGRpbmc/OiBib29sZWFuXG4gIGNvbHVtbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQm9keSA9IHN0eWxlZC5kaXY8TW9kYWxCb2R5UHJvcHM+YFxuICAke3R5cG9ncmFwaHkuYm9keX1cbiAgJHsocCkgPT5cbiAgICBwLmhhc1BhZGRpbmcgJiZcbiAgICBjc3NgXG4gICAgICBmbGV4OiAxIDEgYXV0bztcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnhzfSAke3RoZW1lLnNwYWNpbmcuc30gMCAke3RoZW1lLnNwYWNpbmcuc307XG4gICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgIGB9XG4gICR7KHApID0+XG4gICAgcC5jb2x1bW4gJiZcbiAgICBgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBgfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEJvZHlcbiJdfQ== */"), " ", p => p.column && `
|
|
21
24
|
display: flex;
|
|
22
25
|
flex-direction: column;
|
|
23
|
-
`, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
26
|
+
`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEJvZHkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVtRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbW9kYWwvTW9kYWxCb2R5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQm9keVByb3BzID0ge1xuICBoYXNQYWRkaW5nPzogYm9vbGVhblxuICBjb2x1bW4/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2PE1vZGFsQm9keVByb3BzPmBcbiAgJHt0eXBvZ3JhcGh5LmJvZHl9XG4gICR7KHApID0+XG4gICAgcC5oYXNQYWRkaW5nICYmXG4gICAgY3NzYFxuICAgICAgZmxleDogMSAxIGF1dG87XG4gICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy54c30gJHt0aGVtZS5zcGFjaW5nLnN9IDAgJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICBgfVxuICAkeyhwKSA9PlxuICAgIHAuY29sdW1uICYmXG4gICAgYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxCb2R5XG4iXX0= */"));
|
|
24
27
|
exports.ModalBody = ModalBody;
|
|
25
28
|
var _default = ModalBody;
|
|
26
29
|
exports.default = _default;
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.ModalCloseButton = void 0;
|
|
7
7
|
|
|
8
|
-
var _core = require("@emotion/core");
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
9
|
|
|
12
10
|
var _reactComponents = require("@dfds-ui/react-components");
|
|
13
11
|
|
|
14
12
|
var _system = require("@dfds-ui/icons/system");
|
|
15
13
|
|
|
14
|
+
var _react2 = require("@emotion/react");
|
|
15
|
+
|
|
16
16
|
var _theme = require("@dfds-ui/theme");
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -34,12 +34,12 @@ const ModalCloseButton = _ref => {
|
|
|
34
34
|
closeLabel = _ref$closeLabel === void 0 ? 'Close' : _ref$closeLabel,
|
|
35
35
|
rest = _objectWithoutProperties(_ref, ["onRequestClose", "className", "icon", "size", "closeLabel"]);
|
|
36
36
|
|
|
37
|
-
return (0,
|
|
37
|
+
return (0, _react2.jsx)(_reactComponents.IconButton, _extends({
|
|
38
38
|
disableOverlay: true,
|
|
39
39
|
disableTooltip: true,
|
|
40
40
|
hoverColor: _theme.theme.colors.secondary.main,
|
|
41
41
|
size: size,
|
|
42
|
-
css: /*#__PURE__*/(0,
|
|
42
|
+
css: /*#__PURE__*/(0, _react2.css)("align-self:flex-start;color:", _theme.theme.colors.text.primary.primary, ";height:3rem;width:3rem;&:active{color:", _theme.theme.colors.secondary.dark, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalCloseButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbENsb3NlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL21vZGFsL01vZGFsQ2xvc2VCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiwgSWNvbkJ1dHRvblNpemUgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgQ2xvc2UgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIE1vZGFsQ2xvc2VCdXR0b25Qcm9wcyA9IHtcbiAgb25SZXF1ZXN0Q2xvc2U/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc2l6ZT86IEljb25CdXR0b25TaXplXG4gIHRhYkluZGV4PzogbnVtYmVyXG4gIGNsb3NlTGFiZWw/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IE1vZGFsQ2xvc2VCdXR0b24gPSAoe1xuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBpY29uID0gQ2xvc2UsXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgY2xvc2VMYWJlbCA9ICdDbG9zZScsXG4gIC4uLnJlc3Rcbn06IE1vZGFsQ2xvc2VCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxJY29uQnV0dG9uXG4gICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgZGlzYWJsZVRvb2x0aXBcbiAgICAgIGhvdmVyQ29sb3I9e3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYWxpZ24tc2VsZjogZmxleC1zdGFydDtcbiAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5fTtcbiAgICAgICAgaGVpZ2h0OiAzcmVtO1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkuZGFya307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e29uUmVxdWVzdENsb3NlfVxuICAgICAgaWNvbj17aWNvbn1cbiAgICAgIGFyaWFMYWJlbD17Y2xvc2VMYWJlbH1cbiAgICAgIGRhdGEtdGVzdGlkPVwibW9kYWwtY2xvc2VcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsQ2xvc2VCdXR0b25cbiJdfQ== */"),
|
|
43
43
|
className: className,
|
|
44
44
|
onClick: onRequestClose,
|
|
45
45
|
icon: icon,
|