@instructure/ui-modal 8.8.1-snapshot.8 → 8.9.0

package/src/Modal/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import { ModalTheme } from '@instructure/shared-types'
-import { ModalProps } from './types'
+import { ModalProps } from './props'
 
 /**
  * ---

package/src/index.ts

@@ -23,7 +23,7 @@
  */
 export { Modal } from './Modal'
 
-export type { ModalProps } from './Modal/types'
-export type { ModalBodyProps } from './Modal/ModalBody/types'
-export type { ModalFooterProps } from './Modal/ModalFooter/types'
-export type { ModalHeaderProps } from './Modal/ModalHeader/types'
+export type { ModalProps } from './Modal/props'
+export type { ModalBodyProps } from './Modal/ModalBody/props'
+export type { ModalFooterProps } from './Modal/ModalFooter/props'
+export type { ModalHeaderProps } from './Modal/ModalHeader/props'

package/types/Modal/ModalBody/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { ModalBodyProps } from './types';
+import type { ModalBodyProps } from './props';
 /**
 ---
 parent: Modal
@@ -11,23 +10,37 @@ id: Modal.Body
 **/
 declare class ModalBody extends Component<ModalBodyProps> {
     static readonly componentId = "Modal.Body";
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        padding: (props: any, propName: any, componentName: any, location: any) => any;
-        elementRef: PropTypes.Requireable<(...args: any[]) => any>;
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        variant: PropTypes.Requireable<string>;
-        overflow: PropTypes.Requireable<string>;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        variant?: "default" | "inverse" | undefined; /**
+        ---
+        parent: Modal
+        id: Modal.Body
+        ---
+        **/
+        overflow?: "scroll" | "fit" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
+        elementRef?: ((...args: any[]) => any) | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        variant?: "default" | "inverse" | undefined; /**
+        ---
+        parent: Modal
+        id: Modal.Body
+        ---
+        **/
+        overflow?: "scroll" | "fit" | undefined;
+    })[];
     static defaultProps: {
         padding: string;
         as: string;
         variant: string;
         children: null;
-        elementRef: undefined;
-        overflow: undefined;
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

package/types/Modal/ModalBody/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAMlC,OAAO,EAAa,GAAG,EAAsB,MAAM,sBAAsB,CAAA;AAGzE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExC;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;MAYf;IAED,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAiCP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;GAKG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;qDAXlB;;;;;WAKG;;OAM2B;IAC5B,MAAM,CAAC,YAAY;;;;;qDAZrB;;;;;WAKG;;SAOiC;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAiCP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/Modal/ModalBody/props.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { Spacing, WithStyleProps } from '@instructure/emotion';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+declare type ModalBodyOwnProps = {
+    children?: React.ReactNode;
+    padding?: Spacing;
+    elementRef?: (...args: any[]) => any;
+    as?: AsElementType;
+    variant?: 'default' | 'inverse';
+    overflow?: 'scroll' | 'fit';
+};
+declare type PropKeys = keyof ModalBodyOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ModalBodyProps = ModalBodyOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ModalBodyProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Modal/ModalBody/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalBody/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE9E,aAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,cAAc,GAAG,iBAAiB,GAAG,cAAc,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Modal/ModalBody/styles.d.ts

@@ -1,5 +1,5 @@
 import { ModalBodyTheme } from '@instructure/shared-types';
-import { ModalBodyProps } from './types';
+import { ModalBodyProps } from './props';
 /**
  * ---
  * private: true

package/types/Modal/ModalFooter/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { ModalFooterProps } from './types';
+import type { ModalFooterProps } from './props';
 /**
 ---
 parent: Modal
@@ -11,12 +10,14 @@ id: Modal.Footer
 **/
 declare class ModalFooter extends Component<ModalFooterProps> {
     static readonly componentId = "Modal.Footer";
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        variant: PropTypes.Requireable<string>;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: import("react").ReactNode;
+        variant?: "default" | "inverse" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: import("react").ReactNode;
+        variant?: "default" | "inverse" | undefined;
+    })[];
     static defaultProps: {
         variant: string;
         children: null;

package/types/Modal/ModalFooter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;MAQf;IAED,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalFooter/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/Modal/ModalFooter/props.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type ModalFooterOwnProps = {
+    children?: React.ReactNode;
+    variant?: 'default' | 'inverse';
+};
+declare type PropKeys = keyof ModalFooterOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ModalFooterProps = ModalFooterOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ModalFooterProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Modal/ModalFooter/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalFooter/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GAAG,cAAc,CAAA;AAE5D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Modal/ModalFooter/styles.d.ts

@@ -1,5 +1,5 @@
 import { ModalFooterTheme } from '@instructure/shared-types';
-import { ModalFooterProps } from './types';
+import { ModalFooterProps } from './props';
 /**
  * ---
  * private: true

package/types/Modal/ModalHeader/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
-import { Component } from 'react';
-import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { jsx } from '@instructure/emotion';
-import { ModalHeaderProps, ModalHeaderStyleProps } from './types';
+import type { ModalHeaderProps, ModalHeaderStyleProps } from './props';
 /**
 ---
 parent: Modal
@@ -11,12 +10,14 @@ id: Modal.Header
 **/
 declare class ModalHeader extends Component<ModalHeaderProps> {
     static readonly componentId = "Modal.Header";
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        variant: PropTypes.Requireable<string>;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: React.ReactNode;
+        variant?: "default" | "inverse" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        variant?: "default" | "inverse" | undefined;
+    })[];
     static defaultProps: {
         children: null;
         variant: string;

package/types/Modal/ModalHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,SAAS,MAAM,YAAY,CAAA;AAQlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;MAQf;IAED,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAQlB;IAED,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalHeader/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEtE;;;;;GAKG;AACH,cAEM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc,QAAO,qBAAqB,CAIzC;IAED,IAAI,eAAe,YAQlB;IAED,MAAM;CASP;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/Modal/ModalHeader/props.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type ModalHeaderOwnProps = {
+    children?: React.ReactNode;
+    variant?: 'default' | 'inverse';
+};
+declare type ModalHeaderStyleProps = {
+    withCloseButton: boolean;
+};
+declare type PropKeys = keyof ModalHeaderOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ModalHeaderProps = ModalHeaderOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ModalHeaderProps, ModalHeaderStyleProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Modal/ModalHeader/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Modal/ModalHeader/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAChC,CAAA;AAED,aAAK,qBAAqB,GAAG;IAC3B,eAAe,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GAAG,cAAc,CAAA;AAE5D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Modal/ModalHeader/styles.d.ts

@@ -1,5 +1,5 @@
 import { ModalHeaderTheme } from '@instructure/shared-types';
-import { ModalHeaderProps, ModalHeaderStyleProps } from './types';
+import { ModalHeaderProps, ModalHeaderStyleProps } from './props';
 /**
  * ---
  * private: true

package/types/Modal/index.d.ts

@@ -1,12 +1,11 @@
 /** @jsx jsx */
 import { Component, ReactElement } from 'react';
-import PropTypes from 'prop-types';
 import type { PortalNode } from '@instructure/ui-portal';
 import { jsx } from '@instructure/emotion';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
 import { ModalFooter } from './ModalFooter';
-import { ModalProps } from './types';
+import type { ModalProps } from './props';
 /**
 ---
 category: components
@@ -15,114 +14,60 @@ tags: overlay, portal, dialog
 **/
 declare class Modal extends Component<ModalProps> {
     static readonly componentId = "Modal";
-    static propTypes: {
-        /**
-         * An accessible label for the `<Modal />` content
-         */
-        label: PropTypes.Validator<string>;
-        /**
-         * The children to be rendered within the `<Modal />`
-         */
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        /**
-         * The element to render the dialog as, `span` by default
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * The size of the `<Modal />` content
-         */
-        size: PropTypes.Requireable<string>;
-        /**
-         * Designates the background style of the `<Modal />`
-         */
-        variant: PropTypes.Requireable<string>;
-        /**
-         * Whether or not the `<Modal />` is open
-         */
-        open: PropTypes.Requireable<boolean>;
-        /**
-         * An element or a function returning an element to focus by default
-         */
-        defaultFocusElement: PropTypes.Requireable<PropTypes.ReactElementLike | ((...args: any[]) => any)>;
-        /**
-         * Whether focus should be returned to the trigger when the `<Modal/>` is closed
-         */
-        shouldReturnFocus: PropTypes.Requireable<boolean>;
-        /**
-         * Whether the `<Modal/>` should request close when the document is clicked
-         */
-        shouldCloseOnDocumentClick: PropTypes.Requireable<boolean>;
-        /**
-         * Callback fired when `<Modal />` content has been mounted in the DOM
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired when `<Modal />` has been unmounted from the DOM
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired when the `<Modal />` is requesting to be closed
-         */
-        onDismiss: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         *
-         * A function that returns a reference to the content element
-         */
-        contentRef: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * An element or a function returning an element to use as the mount node
-         * for the `<Modal />` (defaults to `document.body`)
-         */
-        mountNode: PropTypes.Requireable<PropTypes.ReactElementLike | ((...args: any[]) => any) | Element>;
-        /**
-         * Insert the element at the 'top' of the mountNode or at the 'bottom'
-         */
-        insertAt: PropTypes.Requireable<string>;
-        /**
-         * An element, function returning an element, or array of elements that will not be hidden from
-         * the screen reader when the `<Modal />` is open
-         */
-        liveRegion: PropTypes.Requireable<PropTypes.ReactElementLike | ((...args: any[]) => any) | (PropTypes.ReactElementLike | null | undefined)[]>;
-        transition: PropTypes.Requireable<string>;
-        /**
-         * Callback fired before the <Modal /> transitions in
-         */
-        onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired as the <Modal /> begins to transition in
-         */
-        onEntering: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired after the <Modal /> finishes transitioning in
-         */
-        onEntered: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired right before the <Modal /> transitions out
-         */
-        onExit: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired as the <Modal /> begins to transition out
-         */
-        onExiting: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Callback fired after the <Modal /> finishes transitioning out
-         */
-        onExited: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Constrain the Modal to the document window or its closest positioned parent
-         */
-        constrain: PropTypes.Requireable<string>;
-        /**
-         * Should ModalBody handle overflow with scrollbars, or fit its
-         * content within its own height?
-         */
-        overflow: PropTypes.Requireable<string>;
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        label: string;
+        children: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        size?: "medium" | "small" | "auto" | "large" | "fullscreen" | undefined;
+        variant?: "default" | "inverse" | undefined;
+        open?: boolean | undefined;
+        defaultFocusElement?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((...args: any[]) => any) | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        shouldCloseOnDocumentClick?: boolean | undefined;
+        onOpen?: ((DOMNode: PortalNode) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onDismiss?: ((...args: any[]) => any) | undefined;
+        contentRef?: ((...args: any[]) => any) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        insertAt?: "bottom" | "top" | undefined;
+        liveRegion?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | ((...args: any[]) => any) | undefined;
+        transition?: import("@instructure/ui-motion/types/Transition/props").TransitionType | undefined;
+        onEnter?: ((...args: any[]) => any) | undefined;
+        onEntering?: ((...args: any[]) => any) | undefined;
+        onEntered?: ((...args: any[]) => any) | undefined;
+        onExit?: ((...args: any[]) => any) | undefined;
+        onExiting?: ((...args: any[]) => any) | undefined;
+        onExited?: ((...args: any[]) => any) | undefined;
+        constrain?: "window" | "parent" | undefined;
+        overflow?: "scroll" | "fit" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        label: string;
+        children: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        size?: "medium" | "small" | "auto" | "large" | "fullscreen" | undefined;
+        variant?: "default" | "inverse" | undefined;
+        open?: boolean | undefined;
+        defaultFocusElement?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ((...args: any[]) => any) | undefined;
+        shouldReturnFocus?: boolean | undefined;
+        shouldCloseOnDocumentClick?: boolean | undefined;
+        onOpen?: ((DOMNode: PortalNode) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+        onDismiss?: ((...args: any[]) => any) | undefined;
+        contentRef?: ((...args: any[]) => any) | undefined;
+        mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
+        insertAt?: "bottom" | "top" | undefined;
+        liveRegion?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | ((...args: any[]) => any) | undefined;
+        transition?: import("@instructure/ui-motion/types/Transition/props").TransitionType | undefined;
+        onEnter?: ((...args: any[]) => any) | undefined;
+        onEntering?: ((...args: any[]) => any) | undefined;
+        onEntered?: ((...args: any[]) => any) | undefined;
+        onExit?: ((...args: any[]) => any) | undefined;
+        onExiting?: ((...args: any[]) => any) | undefined;
+        onExited?: ((...args: any[]) => any) | undefined;
+        constrain?: "window" | "parent" | undefined;
+        overflow?: "scroll" | "fit" | undefined;
+    })[];
     static defaultProps: {
         open: boolean;
         size: string;

package/types/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AAelC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpC;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,SAAS;QACd;;WAEG;;QAGH;;WAEG;;;;;QAQH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAMH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;WAEG;;QAGH;;;WAGG;;QAGH;;;WAGG;;QAEH;;WAEG;;QAGH;;;WAGG;;;QASH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;;;MAOJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;MA6BlB;IAED,MAAM,CAAC,MAAM,qBAAc;IAC3B,MAAM,CAAC,IAAI,mBAAY;IACvB,MAAM,CAAC,MAAM,qBAAc;gBAGf,KAAK,KAAA;IAQjB,QAAQ,EAAE,UAAU,CAAO;IAE3B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAWjD,IAAI,mBAAmB,mHAEtB;IAED,IAAI,OAAO,IAYK,UAAU,CAVzB;IAED,IAAI,aAAa,yBAMhB;IAED,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,gBAAgB,YAAa,UAAU,UAEtC;IAED,sBAAsB,aAIrB;IAGD,UAAU,oBAMT;IAED,cAAc;IAqBd,YAAY,CAAC,KAAK,KAAA;IAiDlB,MAAM;CA0DP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAWzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAM3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,MAAM,CAAC,QAAQ,CAAC,WAAW,WAAU;IAErC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;MA6BlB;IAED,MAAM,CAAC,MAAM,qBAAc;IAC3B,MAAM,CAAC,IAAI,mBAAY;IACvB,MAAM,CAAC,MAAM,qBAAc;gBAGf,KAAK,KAAA;IAQjB,QAAQ,EAAE,UAAU,CAAO;IAE3B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAWjD,IAAI,mBAAmB,mHAEtB;IAED,IAAI,OAAO,IAYK,UAAU,CAVzB;IAED,IAAI,aAAa,yBAMhB;IAED,IAAI,OAAO,CAAC,EAAE,EAAE,UAAU,EAEzB;IAED,gBAAgB,YAAa,UAAU,UAEtC;IAED,sBAAsB,aAIrB;IAGD,UAAU,oBAMT;IAED,cAAc;IAqBd,YAAY,CAAC,KAAK,KAAA;IAiDlB,MAAM;CA0DP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/types/Modal/{types.d.ts → props.d.ts}

@@ -1,10 +1,12 @@
-/// <reference types="react" />
-import { AsElementType } from '@instructure/shared-types';
+import React from 'react';
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
 import type { PortalNode } from '@instructure/ui-portal';
 import type { PositionMountNode } from '@instructure/ui-position';
 import type { TransitionType } from '@instructure/ui-motion';
-export declare type ModalProps = {
+import type { WithStyleProps } from '@instructure/emotion';
+declare type ModalOwnProps = {
     label: string;
+    children: React.ReactNode;
     as?: AsElementType;
     size?: 'auto' | 'small' | 'medium' | 'large' | 'fullscreen';
     variant?: 'default' | 'inverse';
@@ -28,7 +30,12 @@ export declare type ModalProps = {
     onExited?: (...args: any[]) => any;
     constrain?: 'window' | 'parent';
     overflow?: 'scroll' | 'fit';
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof ModalOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ModalProps = ModalOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ModalProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map