@launchpad-ui/form 0.3.4 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Checkbox.d.ts +0 -36
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/CompactTextField.d.ts +0 -1
- package/dist/CompactTextField.d.ts.map +1 -1
- package/dist/FieldError.d.ts +3 -4
- package/dist/FieldError.d.ts.map +1 -1
- package/dist/FieldSet.d.ts +3 -6
- package/dist/FieldSet.d.ts.map +1 -1
- package/dist/Form.d.ts +2 -11
- package/dist/Form.d.ts.map +1 -1
- package/dist/FormField.d.ts +2 -1
- package/dist/FormField.d.ts.map +1 -1
- package/dist/FormGroup.d.ts +2 -6
- package/dist/FormGroup.d.ts.map +1 -1
- package/dist/FormHint.d.ts +2 -6
- package/dist/FormHint.d.ts.map +1 -1
- package/dist/IconField.d.ts +4 -4
- package/dist/IconField.d.ts.map +1 -1
- package/dist/Label.d.ts +3 -8
- package/dist/Label.d.ts.map +1 -1
- package/dist/Radio.d.ts +4 -50
- package/dist/Radio.d.ts.map +1 -1
- package/dist/RadioGroup.d.ts +3 -3
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RequiredAsterisk.d.ts +2 -4
- package/dist/RequiredAsterisk.d.ts.map +1 -1
- package/dist/Select.d.ts +3 -15
- package/dist/Select.d.ts.map +1 -1
- package/dist/TextArea.d.ts.map +1 -1
- package/dist/TextField.d.ts +0 -2
- package/dist/TextField.d.ts.map +1 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +273 -372
- package/dist/index.es.js.map +1 -7
- package/dist/index.js +301 -443
- package/dist/index.js.map +1 -7
- package/dist/style.css +402 -0
- package/package.json +4 -4
- package/dist/InputGroup.d.ts +0 -7
- package/dist/InputGroup.d.ts.map +0 -1
- package/dist/styles/CompactTextField.css +0 -2
- package/dist/styles/CompactTextField.css.map +0 -1
- package/dist/styles/FieldSet.css +0 -2
- package/dist/styles/FieldSet.css.map +0 -1
- package/dist/styles/Form.css +0 -2
- package/dist/styles/Form.css.map +0 -1
- package/dist/styles/FormField.css +0 -2
- package/dist/styles/FormField.css.map +0 -1
- package/dist/styles/FormHint.css +0 -2
- package/dist/styles/FormHint.css.map +0 -1
- package/dist/styles/FormInput.css +0 -2
- package/dist/styles/FormInput.css.map +0 -1
- package/dist/styles/IconField.css +0 -2
- package/dist/styles/IconField.css.map +0 -1
- package/dist/styles/InputGroup.css +0 -2
- package/dist/styles/InputGroup.css.map +0 -1
- package/dist/styles/RequiredAsterisk.css +0 -2
- package/dist/styles/RequiredAsterisk.css.map +0 -1
- package/dist/styles/styles.css +0 -2
- package/dist/styles/styles.css.map +0 -1
package/dist/Checkbox.d.ts
CHANGED
@@ -1,52 +1,16 @@
|
|
1
1
|
import type { InputHTMLAttributes } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
3
|
declare type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
|
4
|
-
/**
|
5
|
-
* Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.
|
6
|
-
*/
|
7
|
-
'aria-label'?: string;
|
8
|
-
/**
|
9
|
-
* id attribute of the label text elsewhere in the app, used for screen reader support
|
10
|
-
* Use this for cases where you have a visible label on the page that is not close to
|
11
|
-
* the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/
|
12
|
-
*/
|
13
|
-
'aria-labelledby'?: string;
|
14
|
-
/**
|
15
|
-
* Label for the Checkbox
|
16
|
-
*/
|
17
|
-
children?: React.ReactNode;
|
18
4
|
/**
|
19
5
|
* The className to pass into the Checkbox's Label component
|
20
6
|
*/
|
21
7
|
labelClassName?: string;
|
22
|
-
/**
|
23
|
-
* The test id for the data-test-id attribute for React Testing Library support
|
24
|
-
*/
|
25
|
-
testId?: string;
|
26
8
|
};
|
27
9
|
declare const Checkbox: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
28
|
-
/**
|
29
|
-
* Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.
|
30
|
-
*/
|
31
|
-
'aria-label'?: string | undefined;
|
32
|
-
/**
|
33
|
-
* id attribute of the label text elsewhere in the app, used for screen reader support
|
34
|
-
* Use this for cases where you have a visible label on the page that is not close to
|
35
|
-
* the input. https://tink.uk/the-difference-between-aria-label-and-aria-labelledby/
|
36
|
-
*/
|
37
|
-
'aria-labelledby'?: string | undefined;
|
38
|
-
/**
|
39
|
-
* Label for the Checkbox
|
40
|
-
*/
|
41
|
-
children?: React.ReactNode;
|
42
10
|
/**
|
43
11
|
* The className to pass into the Checkbox's Label component
|
44
12
|
*/
|
45
13
|
labelClassName?: string | undefined;
|
46
|
-
/**
|
47
|
-
* The test id for the data-test-id attribute for React Testing Library support
|
48
|
-
*/
|
49
|
-
testId?: string | undefined;
|
50
14
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
51
15
|
export { Checkbox };
|
52
16
|
export type { CheckboxProps };
|
package/dist/Checkbox.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3D;;OAEG;IACH,
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,aAAa,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC3D;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,QAAQ;IANZ;;OAEG;;oDAyCJ,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
@@ -8,7 +8,6 @@ declare type CompactTextFieldProps = TextFieldProps & {
|
|
8
8
|
};
|
9
9
|
declare const CompactTextField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
|
10
10
|
suffix?: string | undefined;
|
11
|
-
testId?: string | undefined;
|
12
11
|
tiny?: boolean | undefined;
|
13
12
|
overrideWidth?: string | undefined;
|
14
13
|
} & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompactTextField.d.ts","sourceRoot":"","sources":["../src/CompactTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAQlD,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,QAAA,MAAM,gBAAgB
|
1
|
+
{"version":3,"file":"CompactTextField.d.ts","sourceRoot":"","sources":["../src/CompactTextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAQlD,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,QAAA,MAAM,gBAAgB;;;;;WAJb,MAAM;;oDA8Cd,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
package/dist/FieldError.d.ts
CHANGED
@@ -1,12 +1,11 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import type { FieldPath } from './utils';
|
2
|
+
import type { HTMLAttributes } from 'react';
|
3
3
|
import './styles/Form.css';
|
4
|
-
declare type FieldErrorProps = {
|
4
|
+
declare type FieldErrorProps = HTMLAttributes<HTMLSpanElement> & {
|
5
5
|
name: FieldPath;
|
6
6
|
errorMessage?: string;
|
7
|
-
className?: string;
|
8
7
|
};
|
9
|
-
declare const FieldError: ({ name, errorMessage, className }: FieldErrorProps) => JSX.Element | null;
|
8
|
+
declare const FieldError: ({ name, errorMessage, className, ...rest }: FieldErrorProps) => JSX.Element | null;
|
10
9
|
export { FieldError };
|
11
10
|
export type { FieldErrorProps };
|
12
11
|
//# sourceMappingURL=FieldError.d.ts.map
|
package/dist/FieldError.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,mBAAmB,CAAC;AAG3B,aAAK,eAAe,GAAG,cAAc,CAAC,eAAe,CAAC,GAAG;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,UAAU,+CAAgD,eAAe,uBAe9E,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
package/dist/FieldSet.d.ts
CHANGED
@@ -1,10 +1,7 @@
|
|
1
|
-
import type {
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
2
|
import './styles/FieldSet.css';
|
3
|
-
declare type FieldSetProps =
|
4
|
-
|
5
|
-
testId?: string;
|
6
|
-
};
|
7
|
-
declare const FieldSet: ({ children, testId }: FieldSetProps) => JSX.Element;
|
3
|
+
declare type FieldSetProps = HTMLAttributes<HTMLFieldSetElement>;
|
4
|
+
declare const FieldSet: ({ children, className, ...rest }: FieldSetProps) => JSX.Element;
|
8
5
|
export { FieldSet };
|
9
6
|
export type { FieldSetProps };
|
10
7
|
//# sourceMappingURL=FieldSet.d.ts.map
|
package/dist/FieldSet.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../src/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../src/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,uBAAuB,CAAC;AAE/B,aAAK,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEzD,QAAA,MAAM,QAAQ,kEAQb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/Form.d.ts
CHANGED
@@ -1,17 +1,8 @@
|
|
1
|
-
import type {
|
1
|
+
import type { FormHTMLAttributes } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
|
-
declare type FormProps = {
|
4
|
-
id?: string;
|
5
|
-
name?: string;
|
6
|
-
action?: string;
|
7
|
-
className?: string;
|
3
|
+
declare type FormProps = FormHTMLAttributes<HTMLFormElement> & {
|
8
4
|
inline?: boolean;
|
9
|
-
method?: string;
|
10
5
|
hasIncreasedErrorMargin?: boolean;
|
11
|
-
onBlurCapture?(e: FocusEvent): void;
|
12
|
-
onSubmit?(e: FormEvent<EventTarget>): void;
|
13
|
-
ariaLabel?: string;
|
14
|
-
children: ReactNode;
|
15
6
|
};
|
16
7
|
declare const Form: (props: FormProps) => JSX.Element;
|
17
8
|
export { Form };
|
package/dist/Form.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAIhD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,SAAS,GAAG,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACrD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,IAAI,UAAW,SAAS,gBAe7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/FormField.d.ts
CHANGED
@@ -12,8 +12,9 @@ declare type FormFieldProps = {
|
|
12
12
|
children: JSX.Element;
|
13
13
|
className?: string;
|
14
14
|
onBlur?: (field: string) => void;
|
15
|
+
'data-test-id': string;
|
15
16
|
};
|
16
|
-
declare const FormField: ({ isRequired, label, name, htmlFor, hint, errorMessage, ignoreValidation, isInvalid, children, className, onBlur, }: FormFieldProps) => JSX.Element;
|
17
|
+
declare const FormField: ({ isRequired, label, name, htmlFor, hint, errorMessage, ignoreValidation, isInvalid, children, className, onBlur, "data-test-id": testId, }: FormFieldProps) => JSX.Element;
|
17
18
|
export type { FormFieldProps };
|
18
19
|
export { FormField };
|
19
20
|
//# sourceMappingURL=FormField.d.ts.map
|
package/dist/FormField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
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;
|
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;IACjC,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,SAAS,gJAaZ,cAAc,gBAyBhB,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/FormGroup.d.ts
CHANGED
@@ -1,13 +1,9 @@
|
|
1
|
-
import type {
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
|
-
declare type FormGroupProps = {
|
3
|
+
declare type FormGroupProps = HTMLAttributes<HTMLDivElement> & {
|
4
4
|
name?: string | string[];
|
5
5
|
ignoreValidation?: boolean;
|
6
6
|
isInvalid?: boolean;
|
7
|
-
className?: string;
|
8
|
-
onBlur?: () => void;
|
9
|
-
testId?: string;
|
10
|
-
children: ReactNode;
|
11
7
|
};
|
12
8
|
declare const FormGroup: (props: FormGroupProps) => JSX.Element;
|
13
9
|
export { FormGroup };
|
package/dist/FormGroup.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../src/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,mBAAmB,CAAC;AAE3B,aAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,SAAS,UAAW,cAAc,gBAUvC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/FormHint.d.ts
CHANGED
@@ -1,10 +1,6 @@
|
|
1
|
-
import type {
|
1
|
+
import type { HTMLAttributes } from 'react';
|
2
2
|
import './styles/FormHint.css';
|
3
|
-
declare type FormHintProps =
|
4
|
-
children: ReactNode;
|
5
|
-
className?: string;
|
6
|
-
id?: string;
|
7
|
-
};
|
3
|
+
declare type FormHintProps = HTMLAttributes<HTMLDivElement>;
|
8
4
|
declare const FormHint: ({ className, children, ...rest }: FormHintProps) => JSX.Element;
|
9
5
|
export { FormHint };
|
10
6
|
export type { FormHintProps };
|
package/dist/FormHint.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FormHint.d.ts","sourceRoot":"","sources":["../src/FormHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"FormHint.d.ts","sourceRoot":"","sources":["../src/FormHint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,uBAAuB,CAAC;AAE/B,aAAK,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpD,QAAA,MAAM,QAAQ,kEAQb,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/IconField.d.ts
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
/// <reference types="react" />
|
2
1
|
import type { IconProps } from '@launchpad-ui/icons';
|
2
|
+
import type { HTMLAttributes } from 'react';
|
3
3
|
import './styles/IconField.css';
|
4
|
-
declare type IconFieldProps = {
|
5
|
-
icon(
|
4
|
+
declare type IconFieldProps = HTMLAttributes<HTMLDivElement> & {
|
5
|
+
icon(args: IconProps): JSX.Element;
|
6
6
|
children: JSX.Element | JSX.Element[];
|
7
7
|
};
|
8
|
-
declare const IconField: ({ icon, children }: IconFieldProps) => JSX.Element;
|
8
|
+
declare const IconField: ({ icon, children, className, ...rest }: IconFieldProps) => JSX.Element;
|
9
9
|
export { IconField };
|
10
10
|
export type { IconFieldProps };
|
11
11
|
//# sourceMappingURL=IconField.d.ts.map
|
package/dist/IconField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconField.d.ts","sourceRoot":"","sources":["../src/IconField.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"IconField.d.ts","sourceRoot":"","sources":["../src/IconField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,wBAAwB,CAAC;AAEhC,aAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,CAAC,IAAI,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,SAAS,2CAA4C,cAAc,gBAWxE,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/Label.d.ts
CHANGED
@@ -1,16 +1,11 @@
|
|
1
|
-
|
1
|
+
import type { LabelHTMLAttributes } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
|
-
declare type LabelProps = {
|
4
|
-
htmlFor?: string;
|
3
|
+
declare type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {
|
5
4
|
required?: boolean;
|
6
5
|
optional?: boolean;
|
7
6
|
disabled?: boolean;
|
8
|
-
children?: React.ReactNode;
|
9
|
-
className?: string;
|
10
|
-
style?: React.CSSProperties;
|
11
|
-
hidden?: boolean;
|
12
7
|
};
|
13
|
-
declare const Label: ({
|
8
|
+
declare const Label: ({ disabled, className, children, required, optional, ...rest }: LabelProps) => JSX.Element;
|
14
9
|
export { Label };
|
15
10
|
export type { LabelProps };
|
16
11
|
//# sourceMappingURL=Label.d.ts.map
|
package/dist/Label.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,mBAAmB,CAAC;AAE3B,aAAK,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,KAAK,mEAOR,UAAU,gBAUZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/Radio.d.ts
CHANGED
@@ -1,56 +1,10 @@
|
|
1
|
-
|
1
|
+
import type { CSSProperties, InputHTMLAttributes } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
|
-
declare type RadioProps = {
|
4
|
-
/**
|
5
|
-
* Use an aria-label if you don't pass in children and don't have a visible label to associate with the input element.
|
6
|
-
*/
|
7
|
-
'aria-label'?: string;
|
8
|
-
/**
|
9
|
-
* 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/
|
10
|
-
*/
|
11
|
-
'aria-labelledby'?: string;
|
12
|
-
/**
|
13
|
-
* Is the Radio checked?
|
14
|
-
*/
|
15
|
-
checked?: boolean;
|
16
|
-
/**
|
17
|
-
* Label for the Checkbox
|
18
|
-
*/
|
19
|
-
children?: React.ReactNode;
|
20
|
-
/**
|
21
|
-
* Custom classname(s) to add to the Radio.
|
22
|
-
*/
|
23
|
-
className?: string;
|
24
|
-
/**
|
25
|
-
* Is the Radio disabled?
|
26
|
-
*/
|
27
|
-
disabled?: boolean;
|
28
|
-
/**
|
29
|
-
* The id to pair the Radio input with the label for screen reader support.
|
30
|
-
*/
|
31
|
-
id?: string;
|
32
|
-
/**
|
33
|
-
* The className to pass into the Radio's Label component
|
34
|
-
*/
|
3
|
+
declare type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
35
4
|
labelClassName?: string;
|
36
|
-
|
37
|
-
* 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.
|
38
|
-
*/
|
39
|
-
name?: string;
|
40
|
-
/**
|
41
|
-
* The function to pass into the Radio onChange synthetic event handler.
|
42
|
-
*/
|
43
|
-
onChange?(e: React.ChangeEvent): void;
|
44
|
-
/**
|
45
|
-
* Optional inline CSS styles to add to the Radio label.
|
46
|
-
*/
|
47
|
-
labelStyle?: React.CSSProperties;
|
48
|
-
/**
|
49
|
-
* The value passed into Radio.
|
50
|
-
*/
|
51
|
-
value: number | string;
|
5
|
+
labelStyle?: CSSProperties;
|
52
6
|
};
|
53
|
-
declare const Radio: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked, children, className, disabled, id, labelClassName,
|
7
|
+
declare const Radio: ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, checked, children, className, disabled, id, labelClassName, labelStyle, ...rest }: RadioProps) => JSX.Element;
|
54
8
|
export { Radio };
|
55
9
|
export type { RadioProps };
|
56
10
|
//# sourceMappingURL=Radio.d.ts.map
|
package/dist/Radio.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKhE,OAAO,mBAAmB,CAAC;AAE3B,aAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACtE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,KAAK,oJAWR,UAAU,gBA0BZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/RadioGroup.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
import type { ChangeEvent, FormEvent, ReactNode } from 'react';
|
2
2
|
import './styles/Form.css';
|
3
3
|
declare type RadioGroupProps = {
|
4
4
|
/**
|
@@ -9,7 +9,7 @@ declare type RadioGroupProps = {
|
|
9
9
|
/**
|
10
10
|
* The children passed into the RadioGroup.
|
11
11
|
*/
|
12
|
-
children?:
|
12
|
+
children?: ReactNode;
|
13
13
|
/**
|
14
14
|
* Custom classname(s) passed to the fieldset inner div.
|
15
15
|
*/
|
@@ -29,7 +29,7 @@ declare type RadioGroupProps = {
|
|
29
29
|
/**
|
30
30
|
* This function is passed into each Radio onChange synthetic event handler.
|
31
31
|
*/
|
32
|
-
onChange?(e:
|
32
|
+
onChange?(e: ChangeEvent | FormEvent<HTMLInputElement>): void;
|
33
33
|
/**
|
34
34
|
* The value to compare against the Radio's value to determine if the Radio will be checked.
|
35
35
|
*/
|
package/dist/RadioGroup.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../src/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7E,OAAO,mBAAmB,CAAC;AAE3B,aAAK,eAAe,GAAG;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;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,WAAW,GAAG,SAAS,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC;IAC9D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,UAAU,UAAW,eAAe,gBA2DzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
@@ -1,9 +1,7 @@
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
2
2
|
import './styles/RequiredAsterisk.css';
|
3
|
-
declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement
|
4
|
-
|
5
|
-
};
|
6
|
-
declare const RequiredAsterisk: ({ className, testId, ...rest }: RequiredAsteriskProps) => JSX.Element;
|
3
|
+
declare type RequiredAsteriskProps = HTMLAttributes<HTMLSpanElement>;
|
4
|
+
declare const RequiredAsterisk: ({ className, ...rest }: RequiredAsteriskProps) => JSX.Element;
|
7
5
|
export { RequiredAsterisk };
|
8
6
|
export type { RequiredAsteriskProps };
|
9
7
|
//# sourceMappingURL=RequiredAsterisk.d.ts.map
|
@@ -1 +1 @@
|
|
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,
|
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,CAAC;AAE7D,QAAA,MAAM,gBAAgB,gEAQrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAC5B,YAAY,EAAE,qBAAqB,EAAE,CAAC"}
|
package/dist/Select.d.ts
CHANGED
@@ -1,19 +1,7 @@
|
|
1
|
-
import type {
|
1
|
+
import type { SelectHTMLAttributes } from 'react';
|
2
2
|
import './styles/FormInput.css';
|
3
|
-
declare type SelectProps =
|
4
|
-
|
5
|
-
className?: string;
|
6
|
-
disabled?: boolean;
|
7
|
-
id?: string;
|
8
|
-
name?: string;
|
9
|
-
onChange?(event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement>): void;
|
10
|
-
onBlur?(event: FocusEvent<HTMLSelectElement, HTMLElement>): void;
|
11
|
-
testId?: string;
|
12
|
-
value?: number | string;
|
13
|
-
placeholder?: string;
|
14
|
-
'aria-label'?: string;
|
15
|
-
};
|
16
|
-
declare const Select: ({ className, children, testId, ...rest }: SelectProps) => JSX.Element;
|
3
|
+
declare type SelectProps = SelectHTMLAttributes<HTMLSelectElement>;
|
4
|
+
declare const Select: ({ className, children, ...rest }: SelectProps) => JSX.Element;
|
17
5
|
export { Select };
|
18
6
|
export type { SelectProps };
|
19
7
|
//# sourceMappingURL=Select.d.ts.map
|
package/dist/Select.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,wBAAwB,CAAC;AAEhC,aAAK,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3D,QAAA,MAAM,MAAM,gEAQX,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/TextArea.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../src/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAKnE,OAAO,wBAAwB,CAAC;AAGhC,aAAK,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEjE,QAAA,MAAM,QAAQ,+GAwBZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/TextField.d.ts
CHANGED
@@ -2,13 +2,11 @@ import type { InputHTMLAttributes } from 'react';
|
|
2
2
|
import './styles/FormInput.css';
|
3
3
|
declare type TextFieldProps = InputHTMLAttributes<HTMLInputElement> & {
|
4
4
|
suffix?: string;
|
5
|
-
testId?: string;
|
6
5
|
tiny?: boolean;
|
7
6
|
overrideWidth?: string;
|
8
7
|
};
|
9
8
|
declare const TextField: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
|
10
9
|
suffix?: string | undefined;
|
11
|
-
testId?: string | undefined;
|
12
10
|
tiny?: boolean | undefined;
|
13
11
|
overrideWidth?: string | undefined;
|
14
12
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
package/dist/TextField.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,wBAAwB,CAAC;AAGhC,aAAK,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,wBAAwB,CAAC;AAGhC,aAAK,cAAc,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,SAAS;;;;oDAuDd,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/index.d.ts
CHANGED
@@ -7,7 +7,6 @@ export type { FormFieldProps } from './FormField';
|
|
7
7
|
export type { FormGroupProps } from './FormGroup';
|
8
8
|
export type { FormHintProps } from './FormHint';
|
9
9
|
export type { IconFieldProps } from './IconField';
|
10
|
-
export type { InputGroupProps } from './InputGroup';
|
11
10
|
export type { LabelProps } from './Label';
|
12
11
|
export type { RadioProps } from './Radio';
|
13
12
|
export type { RadioGroupProps } from './RadioGroup';
|
@@ -24,7 +23,6 @@ export { FormField } from './FormField';
|
|
24
23
|
export { FormGroup } from './FormGroup';
|
25
24
|
export { FormHint } from './FormHint';
|
26
25
|
export { IconField } from './IconField';
|
27
|
-
export { InputGroup } from './InputGroup';
|
28
26
|
export { Label } from './Label';
|
29
27
|
export { Radio } from './Radio';
|
30
28
|
export { RadioGroup } from './RadioGroup';
|
package/dist/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
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,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,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,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,
|
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,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,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,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,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,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"}
|