@instructure/ui-form-field 8.8.1-snapshot.3 → 8.9.0

package/types/FormFieldGroup/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FormFieldGroupProps, FormFieldGroupStyleProps } from './types';
+import type { FormFieldGroupProps, FormFieldGroupStyleProps } from './props';
 /**
 ---
 category: components
@@ -10,42 +9,34 @@ category: components
 **/
 declare class FormFieldGroup extends Component<FormFieldGroupProps> {
     static readonly componentId = "FormFieldGroup";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        description: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * the element type to render as
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * object with shape: `{
-         * text: PropTypes.string,
-         * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-         *   }`
-         */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        /**
-         * id for the form field messages
-         */
-        messagesId: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        layout: PropTypes.Requireable<string>;
-        rowSpacing: PropTypes.Requireable<string>;
-        colSpacing: PropTypes.Requireable<string>;
-        vAlign: PropTypes.Requireable<string>;
-        startAt: PropTypes.Requireable<string | null>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        description: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        messages?: import("..").FormMessage[] | undefined;
+        messagesId?: string | undefined;
+        disabled?: boolean | undefined;
+        children?: import("react").ReactNode;
+        layout?: "columns" | "inline" | "stacked" | undefined;
+        rowSpacing?: "small" | "none" | "medium" | "large" | undefined;
+        colSpacing?: "small" | "none" | "medium" | "large" | undefined;
+        vAlign?: "middle" | "bottom" | "top" | undefined;
+        startAt?: any;
+    }>;
+    static allowedProps: readonly (keyof {
+        description: import("react").ReactNode;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        messages?: import("..").FormMessage[] | undefined;
+        messagesId?: string | undefined;
+        disabled?: boolean | undefined;
+        children?: import("react").ReactNode;
+        layout?: "columns" | "inline" | "stacked" | undefined;
+        rowSpacing?: "small" | "none" | "medium" | "large" | undefined;
+        colSpacing?: "small" | "none" | "medium" | "large" | undefined;
+        vAlign?: "middle" | "bottom" | "top" | undefined;
+        startAt?: any;
+    })[];
     static defaultProps: {
         children: null;
-        layout: undefined;
-        startAt: undefined;
-        messages: undefined;
-        messagesId: undefined;
         as: string;
         disabled: boolean;
         rowSpacing: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;QAMd;;WAEG;;QAEH;;;;;WAKG;;;;;QAEH;;WAEG;;;;;;;;;MASJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,mBAAmB,IAAI,wBAAwB,CAElD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAcb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CAkBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAE5E;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,mBAAmB,IAAI,wBAAwB,CAElD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAcb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CAkBP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/FormFieldGroup/props.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { FormMessage } from '../FormPropTypes';
+declare type FormFieldGroupOwnProps = {
+    description: React.ReactNode;
+    as?: AsElementType;
+    messages?: FormMessage[];
+    messagesId?: string;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    layout?: 'stacked' | 'columns' | 'inline';
+    rowSpacing?: 'none' | 'small' | 'medium' | 'large';
+    colSpacing?: 'none' | 'small' | 'medium' | 'large';
+    vAlign?: 'top' | 'middle' | 'bottom';
+    startAt?: any;
+};
+declare type FormFieldGroupStyleProps = {
+    invalid: boolean;
+};
+declare type PropKeys = keyof FormFieldGroupOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FormFieldGroupProps = FormFieldGroupOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldGroupProps, FormFieldGroupStyleProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/FormFieldGroup/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldGroup/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,aAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldGroup/styles.d.ts

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

package/types/FormFieldLabel/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FormFieldLabelProps } from './types';
+import type { FormFieldLabelProps } from './props';
 /**
 ---
 parent: FormField
@@ -21,14 +20,16 @@ example: true
 **/
 declare class FormFieldLabel extends Component<FormFieldLabelProps> {
     static readonly componentId = "FormFieldLabel";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        children: import("react").ReactNode;
+    }>;
+    static allowedProps: readonly (keyof {
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        children: import("react").ReactNode;
+    })[];
     static defaultProps: {
-        as: string;
+        readonly as: "span";
     };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAGlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;MAOf;IAED,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAcP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;;;;;;;;;;GAeG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAET;IAEV,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAcP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/FormFieldLabel/props.d.ts

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

