@dfds-ui/modal 2.2.0-alpha.07a3a716 → 2.2.0-alpha.32eece3d

package/cjs/modal/Modal.d.ts

@@ -89,5 +89,5 @@ export declare type ModalProps = React.PropsWithChildren<{
      */
     backdropVariant?: BackdropVariant;
 }>;
-export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) => JSX.Element;
+export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

package/cjs/modal/ModalActionsContainer.js

@@ -11,7 +11,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ModalAction = props => {
   return (0, _react2.jsx)("div", _extends({
-    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 */")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBNb2RhbEFjdGlvbnNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEFjdGlvbnMgdG8gYmUgZGlzcGxheWVkIGF0IHRoZSBib3R0b20gb2YgdGhlIG1vZGFsXG4gICAqL1xuICBhY3Rpb25zPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBjbGFzc05hbWU/OiBzdHJpbmcgfT4gPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5jb25zdCBNb2RhbEFjdGlvbnNDb250YWluZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE1vZGFsQWN0aW9uc1Byb3BzPiA9ICh7IGFjdGlvbnMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gPGRpdiB7Li4ucmVzdH0+e2FjdGlvbnMgJiYgPE1vZGFsQWN0aW9uPnthY3Rpb25zfTwvTW9kYWxBY3Rpb24+fTwvZGl2PlxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvbnNDb250YWluZXJcbiJdfQ== */")
   }, props));
 };
 const ModalActionsContainer = ({

package/cjs/modal/ModalBody.d.ts

@@ -5,6 +5,6 @@ export declare type ModalBodyProps = {
 };
 export declare const ModalBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ModalBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default ModalBody;

package/cjs/modal/ModalCloseButton.d.ts

@@ -9,5 +9,5 @@ export declare type ModalCloseButtonProps = {
     closeLabel?: string;
     children?: React.ReactNode;
 };
-export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => JSX.Element;
+export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => React.JSX.Element;
 export default ModalCloseButton;

package/cjs/modal/ModalDialog.d.ts

@@ -38,5 +38,5 @@ export declare const defaultProps: {
     backdrop: "lowEmphasis" | "mediumEmphasis" | "highEmphasis";
     backdropVariant: BackdropVariant;
 };
-declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => JSX.Element | null;
+declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => React.JSX.Element | null;
 export default ModalDialog;

package/cjs/modal/ModalFooter.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalFooterProps = {
     className?: string;
     sticky?: boolean;
     children?: ReactNode;
 };
-export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) => JSX.Element;
+export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) => React.JSX.Element;
 export default ModalFooter;

package/cjs/modal/ModalHeader.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalHeaderProps = {
     className?: string;
     sticky?: boolean;
     children?: ReactNode;
     noDivider?: boolean;
 };
-export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => JSX.Element;
+export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => React.JSX.Element;
 export default ModalHeader;

package/cjs/modal/ModalHeadline.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalHeadlineProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) => JSX.Element;
+export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) => React.JSX.Element;
 export default ModalHeadline;

package/cjs/modal/ModalPanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalPanelProps = {
     /**
      * Determines if the modal should be shown or not.
@@ -22,7 +22,7 @@ export declare type ModalPanelProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => JSX.Element;
+export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => React.JSX.Element;
 export declare type ModalPanelHeaderProps = {
     /**
      * className to be assigned to component
@@ -30,7 +30,7 @@ export declare type ModalPanelHeaderProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => JSX.Element;
+export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => React.JSX.Element;
 export declare type ModalPanelContent = {
     /**
      * className to be assigned to component
@@ -38,7 +38,7 @@ export declare type ModalPanelContent = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => JSX.Element;
+export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => React.JSX.Element;
 export declare type ModalPanelFooterProps = {
     /**
      * className to be assigned to component
@@ -46,4 +46,4 @@ export declare type ModalPanelFooterProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => JSX.Element;
+export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => React.JSX.Element;

package/cjs/modal/ReactModalWrapper.d.ts

@@ -4,4 +4,4 @@ export declare type ReactModalWrapperProps = ReactModal.Props & {
     className?: string;
     children?: React.ReactNode;
 };
-export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => JSX.Element;
+export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => React.JSX.Element;

package/modal/Modal.d.ts

@@ -89,5 +89,5 @@ export declare type ModalProps = React.PropsWithChildren<{
      */
     backdropVariant?: BackdropVariant;
 }>;
