@dfds-ui/modal 2.2.0-alpha.98e68873 → 2.2.0-alpha.9bb1ab0f

package/cjs/modal/ModalHeadline.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type ModalHeadlineProps = {
+export type ModalHeadlineProps = {
     className?: string;
     children?: ReactNode;
 };

package/cjs/modal/ModalPanel.d.ts

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

package/cjs/modal/ReactModalWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactModal from 'react-modal';
-export declare type ReactModalWrapperProps = ReactModal.Props & {
+export type ReactModalWrapperProps = ReactModal.Props & {
     className?: string;
     children?: React.ReactNode;
 };

package/modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalSizes, ModalVariation, Backdrop, BackdropVariant } from './ModalDialog';
-export declare type ModalProps = React.PropsWithChildren<{
+export type ModalProps = React.PropsWithChildren<{
     /**
      * If set to `true` the modal is shown
      */

package/modal/ModalAction.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonProps } from '@dfds-ui/react-components';
-export declare type ModalActionVariation = 'primary' | 'secondary';
-export declare type ModalActionProps = {
+export type ModalActionVariation = 'primary' | 'secondary';
+export type ModalActionProps = {
     actionVariation?: ModalActionVariation;
     onClick?: () => void;
     /**

package/modal/ModalActionsContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ModalActionsProps = {
+export type ModalActionsProps = {
     /**
      * Actions to be displayed at the bottom of the modal
      */

package/modal/ModalBody.d.ts

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

package/modal/ModalCloseButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconButtonSize } from '@dfds-ui/react-components';
-export declare type ModalCloseButtonProps = {
+export type ModalCloseButtonProps = {
     onRequestClose?: () => void;
     className?: string;
     icon?: React.ElementType;

package/modal/ModalDialog.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
-export declare type ModalVariation = 'default' | 'fullscreen';
-export declare type ModalSizes = Record<keyof typeof theme.breakpoints, string>;
-export declare type Backdrop = keyof typeof backdropsTransparent;
-export declare type BackdropVariant = 'transparent' | 'solid';
-export declare type ModalDialogProps = {
+export type ModalVariation = 'default' | 'fullscreen';
+export type ModalSizes = Record<keyof typeof theme.breakpoints, string>;
+export type Backdrop = keyof typeof backdropsTransparent;
+export type BackdropVariant = 'transparent' | 'solid';
+export type ModalDialogProps = {
     isOpen: boolean;
     onRequestClose?: () => void;
     shouldCloseOnOverlayClick?: boolean;
@@ -35,7 +35,7 @@ export declare const defaultProps: {
     };
     zIndex: number;
     renderWhenClosed: boolean;
-    backdrop: "lowEmphasis" | "mediumEmphasis" | "highEmphasis";
+    backdrop: Backdrop;
     backdropVariant: BackdropVariant;
 };
 declare const ModalDialog: ({ isOpen, onRequestClose, shouldCloseOnOverlayClick, shouldCloseOnEsc, variation, zIndex, className, sizes, fixedTopPosition, renderWhenClosed, backdrop, backdropVariant, children, ...rest }: ModalDialogProps) => React.JSX.Element | null;