@launchpad-ui/form 0.1.0

package/README.md

@@ -0,0 +1,14 @@
+# @launchpad-ui/form
+
+> Elements for composing forms, such as input fields, labels, radio buttons, etc.
+
+[![See it on NPM!](https://img.shields.io/npm/v/@launchpad-ui/form?style=for-the-badge)](https://www.npmjs.com/package/@launchpad-ui/form)
+[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@launchpad-ui/form?style=for-the-badge)](https://bundlephobia.com/result?p=@launchpad-ui/form)
+
+## Installation
+
+```sh
+$ yarn add @launchpad-ui/form
+# or
+$ npm install @launchpad-ui/form
+```

package/dist/Checkbox.d.ts

@@ -0,0 +1,36 @@
+import { Component, InputHTMLAttributes, RefObject } from 'react';
+import './styles/Form.css';
+declare type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
+    /**
+     * Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.
+     */
+    'aria-label'?: string;
+    /**
+     * id attribute of the label text elsewhere in the app, used for screen reader support
+     * Use this for cases where you have a visible label on the page that is not close to
+     * the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Label for the Checkbox
+     */
+    children?: React.ReactNode;
+    /**
+     * The className to pass into the Checkbox's Label component
+     */
+    labelClassName?: string;
+    /**
+     * The test id for the data-test-id attribute for React Testing Library support
+     */
+    testId?: string;
+};
+declare class Checkbox extends Component<CheckboxProps> {
+    inputRef: RefObject<HTMLInputElement>;
+    constructor(props: CheckboxProps);
+    value(): string | undefined;
+    checked(): boolean | undefined;
+    render(): JSX.Element;
+}
+export { Checkbox };
+export type { CheckboxProps };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E,OAAO,mBAAmB,CAAC;AAE3B,aAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,cAAM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;gBAE1B,KAAK,EAAE,aAAa;IAKhC,KAAK;IAIL,OAAO;IAIP,MAAM;CAqCP;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/CompactTextField.d.ts

@@ -0,0 +1,22 @@
+import { Component, FocusEvent } from 'react';
+import { TextField, TextFieldProps } from './TextField';
+import './styles/CompactTextField.css';
+import './styles/FormInput.css';
+declare type CompactTextFieldProps = TextFieldProps & {
+    label: string;
+    needsErrorFeedback?: boolean;
+};
+declare class CompactTextField extends Component<CompactTextFieldProps, {
+    isActive: boolean;
+}> {
+    textField?: TextField | null;
+    constructor(props: CompactTextFieldProps);
+    render(): JSX.Element;
+    handleFocus: (event: FocusEvent<HTMLInputElement>) => void;
+    handleBlur: (event: FocusEvent<HTMLInputElement>) => void;
+    value: () => string | undefined;
+    focus: () => void;
+}
+export { CompactTextField };
+export type { CompactTextFieldProps };
+//# sourceMappingURL=CompactTextField.d.ts.map

package/dist/CompactTextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactTextField.d.ts","sourceRoot":"","sources":["../src/CompactTextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,+BAA+B,CAAC;AACvC,OAAO,wBAAwB,CAAC;AAEhC,aAAK,qBAAqB,GAAG,cAAc,GAAG;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,cAAM,gBAAiB,SAAQ,SAAS,CAAC,qBAAqB,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;IACpF,SAAS,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;gBAEjB,KAAK,EAAE,qBAAqB;IASxC,MAAM;IA6BN,WAAW,UAAW,WAAW,gBAAgB,CAAC,UAKhD;IAEF,UAAU,UAAW,WAAW,gBAAgB,CAAC,UAM/C;IAEF,KAAK,2BAAwD;IAE7D,KAAK,aAIH;CACH;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/FieldError.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { FieldPath } from './utils';
+import './styles/Form.css';
+declare type FieldErrorProps = {
+    name: FieldPath;
+    errorMessage?: string;
+    className?: string;
+};
+declare const FieldError: ({ name, errorMessage, className }: FieldErrorProps) => JSX.Element | null;
+export { FieldError };
+export type { FieldErrorProps };
+//# sourceMappingURL=FieldError.d.ts.map

package/dist/FieldError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,OAAO,mBAAmB,CAAC;AAG3B,aAAK,eAAe,GAAG;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,UAAU,sCAAuC,eAAe,uBAcrE,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/FieldSet.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import './styles/FieldSet.css';
+declare type FieldSetProps = {
+    children?: ReactNode;
+    testId?: string;
+};
+declare const FieldSet: ({ children, testId }: FieldSetProps) => JSX.Element;
+export { FieldSet };
+export type { FieldSetProps };
+//# sourceMappingURL=FieldSet.d.ts.map

package/dist/FieldSet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../src/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,uBAAuB,CAAC;AAE/B,aAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,QAAQ,yBAA0B,aAAa,gBAMpD,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/Form.d.ts

@@ -0,0 +1,19 @@
+import type { FocusEvent, FormEvent, ReactNode } from 'react';
+import './styles/Form.css';
+declare type FormProps = {
+    id?: string;
+    name?: string;
+    action?: string;
+    className?: string;
+    inline?: boolean;
+    method?: string;
+    hasIncreasedErrorMargin?: boolean;
+    onBlurCapture?(e: FocusEvent): void;
+    onSubmit?(e: FormEvent<EventTarget>): void;
+    ariaLabel?: string;
+    children: ReactNode;
+};
+declare const Form: (props: FormProps) => JSX.Element;
+export { Form };
+export type { FormProps };
+//# sourceMappingURL=Form.d.ts.map

package/dist/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,mBAAmB,CAAC;AAE3B,aAAK,SAAS,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAKhB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,IAAI,UAAW,SAAS,gBAa7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/FormField.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import './styles/FormField.css';
+declare type FormFieldProps = {
+    isRequired: boolean;
+    label?: string;
+    name: string;
+    htmlFor: string;
+    hint?: string;
+    errorMessage?: string;
+    ignoreValidation?: boolean;
+    isInvalid?: boolean;
+    children: JSX.Element;
+    className?: string;
+    onBlur?: (field: string) => void;
+};
+declare const FormField: ({ isRequired, label, name, htmlFor, hint, errorMessage, ignoreValidation, isInvalid, children, className, onBlur, }: FormFieldProps) => JSX.Element;
+export type { FormFieldProps };
+export { FormField };
+//# sourceMappingURL=FormField.d.ts.map

package/dist/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAMA,OAAO,wBAAwB,CAAC;AAEhC,aAAK,cAAc,GAAG;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,wHAYZ,cAAc,gBAwBhB,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/FormGroup.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import './styles/Form.css';
+declare type FormGroupProps = {
+    name?: string | string[];
+    ignoreValidation?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    onBlur?: () => void;
+    testId?: string;
+    children: ReactNode;
+};
+declare const FormGroup: (props: FormGroupProps) => JSX.Element;
+export { FormGroup };
+export type { FormGroupProps };
+//# sourceMappingURL=FormGroup.d.ts.map

package/dist/FormGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,mBAAmB,CAAC;AAE3B,aAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,cAAc,gBAYvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/FormHint.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import './styles/FormHint.css';
+declare type FormHintProps = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+};
+declare const FormHint: ({ className, children, ...rest }: FormHintProps) => JSX.Element;
+export { FormHint };
+export type { FormHintProps };
+//# sourceMappingURL=FormHint.d.ts.map