-export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) => JSX.Element;
+export declare const Modal: ({ showClose, heading, headerClassName, noContentPadding, onRequestClose, children, closeTabIndex, closeLabel, column, zIndex, sizes, renderWhenClosed, backdrop, backdropVariant, actions, ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

package/modal/ModalActionsContainer.js

@@ -8,7 +8,7 @@ import { css } from '@emotion/react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var ModalAction = function ModalAction(props) {
   return ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/css("display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-grow:1;padding-top:", theme.spacing.s, ";padding-bottom:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBNb2RhbEFjdGlvbnNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEFjdGlvbnMgdG8gYmUgZGlzcGxheWVkIGF0IHRoZSBib3R0b20gb2YgdGhlIG1vZGFsXG4gICAqL1xuICBhY3Rpb25zPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNsYXNzTmFtZT86IHN0cmluZyB9PiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LXdyYXA6IG5vd3JhcDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uc0NvbnRhaW5lcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TW9kYWxBY3Rpb25zUHJvcHM+ID0gKHsgYWN0aW9ucywgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiA8ZGl2IHsuLi5yZXN0fT57YWN0aW9ucyAmJiA8TW9kYWxBY3Rpb24+e2FjdGlvbnN9PC9Nb2RhbEFjdGlvbj59PC9kaXY+XG59XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsQWN0aW9uc0NvbnRhaW5lclxuIl19 */")
+    css: /*#__PURE__*/css("display:flex;flex-wrap:nowrap;justify-content:flex-end;flex-grow:1;padding-top:", theme.spacing.s, ";padding-bottom:", theme.spacing.s, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9tb2RhbC9Nb2RhbEFjdGlvbnNDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBNb2RhbEFjdGlvbnNQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEFjdGlvbnMgdG8gYmUgZGlzcGxheWVkIGF0IHRoZSBib3R0b20gb2YgdGhlIG1vZGFsXG4gICAqL1xuICBhY3Rpb25zPzogUmVhY3QuUmVhY3ROb2RlXG59XG5cbmNvbnN0IE1vZGFsQWN0aW9uOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlOyBjbGFzc05hbWU/OiBzdHJpbmcgfT4gPSAocHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKVxufVxuXG5jb25zdCBNb2RhbEFjdGlvbnNDb250YWluZXI6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PE1vZGFsQWN0aW9uc1Byb3BzPiA9ICh7IGFjdGlvbnMsIC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gPGRpdiB7Li4ucmVzdH0+e2FjdGlvbnMgJiYgPE1vZGFsQWN0aW9uPnthY3Rpb25zfTwvTW9kYWxBY3Rpb24+fTwvZGl2PlxufVxuXG5leHBvcnQgZGVmYXVsdCBNb2RhbEFjdGlvbnNDb250YWluZXJcbiJdfQ== */")
   }, props));
 };
 var ModalActionsContainer = function ModalActionsContainer(_ref) {

package/modal/ModalBody.d.ts

@@ -5,6 +5,6 @@ export declare type ModalBodyProps = {
 };
 export declare const ModalBody: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & ModalBodyProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default ModalBody;

package/modal/ModalCloseButton.d.ts

@@ -9,5 +9,5 @@ export declare type ModalCloseButtonProps = {
     closeLabel?: string;
     children?: React.ReactNode;
 };
-export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => JSX.Element;
+export declare const ModalCloseButton: ({ onRequestClose, className, icon, size, closeLabel, ...rest }: ModalCloseButtonProps) => React.JSX.Element;
 export default ModalCloseButton;

package/modal/ModalDialog.d.ts

@@ -38,5 +38,5 @@ export declare const defaultProps: {
     backdrop: "lowEmphasis" | "mediumEmphasis" | "highEmphasis";
     backdropVariant: BackdropVariant;
 };
-declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => JSX.Element | null;
+declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => React.JSX.Element | null;
 export default ModalDialog;

package/modal/ModalFooter.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalFooterProps = {
     className?: string;
     sticky?: boolean;
     children?: ReactNode;
 };
-export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) => JSX.Element;
+export declare const ModalFooter: ({ children, className, sticky, ...rest }: ModalFooterProps) => React.JSX.Element;
 export default ModalFooter;

