@latty-ds/react 0.3.0 → 0.4.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/components/Checkbox/Checkbox.d.ts +2 -0
- package/dist/components/ColorInput/ColorInput.d.ts +6 -0
- package/dist/components/Combobox/Combobox.d.ts +2 -0
- package/dist/components/DateInput/DateInput.d.ts +2 -0
- package/dist/components/Datepicker/Datepicker.d.ts +2 -0
- package/dist/components/Dialog/Dialog.d.ts +4 -0
- package/dist/components/Radio/Radio.d.ts +2 -0
- package/dist/components/Select/Select.d.ts +4 -0
- package/dist/components/Slider/Slider.d.ts +2 -0
- package/dist/components/Switch/Switch.d.ts +2 -0
- package/dist/components/Textfield/Textfield.d.ts +4 -0
- package/dist/index.cjs +267 -253
- package/dist/index.d.ts +17 -17
- package/dist/index.js +287 -273
- package/package.json +4 -4
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Checkbox as CheckboxEl } from '@latty-ds/web';
|
|
3
3
|
export type CheckboxProps = Omit<HTMLAttributes<CheckboxEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
variant?: CheckboxEl['variant'];
|
|
5
6
|
size?: CheckboxEl['size'];
|
|
6
7
|
checked?: boolean;
|
|
@@ -14,6 +15,7 @@ export type CheckboxProps = Omit<HTMLAttributes<CheckboxEl>, 'onChange'> & {
|
|
|
14
15
|
onChange?: (event: CustomEvent) => void;
|
|
15
16
|
};
|
|
16
17
|
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<CheckboxEl>, "onChange"> & {
|
|
18
|
+
formAssociated?: boolean;
|
|
17
19
|
variant?: CheckboxEl["variant"];
|
|
18
20
|
size?: CheckboxEl["size"];
|
|
19
21
|
checked?: boolean;
|
|
@@ -1,20 +1,26 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { ColorInput as ColorInputEl } from '@latty-ds/web';
|
|
3
3
|
export type ColorInputProps = Omit<HTMLAttributes<ColorInputEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
value?: string;
|
|
5
6
|
format?: ColorInputEl['format'];
|
|
6
7
|
label?: string;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
disabled?: boolean;
|
|
10
|
+
required?: boolean;
|
|
11
|
+
name?: string;
|
|
9
12
|
size?: ColorInputEl['size'];
|
|
10
13
|
onChange?: (event: CustomEvent) => void;
|
|
11
14
|
};
|
|
12
15
|
export declare const ColorInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ColorInputEl>, "onChange"> & {
|
|
16
|
+
formAssociated?: boolean;
|
|
13
17
|
value?: string;
|
|
14
18
|
format?: ColorInputEl["format"];
|
|
15
19
|
label?: string;
|
|
16
20
|
placeholder?: string;
|
|
17
21
|
disabled?: boolean;
|
|
22
|
+
required?: boolean;
|
|
23
|
+
name?: string;
|
|
18
24
|
size?: ColorInputEl["size"];
|
|
19
25
|
onChange?: (event: CustomEvent) => void;
|
|
20
26
|
} & import("react").RefAttributes<ColorInputEl>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Combobox as ComboboxEl } from '@latty-ds/web';
|
|
3
3
|
export type ComboboxProps = Omit<HTMLAttributes<ComboboxEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
options?: ComboboxEl['options'];
|
|
5
6
|
value?: string;
|
|
6
7
|
label?: string;
|
|
@@ -14,6 +15,7 @@ export type ComboboxProps = Omit<HTMLAttributes<ComboboxEl>, 'onChange'> & {
|
|
|
14
15
|
onChange?: (event: CustomEvent) => void;
|
|
15
16
|
};
|
|
16
17
|
export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<ComboboxEl>, "onChange"> & {
|
|
18
|
+
formAssociated?: boolean;
|
|
17
19
|
options?: ComboboxEl["options"];
|
|
18
20
|
value?: string;
|
|
19
21
|
label?: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { DateInput as DateInputEl } from '@latty-ds/web';
|
|
3
3
|
export type DateInputProps = Omit<HTMLAttributes<DateInputEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
value?: string;
|
|
5
6
|
min?: string;
|
|
6
7
|
max?: string;
|
|
@@ -19,6 +20,7 @@ export type DateInputProps = Omit<HTMLAttributes<DateInputEl>, 'onChange'> & {
|
|
|
19
20
|
onChange?: (event: CustomEvent) => void;
|
|
20
21
|
};
|
|
21
22
|
export declare const DateInput: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DateInputEl>, "onChange"> & {
|
|
23
|
+
formAssociated?: boolean;
|
|
22
24
|
value?: string;
|
|
23
25
|
min?: string;
|
|
24
26
|
max?: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Datepicker as DatepickerEl } from '@latty-ds/web';
|
|
3
3
|
export type DatepickerProps = Omit<HTMLAttributes<DatepickerEl>, 'onChange' | 'onInput'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
type?: DatepickerEl['type'];
|
|
5
6
|
value?: string;
|
|
6
7
|
min?: string;
|
|
@@ -17,6 +18,7 @@ export type DatepickerProps = Omit<HTMLAttributes<DatepickerEl>, 'onChange' | 'o
|
|
|
17
18
|
onInput?: (event: CustomEvent) => void;
|
|
18
19
|
};
|
|
19
20
|
export declare const Datepicker: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<DatepickerEl>, "onChange" | "onInput"> & {
|
|
21
|
+
formAssociated?: boolean;
|
|
20
22
|
type?: DatepickerEl["type"];
|
|
21
23
|
value?: string;
|
|
22
24
|
min?: string;
|
|
@@ -10,7 +10,9 @@ export type DialogProps = HTMLAttributes<DialogEl> & {
|
|
|
10
10
|
uppercase?: boolean;
|
|
11
11
|
backdropBlur?: boolean;
|
|
12
12
|
onDialogOpen?: (event: CustomEvent) => void;
|
|
13
|
+
onClose?: (event: CustomEvent) => void;
|
|
13
14
|
onDialogClose?: (event: CustomEvent) => void;
|
|
15
|
+
onOpen?: (event: CustomEvent) => void;
|
|
14
16
|
};
|
|
15
17
|
export declare const Dialog: import("react").ForwardRefExoticComponent<HTMLAttributes<DialogEl> & {
|
|
16
18
|
size?: DialogEl["size"];
|
|
@@ -22,5 +24,7 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<HTMLAttri
|
|
|
22
24
|
uppercase?: boolean;
|
|
23
25
|
backdropBlur?: boolean;
|
|
24
26
|
onDialogOpen?: (event: CustomEvent) => void;
|
|
27
|
+
onClose?: (event: CustomEvent) => void;
|
|
25
28
|
onDialogClose?: (event: CustomEvent) => void;
|
|
29
|
+
onOpen?: (event: CustomEvent) => void;
|
|
26
30
|
} & import("react").RefAttributes<DialogEl>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Radio as RadioEl } from '@latty-ds/web';
|
|
3
3
|
export type RadioProps = Omit<HTMLAttributes<RadioEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
variant?: RadioEl['variant'];
|
|
5
6
|
size?: RadioEl['size'];
|
|
6
7
|
checked?: boolean;
|
|
@@ -13,6 +14,7 @@ export type RadioProps = Omit<HTMLAttributes<RadioEl>, 'onChange'> & {
|
|
|
13
14
|
onChange?: (event: CustomEvent) => void;
|
|
14
15
|
};
|
|
15
16
|
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<RadioEl>, "onChange"> & {
|
|
17
|
+
formAssociated?: boolean;
|
|
16
18
|
variant?: RadioEl["variant"];
|
|
17
19
|
size?: RadioEl["size"];
|
|
18
20
|
checked?: boolean;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Select as SelectEl } from '@latty-ds/web';
|
|
3
3
|
export type SelectProps = Omit<HTMLAttributes<SelectEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
variant?: SelectEl['variant'];
|
|
5
6
|
size?: SelectEl['size'];
|
|
6
7
|
value?: string;
|
|
7
8
|
placeholder?: string;
|
|
8
9
|
label?: string;
|
|
10
|
+
name?: string;
|
|
9
11
|
helperText?: string;
|
|
10
12
|
disabled?: boolean;
|
|
11
13
|
required?: boolean;
|
|
@@ -13,11 +15,13 @@ export type SelectProps = Omit<HTMLAttributes<SelectEl>, 'onChange'> & {
|
|
|
13
15
|
onChange?: (event: CustomEvent) => void;
|
|
14
16
|
};
|
|
15
17
|
export declare const Select: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SelectEl>, "onChange"> & {
|
|
18
|
+
formAssociated?: boolean;
|
|
16
19
|
variant?: SelectEl["variant"];
|
|
17
20
|
size?: SelectEl["size"];
|
|
18
21
|
value?: string;
|
|
19
22
|
placeholder?: string;
|
|
20
23
|
label?: string;
|
|
24
|
+
name?: string;
|
|
21
25
|
helperText?: string;
|
|
22
26
|
disabled?: boolean;
|
|
23
27
|
required?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Slider as SliderEl } from '@latty-ds/web';
|
|
3
3
|
export type SliderProps = Omit<HTMLAttributes<SliderEl>, 'onInput' | 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
size?: SliderEl['size'];
|
|
5
6
|
disabled?: boolean;
|
|
6
7
|
tooltip?: boolean;
|
|
@@ -14,6 +15,7 @@ export type SliderProps = Omit<HTMLAttributes<SliderEl>, 'onInput' | 'onChange'>
|
|
|
14
15
|
onChange?: (event: CustomEvent) => void;
|
|
15
16
|
};
|
|
16
17
|
export declare const Slider: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SliderEl>, "onChange" | "onInput"> & {
|
|
18
|
+
formAssociated?: boolean;
|
|
17
19
|
size?: SliderEl["size"];
|
|
18
20
|
disabled?: boolean;
|
|
19
21
|
tooltip?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Switch as SwitchEl } from '@latty-ds/web';
|
|
3
3
|
export type SwitchProps = Omit<HTMLAttributes<SwitchEl>, 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
variant?: SwitchEl['variant'];
|
|
5
6
|
size?: SwitchEl['size'];
|
|
6
7
|
checked?: boolean;
|
|
@@ -13,6 +14,7 @@ export type SwitchProps = Omit<HTMLAttributes<SwitchEl>, 'onChange'> & {
|
|
|
13
14
|
onChange?: (event: CustomEvent) => void;
|
|
14
15
|
};
|
|
15
16
|
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<SwitchEl>, "onChange"> & {
|
|
17
|
+
formAssociated?: boolean;
|
|
16
18
|
variant?: SwitchEl["variant"];
|
|
17
19
|
size?: SwitchEl["size"];
|
|
18
20
|
checked?: boolean;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { type HTMLAttributes } from 'react';
|
|
2
2
|
import type { Textfield as TextfieldEl, LattyIconName } from '@latty-ds/web';
|
|
3
3
|
export type TextfieldProps = Omit<HTMLAttributes<TextfieldEl>, 'onInput' | 'onChange'> & {
|
|
4
|
+
formAssociated?: boolean;
|
|
4
5
|
variant?: TextfieldEl['variant'];
|
|
5
6
|
size?: TextfieldEl['size'];
|
|
6
7
|
type?: TextfieldEl['type'];
|
|
7
8
|
value?: string;
|
|
8
9
|
placeholder?: string;
|
|
9
10
|
label?: string;
|
|
11
|
+
name?: string;
|
|
10
12
|
helperText?: TextfieldEl['helperText'];
|
|
11
13
|
disabled?: boolean;
|
|
12
14
|
required?: boolean;
|
|
@@ -20,12 +22,14 @@ export type TextfieldProps = Omit<HTMLAttributes<TextfieldEl>, 'onInput' | 'onCh
|
|
|
20
22
|
onChange?: (event: CustomEvent) => void;
|
|
21
23
|
};
|
|
22
24
|
export declare const Textfield: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<TextfieldEl>, "onChange" | "onInput"> & {
|
|
25
|
+
formAssociated?: boolean;
|
|
23
26
|
variant?: TextfieldEl["variant"];
|
|
24
27
|
size?: TextfieldEl["size"];
|
|
25
28
|
type?: TextfieldEl["type"];
|
|
26
29
|
value?: string;
|
|
27
30
|
placeholder?: string;
|
|
28
31
|
label?: string;
|
|
32
|
+
name?: string;
|
|
29
33
|
helperText?: TextfieldEl["helperText"];
|
|
30
34
|
disabled?: boolean;
|
|
31
35
|
required?: boolean;
|