@workday/canvas-kit-preview-react 5.3.0-next.3 → 5.3.0-next.32

package/text-input/lib/hooks/useTextInputField.tsx

@@ -0,0 +1,10 @@
+import {createHook} from '@workday/canvas-kit-react/common';
+
+/**
+ * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
+ */
+export const useTextInputField = createHook(() => {
+  return {
+    type: 'text',
+  };
+});

package/text-input/lib/hooks/useTextInputModel.ts

@@ -0,0 +1,8 @@
+import {
+  useFormFieldModel,
+  FormFieldModel,
+} from '@workday/canvas-kit-preview-react/form-field';
+
+export const useTextInputModel = useFormFieldModel;
+
+export type TextInputModel = FormFieldModel;

package/text-input/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/commonjs/text-input",
+  "module": "../dist/es6/text-input",
+  "sideEffects": false
+}

package/ts3.5/dist/commonjs/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

package/ts3.5/dist/commonjs/form-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/FormField';
+export * from './lib/hooks/';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/FormField.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { FormFieldModel, FormFieldModelConfig } from './hooks';
+export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
+    model?: FormFieldModel;
+    /**
+     * Children of the Text Input. Should contain a `<FormField.Input>`, a `<FormField.Label>` and an optional `<FormField.Hint>`
+     */
+    children: React.ReactNode;
+    /**
+     * The direction the child elements should stack
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Spacing between children elements
+     * @default xxxs when vertical l when orientation is horizontal
+     */
+    spacing?: StackSpacing;
+}
+export declare const FormField: import("@workday/canvas-kit-react/common").Component<FormFieldProps> & {
+    Input: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./FormFieldInput").FormFieldInputProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("./FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("./FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=FormField.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/FormFieldHint.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { FormFieldModel } from './hooks';
+export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
+    model?: FormFieldModel;
+    /**
+     * Hint text to show to the user regarding the Error/Alert
+     */
+    children?: React.ReactNode;
+}
+export declare const FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", FormFieldHintProps>;
+//# sourceMappingURL=FormFieldHint.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/FormFieldInput.d.ts

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { FormFieldModel } from './hooks';
+export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
+    model?: FormFieldModel;
+}
+export declare const FormFieldInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", FormFieldInputProps>;
+//# sourceMappingURL=FormFieldInput.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/FormFieldLabel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { HStack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { FormFieldModel } from './hooks';
+export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
+    model?: FormFieldModel;
+    /**
+     * The text of the label.
+     */
+    children: React.ReactNode;
+    /**
+     * When the input is required, this is spacing between label and asterisk.
+     * @default xxxs
+     */
+    spacing?: StackSpacing;
+}
+export declare const FormFieldLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", FormFieldLabelProps>;
+//# sourceMappingURL=FormFieldLabel.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useFormFieldOrientation';
+export * from './useFormFieldHint';
+export * from './useFormFieldInput';
+export * from './useFormFieldModel';
+export * from './useFormFieldLabel';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Hint` component.
+ * Used by the FormField.Hint subcomponent and other input type components
+ */
+export declare const useFormFieldHint: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldHint.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to an `Input` component.
+ * Used by the FormField.Input subcomponent and other input type components
+ */
+export declare const useFormFieldInput: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    required: boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-describedby': string;
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldInput.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Label` component.
+ * Used by the FormField.Label subcomponent and other input type components
+ */
+export declare const useFormFieldLabel: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    htmlFor: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldLabel.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts

@@ -0,0 +1,36 @@
+import { Model, ToModelConfig } from '@workday/canvas-kit-react/common';
+declare type FormFieldState = {
+    /**
+     * Optional flag to denote if this field has an error to display. When true the `FormField.Input` will have
+     * `required` set to true, and usually some subcomponents will have a error color applied.
+     * @default false
+     */
+    hasError?: boolean;
+    /**
+     * Optional `id` provided to `FormField`'s subcomponents as HTML attributes:
+     * - `FormField.Input` will set `aria-describedby` to `hint-${id}`
+     * - `FormField.Input` will set `id` to `input-${id}`
+     * - `FormField.Label` will set `htmlFor` to `input-${id}`
+     * - `FormField.Hint` will set `id` to `hint-${id}`
+     *
+     * If a value is not provided, a unique id will be automatically created by `useUniqueId()`.
+     * @default `useUniqueId()`
+     */
+    id?: string;
+    /**
+     * Optional flag to denote if this field is required. When true the `FormField.Input` will have
+     * `required` set to true, and an asterisk will be appended to the `FormField.Label`.
+     * @default false
+     */
+    isRequired?: boolean;
+};
+declare type FormFieldEvents = {};
+export declare type FormFieldModel = Model<FormFieldState, FormFieldEvents>;
+declare const formFieldEventMap: {
+    guards: {};
+    callbacks: {};
+};
+export declare type FormFieldModelConfig = FormFieldState & Partial<ToModelConfig<FormFieldState, FormFieldEvents, typeof formFieldEventMap>>;
+export declare const useFormFieldModel: (config?: FormFieldModelConfig) => Model<FormFieldState, FormFieldEvents>;
+export {};
+//# sourceMappingURL=useFormFieldModel.d.ts.map

package/ts3.5/dist/commonjs/form-field/lib/hooks/useFormFieldOrientation.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Adds the necessary layout props to a `FormField` component.
+ */
+export declare const useFormFieldOrientation: (orientation: "horizontal" | "vertical") => {
+    flexDirection: "row" | "column" | "column-reverse" | "row-reverse" | undefined;
+    alignItems: "center" | "inherit" | (string & {}) | "-moz-initial" | "initial" | "revert" | "unset" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
+    spacing: number | "zero" | "s" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl" | (string & {});
+};
+//# sourceMappingURL=useFormFieldOrientation.d.ts.map

package/ts3.5/dist/commonjs/index.d.ts

@@ -1,6 +1,9 @@
 export * from './breadcrumbs';
 export * from './color-picker';
+export * from './form-field';
 export * from './menu';
 export * from './select';
 export * from './side-panel';
+export * from './text-area';
+export * from './text-input';
 //# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/side-panel/lib/hooks.d.ts

@@ -9,12 +9,12 @@ export interface UseSidePanelProps {
     initialExpanded?: boolean;
     /**
      * sets the `id` for the panel
-     * @default `uuid`-generated string
+     * @default unique identifier
      */
     panelId?: string;
     /**
      * sets the `id` for the label
-     * @default `uuid`-generated string
+     * @default unique identifier
      */
     labelId?: string;
 }
@@ -28,12 +28,12 @@ export interface PanelProps {
     expanded: boolean;
     /**
      * the accessible `id`
-     * - this will either be a `uuid`-generated value or the `panelId` provided in the config
+     * - this will either be a unique identifier value or the `panelId` provided in the config
      */
     id: string;
     /**
      * the accessible label `id`
-     * - this will either be a `uuid`-generated value or the `labelId` provided in the config
+     * - this will either be a unique identifier value or the `labelId` provided in the config
      */
     'aria-labelledby': string;
     /**
@@ -45,14 +45,14 @@ export interface PanelProps {
 export interface LabelProps {
     /**
      * the accessible `id`
-     * - this will either be a `uuid`-generated value or the `labelId` provided in the config
+     * - this will either be a unique identifier value or the `labelId` provided in the config
      */
     id: string;
 }
 export interface ControlProps {
     /**
      * the accessible `id` that connects the panel to this control
-     * - this will either be a `uuid`-generated value or the `panelId` provided in the config
+     * - this will either be a unique identifier value or the `panelId` provided in the config
      */
     'aria-controls': string;
     /**
@@ -62,7 +62,7 @@ export interface ControlProps {
     'aria-expanded': boolean;
     /**
      * the accessible label `id`
-     * - this will either be a `uuid`-generated value or the `labelId` provided in the config
+     * - this will either be a unique identifier value or the `labelId` provided in the config
      */
     'aria-labelledby': string;
     /**

package/ts3.5/dist/commonjs/text-area/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/TextArea';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/TextArea.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextAreaModel } from './hooks';
+export declare const TextAreaModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
+    model?: TextAreaModel;
+    /**
+     * Children of the Text Input. Should contain a `<TextArea.Field>`, a `<TextArea.Label>` and an optional `<TextArea.Hint>`
+     */
+    children: React.ReactNode;
+}
+export declare const TextArea: import("@workday/canvas-kit-react/common").Component<TextAreaProps> & {
+    Field: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", import("./TextAreaField").TextAreaFieldProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=TextArea.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/TextAreaField.d.ts

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextAreaModel } from './hooks';
+export interface TextAreaFieldProps extends ExtractProps<typeof FormField.Input, never> {
+    model?: TextAreaModel;
+}
+export declare const TextAreaField: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", TextAreaFieldProps>;
+//# sourceMappingURL=TextAreaField.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/TextAreaHint.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextAreaHintProps = ExtractProps<typeof FormField.Hint, never>;
+export declare const TextAreaHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+//# sourceMappingURL=TextAreaHint.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/TextAreaLabel.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextAreaLabelProps = ExtractProps<typeof FormField.Label, never>;
+export declare const TextAreaLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+//# sourceMappingURL=TextAreaLabel.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useTextAreaModel';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts

@@ -0,0 +1,8 @@
+import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
+export declare const useTextAreaModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>;
+export declare type TextAreaModel = FormFieldModel;
+//# sourceMappingURL=useTextAreaModel.d.ts.map

package/ts3.5/dist/commonjs/text-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/TextInput';
+export * from './lib/hooks';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextInputModel } from './hooks';
+export declare const TextInputModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface TextInputProps extends ExtractProps<typeof FormField, never> {
+    model?: TextInputModel;
+    /**
+     * Children of the Text Input. Should contain a `<TextInput.Field>`, a `<TextInput.Label>` and an optional `<TextInput.Hint>`
+     */
+    children: React.ReactNode;
+}
+export declare const TextInput: import("@workday/canvas-kit-react/common").Component<TextInputProps> & {
+    Field: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInputField").TextInputFieldProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=TextInput.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+import { TextInputModel } from './hooks';
+export interface TextInputFieldProps extends ExtractProps<typeof FormField.Input, never> {
+    model?: TextInputModel;
+}
+export declare const TextInputField: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputFieldProps>;
+//# sourceMappingURL=TextInputField.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextInputHintProps = ExtractProps<typeof FormField.Hint, never>;
+export declare const TextInputHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("../../form-field/lib/FormFieldHint").FormFieldHintProps>;
+//# sourceMappingURL=TextInputHint.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts

@@ -0,0 +1,5 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { FormField } from '@workday/canvas-kit-preview-react/form-field';
+export declare type TextInputLabelProps = ExtractProps<typeof FormField.Label, never>;
+export declare const TextInputLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("../../form-field/lib/FormFieldLabel").FormFieldLabelProps>;
+//# sourceMappingURL=TextInputLabel.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useTextInputField';
+export * from './useTextInputModel';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Field` component. Used by the TextInput.Field subcomponent.
+ */
+export declare const useTextInputField: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<any, any>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    type: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useTextInputField.d.ts.map

package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts

@@ -0,0 +1,8 @@
+import { FormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
+export declare const useTextInputModel: (config?: import("../../../form-field").FormFieldModelConfig) => import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>;
+export declare type TextInputModel = FormFieldModel;
+//# sourceMappingURL=useTextInputModel.d.ts.map

package/ts3.5/dist/es6/breadcrumbs/lib/Breadcrumbs/List/hooks.d.ts

@@ -9,7 +9,7 @@ export declare const useBuildCollapsedList: <E extends HTMLElement>(listEl: Reac
 };
 export declare const useTruncateTooltip: (ref?: React.RefObject<HTMLSpanElement> | undefined) => {
     isTooltipOpen: boolean;
-    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element>) => void;
+    openTooltip: (event: React.MouseEvent<Element, MouseEvent> | React.FocusEvent<Element, Element>) => void;
     closeTooltip: () => void;
     shouldShowTooltip: boolean;
     tooltipProps: {

package/ts3.5/dist/es6/form-field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/FormField';
+export * from './lib/hooks/';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/form-field/lib/FormField.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Stack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { FormFieldModel, FormFieldModelConfig } from './hooks';
+export declare const FormFieldModelContext: React.Context<import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>>;
+export interface FormFieldProps extends FormFieldModelConfig, Omit<ExtractProps<typeof Stack, never>, 'spacing'> {
+    model?: FormFieldModel;
+    /**
+     * Children of the Text Input. Should contain a `<FormField.Input>`, a `<FormField.Label>` and an optional `<FormField.Hint>`
+     */
+    children: React.ReactNode;
+    /**
+     * The direction the child elements should stack
+     */
+    orientation: 'vertical' | 'horizontal';
+    /**
+     * Spacing between children elements
+     * @default xxxs when vertical l when orientation is horizontal
+     */
+    spacing?: StackSpacing;
+}
+export declare const FormField: import("@workday/canvas-kit-react/common").Component<FormFieldProps> & {
+    Input: import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./FormFieldInput").FormFieldInputProps>;
+    Label: import("@workday/canvas-kit-react/common").ElementComponent<"label", import("./FormFieldLabel").FormFieldLabelProps>;
+    Hint: import("@workday/canvas-kit-react/common").ElementComponent<"p", import("./FormFieldHint").FormFieldHintProps>;
+};
+//# sourceMappingURL=FormField.d.ts.map

package/ts3.5/dist/es6/form-field/lib/FormFieldHint.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { FormFieldModel } from './hooks';
+export interface FormFieldHintProps extends ExtractProps<typeof Box, never> {
+    model?: FormFieldModel;
+    /**
+     * Hint text to show to the user regarding the Error/Alert
+     */
+    children?: React.ReactNode;
+}
+export declare const FormFieldHint: import("@workday/canvas-kit-react/common").ElementComponent<"p", FormFieldHintProps>;
+//# sourceMappingURL=FormFieldHint.d.ts.map

package/ts3.5/dist/es6/form-field/lib/FormFieldInput.d.ts

@@ -0,0 +1,8 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Box } from '@workday/canvas-kit-labs-react/common';
+import { FormFieldModel } from './hooks';
+export interface FormFieldInputProps extends ExtractProps<typeof Box, never> {
+    model?: FormFieldModel;
+}
+export declare const FormFieldInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", FormFieldInputProps>;
+//# sourceMappingURL=FormFieldInput.d.ts.map

package/ts3.5/dist/es6/form-field/lib/FormFieldLabel.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { HStack, StackSpacing } from '@workday/canvas-kit-labs-react/layout';
+import { FormFieldModel } from './hooks';
+export interface FormFieldLabelProps extends Omit<ExtractProps<typeof HStack, never>, 'spacing'> {
+    model?: FormFieldModel;
+    /**
+     * The text of the label.
+     */
+    children: React.ReactNode;
+    /**
+     * When the input is required, this is spacing between label and asterisk.
+     * @default xxxs
+     */
+    spacing?: StackSpacing;
+}
+export declare const FormFieldLabel: import("@workday/canvas-kit-react/common").ElementComponent<"label", FormFieldLabelProps>;
+//# sourceMappingURL=FormFieldLabel.d.ts.map

package/ts3.5/dist/es6/form-field/lib/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useFormFieldOrientation';
+export * from './useFormFieldHint';
+export * from './useFormFieldInput';
+export * from './useFormFieldModel';
+export * from './useFormFieldLabel';
+//# sourceMappingURL=index.d.ts.map

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Hint` component.
+ * Used by the FormField.Hint subcomponent and other input type components
+ */
+export declare const useFormFieldHint: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldHint.d.ts.map

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to an `Input` component.
+ * Used by the FormField.Input subcomponent and other input type components
+ */
+export declare const useFormFieldInput: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    required: boolean | undefined;
+    'aria-invalid': boolean | undefined;
+    'aria-describedby': string;
+    id: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldInput.d.ts.map

package/ts3.5/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="@emotion/core" />
+/**
+ * Adds the necessary props to a `Label` component.
+ * Used by the FormField.Label subcomponent and other input type components
+ */
+export declare const useFormFieldLabel: <P extends {}, R>(model: import("@workday/canvas-kit-react/common").Model<{
+    hasError?: boolean | undefined;
+    id?: string | undefined;
+    isRequired?: boolean | undefined;
+}, {}>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | import("react").RefObject<R> | null | undefined) => {
+    htmlFor: string;
+} & P & (R extends HTMLOrSVGElement ? {
+    ref: import("react").Ref<R>;
+} : {});
+//# sourceMappingURL=useFormFieldLabel.d.ts.map