package/types/FormFieldLabel/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldLabel/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,sBAAsB,GAAG;IAC5B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLabel/styles.d.ts

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

package/types/FormFieldLayout/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FormFieldLayoutProps } from './types';
+import type { FormFieldLayoutProps } from './props';
 /**
 ---
 parent: FormField
@@ -10,57 +9,45 @@ parent: FormField
 **/
 declare class FormFieldLayout extends Component<FormFieldLayoutProps> {
     static readonly componentId = "FormFieldLayout";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        label: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * the id of the input (to link it to its label for a11y)
-         */
-        id: PropTypes.Requireable<string>;
-        /**
-         * the element type to render as
-         */
-        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        /**
-         * object with shape: `{
-         * text: PropTypes.string,
-         * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-         *   }`
-         */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        /**
-         * id for the form field messages
-         */
-        messagesId: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        inline: PropTypes.Requireable<boolean>;
-        layout: PropTypes.Requireable<string>;
-        labelAlign: PropTypes.Requireable<string>;
-        width: PropTypes.Requireable<string>;
-        inputContainerRef: PropTypes.Requireable<(...args: any[]) => any>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        label: import("react").ReactNode;
+        id?: string | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        messages?: import("..").FormMessage[] | undefined;
+        messagesId?: string | undefined;
+        children?: import("react").ReactNode;
+        inline?: boolean | undefined;
+        layout?: "inline" | "stacked" | undefined;
+        labelAlign?: "end" | "start" | undefined;
+        width?: string | undefined;
+        inputContainerRef?: ((...args: any[]) => any) | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        label: import("react").ReactNode;
+        id?: string | undefined;
+        as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
+        messages?: import("..").FormMessage[] | undefined;
+        messagesId?: string | undefined;
+        children?: import("react").ReactNode;
+        inline?: boolean | undefined;
+        layout?: "inline" | "stacked" | undefined;
+        labelAlign?: "end" | "start" | undefined;
+        width?: string | undefined;
+        inputContainerRef?: ((...args: any[]) => any) | undefined;
+    })[];
     static defaultProps: {
-        id: undefined;
-        width: undefined;
-        messages: undefined;
-        messagesId: undefined;
-        children: null;
-        inline: boolean;
-        layout: string;
-        as: string;
-        labelAlign: string;
-        inputContainerRef: undefined;
+        readonly children: null;
+        readonly inline: false;
+        readonly layout: "stacked";
+        readonly as: "label";
+        readonly labelAlign: "end";
     };
     constructor(props: any);
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     get hasVisibleLabel(): boolean | "" | 0 | null | undefined;
     get hasMessages(): boolean | undefined;
