@instructure/ui-form-field 11.6.0 → 11.6.1-snapshot-129

package/types/FormField/v1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormField/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;GAIG;AACH,cAAM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY,yDAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAiBP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/FormField/{props.d.ts → v1/props.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { OtherHTMLAttributes } from '@instructure/shared-types';
-import type { FormMessage } from '../FormPropTypes';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
 import type { Spacing } from '@instructure/emotion';
 type FormFieldOwnProps = {
     label: React.ReactNode;

package/types/FormField/v1/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormField/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,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,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAChF,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormField/v2/index.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import type { FormFieldProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class FormField extends Component<FormFieldProps> {
+    static readonly componentId = "FormField";
+    static allowedProps: readonly (keyof import("./props").FormFieldOwnProps)[];
+    static defaultProps: {
+        inline: boolean;
+        layout: string;
+        labelAlign: string;
+        vAlign: string;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default FormField;
+export { FormField };
+//# sourceMappingURL=index.d.ts.map

package/types/FormField/v2/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormField/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;GAIG;AACH,cAAM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,YAAY,yDAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,MAAM;CAoBP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/FormField/v2/props.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { OtherHTMLAttributes } from '@instructure/shared-types';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
+import type { Spacing } from '@instructure/emotion';
+type FormFieldOwnProps = {
+    label: React.ReactNode;
+    /**
+     * the id of the input (to link it to its label for a11y).
+     * Applied as the `for` HTML prop on the label.
+     */
+    id: string;
+    /**
+     * Array of objects with shape: `{
+     *   text: React.ReactNode,
+     *   type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
+     * }`
+     */
+    messages?: FormMessage[];
+    /**
+     * id for the form field messages
+     */
+    messagesId?: string;
+    children?: React.ReactNode;
+    inline?: boolean;
+    layout?: 'stacked' | 'inline';
+    labelAlign?: 'start' | 'end';
+    vAlign?: 'top' | 'middle' | 'bottom';
+    width?: string;
+    inputContainerRef?: (element: HTMLSpanElement | null) => void;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    /**
+     * If `true`, displays an asterisk after the label to indicate the field is required
+     */
+    isRequired?: boolean;
+    /**
+     * Margin around the component. Accepts a `Spacing` token. See token values and example usage in [this guide](https://instructure.design/#layout-spacing).
+     */
+    margin?: Spacing;
+    /**
+     * Whether the field is disabled. When true, error and success messages will be hidden.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only. When true, error and success messages will be hidden.
+     */
+    readOnly?: boolean;
+};
+type PropKeys = keyof FormFieldOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type FormFieldProps = FormFieldOwnProps & OtherHTMLAttributes<FormFieldOwnProps>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldOwnProps, FormFieldProps };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/FormField/v2/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormField/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;;OAGG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,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,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7D;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GAAG,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAChF,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldGroup/{index.d.ts → v1/index.d.ts}

@@ -10,7 +10,7 @@ declare class FormFieldGroup extends Component<FormFieldGroupProps> {
     static allowedProps: readonly (keyof {
         description: React.ReactNode;
         as?: import("@instructure/shared-types").AsElementType;
-        messages?: import("..").FormMessage[];
+        messages?: import("../../exports/a").FormMessage[];
         messagesId?: string;
         disabled?: boolean;
         children?: React.ReactNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAczE,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,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,mBAAmB,IAAI,wBAAwB,CAQlD;IAED,IAAI,OAAO,YAOV;IAED,aAAa;IAkBb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CA+CP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/FormFieldGroup/{props.d.ts → v1/props.d.ts}

@@ -1,7 +1,7 @@
 import type { AsElementType, FormFieldGroupTheme, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { FormFieldLayoutOwnProps } from '../FormFieldLayout/props';
-import type { FormMessage } from '../FormPropTypes';
+import type { FormFieldLayoutOwnProps } from '../../FormFieldLayout/v1/props';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
 type FormFieldGroupOwnProps = {
     description: React.ReactNode;
     /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE/D,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,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,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,GAG3C,IAAI,CACF,uBAAuB,EACvB,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACvE,CAAA;AAEH,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC3D,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,YAAY,EACV,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACpB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldGroup/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EACV,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAEhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,mBAAmB,EACnC,OAAO,mBAAmB,EAC1B,OAAO,wBAAwB,KAC9B,mBAuBF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldGroup/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,mBAgB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,45 @@
+import { Component } from 'react';
+import type { FormFieldGroupProps } from './props';
+/**
+---
+category: components
+---
+**/
+declare class FormFieldGroup extends Component<FormFieldGroupProps> {
+    static readonly componentId = "FormFieldGroup";
+    static allowedProps: readonly (keyof {
+        description: React.ReactNode;
+        as?: import("@instructure/shared-types").AsElementType;
+        messages?: import("../../exports/a").FormMessage[];
+        messagesId?: string;
+        disabled?: boolean;
+        readOnly?: boolean;
+        children?: React.ReactNode;
+        layout?: "stacked" | "columns" | "inline";
+        rowSpacing?: "none" | "small" | "medium" | "large";
+        colSpacing?: "none" | "small" | "medium" | "large";
+        vAlign?: "top" | "middle" | "bottom";
+        startAt?: "small" | "medium" | "large" | "x-large" | null;
+        elementRef?: (element: Element | null) => void;
+    })[];
+    static defaultProps: {
+        as: string;
+        disabled: boolean;
+        rowSpacing: string;
+        colSpacing: string;
+        vAlign: string;
+        isGroup: boolean;
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    get invalid(): boolean;
+    renderColumns(): import("@emotion/react/jsx-runtime").JSX.Element[] | null | undefined;
+    renderChildren(): import("@emotion/react/jsx-runtime").JSX.Element;
+    renderFields(): import("@emotion/react/jsx-runtime").JSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default FormFieldGroup;
+export { FormFieldGroup };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAA;AAazE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,OAAO,YAOV;IAED,aAAa;IAkBb,cAAc;IAgBd,YAAY;IAUZ,MAAM;CA+CP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1,48 @@
+import type { AsElementType, FormFieldGroupTheme, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { FormFieldLayoutOwnProps } from '../../FormFieldLayout/v2/props';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
+type FormFieldGroupOwnProps = {
+    description: React.ReactNode;
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * Array of objects with shape: `{
+     *   text: React.ReactNode,
+     *   type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
+     * }`
+     */
+    messages?: FormMessage[];
+    /**
+     * id for the form field messages
+     */
+    messagesId?: string;
+    /**
+     * Whether the field group is disabled. When true, error and success messages will be hidden.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field group is read-only. When true, error and success messages will be hidden.
+     */
+    readOnly?: boolean;
+    children?: React.ReactNode;
+    layout?: 'stacked' | 'columns' | 'inline';
+    rowSpacing?: 'none' | 'small' | 'medium' | 'large';
+    colSpacing?: 'none' | 'small' | 'medium' | 'large';
+    vAlign?: 'top' | 'middle' | 'bottom';
+    startAt?: 'small' | 'medium' | 'large' | 'x-large' | null;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+};
+type PropKeys = keyof FormFieldGroupOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type FormFieldGroupProps = FormFieldGroupOwnProps & WithStyleProps<FormFieldGroupTheme, FormFieldGroupStyle> & OtherHTMLAttributes<FormFieldGroupOwnProps> & Omit<FormFieldLayoutOwnProps, 'messages' | 'messagesId' | 'vAlign' | 'layout' | 'label' | 'children'>;
+type FormFieldGroupStyle = ComponentStyle<'formFieldGroup'>;
+declare const allowedProps: AllowedPropKeys;
+export type { FormFieldGroupProps, FormFieldGroupStyle };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE/D,KAAK,sBAAsB,GAAG;IAC5B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,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,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAA;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,GAG3C,IAAI,CACF,uBAAuB,EACvB,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CACvE,CAAA;AAEH,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC3D,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldGroup/v2/styles.d.ts

@@ -0,0 +1,14 @@
+import type { FormFieldGroupProps, FormFieldGroupStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (_componentTheme: {}, props: FormFieldGroupProps) => FormFieldGroupStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/FormFieldGroup/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldGroup/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GAEjB,iBAAiB,EAAE,EACnB,OAAO,mBAAmB,KACzB,mBAeF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAET;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAeP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC3D,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLabel/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v1/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,mBAAmB,EACnC,OAAO,mBAAmB,KACzB,mBA6BF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldLabel/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,mBAqB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,38 @@
+import { Component } from 'react';
+import type { FormFieldLabelProps } from './props';
+/**
+---
+parent: FormField
+---
+
+This is a helper component that is used by most of the custom form
+components. In most cases it shouldn't be used directly.
+
+```js
+---
+type: example
+---
+<FormFieldLabel>Hello</FormFieldLabel>
+```
+
+ @deprecated since version 10. This is an internal component that will be
+ removed in the future
+**/
+declare class FormFieldLabel extends Component<FormFieldLabelProps> {
+    static readonly componentId = "FormFieldLabel";
+    static allowedProps: readonly (keyof {
+        children: React.ReactNode;
+        as?: import("@instructure/shared-types").AsElementType;
+    })[];
+    static defaultProps: {
+        readonly as: "span";
+    };
+    ref: Element | null;
+    handleRef: (el: Element | null) => void;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
+}
+export default FormFieldLabel;
+export { FormFieldLabel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAET;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAeP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GACxD,mBAAmB,CAAC,sBAAsB,CAAC,CAAA;AAE7C,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC3D,QAAA,MAAM,YAAY,EAAE,eAAoC,CAAA;AAExD,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLabel/v2/styles.d.ts

@@ -0,0 +1,15 @@
+import type { FormFieldLabelTheme } from '@instructure/shared-types';
+import type { FormFieldLabelProps, FormFieldLabelStyle } from './props';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param  {Object} componentTheme The theme variable object.
+ * @param  {Object} props the props of the component, the style is applied to
+ * @param  {Object} state the state of the component, the style is applied to
+ * @return {Object} The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: FormFieldLabelTheme, props: FormFieldLabelProps) => FormFieldLabelStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/FormFieldLabel/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v2/styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,mBAAmB,EACnC,OAAO,mBAAmB,KACzB,mBA6BF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldLabel/v2/theme.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '@instructure/ui-themes';
+import { FormFieldLabelTheme } from '@instructure/shared-types';
+/**
+ * Generates the theme object for the component from the theme and provided additional information
+ * @param  {Object} theme The actual theme object.
+ * @return {Object} The final theme object with the overrides and component variables
+ */
+declare const generateComponentTheme: (theme: Theme) => FormFieldLabelTheme;
+export default generateComponentTheme;
+//# sourceMappingURL=theme.d.ts.map

package/types/FormFieldLabel/v2/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLabel/v2/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,mBAqB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,EAAgB,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY,+DAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKT;gBAEE,KAAK,EAAE,oBAAoB;IAMvC,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,QAAQ,CAAQ;IAExB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,cAAc,QAAO,mBAAmB,CAUvC;IAED,IAAI,eAAe,YAElB;IAED,IAAI,WAAW,YAed;IAED,IAAI,WAAW,oQAEd;IAED,uBAAuB,GAAI,MAAM,WAAW,GAAG,IAAI,UAIlD;IAED,WAAW;IAiCX,qBAAqB;IAUrB,MAAM;CAiCP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/types/FormFieldLayout/{props.d.ts → v1/props.d.ts}

@@ -1,6 +1,6 @@
 import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle, Spacing } from '@instructure/emotion';
-import type { FormMessage } from '../FormPropTypes';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
 import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
 type FormFieldLayoutOwnProps = {
     label: React.ReactNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,OAAO,EACR,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,IAAI,EAAE,oBAAoB,CAAC,GAC1C,mBAAmB,CAAC,uBAAuB,CAAC,GAC5C,wBAAwB,CAAA;AAE1B,KAAK,oBAAoB,GAAG,cAAc,CACxC,iBAAiB,GAAG,gBAAgB,GAAG,mBAAmB,CAC3D,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,wBAAwB,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACxB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLayout/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAiCrE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,oBAAoB,EACpC,OAAO,oBAAoB,EAC3B,YAAY,mBAAmB,KAC9B,oBAgHF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldLayout/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAEhE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,oBAwB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

@@ -0,0 +1,14 @@
+import { allowedProps } from './props';
+/**
+---
+parent: FormField
+---
+**/
+declare const FormFieldLayout: import("react").ForwardRefExoticComponent<import("./props").FormFieldLayoutOwnProps & {
+    themeOverride?: import("@instructure/emotion").ThemeOverrideValue;
+} & Omit<import("react").AllHTMLAttributes<import("./props").FormFieldLayoutOwnProps & Element>, "dir" | keyof import("./props").FormFieldLayoutOwnProps> & {
+    dir?: "ltr" | "rtl";
+} & import("@instructure/ui-react-utils").WithDeterministicIdProps & import("react").RefAttributes<Element>>;
+export default FormFieldLayout;
+export { FormFieldLayout, allowedProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v2/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAGtC;;;;GAIG;AACH,QAAA,MAAM,eAAe;;;;4GAgMpB,CAAA;AAID,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,90 @@
+import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
+import type { ComponentStyle, Spacing, ThemeOverrideValue } from '@instructure/emotion';
+import type { FormMessage } from '../../utils/v1/FormPropTypes';
+import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
+type FormFieldLayoutOwnProps = {
+    label: React.ReactNode;
+    /**
+     * the id of the input (to link it to its label for a11y)
+     */
+    id?: string;
+    /**
+     * the element type to render as
+     */
+    as?: AsElementType;
+    /**
+     * Array of objects with shape: `{
+     *   text: React.ReactNode,
+     *   type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
+     * }`
+     */
+    messages?: FormMessage[];
+    /**
+     * id for the form field messages
+     */
+    messagesId?: string;
+    children?: React.ReactNode;
+    /**
+     * If `true` use an inline layout -- content will flow on the left/right side
+     * of this component
+     */
+    inline?: boolean;
+    /**
+     * In `stacked` mode the container is below the label, in `inline` mode the
+     * container is to the right/left (depending on text direction)
+     */
+    layout?: 'stacked' | 'inline';
+    /**
+     * The horizontal alignment of the label. Only works in `inline` layout
+     */
+    labelAlign?: 'start' | 'end';
+    /**
+     * The vertical alignment of the label and the controls.
+     * "top" by default
+     */
+    vAlign?: 'top' | 'middle' | 'bottom';
+    width?: string;
+    /**
+     * Provides a reference to the container that holds the input element
+     * @param element The element that holds the input control as its children
+     */
+    inputContainerRef?: (element: HTMLElement | null) => void;
+    /**
+     * provides a reference to the underlying html root element
+     */
+    elementRef?: (element: Element | null) => void;
+    isGroup?: boolean;
+    /**
+     * If `true`, displays an asterisk after the label to indicate the field is required
+     */
+    isRequired?: boolean;
+    /**
+     * Valid values are `0`, `none`, `auto`, and Spacing token values,
+     * see https://instructure.design/layout-spacing. Apply these values via
+     * familiar CSS-like shorthand. For example, `margin="small auto large"`.
+     */
+    margin?: Spacing;
+    /**
+     * Whether the field is disabled. When true, error and success messages will be hidden.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only. When true, error and success messages will be hidden.
+     */
+    readOnly?: boolean;
+};
+type PropKeys = keyof FormFieldLayoutOwnProps;
+type AllowedPropKeys = Readonly<Array<PropKeys>>;
+type FormFieldLayoutProps = FormFieldLayoutOwnProps & {
+    themeOverride?: ThemeOverrideValue;
+} & OtherHTMLAttributes<FormFieldLayoutOwnProps> & WithDeterministicIdProps;
+type FormFieldLayoutStyle = ComponentStyle<'formFieldLayout' | 'formFieldLabel' | 'formFieldChildren' | 'requiredAsterisk'>;
+declare const allowedProps: AllowedPropKeys;
+type FormFieldStyleProps = {
+    hasMessages: boolean;
+    hasVisibleLabel: boolean;
+    hasErrorMsgAndIsGroup: boolean;
+};
+export type { FormFieldStyleProps, FormFieldLayoutProps, FormFieldLayoutStyle, FormFieldLayoutOwnProps };
+export { allowedProps };
+//# sourceMappingURL=props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,cAAc,EACd,OAAO,EACP,kBAAkB,EACnB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACzD;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,oBAAoB,GAAG,uBAAuB,GAAG;IACpD,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,GAC9C,wBAAwB,CAAA;AAE1B,KAAK,oBAAoB,GAAG,cAAc,CACtC,iBAAiB,GACjB,gBAAgB,GAChB,mBAAmB,GACnB,kBAAkB,CACrB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,OAAO,CAAA;IACpB,eAAe,EAAE,OAAO,CAAA;IACxB,qBAAqB,EAAE,OAAO,CAAA;CAC/B,CAAA;AAED,YAAY,EACV,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACxB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldLayout/v2/styles.d.ts

@@ -0,0 +1,25 @@
+import type { FormFieldLayoutProps, FormFieldLayoutStyle, FormFieldStyleProps } from './props';
+import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
+type StyleParams = FormFieldStyleProps & {
+    inline: FormFieldLayoutProps['inline'];
+    layout: FormFieldLayoutProps['layout'];
+    vAlign: FormFieldLayoutProps['vAlign'];
+    labelAlign: FormFieldLayoutProps['labelAlign'];
+    margin: FormFieldLayoutProps['margin'];
+    messages: FormFieldLayoutProps['messages'];
+    isRequired: FormFieldLayoutProps['isRequired'];
+    invalid: boolean;
+};
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param componentTheme The theme variable object.
+ * @param params Additional parameters to customize the style.
+ * @param sharedTokens Shared token object that stores common values for the theme.
+ * @return The final style object, which will be used in the component
+ */
+declare const generateStyle: (componentTheme: NewComponentTypes["FormFieldLayout"], params: StyleParams, sharedTokens: SharedTokens) => FormFieldLayoutStyle;
+export default generateStyle;
+//# sourceMappingURL=styles.d.ts.map

package/types/FormFieldLayout/v2/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldLayout/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,KAAK,WAAW,GAAG,mBAAmB,GAAG;IACvC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,UAAU,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAC9C,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC1C,UAAU,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAA;IAC9C,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AAgCD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,iBAAiB,CAAC,EACpD,QAAQ,WAAW,EACnB,cAAc,YAAY,KACzB,oBAuHF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldMessage/{index.d.ts → v1/index.d.ts}

@@ -18,8 +18,8 @@ type: example
 declare class FormFieldMessage extends Component<FormFieldMessageProps> {
     static readonly componentId = "FormFieldMessage";
     static allowedProps: readonly (keyof {
-        variant?: import("..").FormMessageType;
-        children?: import("../FormPropTypes").FormMessageChild;
+        variant?: import("../../exports/a").FormMessageType;
+        children?: import("../../exports/a").FormMessageChild;
     })[];
     static defaultProps: {
         variant: string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFieldMessage/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,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,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CAoBP;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/types/FormFieldMessage/{props.d.ts → v1/props.d.ts}

@@ -1,6 +1,6 @@
 import type { FormFieldMessageTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-import type { FormMessageType, FormMessageChild } from '../FormPropTypes';
+import type { FormMessageType, FormMessageChild } from '../../utils/v1/FormPropTypes';
 type FormFieldMessageOwnProps = {
     variant?: FormMessageType;
     children?: FormMessageChild;

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/FormFieldMessage/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EACjB,MAAM,8BAA8B,CAAA;AAErC,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAC5B,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AAE9D,KAAK,qBAAqB,GAAG,cAAc,CAAC,kBAAkB,GAAG,WAAW,CAAC,CAAA;AAC7E,QAAA,MAAM,YAAY,EAAE,eAAyC,CAAA;AAE7D,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/FormFieldMessage/v1/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/FormFieldMessage/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE3E;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,qBAAqB,EACrC,OAAO,qBAAqB,KAC3B,qBA2BF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/types/FormFieldMessage/v1/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/FormFieldMessage/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEjE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,qBAyB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}