package/modal/ModalHeader.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalHeaderProps = {
     className?: string;
     sticky?: boolean;
     children?: ReactNode;
     noDivider?: boolean;
 };
-export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => JSX.Element;
+export declare const ModalHeader: ({ children, className, sticky, noDivider, ...rest }: ModalHeaderProps) => React.JSX.Element;
 export default ModalHeader;

package/modal/ModalHeadline.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalHeadlineProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) => JSX.Element;
+export declare const ModalHeadline: ({ className, children }: ModalHeadlineProps) => React.JSX.Element;
 export default ModalHeadline;

package/modal/ModalPanel.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 export declare type ModalPanelProps = {
     /**
      * Determines if the modal should be shown or not.
@@ -22,7 +22,7 @@ export declare type ModalPanelProps = {
     className?: string;
     children?: ReactNode;
 };
-export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => JSX.Element;
+export declare const ModalPanel: ({ isOpen, shouldCloseOnEsc, onRequestClose, zIndex, className, children, }: ModalPanelProps) => React.JSX.Element;
 export declare type ModalPanelHeaderProps = {
     /**
      * className to be assigned to component
@@ -30,7 +30,7 @@ export declare type ModalPanelHeaderProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => JSX.Element;
+export declare const ModalPanelHeader: ({ className, children }: ModalPanelHeaderProps) => React.JSX.Element;
 export declare type ModalPanelContent = {
     /**
      * className to be assigned to component
@@ -38,7 +38,7 @@ export declare type ModalPanelContent = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => JSX.Element;
+export declare const ModalPanelContent: ({ className, children }: ModalPanelContent) => React.JSX.Element;
 export declare type ModalPanelFooterProps = {
     /**
      * className to be assigned to component
@@ -46,4 +46,4 @@ export declare type ModalPanelFooterProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => JSX.Element;
+export declare const ModalPanelFooter: ({ className, children }: ModalPanelFooterProps) => React.JSX.Element;

package/modal/ReactModalWrapper.d.ts

@@ -4,4 +4,4 @@ export declare type ReactModalWrapperProps = ReactModal.Props & {
     className?: string;
     children?: React.ReactNode;
 };
-export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => JSX.Element;
+export declare const ReactModalWrapper: ({ className, ...rest }: ReactModalWrapperProps) => React.JSX.Element;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Modal components",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.07a3a716",
+  "version": "2.2.0-alpha.32eece3d",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -12,18 +12,18 @@
   "peerDependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "react": ">= 17.0.2",
-    "react-dom": ">= 17.0.2"
+    "react": ">= 18.3.1",
+    "react-dom": ">= 18.3.1"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/icons": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/react-components": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/theme": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/typography": "2.2.0-alpha.07a3a716",
-    "react-modal": "^3.16.1"
+    "@dfds-ui/colors": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/icons": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/react-components": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/theme": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/typography": "2.2.0-alpha.32eece3d",
+    "react-modal": "3.16.3"
   },
-  "gitHead": "07a3a716ccdba2666c18875b7e696daf45115aab",
+  "gitHead": "32eece3d9838c4d530c5e21b63815021b472c717",
   "publishConfig": {
     "access": "public"
   }