package/dist/FormHint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHint.d.ts","sourceRoot":"","sources":["../src/FormHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,uBAAuB,CAAC;AAE/B,aAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,QAAA,MAAM,QAAQ,qCAAsC,aAAa,gBAQhE,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/IconField.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { IconProps } from '@launchpad-ui/icons';
+import './styles/IconField.css';
+declare type IconFieldProps = {
+    icon({ ...other }: IconProps): JSX.Element;
+    children: JSX.Element | JSX.Element[];
+};
+declare const IconField: ({ icon, children }: IconFieldProps) => JSX.Element;
+export { IconField };
+export type { IconFieldProps };
+//# sourceMappingURL=IconField.d.ts.map

package/dist/IconField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconField.d.ts","sourceRoot":"","sources":["../src/IconField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIrD,OAAO,wBAAwB,CAAC;AAEhC,aAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IAC3C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,SAAS,uBAAwB,cAAc,gBASpD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/InputGroup.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentPropsWithRef } from 'react';
+import './styles/InputGroup.css';
+declare type InputGroupProps = ComponentPropsWithRef<'div'>;
+export declare const InputGroup: ({ className, children, ...other }: InputGroupProps) => JSX.Element;
+export {};
+//# sourceMappingURL=InputGroup.d.ts.map

