@mirohq/design-system-combobox 0.1.0-combobox.0 → 0.1.0-combobox.10
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/main.js +801 -58
- package/dist/main.js.map +1 -1
- package/dist/module.js +804 -62
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +327 -2952
- package/package.json +18 -14
package/dist/types.d.ts
CHANGED
|
@@ -1,508 +1,81 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ReactNode, ComponentPropsWithRef } from 'react';
|
|
3
|
-
import
|
|
2
|
+
import react__default, { ReactNode, FC, ComponentPropsWithRef } from 'react';
|
|
3
|
+
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
4
|
+
import { InputProps } from '@mirohq/design-system-input';
|
|
5
|
+
import * as packages_components_internal_base_button_src_base_button from 'packages/components/internal/base-button/src/base-button';
|
|
6
|
+
import * as _mirohq_design_system_hooks_use_press from '@mirohq/design-system-hooks/use-press';
|
|
7
|
+
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
4
8
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
9
|
import { StrictComponentProps } from '@mirohq/design-system-stitches';
|
|
6
|
-
import * as
|
|
7
|
-
import
|
|
8
|
-
import * as
|
|
9
|
-
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
10
|
-
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
10
|
+
import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
|
|
11
|
+
import { CSSProperties } from '@stitches/react';
|
|
12
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
11
13
|
import { PopoverPortalProps } from '@radix-ui/react-popover';
|
|
12
14
|
import * as _ariakit_react from '@ariakit/react';
|
|
15
|
+
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
16
|
+
import { FormElementProps } from '@mirohq/design-system-base-form';
|
|
17
|
+
|
|
18
|
+
declare const StyledActionButton: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
19
|
+
children?: react.ReactNode;
|
|
20
|
+
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
21
|
+
readOnlyAppearance?: boolean | "true" | undefined;
|
|
22
|
+
disableAppearance?: boolean | "true" | undefined;
|
|
23
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
24
|
+
label: string;
|
|
25
|
+
}, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
26
|
+
children?: react.ReactNode;
|
|
27
|
+
}, "size"> & _stitches_react_types_styled_component.TransformProps<{
|
|
28
|
+
size?: "large" | "x-large" | undefined;
|
|
29
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
|
|
30
|
+
href: string;
|
|
31
|
+
}, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
32
|
+
children?: react.ReactNode;
|
|
33
|
+
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
34
|
+
readOnlyAppearance?: boolean | "true" | undefined;
|
|
35
|
+
disableAppearance?: boolean | "true" | undefined;
|
|
36
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
37
|
+
label: string;
|
|
38
|
+
}, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
39
|
+
children?: react.ReactNode;
|
|
40
|
+
}, "size"> & _stitches_react_types_styled_component.TransformProps<{
|
|
41
|
+
size?: "large" | "x-large" | undefined;
|
|
42
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
43
|
+
children?: react.ReactNode;
|
|
44
|
+
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
45
|
+
readOnlyAppearance?: boolean | "true" | undefined;
|
|
46
|
+
disableAppearance?: boolean | "true" | undefined;
|
|
47
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
48
|
+
label: string;
|
|
49
|
+
}, "ref"> | Omit<Omit<Omit<Omit<Omit<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"button">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLButtonElement> & _mirohq_design_system_hooks_use_press.PressProps & packages_components_internal_base_button_src_base_button.HoverEvents & react.AnchorHTMLAttributes<"a"> & {
|
|
50
|
+
href: string;
|
|
51
|
+
}, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>, _mirohq_design_system_stitches.ForbiddenProps> & {
|
|
52
|
+
children?: react.ReactNode;
|
|
53
|
+
}, "readOnlyAppearance" | "disableAppearance"> & _stitches_react_types_styled_component.TransformProps<{
|
|
54
|
+
readOnlyAppearance?: boolean | "true" | undefined;
|
|
55
|
+
disableAppearance?: boolean | "true" | undefined;
|
|
56
|
+
}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement> & {
|
|
57
|
+
label: string;
|
|
58
|
+
}, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, {
|
|
59
|
+
size?: "large" | "x-large" | undefined;
|
|
60
|
+
}, {}>;
|
|
61
|
+
declare type StyledActionButtonProps = StrictComponentProps<typeof StyledActionButton>;
|
|
13
62
|
|
|
14
|
-
declare
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
readonly 'blue-600': any;
|
|
29
|
-
readonly 'blue-700': any;
|
|
30
|
-
readonly 'blue-800': any;
|
|
31
|
-
readonly 'blue-900': any;
|
|
32
|
-
readonly 'blue-1000': any;
|
|
33
|
-
readonly 'gray-100': any;
|
|
34
|
-
readonly 'gray-200': any;
|
|
35
|
-
readonly 'gray-300': any;
|
|
36
|
-
readonly 'gray-400': any;
|
|
37
|
-
readonly 'gray-500': any;
|
|
38
|
-
readonly 'gray-600': any;
|
|
39
|
-
readonly 'gray-700': any;
|
|
40
|
-
readonly 'gray-800': any;
|
|
41
|
-
readonly 'gray-900': any;
|
|
42
|
-
readonly 'green-100': any;
|
|
43
|
-
readonly 'green-200': any;
|
|
44
|
-
readonly 'green-300': any;
|
|
45
|
-
readonly 'green-400': any;
|
|
46
|
-
readonly 'green-500': any;
|
|
47
|
-
readonly 'green-600': any;
|
|
48
|
-
readonly 'green-700': any;
|
|
49
|
-
readonly 'green-800': any;
|
|
50
|
-
readonly 'green-900': any;
|
|
51
|
-
readonly 'indigo-100': any;
|
|
52
|
-
readonly 'indigo-200': any;
|
|
53
|
-
readonly 'indigo-300': any;
|
|
54
|
-
readonly 'indigo-400': any;
|
|
55
|
-
readonly 'indigo-500': any;
|
|
56
|
-
readonly 'indigo-600': any;
|
|
57
|
-
readonly 'indigo-700': any;
|
|
58
|
-
readonly 'indigo-800': any;
|
|
59
|
-
readonly 'indigo-900': any;
|
|
60
|
-
readonly 'red-100': any;
|
|
61
|
-
readonly 'red-200': any;
|
|
62
|
-
readonly 'red-300': any;
|
|
63
|
-
readonly 'red-400': any;
|
|
64
|
-
readonly 'red-500': any;
|
|
65
|
-
readonly 'red-600': any;
|
|
66
|
-
readonly 'red-700': any;
|
|
67
|
-
readonly 'red-800': any;
|
|
68
|
-
readonly 'red-900': any;
|
|
69
|
-
readonly transparent: any;
|
|
70
|
-
readonly white: any;
|
|
71
|
-
readonly 'yellow-100': any;
|
|
72
|
-
readonly 'yellow-200': any;
|
|
73
|
-
readonly 'yellow-300': any;
|
|
74
|
-
readonly 'yellow-400': any;
|
|
75
|
-
readonly 'yellow-500': any;
|
|
76
|
-
readonly 'yellow-600': any;
|
|
77
|
-
readonly 'yellow-700': any;
|
|
78
|
-
readonly 'yellow-800': any;
|
|
79
|
-
readonly 'yellow-900': any;
|
|
80
|
-
"background-alpha-active"?: any;
|
|
81
|
-
"background-alpha-hover"?: any;
|
|
82
|
-
"background-danger-prominent"?: any;
|
|
83
|
-
"background-danger-prominent-active"?: any;
|
|
84
|
-
"background-danger-prominent-hover"?: any;
|
|
85
|
-
"background-danger-subtle"?: any;
|
|
86
|
-
"background-danger-subtle-active"?: any;
|
|
87
|
-
"background-danger-subtle-hover"?: any;
|
|
88
|
-
"background-neutrals"?: any;
|
|
89
|
-
"background-neutrals-active"?: any;
|
|
90
|
-
"background-neutrals-container"?: any;
|
|
91
|
-
"background-neutrals-controls-disabled"?: any;
|
|
92
|
-
"background-neutrals-disabled"?: any;
|
|
93
|
-
"background-neutrals-hover"?: any;
|
|
94
|
-
"background-neutrals-inactive"?: any;
|
|
95
|
-
"background-neutrals-inactive-hover"?: any;
|
|
96
|
-
"background-neutrals-inverted"?: any;
|
|
97
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
98
|
-
"background-neutrals-page"?: any;
|
|
99
|
-
"background-neutrals-page-subtle"?: any;
|
|
100
|
-
"background-neutrals-scrolls"?: any;
|
|
101
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
102
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
103
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
104
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
105
|
-
"background-neutrals-subtle"?: any;
|
|
106
|
-
"background-neutrals-subtle-active"?: any;
|
|
107
|
-
"background-neutrals-subtle-hover"?: any;
|
|
108
|
-
"background-primary-prominent"?: any;
|
|
109
|
-
"background-primary-prominent-active"?: any;
|
|
110
|
-
"background-primary-prominent-expanded"?: any;
|
|
111
|
-
"background-primary-prominent-hover"?: any;
|
|
112
|
-
"background-primary-prominent-pressed"?: any;
|
|
113
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
114
|
-
"background-primary-prominent-selected"?: any;
|
|
115
|
-
"background-primary-subtle"?: any;
|
|
116
|
-
"background-primary-subtle-active"?: any;
|
|
117
|
-
"background-primary-subtle-expanded"?: any;
|
|
118
|
-
"background-primary-subtle-hover"?: any;
|
|
119
|
-
"background-primary-subtle-pressed"?: any;
|
|
120
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
121
|
-
"background-primary-subtle-selected"?: any;
|
|
122
|
-
"background-success"?: any;
|
|
123
|
-
"background-success-prominent"?: any;
|
|
124
|
-
"background-success-prominent-active"?: any;
|
|
125
|
-
"background-success-prominent-hover"?: any;
|
|
126
|
-
"background-warning-prominent"?: any;
|
|
127
|
-
"background-warning-subtle"?: any;
|
|
128
|
-
"border-danger"?: any;
|
|
129
|
-
"border-danger-active"?: any;
|
|
130
|
-
"border-danger-hover"?: any;
|
|
131
|
-
"border-focus-inner"?: any;
|
|
132
|
-
"border-focus-middle"?: any;
|
|
133
|
-
"border-focus-outer"?: any;
|
|
134
|
-
"border-neutrals"?: any;
|
|
135
|
-
"border-neutrals-active"?: any;
|
|
136
|
-
"border-neutrals-controls"?: any;
|
|
137
|
-
"border-neutrals-controls-disabled"?: any;
|
|
138
|
-
"border-neutrals-disabled"?: any;
|
|
139
|
-
"border-neutrals-hover"?: any;
|
|
140
|
-
"border-neutrals-inverted"?: any;
|
|
141
|
-
"border-neutrals-subtle"?: any;
|
|
142
|
-
"border-neutrals-text"?: any;
|
|
143
|
-
"border-neutrals-text-active"?: any;
|
|
144
|
-
"border-neutrals-text-hover"?: any;
|
|
145
|
-
"border-neutrals-text-subtle"?: any;
|
|
146
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
147
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
148
|
-
"border-neutrals-transparent"?: any;
|
|
149
|
-
"border-primary"?: any;
|
|
150
|
-
"border-primary-active"?: any;
|
|
151
|
-
"border-primary-hover"?: any;
|
|
152
|
-
"border-primary-inverted"?: any;
|
|
153
|
-
"border-success"?: any;
|
|
154
|
-
"border-success-active"?: any;
|
|
155
|
-
"border-success-hover"?: any;
|
|
156
|
-
"border-warning"?: any;
|
|
157
|
-
"icon-danger"?: any;
|
|
158
|
-
"icon-danger-active"?: any;
|
|
159
|
-
"icon-danger-hover"?: any;
|
|
160
|
-
"icon-danger-inverted"?: any;
|
|
161
|
-
"icon-neutrals"?: any;
|
|
162
|
-
"icon-neutrals-disabled"?: any;
|
|
163
|
-
"icon-neutrals-inactive"?: any;
|
|
164
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
165
|
-
"icon-neutrals-inverted"?: any;
|
|
166
|
-
"icon-neutrals-search"?: any;
|
|
167
|
-
"icon-neutrals-subtle"?: any;
|
|
168
|
-
"icon-neutrals-text"?: any;
|
|
169
|
-
"icon-primary"?: any;
|
|
170
|
-
"icon-primary-active"?: any;
|
|
171
|
-
"icon-primary-hover"?: any;
|
|
172
|
-
"icon-primary-inverted"?: any;
|
|
173
|
-
"icon-primary-selected"?: any;
|
|
174
|
-
"icon-success"?: any;
|
|
175
|
-
"icon-success-active"?: any;
|
|
176
|
-
"icon-success-hover"?: any;
|
|
177
|
-
"icon-success-inverted"?: any;
|
|
178
|
-
"icon-warning"?: any;
|
|
179
|
-
"icon-warning-prominent"?: any;
|
|
180
|
-
"icon-warning-subtle"?: any;
|
|
181
|
-
"text-danger"?: any;
|
|
182
|
-
"text-danger-active"?: any;
|
|
183
|
-
"text-danger-hover"?: any;
|
|
184
|
-
"text-danger-inverted"?: any;
|
|
185
|
-
"text-neutrals"?: any;
|
|
186
|
-
"text-neutrals-active"?: any;
|
|
187
|
-
"text-neutrals-disabled"?: any;
|
|
188
|
-
"text-neutrals-hover"?: any;
|
|
189
|
-
"text-neutrals-inverted"?: any;
|
|
190
|
-
"text-neutrals-placeholder"?: any;
|
|
191
|
-
"text-neutrals-placeholder-only"?: any;
|
|
192
|
-
"text-neutrals-subtle"?: any;
|
|
193
|
-
"text-neutrals-subtle-active"?: any;
|
|
194
|
-
"text-neutrals-subtle-hover"?: any;
|
|
195
|
-
"text-primary"?: any;
|
|
196
|
-
"text-primary-active"?: any;
|
|
197
|
-
"text-primary-hover"?: any;
|
|
198
|
-
"text-primary-inverted"?: any;
|
|
199
|
-
"text-primary-inverted-subtle"?: any;
|
|
200
|
-
"text-primary-selected"?: any;
|
|
201
|
-
"text-success"?: any;
|
|
202
|
-
"text-success-active"?: any;
|
|
203
|
-
"text-success-hover"?: any;
|
|
204
|
-
"text-success-inverted"?: any;
|
|
205
|
-
"text-warning"?: any;
|
|
206
|
-
"text-warning-subtle"?: any;
|
|
207
|
-
};
|
|
208
|
-
'font-sizes': {
|
|
209
|
-
readonly 150: "0.75rem";
|
|
210
|
-
readonly 175: "0.875rem";
|
|
211
|
-
readonly 200: "1rem";
|
|
212
|
-
readonly 225: "1.125rem";
|
|
213
|
-
readonly 250: "1.25rem";
|
|
214
|
-
readonly 300: "1.5rem";
|
|
215
|
-
readonly 400: "2rem";
|
|
216
|
-
readonly 500: "2.5rem";
|
|
217
|
-
readonly 600: "3rem";
|
|
218
|
-
readonly 800: "4rem";
|
|
219
|
-
readonly 900: "4.5rem";
|
|
220
|
-
};
|
|
221
|
-
fonts: {
|
|
222
|
-
readonly heading: "Roobert, sans-serif";
|
|
223
|
-
readonly body: "Open Sans, sans-serif";
|
|
224
|
-
};
|
|
225
|
-
radii: {
|
|
226
|
-
readonly none: 0;
|
|
227
|
-
readonly half: "999em";
|
|
228
|
-
readonly 25: "2px";
|
|
229
|
-
readonly 50: "4px";
|
|
230
|
-
readonly 75: "6px";
|
|
231
|
-
readonly 100: "8px";
|
|
232
|
-
readonly 200: "16px";
|
|
233
|
-
};
|
|
234
|
-
shadows: {
|
|
235
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
236
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
237
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
238
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
239
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
240
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
241
|
-
};
|
|
242
|
-
sizes: {
|
|
243
|
-
readonly number: string;
|
|
244
|
-
readonly 'icon-200': "16px";
|
|
245
|
-
readonly 'icon-300': "24px";
|
|
246
|
-
readonly 'icon-400': "32px";
|
|
247
|
-
};
|
|
248
|
-
space: {
|
|
249
|
-
readonly 0: "0px";
|
|
250
|
-
readonly 25: "2px";
|
|
251
|
-
readonly 50: "4px";
|
|
252
|
-
readonly 100: "8px";
|
|
253
|
-
readonly 150: "12px";
|
|
254
|
-
readonly 200: "16px";
|
|
255
|
-
readonly 300: "24px";
|
|
256
|
-
readonly 400: "32px";
|
|
257
|
-
readonly 500: "40px";
|
|
258
|
-
readonly 600: "48px";
|
|
259
|
-
readonly 700: "56px";
|
|
260
|
-
readonly 800: "64px";
|
|
261
|
-
readonly 1200: "96px";
|
|
262
|
-
readonly 1600: "128px";
|
|
263
|
-
};
|
|
264
|
-
'space-gap': {
|
|
265
|
-
readonly 0: any;
|
|
266
|
-
readonly 50: any;
|
|
267
|
-
readonly 100: any;
|
|
268
|
-
readonly 200: any;
|
|
269
|
-
readonly 300: any;
|
|
270
|
-
};
|
|
271
|
-
'space-inset': {
|
|
272
|
-
readonly 0: any;
|
|
273
|
-
readonly 50: any;
|
|
274
|
-
readonly 100: any;
|
|
275
|
-
readonly 150: any;
|
|
276
|
-
readonly 200: any;
|
|
277
|
-
readonly 300: any;
|
|
278
|
-
readonly 400: any;
|
|
279
|
-
readonly 500: any;
|
|
280
|
-
readonly 600: any;
|
|
281
|
-
readonly 700: any;
|
|
282
|
-
readonly 800: any;
|
|
283
|
-
readonly 1200: any;
|
|
284
|
-
readonly 1600: any;
|
|
285
|
-
};
|
|
286
|
-
'space-offset': {
|
|
287
|
-
readonly 0: any;
|
|
288
|
-
readonly 50: any;
|
|
289
|
-
readonly 100: any;
|
|
290
|
-
readonly 150: any;
|
|
291
|
-
readonly 200: any;
|
|
292
|
-
readonly 300: any;
|
|
293
|
-
readonly 400: any;
|
|
294
|
-
readonly 600: any;
|
|
295
|
-
readonly 800: any;
|
|
296
|
-
readonly 1200: any;
|
|
297
|
-
readonly 1600: any;
|
|
298
|
-
readonly 'stacking-0': any;
|
|
299
|
-
readonly 'stacking-100': any;
|
|
300
|
-
readonly 'stacking-200': any;
|
|
301
|
-
readonly 'stacking-300': any;
|
|
302
|
-
readonly 'stacking-400': any;
|
|
303
|
-
readonly 'stacking-500': any;
|
|
304
|
-
readonly 'stacking-800': any;
|
|
305
|
-
};
|
|
306
|
-
'stroke-width': {
|
|
307
|
-
readonly thin: "1.5px";
|
|
308
|
-
readonly normal: "2px";
|
|
309
|
-
readonly bold: "4px";
|
|
310
|
-
};
|
|
311
|
-
'z-indices': {
|
|
312
|
-
readonly dropdownMenu: 100;
|
|
313
|
-
readonly select: 200;
|
|
314
|
-
readonly popover: 300;
|
|
315
|
-
readonly tooltip: 400;
|
|
316
|
-
};
|
|
317
|
-
}, {
|
|
318
|
-
readonly background: "colors";
|
|
319
|
-
readonly backgroundColor: "colors";
|
|
320
|
-
readonly backgroundImage: "colors";
|
|
321
|
-
readonly blockSize: "sizes";
|
|
322
|
-
readonly border: "colors";
|
|
323
|
-
readonly borderBlock: "colors";
|
|
324
|
-
readonly borderBlockEnd: "colors";
|
|
325
|
-
readonly borderBlockStart: "colors";
|
|
326
|
-
readonly borderBottom: "colors";
|
|
327
|
-
readonly borderBottomColor: "colors";
|
|
328
|
-
readonly borderBottomLeftRadius: "radii";
|
|
329
|
-
readonly borderBottomRightRadius: "radii";
|
|
330
|
-
readonly borderBottomStyle: "border-styles";
|
|
331
|
-
readonly borderBottomWidth: "border-widths";
|
|
332
|
-
readonly borderColor: "colors";
|
|
333
|
-
readonly borderImage: "colors";
|
|
334
|
-
readonly borderInline: "colors";
|
|
335
|
-
readonly borderInlineEnd: "colors";
|
|
336
|
-
readonly borderInlineStart: "colors";
|
|
337
|
-
readonly borderLeft: "colors";
|
|
338
|
-
readonly borderLeftColor: "colors";
|
|
339
|
-
readonly borderLeftStyle: "border-styles";
|
|
340
|
-
readonly borderLeftWidth: "border-widths";
|
|
341
|
-
readonly borderRadius: "radii";
|
|
342
|
-
readonly borderRight: "colors";
|
|
343
|
-
readonly borderRightColor: "colors";
|
|
344
|
-
readonly borderRightStyle: "border-styles";
|
|
345
|
-
readonly borderRightWidth: "border-widths";
|
|
346
|
-
readonly borderSpacing: "space-offset";
|
|
347
|
-
readonly borderStyle: "border-styles";
|
|
348
|
-
readonly borderTop: "colors";
|
|
349
|
-
readonly borderTopColor: "colors";
|
|
350
|
-
readonly borderTopLeftRadius: "radii";
|
|
351
|
-
readonly borderTopRightRadius: "radii";
|
|
352
|
-
readonly borderTopStyle: "border-styles";
|
|
353
|
-
readonly borderTopWidth: "border-widths";
|
|
354
|
-
readonly borderWidth: "border-widths";
|
|
355
|
-
readonly bottom: "space";
|
|
356
|
-
readonly boxShadow: "shadows";
|
|
357
|
-
readonly caretColor: "colors";
|
|
358
|
-
readonly color: "colors";
|
|
359
|
-
readonly columnGap: "space-gap";
|
|
360
|
-
readonly columnRuleColor: "colors";
|
|
361
|
-
readonly fill: "colors";
|
|
362
|
-
readonly flexBasis: "sizes";
|
|
363
|
-
readonly fontFamily: "fonts";
|
|
364
|
-
readonly fontSize: "font-sizes";
|
|
365
|
-
readonly fontWeight: "font-weights";
|
|
366
|
-
readonly gap: "space-gap";
|
|
367
|
-
readonly gridColumnGap: "space-gap";
|
|
368
|
-
readonly gridGap: "space-gap";
|
|
369
|
-
readonly gridRowGap: "space-gap";
|
|
370
|
-
readonly gridTemplateColumns: "sizes";
|
|
371
|
-
readonly gridTemplateRows: "sizes";
|
|
372
|
-
readonly height: "sizes";
|
|
373
|
-
readonly inlineSize: "sizes";
|
|
374
|
-
readonly inset: "space-inset";
|
|
375
|
-
readonly insetBlock: "space-inset";
|
|
376
|
-
readonly insetBlockEnd: "space-inset";
|
|
377
|
-
readonly insetBlockStart: "space-inset";
|
|
378
|
-
readonly insetInline: "space-inset";
|
|
379
|
-
readonly insetInlineEnd: "space-inset";
|
|
380
|
-
readonly insetInlineStart: "space-inset";
|
|
381
|
-
readonly left: "space";
|
|
382
|
-
readonly letterSpacing: "letter-spacings";
|
|
383
|
-
readonly lineHeight: "line-heights";
|
|
384
|
-
readonly margin: "space-offset";
|
|
385
|
-
readonly marginBlock: "space-offset";
|
|
386
|
-
readonly marginBlockEnd: "space-offset";
|
|
387
|
-
readonly marginBlockStart: "space-offset";
|
|
388
|
-
readonly marginBottom: "space-offset";
|
|
389
|
-
readonly marginInline: "space-offset";
|
|
390
|
-
readonly marginInlineEnd: "space-offset";
|
|
391
|
-
readonly marginInlineStart: "space-offset";
|
|
392
|
-
readonly marginLeft: "space-offset";
|
|
393
|
-
readonly marginRight: "space-offset";
|
|
394
|
-
readonly marginTop: "space-offset";
|
|
395
|
-
readonly maxBlockSize: "sizes";
|
|
396
|
-
readonly maxHeight: "sizes";
|
|
397
|
-
readonly maxInlineSize: "sizes";
|
|
398
|
-
readonly maxWidth: "sizes";
|
|
399
|
-
readonly minBlockSize: "sizes";
|
|
400
|
-
readonly minHeight: "sizes";
|
|
401
|
-
readonly minInlineSize: "sizes";
|
|
402
|
-
readonly minWidth: "sizes";
|
|
403
|
-
readonly outline: "colors";
|
|
404
|
-
readonly outlineColor: "colors";
|
|
405
|
-
readonly padding: "space-inset";
|
|
406
|
-
readonly paddingBlock: "space-inset";
|
|
407
|
-
readonly paddingBlockEnd: "space-inset";
|
|
408
|
-
readonly paddingBlockStart: "space-inset";
|
|
409
|
-
readonly paddingBottom: "space-inset";
|
|
410
|
-
readonly paddingInline: "space-inset";
|
|
411
|
-
readonly paddingInlineEnd: "space-inset";
|
|
412
|
-
readonly paddingInlineStart: "space-inset";
|
|
413
|
-
readonly paddingLeft: "space-inset";
|
|
414
|
-
readonly paddingRight: "space-inset";
|
|
415
|
-
readonly paddingTop: "space-inset";
|
|
416
|
-
readonly right: "space";
|
|
417
|
-
readonly rowGap: "space-gap";
|
|
418
|
-
readonly scrollMargin: "space-offset";
|
|
419
|
-
readonly scrollMarginBlock: "space-offset";
|
|
420
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
421
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
422
|
-
readonly scrollMarginBottom: "space-offset";
|
|
423
|
-
readonly scrollMarginInline: "space-offset";
|
|
424
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
425
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
426
|
-
readonly scrollMarginLeft: "space-offset";
|
|
427
|
-
readonly scrollMarginRight: "space-offset";
|
|
428
|
-
readonly scrollMarginTop: "space-offset";
|
|
429
|
-
readonly scrollPadding: "space-inset";
|
|
430
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
431
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
432
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
433
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
434
|
-
readonly scrollPaddingInline: "space-inset";
|
|
435
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
436
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
437
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
438
|
-
readonly scrollPaddingRight: "space-inset";
|
|
439
|
-
readonly scrollPaddingTop: "space-inset";
|
|
440
|
-
readonly stroke: "colors";
|
|
441
|
-
readonly strokeWidth: "stroke-width";
|
|
442
|
-
readonly textDecorationColor: "colors";
|
|
443
|
-
readonly textShadow: "shadows";
|
|
444
|
-
readonly top: "space";
|
|
445
|
-
readonly transition: "transitions";
|
|
446
|
-
readonly width: "sizes";
|
|
447
|
-
readonly zIndex: "z-indices";
|
|
448
|
-
}, {
|
|
449
|
-
paddingX: (value: {
|
|
450
|
-
readonly [$$PropertyValue]: "padding";
|
|
451
|
-
}) => {
|
|
452
|
-
paddingLeft: {
|
|
453
|
-
readonly [$$PropertyValue]: "padding";
|
|
454
|
-
};
|
|
455
|
-
paddingRight: {
|
|
456
|
-
readonly [$$PropertyValue]: "padding";
|
|
457
|
-
};
|
|
458
|
-
};
|
|
459
|
-
paddingY: (value: {
|
|
460
|
-
readonly [$$PropertyValue]: "padding";
|
|
461
|
-
}) => {
|
|
462
|
-
paddingTop: {
|
|
463
|
-
readonly [$$PropertyValue]: "padding";
|
|
464
|
-
};
|
|
465
|
-
paddingBottom: {
|
|
466
|
-
readonly [$$PropertyValue]: "padding";
|
|
467
|
-
};
|
|
468
|
-
};
|
|
469
|
-
marginX: (value: {
|
|
470
|
-
readonly [$$PropertyValue]: "margin";
|
|
471
|
-
}) => {
|
|
472
|
-
marginLeft: {
|
|
473
|
-
readonly [$$PropertyValue]: "margin";
|
|
474
|
-
};
|
|
475
|
-
marginRight: {
|
|
476
|
-
readonly [$$PropertyValue]: "margin";
|
|
477
|
-
};
|
|
478
|
-
};
|
|
479
|
-
marginY: (value: {
|
|
480
|
-
readonly [$$PropertyValue]: "margin";
|
|
481
|
-
}) => {
|
|
482
|
-
marginTop: {
|
|
483
|
-
readonly [$$PropertyValue]: "margin";
|
|
484
|
-
};
|
|
485
|
-
marginBottom: {
|
|
486
|
-
readonly [$$PropertyValue]: "margin";
|
|
487
|
-
};
|
|
488
|
-
};
|
|
489
|
-
square: (value: {
|
|
490
|
-
readonly [$$PropertyValue]: "width";
|
|
491
|
-
}) => {
|
|
492
|
-
width: {
|
|
493
|
-
readonly [$$PropertyValue]: "width";
|
|
494
|
-
};
|
|
495
|
-
height: {
|
|
496
|
-
readonly [$$PropertyValue]: "width";
|
|
497
|
-
};
|
|
498
|
-
};
|
|
499
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
500
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
501
|
-
};
|
|
502
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLInputElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<packages_components_input_src_types.ClearableInputProps> & packages_components_input_src_input.Partials, {}, {}>;
|
|
503
|
-
declare type StyledTriggerProps = StrictComponentProps<typeof StyledTrigger>;
|
|
63
|
+
declare type TriggerActionButtonProps = Omit<StyledActionButtonProps, 'label'> & {
|
|
64
|
+
/**
|
|
65
|
+
* The label text for Trigger's action button when Combobox is empty and closed. Will be rendered in a Tooltip.
|
|
66
|
+
*/
|
|
67
|
+
openActionLabel: string;
|
|
68
|
+
/**
|
|
69
|
+
* The label text for Trigger's action button when Combobox is empty and open. Will be rendered in a Tooltip.
|
|
70
|
+
*/
|
|
71
|
+
closeActionLabel: string;
|
|
72
|
+
/**
|
|
73
|
+
* The label text for Trigger's action button when Combobox has values selected. Will be rendered in a Tooltip.
|
|
74
|
+
*/
|
|
75
|
+
clearActionLabel: string;
|
|
76
|
+
};
|
|
504
77
|
|
|
505
|
-
|
|
78
|
+
declare type TriggerProps = InputProps & Pick<TriggerActionButtonProps, 'openActionLabel' | 'closeActionLabel' | 'clearActionLabel'> & {
|
|
506
79
|
/**
|
|
507
80
|
* The content.
|
|
508
81
|
*/
|
|
@@ -511,998 +84,167 @@ interface TriggerProps extends StyledTriggerProps, HoverEvents {
|
|
|
511
84
|
* The size of the trigger.
|
|
512
85
|
* @default 'large'
|
|
513
86
|
*/
|
|
514
|
-
size?:
|
|
515
|
-
|
|
516
|
-
|
|
87
|
+
size?: InputProps['size'];
|
|
88
|
+
/**
|
|
89
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
90
|
+
* defaultValue is set.
|
|
91
|
+
*/
|
|
92
|
+
placeholder?: string;
|
|
93
|
+
};
|
|
94
|
+
declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & Pick<TriggerActionButtonProps, "openActionLabel" | "closeActionLabel" | "clearActionLabel"> & {
|
|
95
|
+
/**
|
|
96
|
+
* The content.
|
|
97
|
+
*/
|
|
98
|
+
children?: react__default.ReactNode;
|
|
99
|
+
/**
|
|
100
|
+
* The size of the trigger.
|
|
101
|
+
* @default 'large'
|
|
102
|
+
*/
|
|
103
|
+
size?: InputProps['size'];
|
|
104
|
+
/**
|
|
105
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
106
|
+
* defaultValue is set.
|
|
107
|
+
*/
|
|
108
|
+
placeholder?: string | undefined;
|
|
109
|
+
}, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
|
|
110
|
+
clearable?: undefined;
|
|
111
|
+
} & Pick<TriggerActionButtonProps, "openActionLabel" | "closeActionLabel" | "clearActionLabel"> & {
|
|
112
|
+
/**
|
|
113
|
+
* The content.
|
|
114
|
+
*/
|
|
115
|
+
children?: react__default.ReactNode;
|
|
116
|
+
/**
|
|
117
|
+
* The size of the trigger.
|
|
118
|
+
* @default 'large'
|
|
119
|
+
*/
|
|
120
|
+
size?: InputProps['size'];
|
|
121
|
+
/**
|
|
122
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
123
|
+
* defaultValue is set.
|
|
124
|
+
*/
|
|
125
|
+
placeholder?: string | undefined;
|
|
126
|
+
}, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
|
|
517
127
|
|
|
518
|
-
declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<
|
|
519
|
-
'border-widths': {
|
|
520
|
-
readonly none: 0;
|
|
521
|
-
readonly sm: "1px";
|
|
522
|
-
readonly md: "2px";
|
|
523
|
-
readonly lg: "4px";
|
|
524
|
-
};
|
|
525
|
-
colors: {
|
|
526
|
-
readonly black: any;
|
|
527
|
-
readonly 'blue-100': any;
|
|
528
|
-
readonly 'blue-200': any;
|
|
529
|
-
readonly 'blue-300': any;
|
|
530
|
-
readonly 'blue-400': any;
|
|
531
|
-
readonly 'blue-500': any;
|
|
532
|
-
readonly 'blue-600': any;
|
|
533
|
-
readonly 'blue-700': any;
|
|
534
|
-
readonly 'blue-800': any;
|
|
535
|
-
readonly 'blue-900': any;
|
|
536
|
-
readonly 'blue-1000': any;
|
|
537
|
-
readonly 'gray-100': any;
|
|
538
|
-
readonly 'gray-200': any;
|
|
539
|
-
readonly 'gray-300': any;
|
|
540
|
-
readonly 'gray-400': any;
|
|
541
|
-
readonly 'gray-500': any;
|
|
542
|
-
readonly 'gray-600': any;
|
|
543
|
-
readonly 'gray-700': any;
|
|
544
|
-
readonly 'gray-800': any;
|
|
545
|
-
readonly 'gray-900': any;
|
|
546
|
-
readonly 'green-100': any;
|
|
547
|
-
readonly 'green-200': any;
|
|
548
|
-
readonly 'green-300': any;
|
|
549
|
-
readonly 'green-400': any;
|
|
550
|
-
readonly 'green-500': any;
|
|
551
|
-
readonly 'green-600': any;
|
|
552
|
-
readonly 'green-700': any;
|
|
553
|
-
readonly 'green-800': any;
|
|
554
|
-
readonly 'green-900': any;
|
|
555
|
-
readonly 'indigo-100': any;
|
|
556
|
-
readonly 'indigo-200': any;
|
|
557
|
-
readonly 'indigo-300': any;
|
|
558
|
-
readonly 'indigo-400': any;
|
|
559
|
-
readonly 'indigo-500': any;
|
|
560
|
-
readonly 'indigo-600': any;
|
|
561
|
-
readonly 'indigo-700': any;
|
|
562
|
-
readonly 'indigo-800': any;
|
|
563
|
-
readonly 'indigo-900': any;
|
|
564
|
-
readonly 'red-100': any;
|
|
565
|
-
readonly 'red-200': any;
|
|
566
|
-
readonly 'red-300': any;
|
|
567
|
-
readonly 'red-400': any;
|
|
568
|
-
readonly 'red-500': any;
|
|
569
|
-
readonly 'red-600': any;
|
|
570
|
-
readonly 'red-700': any;
|
|
571
|
-
readonly 'red-800': any;
|
|
572
|
-
readonly 'red-900': any;
|
|
573
|
-
readonly transparent: any;
|
|
574
|
-
readonly white: any;
|
|
575
|
-
readonly 'yellow-100': any;
|
|
576
|
-
readonly 'yellow-200': any;
|
|
577
|
-
readonly 'yellow-300': any;
|
|
578
|
-
readonly 'yellow-400': any;
|
|
579
|
-
readonly 'yellow-500': any;
|
|
580
|
-
readonly 'yellow-600': any;
|
|
581
|
-
readonly 'yellow-700': any;
|
|
582
|
-
readonly 'yellow-800': any;
|
|
583
|
-
readonly 'yellow-900': any;
|
|
584
|
-
"background-alpha-active"?: any;
|
|
585
|
-
"background-alpha-hover"?: any;
|
|
586
|
-
"background-danger-prominent"?: any;
|
|
587
|
-
"background-danger-prominent-active"?: any;
|
|
588
|
-
"background-danger-prominent-hover"?: any;
|
|
589
|
-
"background-danger-subtle"?: any;
|
|
590
|
-
"background-danger-subtle-active"?: any;
|
|
591
|
-
"background-danger-subtle-hover"?: any;
|
|
592
|
-
"background-neutrals"?: any;
|
|
593
|
-
"background-neutrals-active"?: any;
|
|
594
|
-
"background-neutrals-container"?: any;
|
|
595
|
-
"background-neutrals-controls-disabled"?: any;
|
|
596
|
-
"background-neutrals-disabled"?: any;
|
|
597
|
-
"background-neutrals-hover"?: any;
|
|
598
|
-
"background-neutrals-inactive"?: any;
|
|
599
|
-
"background-neutrals-inactive-hover"?: any;
|
|
600
|
-
"background-neutrals-inverted"?: any;
|
|
601
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
602
|
-
"background-neutrals-page"?: any;
|
|
603
|
-
"background-neutrals-page-subtle"?: any;
|
|
604
|
-
"background-neutrals-scrolls"?: any;
|
|
605
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
606
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
607
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
608
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
609
|
-
"background-neutrals-subtle"?: any;
|
|
610
|
-
"background-neutrals-subtle-active"?: any;
|
|
611
|
-
"background-neutrals-subtle-hover"?: any;
|
|
612
|
-
"background-primary-prominent"?: any;
|
|
613
|
-
"background-primary-prominent-active"?: any;
|
|
614
|
-
"background-primary-prominent-expanded"?: any;
|
|
615
|
-
"background-primary-prominent-hover"?: any;
|
|
616
|
-
"background-primary-prominent-pressed"?: any;
|
|
617
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
618
|
-
"background-primary-prominent-selected"?: any;
|
|
619
|
-
"background-primary-subtle"?: any;
|
|
620
|
-
"background-primary-subtle-active"?: any;
|
|
621
|
-
"background-primary-subtle-expanded"?: any;
|
|
622
|
-
"background-primary-subtle-hover"?: any;
|
|
623
|
-
"background-primary-subtle-pressed"?: any;
|
|
624
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
625
|
-
"background-primary-subtle-selected"?: any;
|
|
626
|
-
"background-success"?: any;
|
|
627
|
-
"background-success-prominent"?: any;
|
|
628
|
-
"background-success-prominent-active"?: any;
|
|
629
|
-
"background-success-prominent-hover"?: any;
|
|
630
|
-
"background-warning-prominent"?: any;
|
|
631
|
-
"background-warning-subtle"?: any;
|
|
632
|
-
"border-danger"?: any;
|
|
633
|
-
"border-danger-active"?: any;
|
|
634
|
-
"border-danger-hover"?: any;
|
|
635
|
-
"border-focus-inner"?: any;
|
|
636
|
-
"border-focus-middle"?: any;
|
|
637
|
-
"border-focus-outer"?: any;
|
|
638
|
-
"border-neutrals"?: any;
|
|
639
|
-
"border-neutrals-active"?: any;
|
|
640
|
-
"border-neutrals-controls"?: any;
|
|
641
|
-
"border-neutrals-controls-disabled"?: any;
|
|
642
|
-
"border-neutrals-disabled"?: any;
|
|
643
|
-
"border-neutrals-hover"?: any;
|
|
644
|
-
"border-neutrals-inverted"?: any;
|
|
645
|
-
"border-neutrals-subtle"?: any;
|
|
646
|
-
"border-neutrals-text"?: any;
|
|
647
|
-
"border-neutrals-text-active"?: any;
|
|
648
|
-
"border-neutrals-text-hover"?: any;
|
|
649
|
-
"border-neutrals-text-subtle"?: any;
|
|
650
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
651
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
652
|
-
"border-neutrals-transparent"?: any;
|
|
653
|
-
"border-primary"?: any;
|
|
654
|
-
"border-primary-active"?: any;
|
|
655
|
-
"border-primary-hover"?: any;
|
|
656
|
-
"border-primary-inverted"?: any;
|
|
657
|
-
"border-success"?: any;
|
|
658
|
-
"border-success-active"?: any;
|
|
659
|
-
"border-success-hover"?: any;
|
|
660
|
-
"border-warning"?: any;
|
|
661
|
-
"icon-danger"?: any;
|
|
662
|
-
"icon-danger-active"?: any;
|
|
663
|
-
"icon-danger-hover"?: any;
|
|
664
|
-
"icon-danger-inverted"?: any;
|
|
665
|
-
"icon-neutrals"?: any;
|
|
666
|
-
"icon-neutrals-disabled"?: any;
|
|
667
|
-
"icon-neutrals-inactive"?: any;
|
|
668
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
669
|
-
"icon-neutrals-inverted"?: any;
|
|
670
|
-
"icon-neutrals-search"?: any;
|
|
671
|
-
"icon-neutrals-subtle"?: any;
|
|
672
|
-
"icon-neutrals-text"?: any;
|
|
673
|
-
"icon-primary"?: any;
|
|
674
|
-
"icon-primary-active"?: any;
|
|
675
|
-
"icon-primary-hover"?: any;
|
|
676
|
-
"icon-primary-inverted"?: any;
|
|
677
|
-
"icon-primary-selected"?: any;
|
|
678
|
-
"icon-success"?: any;
|
|
679
|
-
"icon-success-active"?: any;
|
|
680
|
-
"icon-success-hover"?: any;
|
|
681
|
-
"icon-success-inverted"?: any;
|
|
682
|
-
"icon-warning"?: any;
|
|
683
|
-
"icon-warning-prominent"?: any;
|
|
684
|
-
"icon-warning-subtle"?: any;
|
|
685
|
-
"text-danger"?: any;
|
|
686
|
-
"text-danger-active"?: any;
|
|
687
|
-
"text-danger-hover"?: any;
|
|
688
|
-
"text-danger-inverted"?: any;
|
|
689
|
-
"text-neutrals"?: any;
|
|
690
|
-
"text-neutrals-active"?: any;
|
|
691
|
-
"text-neutrals-disabled"?: any;
|
|
692
|
-
"text-neutrals-hover"?: any;
|
|
693
|
-
"text-neutrals-inverted"?: any;
|
|
694
|
-
"text-neutrals-placeholder"?: any;
|
|
695
|
-
"text-neutrals-placeholder-only"?: any;
|
|
696
|
-
"text-neutrals-subtle"?: any;
|
|
697
|
-
"text-neutrals-subtle-active"?: any;
|
|
698
|
-
"text-neutrals-subtle-hover"?: any;
|
|
699
|
-
"text-primary"?: any;
|
|
700
|
-
"text-primary-active"?: any;
|
|
701
|
-
"text-primary-hover"?: any;
|
|
702
|
-
"text-primary-inverted"?: any;
|
|
703
|
-
"text-primary-inverted-subtle"?: any;
|
|
704
|
-
"text-primary-selected"?: any;
|
|
705
|
-
"text-success"?: any;
|
|
706
|
-
"text-success-active"?: any;
|
|
707
|
-
"text-success-hover"?: any;
|
|
708
|
-
"text-success-inverted"?: any;
|
|
709
|
-
"text-warning"?: any;
|
|
710
|
-
"text-warning-subtle"?: any;
|
|
711
|
-
};
|
|
712
|
-
'font-sizes': {
|
|
713
|
-
readonly 150: "0.75rem";
|
|
714
|
-
readonly 175: "0.875rem";
|
|
715
|
-
readonly 200: "1rem";
|
|
716
|
-
readonly 225: "1.125rem";
|
|
717
|
-
readonly 250: "1.25rem";
|
|
718
|
-
readonly 300: "1.5rem";
|
|
719
|
-
readonly 400: "2rem";
|
|
720
|
-
readonly 500: "2.5rem";
|
|
721
|
-
readonly 600: "3rem";
|
|
722
|
-
readonly 800: "4rem";
|
|
723
|
-
readonly 900: "4.5rem";
|
|
724
|
-
};
|
|
725
|
-
fonts: {
|
|
726
|
-
readonly heading: "Roobert, sans-serif";
|
|
727
|
-
readonly body: "Open Sans, sans-serif";
|
|
728
|
-
};
|
|
729
|
-
radii: {
|
|
730
|
-
readonly none: 0;
|
|
731
|
-
readonly half: "999em";
|
|
732
|
-
readonly 25: "2px";
|
|
733
|
-
readonly 50: "4px";
|
|
734
|
-
readonly 75: "6px";
|
|
735
|
-
readonly 100: "8px";
|
|
736
|
-
readonly 200: "16px";
|
|
737
|
-
};
|
|
738
|
-
shadows: {
|
|
739
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
740
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
741
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
742
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
743
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
744
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
745
|
-
};
|
|
746
|
-
sizes: {
|
|
747
|
-
readonly number: string;
|
|
748
|
-
readonly 'icon-200': "16px";
|
|
749
|
-
readonly 'icon-300': "24px";
|
|
750
|
-
readonly 'icon-400': "32px";
|
|
751
|
-
};
|
|
752
|
-
space: {
|
|
753
|
-
readonly 0: "0px";
|
|
754
|
-
readonly 25: "2px";
|
|
755
|
-
readonly 50: "4px";
|
|
756
|
-
readonly 100: "8px";
|
|
757
|
-
readonly 150: "12px";
|
|
758
|
-
readonly 200: "16px";
|
|
759
|
-
readonly 300: "24px";
|
|
760
|
-
readonly 400: "32px";
|
|
761
|
-
readonly 500: "40px";
|
|
762
|
-
readonly 600: "48px";
|
|
763
|
-
readonly 700: "56px";
|
|
764
|
-
readonly 800: "64px";
|
|
765
|
-
readonly 1200: "96px";
|
|
766
|
-
readonly 1600: "128px";
|
|
767
|
-
};
|
|
768
|
-
'space-gap': {
|
|
769
|
-
readonly 0: any;
|
|
770
|
-
readonly 50: any;
|
|
771
|
-
readonly 100: any;
|
|
772
|
-
readonly 200: any;
|
|
773
|
-
readonly 300: any;
|
|
774
|
-
};
|
|
775
|
-
'space-inset': {
|
|
776
|
-
readonly 0: any;
|
|
777
|
-
readonly 50: any;
|
|
778
|
-
readonly 100: any;
|
|
779
|
-
readonly 150: any;
|
|
780
|
-
readonly 200: any;
|
|
781
|
-
readonly 300: any;
|
|
782
|
-
readonly 400: any;
|
|
783
|
-
readonly 500: any;
|
|
784
|
-
readonly 600: any;
|
|
785
|
-
readonly 700: any;
|
|
786
|
-
readonly 800: any;
|
|
787
|
-
readonly 1200: any;
|
|
788
|
-
readonly 1600: any;
|
|
789
|
-
};
|
|
790
|
-
'space-offset': {
|
|
791
|
-
readonly 0: any;
|
|
792
|
-
readonly 50: any;
|
|
793
|
-
readonly 100: any;
|
|
794
|
-
readonly 150: any;
|
|
795
|
-
readonly 200: any;
|
|
796
|
-
readonly 300: any;
|
|
797
|
-
readonly 400: any;
|
|
798
|
-
readonly 600: any;
|
|
799
|
-
readonly 800: any;
|
|
800
|
-
readonly 1200: any;
|
|
801
|
-
readonly 1600: any;
|
|
802
|
-
readonly 'stacking-0': any;
|
|
803
|
-
readonly 'stacking-100': any;
|
|
804
|
-
readonly 'stacking-200': any;
|
|
805
|
-
readonly 'stacking-300': any;
|
|
806
|
-
readonly 'stacking-400': any;
|
|
807
|
-
readonly 'stacking-500': any;
|
|
808
|
-
readonly 'stacking-800': any;
|
|
809
|
-
};
|
|
810
|
-
'stroke-width': {
|
|
811
|
-
readonly thin: "1.5px";
|
|
812
|
-
readonly normal: "2px";
|
|
813
|
-
readonly bold: "4px";
|
|
814
|
-
};
|
|
815
|
-
'z-indices': {
|
|
816
|
-
readonly dropdownMenu: 100;
|
|
817
|
-
readonly select: 200;
|
|
818
|
-
readonly popover: 300;
|
|
819
|
-
readonly tooltip: 400;
|
|
820
|
-
};
|
|
821
|
-
}, {
|
|
822
|
-
readonly background: "colors";
|
|
823
|
-
readonly backgroundColor: "colors";
|
|
824
|
-
readonly backgroundImage: "colors";
|
|
825
|
-
readonly blockSize: "sizes";
|
|
826
|
-
readonly border: "colors";
|
|
827
|
-
readonly borderBlock: "colors";
|
|
828
|
-
readonly borderBlockEnd: "colors";
|
|
829
|
-
readonly borderBlockStart: "colors";
|
|
830
|
-
readonly borderBottom: "colors";
|
|
831
|
-
readonly borderBottomColor: "colors";
|
|
832
|
-
readonly borderBottomLeftRadius: "radii";
|
|
833
|
-
readonly borderBottomRightRadius: "radii";
|
|
834
|
-
readonly borderBottomStyle: "border-styles";
|
|
835
|
-
readonly borderBottomWidth: "border-widths";
|
|
836
|
-
readonly borderColor: "colors";
|
|
837
|
-
readonly borderImage: "colors";
|
|
838
|
-
readonly borderInline: "colors";
|
|
839
|
-
readonly borderInlineEnd: "colors";
|
|
840
|
-
readonly borderInlineStart: "colors";
|
|
841
|
-
readonly borderLeft: "colors";
|
|
842
|
-
readonly borderLeftColor: "colors";
|
|
843
|
-
readonly borderLeftStyle: "border-styles";
|
|
844
|
-
readonly borderLeftWidth: "border-widths";
|
|
845
|
-
readonly borderRadius: "radii";
|
|
846
|
-
readonly borderRight: "colors";
|
|
847
|
-
readonly borderRightColor: "colors";
|
|
848
|
-
readonly borderRightStyle: "border-styles";
|
|
849
|
-
readonly borderRightWidth: "border-widths";
|
|
850
|
-
readonly borderSpacing: "space-offset";
|
|
851
|
-
readonly borderStyle: "border-styles";
|
|
852
|
-
readonly borderTop: "colors";
|
|
853
|
-
readonly borderTopColor: "colors";
|
|
854
|
-
readonly borderTopLeftRadius: "radii";
|
|
855
|
-
readonly borderTopRightRadius: "radii";
|
|
856
|
-
readonly borderTopStyle: "border-styles";
|
|
857
|
-
readonly borderTopWidth: "border-widths";
|
|
858
|
-
readonly borderWidth: "border-widths";
|
|
859
|
-
readonly bottom: "space";
|
|
860
|
-
readonly boxShadow: "shadows";
|
|
861
|
-
readonly caretColor: "colors";
|
|
862
|
-
readonly color: "colors";
|
|
863
|
-
readonly columnGap: "space-gap";
|
|
864
|
-
readonly columnRuleColor: "colors";
|
|
865
|
-
readonly fill: "colors";
|
|
866
|
-
readonly flexBasis: "sizes";
|
|
867
|
-
readonly fontFamily: "fonts";
|
|
868
|
-
readonly fontSize: "font-sizes";
|
|
869
|
-
readonly fontWeight: "font-weights";
|
|
870
|
-
readonly gap: "space-gap";
|
|
871
|
-
readonly gridColumnGap: "space-gap";
|
|
872
|
-
readonly gridGap: "space-gap";
|
|
873
|
-
readonly gridRowGap: "space-gap";
|
|
874
|
-
readonly gridTemplateColumns: "sizes";
|
|
875
|
-
readonly gridTemplateRows: "sizes";
|
|
876
|
-
readonly height: "sizes";
|
|
877
|
-
readonly inlineSize: "sizes";
|
|
878
|
-
readonly inset: "space-inset";
|
|
879
|
-
readonly insetBlock: "space-inset";
|
|
880
|
-
readonly insetBlockEnd: "space-inset";
|
|
881
|
-
readonly insetBlockStart: "space-inset";
|
|
882
|
-
readonly insetInline: "space-inset";
|
|
883
|
-
readonly insetInlineEnd: "space-inset";
|
|
884
|
-
readonly insetInlineStart: "space-inset";
|
|
885
|
-
readonly left: "space";
|
|
886
|
-
readonly letterSpacing: "letter-spacings";
|
|
887
|
-
readonly lineHeight: "line-heights";
|
|
888
|
-
readonly margin: "space-offset";
|
|
889
|
-
readonly marginBlock: "space-offset";
|
|
890
|
-
readonly marginBlockEnd: "space-offset";
|
|
891
|
-
readonly marginBlockStart: "space-offset";
|
|
892
|
-
readonly marginBottom: "space-offset";
|
|
893
|
-
readonly marginInline: "space-offset";
|
|
894
|
-
readonly marginInlineEnd: "space-offset";
|
|
895
|
-
readonly marginInlineStart: "space-offset";
|
|
896
|
-
readonly marginLeft: "space-offset";
|
|
897
|
-
readonly marginRight: "space-offset";
|
|
898
|
-
readonly marginTop: "space-offset";
|
|
899
|
-
readonly maxBlockSize: "sizes";
|
|
900
|
-
readonly maxHeight: "sizes";
|
|
901
|
-
readonly maxInlineSize: "sizes";
|
|
902
|
-
readonly maxWidth: "sizes";
|
|
903
|
-
readonly minBlockSize: "sizes";
|
|
904
|
-
readonly minHeight: "sizes";
|
|
905
|
-
readonly minInlineSize: "sizes";
|
|
906
|
-
readonly minWidth: "sizes";
|
|
907
|
-
readonly outline: "colors";
|
|
908
|
-
readonly outlineColor: "colors";
|
|
909
|
-
readonly padding: "space-inset";
|
|
910
|
-
readonly paddingBlock: "space-inset";
|
|
911
|
-
readonly paddingBlockEnd: "space-inset";
|
|
912
|
-
readonly paddingBlockStart: "space-inset";
|
|
913
|
-
readonly paddingBottom: "space-inset";
|
|
914
|
-
readonly paddingInline: "space-inset";
|
|
915
|
-
readonly paddingInlineEnd: "space-inset";
|
|
916
|
-
readonly paddingInlineStart: "space-inset";
|
|
917
|
-
readonly paddingLeft: "space-inset";
|
|
918
|
-
readonly paddingRight: "space-inset";
|
|
919
|
-
readonly paddingTop: "space-inset";
|
|
920
|
-
readonly right: "space";
|
|
921
|
-
readonly rowGap: "space-gap";
|
|
922
|
-
readonly scrollMargin: "space-offset";
|
|
923
|
-
readonly scrollMarginBlock: "space-offset";
|
|
924
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
925
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
926
|
-
readonly scrollMarginBottom: "space-offset";
|
|
927
|
-
readonly scrollMarginInline: "space-offset";
|
|
928
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
929
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
930
|
-
readonly scrollMarginLeft: "space-offset";
|
|
931
|
-
readonly scrollMarginRight: "space-offset";
|
|
932
|
-
readonly scrollMarginTop: "space-offset";
|
|
933
|
-
readonly scrollPadding: "space-inset";
|
|
934
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
935
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
936
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
937
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
938
|
-
readonly scrollPaddingInline: "space-inset";
|
|
939
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
940
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
941
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
942
|
-
readonly scrollPaddingRight: "space-inset";
|
|
943
|
-
readonly scrollPaddingTop: "space-inset";
|
|
944
|
-
readonly stroke: "colors";
|
|
945
|
-
readonly strokeWidth: "stroke-width";
|
|
946
|
-
readonly textDecorationColor: "colors";
|
|
947
|
-
readonly textShadow: "shadows";
|
|
948
|
-
readonly top: "space";
|
|
949
|
-
readonly transition: "transitions";
|
|
950
|
-
readonly width: "sizes";
|
|
951
|
-
readonly zIndex: "z-indices";
|
|
952
|
-
}, {
|
|
953
|
-
paddingX: (value: {
|
|
954
|
-
readonly [$$PropertyValue]: "padding";
|
|
955
|
-
}) => {
|
|
956
|
-
paddingLeft: {
|
|
957
|
-
readonly [$$PropertyValue]: "padding";
|
|
958
|
-
};
|
|
959
|
-
paddingRight: {
|
|
960
|
-
readonly [$$PropertyValue]: "padding";
|
|
961
|
-
};
|
|
962
|
-
};
|
|
963
|
-
paddingY: (value: {
|
|
964
|
-
readonly [$$PropertyValue]: "padding";
|
|
965
|
-
}) => {
|
|
966
|
-
paddingTop: {
|
|
967
|
-
readonly [$$PropertyValue]: "padding";
|
|
968
|
-
};
|
|
969
|
-
paddingBottom: {
|
|
970
|
-
readonly [$$PropertyValue]: "padding";
|
|
971
|
-
};
|
|
972
|
-
};
|
|
973
|
-
marginX: (value: {
|
|
974
|
-
readonly [$$PropertyValue]: "margin";
|
|
975
|
-
}) => {
|
|
976
|
-
marginLeft: {
|
|
977
|
-
readonly [$$PropertyValue]: "margin";
|
|
978
|
-
};
|
|
979
|
-
marginRight: {
|
|
980
|
-
readonly [$$PropertyValue]: "margin";
|
|
981
|
-
};
|
|
982
|
-
};
|
|
983
|
-
marginY: (value: {
|
|
984
|
-
readonly [$$PropertyValue]: "margin";
|
|
985
|
-
}) => {
|
|
986
|
-
marginTop: {
|
|
987
|
-
readonly [$$PropertyValue]: "margin";
|
|
988
|
-
};
|
|
989
|
-
marginBottom: {
|
|
990
|
-
readonly [$$PropertyValue]: "margin";
|
|
991
|
-
};
|
|
992
|
-
};
|
|
993
|
-
square: (value: {
|
|
994
|
-
readonly [$$PropertyValue]: "width";
|
|
995
|
-
}) => {
|
|
996
|
-
width: {
|
|
997
|
-
readonly [$$PropertyValue]: "width";
|
|
998
|
-
};
|
|
999
|
-
height: {
|
|
1000
|
-
readonly [$$PropertyValue]: "width";
|
|
1001
|
-
};
|
|
1002
|
-
};
|
|
1003
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1004
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1005
|
-
};
|
|
1006
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
128
|
+
declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}>;
|
|
1007
129
|
declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
|
|
1008
130
|
|
|
131
|
+
declare type PointerDownOutsideEvent = CustomEvent<{
|
|
132
|
+
originalEvent: PointerEvent;
|
|
133
|
+
}>;
|
|
134
|
+
declare type Side = 'top' | 'right' | 'bottom' | 'left';
|
|
135
|
+
declare type Align = 'start' | 'center' | 'end';
|
|
136
|
+
declare type Direction = 'ltr' | 'rtl';
|
|
137
|
+
declare type Overflow = 'auto' | 'visible';
|
|
138
|
+
declare type Sticky = 'partial' | 'always';
|
|
139
|
+
|
|
140
|
+
type types_PointerDownOutsideEvent = PointerDownOutsideEvent;
|
|
141
|
+
type types_Side = Side;
|
|
142
|
+
type types_Align = Align;
|
|
143
|
+
type types_Direction = Direction;
|
|
144
|
+
type types_Overflow = Overflow;
|
|
145
|
+
type types_Sticky = Sticky;
|
|
146
|
+
declare namespace types {
|
|
147
|
+
export {
|
|
148
|
+
types_PointerDownOutsideEvent as PointerDownOutsideEvent,
|
|
149
|
+
types_Side as Side,
|
|
150
|
+
types_Align as Align,
|
|
151
|
+
types_Direction as Direction,
|
|
152
|
+
types_Overflow as Overflow,
|
|
153
|
+
types_Sticky as Sticky,
|
|
154
|
+
};
|
|
155
|
+
}
|
|
156
|
+
|
|
1009
157
|
interface ContentProps extends StyledContentProps {
|
|
1010
158
|
/**
|
|
1011
159
|
* Combobox's content.
|
|
1012
160
|
*/
|
|
1013
161
|
children?: ReactNode;
|
|
162
|
+
/**
|
|
163
|
+
* Event handler called when focus moves to the trigger after closing. It can
|
|
164
|
+
* be prevented by calling event.preventDefault.
|
|
165
|
+
*/
|
|
166
|
+
onCloseAutoFocus?: (event: Event) => void;
|
|
167
|
+
/**
|
|
168
|
+
* Event handler called when focus moves to the trigger after closing. It can
|
|
169
|
+
* be prevented by calling event.preventDefault.
|
|
170
|
+
*/
|
|
171
|
+
onEscapeKeyDown?: (event: KeyboardEvent) => void;
|
|
172
|
+
/**
|
|
173
|
+
* Event handler called when a pointer event occurs outside the bounds of the
|
|
174
|
+
* component. It can be prevented by calling event.preventDefault.
|
|
175
|
+
*/
|
|
176
|
+
onPointerDownOutside?: (event: PointerDownOutsideEvent) => void;
|
|
177
|
+
/**
|
|
178
|
+
* The preferred side of the anchor to render against when open. Will be
|
|
179
|
+
* reversed when collisions occur and avoidCollisions is enabled.
|
|
180
|
+
* @default 'bottom'
|
|
181
|
+
*/
|
|
182
|
+
side?: Side;
|
|
183
|
+
/**
|
|
184
|
+
* The distance in pixels from the anchor.
|
|
185
|
+
* @default CONTENT_OFFSET
|
|
186
|
+
*/
|
|
187
|
+
sideOffset?: number;
|
|
188
|
+
/**
|
|
189
|
+
* The preferred alignment against the anchor. May change when collisions
|
|
190
|
+
* occur.
|
|
191
|
+
* @default 'center'
|
|
192
|
+
*/
|
|
193
|
+
align?: Align;
|
|
194
|
+
/**
|
|
195
|
+
* An offset in pixels from the "start" or "end" alignment options.
|
|
196
|
+
* @default 0
|
|
197
|
+
*/
|
|
198
|
+
alignOffset?: number;
|
|
199
|
+
/**
|
|
200
|
+
* When true, overrides the side and align preferences to prevent collisions
|
|
201
|
+
* with boundary edges.
|
|
202
|
+
* @default true
|
|
203
|
+
*/
|
|
204
|
+
avoidCollisions?: boolean;
|
|
205
|
+
/**
|
|
206
|
+
* The element used as the collision boundary. By default this is the
|
|
207
|
+
* viewport, though you can provide additional element(s) to be included in
|
|
208
|
+
* this check.
|
|
209
|
+
*/
|
|
210
|
+
collisionBoundary?: Element | null;
|
|
211
|
+
/**
|
|
212
|
+
* The distance in pixels from the boundary edges where collision detection
|
|
213
|
+
* should occur. Accepts a number (same for all sides), or a partial padding
|
|
214
|
+
* object, for example: { top: 20, left: 20 }.
|
|
215
|
+
* @default 0
|
|
216
|
+
*/
|
|
217
|
+
collisionPadding?: number | Partial<Record<Side, number>>;
|
|
218
|
+
/**
|
|
219
|
+
* The sticky behavior on the align axis. "partial" will keep the content in the
|
|
220
|
+
* boundary as long as the trigger is at least partially in the boundary whilst
|
|
221
|
+
* "always" will keep the content in the boundary regardless.
|
|
222
|
+
* @default 'partial'
|
|
223
|
+
*/
|
|
224
|
+
sticky?: Sticky;
|
|
225
|
+
/**
|
|
226
|
+
* Whether to hide the content when the trigger becomes fully occluded.
|
|
227
|
+
* @default true
|
|
228
|
+
*/
|
|
229
|
+
hideWhenDetached?: boolean;
|
|
230
|
+
/**
|
|
231
|
+
* The max height for the content.
|
|
232
|
+
*/
|
|
233
|
+
maxHeight?: CSSProperties['maxHeight'];
|
|
234
|
+
/**
|
|
235
|
+
* Setting overflow as "visible" means that the content can extend beyond
|
|
236
|
+
* its collision boundary without any clipping or scrolling being
|
|
237
|
+
* applied.
|
|
238
|
+
* When set to "auto," a scrollbar is added if the content exceeds its
|
|
239
|
+
* boundaries. If no maxHeight is defined, it will be automatically adjusted
|
|
240
|
+
* to fit the remaining space between the trigger and the boundary edge.
|
|
241
|
+
* @default 'visible'
|
|
242
|
+
*/
|
|
243
|
+
overflow?: Overflow;
|
|
1014
244
|
}
|
|
1015
245
|
declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1016
246
|
|
|
1017
|
-
declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<
|
|
1018
|
-
'border-widths': {
|
|
1019
|
-
readonly none: 0;
|
|
1020
|
-
readonly sm: "1px";
|
|
1021
|
-
readonly md: "2px";
|
|
1022
|
-
readonly lg: "4px";
|
|
1023
|
-
};
|
|
1024
|
-
colors: {
|
|
1025
|
-
readonly black: any;
|
|
1026
|
-
readonly 'blue-100': any;
|
|
1027
|
-
readonly 'blue-200': any;
|
|
1028
|
-
readonly 'blue-300': any;
|
|
1029
|
-
readonly 'blue-400': any;
|
|
1030
|
-
readonly 'blue-500': any;
|
|
1031
|
-
readonly 'blue-600': any;
|
|
1032
|
-
readonly 'blue-700': any;
|
|
1033
|
-
readonly 'blue-800': any;
|
|
1034
|
-
readonly 'blue-900': any;
|
|
1035
|
-
readonly 'blue-1000': any;
|
|
1036
|
-
readonly 'gray-100': any;
|
|
1037
|
-
readonly 'gray-200': any;
|
|
1038
|
-
readonly 'gray-300': any;
|
|
1039
|
-
readonly 'gray-400': any;
|
|
1040
|
-
readonly 'gray-500': any;
|
|
1041
|
-
readonly 'gray-600': any;
|
|
1042
|
-
readonly 'gray-700': any;
|
|
1043
|
-
readonly 'gray-800': any;
|
|
1044
|
-
readonly 'gray-900': any;
|
|
1045
|
-
readonly 'green-100': any;
|
|
1046
|
-
readonly 'green-200': any;
|
|
1047
|
-
readonly 'green-300': any;
|
|
1048
|
-
readonly 'green-400': any;
|
|
1049
|
-
readonly 'green-500': any;
|
|
1050
|
-
readonly 'green-600': any;
|
|
1051
|
-
readonly 'green-700': any;
|
|
1052
|
-
readonly 'green-800': any;
|
|
1053
|
-
readonly 'green-900': any;
|
|
1054
|
-
readonly 'indigo-100': any;
|
|
1055
|
-
readonly 'indigo-200': any;
|
|
1056
|
-
readonly 'indigo-300': any;
|
|
1057
|
-
readonly 'indigo-400': any;
|
|
1058
|
-
readonly 'indigo-500': any;
|
|
1059
|
-
readonly 'indigo-600': any;
|
|
1060
|
-
readonly 'indigo-700': any;
|
|
1061
|
-
readonly 'indigo-800': any;
|
|
1062
|
-
readonly 'indigo-900': any;
|
|
1063
|
-
readonly 'red-100': any;
|
|
1064
|
-
readonly 'red-200': any;
|
|
1065
|
-
readonly 'red-300': any;
|
|
1066
|
-
readonly 'red-400': any;
|
|
1067
|
-
readonly 'red-500': any;
|
|
1068
|
-
readonly 'red-600': any;
|
|
1069
|
-
readonly 'red-700': any;
|
|
1070
|
-
readonly 'red-800': any;
|
|
1071
|
-
readonly 'red-900': any;
|
|
1072
|
-
readonly transparent: any;
|
|
1073
|
-
readonly white: any;
|
|
1074
|
-
readonly 'yellow-100': any;
|
|
1075
|
-
readonly 'yellow-200': any;
|
|
1076
|
-
readonly 'yellow-300': any;
|
|
1077
|
-
readonly 'yellow-400': any;
|
|
1078
|
-
readonly 'yellow-500': any;
|
|
1079
|
-
readonly 'yellow-600': any;
|
|
1080
|
-
readonly 'yellow-700': any;
|
|
1081
|
-
readonly 'yellow-800': any;
|
|
1082
|
-
readonly 'yellow-900': any;
|
|
1083
|
-
"background-alpha-active"?: any;
|
|
1084
|
-
"background-alpha-hover"?: any;
|
|
1085
|
-
"background-danger-prominent"?: any;
|
|
1086
|
-
"background-danger-prominent-active"?: any;
|
|
1087
|
-
"background-danger-prominent-hover"?: any;
|
|
1088
|
-
"background-danger-subtle"?: any;
|
|
1089
|
-
"background-danger-subtle-active"?: any;
|
|
1090
|
-
"background-danger-subtle-hover"?: any;
|
|
1091
|
-
"background-neutrals"?: any;
|
|
1092
|
-
"background-neutrals-active"?: any;
|
|
1093
|
-
"background-neutrals-container"?: any;
|
|
1094
|
-
"background-neutrals-controls-disabled"?: any;
|
|
1095
|
-
"background-neutrals-disabled"?: any;
|
|
1096
|
-
"background-neutrals-hover"?: any;
|
|
1097
|
-
"background-neutrals-inactive"?: any;
|
|
1098
|
-
"background-neutrals-inactive-hover"?: any;
|
|
1099
|
-
"background-neutrals-inverted"?: any;
|
|
1100
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
1101
|
-
"background-neutrals-page"?: any;
|
|
1102
|
-
"background-neutrals-page-subtle"?: any;
|
|
1103
|
-
"background-neutrals-scrolls"?: any;
|
|
1104
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
1105
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
1106
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1107
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1108
|
-
"background-neutrals-subtle"?: any;
|
|
1109
|
-
"background-neutrals-subtle-active"?: any;
|
|
1110
|
-
"background-neutrals-subtle-hover"?: any;
|
|
1111
|
-
"background-primary-prominent"?: any;
|
|
1112
|
-
"background-primary-prominent-active"?: any;
|
|
1113
|
-
"background-primary-prominent-expanded"?: any;
|
|
1114
|
-
"background-primary-prominent-hover"?: any;
|
|
1115
|
-
"background-primary-prominent-pressed"?: any;
|
|
1116
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1117
|
-
"background-primary-prominent-selected"?: any;
|
|
1118
|
-
"background-primary-subtle"?: any;
|
|
1119
|
-
"background-primary-subtle-active"?: any;
|
|
1120
|
-
"background-primary-subtle-expanded"?: any;
|
|
1121
|
-
"background-primary-subtle-hover"?: any;
|
|
1122
|
-
"background-primary-subtle-pressed"?: any;
|
|
1123
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1124
|
-
"background-primary-subtle-selected"?: any;
|
|
1125
|
-
"background-success"?: any;
|
|
1126
|
-
"background-success-prominent"?: any;
|
|
1127
|
-
"background-success-prominent-active"?: any;
|
|
1128
|
-
"background-success-prominent-hover"?: any;
|
|
1129
|
-
"background-warning-prominent"?: any;
|
|
1130
|
-
"background-warning-subtle"?: any;
|
|
1131
|
-
"border-danger"?: any;
|
|
1132
|
-
"border-danger-active"?: any;
|
|
1133
|
-
"border-danger-hover"?: any;
|
|
1134
|
-
"border-focus-inner"?: any;
|
|
1135
|
-
"border-focus-middle"?: any;
|
|
1136
|
-
"border-focus-outer"?: any;
|
|
1137
|
-
"border-neutrals"?: any;
|
|
1138
|
-
"border-neutrals-active"?: any;
|
|
1139
|
-
"border-neutrals-controls"?: any;
|
|
1140
|
-
"border-neutrals-controls-disabled"?: any;
|
|
1141
|
-
"border-neutrals-disabled"?: any;
|
|
1142
|
-
"border-neutrals-hover"?: any;
|
|
1143
|
-
"border-neutrals-inverted"?: any;
|
|
1144
|
-
"border-neutrals-subtle"?: any;
|
|
1145
|
-
"border-neutrals-text"?: any;
|
|
1146
|
-
"border-neutrals-text-active"?: any;
|
|
1147
|
-
"border-neutrals-text-hover"?: any;
|
|
1148
|
-
"border-neutrals-text-subtle"?: any;
|
|
1149
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
1150
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
1151
|
-
"border-neutrals-transparent"?: any;
|
|
1152
|
-
"border-primary"?: any;
|
|
1153
|
-
"border-primary-active"?: any;
|
|
1154
|
-
"border-primary-hover"?: any;
|
|
1155
|
-
"border-primary-inverted"?: any;
|
|
1156
|
-
"border-success"?: any;
|
|
1157
|
-
"border-success-active"?: any;
|
|
1158
|
-
"border-success-hover"?: any;
|
|
1159
|
-
"border-warning"?: any;
|
|
1160
|
-
"icon-danger"?: any;
|
|
1161
|
-
"icon-danger-active"?: any;
|
|
1162
|
-
"icon-danger-hover"?: any;
|
|
1163
|
-
"icon-danger-inverted"?: any;
|
|
1164
|
-
"icon-neutrals"?: any;
|
|
1165
|
-
"icon-neutrals-disabled"?: any;
|
|
1166
|
-
"icon-neutrals-inactive"?: any;
|
|
1167
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
1168
|
-
"icon-neutrals-inverted"?: any;
|
|
1169
|
-
"icon-neutrals-search"?: any;
|
|
1170
|
-
"icon-neutrals-subtle"?: any;
|
|
1171
|
-
"icon-neutrals-text"?: any;
|
|
1172
|
-
"icon-primary"?: any;
|
|
1173
|
-
"icon-primary-active"?: any;
|
|
1174
|
-
"icon-primary-hover"?: any;
|
|
1175
|
-
"icon-primary-inverted"?: any;
|
|
1176
|
-
"icon-primary-selected"?: any;
|
|
1177
|
-
"icon-success"?: any;
|
|
1178
|
-
"icon-success-active"?: any;
|
|
1179
|
-
"icon-success-hover"?: any;
|
|
1180
|
-
"icon-success-inverted"?: any;
|
|
1181
|
-
"icon-warning"?: any;
|
|
1182
|
-
"icon-warning-prominent"?: any;
|
|
1183
|
-
"icon-warning-subtle"?: any;
|
|
1184
|
-
"text-danger"?: any;
|
|
1185
|
-
"text-danger-active"?: any;
|
|
1186
|
-
"text-danger-hover"?: any;
|
|
1187
|
-
"text-danger-inverted"?: any;
|
|
1188
|
-
"text-neutrals"?: any;
|
|
1189
|
-
"text-neutrals-active"?: any;
|
|
1190
|
-
"text-neutrals-disabled"?: any;
|
|
1191
|
-
"text-neutrals-hover"?: any;
|
|
1192
|
-
"text-neutrals-inverted"?: any;
|
|
1193
|
-
"text-neutrals-placeholder"?: any;
|
|
1194
|
-
"text-neutrals-placeholder-only"?: any;
|
|
1195
|
-
"text-neutrals-subtle"?: any;
|
|
1196
|
-
"text-neutrals-subtle-active"?: any;
|
|
1197
|
-
"text-neutrals-subtle-hover"?: any;
|
|
1198
|
-
"text-primary"?: any;
|
|
1199
|
-
"text-primary-active"?: any;
|
|
1200
|
-
"text-primary-hover"?: any;
|
|
1201
|
-
"text-primary-inverted"?: any;
|
|
1202
|
-
"text-primary-inverted-subtle"?: any;
|
|
1203
|
-
"text-primary-selected"?: any;
|
|
1204
|
-
"text-success"?: any;
|
|
1205
|
-
"text-success-active"?: any;
|
|
1206
|
-
"text-success-hover"?: any;
|
|
1207
|
-
"text-success-inverted"?: any;
|
|
1208
|
-
"text-warning"?: any;
|
|
1209
|
-
"text-warning-subtle"?: any;
|
|
1210
|
-
};
|
|
1211
|
-
'font-sizes': {
|
|
1212
|
-
readonly 150: "0.75rem";
|
|
1213
|
-
readonly 175: "0.875rem";
|
|
1214
|
-
readonly 200: "1rem";
|
|
1215
|
-
readonly 225: "1.125rem";
|
|
1216
|
-
readonly 250: "1.25rem";
|
|
1217
|
-
readonly 300: "1.5rem";
|
|
1218
|
-
readonly 400: "2rem";
|
|
1219
|
-
readonly 500: "2.5rem";
|
|
1220
|
-
readonly 600: "3rem";
|
|
1221
|
-
readonly 800: "4rem";
|
|
1222
|
-
readonly 900: "4.5rem";
|
|
1223
|
-
};
|
|
1224
|
-
fonts: {
|
|
1225
|
-
readonly heading: "Roobert, sans-serif";
|
|
1226
|
-
readonly body: "Open Sans, sans-serif";
|
|
1227
|
-
};
|
|
1228
|
-
radii: {
|
|
1229
|
-
readonly none: 0;
|
|
1230
|
-
readonly half: "999em";
|
|
1231
|
-
readonly 25: "2px";
|
|
1232
|
-
readonly 50: "4px";
|
|
1233
|
-
readonly 75: "6px";
|
|
1234
|
-
readonly 100: "8px";
|
|
1235
|
-
readonly 200: "16px";
|
|
1236
|
-
};
|
|
1237
|
-
shadows: {
|
|
1238
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1239
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1240
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1241
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1242
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1243
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1244
|
-
};
|
|
1245
|
-
sizes: {
|
|
1246
|
-
readonly number: string;
|
|
1247
|
-
readonly 'icon-200': "16px";
|
|
1248
|
-
readonly 'icon-300': "24px";
|
|
1249
|
-
readonly 'icon-400': "32px";
|
|
1250
|
-
};
|
|
1251
|
-
space: {
|
|
1252
|
-
readonly 0: "0px";
|
|
1253
|
-
readonly 25: "2px";
|
|
1254
|
-
readonly 50: "4px";
|
|
1255
|
-
readonly 100: "8px";
|
|
1256
|
-
readonly 150: "12px";
|
|
1257
|
-
readonly 200: "16px";
|
|
1258
|
-
readonly 300: "24px";
|
|
1259
|
-
readonly 400: "32px";
|
|
1260
|
-
readonly 500: "40px";
|
|
1261
|
-
readonly 600: "48px";
|
|
1262
|
-
readonly 700: "56px";
|
|
1263
|
-
readonly 800: "64px";
|
|
1264
|
-
readonly 1200: "96px";
|
|
1265
|
-
readonly 1600: "128px";
|
|
1266
|
-
};
|
|
1267
|
-
'space-gap': {
|
|
1268
|
-
readonly 0: any;
|
|
1269
|
-
readonly 50: any;
|
|
1270
|
-
readonly 100: any;
|
|
1271
|
-
readonly 200: any;
|
|
1272
|
-
readonly 300: any;
|
|
1273
|
-
};
|
|
1274
|
-
'space-inset': {
|
|
1275
|
-
readonly 0: any;
|
|
1276
|
-
readonly 50: any;
|
|
1277
|
-
readonly 100: any;
|
|
1278
|
-
readonly 150: any;
|
|
1279
|
-
readonly 200: any;
|
|
1280
|
-
readonly 300: any;
|
|
1281
|
-
readonly 400: any;
|
|
1282
|
-
readonly 500: any;
|
|
1283
|
-
readonly 600: any;
|
|
1284
|
-
readonly 700: any;
|
|
1285
|
-
readonly 800: any;
|
|
1286
|
-
readonly 1200: any;
|
|
1287
|
-
readonly 1600: any;
|
|
1288
|
-
};
|
|
1289
|
-
'space-offset': {
|
|
1290
|
-
readonly 0: any;
|
|
1291
|
-
readonly 50: any;
|
|
1292
|
-
readonly 100: any;
|
|
1293
|
-
readonly 150: any;
|
|
1294
|
-
readonly 200: any;
|
|
1295
|
-
readonly 300: any;
|
|
1296
|
-
readonly 400: any;
|
|
1297
|
-
readonly 600: any;
|
|
1298
|
-
readonly 800: any;
|
|
1299
|
-
readonly 1200: any;
|
|
1300
|
-
readonly 1600: any;
|
|
1301
|
-
readonly 'stacking-0': any;
|
|
1302
|
-
readonly 'stacking-100': any;
|
|
1303
|
-
readonly 'stacking-200': any;
|
|
1304
|
-
readonly 'stacking-300': any;
|
|
1305
|
-
readonly 'stacking-400': any;
|
|
1306
|
-
readonly 'stacking-500': any;
|
|
1307
|
-
readonly 'stacking-800': any;
|
|
1308
|
-
};
|
|
1309
|
-
'stroke-width': {
|
|
1310
|
-
readonly thin: "1.5px";
|
|
1311
|
-
readonly normal: "2px";
|
|
1312
|
-
readonly bold: "4px";
|
|
1313
|
-
};
|
|
1314
|
-
'z-indices': {
|
|
1315
|
-
readonly dropdownMenu: 100;
|
|
1316
|
-
readonly select: 200;
|
|
1317
|
-
readonly popover: 300;
|
|
1318
|
-
readonly tooltip: 400;
|
|
1319
|
-
};
|
|
1320
|
-
}, {
|
|
1321
|
-
readonly background: "colors";
|
|
1322
|
-
readonly backgroundColor: "colors";
|
|
1323
|
-
readonly backgroundImage: "colors";
|
|
1324
|
-
readonly blockSize: "sizes";
|
|
1325
|
-
readonly border: "colors";
|
|
1326
|
-
readonly borderBlock: "colors";
|
|
1327
|
-
readonly borderBlockEnd: "colors";
|
|
1328
|
-
readonly borderBlockStart: "colors";
|
|
1329
|
-
readonly borderBottom: "colors";
|
|
1330
|
-
readonly borderBottomColor: "colors";
|
|
1331
|
-
readonly borderBottomLeftRadius: "radii";
|
|
1332
|
-
readonly borderBottomRightRadius: "radii";
|
|
1333
|
-
readonly borderBottomStyle: "border-styles";
|
|
1334
|
-
readonly borderBottomWidth: "border-widths";
|
|
1335
|
-
readonly borderColor: "colors";
|
|
1336
|
-
readonly borderImage: "colors";
|
|
1337
|
-
readonly borderInline: "colors";
|
|
1338
|
-
readonly borderInlineEnd: "colors";
|
|
1339
|
-
readonly borderInlineStart: "colors";
|
|
1340
|
-
readonly borderLeft: "colors";
|
|
1341
|
-
readonly borderLeftColor: "colors";
|
|
1342
|
-
readonly borderLeftStyle: "border-styles";
|
|
1343
|
-
readonly borderLeftWidth: "border-widths";
|
|
1344
|
-
readonly borderRadius: "radii";
|
|
1345
|
-
readonly borderRight: "colors";
|
|
1346
|
-
readonly borderRightColor: "colors";
|
|
1347
|
-
readonly borderRightStyle: "border-styles";
|
|
1348
|
-
readonly borderRightWidth: "border-widths";
|
|
1349
|
-
readonly borderSpacing: "space-offset";
|
|
1350
|
-
readonly borderStyle: "border-styles";
|
|
1351
|
-
readonly borderTop: "colors";
|
|
1352
|
-
readonly borderTopColor: "colors";
|
|
1353
|
-
readonly borderTopLeftRadius: "radii";
|
|
1354
|
-
readonly borderTopRightRadius: "radii";
|
|
1355
|
-
readonly borderTopStyle: "border-styles";
|
|
1356
|
-
readonly borderTopWidth: "border-widths";
|
|
1357
|
-
readonly borderWidth: "border-widths";
|
|
1358
|
-
readonly bottom: "space";
|
|
1359
|
-
readonly boxShadow: "shadows";
|
|
1360
|
-
readonly caretColor: "colors";
|
|
1361
|
-
readonly color: "colors";
|
|
1362
|
-
readonly columnGap: "space-gap";
|
|
1363
|
-
readonly columnRuleColor: "colors";
|
|
1364
|
-
readonly fill: "colors";
|
|
1365
|
-
readonly flexBasis: "sizes";
|
|
1366
|
-
readonly fontFamily: "fonts";
|
|
1367
|
-
readonly fontSize: "font-sizes";
|
|
1368
|
-
readonly fontWeight: "font-weights";
|
|
1369
|
-
readonly gap: "space-gap";
|
|
1370
|
-
readonly gridColumnGap: "space-gap";
|
|
1371
|
-
readonly gridGap: "space-gap";
|
|
1372
|
-
readonly gridRowGap: "space-gap";
|
|
1373
|
-
readonly gridTemplateColumns: "sizes";
|
|
1374
|
-
readonly gridTemplateRows: "sizes";
|
|
1375
|
-
readonly height: "sizes";
|
|
1376
|
-
readonly inlineSize: "sizes";
|
|
1377
|
-
readonly inset: "space-inset";
|
|
1378
|
-
readonly insetBlock: "space-inset";
|
|
1379
|
-
readonly insetBlockEnd: "space-inset";
|
|
1380
|
-
readonly insetBlockStart: "space-inset";
|
|
1381
|
-
readonly insetInline: "space-inset";
|
|
1382
|
-
readonly insetInlineEnd: "space-inset";
|
|
1383
|
-
readonly insetInlineStart: "space-inset";
|
|
1384
|
-
readonly left: "space";
|
|
1385
|
-
readonly letterSpacing: "letter-spacings";
|
|
1386
|
-
readonly lineHeight: "line-heights";
|
|
1387
|
-
readonly margin: "space-offset";
|
|
1388
|
-
readonly marginBlock: "space-offset";
|
|
1389
|
-
readonly marginBlockEnd: "space-offset";
|
|
1390
|
-
readonly marginBlockStart: "space-offset";
|
|
1391
|
-
readonly marginBottom: "space-offset";
|
|
1392
|
-
readonly marginInline: "space-offset";
|
|
1393
|
-
readonly marginInlineEnd: "space-offset";
|
|
1394
|
-
readonly marginInlineStart: "space-offset";
|
|
1395
|
-
readonly marginLeft: "space-offset";
|
|
1396
|
-
readonly marginRight: "space-offset";
|
|
1397
|
-
readonly marginTop: "space-offset";
|
|
1398
|
-
readonly maxBlockSize: "sizes";
|
|
1399
|
-
readonly maxHeight: "sizes";
|
|
1400
|
-
readonly maxInlineSize: "sizes";
|
|
1401
|
-
readonly maxWidth: "sizes";
|
|
1402
|
-
readonly minBlockSize: "sizes";
|
|
1403
|
-
readonly minHeight: "sizes";
|
|
1404
|
-
readonly minInlineSize: "sizes";
|
|
1405
|
-
readonly minWidth: "sizes";
|
|
1406
|
-
readonly outline: "colors";
|
|
1407
|
-
readonly outlineColor: "colors";
|
|
1408
|
-
readonly padding: "space-inset";
|
|
1409
|
-
readonly paddingBlock: "space-inset";
|
|
1410
|
-
readonly paddingBlockEnd: "space-inset";
|
|
1411
|
-
readonly paddingBlockStart: "space-inset";
|
|
1412
|
-
readonly paddingBottom: "space-inset";
|
|
1413
|
-
readonly paddingInline: "space-inset";
|
|
1414
|
-
readonly paddingInlineEnd: "space-inset";
|
|
1415
|
-
readonly paddingInlineStart: "space-inset";
|
|
1416
|
-
readonly paddingLeft: "space-inset";
|
|
1417
|
-
readonly paddingRight: "space-inset";
|
|
1418
|
-
readonly paddingTop: "space-inset";
|
|
1419
|
-
readonly right: "space";
|
|
1420
|
-
readonly rowGap: "space-gap";
|
|
1421
|
-
readonly scrollMargin: "space-offset";
|
|
1422
|
-
readonly scrollMarginBlock: "space-offset";
|
|
1423
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
1424
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
1425
|
-
readonly scrollMarginBottom: "space-offset";
|
|
1426
|
-
readonly scrollMarginInline: "space-offset";
|
|
1427
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
1428
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
1429
|
-
readonly scrollMarginLeft: "space-offset";
|
|
1430
|
-
readonly scrollMarginRight: "space-offset";
|
|
1431
|
-
readonly scrollMarginTop: "space-offset";
|
|
1432
|
-
readonly scrollPadding: "space-inset";
|
|
1433
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
1434
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
1435
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
1436
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
1437
|
-
readonly scrollPaddingInline: "space-inset";
|
|
1438
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
1439
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
1440
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
1441
|
-
readonly scrollPaddingRight: "space-inset";
|
|
1442
|
-
readonly scrollPaddingTop: "space-inset";
|
|
1443
|
-
readonly stroke: "colors";
|
|
1444
|
-
readonly strokeWidth: "stroke-width";
|
|
1445
|
-
readonly textDecorationColor: "colors";
|
|
1446
|
-
readonly textShadow: "shadows";
|
|
1447
|
-
readonly top: "space";
|
|
1448
|
-
readonly transition: "transitions";
|
|
1449
|
-
readonly width: "sizes";
|
|
1450
|
-
readonly zIndex: "z-indices";
|
|
1451
|
-
}, {
|
|
1452
|
-
paddingX: (value: {
|
|
1453
|
-
readonly [$$PropertyValue]: "padding";
|
|
1454
|
-
}) => {
|
|
1455
|
-
paddingLeft: {
|
|
1456
|
-
readonly [$$PropertyValue]: "padding";
|
|
1457
|
-
};
|
|
1458
|
-
paddingRight: {
|
|
1459
|
-
readonly [$$PropertyValue]: "padding";
|
|
1460
|
-
};
|
|
1461
|
-
};
|
|
1462
|
-
paddingY: (value: {
|
|
1463
|
-
readonly [$$PropertyValue]: "padding";
|
|
1464
|
-
}) => {
|
|
1465
|
-
paddingTop: {
|
|
1466
|
-
readonly [$$PropertyValue]: "padding";
|
|
1467
|
-
};
|
|
1468
|
-
paddingBottom: {
|
|
1469
|
-
readonly [$$PropertyValue]: "padding";
|
|
1470
|
-
};
|
|
1471
|
-
};
|
|
1472
|
-
marginX: (value: {
|
|
1473
|
-
readonly [$$PropertyValue]: "margin";
|
|
1474
|
-
}) => {
|
|
1475
|
-
marginLeft: {
|
|
1476
|
-
readonly [$$PropertyValue]: "margin";
|
|
1477
|
-
};
|
|
1478
|
-
marginRight: {
|
|
1479
|
-
readonly [$$PropertyValue]: "margin";
|
|
1480
|
-
};
|
|
1481
|
-
};
|
|
1482
|
-
marginY: (value: {
|
|
1483
|
-
readonly [$$PropertyValue]: "margin";
|
|
1484
|
-
}) => {
|
|
1485
|
-
marginTop: {
|
|
1486
|
-
readonly [$$PropertyValue]: "margin";
|
|
1487
|
-
};
|
|
1488
|
-
marginBottom: {
|
|
1489
|
-
readonly [$$PropertyValue]: "margin";
|
|
1490
|
-
};
|
|
1491
|
-
};
|
|
1492
|
-
square: (value: {
|
|
1493
|
-
readonly [$$PropertyValue]: "width";
|
|
1494
|
-
}) => {
|
|
1495
|
-
width: {
|
|
1496
|
-
readonly [$$PropertyValue]: "width";
|
|
1497
|
-
};
|
|
1498
|
-
height: {
|
|
1499
|
-
readonly [$$PropertyValue]: "width";
|
|
1500
|
-
};
|
|
1501
|
-
};
|
|
1502
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1503
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1504
|
-
};
|
|
1505
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
247
|
+
declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
1506
248
|
declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
|
|
1507
249
|
|
|
1508
250
|
interface ItemProps extends StyledItemProps {
|
|
@@ -1521,6 +263,10 @@ interface ItemProps extends StyledItemProps {
|
|
|
1521
263
|
* complex, or you have non-textual content inside.
|
|
1522
264
|
*/
|
|
1523
265
|
textValue?: string;
|
|
266
|
+
/**
|
|
267
|
+
* Item's content.
|
|
268
|
+
*/
|
|
269
|
+
children?: ReactNode;
|
|
1524
270
|
}
|
|
1525
271
|
declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1526
272
|
|
|
@@ -1532,1488 +278,115 @@ interface PortalProps extends PopoverPortalProps {
|
|
|
1532
278
|
}
|
|
1533
279
|
declare const Portal: react__default.FC<PortalProps>;
|
|
1534
280
|
|
|
1535
|
-
declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<
|
|
1536
|
-
'border-widths': {
|
|
1537
|
-
readonly none: 0;
|
|
1538
|
-
readonly sm: "1px";
|
|
1539
|
-
readonly md: "2px";
|
|
1540
|
-
readonly lg: "4px";
|
|
1541
|
-
};
|
|
1542
|
-
colors: {
|
|
1543
|
-
readonly black: any;
|
|
1544
|
-
readonly 'blue-100': any;
|
|
1545
|
-
readonly 'blue-200': any;
|
|
1546
|
-
readonly 'blue-300': any;
|
|
1547
|
-
readonly 'blue-400': any;
|
|
1548
|
-
readonly 'blue-500': any;
|
|
1549
|
-
readonly 'blue-600': any;
|
|
1550
|
-
readonly 'blue-700': any;
|
|
1551
|
-
readonly 'blue-800': any;
|
|
1552
|
-
readonly 'blue-900': any;
|
|
1553
|
-
readonly 'blue-1000': any;
|
|
1554
|
-
readonly 'gray-100': any;
|
|
1555
|
-
readonly 'gray-200': any;
|
|
1556
|
-
readonly 'gray-300': any;
|
|
1557
|
-
readonly 'gray-400': any;
|
|
1558
|
-
readonly 'gray-500': any;
|
|
1559
|
-
readonly 'gray-600': any;
|
|
1560
|
-
readonly 'gray-700': any;
|
|
1561
|
-
readonly 'gray-800': any;
|
|
1562
|
-
readonly 'gray-900': any;
|
|
1563
|
-
readonly 'green-100': any;
|
|
1564
|
-
readonly 'green-200': any;
|
|
1565
|
-
readonly 'green-300': any;
|
|
1566
|
-
readonly 'green-400': any;
|
|
1567
|
-
readonly 'green-500': any;
|
|
1568
|
-
readonly 'green-600': any;
|
|
1569
|
-
readonly 'green-700': any;
|
|
1570
|
-
readonly 'green-800': any;
|
|
1571
|
-
readonly 'green-900': any;
|
|
1572
|
-
readonly 'indigo-100': any;
|
|
1573
|
-
readonly 'indigo-200': any;
|
|
1574
|
-
readonly 'indigo-300': any;
|
|
1575
|
-
readonly 'indigo-400': any;
|
|
1576
|
-
readonly 'indigo-500': any;
|
|
1577
|
-
readonly 'indigo-600': any;
|
|
1578
|
-
readonly 'indigo-700': any;
|
|
1579
|
-
readonly 'indigo-800': any;
|
|
1580
|
-
readonly 'indigo-900': any;
|
|
1581
|
-
readonly 'red-100': any;
|
|
1582
|
-
readonly 'red-200': any;
|
|
1583
|
-
readonly 'red-300': any;
|
|
1584
|
-
readonly 'red-400': any;
|
|
1585
|
-
readonly 'red-500': any;
|
|
1586
|
-
readonly 'red-600': any;
|
|
1587
|
-
readonly 'red-700': any;
|
|
1588
|
-
readonly 'red-800': any;
|
|
1589
|
-
readonly 'red-900': any;
|
|
1590
|
-
readonly transparent: any;
|
|
1591
|
-
readonly white: any;
|
|
1592
|
-
readonly 'yellow-100': any;
|
|
1593
|
-
readonly 'yellow-200': any;
|
|
1594
|
-
readonly 'yellow-300': any;
|
|
1595
|
-
readonly 'yellow-400': any;
|
|
1596
|
-
readonly 'yellow-500': any;
|
|
1597
|
-
readonly 'yellow-600': any;
|
|
1598
|
-
readonly 'yellow-700': any;
|
|
1599
|
-
readonly 'yellow-800': any;
|
|
1600
|
-
readonly 'yellow-900': any;
|
|
1601
|
-
"background-alpha-active"?: any;
|
|
1602
|
-
"background-alpha-hover"?: any;
|
|
1603
|
-
"background-danger-prominent"?: any;
|
|
1604
|
-
"background-danger-prominent-active"?: any;
|
|
1605
|
-
"background-danger-prominent-hover"?: any;
|
|
1606
|
-
"background-danger-subtle"?: any;
|
|
1607
|
-
"background-danger-subtle-active"?: any;
|
|
1608
|
-
"background-danger-subtle-hover"?: any;
|
|
1609
|
-
"background-neutrals"?: any;
|
|
1610
|
-
"background-neutrals-active"?: any;
|
|
1611
|
-
"background-neutrals-container"?: any;
|
|
1612
|
-
"background-neutrals-controls-disabled"?: any;
|
|
1613
|
-
"background-neutrals-disabled"?: any;
|
|
1614
|
-
"background-neutrals-hover"?: any;
|
|
1615
|
-
"background-neutrals-inactive"?: any;
|
|
1616
|
-
"background-neutrals-inactive-hover"?: any;
|
|
1617
|
-
"background-neutrals-inverted"?: any;
|
|
1618
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
1619
|
-
"background-neutrals-page"?: any;
|
|
1620
|
-
"background-neutrals-page-subtle"?: any;
|
|
1621
|
-
"background-neutrals-scrolls"?: any;
|
|
1622
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
1623
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
1624
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1625
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1626
|
-
"background-neutrals-subtle"?: any;
|
|
1627
|
-
"background-neutrals-subtle-active"?: any;
|
|
1628
|
-
"background-neutrals-subtle-hover"?: any;
|
|
1629
|
-
"background-primary-prominent"?: any;
|
|
1630
|
-
"background-primary-prominent-active"?: any;
|
|
1631
|
-
"background-primary-prominent-expanded"?: any;
|
|
1632
|
-
"background-primary-prominent-hover"?: any;
|
|
1633
|
-
"background-primary-prominent-pressed"?: any;
|
|
1634
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1635
|
-
"background-primary-prominent-selected"?: any;
|
|
1636
|
-
"background-primary-subtle"?: any;
|
|
1637
|
-
"background-primary-subtle-active"?: any;
|
|
1638
|
-
"background-primary-subtle-expanded"?: any;
|
|
1639
|
-
"background-primary-subtle-hover"?: any;
|
|
1640
|
-
"background-primary-subtle-pressed"?: any;
|
|
1641
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1642
|
-
"background-primary-subtle-selected"?: any;
|
|
1643
|
-
"background-success"?: any;
|
|
1644
|
-
"background-success-prominent"?: any;
|
|
1645
|
-
"background-success-prominent-active"?: any;
|
|
1646
|
-
"background-success-prominent-hover"?: any;
|
|
1647
|
-
"background-warning-prominent"?: any;
|
|
1648
|
-
"background-warning-subtle"?: any;
|
|
1649
|
-
"border-danger"?: any;
|
|
1650
|
-
"border-danger-active"?: any;
|
|
1651
|
-
"border-danger-hover"?: any;
|
|
1652
|
-
"border-focus-inner"?: any;
|
|
1653
|
-
"border-focus-middle"?: any;
|
|
1654
|
-
"border-focus-outer"?: any;
|
|
1655
|
-
"border-neutrals"?: any;
|
|
1656
|
-
"border-neutrals-active"?: any;
|
|
1657
|
-
"border-neutrals-controls"?: any;
|
|
1658
|
-
"border-neutrals-controls-disabled"?: any;
|
|
1659
|
-
"border-neutrals-disabled"?: any;
|
|
1660
|
-
"border-neutrals-hover"?: any;
|
|
1661
|
-
"border-neutrals-inverted"?: any;
|
|
1662
|
-
"border-neutrals-subtle"?: any;
|
|
1663
|
-
"border-neutrals-text"?: any;
|
|
1664
|
-
"border-neutrals-text-active"?: any;
|
|
1665
|
-
"border-neutrals-text-hover"?: any;
|
|
1666
|
-
"border-neutrals-text-subtle"?: any;
|
|
1667
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
1668
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
1669
|
-
"border-neutrals-transparent"?: any;
|
|
1670
|
-
"border-primary"?: any;
|
|
1671
|
-
"border-primary-active"?: any;
|
|
1672
|
-
"border-primary-hover"?: any;
|
|
1673
|
-
"border-primary-inverted"?: any;
|
|
1674
|
-
"border-success"?: any;
|
|
1675
|
-
"border-success-active"?: any;
|
|
1676
|
-
"border-success-hover"?: any;
|
|
1677
|
-
"border-warning"?: any;
|
|
1678
|
-
"icon-danger"?: any;
|
|
1679
|
-
"icon-danger-active"?: any;
|
|
1680
|
-
"icon-danger-hover"?: any;
|
|
1681
|
-
"icon-danger-inverted"?: any;
|
|
1682
|
-
"icon-neutrals"?: any;
|
|
1683
|
-
"icon-neutrals-disabled"?: any;
|
|
1684
|
-
"icon-neutrals-inactive"?: any;
|
|
1685
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
1686
|
-
"icon-neutrals-inverted"?: any;
|
|
1687
|
-
"icon-neutrals-search"?: any;
|
|
1688
|
-
"icon-neutrals-subtle"?: any;
|
|
1689
|
-
"icon-neutrals-text"?: any;
|
|
1690
|
-
"icon-primary"?: any;
|
|
1691
|
-
"icon-primary-active"?: any;
|
|
1692
|
-
"icon-primary-hover"?: any;
|
|
1693
|
-
"icon-primary-inverted"?: any;
|
|
1694
|
-
"icon-primary-selected"?: any;
|
|
1695
|
-
"icon-success"?: any;
|
|
1696
|
-
"icon-success-active"?: any;
|
|
1697
|
-
"icon-success-hover"?: any;
|
|
1698
|
-
"icon-success-inverted"?: any;
|
|
1699
|
-
"icon-warning"?: any;
|
|
1700
|
-
"icon-warning-prominent"?: any;
|
|
1701
|
-
"icon-warning-subtle"?: any;
|
|
1702
|
-
"text-danger"?: any;
|
|
1703
|
-
"text-danger-active"?: any;
|
|
1704
|
-
"text-danger-hover"?: any;
|
|
1705
|
-
"text-danger-inverted"?: any;
|
|
1706
|
-
"text-neutrals"?: any;
|
|
1707
|
-
"text-neutrals-active"?: any;
|
|
1708
|
-
"text-neutrals-disabled"?: any;
|
|
1709
|
-
"text-neutrals-hover"?: any;
|
|
1710
|
-
"text-neutrals-inverted"?: any;
|
|
1711
|
-
"text-neutrals-placeholder"?: any;
|
|
1712
|
-
"text-neutrals-placeholder-only"?: any;
|
|
1713
|
-
"text-neutrals-subtle"?: any;
|
|
1714
|
-
"text-neutrals-subtle-active"?: any;
|
|
1715
|
-
"text-neutrals-subtle-hover"?: any;
|
|
1716
|
-
"text-primary"?: any;
|
|
1717
|
-
"text-primary-active"?: any;
|
|
1718
|
-
"text-primary-hover"?: any;
|
|
1719
|
-
"text-primary-inverted"?: any;
|
|
1720
|
-
"text-primary-inverted-subtle"?: any;
|
|
1721
|
-
"text-primary-selected"?: any;
|
|
1722
|
-
"text-success"?: any;
|
|
1723
|
-
"text-success-active"?: any;
|
|
1724
|
-
"text-success-hover"?: any;
|
|
1725
|
-
"text-success-inverted"?: any;
|
|
1726
|
-
"text-warning"?: any;
|
|
1727
|
-
"text-warning-subtle"?: any;
|
|
1728
|
-
};
|
|
1729
|
-
'font-sizes': {
|
|
1730
|
-
readonly 150: "0.75rem";
|
|
1731
|
-
readonly 175: "0.875rem";
|
|
1732
|
-
readonly 200: "1rem";
|
|
1733
|
-
readonly 225: "1.125rem";
|
|
1734
|
-
readonly 250: "1.25rem";
|
|
1735
|
-
readonly 300: "1.5rem";
|
|
1736
|
-
readonly 400: "2rem";
|
|
1737
|
-
readonly 500: "2.5rem";
|
|
1738
|
-
readonly 600: "3rem";
|
|
1739
|
-
readonly 800: "4rem";
|
|
1740
|
-
readonly 900: "4.5rem";
|
|
1741
|
-
};
|
|
1742
|
-
fonts: {
|
|
1743
|
-
readonly heading: "Roobert, sans-serif";
|
|
1744
|
-
readonly body: "Open Sans, sans-serif";
|
|
1745
|
-
};
|
|
1746
|
-
radii: {
|
|
1747
|
-
readonly none: 0;
|
|
1748
|
-
readonly half: "999em";
|
|
1749
|
-
readonly 25: "2px";
|
|
1750
|
-
readonly 50: "4px";
|
|
1751
|
-
readonly 75: "6px";
|
|
1752
|
-
readonly 100: "8px";
|
|
1753
|
-
readonly 200: "16px";
|
|
1754
|
-
};
|
|
1755
|
-
shadows: {
|
|
1756
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
1757
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
1758
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
1759
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
1760
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
1761
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
1762
|
-
};
|
|
1763
|
-
sizes: {
|
|
1764
|
-
readonly number: string;
|
|
1765
|
-
readonly 'icon-200': "16px";
|
|
1766
|
-
readonly 'icon-300': "24px";
|
|
1767
|
-
readonly 'icon-400': "32px";
|
|
1768
|
-
};
|
|
1769
|
-
space: {
|
|
1770
|
-
readonly 0: "0px";
|
|
1771
|
-
readonly 25: "2px";
|
|
1772
|
-
readonly 50: "4px";
|
|
1773
|
-
readonly 100: "8px";
|
|
1774
|
-
readonly 150: "12px";
|
|
1775
|
-
readonly 200: "16px";
|
|
1776
|
-
readonly 300: "24px";
|
|
1777
|
-
readonly 400: "32px";
|
|
1778
|
-
readonly 500: "40px";
|
|
1779
|
-
readonly 600: "48px";
|
|
1780
|
-
readonly 700: "56px";
|
|
1781
|
-
readonly 800: "64px";
|
|
1782
|
-
readonly 1200: "96px";
|
|
1783
|
-
readonly 1600: "128px";
|
|
1784
|
-
};
|
|
1785
|
-
'space-gap': {
|
|
1786
|
-
readonly 0: any;
|
|
1787
|
-
readonly 50: any;
|
|
1788
|
-
readonly 100: any;
|
|
1789
|
-
readonly 200: any;
|
|
1790
|
-
readonly 300: any;
|
|
1791
|
-
};
|
|
1792
|
-
'space-inset': {
|
|
1793
|
-
readonly 0: any;
|
|
1794
|
-
readonly 50: any;
|
|
1795
|
-
readonly 100: any;
|
|
1796
|
-
readonly 150: any;
|
|
1797
|
-
readonly 200: any;
|
|
1798
|
-
readonly 300: any;
|
|
1799
|
-
readonly 400: any;
|
|
1800
|
-
readonly 500: any;
|
|
1801
|
-
readonly 600: any;
|
|
1802
|
-
readonly 700: any;
|
|
1803
|
-
readonly 800: any;
|
|
1804
|
-
readonly 1200: any;
|
|
1805
|
-
readonly 1600: any;
|
|
1806
|
-
};
|
|
1807
|
-
'space-offset': {
|
|
1808
|
-
readonly 0: any;
|
|
1809
|
-
readonly 50: any;
|
|
1810
|
-
readonly 100: any;
|
|
1811
|
-
readonly 150: any;
|
|
1812
|
-
readonly 200: any;
|
|
1813
|
-
readonly 300: any;
|
|
1814
|
-
readonly 400: any;
|
|
1815
|
-
readonly 600: any;
|
|
1816
|
-
readonly 800: any;
|
|
1817
|
-
readonly 1200: any;
|
|
1818
|
-
readonly 1600: any;
|
|
1819
|
-
readonly 'stacking-0': any;
|
|
1820
|
-
readonly 'stacking-100': any;
|
|
1821
|
-
readonly 'stacking-200': any;
|
|
1822
|
-
readonly 'stacking-300': any;
|
|
1823
|
-
readonly 'stacking-400': any;
|
|
1824
|
-
readonly 'stacking-500': any;
|
|
1825
|
-
readonly 'stacking-800': any;
|
|
1826
|
-
};
|
|
1827
|
-
'stroke-width': {
|
|
1828
|
-
readonly thin: "1.5px";
|
|
1829
|
-
readonly normal: "2px";
|
|
1830
|
-
readonly bold: "4px";
|
|
1831
|
-
};
|
|
1832
|
-
'z-indices': {
|
|
1833
|
-
readonly dropdownMenu: 100;
|
|
1834
|
-
readonly select: 200;
|
|
1835
|
-
readonly popover: 300;
|
|
1836
|
-
readonly tooltip: 400;
|
|
1837
|
-
};
|
|
1838
|
-
}, {
|
|
1839
|
-
readonly background: "colors";
|
|
1840
|
-
readonly backgroundColor: "colors";
|
|
1841
|
-
readonly backgroundImage: "colors";
|
|
1842
|
-
readonly blockSize: "sizes";
|
|
1843
|
-
readonly border: "colors";
|
|
1844
|
-
readonly borderBlock: "colors";
|
|
1845
|
-
readonly borderBlockEnd: "colors";
|
|
1846
|
-
readonly borderBlockStart: "colors";
|
|
1847
|
-
readonly borderBottom: "colors";
|
|
1848
|
-
readonly borderBottomColor: "colors";
|
|
1849
|
-
readonly borderBottomLeftRadius: "radii";
|
|
1850
|
-
readonly borderBottomRightRadius: "radii";
|
|
1851
|
-
readonly borderBottomStyle: "border-styles";
|
|
1852
|
-
readonly borderBottomWidth: "border-widths";
|
|
1853
|
-
readonly borderColor: "colors";
|
|
1854
|
-
readonly borderImage: "colors";
|
|
1855
|
-
readonly borderInline: "colors";
|
|
1856
|
-
readonly borderInlineEnd: "colors";
|
|
1857
|
-
readonly borderInlineStart: "colors";
|
|
1858
|
-
readonly borderLeft: "colors";
|
|
1859
|
-
readonly borderLeftColor: "colors";
|
|
1860
|
-
readonly borderLeftStyle: "border-styles";
|
|
1861
|
-
readonly borderLeftWidth: "border-widths";
|
|
1862
|
-
readonly borderRadius: "radii";
|
|
1863
|
-
readonly borderRight: "colors";
|
|
1864
|
-
readonly borderRightColor: "colors";
|
|
1865
|
-
readonly borderRightStyle: "border-styles";
|
|
1866
|
-
readonly borderRightWidth: "border-widths";
|
|
1867
|
-
readonly borderSpacing: "space-offset";
|
|
1868
|
-
readonly borderStyle: "border-styles";
|
|
1869
|
-
readonly borderTop: "colors";
|
|
1870
|
-
readonly borderTopColor: "colors";
|
|
1871
|
-
readonly borderTopLeftRadius: "radii";
|
|
1872
|
-
readonly borderTopRightRadius: "radii";
|
|
1873
|
-
readonly borderTopStyle: "border-styles";
|
|
1874
|
-
readonly borderTopWidth: "border-widths";
|
|
1875
|
-
readonly borderWidth: "border-widths";
|
|
1876
|
-
readonly bottom: "space";
|
|
1877
|
-
readonly boxShadow: "shadows";
|
|
1878
|
-
readonly caretColor: "colors";
|
|
1879
|
-
readonly color: "colors";
|
|
1880
|
-
readonly columnGap: "space-gap";
|
|
1881
|
-
readonly columnRuleColor: "colors";
|
|
1882
|
-
readonly fill: "colors";
|
|
1883
|
-
readonly flexBasis: "sizes";
|
|
1884
|
-
readonly fontFamily: "fonts";
|
|
1885
|
-
readonly fontSize: "font-sizes";
|
|
1886
|
-
readonly fontWeight: "font-weights";
|
|
1887
|
-
readonly gap: "space-gap";
|
|
1888
|
-
readonly gridColumnGap: "space-gap";
|
|
1889
|
-
readonly gridGap: "space-gap";
|
|
1890
|
-
readonly gridRowGap: "space-gap";
|
|
1891
|
-
readonly gridTemplateColumns: "sizes";
|
|
1892
|
-
readonly gridTemplateRows: "sizes";
|
|
1893
|
-
readonly height: "sizes";
|
|
1894
|
-
readonly inlineSize: "sizes";
|
|
1895
|
-
readonly inset: "space-inset";
|
|
1896
|
-
readonly insetBlock: "space-inset";
|
|
1897
|
-
readonly insetBlockEnd: "space-inset";
|
|
1898
|
-
readonly insetBlockStart: "space-inset";
|
|
1899
|
-
readonly insetInline: "space-inset";
|
|
1900
|
-
readonly insetInlineEnd: "space-inset";
|
|
1901
|
-
readonly insetInlineStart: "space-inset";
|
|
1902
|
-
readonly left: "space";
|
|
1903
|
-
readonly letterSpacing: "letter-spacings";
|
|
1904
|
-
readonly lineHeight: "line-heights";
|
|
1905
|
-
readonly margin: "space-offset";
|
|
1906
|
-
readonly marginBlock: "space-offset";
|
|
1907
|
-
readonly marginBlockEnd: "space-offset";
|
|
1908
|
-
readonly marginBlockStart: "space-offset";
|
|
1909
|
-
readonly marginBottom: "space-offset";
|
|
1910
|
-
readonly marginInline: "space-offset";
|
|
1911
|
-
readonly marginInlineEnd: "space-offset";
|
|
1912
|
-
readonly marginInlineStart: "space-offset";
|
|
1913
|
-
readonly marginLeft: "space-offset";
|
|
1914
|
-
readonly marginRight: "space-offset";
|
|
1915
|
-
readonly marginTop: "space-offset";
|
|
1916
|
-
readonly maxBlockSize: "sizes";
|
|
1917
|
-
readonly maxHeight: "sizes";
|
|
1918
|
-
readonly maxInlineSize: "sizes";
|
|
1919
|
-
readonly maxWidth: "sizes";
|
|
1920
|
-
readonly minBlockSize: "sizes";
|
|
1921
|
-
readonly minHeight: "sizes";
|
|
1922
|
-
readonly minInlineSize: "sizes";
|
|
1923
|
-
readonly minWidth: "sizes";
|
|
1924
|
-
readonly outline: "colors";
|
|
1925
|
-
readonly outlineColor: "colors";
|
|
1926
|
-
readonly padding: "space-inset";
|
|
1927
|
-
readonly paddingBlock: "space-inset";
|
|
1928
|
-
readonly paddingBlockEnd: "space-inset";
|
|
1929
|
-
readonly paddingBlockStart: "space-inset";
|
|
1930
|
-
readonly paddingBottom: "space-inset";
|
|
1931
|
-
readonly paddingInline: "space-inset";
|
|
1932
|
-
readonly paddingInlineEnd: "space-inset";
|
|
1933
|
-
readonly paddingInlineStart: "space-inset";
|
|
1934
|
-
readonly paddingLeft: "space-inset";
|
|
1935
|
-
readonly paddingRight: "space-inset";
|
|
1936
|
-
readonly paddingTop: "space-inset";
|
|
1937
|
-
readonly right: "space";
|
|
1938
|
-
readonly rowGap: "space-gap";
|
|
1939
|
-
readonly scrollMargin: "space-offset";
|
|
1940
|
-
readonly scrollMarginBlock: "space-offset";
|
|
1941
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
1942
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
1943
|
-
readonly scrollMarginBottom: "space-offset";
|
|
1944
|
-
readonly scrollMarginInline: "space-offset";
|
|
1945
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
1946
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
1947
|
-
readonly scrollMarginLeft: "space-offset";
|
|
1948
|
-
readonly scrollMarginRight: "space-offset";
|
|
1949
|
-
readonly scrollMarginTop: "space-offset";
|
|
1950
|
-
readonly scrollPadding: "space-inset";
|
|
1951
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
1952
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
1953
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
1954
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
1955
|
-
readonly scrollPaddingInline: "space-inset";
|
|
1956
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
1957
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
1958
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
1959
|
-
readonly scrollPaddingRight: "space-inset";
|
|
1960
|
-
readonly scrollPaddingTop: "space-inset";
|
|
1961
|
-
readonly stroke: "colors";
|
|
1962
|
-
readonly strokeWidth: "stroke-width";
|
|
1963
|
-
readonly textDecorationColor: "colors";
|
|
1964
|
-
readonly textShadow: "shadows";
|
|
1965
|
-
readonly top: "space";
|
|
1966
|
-
readonly transition: "transitions";
|
|
1967
|
-
readonly width: "sizes";
|
|
1968
|
-
readonly zIndex: "z-indices";
|
|
1969
|
-
}, {
|
|
1970
|
-
paddingX: (value: {
|
|
1971
|
-
readonly [$$PropertyValue]: "padding";
|
|
1972
|
-
}) => {
|
|
1973
|
-
paddingLeft: {
|
|
1974
|
-
readonly [$$PropertyValue]: "padding";
|
|
1975
|
-
};
|
|
1976
|
-
paddingRight: {
|
|
1977
|
-
readonly [$$PropertyValue]: "padding";
|
|
1978
|
-
};
|
|
1979
|
-
};
|
|
1980
|
-
paddingY: (value: {
|
|
1981
|
-
readonly [$$PropertyValue]: "padding";
|
|
1982
|
-
}) => {
|
|
1983
|
-
paddingTop: {
|
|
1984
|
-
readonly [$$PropertyValue]: "padding";
|
|
1985
|
-
};
|
|
1986
|
-
paddingBottom: {
|
|
1987
|
-
readonly [$$PropertyValue]: "padding";
|
|
1988
|
-
};
|
|
1989
|
-
};
|
|
1990
|
-
marginX: (value: {
|
|
1991
|
-
readonly [$$PropertyValue]: "margin";
|
|
1992
|
-
}) => {
|
|
1993
|
-
marginLeft: {
|
|
1994
|
-
readonly [$$PropertyValue]: "margin";
|
|
1995
|
-
};
|
|
1996
|
-
marginRight: {
|
|
1997
|
-
readonly [$$PropertyValue]: "margin";
|
|
1998
|
-
};
|
|
1999
|
-
};
|
|
2000
|
-
marginY: (value: {
|
|
2001
|
-
readonly [$$PropertyValue]: "margin";
|
|
2002
|
-
}) => {
|
|
2003
|
-
marginTop: {
|
|
2004
|
-
readonly [$$PropertyValue]: "margin";
|
|
2005
|
-
};
|
|
2006
|
-
marginBottom: {
|
|
2007
|
-
readonly [$$PropertyValue]: "margin";
|
|
2008
|
-
};
|
|
2009
|
-
};
|
|
2010
|
-
square: (value: {
|
|
2011
|
-
readonly [$$PropertyValue]: "width";
|
|
2012
|
-
}) => {
|
|
2013
|
-
width: {
|
|
2014
|
-
readonly [$$PropertyValue]: "width";
|
|
2015
|
-
};
|
|
2016
|
-
height: {
|
|
2017
|
-
readonly [$$PropertyValue]: "width";
|
|
2018
|
-
};
|
|
2019
|
-
};
|
|
2020
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2021
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2022
|
-
};
|
|
2023
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
281
|
+
declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
2024
282
|
declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
|
|
2025
283
|
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
284
|
+
declare type GroupProps = StyledGroupProps;
|
|
285
|
+
declare const Group: react__default.ForwardRefExoticComponent<Omit<StyledGroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2029
286
|
|
|
2030
|
-
declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<
|
|
2031
|
-
'border-widths': {
|
|
2032
|
-
readonly none: 0;
|
|
2033
|
-
readonly sm: "1px";
|
|
2034
|
-
readonly md: "2px";
|
|
2035
|
-
readonly lg: "4px";
|
|
2036
|
-
};
|
|
2037
|
-
colors: {
|
|
2038
|
-
readonly black: any;
|
|
2039
|
-
readonly 'blue-100': any;
|
|
2040
|
-
readonly 'blue-200': any;
|
|
2041
|
-
readonly 'blue-300': any;
|
|
2042
|
-
readonly 'blue-400': any;
|
|
2043
|
-
readonly 'blue-500': any;
|
|
2044
|
-
readonly 'blue-600': any;
|
|
2045
|
-
readonly 'blue-700': any;
|
|
2046
|
-
readonly 'blue-800': any;
|
|
2047
|
-
readonly 'blue-900': any;
|
|
2048
|
-
readonly 'blue-1000': any;
|
|
2049
|
-
readonly 'gray-100': any;
|
|
2050
|
-
readonly 'gray-200': any;
|
|
2051
|
-
readonly 'gray-300': any;
|
|
2052
|
-
readonly 'gray-400': any;
|
|
2053
|
-
readonly 'gray-500': any;
|
|
2054
|
-
readonly 'gray-600': any;
|
|
2055
|
-
readonly 'gray-700': any;
|
|
2056
|
-
readonly 'gray-800': any;
|
|
2057
|
-
readonly 'gray-900': any;
|
|
2058
|
-
readonly 'green-100': any;
|
|
2059
|
-
readonly 'green-200': any;
|
|
2060
|
-
readonly 'green-300': any;
|
|
2061
|
-
readonly 'green-400': any;
|
|
2062
|
-
readonly 'green-500': any;
|
|
2063
|
-
readonly 'green-600': any;
|
|
2064
|
-
readonly 'green-700': any;
|
|
2065
|
-
readonly 'green-800': any;
|
|
2066
|
-
readonly 'green-900': any;
|
|
2067
|
-
readonly 'indigo-100': any;
|
|
2068
|
-
readonly 'indigo-200': any;
|
|
2069
|
-
readonly 'indigo-300': any;
|
|
2070
|
-
readonly 'indigo-400': any;
|
|
2071
|
-
readonly 'indigo-500': any;
|
|
2072
|
-
readonly 'indigo-600': any;
|
|
2073
|
-
readonly 'indigo-700': any;
|
|
2074
|
-
readonly 'indigo-800': any;
|
|
2075
|
-
readonly 'indigo-900': any;
|
|
2076
|
-
readonly 'red-100': any;
|
|
2077
|
-
readonly 'red-200': any;
|
|
2078
|
-
readonly 'red-300': any;
|
|
2079
|
-
readonly 'red-400': any;
|
|
2080
|
-
readonly 'red-500': any;
|
|
2081
|
-
readonly 'red-600': any;
|
|
2082
|
-
readonly 'red-700': any;
|
|
2083
|
-
readonly 'red-800': any;
|
|
2084
|
-
readonly 'red-900': any;
|
|
2085
|
-
readonly transparent: any;
|
|
2086
|
-
readonly white: any;
|
|
2087
|
-
readonly 'yellow-100': any;
|
|
2088
|
-
readonly 'yellow-200': any;
|
|
2089
|
-
readonly 'yellow-300': any;
|
|
2090
|
-
readonly 'yellow-400': any;
|
|
2091
|
-
readonly 'yellow-500': any;
|
|
2092
|
-
readonly 'yellow-600': any;
|
|
2093
|
-
readonly 'yellow-700': any;
|
|
2094
|
-
readonly 'yellow-800': any;
|
|
2095
|
-
readonly 'yellow-900': any;
|
|
2096
|
-
"background-alpha-active"?: any;
|
|
2097
|
-
"background-alpha-hover"?: any;
|
|
2098
|
-
"background-danger-prominent"?: any;
|
|
2099
|
-
"background-danger-prominent-active"?: any;
|
|
2100
|
-
"background-danger-prominent-hover"?: any;
|
|
2101
|
-
"background-danger-subtle"?: any;
|
|
2102
|
-
"background-danger-subtle-active"?: any;
|
|
2103
|
-
"background-danger-subtle-hover"?: any;
|
|
2104
|
-
"background-neutrals"?: any;
|
|
2105
|
-
"background-neutrals-active"?: any;
|
|
2106
|
-
"background-neutrals-container"?: any;
|
|
2107
|
-
"background-neutrals-controls-disabled"?: any;
|
|
2108
|
-
"background-neutrals-disabled"?: any;
|
|
2109
|
-
"background-neutrals-hover"?: any;
|
|
2110
|
-
"background-neutrals-inactive"?: any;
|
|
2111
|
-
"background-neutrals-inactive-hover"?: any;
|
|
2112
|
-
"background-neutrals-inverted"?: any;
|
|
2113
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
2114
|
-
"background-neutrals-page"?: any;
|
|
2115
|
-
"background-neutrals-page-subtle"?: any;
|
|
2116
|
-
"background-neutrals-scrolls"?: any;
|
|
2117
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
2118
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
2119
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
2120
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2121
|
-
"background-neutrals-subtle"?: any;
|
|
2122
|
-
"background-neutrals-subtle-active"?: any;
|
|
2123
|
-
"background-neutrals-subtle-hover"?: any;
|
|
2124
|
-
"background-primary-prominent"?: any;
|
|
2125
|
-
"background-primary-prominent-active"?: any;
|
|
2126
|
-
"background-primary-prominent-expanded"?: any;
|
|
2127
|
-
"background-primary-prominent-hover"?: any;
|
|
2128
|
-
"background-primary-prominent-pressed"?: any;
|
|
2129
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
2130
|
-
"background-primary-prominent-selected"?: any;
|
|
2131
|
-
"background-primary-subtle"?: any;
|
|
2132
|
-
"background-primary-subtle-active"?: any;
|
|
2133
|
-
"background-primary-subtle-expanded"?: any;
|
|
2134
|
-
"background-primary-subtle-hover"?: any;
|
|
2135
|
-
"background-primary-subtle-pressed"?: any;
|
|
2136
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
2137
|
-
"background-primary-subtle-selected"?: any;
|
|
2138
|
-
"background-success"?: any;
|
|
2139
|
-
"background-success-prominent"?: any;
|
|
2140
|
-
"background-success-prominent-active"?: any;
|
|
2141
|
-
"background-success-prominent-hover"?: any;
|
|
2142
|
-
"background-warning-prominent"?: any;
|
|
2143
|
-
"background-warning-subtle"?: any;
|
|
2144
|
-
"border-danger"?: any;
|
|
2145
|
-
"border-danger-active"?: any;
|
|
2146
|
-
"border-danger-hover"?: any;
|
|
2147
|
-
"border-focus-inner"?: any;
|
|
2148
|
-
"border-focus-middle"?: any;
|
|
2149
|
-
"border-focus-outer"?: any;
|
|
2150
|
-
"border-neutrals"?: any;
|
|
2151
|
-
"border-neutrals-active"?: any;
|
|
2152
|
-
"border-neutrals-controls"?: any;
|
|
2153
|
-
"border-neutrals-controls-disabled"?: any;
|
|
2154
|
-
"border-neutrals-disabled"?: any;
|
|
2155
|
-
"border-neutrals-hover"?: any;
|
|
2156
|
-
"border-neutrals-inverted"?: any;
|
|
2157
|
-
"border-neutrals-subtle"?: any;
|
|
2158
|
-
"border-neutrals-text"?: any;
|
|
2159
|
-
"border-neutrals-text-active"?: any;
|
|
2160
|
-
"border-neutrals-text-hover"?: any;
|
|
2161
|
-
"border-neutrals-text-subtle"?: any;
|
|
2162
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
2163
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
2164
|
-
"border-neutrals-transparent"?: any;
|
|
2165
|
-
"border-primary"?: any;
|
|
2166
|
-
"border-primary-active"?: any;
|
|
2167
|
-
"border-primary-hover"?: any;
|
|
2168
|
-
"border-primary-inverted"?: any;
|
|
2169
|
-
"border-success"?: any;
|
|
2170
|
-
"border-success-active"?: any;
|
|
2171
|
-
"border-success-hover"?: any;
|
|
2172
|
-
"border-warning"?: any;
|
|
2173
|
-
"icon-danger"?: any;
|
|
2174
|
-
"icon-danger-active"?: any;
|
|
2175
|
-
"icon-danger-hover"?: any;
|
|
2176
|
-
"icon-danger-inverted"?: any;
|
|
2177
|
-
"icon-neutrals"?: any;
|
|
2178
|
-
"icon-neutrals-disabled"?: any;
|
|
2179
|
-
"icon-neutrals-inactive"?: any;
|
|
2180
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
2181
|
-
"icon-neutrals-inverted"?: any;
|
|
2182
|
-
"icon-neutrals-search"?: any;
|
|
2183
|
-
"icon-neutrals-subtle"?: any;
|
|
2184
|
-
"icon-neutrals-text"?: any;
|
|
2185
|
-
"icon-primary"?: any;
|
|
2186
|
-
"icon-primary-active"?: any;
|
|
2187
|
-
"icon-primary-hover"?: any;
|
|
2188
|
-
"icon-primary-inverted"?: any;
|
|
2189
|
-
"icon-primary-selected"?: any;
|
|
2190
|
-
"icon-success"?: any;
|
|
2191
|
-
"icon-success-active"?: any;
|
|
2192
|
-
"icon-success-hover"?: any;
|
|
2193
|
-
"icon-success-inverted"?: any;
|
|
2194
|
-
"icon-warning"?: any;
|
|
2195
|
-
"icon-warning-prominent"?: any;
|
|
2196
|
-
"icon-warning-subtle"?: any;
|
|
2197
|
-
"text-danger"?: any;
|
|
2198
|
-
"text-danger-active"?: any;
|
|
2199
|
-
"text-danger-hover"?: any;
|
|
2200
|
-
"text-danger-inverted"?: any;
|
|
2201
|
-
"text-neutrals"?: any;
|
|
2202
|
-
"text-neutrals-active"?: any;
|
|
2203
|
-
"text-neutrals-disabled"?: any;
|
|
2204
|
-
"text-neutrals-hover"?: any;
|
|
2205
|
-
"text-neutrals-inverted"?: any;
|
|
2206
|
-
"text-neutrals-placeholder"?: any;
|
|
2207
|
-
"text-neutrals-placeholder-only"?: any;
|
|
2208
|
-
"text-neutrals-subtle"?: any;
|
|
2209
|
-
"text-neutrals-subtle-active"?: any;
|
|
2210
|
-
"text-neutrals-subtle-hover"?: any;
|
|
2211
|
-
"text-primary"?: any;
|
|
2212
|
-
"text-primary-active"?: any;
|
|
2213
|
-
"text-primary-hover"?: any;
|
|
2214
|
-
"text-primary-inverted"?: any;
|
|
2215
|
-
"text-primary-inverted-subtle"?: any;
|
|
2216
|
-
"text-primary-selected"?: any;
|
|
2217
|
-
"text-success"?: any;
|
|
2218
|
-
"text-success-active"?: any;
|
|
2219
|
-
"text-success-hover"?: any;
|
|
2220
|
-
"text-success-inverted"?: any;
|
|
2221
|
-
"text-warning"?: any;
|
|
2222
|
-
"text-warning-subtle"?: any;
|
|
2223
|
-
};
|
|
2224
|
-
'font-sizes': {
|
|
2225
|
-
readonly 150: "0.75rem";
|
|
2226
|
-
readonly 175: "0.875rem";
|
|
2227
|
-
readonly 200: "1rem";
|
|
2228
|
-
readonly 225: "1.125rem";
|
|
2229
|
-
readonly 250: "1.25rem";
|
|
2230
|
-
readonly 300: "1.5rem";
|
|
2231
|
-
readonly 400: "2rem";
|
|
2232
|
-
readonly 500: "2.5rem";
|
|
2233
|
-
readonly 600: "3rem";
|
|
2234
|
-
readonly 800: "4rem";
|
|
2235
|
-
readonly 900: "4.5rem";
|
|
2236
|
-
};
|
|
2237
|
-
fonts: {
|
|
2238
|
-
readonly heading: "Roobert, sans-serif";
|
|
2239
|
-
readonly body: "Open Sans, sans-serif";
|
|
2240
|
-
};
|
|
2241
|
-
radii: {
|
|
2242
|
-
readonly none: 0;
|
|
2243
|
-
readonly half: "999em";
|
|
2244
|
-
readonly 25: "2px";
|
|
2245
|
-
readonly 50: "4px";
|
|
2246
|
-
readonly 75: "6px";
|
|
2247
|
-
readonly 100: "8px";
|
|
2248
|
-
readonly 200: "16px";
|
|
2249
|
-
};
|
|
2250
|
-
shadows: {
|
|
2251
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2252
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2253
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2254
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2255
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2256
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2257
|
-
};
|
|
2258
|
-
sizes: {
|
|
2259
|
-
readonly number: string;
|
|
2260
|
-
readonly 'icon-200': "16px";
|
|
2261
|
-
readonly 'icon-300': "24px";
|
|
2262
|
-
readonly 'icon-400': "32px";
|
|
2263
|
-
};
|
|
2264
|
-
space: {
|
|
2265
|
-
readonly 0: "0px";
|
|
2266
|
-
readonly 25: "2px";
|
|
2267
|
-
readonly 50: "4px";
|
|
2268
|
-
readonly 100: "8px";
|
|
2269
|
-
readonly 150: "12px";
|
|
2270
|
-
readonly 200: "16px";
|
|
2271
|
-
readonly 300: "24px";
|
|
2272
|
-
readonly 400: "32px";
|
|
2273
|
-
readonly 500: "40px";
|
|
2274
|
-
readonly 600: "48px";
|
|
2275
|
-
readonly 700: "56px";
|
|
2276
|
-
readonly 800: "64px";
|
|
2277
|
-
readonly 1200: "96px";
|
|
2278
|
-
readonly 1600: "128px";
|
|
2279
|
-
};
|
|
2280
|
-
'space-gap': {
|
|
2281
|
-
readonly 0: any;
|
|
2282
|
-
readonly 50: any;
|
|
2283
|
-
readonly 100: any;
|
|
2284
|
-
readonly 200: any;
|
|
2285
|
-
readonly 300: any;
|
|
2286
|
-
};
|
|
2287
|
-
'space-inset': {
|
|
2288
|
-
readonly 0: any;
|
|
2289
|
-
readonly 50: any;
|
|
2290
|
-
readonly 100: any;
|
|
2291
|
-
readonly 150: any;
|
|
2292
|
-
readonly 200: any;
|
|
2293
|
-
readonly 300: any;
|
|
2294
|
-
readonly 400: any;
|
|
2295
|
-
readonly 500: any;
|
|
2296
|
-
readonly 600: any;
|
|
2297
|
-
readonly 700: any;
|
|
2298
|
-
readonly 800: any;
|
|
2299
|
-
readonly 1200: any;
|
|
2300
|
-
readonly 1600: any;
|
|
2301
|
-
};
|
|
2302
|
-
'space-offset': {
|
|
2303
|
-
readonly 0: any;
|
|
2304
|
-
readonly 50: any;
|
|
2305
|
-
readonly 100: any;
|
|
2306
|
-
readonly 150: any;
|
|
2307
|
-
readonly 200: any;
|
|
2308
|
-
readonly 300: any;
|
|
2309
|
-
readonly 400: any;
|
|
2310
|
-
readonly 600: any;
|
|
2311
|
-
readonly 800: any;
|
|
2312
|
-
readonly 1200: any;
|
|
2313
|
-
readonly 1600: any;
|
|
2314
|
-
readonly 'stacking-0': any;
|
|
2315
|
-
readonly 'stacking-100': any;
|
|
2316
|
-
readonly 'stacking-200': any;
|
|
2317
|
-
readonly 'stacking-300': any;
|
|
2318
|
-
readonly 'stacking-400': any;
|
|
2319
|
-
readonly 'stacking-500': any;
|
|
2320
|
-
readonly 'stacking-800': any;
|
|
2321
|
-
};
|
|
2322
|
-
'stroke-width': {
|
|
2323
|
-
readonly thin: "1.5px";
|
|
2324
|
-
readonly normal: "2px";
|
|
2325
|
-
readonly bold: "4px";
|
|
2326
|
-
};
|
|
2327
|
-
'z-indices': {
|
|
2328
|
-
readonly dropdownMenu: 100;
|
|
2329
|
-
readonly select: 200;
|
|
2330
|
-
readonly popover: 300;
|
|
2331
|
-
readonly tooltip: 400;
|
|
2332
|
-
};
|
|
2333
|
-
}, {
|
|
2334
|
-
readonly background: "colors";
|
|
2335
|
-
readonly backgroundColor: "colors";
|
|
2336
|
-
readonly backgroundImage: "colors";
|
|
2337
|
-
readonly blockSize: "sizes";
|
|
2338
|
-
readonly border: "colors";
|
|
2339
|
-
readonly borderBlock: "colors";
|
|
2340
|
-
readonly borderBlockEnd: "colors";
|
|
2341
|
-
readonly borderBlockStart: "colors";
|
|
2342
|
-
readonly borderBottom: "colors";
|
|
2343
|
-
readonly borderBottomColor: "colors";
|
|
2344
|
-
readonly borderBottomLeftRadius: "radii";
|
|
2345
|
-
readonly borderBottomRightRadius: "radii";
|
|
2346
|
-
readonly borderBottomStyle: "border-styles";
|
|
2347
|
-
readonly borderBottomWidth: "border-widths";
|
|
2348
|
-
readonly borderColor: "colors";
|
|
2349
|
-
readonly borderImage: "colors";
|
|
2350
|
-
readonly borderInline: "colors";
|
|
2351
|
-
readonly borderInlineEnd: "colors";
|
|
2352
|
-
readonly borderInlineStart: "colors";
|
|
2353
|
-
readonly borderLeft: "colors";
|
|
2354
|
-
readonly borderLeftColor: "colors";
|
|
2355
|
-
readonly borderLeftStyle: "border-styles";
|
|
2356
|
-
readonly borderLeftWidth: "border-widths";
|
|
2357
|
-
readonly borderRadius: "radii";
|
|
2358
|
-
readonly borderRight: "colors";
|
|
2359
|
-
readonly borderRightColor: "colors";
|
|
2360
|
-
readonly borderRightStyle: "border-styles";
|
|
2361
|
-
readonly borderRightWidth: "border-widths";
|
|
2362
|
-
readonly borderSpacing: "space-offset";
|
|
2363
|
-
readonly borderStyle: "border-styles";
|
|
2364
|
-
readonly borderTop: "colors";
|
|
2365
|
-
readonly borderTopColor: "colors";
|
|
2366
|
-
readonly borderTopLeftRadius: "radii";
|
|
2367
|
-
readonly borderTopRightRadius: "radii";
|
|
2368
|
-
readonly borderTopStyle: "border-styles";
|
|
2369
|
-
readonly borderTopWidth: "border-widths";
|
|
2370
|
-
readonly borderWidth: "border-widths";
|
|
2371
|
-
readonly bottom: "space";
|
|
2372
|
-
readonly boxShadow: "shadows";
|
|
2373
|
-
readonly caretColor: "colors";
|
|
2374
|
-
readonly color: "colors";
|
|
2375
|
-
readonly columnGap: "space-gap";
|
|
2376
|
-
readonly columnRuleColor: "colors";
|
|
2377
|
-
readonly fill: "colors";
|
|
2378
|
-
readonly flexBasis: "sizes";
|
|
2379
|
-
readonly fontFamily: "fonts";
|
|
2380
|
-
readonly fontSize: "font-sizes";
|
|
2381
|
-
readonly fontWeight: "font-weights";
|
|
2382
|
-
readonly gap: "space-gap";
|
|
2383
|
-
readonly gridColumnGap: "space-gap";
|
|
2384
|
-
readonly gridGap: "space-gap";
|
|
2385
|
-
readonly gridRowGap: "space-gap";
|
|
2386
|
-
readonly gridTemplateColumns: "sizes";
|
|
2387
|
-
readonly gridTemplateRows: "sizes";
|
|
2388
|
-
readonly height: "sizes";
|
|
2389
|
-
readonly inlineSize: "sizes";
|
|
2390
|
-
readonly inset: "space-inset";
|
|
2391
|
-
readonly insetBlock: "space-inset";
|
|
2392
|
-
readonly insetBlockEnd: "space-inset";
|
|
2393
|
-
readonly insetBlockStart: "space-inset";
|
|
2394
|
-
readonly insetInline: "space-inset";
|
|
2395
|
-
readonly insetInlineEnd: "space-inset";
|
|
2396
|
-
readonly insetInlineStart: "space-inset";
|
|
2397
|
-
readonly left: "space";
|
|
2398
|
-
readonly letterSpacing: "letter-spacings";
|
|
2399
|
-
readonly lineHeight: "line-heights";
|
|
2400
|
-
readonly margin: "space-offset";
|
|
2401
|
-
readonly marginBlock: "space-offset";
|
|
2402
|
-
readonly marginBlockEnd: "space-offset";
|
|
2403
|
-
readonly marginBlockStart: "space-offset";
|
|
2404
|
-
readonly marginBottom: "space-offset";
|
|
2405
|
-
readonly marginInline: "space-offset";
|
|
2406
|
-
readonly marginInlineEnd: "space-offset";
|
|
2407
|
-
readonly marginInlineStart: "space-offset";
|
|
2408
|
-
readonly marginLeft: "space-offset";
|
|
2409
|
-
readonly marginRight: "space-offset";
|
|
2410
|
-
readonly marginTop: "space-offset";
|
|
2411
|
-
readonly maxBlockSize: "sizes";
|
|
2412
|
-
readonly maxHeight: "sizes";
|
|
2413
|
-
readonly maxInlineSize: "sizes";
|
|
2414
|
-
readonly maxWidth: "sizes";
|
|
2415
|
-
readonly minBlockSize: "sizes";
|
|
2416
|
-
readonly minHeight: "sizes";
|
|
2417
|
-
readonly minInlineSize: "sizes";
|
|
2418
|
-
readonly minWidth: "sizes";
|
|
2419
|
-
readonly outline: "colors";
|
|
2420
|
-
readonly outlineColor: "colors";
|
|
2421
|
-
readonly padding: "space-inset";
|
|
2422
|
-
readonly paddingBlock: "space-inset";
|
|
2423
|
-
readonly paddingBlockEnd: "space-inset";
|
|
2424
|
-
readonly paddingBlockStart: "space-inset";
|
|
2425
|
-
readonly paddingBottom: "space-inset";
|
|
2426
|
-
readonly paddingInline: "space-inset";
|
|
2427
|
-
readonly paddingInlineEnd: "space-inset";
|
|
2428
|
-
readonly paddingInlineStart: "space-inset";
|
|
2429
|
-
readonly paddingLeft: "space-inset";
|
|
2430
|
-
readonly paddingRight: "space-inset";
|
|
2431
|
-
readonly paddingTop: "space-inset";
|
|
2432
|
-
readonly right: "space";
|
|
2433
|
-
readonly rowGap: "space-gap";
|
|
2434
|
-
readonly scrollMargin: "space-offset";
|
|
2435
|
-
readonly scrollMarginBlock: "space-offset";
|
|
2436
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
2437
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
2438
|
-
readonly scrollMarginBottom: "space-offset";
|
|
2439
|
-
readonly scrollMarginInline: "space-offset";
|
|
2440
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
2441
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
2442
|
-
readonly scrollMarginLeft: "space-offset";
|
|
2443
|
-
readonly scrollMarginRight: "space-offset";
|
|
2444
|
-
readonly scrollMarginTop: "space-offset";
|
|
2445
|
-
readonly scrollPadding: "space-inset";
|
|
2446
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
2447
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
2448
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
2449
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
2450
|
-
readonly scrollPaddingInline: "space-inset";
|
|
2451
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
2452
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
2453
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
2454
|
-
readonly scrollPaddingRight: "space-inset";
|
|
2455
|
-
readonly scrollPaddingTop: "space-inset";
|
|
2456
|
-
readonly stroke: "colors";
|
|
2457
|
-
readonly strokeWidth: "stroke-width";
|
|
2458
|
-
readonly textDecorationColor: "colors";
|
|
2459
|
-
readonly textShadow: "shadows";
|
|
2460
|
-
readonly top: "space";
|
|
2461
|
-
readonly transition: "transitions";
|
|
2462
|
-
readonly width: "sizes";
|
|
2463
|
-
readonly zIndex: "z-indices";
|
|
2464
|
-
}, {
|
|
2465
|
-
paddingX: (value: {
|
|
2466
|
-
readonly [$$PropertyValue]: "padding";
|
|
2467
|
-
}) => {
|
|
2468
|
-
paddingLeft: {
|
|
2469
|
-
readonly [$$PropertyValue]: "padding";
|
|
2470
|
-
};
|
|
2471
|
-
paddingRight: {
|
|
2472
|
-
readonly [$$PropertyValue]: "padding";
|
|
2473
|
-
};
|
|
2474
|
-
};
|
|
2475
|
-
paddingY: (value: {
|
|
2476
|
-
readonly [$$PropertyValue]: "padding";
|
|
2477
|
-
}) => {
|
|
2478
|
-
paddingTop: {
|
|
2479
|
-
readonly [$$PropertyValue]: "padding";
|
|
2480
|
-
};
|
|
2481
|
-
paddingBottom: {
|
|
2482
|
-
readonly [$$PropertyValue]: "padding";
|
|
2483
|
-
};
|
|
2484
|
-
};
|
|
2485
|
-
marginX: (value: {
|
|
2486
|
-
readonly [$$PropertyValue]: "margin";
|
|
2487
|
-
}) => {
|
|
2488
|
-
marginLeft: {
|
|
2489
|
-
readonly [$$PropertyValue]: "margin";
|
|
2490
|
-
};
|
|
2491
|
-
marginRight: {
|
|
2492
|
-
readonly [$$PropertyValue]: "margin";
|
|
2493
|
-
};
|
|
2494
|
-
};
|
|
2495
|
-
marginY: (value: {
|
|
2496
|
-
readonly [$$PropertyValue]: "margin";
|
|
2497
|
-
}) => {
|
|
2498
|
-
marginTop: {
|
|
2499
|
-
readonly [$$PropertyValue]: "margin";
|
|
2500
|
-
};
|
|
2501
|
-
marginBottom: {
|
|
2502
|
-
readonly [$$PropertyValue]: "margin";
|
|
2503
|
-
};
|
|
2504
|
-
};
|
|
2505
|
-
square: (value: {
|
|
2506
|
-
readonly [$$PropertyValue]: "width";
|
|
2507
|
-
}) => {
|
|
2508
|
-
width: {
|
|
2509
|
-
readonly [$$PropertyValue]: "width";
|
|
2510
|
-
};
|
|
2511
|
-
height: {
|
|
2512
|
-
readonly [$$PropertyValue]: "width";
|
|
2513
|
-
};
|
|
2514
|
-
};
|
|
2515
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2516
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2517
|
-
};
|
|
2518
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
287
|
+
declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}>;
|
|
2519
288
|
declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
|
|
2520
289
|
|
|
2521
290
|
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2522
291
|
}
|
|
2523
292
|
declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2524
293
|
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
readonly 'blue-200': any;
|
|
2536
|
-
readonly 'blue-300': any;
|
|
2537
|
-
readonly 'blue-400': any;
|
|
2538
|
-
readonly 'blue-500': any;
|
|
2539
|
-
readonly 'blue-600': any;
|
|
2540
|
-
readonly 'blue-700': any;
|
|
2541
|
-
readonly 'blue-800': any;
|
|
2542
|
-
readonly 'blue-900': any;
|
|
2543
|
-
readonly 'blue-1000': any;
|
|
2544
|
-
readonly 'gray-100': any;
|
|
2545
|
-
readonly 'gray-200': any;
|
|
2546
|
-
readonly 'gray-300': any;
|
|
2547
|
-
readonly 'gray-400': any;
|
|
2548
|
-
readonly 'gray-500': any;
|
|
2549
|
-
readonly 'gray-600': any;
|
|
2550
|
-
readonly 'gray-700': any;
|
|
2551
|
-
readonly 'gray-800': any;
|
|
2552
|
-
readonly 'gray-900': any;
|
|
2553
|
-
readonly 'green-100': any;
|
|
2554
|
-
readonly 'green-200': any;
|
|
2555
|
-
readonly 'green-300': any;
|
|
2556
|
-
readonly 'green-400': any;
|
|
2557
|
-
readonly 'green-500': any;
|
|
2558
|
-
readonly 'green-600': any;
|
|
2559
|
-
readonly 'green-700': any;
|
|
2560
|
-
readonly 'green-800': any;
|
|
2561
|
-
readonly 'green-900': any;
|
|
2562
|
-
readonly 'indigo-100': any;
|
|
2563
|
-
readonly 'indigo-200': any;
|
|
2564
|
-
readonly 'indigo-300': any;
|
|
2565
|
-
readonly 'indigo-400': any;
|
|
2566
|
-
readonly 'indigo-500': any;
|
|
2567
|
-
readonly 'indigo-600': any;
|
|
2568
|
-
readonly 'indigo-700': any;
|
|
2569
|
-
readonly 'indigo-800': any;
|
|
2570
|
-
readonly 'indigo-900': any;
|
|
2571
|
-
readonly 'red-100': any;
|
|
2572
|
-
readonly 'red-200': any;
|
|
2573
|
-
readonly 'red-300': any;
|
|
2574
|
-
readonly 'red-400': any;
|
|
2575
|
-
readonly 'red-500': any;
|
|
2576
|
-
readonly 'red-600': any;
|
|
2577
|
-
readonly 'red-700': any;
|
|
2578
|
-
readonly 'red-800': any;
|
|
2579
|
-
readonly 'red-900': any;
|
|
2580
|
-
readonly transparent: any;
|
|
2581
|
-
readonly white: any;
|
|
2582
|
-
readonly 'yellow-100': any;
|
|
2583
|
-
readonly 'yellow-200': any;
|
|
2584
|
-
readonly 'yellow-300': any;
|
|
2585
|
-
readonly 'yellow-400': any;
|
|
2586
|
-
readonly 'yellow-500': any;
|
|
2587
|
-
readonly 'yellow-600': any;
|
|
2588
|
-
readonly 'yellow-700': any;
|
|
2589
|
-
readonly 'yellow-800': any;
|
|
2590
|
-
readonly 'yellow-900': any;
|
|
2591
|
-
"background-alpha-active"?: any;
|
|
2592
|
-
"background-alpha-hover"?: any;
|
|
2593
|
-
"background-danger-prominent"?: any;
|
|
2594
|
-
"background-danger-prominent-active"?: any;
|
|
2595
|
-
"background-danger-prominent-hover"?: any;
|
|
2596
|
-
"background-danger-subtle"?: any;
|
|
2597
|
-
"background-danger-subtle-active"?: any;
|
|
2598
|
-
"background-danger-subtle-hover"?: any;
|
|
2599
|
-
"background-neutrals"?: any;
|
|
2600
|
-
"background-neutrals-active"?: any;
|
|
2601
|
-
"background-neutrals-container"?: any;
|
|
2602
|
-
"background-neutrals-controls-disabled"?: any;
|
|
2603
|
-
"background-neutrals-disabled"?: any;
|
|
2604
|
-
"background-neutrals-hover"?: any;
|
|
2605
|
-
"background-neutrals-inactive"?: any;
|
|
2606
|
-
"background-neutrals-inactive-hover"?: any;
|
|
2607
|
-
"background-neutrals-inverted"?: any;
|
|
2608
|
-
"background-neutrals-inverted-subtle"?: any;
|
|
2609
|
-
"background-neutrals-page"?: any;
|
|
2610
|
-
"background-neutrals-page-subtle"?: any;
|
|
2611
|
-
"background-neutrals-scrolls"?: any;
|
|
2612
|
-
"background-neutrals-scrolls-expanded"?: any;
|
|
2613
|
-
"background-neutrals-scrolls-hover"?: any;
|
|
2614
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
2615
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2616
|
-
"background-neutrals-subtle"?: any;
|
|
2617
|
-
"background-neutrals-subtle-active"?: any;
|
|
2618
|
-
"background-neutrals-subtle-hover"?: any;
|
|
2619
|
-
"background-primary-prominent"?: any;
|
|
2620
|
-
"background-primary-prominent-active"?: any;
|
|
2621
|
-
"background-primary-prominent-expanded"?: any;
|
|
2622
|
-
"background-primary-prominent-hover"?: any;
|
|
2623
|
-
"background-primary-prominent-pressed"?: any;
|
|
2624
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
2625
|
-
"background-primary-prominent-selected"?: any;
|
|
2626
|
-
"background-primary-subtle"?: any;
|
|
2627
|
-
"background-primary-subtle-active"?: any;
|
|
2628
|
-
"background-primary-subtle-expanded"?: any;
|
|
2629
|
-
"background-primary-subtle-hover"?: any;
|
|
2630
|
-
"background-primary-subtle-pressed"?: any;
|
|
2631
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
2632
|
-
"background-primary-subtle-selected"?: any;
|
|
2633
|
-
"background-success"?: any;
|
|
2634
|
-
"background-success-prominent"?: any;
|
|
2635
|
-
"background-success-prominent-active"?: any;
|
|
2636
|
-
"background-success-prominent-hover"?: any;
|
|
2637
|
-
"background-warning-prominent"?: any;
|
|
2638
|
-
"background-warning-subtle"?: any;
|
|
2639
|
-
"border-danger"?: any;
|
|
2640
|
-
"border-danger-active"?: any;
|
|
2641
|
-
"border-danger-hover"?: any;
|
|
2642
|
-
"border-focus-inner"?: any;
|
|
2643
|
-
"border-focus-middle"?: any;
|
|
2644
|
-
"border-focus-outer"?: any;
|
|
2645
|
-
"border-neutrals"?: any;
|
|
2646
|
-
"border-neutrals-active"?: any;
|
|
2647
|
-
"border-neutrals-controls"?: any;
|
|
2648
|
-
"border-neutrals-controls-disabled"?: any;
|
|
2649
|
-
"border-neutrals-disabled"?: any;
|
|
2650
|
-
"border-neutrals-hover"?: any;
|
|
2651
|
-
"border-neutrals-inverted"?: any;
|
|
2652
|
-
"border-neutrals-subtle"?: any;
|
|
2653
|
-
"border-neutrals-text"?: any;
|
|
2654
|
-
"border-neutrals-text-active"?: any;
|
|
2655
|
-
"border-neutrals-text-hover"?: any;
|
|
2656
|
-
"border-neutrals-text-subtle"?: any;
|
|
2657
|
-
"border-neutrals-text-subtle-active"?: any;
|
|
2658
|
-
"border-neutrals-text-subtle-hover"?: any;
|
|
2659
|
-
"border-neutrals-transparent"?: any;
|
|
2660
|
-
"border-primary"?: any;
|
|
2661
|
-
"border-primary-active"?: any;
|
|
2662
|
-
"border-primary-hover"?: any;
|
|
2663
|
-
"border-primary-inverted"?: any;
|
|
2664
|
-
"border-success"?: any;
|
|
2665
|
-
"border-success-active"?: any;
|
|
2666
|
-
"border-success-hover"?: any;
|
|
2667
|
-
"border-warning"?: any;
|
|
2668
|
-
"icon-danger"?: any;
|
|
2669
|
-
"icon-danger-active"?: any;
|
|
2670
|
-
"icon-danger-hover"?: any;
|
|
2671
|
-
"icon-danger-inverted"?: any;
|
|
2672
|
-
"icon-neutrals"?: any;
|
|
2673
|
-
"icon-neutrals-disabled"?: any;
|
|
2674
|
-
"icon-neutrals-inactive"?: any;
|
|
2675
|
-
"icon-neutrals-inactive-hover"?: any;
|
|
2676
|
-
"icon-neutrals-inverted"?: any;
|
|
2677
|
-
"icon-neutrals-search"?: any;
|
|
2678
|
-
"icon-neutrals-subtle"?: any;
|
|
2679
|
-
"icon-neutrals-text"?: any;
|
|
2680
|
-
"icon-primary"?: any;
|
|
2681
|
-
"icon-primary-active"?: any;
|
|
2682
|
-
"icon-primary-hover"?: any;
|
|
2683
|
-
"icon-primary-inverted"?: any;
|
|
2684
|
-
"icon-primary-selected"?: any;
|
|
2685
|
-
"icon-success"?: any;
|
|
2686
|
-
"icon-success-active"?: any;
|
|
2687
|
-
"icon-success-hover"?: any;
|
|
2688
|
-
"icon-success-inverted"?: any;
|
|
2689
|
-
"icon-warning"?: any;
|
|
2690
|
-
"icon-warning-prominent"?: any;
|
|
2691
|
-
"icon-warning-subtle"?: any;
|
|
2692
|
-
"text-danger"?: any;
|
|
2693
|
-
"text-danger-active"?: any;
|
|
2694
|
-
"text-danger-hover"?: any;
|
|
2695
|
-
"text-danger-inverted"?: any;
|
|
2696
|
-
"text-neutrals"?: any;
|
|
2697
|
-
"text-neutrals-active"?: any;
|
|
2698
|
-
"text-neutrals-disabled"?: any;
|
|
2699
|
-
"text-neutrals-hover"?: any;
|
|
2700
|
-
"text-neutrals-inverted"?: any;
|
|
2701
|
-
"text-neutrals-placeholder"?: any;
|
|
2702
|
-
"text-neutrals-placeholder-only"?: any;
|
|
2703
|
-
"text-neutrals-subtle"?: any;
|
|
2704
|
-
"text-neutrals-subtle-active"?: any;
|
|
2705
|
-
"text-neutrals-subtle-hover"?: any;
|
|
2706
|
-
"text-primary"?: any;
|
|
2707
|
-
"text-primary-active"?: any;
|
|
2708
|
-
"text-primary-hover"?: any;
|
|
2709
|
-
"text-primary-inverted"?: any;
|
|
2710
|
-
"text-primary-inverted-subtle"?: any;
|
|
2711
|
-
"text-primary-selected"?: any;
|
|
2712
|
-
"text-success"?: any;
|
|
2713
|
-
"text-success-active"?: any;
|
|
2714
|
-
"text-success-hover"?: any;
|
|
2715
|
-
"text-success-inverted"?: any;
|
|
2716
|
-
"text-warning"?: any;
|
|
2717
|
-
"text-warning-subtle"?: any;
|
|
2718
|
-
};
|
|
2719
|
-
'font-sizes': {
|
|
2720
|
-
readonly 150: "0.75rem";
|
|
2721
|
-
readonly 175: "0.875rem";
|
|
2722
|
-
readonly 200: "1rem";
|
|
2723
|
-
readonly 225: "1.125rem";
|
|
2724
|
-
readonly 250: "1.25rem";
|
|
2725
|
-
readonly 300: "1.5rem";
|
|
2726
|
-
readonly 400: "2rem";
|
|
2727
|
-
readonly 500: "2.5rem";
|
|
2728
|
-
readonly 600: "3rem";
|
|
2729
|
-
readonly 800: "4rem";
|
|
2730
|
-
readonly 900: "4.5rem";
|
|
2731
|
-
};
|
|
2732
|
-
fonts: {
|
|
2733
|
-
readonly heading: "Roobert, sans-serif";
|
|
2734
|
-
readonly body: "Open Sans, sans-serif";
|
|
2735
|
-
};
|
|
2736
|
-
radii: {
|
|
2737
|
-
readonly none: 0;
|
|
2738
|
-
readonly half: "999em";
|
|
2739
|
-
readonly 25: "2px";
|
|
2740
|
-
readonly 50: "4px";
|
|
2741
|
-
readonly 75: "6px";
|
|
2742
|
-
readonly 100: "8px";
|
|
2743
|
-
readonly 200: "16px";
|
|
2744
|
-
};
|
|
2745
|
-
shadows: {
|
|
2746
|
-
readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
|
|
2747
|
-
readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
|
|
2748
|
-
readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
|
|
2749
|
-
readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
|
|
2750
|
-
readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
|
|
2751
|
-
readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
|
|
2752
|
-
};
|
|
2753
|
-
sizes: {
|
|
2754
|
-
readonly number: string;
|
|
2755
|
-
readonly 'icon-200': "16px";
|
|
2756
|
-
readonly 'icon-300': "24px";
|
|
2757
|
-
readonly 'icon-400': "32px";
|
|
2758
|
-
};
|
|
2759
|
-
space: {
|
|
2760
|
-
readonly 0: "0px";
|
|
2761
|
-
readonly 25: "2px";
|
|
2762
|
-
readonly 50: "4px";
|
|
2763
|
-
readonly 100: "8px";
|
|
2764
|
-
readonly 150: "12px";
|
|
2765
|
-
readonly 200: "16px";
|
|
2766
|
-
readonly 300: "24px";
|
|
2767
|
-
readonly 400: "32px";
|
|
2768
|
-
readonly 500: "40px";
|
|
2769
|
-
readonly 600: "48px";
|
|
2770
|
-
readonly 700: "56px";
|
|
2771
|
-
readonly 800: "64px";
|
|
2772
|
-
readonly 1200: "96px";
|
|
2773
|
-
readonly 1600: "128px";
|
|
2774
|
-
};
|
|
2775
|
-
'space-gap': {
|
|
2776
|
-
readonly 0: any;
|
|
2777
|
-
readonly 50: any;
|
|
2778
|
-
readonly 100: any;
|
|
2779
|
-
readonly 200: any;
|
|
2780
|
-
readonly 300: any;
|
|
2781
|
-
};
|
|
2782
|
-
'space-inset': {
|
|
2783
|
-
readonly 0: any;
|
|
2784
|
-
readonly 50: any;
|
|
2785
|
-
readonly 100: any;
|
|
2786
|
-
readonly 150: any;
|
|
2787
|
-
readonly 200: any;
|
|
2788
|
-
readonly 300: any;
|
|
2789
|
-
readonly 400: any;
|
|
2790
|
-
readonly 500: any;
|
|
2791
|
-
readonly 600: any;
|
|
2792
|
-
readonly 700: any;
|
|
2793
|
-
readonly 800: any;
|
|
2794
|
-
readonly 1200: any;
|
|
2795
|
-
readonly 1600: any;
|
|
2796
|
-
};
|
|
2797
|
-
'space-offset': {
|
|
2798
|
-
readonly 0: any;
|
|
2799
|
-
readonly 50: any;
|
|
2800
|
-
readonly 100: any;
|
|
2801
|
-
readonly 150: any;
|
|
2802
|
-
readonly 200: any;
|
|
2803
|
-
readonly 300: any;
|
|
2804
|
-
readonly 400: any;
|
|
2805
|
-
readonly 600: any;
|
|
2806
|
-
readonly 800: any;
|
|
2807
|
-
readonly 1200: any;
|
|
2808
|
-
readonly 1600: any;
|
|
2809
|
-
readonly 'stacking-0': any;
|
|
2810
|
-
readonly 'stacking-100': any;
|
|
2811
|
-
readonly 'stacking-200': any;
|
|
2812
|
-
readonly 'stacking-300': any;
|
|
2813
|
-
readonly 'stacking-400': any;
|
|
2814
|
-
readonly 'stacking-500': any;
|
|
2815
|
-
readonly 'stacking-800': any;
|
|
2816
|
-
};
|
|
2817
|
-
'stroke-width': {
|
|
2818
|
-
readonly thin: "1.5px";
|
|
2819
|
-
readonly normal: "2px";
|
|
2820
|
-
readonly bold: "4px";
|
|
2821
|
-
};
|
|
2822
|
-
'z-indices': {
|
|
2823
|
-
readonly dropdownMenu: 100;
|
|
2824
|
-
readonly select: 200;
|
|
2825
|
-
readonly popover: 300;
|
|
2826
|
-
readonly tooltip: 400;
|
|
2827
|
-
};
|
|
2828
|
-
}, {
|
|
2829
|
-
readonly background: "colors";
|
|
2830
|
-
readonly backgroundColor: "colors";
|
|
2831
|
-
readonly backgroundImage: "colors";
|
|
2832
|
-
readonly blockSize: "sizes";
|
|
2833
|
-
readonly border: "colors";
|
|
2834
|
-
readonly borderBlock: "colors";
|
|
2835
|
-
readonly borderBlockEnd: "colors";
|
|
2836
|
-
readonly borderBlockStart: "colors";
|
|
2837
|
-
readonly borderBottom: "colors";
|
|
2838
|
-
readonly borderBottomColor: "colors";
|
|
2839
|
-
readonly borderBottomLeftRadius: "radii";
|
|
2840
|
-
readonly borderBottomRightRadius: "radii";
|
|
2841
|
-
readonly borderBottomStyle: "border-styles";
|
|
2842
|
-
readonly borderBottomWidth: "border-widths";
|
|
2843
|
-
readonly borderColor: "colors";
|
|
2844
|
-
readonly borderImage: "colors";
|
|
2845
|
-
readonly borderInline: "colors";
|
|
2846
|
-
readonly borderInlineEnd: "colors";
|
|
2847
|
-
readonly borderInlineStart: "colors";
|
|
2848
|
-
readonly borderLeft: "colors";
|
|
2849
|
-
readonly borderLeftColor: "colors";
|
|
2850
|
-
readonly borderLeftStyle: "border-styles";
|
|
2851
|
-
readonly borderLeftWidth: "border-widths";
|
|
2852
|
-
readonly borderRadius: "radii";
|
|
2853
|
-
readonly borderRight: "colors";
|
|
2854
|
-
readonly borderRightColor: "colors";
|
|
2855
|
-
readonly borderRightStyle: "border-styles";
|
|
2856
|
-
readonly borderRightWidth: "border-widths";
|
|
2857
|
-
readonly borderSpacing: "space-offset";
|
|
2858
|
-
readonly borderStyle: "border-styles";
|
|
2859
|
-
readonly borderTop: "colors";
|
|
2860
|
-
readonly borderTopColor: "colors";
|
|
2861
|
-
readonly borderTopLeftRadius: "radii";
|
|
2862
|
-
readonly borderTopRightRadius: "radii";
|
|
2863
|
-
readonly borderTopStyle: "border-styles";
|
|
2864
|
-
readonly borderTopWidth: "border-widths";
|
|
2865
|
-
readonly borderWidth: "border-widths";
|
|
2866
|
-
readonly bottom: "space";
|
|
2867
|
-
readonly boxShadow: "shadows";
|
|
2868
|
-
readonly caretColor: "colors";
|
|
2869
|
-
readonly color: "colors";
|
|
2870
|
-
readonly columnGap: "space-gap";
|
|
2871
|
-
readonly columnRuleColor: "colors";
|
|
2872
|
-
readonly fill: "colors";
|
|
2873
|
-
readonly flexBasis: "sizes";
|
|
2874
|
-
readonly fontFamily: "fonts";
|
|
2875
|
-
readonly fontSize: "font-sizes";
|
|
2876
|
-
readonly fontWeight: "font-weights";
|
|
2877
|
-
readonly gap: "space-gap";
|
|
2878
|
-
readonly gridColumnGap: "space-gap";
|
|
2879
|
-
readonly gridGap: "space-gap";
|
|
2880
|
-
readonly gridRowGap: "space-gap";
|
|
2881
|
-
readonly gridTemplateColumns: "sizes";
|
|
2882
|
-
readonly gridTemplateRows: "sizes";
|
|
2883
|
-
readonly height: "sizes";
|
|
2884
|
-
readonly inlineSize: "sizes";
|
|
2885
|
-
readonly inset: "space-inset";
|
|
2886
|
-
readonly insetBlock: "space-inset";
|
|
2887
|
-
readonly insetBlockEnd: "space-inset";
|
|
2888
|
-
readonly insetBlockStart: "space-inset";
|
|
2889
|
-
readonly insetInline: "space-inset";
|
|
2890
|
-
readonly insetInlineEnd: "space-inset";
|
|
2891
|
-
readonly insetInlineStart: "space-inset";
|
|
2892
|
-
readonly left: "space";
|
|
2893
|
-
readonly letterSpacing: "letter-spacings";
|
|
2894
|
-
readonly lineHeight: "line-heights";
|
|
2895
|
-
readonly margin: "space-offset";
|
|
2896
|
-
readonly marginBlock: "space-offset";
|
|
2897
|
-
readonly marginBlockEnd: "space-offset";
|
|
2898
|
-
readonly marginBlockStart: "space-offset";
|
|
2899
|
-
readonly marginBottom: "space-offset";
|
|
2900
|
-
readonly marginInline: "space-offset";
|
|
2901
|
-
readonly marginInlineEnd: "space-offset";
|
|
2902
|
-
readonly marginInlineStart: "space-offset";
|
|
2903
|
-
readonly marginLeft: "space-offset";
|
|
2904
|
-
readonly marginRight: "space-offset";
|
|
2905
|
-
readonly marginTop: "space-offset";
|
|
2906
|
-
readonly maxBlockSize: "sizes";
|
|
2907
|
-
readonly maxHeight: "sizes";
|
|
2908
|
-
readonly maxInlineSize: "sizes";
|
|
2909
|
-
readonly maxWidth: "sizes";
|
|
2910
|
-
readonly minBlockSize: "sizes";
|
|
2911
|
-
readonly minHeight: "sizes";
|
|
2912
|
-
readonly minInlineSize: "sizes";
|
|
2913
|
-
readonly minWidth: "sizes";
|
|
2914
|
-
readonly outline: "colors";
|
|
2915
|
-
readonly outlineColor: "colors";
|
|
2916
|
-
readonly padding: "space-inset";
|
|
2917
|
-
readonly paddingBlock: "space-inset";
|
|
2918
|
-
readonly paddingBlockEnd: "space-inset";
|
|
2919
|
-
readonly paddingBlockStart: "space-inset";
|
|
2920
|
-
readonly paddingBottom: "space-inset";
|
|
2921
|
-
readonly paddingInline: "space-inset";
|
|
2922
|
-
readonly paddingInlineEnd: "space-inset";
|
|
2923
|
-
readonly paddingInlineStart: "space-inset";
|
|
2924
|
-
readonly paddingLeft: "space-inset";
|
|
2925
|
-
readonly paddingRight: "space-inset";
|
|
2926
|
-
readonly paddingTop: "space-inset";
|
|
2927
|
-
readonly right: "space";
|
|
2928
|
-
readonly rowGap: "space-gap";
|
|
2929
|
-
readonly scrollMargin: "space-offset";
|
|
2930
|
-
readonly scrollMarginBlock: "space-offset";
|
|
2931
|
-
readonly scrollMarginBlockEnd: "space-offset";
|
|
2932
|
-
readonly scrollMarginBlockStart: "space-offset";
|
|
2933
|
-
readonly scrollMarginBottom: "space-offset";
|
|
2934
|
-
readonly scrollMarginInline: "space-offset";
|
|
2935
|
-
readonly scrollMarginInlineEnd: "space-offset";
|
|
2936
|
-
readonly scrollMarginInlineStart: "space-offset";
|
|
2937
|
-
readonly scrollMarginLeft: "space-offset";
|
|
2938
|
-
readonly scrollMarginRight: "space-offset";
|
|
2939
|
-
readonly scrollMarginTop: "space-offset";
|
|
2940
|
-
readonly scrollPadding: "space-inset";
|
|
2941
|
-
readonly scrollPaddingBlock: "space-inset";
|
|
2942
|
-
readonly scrollPaddingBlockEnd: "space-inset";
|
|
2943
|
-
readonly scrollPaddingBlockStart: "space-inset";
|
|
2944
|
-
readonly scrollPaddingBottom: "space-inset";
|
|
2945
|
-
readonly scrollPaddingInline: "space-inset";
|
|
2946
|
-
readonly scrollPaddingInlineEnd: "space-inset";
|
|
2947
|
-
readonly scrollPaddingInlineStart: "space-inset";
|
|
2948
|
-
readonly scrollPaddingLeft: "space-inset";
|
|
2949
|
-
readonly scrollPaddingRight: "space-inset";
|
|
2950
|
-
readonly scrollPaddingTop: "space-inset";
|
|
2951
|
-
readonly stroke: "colors";
|
|
2952
|
-
readonly strokeWidth: "stroke-width";
|
|
2953
|
-
readonly textDecorationColor: "colors";
|
|
2954
|
-
readonly textShadow: "shadows";
|
|
2955
|
-
readonly top: "space";
|
|
2956
|
-
readonly transition: "transitions";
|
|
2957
|
-
readonly width: "sizes";
|
|
2958
|
-
readonly zIndex: "z-indices";
|
|
2959
|
-
}, {
|
|
2960
|
-
paddingX: (value: {
|
|
2961
|
-
readonly [$$PropertyValue]: "padding";
|
|
2962
|
-
}) => {
|
|
2963
|
-
paddingLeft: {
|
|
2964
|
-
readonly [$$PropertyValue]: "padding";
|
|
2965
|
-
};
|
|
2966
|
-
paddingRight: {
|
|
2967
|
-
readonly [$$PropertyValue]: "padding";
|
|
2968
|
-
};
|
|
2969
|
-
};
|
|
2970
|
-
paddingY: (value: {
|
|
2971
|
-
readonly [$$PropertyValue]: "padding";
|
|
2972
|
-
}) => {
|
|
2973
|
-
paddingTop: {
|
|
2974
|
-
readonly [$$PropertyValue]: "padding";
|
|
2975
|
-
};
|
|
2976
|
-
paddingBottom: {
|
|
2977
|
-
readonly [$$PropertyValue]: "padding";
|
|
2978
|
-
};
|
|
2979
|
-
};
|
|
2980
|
-
marginX: (value: {
|
|
2981
|
-
readonly [$$PropertyValue]: "margin";
|
|
2982
|
-
}) => {
|
|
2983
|
-
marginLeft: {
|
|
2984
|
-
readonly [$$PropertyValue]: "margin";
|
|
2985
|
-
};
|
|
2986
|
-
marginRight: {
|
|
2987
|
-
readonly [$$PropertyValue]: "margin";
|
|
2988
|
-
};
|
|
2989
|
-
};
|
|
2990
|
-
marginY: (value: {
|
|
2991
|
-
readonly [$$PropertyValue]: "margin";
|
|
2992
|
-
}) => {
|
|
2993
|
-
marginTop: {
|
|
2994
|
-
readonly [$$PropertyValue]: "margin";
|
|
2995
|
-
};
|
|
2996
|
-
marginBottom: {
|
|
2997
|
-
readonly [$$PropertyValue]: "margin";
|
|
2998
|
-
};
|
|
2999
|
-
};
|
|
3000
|
-
square: (value: {
|
|
3001
|
-
readonly [$$PropertyValue]: "width";
|
|
3002
|
-
}) => {
|
|
3003
|
-
width: {
|
|
3004
|
-
readonly [$$PropertyValue]: "width";
|
|
3005
|
-
};
|
|
3006
|
-
height: {
|
|
3007
|
-
readonly [$$PropertyValue]: "width";
|
|
3008
|
-
};
|
|
3009
|
-
};
|
|
3010
|
-
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
3011
|
-
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
3012
|
-
};
|
|
3013
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
3014
|
-
declare type StyledComboboxProps = ComponentPropsWithRef<typeof StyledCombobox>;
|
|
294
|
+
interface ValueProps {
|
|
295
|
+
/**
|
|
296
|
+
* The label to make the remove button recognizable by the screen readers.
|
|
297
|
+
*/
|
|
298
|
+
unselectAriaLabel: string;
|
|
299
|
+
}
|
|
300
|
+
declare const Value: FC<ValueProps>;
|
|
301
|
+
|
|
302
|
+
declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
303
|
+
declare type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>;
|
|
3015
304
|
|
|
3016
|
-
interface
|
|
305
|
+
interface SeparatorProps extends StyledSeparatorProps {
|
|
306
|
+
}
|
|
307
|
+
declare const Separator: react__default.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
308
|
+
|
|
309
|
+
declare const StyledComboboxContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}>;
|
|
310
|
+
declare type StyledComboboxProps = ComponentPropsWithRef<typeof StyledComboboxContent>;
|
|
311
|
+
|
|
312
|
+
interface ComboboxProps$1 extends FormElementProps {
|
|
313
|
+
open?: boolean;
|
|
314
|
+
defaultOpen?: boolean;
|
|
315
|
+
onOpen?: () => void;
|
|
316
|
+
onClose?: () => void;
|
|
317
|
+
value?: string[];
|
|
318
|
+
defaultValue?: string[];
|
|
319
|
+
onValueChange?: (value: string[]) => void;
|
|
320
|
+
onSearchValueChange?: (value: string) => void;
|
|
321
|
+
direction?: Direction;
|
|
322
|
+
autoFilter?: boolean;
|
|
323
|
+
noResultsText?: ReactNode;
|
|
324
|
+
}
|
|
325
|
+
declare type ComboboxProviderProps = ComboboxProps$1;
|
|
326
|
+
|
|
327
|
+
interface ComboboxProps extends ComboboxProviderProps, StyledComboboxProps {
|
|
328
|
+
/**
|
|
329
|
+
* The value of the combobox when initially rendered. Use when you do not need
|
|
330
|
+
* to control the state of the combobox.
|
|
331
|
+
*/
|
|
332
|
+
defaultValue?: string[];
|
|
333
|
+
/**
|
|
334
|
+
* The controlled value of the combobox. Should be used in conjunction with
|
|
335
|
+
* onValueChange.
|
|
336
|
+
*/
|
|
337
|
+
value?: string[];
|
|
338
|
+
/**
|
|
339
|
+
* Event handler called when the value changes.
|
|
340
|
+
*/
|
|
341
|
+
onValueChange?: (value: string[]) => void;
|
|
342
|
+
/**
|
|
343
|
+
* Event handler called when the trigger input value changes.
|
|
344
|
+
*/
|
|
345
|
+
onSearchValueChange?: (value: string) => void;
|
|
346
|
+
/**
|
|
347
|
+
* The open state of the combobox when it is initially rendered. Use when you do
|
|
348
|
+
* not need to control its open state.
|
|
349
|
+
* @default false
|
|
350
|
+
*/
|
|
351
|
+
defaultOpen?: boolean;
|
|
352
|
+
/**
|
|
353
|
+
* The controlled open state of the combobox. Must be used in conjunction with
|
|
354
|
+
* onOpen and onClose.
|
|
355
|
+
*/
|
|
356
|
+
open?: boolean;
|
|
357
|
+
/**
|
|
358
|
+
* Event handler called when the combobox opens.
|
|
359
|
+
*/
|
|
360
|
+
onOpen?: () => void;
|
|
361
|
+
/**
|
|
362
|
+
* Event handler called when the combobox closes.
|
|
363
|
+
*/
|
|
364
|
+
onClose?: () => void;
|
|
365
|
+
/**
|
|
366
|
+
* The reading direction of the combobox when applicable. If omitted, inherits
|
|
367
|
+
* globally from DirectionProvider or assumes LTR (left-to-right) reading
|
|
368
|
+
* mode.
|
|
369
|
+
* @default 'ltr'
|
|
370
|
+
*/
|
|
371
|
+
direction?: Direction;
|
|
372
|
+
/**
|
|
373
|
+
* The content of the combobox
|
|
374
|
+
*/
|
|
375
|
+
children?: react__default.ReactNode;
|
|
376
|
+
/**
|
|
377
|
+
* Enables/disabled automatic filtering.
|
|
378
|
+
* @default true
|
|
379
|
+
*/
|
|
380
|
+
autoFilter?: boolean;
|
|
381
|
+
/**
|
|
382
|
+
* Text that is displayed when there are no items to display.
|
|
383
|
+
*/
|
|
384
|
+
noResultsText: ReactNode;
|
|
385
|
+
/**
|
|
386
|
+
* The name of the combobox. Submitted with its owning form as part of a
|
|
387
|
+
* name/value pair.
|
|
388
|
+
*/
|
|
389
|
+
name?: string;
|
|
3017
390
|
}
|
|
3018
391
|
declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
|
|
3019
392
|
interface Partials {
|
|
@@ -3023,6 +396,8 @@ interface Partials {
|
|
|
3023
396
|
Item: typeof Item;
|
|
3024
397
|
Group: typeof Group;
|
|
3025
398
|
GroupLabel: typeof GroupLabel;
|
|
399
|
+
Value: typeof Value;
|
|
400
|
+
Separator: typeof Separator;
|
|
3026
401
|
}
|
|
3027
402
|
|
|
3028
|
-
export { Combobox, ComboboxProps };
|
|
403
|
+
export { Combobox, ContentProps as ComboboxContentProps, GroupLabelProps as ComboboxGroupLabelProps, GroupProps as ComboboxGroupProps, ItemProps as ComboboxItemProps, PortalProps as ComboboxPortalProps, ComboboxProps, SeparatorProps as ComboboxSeparatorProps, TriggerProps as ComboboxTriggerProps, types as ComboboxTypes, ValueProps as ComboboxValueProps };
|