@hyphen/hyphen-components 6.11.0 → 6.12.0
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/dist/components/Modal/Modal.d.ts +9 -1
- package/dist/hyphen-components.cjs.development.js +6 -2
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +6 -2
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Modal/Modal.tsx +13 -2
|
@@ -3753,13 +3753,15 @@ var ModalBody = function ModalBody(_ref) {
|
|
|
3753
3753
|
|
|
3754
3754
|
var styles$a = {"modal-close":"Modal-module_modal-close__1YmMa","modal":"Modal-module_modal__yNG-7","modal-content":"Modal-module_modal-content__GMtBm"};
|
|
3755
3755
|
|
|
3756
|
-
var _excluded$5 = ["ariaLabel", "ariaLabelledBy", "allowPinchZoom", "children", "className", "containerRef", "fullScreenMobile", "initialFocusRef", "isOpen", "maxWidth", "onDismiss", "overflow"];
|
|
3756
|
+
var _excluded$5 = ["ariaLabel", "ariaLabelledBy", "allowPinchZoom", "background", "children", "className", "containerRef", "fullScreenMobile", "initialFocusRef", "isOpen", "maxWidth", "onDismiss", "overflow", "style"];
|
|
3757
3757
|
var ModalBaseComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
3758
3758
|
var _classNames;
|
|
3759
3759
|
var ariaLabel = _ref.ariaLabel,
|
|
3760
3760
|
ariaLabelledBy = _ref.ariaLabelledBy,
|
|
3761
3761
|
_ref$allowPinchZoom = _ref.allowPinchZoom,
|
|
3762
3762
|
allowPinchZoom = _ref$allowPinchZoom === void 0 ? false : _ref$allowPinchZoom,
|
|
3763
|
+
_ref$background = _ref.background,
|
|
3764
|
+
background = _ref$background === void 0 ? undefined : _ref$background,
|
|
3763
3765
|
children = _ref.children,
|
|
3764
3766
|
className = _ref.className,
|
|
3765
3767
|
_ref$containerRef = _ref.containerRef,
|
|
@@ -3773,6 +3775,7 @@ var ModalBaseComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3773
3775
|
onDismiss = _ref.onDismiss,
|
|
3774
3776
|
_ref$overflow = _ref.overflow,
|
|
3775
3777
|
overflow = _ref$overflow === void 0 ? 'hidden' : _ref$overflow,
|
|
3778
|
+
style = _ref.style,
|
|
3776
3779
|
restProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
|
|
3777
3780
|
var activateFocusLock = useCallback(function () {
|
|
3778
3781
|
setTimeout(function () {
|
|
@@ -3809,11 +3812,12 @@ var ModalBaseComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
3809
3812
|
return parentElement;
|
|
3810
3813
|
} : undefined,
|
|
3811
3814
|
style: {
|
|
3812
|
-
content: _extends({}, maxWidthCss.styles)
|
|
3815
|
+
content: _extends({}, maxWidthCss.styles, style)
|
|
3813
3816
|
}
|
|
3814
3817
|
}, restProps), React__default.createElement(Box, {
|
|
3815
3818
|
"aria-label": ariaLabel,
|
|
3816
3819
|
"aria-labelledby": ariaLabelledBy,
|
|
3820
|
+
background: background,
|
|
3817
3821
|
height: "100",
|
|
3818
3822
|
padding: {
|
|
3819
3823
|
base: '2xl',
|