package/dist/InputGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../src/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,yBAAyB,CAAC;AAEjC,aAAK,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU,sCAAuC,eAAe,gBAQ5E,CAAC"}

package/dist/Label.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './styles/Form.css';
+export declare type LabelProps = {
+    htmlFor?: string;
+    required?: boolean;
+    optional?: boolean;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export declare const Label: ({ htmlFor, disabled, className, children, required, optional, ...other }: LabelProps) => JSX.Element;
+//# sourceMappingURL=Label.d.ts.map

package/dist/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":";AAGA,OAAO,mBAAmB,CAAC;AAE3B,oBAAY,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,KAAK,6EAQf,UAAU,gBASZ,CAAC"}

package/dist/Radio.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import './styles/Form.css';
+declare type RadioProps = {
+    /**
+     * Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.
+     */
+    'aria-label'?: string;
+    /**
+     * id attribute of the label text elsewhere in the app, used for screen reader support. Use this for cases where you have a visible label on the page that **is not close to** to the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Is the Radio checked?
+     */
+    checked?: boolean;
+    /**
+     * Label for the Checkbox
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom classname(s) to add to the Radio.
+     */
+    className?: string;
+    /**
+     * Is the Radio disabled?
+     */
+    disabled?: boolean;
+    /**
+     * The id to pair the Radio input with the label for screen reader support.
+     */
+    id?: string;
+    /**
+     * The className to pass into the Radio's Label component
+     */
+    labelClassName?: string;
+    /**
+     * Name to apply to the underlying Radio. Pass in the same name value to each Radio when grouping in a RadioGroup for screen reader support.
+     */
+    name?: string;
+    /**
+     * The function to pass into the Radio onChange synthetic event handler.
+     */
+    onChange?(e: React.ChangeEvent): void;
+    /**
+     * Optional inline CSS styles to add to the Radio label.
+     */
+    labelStyle?: object;
+    /**
+     * The value passed into Radio.
+     */
+    value: number | string;
+};
+declare const Radio: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked, children, className, disabled, id, labelClassName, name, onChange, labelStyle, value, ...props }: RadioProps) => JSX.Element;
+export { Radio };
+export type { RadioProps };
+//# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":";AAGA,OAAO,mBAAmB,CAAC;AAE3B,aAAK,UAAU,GAAG;IAChB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,KAAK,4KAcR,UAAU,gBA6BZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/RadioGroup.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import './styles/Form.css';
+declare type RadioGroupProps = {
+    /**
+     * The legend that describes this groups of radio buttons. The legend
+     * is important for screen reader users.
+     */
+    legend?: string;
+    /**
+     * The children passed into the RadioGroup.
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom classname(s) passed to the fieldset inner div.
+     */
+    className?: string;
+    /**
+     * Set the underlying Radio to disabled if the Radio's disabled prop is undefined.
+     */
+    disabled?: boolean;
+    /**
+     * The RadioGroup's id.
+     */
+    id?: string;
+    /**
+     * Name to apply to the underlying Radio. The same name value is passed to each Radio when grouping in a RadioGroup for screen reader support.
+     */
+    name: string;
+    /**
+     * This function is passed into each Radio onChange synthetic event handler.
+     */
+    onChange?(e: React.ChangeEvent | React.FormEvent<HTMLInputElement>): void;
+    /**
+     * The value to compare against the Radio's value to determine if the Radio will be checked.
+     */
+    value: string;
+};
+declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
+export { RadioGroup };
+export type { RadioGroupProps };
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":";AAKA,OAAO,mBAAmB,CAAC;AAE3B,aAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC1E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,UAAU,UAAW,eAAe,gBAyDzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/RequiredAsterisk.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'react';
+import './styles/RequiredAsterisk.css';
+declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement> & {
+    testId?: string;
+};
+declare const RequiredAsterisk: ({ className, testId, ...rest }: RequiredAsteriskProps) => JSX.Element;
+export { RequiredAsterisk };
+//# sourceMappingURL=RequiredAsterisk.d.ts.map

