@mirohq/design-system-base-input 0.5.9 → 0.5.11
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/types.d.ts +77 -39
- package/package.json +7 -7
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, { ComponentPropsWithRef, InputHTMLAttributes } from 'react';
|
|
2
|
+
import React__default, { ComponentPropsWithRef, ForwardRefExoticComponent, InputHTMLAttributes } from 'react';
|
|
3
3
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
4
4
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
5
|
import { SafeProps, CSS } from '@mirohq/design-system-stitches';
|
|
@@ -30,16 +30,16 @@ declare const StyledBaseInput: React$1.ForwardRefExoticComponent<Omit<Omit<_miro
|
|
|
30
30
|
ariaDisabled?: boolean | "false" | "true" | undefined;
|
|
31
31
|
size?: "medium" | "large" | "x-large" | undefined;
|
|
32
32
|
}, {}>;
|
|
33
|
-
|
|
33
|
+
type StyledBaseInputProps = ComponentPropsWithRef<typeof StyledBaseInput>;
|
|
34
34
|
|
|
35
35
|
declare const StyledInput: React$1.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>>, "v1"> & _stitches_react_types_styled_component.TransformProps<{
|
|
36
36
|
v1?: boolean | "false" | "true" | undefined;
|
|
37
37
|
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"input">>, {
|
|
38
38
|
v1?: boolean | "false" | "true" | undefined;
|
|
39
39
|
}, {}>;
|
|
40
|
-
|
|
40
|
+
type StyledInputProps = ComponentPropsWithRef<typeof StyledInput>;
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
type InputProps$2 = Omit<StyledInputProps, 'aria-disabled' | 'disabled' | 'readOnly' | 'required' | 'onChange'>;
|
|
43
43
|
declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps$2, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
44
44
|
|
|
45
45
|
interface InputProps$1 extends FormElementProps {
|
|
@@ -58,71 +58,107 @@ interface InputContextProps extends InputProps$1 {
|
|
|
58
58
|
inputRef: React__default.RefObject<HTMLInputElement>;
|
|
59
59
|
editable: boolean;
|
|
60
60
|
}
|
|
61
|
-
|
|
61
|
+
type InputProviderProps = InputProps$1;
|
|
62
62
|
declare const useInputContext: () => InputContextProps;
|
|
63
63
|
|
|
64
|
-
declare const StyledActionButton: React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement
|
|
65
|
-
|
|
64
|
+
declare const StyledActionButton: React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
65
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLButtonElement> | null | undefined;
|
|
66
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
67
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
68
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
69
|
+
children?: React$1.ReactNode | undefined;
|
|
66
70
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
67
71
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
68
72
|
disableAppearance?: boolean | "true" | undefined;
|
|
69
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement
|
|
73
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
74
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLButtonElement> | null | undefined;
|
|
75
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React$1.AnchorHTMLAttributes<"a"> & {
|
|
70
76
|
href: string;
|
|
71
|
-
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>,
|
|
72
|
-
|
|
77
|
+
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
78
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
79
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
80
|
+
children?: React$1.ReactNode | undefined;
|
|
73
81
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
74
82
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
75
83
|
disableAppearance?: boolean | "true" | undefined;
|
|
76
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<
|
|
84
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<React$1.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
85
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLButtonElement> | null | undefined;
|
|
86
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> | Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React$1.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
87
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React$1.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React$1.RefObject<HTMLButtonElement> | null | undefined;
|
|
88
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React$1.AnchorHTMLAttributes<"a"> & {
|
|
77
89
|
href: string;
|
|
78
90
|
}, "ref">) & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
|
|
79
91
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
80
92
|
disableAppearance?: boolean | "true" | undefined;
|
|
81
93
|
}, {}>;
|
|
82
|
-
|
|
94
|
+
type StyledActionButtonProps = ComponentPropsWithRef<typeof StyledActionButton>;
|
|
83
95
|
|
|
84
|
-
|
|
96
|
+
type ActionButtonProps = StyledActionButtonProps & ({
|
|
85
97
|
label: string;
|
|
86
98
|
'aria-label'?: string;
|
|
87
99
|
} | {
|
|
88
100
|
label?: never;
|
|
89
101
|
'aria-label': string;
|
|
90
102
|
});
|
|
91
|
-
declare const ActionButton: React__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement
|
|
92
|
-
|
|
103
|
+
declare const ActionButton: React__default.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
104
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
|
|
105
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
106
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
107
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
108
|
+
children?: React__default.ReactNode | undefined;
|
|
93
109
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
94
110
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
95
111
|
disableAppearance?: boolean | "true" | undefined;
|
|
96
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
112
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
113
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
114
|
+
} & {
|
|
97
115
|
label: string;
|
|
98
|
-
'aria-label'?: string
|
|
99
|
-
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement
|
|
100
|
-
|
|
116
|
+
'aria-label'?: string;
|
|
117
|
+
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
118
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
|
|
119
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
120
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
121
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
122
|
+
children?: React__default.ReactNode | undefined;
|
|
101
123
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
102
124
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
103
125
|
disableAppearance?: boolean | "true" | undefined;
|
|
104
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
105
|
-
|
|
126
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
127
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
128
|
+
} & {
|
|
129
|
+
label?: never;
|
|
106
130
|
'aria-label': string;
|
|
107
|
-
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement
|
|
131
|
+
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
132
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
|
|
133
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React__default.AnchorHTMLAttributes<"a"> & {
|
|
108
134
|
href: string;
|
|
109
|
-
}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>,
|
|
110
|
-
|
|
135
|
+
}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
136
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
137
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
138
|
+
children?: React__default.ReactNode | undefined;
|
|
111
139
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
112
140
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
113
141
|
disableAppearance?: boolean | "true" | undefined;
|
|
114
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
142
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
143
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
144
|
+
} & {
|
|
115
145
|
label: string;
|
|
116
|
-
'aria-label'?: string
|
|
117
|
-
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement
|
|
146
|
+
'aria-label'?: string;
|
|
147
|
+
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
148
|
+
ref?: ((instance: HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLButtonElement> | null | undefined;
|
|
149
|
+
} & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & React__default.AnchorHTMLAttributes<"a"> & {
|
|
118
150
|
href: string;
|
|
119
|
-
}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>,
|
|
120
|
-
|
|
151
|
+
}, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
152
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
153
|
+
}, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
154
|
+
children?: React__default.ReactNode | undefined;
|
|
121
155
|
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
122
156
|
readOnlyAppearance?: boolean | "true" | undefined;
|
|
123
157
|
disableAppearance?: boolean | "true" | undefined;
|
|
124
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
125
|
-
|
|
158
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
|
159
|
+
ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
|
|
160
|
+
} & {
|
|
161
|
+
label?: never;
|
|
126
162
|
'aria-label': string;
|
|
127
163
|
}, "ref">) & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
128
164
|
|
|
@@ -133,26 +169,28 @@ declare const StyledIconSlot: React$1.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
133
169
|
variant?: "outline" | "subtle" | undefined;
|
|
134
170
|
disabled?: boolean | "true" | undefined;
|
|
135
171
|
}, {}>;
|
|
136
|
-
|
|
172
|
+
type StyledIconSlotProps = ComponentPropsWithRef<typeof StyledIconSlot>;
|
|
137
173
|
|
|
138
174
|
interface IconSlotProps extends Omit<StyledIconSlotProps, 'variant'> {
|
|
139
175
|
}
|
|
140
|
-
declare const IconSlot: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, "disabled" | "variant"> & _stitches_react_types_styled_component.TransformProps<{
|
|
176
|
+
declare const IconSlot: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<React__default.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"div">>>, "disabled" | "variant"> & _stitches_react_types_styled_component.TransformProps<{
|
|
141
177
|
variant?: "outline" | "subtle" | undefined;
|
|
142
178
|
disabled?: boolean | "true" | undefined;
|
|
143
|
-
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> &
|
|
179
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
180
|
+
ref?: ((instance: HTMLDivElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLDivElement> | null | undefined;
|
|
181
|
+
}, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
144
182
|
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
declare const BaseInput:
|
|
183
|
+
type BaseInputRootProps = Omit<StyledBaseInputProps, 'v1' | 'hovered' | 'focused' | 'valid' | 'readOnly' | 'disabled' | 'ariaDisabled' | 'value' | 'defaultValue' | 'placeholder'>;
|
|
184
|
+
type BaseInputProps = BaseInputRootProps & Omit<InputProviderProps, 'v1'>;
|
|
185
|
+
declare const BaseInput: ForwardRefExoticComponent<BaseInputProps> & Partials;
|
|
148
186
|
interface Partials {
|
|
149
187
|
Input: typeof Input;
|
|
150
188
|
ActionButton: typeof ActionButton;
|
|
151
189
|
IconSlot: typeof IconSlot;
|
|
152
190
|
}
|
|
153
191
|
|
|
154
|
-
|
|
155
|
-
|
|
192
|
+
type InputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
193
|
+
type BaseInputStyledProps = SafeProps<InputProps & {
|
|
156
194
|
css?: CSS;
|
|
157
195
|
}>;
|
|
158
196
|
interface BaseInputSharedProps extends FormElementProps, Omit<BaseInputStyledProps, 'size'> {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-base-input",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@react-aria/interactions": "^3.13.0",
|
|
30
30
|
"@react-aria/utils": "^3.13.0",
|
|
31
|
-
"@mirohq/design-system-base-button": "^0.
|
|
31
|
+
"@mirohq/design-system-base-button": "^0.5.0",
|
|
32
32
|
"@mirohq/design-system-base-form": "^0.3.4",
|
|
33
|
-
"@mirohq/design-system-base-icon": "^0.1.33",
|
|
34
33
|
"@mirohq/design-system-base-text-field": "^0.2.3",
|
|
35
34
|
"@mirohq/design-system-experiments": "^0.2.0",
|
|
36
|
-
"@mirohq/design-system-
|
|
35
|
+
"@mirohq/design-system-base-icon": "^0.1.33",
|
|
37
36
|
"@mirohq/design-system-primitive": "^1.1.2",
|
|
37
|
+
"@mirohq/design-system-icons": "^0.64.0",
|
|
38
|
+
"@mirohq/design-system-use-aria-disabled": "^0.3.0",
|
|
38
39
|
"@mirohq/design-system-stitches": "^2.6.30",
|
|
39
|
-
"@mirohq/design-system-tooltip": "^3.5.10",
|
|
40
|
-
"@mirohq/design-system-use-aria-disabled": "^0.2.1",
|
|
41
|
-
"@mirohq/design-system-use-layout-effect": "^0.2.1",
|
|
42
40
|
"@mirohq/design-system-use-press": "^0.4.2",
|
|
41
|
+
"@mirohq/design-system-use-layout-effect": "^0.2.1",
|
|
42
|
+
"@mirohq/design-system-tooltip": "^3.5.10",
|
|
43
43
|
"@mirohq/design-system-utils": "^0.15.5"
|
|
44
44
|
},
|
|
45
45
|
"scripts": {
|