-    get elementType(): any;
+    get elementType(): import("@instructure/shared-types/types/CommonProps").AsElementType;
     get inlineContainerAndLabel(): boolean | undefined;
     handleInputContainerRef: (node: any) => void;
     renderLabel(): import("react").ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAalC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAOrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AACH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;QAMd;;WAEG;;QAEH;;WAEG;;QAEH;;;;;WAKG;;;;;QAEH;;WAEG;;;;;;;;MAQJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;MAWlB;gBAGW,KAAK,KAAA;IAejB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,eAAe,wCAElB;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,WAAW,QAEd;IAED,IAAI,uBAAuB,wBAG1B;IAGD,uBAAuB,sBAItB;IAED,WAAW;IAsBX,YAAY;IAaZ,qBAAqB;IAkBrB,MAAM;CAyCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AACH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMT;gBAGE,KAAK,KAAA;IAejB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,IAAI,eAAe,wCAElB;IAED,IAAI,WAAW,wBAEd;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,uBAAuB,wBAG1B;IAGD,uBAAuB,sBAItB;IAED,WAAW;IAsBX,YAAY;IAaZ,qBAAqB;IAkBrB,MAAM;CAyCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/types/FormFieldLayout/props.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import type { AsElementType, PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { FormMessage } from '../FormPropTypes';
+declare type FormFieldLayoutOwnProps = {
+    label: React.ReactNode;
+    id?: string;
+    as?: AsElementType;
+    messages?: FormMessage[];
+    messagesId?: string;
+    children?: React.ReactNode;
+    inline?: boolean;
+    layout?: 'stacked' | 'inline';
+    labelAlign?: 'start' | 'end';
+    width?: string;
+    inputContainerRef?: (...args: any[]) => any;
+};
+declare type PropKeys = keyof FormFieldLayoutOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FormFieldLayoutProps = FormFieldLayoutOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldLayoutProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/FormFieldLayout/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldLayout/props.ts"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,aAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAC5C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,GAAG,cAAc,CAAA;AAEpE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA2BvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLayout/styles.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldLayoutProps } from './types';
+import { FormFieldLayoutProps } from './props';
 /**
  * ---
  * private: true

package/types/FormFieldMessage/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FormFieldMessageProps } from './types';
+import type { FormFieldMessageProps } from './props';
 /**
 ---
 parent: FormField
@@ -20,12 +19,14 @@ example: true
 **/
 declare class FormFieldMessage extends Component<FormFieldMessageProps> {
     static readonly componentId = "FormFieldMessage";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        variant: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        variant?: import("..").FormMessageType | undefined;
+        children?: import("react").ReactNode;
+    }>;
+    static allowedProps: readonly (keyof {
+        variant?: import("..").FormMessageType | undefined;
+        children?: import("react").ReactNode;
+    })[];
     static defaultProps: {
         variant: string;
         children: null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/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;AAIrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,cACM,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,MAAM,CAAC,SAAS;;;;;MAOf;IAED,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CASP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;;;;;;;;;;;;;GAcG;AACH,cACM,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAC7D,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,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,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/types/FormFieldMessage/props.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { FormMessageType } from '../FormPropTypes';
+declare type FormFieldMessageOwnProps = {
+    variant?: FormMessageType;
+    children?: React.ReactNode;
+};
+declare type PropKeys = keyof FormFieldMessageOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FormFieldMessageProps = FormFieldMessageOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldMessageProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/FormFieldMessage/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessage/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,aAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GAAG,cAAc,CAAA;AAEtE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,qBAAqB,EAAE,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldMessage/styles.d.ts

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

package/types/FormFieldMessages/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { FormFieldMessagesProps } from './types';
+import type { FormFieldMessagesProps } from './props';
 /**
 ---
 parent: FormField
@@ -23,23 +22,9 @@ example: true
 **/
 declare class FormFieldMessages extends Component<FormFieldMessagesProps> {
     static readonly componentId = "FormFieldMessages";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        /**
-         * object with shape: `{
-         * text: PropTypes.string,
-         * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-         *   }`
-         */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-    };
-    static defaultProps: {
-        messages: undefined;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"messages">;
+    static allowedProps: readonly "messages"[];
+    static defaultProps: {};
     componentDidMount(): void;
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
     render(): jsx.JSX.Element | null;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessages/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;AAOrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,iBAAkB,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IAC/D,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,SAAS;;;QAKd;;;;;WAKG;;;;;MAEJ;IAED,MAAM,CAAC,YAAY;;MAElB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAkBP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFieldMessages/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAQrD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,iBAAkB,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IAC/D,MAAM,CAAC,QAAQ,CAAC,WAAW,uBAAsB;IAEjD,MAAM,CAAC,SAAS,oFAAY;IAC5B,MAAM,CAAC,YAAY,wBAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,MAAM;CAkBP;AAED,eAAe,iBAAiB,CAAA;AAChC,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/types/FormFieldMessages/props.d.ts

@@ -0,0 +1,14 @@
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+import type { FormMessage } from '../FormPropTypes';
+declare type FormFieldMessagesOwnProps = {
+    messages?: FormMessage[];
+};
+declare type PropKeys = keyof FormFieldMessagesOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type FormFieldMessagesProps = FormFieldMessagesOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldMessagesProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map