package/dist/RequiredAsterisk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredAsterisk.d.ts","sourceRoot":"","sources":["../src/RequiredAsterisk.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,+BAA+B,CAAC;AAEvC,aAAK,qBAAqB,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,gBAAgB,mCAAoC,qBAAqB,gBAQ9E,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/Select.d.ts

@@ -0,0 +1,17 @@
+import type { ChangeEvent, ReactNode } from 'react';
+import './styles/FormInput.css';
+declare type SelectProps = {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    onChange?(event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement>): void;
+    testId?: string;
+    value?: number | string;
+    'aria-label'?: string;
+};
+declare const Select: ({ className, children, testId, ...rest }: SelectProps) => JSX.Element;
+export { Select };
+export type { SelectProps };
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,OAAO,wBAAwB,CAAC;AAEhC,aAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,WAAW,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACvF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,MAAM,6CAA8C,WAAW,gBAQpE,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/TextArea.d.ts

@@ -0,0 +1,12 @@
+import { Component, RefObject, TextareaHTMLAttributes } from 'react';
+import './styles/FormInput.css';
+declare type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare class TextArea extends Component<TextAreaProps> {
+    textareaRef: RefObject<HTMLTextAreaElement>;
+    constructor(props: TextAreaProps);
+    render(): JSX.Element;
+    focus(): void;
+}
+export { TextArea };
+export type { TextAreaProps };
+//# sourceMappingURL=TextArea.d.ts.map

package/dist/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,SAAS,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,wBAAwB,CAAC;AAGhC,aAAK,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEjE,cAAM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,WAAW,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;gBAEhC,KAAK,EAAE,aAAa;IAKhC,MAAM;IAcN,KAAK;CAGN;AAgBD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/TextField.d.ts

@@ -0,0 +1,21 @@
+import { Component, InputHTMLAttributes, RefObject } from 'react';
+import './styles/FormInput.css';
+declare type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
+    suffix?: string;
+    testId?: string;
+    tiny?: boolean;
+    overrideWidth?: string;
+};
+declare class TextField extends Component<TextFieldProps> {
+    inputRef: RefObject<HTMLInputElement>;
+    constructor(props: TextFieldProps);
+    render(): JSX.Element;
+    getElement(): HTMLInputElement | null;
+    value(): string | undefined;
+    focus(): void;
+    blur(): void;
+    select(): void;
+}
+export type { TextFieldProps };
+export { TextField };
+//# sourceMappingURL=TextField.d.ts.map

package/dist/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,OAAO,wBAAwB,CAAC;AAGhC,aAAK,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,cAAM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;gBAC1B,KAAK,EAAE,cAAc;IAKjC,MAAM;IAyDN,UAAU;IAIV,KAAK;IAIL,KAAK;IAIL,IAAI;IAIJ,MAAM;CAGP;AAED,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+export type { CheckboxProps } from './Checkbox';
+export type { CompactTextFieldProps } from './CompactTextField';
+export type { FormFieldProps } from './FormField';
+export type { FormHintProps } from './FormHint';
+export type { FormProps } from './Form';
+export type { IconFieldProps } from './IconField';
+export type { LabelProps } from './Label';
+export type { RadioGroupProps } from './RadioGroup';
+export type { RadioProps } from './Radio';
+export type { SelectProps } from './Select';
+export type { TextAreaProps } from './TextArea';
+export { Checkbox } from './Checkbox';
+export { CompactTextField } from './CompactTextField';
+export { FieldError } from './FieldError';
+export { FieldSet } from './FieldSet';
+export { Form } from './Form';
+export { FormField } from './FormField';
+export { FormGroup } from './FormGroup';
+export { FormHint } from './FormHint';
+export { IconField } from './IconField';
+export { InputGroup } from './InputGroup';
+export { Label } from './Label';
+export { Radio } from './Radio';
+export { RadioGroup } from './RadioGroup';
+export { RequiredAsterisk } from './RequiredAsterisk';
+export { Select } from './Select';
+export { TextArea } from './TextArea';
+export { TextField } from './TextField';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}