@mirohq/design-system-combobox 0.1.0-combobox.1 → 0.1.0-combobox.3
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 +230 -89
- package/dist/main.js.map +1 -1
- package/dist/module.js +213 -91
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +999 -222
- package/package.json +11 -8
package/dist/types.d.ts
CHANGED
|
@@ -1,18 +1,53 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { ReactNode } from 'react';
|
|
3
|
-
import
|
|
2
|
+
import react__default, { ReactNode, FC } from 'react';
|
|
3
|
+
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
4
|
+
import { InputProps } from '@mirohq/design-system-input';
|
|
4
5
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
5
6
|
import { StrictComponentProps } from '@mirohq/design-system-stitches';
|
|
6
7
|
import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
|
|
7
8
|
import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
|
|
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';
|
|
9
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
11
10
|
import { PopoverPortalProps } from '@radix-ui/react-popover';
|
|
12
11
|
import * as _ariakit_react from '@ariakit/react';
|
|
12
|
+
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
13
13
|
import { FormElementProps } from '@mirohq/design-system-base-form';
|
|
14
|
+
import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
|
|
15
|
+
|
|
16
|
+
declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & {
|
|
17
|
+
/**
|
|
18
|
+
* The content.
|
|
19
|
+
*/
|
|
20
|
+
children?: react__default.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* The size of the trigger.
|
|
23
|
+
* @default 'large'
|
|
24
|
+
*/
|
|
25
|
+
size?: InputProps['size'];
|
|
26
|
+
/**
|
|
27
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
28
|
+
* defaultValue is set.
|
|
29
|
+
*/
|
|
30
|
+
placeholder?: string | undefined;
|
|
31
|
+
}, "ref"> | Omit<packages_components_input_src_types.InputSharedProps & {
|
|
32
|
+
clearable?: undefined;
|
|
33
|
+
} & {
|
|
34
|
+
/**
|
|
35
|
+
* The content.
|
|
36
|
+
*/
|
|
37
|
+
children?: react__default.ReactNode;
|
|
38
|
+
/**
|
|
39
|
+
* The size of the trigger.
|
|
40
|
+
* @default 'large'
|
|
41
|
+
*/
|
|
42
|
+
size?: InputProps['size'];
|
|
43
|
+
/**
|
|
44
|
+
* The content that will be rendered inside the Combobox.Trigger when no value or
|
|
45
|
+
* defaultValue is set.
|
|
46
|
+
*/
|
|
47
|
+
placeholder?: string | undefined;
|
|
48
|
+
}, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
|
|
14
49
|
|
|
15
|
-
declare const
|
|
50
|
+
declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
16
51
|
'border-widths': {
|
|
17
52
|
readonly none: 0;
|
|
18
53
|
readonly sm: "1px";
|
|
@@ -21,63 +56,103 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
21
56
|
};
|
|
22
57
|
colors: {
|
|
23
58
|
readonly black: any;
|
|
59
|
+
readonly 'blue-50': any;
|
|
24
60
|
readonly 'blue-100': any;
|
|
61
|
+
readonly 'blue-150': any;
|
|
25
62
|
readonly 'blue-200': any;
|
|
63
|
+
readonly 'blue-250': any;
|
|
26
64
|
readonly 'blue-300': any;
|
|
65
|
+
readonly 'blue-350': any;
|
|
27
66
|
readonly 'blue-400': any;
|
|
67
|
+
readonly 'blue-450': any;
|
|
28
68
|
readonly 'blue-500': any;
|
|
69
|
+
readonly 'blue-550': any;
|
|
29
70
|
readonly 'blue-600': any;
|
|
71
|
+
readonly 'blue-650': any;
|
|
30
72
|
readonly 'blue-700': any;
|
|
73
|
+
readonly 'blue-750': any;
|
|
31
74
|
readonly 'blue-800': any;
|
|
75
|
+
readonly 'blue-850': any;
|
|
32
76
|
readonly 'blue-900': any;
|
|
33
|
-
readonly 'blue-
|
|
77
|
+
readonly 'blue-950': any;
|
|
78
|
+
readonly 'gray-50': any;
|
|
34
79
|
readonly 'gray-100': any;
|
|
80
|
+
readonly 'gray-150': any;
|
|
35
81
|
readonly 'gray-200': any;
|
|
82
|
+
readonly 'gray-250': any;
|
|
36
83
|
readonly 'gray-300': any;
|
|
84
|
+
readonly 'gray-350': any;
|
|
37
85
|
readonly 'gray-400': any;
|
|
86
|
+
readonly 'gray-450': any;
|
|
38
87
|
readonly 'gray-500': any;
|
|
88
|
+
readonly 'gray-550': any;
|
|
39
89
|
readonly 'gray-600': any;
|
|
90
|
+
readonly 'gray-650': any;
|
|
40
91
|
readonly 'gray-700': any;
|
|
92
|
+
readonly 'gray-750': any;
|
|
41
93
|
readonly 'gray-800': any;
|
|
94
|
+
readonly 'gray-850': any;
|
|
42
95
|
readonly 'gray-900': any;
|
|
96
|
+
readonly 'gray-950': any;
|
|
97
|
+
readonly 'green-50': any;
|
|
43
98
|
readonly 'green-100': any;
|
|
99
|
+
readonly 'green-150': any;
|
|
44
100
|
readonly 'green-200': any;
|
|
101
|
+
readonly 'green-250': any;
|
|
45
102
|
readonly 'green-300': any;
|
|
103
|
+
readonly 'green-350': any;
|
|
46
104
|
readonly 'green-400': any;
|
|
105
|
+
readonly 'green-450': any;
|
|
47
106
|
readonly 'green-500': any;
|
|
107
|
+
readonly 'green-550': any;
|
|
48
108
|
readonly 'green-600': any;
|
|
109
|
+
readonly 'green-650': any;
|
|
49
110
|
readonly 'green-700': any;
|
|
111
|
+
readonly 'green-750': any;
|
|
50
112
|
readonly 'green-800': any;
|
|
113
|
+
readonly 'green-850': any;
|
|
51
114
|
readonly 'green-900': any;
|
|
52
|
-
readonly '
|
|
53
|
-
readonly '
|
|
54
|
-
readonly 'indigo-300': any;
|
|
55
|
-
readonly 'indigo-400': any;
|
|
56
|
-
readonly 'indigo-500': any;
|
|
57
|
-
readonly 'indigo-600': any;
|
|
58
|
-
readonly 'indigo-700': any;
|
|
59
|
-
readonly 'indigo-800': any;
|
|
60
|
-
readonly 'indigo-900': any;
|
|
115
|
+
readonly 'green-950': any;
|
|
116
|
+
readonly 'red-50': any;
|
|
61
117
|
readonly 'red-100': any;
|
|
118
|
+
readonly 'red-150': any;
|
|
62
119
|
readonly 'red-200': any;
|
|
120
|
+
readonly 'red-250': any;
|
|
63
121
|
readonly 'red-300': any;
|
|
122
|
+
readonly 'red-350': any;
|
|
64
123
|
readonly 'red-400': any;
|
|
124
|
+
readonly 'red-450': any;
|
|
65
125
|
readonly 'red-500': any;
|
|
126
|
+
readonly 'red-550': any;
|
|
66
127
|
readonly 'red-600': any;
|
|
128
|
+
readonly 'red-650': any;
|
|
67
129
|
readonly 'red-700': any;
|
|
130
|
+
readonly 'red-750': any;
|
|
68
131
|
readonly 'red-800': any;
|
|
132
|
+
readonly 'red-850': any;
|
|
69
133
|
readonly 'red-900': any;
|
|
134
|
+
readonly 'red-950': any;
|
|
70
135
|
readonly transparent: any;
|
|
71
136
|
readonly white: any;
|
|
137
|
+
readonly 'yellow-50': any;
|
|
72
138
|
readonly 'yellow-100': any;
|
|
139
|
+
readonly 'yellow-150': any;
|
|
73
140
|
readonly 'yellow-200': any;
|
|
141
|
+
readonly 'yellow-250': any;
|
|
74
142
|
readonly 'yellow-300': any;
|
|
143
|
+
readonly 'yellow-350': any;
|
|
75
144
|
readonly 'yellow-400': any;
|
|
145
|
+
readonly 'yellow-450': any;
|
|
76
146
|
readonly 'yellow-500': any;
|
|
147
|
+
readonly 'yellow-550': any;
|
|
77
148
|
readonly 'yellow-600': any;
|
|
149
|
+
readonly 'yellow-650': any;
|
|
78
150
|
readonly 'yellow-700': any;
|
|
151
|
+
readonly 'yellow-750': any;
|
|
79
152
|
readonly 'yellow-800': any;
|
|
153
|
+
readonly 'yellow-850': any;
|
|
80
154
|
readonly 'yellow-900': any;
|
|
155
|
+
readonly 'yellow-950': any;
|
|
81
156
|
"background-alpha-active"?: any;
|
|
82
157
|
"background-alpha-hover"?: any;
|
|
83
158
|
"background-danger-prominent"?: any;
|
|
@@ -98,27 +173,19 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
98
173
|
"background-neutrals-inverted-subtle"?: any;
|
|
99
174
|
"background-neutrals-page"?: any;
|
|
100
175
|
"background-neutrals-page-subtle"?: any;
|
|
101
|
-
"background-neutrals-
|
|
102
|
-
"background-neutrals-
|
|
103
|
-
"background-neutrals-
|
|
104
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
105
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
176
|
+
"background-neutrals-scrollbar"?: any;
|
|
177
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
178
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
106
179
|
"background-neutrals-subtle"?: any;
|
|
107
180
|
"background-neutrals-subtle-active"?: any;
|
|
108
181
|
"background-neutrals-subtle-hover"?: any;
|
|
109
182
|
"background-primary-prominent"?: any;
|
|
110
183
|
"background-primary-prominent-active"?: any;
|
|
111
|
-
"background-primary-prominent-expanded"?: any;
|
|
112
184
|
"background-primary-prominent-hover"?: any;
|
|
113
|
-
"background-primary-prominent-pressed"?: any;
|
|
114
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
115
185
|
"background-primary-prominent-selected"?: any;
|
|
116
186
|
"background-primary-subtle"?: any;
|
|
117
187
|
"background-primary-subtle-active"?: any;
|
|
118
|
-
"background-primary-subtle-expanded"?: any;
|
|
119
188
|
"background-primary-subtle-hover"?: any;
|
|
120
|
-
"background-primary-subtle-pressed"?: any;
|
|
121
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
122
189
|
"background-primary-subtle-selected"?: any;
|
|
123
190
|
"background-success"?: any;
|
|
124
191
|
"background-success-prominent"?: any;
|
|
@@ -129,9 +196,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
129
196
|
"border-danger"?: any;
|
|
130
197
|
"border-danger-active"?: any;
|
|
131
198
|
"border-danger-hover"?: any;
|
|
199
|
+
"border-focus-error-inner"?: any;
|
|
200
|
+
"border-focus-error-middle"?: any;
|
|
201
|
+
"border-focus-error-outer"?: any;
|
|
132
202
|
"border-focus-inner"?: any;
|
|
133
203
|
"border-focus-middle"?: any;
|
|
134
204
|
"border-focus-outer"?: any;
|
|
205
|
+
"border-focus-success-inner"?: any;
|
|
206
|
+
"border-focus-success-middle"?: any;
|
|
207
|
+
"border-focus-success-outer"?: any;
|
|
135
208
|
"border-neutrals"?: any;
|
|
136
209
|
"border-neutrals-active"?: any;
|
|
137
210
|
"border-neutrals-controls"?: any;
|
|
@@ -224,21 +297,23 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
224
297
|
readonly body: "Open Sans, sans-serif";
|
|
225
298
|
};
|
|
226
299
|
radii: {
|
|
227
|
-
readonly none: 0;
|
|
228
|
-
readonly half: "999em";
|
|
229
300
|
readonly 25: "2px";
|
|
230
301
|
readonly 50: "4px";
|
|
231
302
|
readonly 75: "6px";
|
|
232
303
|
readonly 100: "8px";
|
|
233
304
|
readonly 200: "16px";
|
|
305
|
+
readonly half: "999px";
|
|
306
|
+
readonly none: "0px";
|
|
234
307
|
};
|
|
235
308
|
shadows: {
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
309
|
+
50: any;
|
|
310
|
+
100: any;
|
|
311
|
+
"focus-small": any;
|
|
312
|
+
"focus-small-outline": any;
|
|
313
|
+
"focus-large": any;
|
|
314
|
+
"focus-controls": any;
|
|
315
|
+
"focus-controls-error": any;
|
|
316
|
+
"focus-controls-success": any;
|
|
242
317
|
};
|
|
243
318
|
sizes: {
|
|
244
319
|
readonly number: string;
|
|
@@ -500,28 +575,18 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
500
575
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
501
576
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
502
577
|
};
|
|
503
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<
|
|
504
|
-
declare type
|
|
578
|
+
}>>>, 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>>, {}, {}>;
|
|
579
|
+
declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
|
|
505
580
|
|
|
506
|
-
interface
|
|
507
|
-
/**
|
|
508
|
-
* The content.
|
|
509
|
-
*/
|
|
510
|
-
children?: react__default.ReactNode;
|
|
511
|
-
/**
|
|
512
|
-
* The size of the trigger.
|
|
513
|
-
* @default 'large'
|
|
514
|
-
*/
|
|
515
|
-
size?: StyledTriggerProps['size'];
|
|
581
|
+
interface ContentProps extends StyledContentProps {
|
|
516
582
|
/**
|
|
517
|
-
*
|
|
518
|
-
* defaultValue is set.
|
|
583
|
+
* Combobox's content.
|
|
519
584
|
*/
|
|
520
|
-
|
|
585
|
+
children?: ReactNode;
|
|
521
586
|
}
|
|
522
|
-
declare const
|
|
587
|
+
declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
523
588
|
|
|
524
|
-
declare const
|
|
589
|
+
declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.ComboboxItemProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
525
590
|
'border-widths': {
|
|
526
591
|
readonly none: 0;
|
|
527
592
|
readonly sm: "1px";
|
|
@@ -530,63 +595,103 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
530
595
|
};
|
|
531
596
|
colors: {
|
|
532
597
|
readonly black: any;
|
|
598
|
+
readonly 'blue-50': any;
|
|
533
599
|
readonly 'blue-100': any;
|
|
600
|
+
readonly 'blue-150': any;
|
|
534
601
|
readonly 'blue-200': any;
|
|
602
|
+
readonly 'blue-250': any;
|
|
535
603
|
readonly 'blue-300': any;
|
|
604
|
+
readonly 'blue-350': any;
|
|
536
605
|
readonly 'blue-400': any;
|
|
606
|
+
readonly 'blue-450': any;
|
|
537
607
|
readonly 'blue-500': any;
|
|
608
|
+
readonly 'blue-550': any;
|
|
538
609
|
readonly 'blue-600': any;
|
|
610
|
+
readonly 'blue-650': any;
|
|
539
611
|
readonly 'blue-700': any;
|
|
612
|
+
readonly 'blue-750': any;
|
|
540
613
|
readonly 'blue-800': any;
|
|
614
|
+
readonly 'blue-850': any;
|
|
541
615
|
readonly 'blue-900': any;
|
|
542
|
-
readonly 'blue-
|
|
616
|
+
readonly 'blue-950': any;
|
|
617
|
+
readonly 'gray-50': any;
|
|
543
618
|
readonly 'gray-100': any;
|
|
619
|
+
readonly 'gray-150': any;
|
|
544
620
|
readonly 'gray-200': any;
|
|
621
|
+
readonly 'gray-250': any;
|
|
545
622
|
readonly 'gray-300': any;
|
|
623
|
+
readonly 'gray-350': any;
|
|
546
624
|
readonly 'gray-400': any;
|
|
625
|
+
readonly 'gray-450': any;
|
|
547
626
|
readonly 'gray-500': any;
|
|
627
|
+
readonly 'gray-550': any;
|
|
548
628
|
readonly 'gray-600': any;
|
|
629
|
+
readonly 'gray-650': any;
|
|
549
630
|
readonly 'gray-700': any;
|
|
631
|
+
readonly 'gray-750': any;
|
|
550
632
|
readonly 'gray-800': any;
|
|
633
|
+
readonly 'gray-850': any;
|
|
551
634
|
readonly 'gray-900': any;
|
|
635
|
+
readonly 'gray-950': any;
|
|
636
|
+
readonly 'green-50': any;
|
|
552
637
|
readonly 'green-100': any;
|
|
638
|
+
readonly 'green-150': any;
|
|
553
639
|
readonly 'green-200': any;
|
|
640
|
+
readonly 'green-250': any;
|
|
554
641
|
readonly 'green-300': any;
|
|
642
|
+
readonly 'green-350': any;
|
|
555
643
|
readonly 'green-400': any;
|
|
644
|
+
readonly 'green-450': any;
|
|
556
645
|
readonly 'green-500': any;
|
|
646
|
+
readonly 'green-550': any;
|
|
557
647
|
readonly 'green-600': any;
|
|
648
|
+
readonly 'green-650': any;
|
|
558
649
|
readonly 'green-700': any;
|
|
650
|
+
readonly 'green-750': any;
|
|
559
651
|
readonly 'green-800': any;
|
|
652
|
+
readonly 'green-850': any;
|
|
560
653
|
readonly 'green-900': any;
|
|
561
|
-
readonly '
|
|
562
|
-
readonly '
|
|
563
|
-
readonly 'indigo-300': any;
|
|
564
|
-
readonly 'indigo-400': any;
|
|
565
|
-
readonly 'indigo-500': any;
|
|
566
|
-
readonly 'indigo-600': any;
|
|
567
|
-
readonly 'indigo-700': any;
|
|
568
|
-
readonly 'indigo-800': any;
|
|
569
|
-
readonly 'indigo-900': any;
|
|
654
|
+
readonly 'green-950': any;
|
|
655
|
+
readonly 'red-50': any;
|
|
570
656
|
readonly 'red-100': any;
|
|
657
|
+
readonly 'red-150': any;
|
|
571
658
|
readonly 'red-200': any;
|
|
659
|
+
readonly 'red-250': any;
|
|
572
660
|
readonly 'red-300': any;
|
|
661
|
+
readonly 'red-350': any;
|
|
573
662
|
readonly 'red-400': any;
|
|
663
|
+
readonly 'red-450': any;
|
|
574
664
|
readonly 'red-500': any;
|
|
665
|
+
readonly 'red-550': any;
|
|
575
666
|
readonly 'red-600': any;
|
|
667
|
+
readonly 'red-650': any;
|
|
576
668
|
readonly 'red-700': any;
|
|
669
|
+
readonly 'red-750': any;
|
|
577
670
|
readonly 'red-800': any;
|
|
671
|
+
readonly 'red-850': any;
|
|
578
672
|
readonly 'red-900': any;
|
|
673
|
+
readonly 'red-950': any;
|
|
579
674
|
readonly transparent: any;
|
|
580
675
|
readonly white: any;
|
|
676
|
+
readonly 'yellow-50': any;
|
|
581
677
|
readonly 'yellow-100': any;
|
|
678
|
+
readonly 'yellow-150': any;
|
|
582
679
|
readonly 'yellow-200': any;
|
|
680
|
+
readonly 'yellow-250': any;
|
|
583
681
|
readonly 'yellow-300': any;
|
|
682
|
+
readonly 'yellow-350': any;
|
|
584
683
|
readonly 'yellow-400': any;
|
|
684
|
+
readonly 'yellow-450': any;
|
|
585
685
|
readonly 'yellow-500': any;
|
|
686
|
+
readonly 'yellow-550': any;
|
|
586
687
|
readonly 'yellow-600': any;
|
|
688
|
+
readonly 'yellow-650': any;
|
|
587
689
|
readonly 'yellow-700': any;
|
|
690
|
+
readonly 'yellow-750': any;
|
|
588
691
|
readonly 'yellow-800': any;
|
|
692
|
+
readonly 'yellow-850': any;
|
|
589
693
|
readonly 'yellow-900': any;
|
|
694
|
+
readonly 'yellow-950': any;
|
|
590
695
|
"background-alpha-active"?: any;
|
|
591
696
|
"background-alpha-hover"?: any;
|
|
592
697
|
"background-danger-prominent"?: any;
|
|
@@ -607,27 +712,19 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
607
712
|
"background-neutrals-inverted-subtle"?: any;
|
|
608
713
|
"background-neutrals-page"?: any;
|
|
609
714
|
"background-neutrals-page-subtle"?: any;
|
|
610
|
-
"background-neutrals-
|
|
611
|
-
"background-neutrals-
|
|
612
|
-
"background-neutrals-
|
|
613
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
614
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
715
|
+
"background-neutrals-scrollbar"?: any;
|
|
716
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
717
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
615
718
|
"background-neutrals-subtle"?: any;
|
|
616
719
|
"background-neutrals-subtle-active"?: any;
|
|
617
720
|
"background-neutrals-subtle-hover"?: any;
|
|
618
721
|
"background-primary-prominent"?: any;
|
|
619
722
|
"background-primary-prominent-active"?: any;
|
|
620
|
-
"background-primary-prominent-expanded"?: any;
|
|
621
723
|
"background-primary-prominent-hover"?: any;
|
|
622
|
-
"background-primary-prominent-pressed"?: any;
|
|
623
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
624
724
|
"background-primary-prominent-selected"?: any;
|
|
625
725
|
"background-primary-subtle"?: any;
|
|
626
726
|
"background-primary-subtle-active"?: any;
|
|
627
|
-
"background-primary-subtle-expanded"?: any;
|
|
628
727
|
"background-primary-subtle-hover"?: any;
|
|
629
|
-
"background-primary-subtle-pressed"?: any;
|
|
630
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
631
728
|
"background-primary-subtle-selected"?: any;
|
|
632
729
|
"background-success"?: any;
|
|
633
730
|
"background-success-prominent"?: any;
|
|
@@ -638,9 +735,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
638
735
|
"border-danger"?: any;
|
|
639
736
|
"border-danger-active"?: any;
|
|
640
737
|
"border-danger-hover"?: any;
|
|
738
|
+
"border-focus-error-inner"?: any;
|
|
739
|
+
"border-focus-error-middle"?: any;
|
|
740
|
+
"border-focus-error-outer"?: any;
|
|
641
741
|
"border-focus-inner"?: any;
|
|
642
742
|
"border-focus-middle"?: any;
|
|
643
743
|
"border-focus-outer"?: any;
|
|
744
|
+
"border-focus-success-inner"?: any;
|
|
745
|
+
"border-focus-success-middle"?: any;
|
|
746
|
+
"border-focus-success-outer"?: any;
|
|
644
747
|
"border-neutrals"?: any;
|
|
645
748
|
"border-neutrals-active"?: any;
|
|
646
749
|
"border-neutrals-controls"?: any;
|
|
@@ -733,21 +836,23 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
733
836
|
readonly body: "Open Sans, sans-serif";
|
|
734
837
|
};
|
|
735
838
|
radii: {
|
|
736
|
-
readonly none: 0;
|
|
737
|
-
readonly half: "999em";
|
|
738
839
|
readonly 25: "2px";
|
|
739
840
|
readonly 50: "4px";
|
|
740
841
|
readonly 75: "6px";
|
|
741
842
|
readonly 100: "8px";
|
|
742
843
|
readonly 200: "16px";
|
|
844
|
+
readonly half: "999px";
|
|
845
|
+
readonly none: "0px";
|
|
743
846
|
};
|
|
744
847
|
shadows: {
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
|
|
848
|
+
50: any;
|
|
849
|
+
100: any;
|
|
850
|
+
"focus-small": any;
|
|
851
|
+
"focus-small-outline": any;
|
|
852
|
+
"focus-large": any;
|
|
853
|
+
"focus-controls": any;
|
|
854
|
+
"focus-controls-error": any;
|
|
855
|
+
"focus-controls-success": any;
|
|
751
856
|
};
|
|
752
857
|
sizes: {
|
|
753
858
|
readonly number: string;
|
|
@@ -1009,18 +1114,41 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
1009
1114
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1010
1115
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1011
1116
|
};
|
|
1012
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.
|
|
1013
|
-
declare type
|
|
1117
|
+
}>>>, 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>>, {}, {}>;
|
|
1118
|
+
declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
|
|
1014
1119
|
|
|
1015
|
-
interface
|
|
1120
|
+
interface ItemProps extends StyledItemProps {
|
|
1016
1121
|
/**
|
|
1017
|
-
*
|
|
1122
|
+
* The value given as data when submitted with a name.
|
|
1123
|
+
*/
|
|
1124
|
+
value: string;
|
|
1125
|
+
/**
|
|
1126
|
+
* When true, prevents the user from interacting with the item.
|
|
1127
|
+
* @default false
|
|
1128
|
+
*/
|
|
1129
|
+
disabled?: boolean;
|
|
1130
|
+
/**
|
|
1131
|
+
* Optional text used for typeahead purposes. By default the typeahead
|
|
1132
|
+
* behavior will use the Combobox's item text. Use this when the content is
|
|
1133
|
+
* complex, or you have non-textual content inside.
|
|
1134
|
+
*/
|
|
1135
|
+
textValue?: string;
|
|
1136
|
+
/**
|
|
1137
|
+
* Item's content.
|
|
1018
1138
|
*/
|
|
1019
1139
|
children?: ReactNode;
|
|
1020
1140
|
}
|
|
1021
|
-
declare const
|
|
1141
|
+
declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1142
|
+
|
|
1143
|
+
interface PortalProps extends PopoverPortalProps {
|
|
1144
|
+
/**
|
|
1145
|
+
* Specify a container element to portal the content into.
|
|
1146
|
+
*/
|
|
1147
|
+
container?: HTMLElement | null;
|
|
1148
|
+
}
|
|
1149
|
+
declare const Portal: react__default.FC<PortalProps>;
|
|
1022
1150
|
|
|
1023
|
-
declare const
|
|
1151
|
+
declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
1024
1152
|
'border-widths': {
|
|
1025
1153
|
readonly none: 0;
|
|
1026
1154
|
readonly sm: "1px";
|
|
@@ -1029,63 +1157,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1029
1157
|
};
|
|
1030
1158
|
colors: {
|
|
1031
1159
|
readonly black: any;
|
|
1160
|
+
readonly 'blue-50': any;
|
|
1032
1161
|
readonly 'blue-100': any;
|
|
1162
|
+
readonly 'blue-150': any;
|
|
1033
1163
|
readonly 'blue-200': any;
|
|
1164
|
+
readonly 'blue-250': any;
|
|
1034
1165
|
readonly 'blue-300': any;
|
|
1166
|
+
readonly 'blue-350': any;
|
|
1035
1167
|
readonly 'blue-400': any;
|
|
1168
|
+
readonly 'blue-450': any;
|
|
1036
1169
|
readonly 'blue-500': any;
|
|
1170
|
+
readonly 'blue-550': any;
|
|
1037
1171
|
readonly 'blue-600': any;
|
|
1172
|
+
readonly 'blue-650': any;
|
|
1038
1173
|
readonly 'blue-700': any;
|
|
1174
|
+
readonly 'blue-750': any;
|
|
1039
1175
|
readonly 'blue-800': any;
|
|
1176
|
+
readonly 'blue-850': any;
|
|
1040
1177
|
readonly 'blue-900': any;
|
|
1041
|
-
readonly 'blue-
|
|
1178
|
+
readonly 'blue-950': any;
|
|
1179
|
+
readonly 'gray-50': any;
|
|
1042
1180
|
readonly 'gray-100': any;
|
|
1181
|
+
readonly 'gray-150': any;
|
|
1043
1182
|
readonly 'gray-200': any;
|
|
1183
|
+
readonly 'gray-250': any;
|
|
1044
1184
|
readonly 'gray-300': any;
|
|
1185
|
+
readonly 'gray-350': any;
|
|
1045
1186
|
readonly 'gray-400': any;
|
|
1187
|
+
readonly 'gray-450': any;
|
|
1046
1188
|
readonly 'gray-500': any;
|
|
1189
|
+
readonly 'gray-550': any;
|
|
1047
1190
|
readonly 'gray-600': any;
|
|
1191
|
+
readonly 'gray-650': any;
|
|
1048
1192
|
readonly 'gray-700': any;
|
|
1193
|
+
readonly 'gray-750': any;
|
|
1049
1194
|
readonly 'gray-800': any;
|
|
1195
|
+
readonly 'gray-850': any;
|
|
1050
1196
|
readonly 'gray-900': any;
|
|
1197
|
+
readonly 'gray-950': any;
|
|
1198
|
+
readonly 'green-50': any;
|
|
1051
1199
|
readonly 'green-100': any;
|
|
1200
|
+
readonly 'green-150': any;
|
|
1052
1201
|
readonly 'green-200': any;
|
|
1202
|
+
readonly 'green-250': any;
|
|
1053
1203
|
readonly 'green-300': any;
|
|
1204
|
+
readonly 'green-350': any;
|
|
1054
1205
|
readonly 'green-400': any;
|
|
1206
|
+
readonly 'green-450': any;
|
|
1055
1207
|
readonly 'green-500': any;
|
|
1208
|
+
readonly 'green-550': any;
|
|
1056
1209
|
readonly 'green-600': any;
|
|
1210
|
+
readonly 'green-650': any;
|
|
1057
1211
|
readonly 'green-700': any;
|
|
1212
|
+
readonly 'green-750': any;
|
|
1058
1213
|
readonly 'green-800': any;
|
|
1214
|
+
readonly 'green-850': any;
|
|
1059
1215
|
readonly 'green-900': any;
|
|
1060
|
-
readonly '
|
|
1061
|
-
readonly '
|
|
1062
|
-
readonly 'indigo-300': any;
|
|
1063
|
-
readonly 'indigo-400': any;
|
|
1064
|
-
readonly 'indigo-500': any;
|
|
1065
|
-
readonly 'indigo-600': any;
|
|
1066
|
-
readonly 'indigo-700': any;
|
|
1067
|
-
readonly 'indigo-800': any;
|
|
1068
|
-
readonly 'indigo-900': any;
|
|
1216
|
+
readonly 'green-950': any;
|
|
1217
|
+
readonly 'red-50': any;
|
|
1069
1218
|
readonly 'red-100': any;
|
|
1219
|
+
readonly 'red-150': any;
|
|
1070
1220
|
readonly 'red-200': any;
|
|
1221
|
+
readonly 'red-250': any;
|
|
1071
1222
|
readonly 'red-300': any;
|
|
1223
|
+
readonly 'red-350': any;
|
|
1072
1224
|
readonly 'red-400': any;
|
|
1225
|
+
readonly 'red-450': any;
|
|
1073
1226
|
readonly 'red-500': any;
|
|
1227
|
+
readonly 'red-550': any;
|
|
1074
1228
|
readonly 'red-600': any;
|
|
1229
|
+
readonly 'red-650': any;
|
|
1075
1230
|
readonly 'red-700': any;
|
|
1231
|
+
readonly 'red-750': any;
|
|
1076
1232
|
readonly 'red-800': any;
|
|
1233
|
+
readonly 'red-850': any;
|
|
1077
1234
|
readonly 'red-900': any;
|
|
1235
|
+
readonly 'red-950': any;
|
|
1078
1236
|
readonly transparent: any;
|
|
1079
1237
|
readonly white: any;
|
|
1238
|
+
readonly 'yellow-50': any;
|
|
1080
1239
|
readonly 'yellow-100': any;
|
|
1240
|
+
readonly 'yellow-150': any;
|
|
1081
1241
|
readonly 'yellow-200': any;
|
|
1242
|
+
readonly 'yellow-250': any;
|
|
1082
1243
|
readonly 'yellow-300': any;
|
|
1244
|
+
readonly 'yellow-350': any;
|
|
1083
1245
|
readonly 'yellow-400': any;
|
|
1246
|
+
readonly 'yellow-450': any;
|
|
1084
1247
|
readonly 'yellow-500': any;
|
|
1248
|
+
readonly 'yellow-550': any;
|
|
1085
1249
|
readonly 'yellow-600': any;
|
|
1250
|
+
readonly 'yellow-650': any;
|
|
1086
1251
|
readonly 'yellow-700': any;
|
|
1252
|
+
readonly 'yellow-750': any;
|
|
1087
1253
|
readonly 'yellow-800': any;
|
|
1254
|
+
readonly 'yellow-850': any;
|
|
1088
1255
|
readonly 'yellow-900': any;
|
|
1256
|
+
readonly 'yellow-950': any;
|
|
1089
1257
|
"background-alpha-active"?: any;
|
|
1090
1258
|
"background-alpha-hover"?: any;
|
|
1091
1259
|
"background-danger-prominent"?: any;
|
|
@@ -1106,27 +1274,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1106
1274
|
"background-neutrals-inverted-subtle"?: any;
|
|
1107
1275
|
"background-neutrals-page"?: any;
|
|
1108
1276
|
"background-neutrals-page-subtle"?: any;
|
|
1109
|
-
"background-neutrals-
|
|
1110
|
-
"background-neutrals-
|
|
1111
|
-
"background-neutrals-
|
|
1112
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1113
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1277
|
+
"background-neutrals-scrollbar"?: any;
|
|
1278
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
1279
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
1114
1280
|
"background-neutrals-subtle"?: any;
|
|
1115
1281
|
"background-neutrals-subtle-active"?: any;
|
|
1116
1282
|
"background-neutrals-subtle-hover"?: any;
|
|
1117
1283
|
"background-primary-prominent"?: any;
|
|
1118
1284
|
"background-primary-prominent-active"?: any;
|
|
1119
|
-
"background-primary-prominent-expanded"?: any;
|
|
1120
1285
|
"background-primary-prominent-hover"?: any;
|
|
1121
|
-
"background-primary-prominent-pressed"?: any;
|
|
1122
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1123
1286
|
"background-primary-prominent-selected"?: any;
|
|
1124
1287
|
"background-primary-subtle"?: any;
|
|
1125
1288
|
"background-primary-subtle-active"?: any;
|
|
1126
|
-
"background-primary-subtle-expanded"?: any;
|
|
1127
1289
|
"background-primary-subtle-hover"?: any;
|
|
1128
|
-
"background-primary-subtle-pressed"?: any;
|
|
1129
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1130
1290
|
"background-primary-subtle-selected"?: any;
|
|
1131
1291
|
"background-success"?: any;
|
|
1132
1292
|
"background-success-prominent"?: any;
|
|
@@ -1137,9 +1297,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1137
1297
|
"border-danger"?: any;
|
|
1138
1298
|
"border-danger-active"?: any;
|
|
1139
1299
|
"border-danger-hover"?: any;
|
|
1300
|
+
"border-focus-error-inner"?: any;
|
|
1301
|
+
"border-focus-error-middle"?: any;
|
|
1302
|
+
"border-focus-error-outer"?: any;
|
|
1140
1303
|
"border-focus-inner"?: any;
|
|
1141
1304
|
"border-focus-middle"?: any;
|
|
1142
1305
|
"border-focus-outer"?: any;
|
|
1306
|
+
"border-focus-success-inner"?: any;
|
|
1307
|
+
"border-focus-success-middle"?: any;
|
|
1308
|
+
"border-focus-success-outer"?: any;
|
|
1143
1309
|
"border-neutrals"?: any;
|
|
1144
1310
|
"border-neutrals-active"?: any;
|
|
1145
1311
|
"border-neutrals-controls"?: any;
|
|
@@ -1232,21 +1398,23 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1232
1398
|
readonly body: "Open Sans, sans-serif";
|
|
1233
1399
|
};
|
|
1234
1400
|
radii: {
|
|
1235
|
-
readonly none: 0;
|
|
1236
|
-
readonly half: "999em";
|
|
1237
1401
|
readonly 25: "2px";
|
|
1238
1402
|
readonly 50: "4px";
|
|
1239
1403
|
readonly 75: "6px";
|
|
1240
1404
|
readonly 100: "8px";
|
|
1241
1405
|
readonly 200: "16px";
|
|
1406
|
+
readonly half: "999px";
|
|
1407
|
+
readonly none: "0px";
|
|
1242
1408
|
};
|
|
1243
1409
|
shadows: {
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
|
|
1410
|
+
50: any;
|
|
1411
|
+
100: any;
|
|
1412
|
+
"focus-small": any;
|
|
1413
|
+
"focus-small-outline": any;
|
|
1414
|
+
"focus-large": any;
|
|
1415
|
+
"focus-controls": any;
|
|
1416
|
+
"focus-controls-error": any;
|
|
1417
|
+
"focus-controls-success": any;
|
|
1250
1418
|
};
|
|
1251
1419
|
sizes: {
|
|
1252
1420
|
readonly number: string;
|
|
@@ -1508,37 +1676,14 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1508
1676
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1509
1677
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1510
1678
|
};
|
|
1511
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<react.
|
|
1512
|
-
declare type
|
|
1513
|
-
|
|
1514
|
-
interface ItemProps extends StyledItemProps {
|
|
1515
|
-
/**
|
|
1516
|
-
* The value given as data when submitted with a name.
|
|
1517
|
-
*/
|
|
1518
|
-
value: string;
|
|
1519
|
-
/**
|
|
1520
|
-
* When true, prevents the user from interacting with the item.
|
|
1521
|
-
* @default false
|
|
1522
|
-
*/
|
|
1523
|
-
disabled?: boolean;
|
|
1524
|
-
/**
|
|
1525
|
-
* Optional text used for typeahead purposes. By default the typeahead
|
|
1526
|
-
* behavior will use the Combobox's item text. Use this when the content is
|
|
1527
|
-
* complex, or you have non-textual content inside.
|
|
1528
|
-
*/
|
|
1529
|
-
textValue?: string;
|
|
1530
|
-
}
|
|
1531
|
-
declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1679
|
+
}>>>, 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>>, {}, {}>;
|
|
1680
|
+
declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
|
|
1532
1681
|
|
|
1533
|
-
interface
|
|
1534
|
-
/**
|
|
1535
|
-
* Specify a container element to portal the content into.
|
|
1536
|
-
*/
|
|
1537
|
-
container?: HTMLElement | null;
|
|
1682
|
+
interface GroupProps extends StyledGroupProps {
|
|
1538
1683
|
}
|
|
1539
|
-
declare const
|
|
1684
|
+
declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1540
1685
|
|
|
1541
|
-
declare const
|
|
1686
|
+
declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<(props: _ariakit_react.GroupLabelProps<"div">) => react.ReactElement<any, string | react.JSXElementConstructor<any>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
1542
1687
|
'border-widths': {
|
|
1543
1688
|
readonly none: 0;
|
|
1544
1689
|
readonly sm: "1px";
|
|
@@ -1547,63 +1692,103 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1547
1692
|
};
|
|
1548
1693
|
colors: {
|
|
1549
1694
|
readonly black: any;
|
|
1695
|
+
readonly 'blue-50': any;
|
|
1550
1696
|
readonly 'blue-100': any;
|
|
1697
|
+
readonly 'blue-150': any;
|
|
1551
1698
|
readonly 'blue-200': any;
|
|
1699
|
+
readonly 'blue-250': any;
|
|
1552
1700
|
readonly 'blue-300': any;
|
|
1701
|
+
readonly 'blue-350': any;
|
|
1553
1702
|
readonly 'blue-400': any;
|
|
1703
|
+
readonly 'blue-450': any;
|
|
1554
1704
|
readonly 'blue-500': any;
|
|
1705
|
+
readonly 'blue-550': any;
|
|
1555
1706
|
readonly 'blue-600': any;
|
|
1707
|
+
readonly 'blue-650': any;
|
|
1556
1708
|
readonly 'blue-700': any;
|
|
1709
|
+
readonly 'blue-750': any;
|
|
1557
1710
|
readonly 'blue-800': any;
|
|
1711
|
+
readonly 'blue-850': any;
|
|
1558
1712
|
readonly 'blue-900': any;
|
|
1559
|
-
readonly 'blue-
|
|
1713
|
+
readonly 'blue-950': any;
|
|
1714
|
+
readonly 'gray-50': any;
|
|
1560
1715
|
readonly 'gray-100': any;
|
|
1716
|
+
readonly 'gray-150': any;
|
|
1561
1717
|
readonly 'gray-200': any;
|
|
1718
|
+
readonly 'gray-250': any;
|
|
1562
1719
|
readonly 'gray-300': any;
|
|
1720
|
+
readonly 'gray-350': any;
|
|
1563
1721
|
readonly 'gray-400': any;
|
|
1722
|
+
readonly 'gray-450': any;
|
|
1564
1723
|
readonly 'gray-500': any;
|
|
1724
|
+
readonly 'gray-550': any;
|
|
1565
1725
|
readonly 'gray-600': any;
|
|
1726
|
+
readonly 'gray-650': any;
|
|
1566
1727
|
readonly 'gray-700': any;
|
|
1728
|
+
readonly 'gray-750': any;
|
|
1567
1729
|
readonly 'gray-800': any;
|
|
1730
|
+
readonly 'gray-850': any;
|
|
1568
1731
|
readonly 'gray-900': any;
|
|
1732
|
+
readonly 'gray-950': any;
|
|
1733
|
+
readonly 'green-50': any;
|
|
1569
1734
|
readonly 'green-100': any;
|
|
1735
|
+
readonly 'green-150': any;
|
|
1570
1736
|
readonly 'green-200': any;
|
|
1737
|
+
readonly 'green-250': any;
|
|
1571
1738
|
readonly 'green-300': any;
|
|
1739
|
+
readonly 'green-350': any;
|
|
1572
1740
|
readonly 'green-400': any;
|
|
1741
|
+
readonly 'green-450': any;
|
|
1573
1742
|
readonly 'green-500': any;
|
|
1743
|
+
readonly 'green-550': any;
|
|
1574
1744
|
readonly 'green-600': any;
|
|
1745
|
+
readonly 'green-650': any;
|
|
1575
1746
|
readonly 'green-700': any;
|
|
1747
|
+
readonly 'green-750': any;
|
|
1576
1748
|
readonly 'green-800': any;
|
|
1749
|
+
readonly 'green-850': any;
|
|
1577
1750
|
readonly 'green-900': any;
|
|
1578
|
-
readonly '
|
|
1579
|
-
readonly '
|
|
1580
|
-
readonly 'indigo-300': any;
|
|
1581
|
-
readonly 'indigo-400': any;
|
|
1582
|
-
readonly 'indigo-500': any;
|
|
1583
|
-
readonly 'indigo-600': any;
|
|
1584
|
-
readonly 'indigo-700': any;
|
|
1585
|
-
readonly 'indigo-800': any;
|
|
1586
|
-
readonly 'indigo-900': any;
|
|
1751
|
+
readonly 'green-950': any;
|
|
1752
|
+
readonly 'red-50': any;
|
|
1587
1753
|
readonly 'red-100': any;
|
|
1754
|
+
readonly 'red-150': any;
|
|
1588
1755
|
readonly 'red-200': any;
|
|
1756
|
+
readonly 'red-250': any;
|
|
1589
1757
|
readonly 'red-300': any;
|
|
1758
|
+
readonly 'red-350': any;
|
|
1590
1759
|
readonly 'red-400': any;
|
|
1760
|
+
readonly 'red-450': any;
|
|
1591
1761
|
readonly 'red-500': any;
|
|
1762
|
+
readonly 'red-550': any;
|
|
1592
1763
|
readonly 'red-600': any;
|
|
1764
|
+
readonly 'red-650': any;
|
|
1593
1765
|
readonly 'red-700': any;
|
|
1766
|
+
readonly 'red-750': any;
|
|
1594
1767
|
readonly 'red-800': any;
|
|
1768
|
+
readonly 'red-850': any;
|
|
1595
1769
|
readonly 'red-900': any;
|
|
1770
|
+
readonly 'red-950': any;
|
|
1596
1771
|
readonly transparent: any;
|
|
1597
1772
|
readonly white: any;
|
|
1773
|
+
readonly 'yellow-50': any;
|
|
1598
1774
|
readonly 'yellow-100': any;
|
|
1775
|
+
readonly 'yellow-150': any;
|
|
1599
1776
|
readonly 'yellow-200': any;
|
|
1777
|
+
readonly 'yellow-250': any;
|
|
1600
1778
|
readonly 'yellow-300': any;
|
|
1779
|
+
readonly 'yellow-350': any;
|
|
1601
1780
|
readonly 'yellow-400': any;
|
|
1781
|
+
readonly 'yellow-450': any;
|
|
1602
1782
|
readonly 'yellow-500': any;
|
|
1783
|
+
readonly 'yellow-550': any;
|
|
1603
1784
|
readonly 'yellow-600': any;
|
|
1785
|
+
readonly 'yellow-650': any;
|
|
1604
1786
|
readonly 'yellow-700': any;
|
|
1787
|
+
readonly 'yellow-750': any;
|
|
1605
1788
|
readonly 'yellow-800': any;
|
|
1789
|
+
readonly 'yellow-850': any;
|
|
1606
1790
|
readonly 'yellow-900': any;
|
|
1791
|
+
readonly 'yellow-950': any;
|
|
1607
1792
|
"background-alpha-active"?: any;
|
|
1608
1793
|
"background-alpha-hover"?: any;
|
|
1609
1794
|
"background-danger-prominent"?: any;
|
|
@@ -1624,27 +1809,19 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1624
1809
|
"background-neutrals-inverted-subtle"?: any;
|
|
1625
1810
|
"background-neutrals-page"?: any;
|
|
1626
1811
|
"background-neutrals-page-subtle"?: any;
|
|
1627
|
-
"background-neutrals-
|
|
1628
|
-
"background-neutrals-
|
|
1629
|
-
"background-neutrals-
|
|
1630
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1631
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1812
|
+
"background-neutrals-scrollbar"?: any;
|
|
1813
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
1814
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
1632
1815
|
"background-neutrals-subtle"?: any;
|
|
1633
1816
|
"background-neutrals-subtle-active"?: any;
|
|
1634
1817
|
"background-neutrals-subtle-hover"?: any;
|
|
1635
1818
|
"background-primary-prominent"?: any;
|
|
1636
1819
|
"background-primary-prominent-active"?: any;
|
|
1637
|
-
"background-primary-prominent-expanded"?: any;
|
|
1638
1820
|
"background-primary-prominent-hover"?: any;
|
|
1639
|
-
"background-primary-prominent-pressed"?: any;
|
|
1640
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1641
1821
|
"background-primary-prominent-selected"?: any;
|
|
1642
1822
|
"background-primary-subtle"?: any;
|
|
1643
1823
|
"background-primary-subtle-active"?: any;
|
|
1644
|
-
"background-primary-subtle-expanded"?: any;
|
|
1645
1824
|
"background-primary-subtle-hover"?: any;
|
|
1646
|
-
"background-primary-subtle-pressed"?: any;
|
|
1647
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1648
1825
|
"background-primary-subtle-selected"?: any;
|
|
1649
1826
|
"background-success"?: any;
|
|
1650
1827
|
"background-success-prominent"?: any;
|
|
@@ -1655,9 +1832,15 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1655
1832
|
"border-danger"?: any;
|
|
1656
1833
|
"border-danger-active"?: any;
|
|
1657
1834
|
"border-danger-hover"?: any;
|
|
1835
|
+
"border-focus-error-inner"?: any;
|
|
1836
|
+
"border-focus-error-middle"?: any;
|
|
1837
|
+
"border-focus-error-outer"?: any;
|
|
1658
1838
|
"border-focus-inner"?: any;
|
|
1659
1839
|
"border-focus-middle"?: any;
|
|
1660
1840
|
"border-focus-outer"?: any;
|
|
1841
|
+
"border-focus-success-inner"?: any;
|
|
1842
|
+
"border-focus-success-middle"?: any;
|
|
1843
|
+
"border-focus-success-outer"?: any;
|
|
1661
1844
|
"border-neutrals"?: any;
|
|
1662
1845
|
"border-neutrals-active"?: any;
|
|
1663
1846
|
"border-neutrals-controls"?: any;
|
|
@@ -1750,21 +1933,23 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1750
1933
|
readonly body: "Open Sans, sans-serif";
|
|
1751
1934
|
};
|
|
1752
1935
|
radii: {
|
|
1753
|
-
readonly none: 0;
|
|
1754
|
-
readonly half: "999em";
|
|
1755
1936
|
readonly 25: "2px";
|
|
1756
1937
|
readonly 50: "4px";
|
|
1757
1938
|
readonly 75: "6px";
|
|
1758
1939
|
readonly 100: "8px";
|
|
1759
1940
|
readonly 200: "16px";
|
|
1941
|
+
readonly half: "999px";
|
|
1942
|
+
readonly none: "0px";
|
|
1760
1943
|
};
|
|
1761
1944
|
shadows: {
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1945
|
+
50: any;
|
|
1946
|
+
100: any;
|
|
1947
|
+
"focus-small": any;
|
|
1948
|
+
"focus-small-outline": any;
|
|
1949
|
+
"focus-large": any;
|
|
1950
|
+
"focus-controls": any;
|
|
1951
|
+
"focus-controls-error": any;
|
|
1952
|
+
"focus-controls-success": any;
|
|
1768
1953
|
};
|
|
1769
1954
|
sizes: {
|
|
1770
1955
|
readonly number: string;
|
|
@@ -2026,14 +2211,14 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
2026
2211
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2027
2212
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2028
2213
|
};
|
|
2029
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<(props: _ariakit_react.
|
|
2030
|
-
declare type
|
|
2214
|
+
}>>>, 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>>, {}, {}>;
|
|
2215
|
+
declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
|
|
2031
2216
|
|
|
2032
|
-
interface
|
|
2217
|
+
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2033
2218
|
}
|
|
2034
|
-
declare const
|
|
2219
|
+
declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2035
2220
|
|
|
2036
|
-
declare const
|
|
2221
|
+
declare const StyledChip: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"div">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
2037
2222
|
'border-widths': {
|
|
2038
2223
|
readonly none: 0;
|
|
2039
2224
|
readonly sm: "1px";
|
|
@@ -2042,63 +2227,103 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2042
2227
|
};
|
|
2043
2228
|
colors: {
|
|
2044
2229
|
readonly black: any;
|
|
2230
|
+
readonly 'blue-50': any;
|
|
2045
2231
|
readonly 'blue-100': any;
|
|
2232
|
+
readonly 'blue-150': any;
|
|
2046
2233
|
readonly 'blue-200': any;
|
|
2234
|
+
readonly 'blue-250': any;
|
|
2047
2235
|
readonly 'blue-300': any;
|
|
2236
|
+
readonly 'blue-350': any;
|
|
2048
2237
|
readonly 'blue-400': any;
|
|
2238
|
+
readonly 'blue-450': any;
|
|
2049
2239
|
readonly 'blue-500': any;
|
|
2240
|
+
readonly 'blue-550': any;
|
|
2050
2241
|
readonly 'blue-600': any;
|
|
2242
|
+
readonly 'blue-650': any;
|
|
2051
2243
|
readonly 'blue-700': any;
|
|
2244
|
+
readonly 'blue-750': any;
|
|
2052
2245
|
readonly 'blue-800': any;
|
|
2246
|
+
readonly 'blue-850': any;
|
|
2053
2247
|
readonly 'blue-900': any;
|
|
2054
|
-
readonly 'blue-
|
|
2248
|
+
readonly 'blue-950': any;
|
|
2249
|
+
readonly 'gray-50': any;
|
|
2055
2250
|
readonly 'gray-100': any;
|
|
2251
|
+
readonly 'gray-150': any;
|
|
2056
2252
|
readonly 'gray-200': any;
|
|
2253
|
+
readonly 'gray-250': any;
|
|
2057
2254
|
readonly 'gray-300': any;
|
|
2255
|
+
readonly 'gray-350': any;
|
|
2058
2256
|
readonly 'gray-400': any;
|
|
2257
|
+
readonly 'gray-450': any;
|
|
2059
2258
|
readonly 'gray-500': any;
|
|
2259
|
+
readonly 'gray-550': any;
|
|
2060
2260
|
readonly 'gray-600': any;
|
|
2261
|
+
readonly 'gray-650': any;
|
|
2061
2262
|
readonly 'gray-700': any;
|
|
2263
|
+
readonly 'gray-750': any;
|
|
2062
2264
|
readonly 'gray-800': any;
|
|
2265
|
+
readonly 'gray-850': any;
|
|
2063
2266
|
readonly 'gray-900': any;
|
|
2267
|
+
readonly 'gray-950': any;
|
|
2268
|
+
readonly 'green-50': any;
|
|
2064
2269
|
readonly 'green-100': any;
|
|
2270
|
+
readonly 'green-150': any;
|
|
2065
2271
|
readonly 'green-200': any;
|
|
2272
|
+
readonly 'green-250': any;
|
|
2066
2273
|
readonly 'green-300': any;
|
|
2274
|
+
readonly 'green-350': any;
|
|
2067
2275
|
readonly 'green-400': any;
|
|
2276
|
+
readonly 'green-450': any;
|
|
2068
2277
|
readonly 'green-500': any;
|
|
2278
|
+
readonly 'green-550': any;
|
|
2069
2279
|
readonly 'green-600': any;
|
|
2280
|
+
readonly 'green-650': any;
|
|
2070
2281
|
readonly 'green-700': any;
|
|
2282
|
+
readonly 'green-750': any;
|
|
2071
2283
|
readonly 'green-800': any;
|
|
2284
|
+
readonly 'green-850': any;
|
|
2072
2285
|
readonly 'green-900': any;
|
|
2073
|
-
readonly '
|
|
2074
|
-
readonly '
|
|
2075
|
-
readonly 'indigo-300': any;
|
|
2076
|
-
readonly 'indigo-400': any;
|
|
2077
|
-
readonly 'indigo-500': any;
|
|
2078
|
-
readonly 'indigo-600': any;
|
|
2079
|
-
readonly 'indigo-700': any;
|
|
2080
|
-
readonly 'indigo-800': any;
|
|
2081
|
-
readonly 'indigo-900': any;
|
|
2286
|
+
readonly 'green-950': any;
|
|
2287
|
+
readonly 'red-50': any;
|
|
2082
2288
|
readonly 'red-100': any;
|
|
2289
|
+
readonly 'red-150': any;
|
|
2083
2290
|
readonly 'red-200': any;
|
|
2291
|
+
readonly 'red-250': any;
|
|
2084
2292
|
readonly 'red-300': any;
|
|
2293
|
+
readonly 'red-350': any;
|
|
2085
2294
|
readonly 'red-400': any;
|
|
2295
|
+
readonly 'red-450': any;
|
|
2086
2296
|
readonly 'red-500': any;
|
|
2297
|
+
readonly 'red-550': any;
|
|
2087
2298
|
readonly 'red-600': any;
|
|
2299
|
+
readonly 'red-650': any;
|
|
2088
2300
|
readonly 'red-700': any;
|
|
2301
|
+
readonly 'red-750': any;
|
|
2089
2302
|
readonly 'red-800': any;
|
|
2303
|
+
readonly 'red-850': any;
|
|
2090
2304
|
readonly 'red-900': any;
|
|
2305
|
+
readonly 'red-950': any;
|
|
2091
2306
|
readonly transparent: any;
|
|
2092
2307
|
readonly white: any;
|
|
2308
|
+
readonly 'yellow-50': any;
|
|
2093
2309
|
readonly 'yellow-100': any;
|
|
2310
|
+
readonly 'yellow-150': any;
|
|
2094
2311
|
readonly 'yellow-200': any;
|
|
2312
|
+
readonly 'yellow-250': any;
|
|
2095
2313
|
readonly 'yellow-300': any;
|
|
2314
|
+
readonly 'yellow-350': any;
|
|
2096
2315
|
readonly 'yellow-400': any;
|
|
2316
|
+
readonly 'yellow-450': any;
|
|
2097
2317
|
readonly 'yellow-500': any;
|
|
2318
|
+
readonly 'yellow-550': any;
|
|
2098
2319
|
readonly 'yellow-600': any;
|
|
2320
|
+
readonly 'yellow-650': any;
|
|
2099
2321
|
readonly 'yellow-700': any;
|
|
2322
|
+
readonly 'yellow-750': any;
|
|
2100
2323
|
readonly 'yellow-800': any;
|
|
2324
|
+
readonly 'yellow-850': any;
|
|
2101
2325
|
readonly 'yellow-900': any;
|
|
2326
|
+
readonly 'yellow-950': any;
|
|
2102
2327
|
"background-alpha-active"?: any;
|
|
2103
2328
|
"background-alpha-hover"?: any;
|
|
2104
2329
|
"background-danger-prominent"?: any;
|
|
@@ -2119,27 +2344,19 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2119
2344
|
"background-neutrals-inverted-subtle"?: any;
|
|
2120
2345
|
"background-neutrals-page"?: any;
|
|
2121
2346
|
"background-neutrals-page-subtle"?: any;
|
|
2122
|
-
"background-neutrals-
|
|
2123
|
-
"background-neutrals-
|
|
2124
|
-
"background-neutrals-
|
|
2125
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
2126
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
2347
|
+
"background-neutrals-scrollbar"?: any;
|
|
2348
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
2349
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
2127
2350
|
"background-neutrals-subtle"?: any;
|
|
2128
2351
|
"background-neutrals-subtle-active"?: any;
|
|
2129
2352
|
"background-neutrals-subtle-hover"?: any;
|
|
2130
2353
|
"background-primary-prominent"?: any;
|
|
2131
2354
|
"background-primary-prominent-active"?: any;
|
|
2132
|
-
"background-primary-prominent-expanded"?: any;
|
|
2133
2355
|
"background-primary-prominent-hover"?: any;
|
|
2134
|
-
"background-primary-prominent-pressed"?: any;
|
|
2135
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
2136
2356
|
"background-primary-prominent-selected"?: any;
|
|
2137
2357
|
"background-primary-subtle"?: any;
|
|
2138
2358
|
"background-primary-subtle-active"?: any;
|
|
2139
|
-
"background-primary-subtle-expanded"?: any;
|
|
2140
2359
|
"background-primary-subtle-hover"?: any;
|
|
2141
|
-
"background-primary-subtle-pressed"?: any;
|
|
2142
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
2143
2360
|
"background-primary-subtle-selected"?: any;
|
|
2144
2361
|
"background-success"?: any;
|
|
2145
2362
|
"background-success-prominent"?: any;
|
|
@@ -2150,9 +2367,15 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2150
2367
|
"border-danger"?: any;
|
|
2151
2368
|
"border-danger-active"?: any;
|
|
2152
2369
|
"border-danger-hover"?: any;
|
|
2370
|
+
"border-focus-error-inner"?: any;
|
|
2371
|
+
"border-focus-error-middle"?: any;
|
|
2372
|
+
"border-focus-error-outer"?: any;
|
|
2153
2373
|
"border-focus-inner"?: any;
|
|
2154
2374
|
"border-focus-middle"?: any;
|
|
2155
2375
|
"border-focus-outer"?: any;
|
|
2376
|
+
"border-focus-success-inner"?: any;
|
|
2377
|
+
"border-focus-success-middle"?: any;
|
|
2378
|
+
"border-focus-success-outer"?: any;
|
|
2156
2379
|
"border-neutrals"?: any;
|
|
2157
2380
|
"border-neutrals-active"?: any;
|
|
2158
2381
|
"border-neutrals-controls"?: any;
|
|
@@ -2245,21 +2468,23 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2245
2468
|
readonly body: "Open Sans, sans-serif";
|
|
2246
2469
|
};
|
|
2247
2470
|
radii: {
|
|
2248
|
-
readonly none: 0;
|
|
2249
|
-
readonly half: "999em";
|
|
2250
2471
|
readonly 25: "2px";
|
|
2251
2472
|
readonly 50: "4px";
|
|
2252
2473
|
readonly 75: "6px";
|
|
2253
2474
|
readonly 100: "8px";
|
|
2254
2475
|
readonly 200: "16px";
|
|
2476
|
+
readonly half: "999px";
|
|
2477
|
+
readonly none: "0px";
|
|
2255
2478
|
};
|
|
2256
2479
|
shadows: {
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2480
|
+
50: any;
|
|
2481
|
+
100: any;
|
|
2482
|
+
"focus-small": any;
|
|
2483
|
+
"focus-small-outline": any;
|
|
2484
|
+
"focus-large": any;
|
|
2485
|
+
"focus-controls": any;
|
|
2486
|
+
"focus-controls-error": any;
|
|
2487
|
+
"focus-controls-success": any;
|
|
2263
2488
|
};
|
|
2264
2489
|
sizes: {
|
|
2265
2490
|
readonly number: string;
|
|
@@ -2521,22 +2746,24 @@ declare const StyledGroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2521
2746
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2522
2747
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2523
2748
|
};
|
|
2524
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLDivElement>> & _mirohq_design_system_stitches.StitchesInternals<
|
|
2525
|
-
declare type
|
|
2526
|
-
|
|
2527
|
-
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2528
|
-
}
|
|
2529
|
-
declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2749
|
+
}>>>, 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">>, {}, {}>;
|
|
2750
|
+
declare type StyledChipProps = StrictComponentProps<typeof StyledChip>;
|
|
2530
2751
|
|
|
2531
|
-
declare
|
|
2752
|
+
declare type ValueProps = StyledChipProps & {
|
|
2753
|
+
/**
|
|
2754
|
+
* Remove chip label used to make the button recognizable by the screen readers.
|
|
2755
|
+
*/
|
|
2756
|
+
removeChipAriaLabel?: string;
|
|
2757
|
+
};
|
|
2758
|
+
declare const Value: FC<ValueProps>;
|
|
2532
2759
|
|
|
2533
2760
|
declare type Direction = 'ltr' | 'rtl';
|
|
2534
2761
|
|
|
2535
2762
|
interface ComboboxProps$1 extends FormElementProps {
|
|
2536
2763
|
open?: boolean;
|
|
2537
2764
|
defaultOpen?: boolean;
|
|
2538
|
-
value?: string;
|
|
2539
|
-
defaultValue?: string;
|
|
2765
|
+
value?: string[];
|
|
2766
|
+
defaultValue?: string[];
|
|
2540
2767
|
searchValue?: string;
|
|
2541
2768
|
direction?: Direction;
|
|
2542
2769
|
}
|
|
@@ -2547,16 +2774,16 @@ interface ComboboxProps extends ComboboxProviderProps {
|
|
|
2547
2774
|
* The value of the combobox when initially rendered. Use when you do not need
|
|
2548
2775
|
* to control the state of the combobox.
|
|
2549
2776
|
*/
|
|
2550
|
-
defaultValue?: string;
|
|
2777
|
+
defaultValue?: string[];
|
|
2551
2778
|
/**
|
|
2552
2779
|
* The controlled value of the combobox. Should be used in conjunction with
|
|
2553
2780
|
* onValueChange.
|
|
2554
2781
|
*/
|
|
2555
|
-
value?: string;
|
|
2782
|
+
value?: string[];
|
|
2556
2783
|
/**
|
|
2557
2784
|
* Event handler called when the value changes.
|
|
2558
2785
|
*/
|
|
2559
|
-
onValueChange?: (value: string) => void;
|
|
2786
|
+
onValueChange?: (value: string[]) => void;
|
|
2560
2787
|
/**
|
|
2561
2788
|
* The open state of the combobox when it is initially rendered. Use when you do
|
|
2562
2789
|
* not need to control its open state.
|
|
@@ -2588,8 +2815,8 @@ interface ComboboxProps extends ComboboxProviderProps {
|
|
|
2588
2815
|
*/
|
|
2589
2816
|
children?: react__default.ReactNode;
|
|
2590
2817
|
}
|
|
2591
|
-
declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials;
|
|
2592
|
-
interface Partials {
|
|
2818
|
+
declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials$1;
|
|
2819
|
+
interface Partials$1 {
|
|
2593
2820
|
Portal: typeof Portal;
|
|
2594
2821
|
Trigger: typeof Trigger;
|
|
2595
2822
|
Content: typeof Content;
|
|
@@ -2599,4 +2826,554 @@ interface Partials {
|
|
|
2599
2826
|
Value: typeof Value;
|
|
2600
2827
|
}
|
|
2601
2828
|
|
|
2602
|
-
|
|
2829
|
+
declare const LeftSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"span">>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
|
|
2830
|
+
'border-widths': {
|
|
2831
|
+
readonly none: 0;
|
|
2832
|
+
readonly sm: "1px";
|
|
2833
|
+
readonly md: "2px";
|
|
2834
|
+
readonly lg: "4px";
|
|
2835
|
+
};
|
|
2836
|
+
colors: {
|
|
2837
|
+
readonly black: any;
|
|
2838
|
+
readonly 'blue-50': any;
|
|
2839
|
+
readonly 'blue-100': any;
|
|
2840
|
+
readonly 'blue-150': any;
|
|
2841
|
+
readonly 'blue-200': any;
|
|
2842
|
+
readonly 'blue-250': any;
|
|
2843
|
+
readonly 'blue-300': any;
|
|
2844
|
+
readonly 'blue-350': any;
|
|
2845
|
+
readonly 'blue-400': any;
|
|
2846
|
+
readonly 'blue-450': any;
|
|
2847
|
+
readonly 'blue-500': any;
|
|
2848
|
+
readonly 'blue-550': any;
|
|
2849
|
+
readonly 'blue-600': any;
|
|
2850
|
+
readonly 'blue-650': any;
|
|
2851
|
+
readonly 'blue-700': any;
|
|
2852
|
+
readonly 'blue-750': any;
|
|
2853
|
+
readonly 'blue-800': any;
|
|
2854
|
+
readonly 'blue-850': any;
|
|
2855
|
+
readonly 'blue-900': any;
|
|
2856
|
+
readonly 'blue-950': any;
|
|
2857
|
+
readonly 'gray-50': any;
|
|
2858
|
+
readonly 'gray-100': any;
|
|
2859
|
+
readonly 'gray-150': any;
|
|
2860
|
+
readonly 'gray-200': any;
|
|
2861
|
+
readonly 'gray-250': any;
|
|
2862
|
+
readonly 'gray-300': any;
|
|
2863
|
+
readonly 'gray-350': any;
|
|
2864
|
+
readonly 'gray-400': any;
|
|
2865
|
+
readonly 'gray-450': any;
|
|
2866
|
+
readonly 'gray-500': any;
|
|
2867
|
+
readonly 'gray-550': any;
|
|
2868
|
+
readonly 'gray-600': any;
|
|
2869
|
+
readonly 'gray-650': any;
|
|
2870
|
+
readonly 'gray-700': any;
|
|
2871
|
+
readonly 'gray-750': any;
|
|
2872
|
+
readonly 'gray-800': any;
|
|
2873
|
+
readonly 'gray-850': any;
|
|
2874
|
+
readonly 'gray-900': any;
|
|
2875
|
+
readonly 'gray-950': any;
|
|
2876
|
+
readonly 'green-50': any;
|
|
2877
|
+
readonly 'green-100': any;
|
|
2878
|
+
readonly 'green-150': any;
|
|
2879
|
+
readonly 'green-200': any;
|
|
2880
|
+
readonly 'green-250': any;
|
|
2881
|
+
readonly 'green-300': any;
|
|
2882
|
+
readonly 'green-350': any;
|
|
2883
|
+
readonly 'green-400': any;
|
|
2884
|
+
readonly 'green-450': any;
|
|
2885
|
+
readonly 'green-500': any;
|
|
2886
|
+
readonly 'green-550': any;
|
|
2887
|
+
readonly 'green-600': any;
|
|
2888
|
+
readonly 'green-650': any;
|
|
2889
|
+
readonly 'green-700': any;
|
|
2890
|
+
readonly 'green-750': any;
|
|
2891
|
+
readonly 'green-800': any;
|
|
2892
|
+
readonly 'green-850': any;
|
|
2893
|
+
readonly 'green-900': any;
|
|
2894
|
+
readonly 'green-950': any;
|
|
2895
|
+
readonly 'red-50': any;
|
|
2896
|
+
readonly 'red-100': any;
|
|
2897
|
+
readonly 'red-150': any;
|
|
2898
|
+
readonly 'red-200': any;
|
|
2899
|
+
readonly 'red-250': any;
|
|
2900
|
+
readonly 'red-300': any;
|
|
2901
|
+
readonly 'red-350': any;
|
|
2902
|
+
readonly 'red-400': any;
|
|
2903
|
+
readonly 'red-450': any;
|
|
2904
|
+
readonly 'red-500': any;
|
|
2905
|
+
readonly 'red-550': any;
|
|
2906
|
+
readonly 'red-600': any;
|
|
2907
|
+
readonly 'red-650': any;
|
|
2908
|
+
readonly 'red-700': any;
|
|
2909
|
+
readonly 'red-750': any;
|
|
2910
|
+
readonly 'red-800': any;
|
|
2911
|
+
readonly 'red-850': any;
|
|
2912
|
+
readonly 'red-900': any;
|
|
2913
|
+
readonly 'red-950': any;
|
|
2914
|
+
readonly transparent: any;
|
|
2915
|
+
readonly white: any;
|
|
2916
|
+
readonly 'yellow-50': any;
|
|
2917
|
+
readonly 'yellow-100': any;
|
|
2918
|
+
readonly 'yellow-150': any;
|
|
2919
|
+
readonly 'yellow-200': any;
|
|
2920
|
+
readonly 'yellow-250': any;
|
|
2921
|
+
readonly 'yellow-300': any;
|
|
2922
|
+
readonly 'yellow-350': any;
|
|
2923
|
+
readonly 'yellow-400': any;
|
|
2924
|
+
readonly 'yellow-450': any;
|
|
2925
|
+
readonly 'yellow-500': any;
|
|
2926
|
+
readonly 'yellow-550': any;
|
|
2927
|
+
readonly 'yellow-600': any;
|
|
2928
|
+
readonly 'yellow-650': any;
|
|
2929
|
+
readonly 'yellow-700': any;
|
|
2930
|
+
readonly 'yellow-750': any;
|
|
2931
|
+
readonly 'yellow-800': any;
|
|
2932
|
+
readonly 'yellow-850': any;
|
|
2933
|
+
readonly 'yellow-900': any;
|
|
2934
|
+
readonly 'yellow-950': any;
|
|
2935
|
+
"background-alpha-active"?: any;
|
|
2936
|
+
"background-alpha-hover"?: any;
|
|
2937
|
+
"background-danger-prominent"?: any;
|
|
2938
|
+
"background-danger-prominent-active"?: any;
|
|
2939
|
+
"background-danger-prominent-hover"?: any;
|
|
2940
|
+
"background-danger-subtle"?: any;
|
|
2941
|
+
"background-danger-subtle-active"?: any;
|
|
2942
|
+
"background-danger-subtle-hover"?: any;
|
|
2943
|
+
"background-neutrals"?: any;
|
|
2944
|
+
"background-neutrals-active"?: any;
|
|
2945
|
+
"background-neutrals-container"?: any;
|
|
2946
|
+
"background-neutrals-controls-disabled"?: any;
|
|
2947
|
+
"background-neutrals-disabled"?: any;
|
|
2948
|
+
"background-neutrals-hover"?: any;
|
|
2949
|
+
"background-neutrals-inactive"?: any;
|
|
2950
|
+
"background-neutrals-inactive-hover"?: any;
|
|
2951
|
+
"background-neutrals-inverted"?: any;
|
|
2952
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
2953
|
+
"background-neutrals-page"?: any;
|
|
2954
|
+
"background-neutrals-page-subtle"?: any;
|
|
2955
|
+
"background-neutrals-scrollbar"?: any;
|
|
2956
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
2957
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
2958
|
+
"background-neutrals-subtle"?: any;
|
|
2959
|
+
"background-neutrals-subtle-active"?: any;
|
|
2960
|
+
"background-neutrals-subtle-hover"?: any;
|
|
2961
|
+
"background-primary-prominent"?: any;
|
|
2962
|
+
"background-primary-prominent-active"?: any;
|
|
2963
|
+
"background-primary-prominent-hover"?: any;
|
|
2964
|
+
"background-primary-prominent-selected"?: any;
|
|
2965
|
+
"background-primary-subtle"?: any;
|
|
2966
|
+
"background-primary-subtle-active"?: any;
|
|
2967
|
+
"background-primary-subtle-hover"?: any;
|
|
2968
|
+
"background-primary-subtle-selected"?: any;
|
|
2969
|
+
"background-success"?: any;
|
|
2970
|
+
"background-success-prominent"?: any;
|
|
2971
|
+
"background-success-prominent-active"?: any;
|
|
2972
|
+
"background-success-prominent-hover"?: any;
|
|
2973
|
+
"background-warning-prominent"?: any;
|
|
2974
|
+
"background-warning-subtle"?: any;
|
|
2975
|
+
"border-danger"?: any;
|
|
2976
|
+
"border-danger-active"?: any;
|
|
2977
|
+
"border-danger-hover"?: any;
|
|
2978
|
+
"border-focus-error-inner"?: any;
|
|
2979
|
+
"border-focus-error-middle"?: any;
|
|
2980
|
+
"border-focus-error-outer"?: any;
|
|
2981
|
+
"border-focus-inner"?: any;
|
|
2982
|
+
"border-focus-middle"?: any;
|
|
2983
|
+
"border-focus-outer"?: any;
|
|
2984
|
+
"border-focus-success-inner"?: any;
|
|
2985
|
+
"border-focus-success-middle"?: any;
|
|
2986
|
+
"border-focus-success-outer"?: any;
|
|
2987
|
+
"border-neutrals"?: any;
|
|
2988
|
+
"border-neutrals-active"?: any;
|
|
2989
|
+
"border-neutrals-controls"?: any;
|
|
2990
|
+
"border-neutrals-controls-disabled"?: any;
|
|
2991
|
+
"border-neutrals-disabled"?: any;
|
|
2992
|
+
"border-neutrals-hover"?: any;
|
|
2993
|
+
"border-neutrals-inverted"?: any;
|
|
2994
|
+
"border-neutrals-subtle"?: any;
|
|
2995
|
+
"border-neutrals-text"?: any;
|
|
2996
|
+
"border-neutrals-text-active"?: any;
|
|
2997
|
+
"border-neutrals-text-hover"?: any;
|
|
2998
|
+
"border-neutrals-text-subtle"?: any;
|
|
2999
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
3000
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
3001
|
+
"border-neutrals-transparent"?: any;
|
|
3002
|
+
"border-primary"?: any;
|
|
3003
|
+
"border-primary-active"?: any;
|
|
3004
|
+
"border-primary-hover"?: any;
|
|
3005
|
+
"border-primary-inverted"?: any;
|
|
3006
|
+
"border-success"?: any;
|
|
3007
|
+
"border-success-active"?: any;
|
|
3008
|
+
"border-success-hover"?: any;
|
|
3009
|
+
"border-warning"?: any;
|
|
3010
|
+
"icon-danger"?: any;
|
|
3011
|
+
"icon-danger-active"?: any;
|
|
3012
|
+
"icon-danger-hover"?: any;
|
|
3013
|
+
"icon-danger-inverted"?: any;
|
|
3014
|
+
"icon-neutrals"?: any;
|
|
3015
|
+
"icon-neutrals-disabled"?: any;
|
|
3016
|
+
"icon-neutrals-inactive"?: any;
|
|
3017
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
3018
|
+
"icon-neutrals-inverted"?: any;
|
|
3019
|
+
"icon-neutrals-search"?: any;
|
|
3020
|
+
"icon-neutrals-subtle"?: any;
|
|
3021
|
+
"icon-neutrals-text"?: any;
|
|
3022
|
+
"icon-primary"?: any;
|
|
3023
|
+
"icon-primary-active"?: any;
|
|
3024
|
+
"icon-primary-hover"?: any;
|
|
3025
|
+
"icon-primary-inverted"?: any;
|
|
3026
|
+
"icon-primary-selected"?: any;
|
|
3027
|
+
"icon-success"?: any;
|
|
3028
|
+
"icon-success-active"?: any;
|
|
3029
|
+
"icon-success-hover"?: any;
|
|
3030
|
+
"icon-success-inverted"?: any;
|
|
3031
|
+
"icon-warning"?: any;
|
|
3032
|
+
"icon-warning-prominent"?: any;
|
|
3033
|
+
"icon-warning-subtle"?: any;
|
|
3034
|
+
"text-danger"?: any;
|
|
3035
|
+
"text-danger-active"?: any;
|
|
3036
|
+
"text-danger-hover"?: any;
|
|
3037
|
+
"text-danger-inverted"?: any;
|
|
3038
|
+
"text-neutrals"?: any;
|
|
3039
|
+
"text-neutrals-active"?: any;
|
|
3040
|
+
"text-neutrals-disabled"?: any;
|
|
3041
|
+
"text-neutrals-hover"?: any;
|
|
3042
|
+
"text-neutrals-inverted"?: any;
|
|
3043
|
+
"text-neutrals-placeholder"?: any;
|
|
3044
|
+
"text-neutrals-placeholder-only"?: any;
|
|
3045
|
+
"text-neutrals-subtle"?: any;
|
|
3046
|
+
"text-neutrals-subtle-active"?: any;
|
|
3047
|
+
"text-neutrals-subtle-hover"?: any;
|
|
3048
|
+
"text-primary"?: any;
|
|
3049
|
+
"text-primary-active"?: any;
|
|
3050
|
+
"text-primary-hover"?: any;
|
|
3051
|
+
"text-primary-inverted"?: any;
|
|
3052
|
+
"text-primary-inverted-subtle"?: any;
|
|
3053
|
+
"text-primary-selected"?: any;
|
|
3054
|
+
"text-success"?: any;
|
|
3055
|
+
"text-success-active"?: any;
|
|
3056
|
+
"text-success-hover"?: any;
|
|
3057
|
+
"text-success-inverted"?: any;
|
|
3058
|
+
"text-warning"?: any;
|
|
3059
|
+
"text-warning-subtle"?: any;
|
|
3060
|
+
};
|
|
3061
|
+
'font-sizes': {
|
|
3062
|
+
readonly 150: "0.75rem";
|
|
3063
|
+
readonly 175: "0.875rem";
|
|
3064
|
+
readonly 200: "1rem";
|
|
3065
|
+
readonly 225: "1.125rem";
|
|
3066
|
+
readonly 250: "1.25rem";
|
|
3067
|
+
readonly 300: "1.5rem";
|
|
3068
|
+
readonly 400: "2rem";
|
|
3069
|
+
readonly 500: "2.5rem";
|
|
3070
|
+
readonly 600: "3rem";
|
|
3071
|
+
readonly 800: "4rem";
|
|
3072
|
+
readonly 900: "4.5rem";
|
|
3073
|
+
};
|
|
3074
|
+
fonts: {
|
|
3075
|
+
readonly heading: "Roobert, sans-serif";
|
|
3076
|
+
readonly body: "Open Sans, sans-serif";
|
|
3077
|
+
};
|
|
3078
|
+
radii: {
|
|
3079
|
+
readonly 25: "2px";
|
|
3080
|
+
readonly 50: "4px";
|
|
3081
|
+
readonly 75: "6px";
|
|
3082
|
+
readonly 100: "8px";
|
|
3083
|
+
readonly 200: "16px";
|
|
3084
|
+
readonly half: "999px";
|
|
3085
|
+
readonly none: "0px";
|
|
3086
|
+
};
|
|
3087
|
+
shadows: {
|
|
3088
|
+
50: any;
|
|
3089
|
+
100: any;
|
|
3090
|
+
"focus-small": any;
|
|
3091
|
+
"focus-small-outline": any;
|
|
3092
|
+
"focus-large": any;
|
|
3093
|
+
"focus-controls": any;
|
|
3094
|
+
"focus-controls-error": any;
|
|
3095
|
+
"focus-controls-success": any;
|
|
3096
|
+
};
|
|
3097
|
+
sizes: {
|
|
3098
|
+
readonly number: string;
|
|
3099
|
+
readonly 'icon-200': "16px";
|
|
3100
|
+
readonly 'icon-300': "24px";
|
|
3101
|
+
readonly 'icon-400': "32px";
|
|
3102
|
+
};
|
|
3103
|
+
space: {
|
|
3104
|
+
readonly 0: "0px";
|
|
3105
|
+
readonly 25: "2px";
|
|
3106
|
+
readonly 50: "4px";
|
|
3107
|
+
readonly 100: "8px";
|
|
3108
|
+
readonly 150: "12px";
|
|
3109
|
+
readonly 200: "16px";
|
|
3110
|
+
readonly 300: "24px";
|
|
3111
|
+
readonly 400: "32px";
|
|
3112
|
+
readonly 500: "40px";
|
|
3113
|
+
readonly 600: "48px";
|
|
3114
|
+
readonly 700: "56px";
|
|
3115
|
+
readonly 800: "64px";
|
|
3116
|
+
readonly 1200: "96px";
|
|
3117
|
+
readonly 1600: "128px";
|
|
3118
|
+
};
|
|
3119
|
+
'space-gap': {
|
|
3120
|
+
readonly 0: any;
|
|
3121
|
+
readonly 50: any;
|
|
3122
|
+
readonly 100: any;
|
|
3123
|
+
readonly 200: any;
|
|
3124
|
+
readonly 300: any;
|
|
3125
|
+
};
|
|
3126
|
+
'space-inset': {
|
|
3127
|
+
readonly 0: any;
|
|
3128
|
+
readonly 50: any;
|
|
3129
|
+
readonly 100: any;
|
|
3130
|
+
readonly 150: any;
|
|
3131
|
+
readonly 200: any;
|
|
3132
|
+
readonly 300: any;
|
|
3133
|
+
readonly 400: any;
|
|
3134
|
+
readonly 500: any;
|
|
3135
|
+
readonly 600: any;
|
|
3136
|
+
readonly 700: any;
|
|
3137
|
+
readonly 800: any;
|
|
3138
|
+
readonly 1200: any;
|
|
3139
|
+
readonly 1600: any;
|
|
3140
|
+
};
|
|
3141
|
+
'space-offset': {
|
|
3142
|
+
readonly 0: any;
|
|
3143
|
+
readonly 50: any;
|
|
3144
|
+
readonly 100: any;
|
|
3145
|
+
readonly 150: any;
|
|
3146
|
+
readonly 200: any;
|
|
3147
|
+
readonly 300: any;
|
|
3148
|
+
readonly 400: any;
|
|
3149
|
+
readonly 600: any;
|
|
3150
|
+
readonly 800: any;
|
|
3151
|
+
readonly 1200: any;
|
|
3152
|
+
readonly 1600: any;
|
|
3153
|
+
readonly 'stacking-0': any;
|
|
3154
|
+
readonly 'stacking-100': any;
|
|
3155
|
+
readonly 'stacking-200': any;
|
|
3156
|
+
readonly 'stacking-300': any;
|
|
3157
|
+
readonly 'stacking-400': any;
|
|
3158
|
+
readonly 'stacking-500': any;
|
|
3159
|
+
readonly 'stacking-800': any;
|
|
3160
|
+
};
|
|
3161
|
+
'stroke-width': {
|
|
3162
|
+
readonly thin: "1.5px";
|
|
3163
|
+
readonly normal: "2px";
|
|
3164
|
+
readonly bold: "4px";
|
|
3165
|
+
};
|
|
3166
|
+
'z-indices': {
|
|
3167
|
+
readonly dropdownMenu: 100;
|
|
3168
|
+
readonly select: 200;
|
|
3169
|
+
readonly popover: 300;
|
|
3170
|
+
readonly tooltip: 400;
|
|
3171
|
+
};
|
|
3172
|
+
}, {
|
|
3173
|
+
readonly background: "colors";
|
|
3174
|
+
readonly backgroundColor: "colors";
|
|
3175
|
+
readonly backgroundImage: "colors";
|
|
3176
|
+
readonly blockSize: "sizes";
|
|
3177
|
+
readonly border: "colors";
|
|
3178
|
+
readonly borderBlock: "colors";
|
|
3179
|
+
readonly borderBlockEnd: "colors";
|
|
3180
|
+
readonly borderBlockStart: "colors";
|
|
3181
|
+
readonly borderBottom: "colors";
|
|
3182
|
+
readonly borderBottomColor: "colors";
|
|
3183
|
+
readonly borderBottomLeftRadius: "radii";
|
|
3184
|
+
readonly borderBottomRightRadius: "radii";
|
|
3185
|
+
readonly borderBottomStyle: "border-styles";
|
|
3186
|
+
readonly borderBottomWidth: "border-widths";
|
|
3187
|
+
readonly borderColor: "colors";
|
|
3188
|
+
readonly borderImage: "colors";
|
|
3189
|
+
readonly borderInline: "colors";
|
|
3190
|
+
readonly borderInlineEnd: "colors";
|
|
3191
|
+
readonly borderInlineStart: "colors";
|
|
3192
|
+
readonly borderLeft: "colors";
|
|
3193
|
+
readonly borderLeftColor: "colors";
|
|
3194
|
+
readonly borderLeftStyle: "border-styles";
|
|
3195
|
+
readonly borderLeftWidth: "border-widths";
|
|
3196
|
+
readonly borderRadius: "radii";
|
|
3197
|
+
readonly borderRight: "colors";
|
|
3198
|
+
readonly borderRightColor: "colors";
|
|
3199
|
+
readonly borderRightStyle: "border-styles";
|
|
3200
|
+
readonly borderRightWidth: "border-widths";
|
|
3201
|
+
readonly borderSpacing: "space-offset";
|
|
3202
|
+
readonly borderStyle: "border-styles";
|
|
3203
|
+
readonly borderTop: "colors";
|
|
3204
|
+
readonly borderTopColor: "colors";
|
|
3205
|
+
readonly borderTopLeftRadius: "radii";
|
|
3206
|
+
readonly borderTopRightRadius: "radii";
|
|
3207
|
+
readonly borderTopStyle: "border-styles";
|
|
3208
|
+
readonly borderTopWidth: "border-widths";
|
|
3209
|
+
readonly borderWidth: "border-widths";
|
|
3210
|
+
readonly bottom: "space";
|
|
3211
|
+
readonly boxShadow: "shadows";
|
|
3212
|
+
readonly caretColor: "colors";
|
|
3213
|
+
readonly color: "colors";
|
|
3214
|
+
readonly columnGap: "space-gap";
|
|
3215
|
+
readonly columnRuleColor: "colors";
|
|
3216
|
+
readonly fill: "colors";
|
|
3217
|
+
readonly flexBasis: "sizes";
|
|
3218
|
+
readonly fontFamily: "fonts";
|
|
3219
|
+
readonly fontSize: "font-sizes";
|
|
3220
|
+
readonly fontWeight: "font-weights";
|
|
3221
|
+
readonly gap: "space-gap";
|
|
3222
|
+
readonly gridColumnGap: "space-gap";
|
|
3223
|
+
readonly gridGap: "space-gap";
|
|
3224
|
+
readonly gridRowGap: "space-gap";
|
|
3225
|
+
readonly gridTemplateColumns: "sizes";
|
|
3226
|
+
readonly gridTemplateRows: "sizes";
|
|
3227
|
+
readonly height: "sizes";
|
|
3228
|
+
readonly inlineSize: "sizes";
|
|
3229
|
+
readonly inset: "space-inset";
|
|
3230
|
+
readonly insetBlock: "space-inset";
|
|
3231
|
+
readonly insetBlockEnd: "space-inset";
|
|
3232
|
+
readonly insetBlockStart: "space-inset";
|
|
3233
|
+
readonly insetInline: "space-inset";
|
|
3234
|
+
readonly insetInlineEnd: "space-inset";
|
|
3235
|
+
readonly insetInlineStart: "space-inset";
|
|
3236
|
+
readonly left: "space";
|
|
3237
|
+
readonly letterSpacing: "letter-spacings";
|
|
3238
|
+
readonly lineHeight: "line-heights";
|
|
3239
|
+
readonly margin: "space-offset";
|
|
3240
|
+
readonly marginBlock: "space-offset";
|
|
3241
|
+
readonly marginBlockEnd: "space-offset";
|
|
3242
|
+
readonly marginBlockStart: "space-offset";
|
|
3243
|
+
readonly marginBottom: "space-offset";
|
|
3244
|
+
readonly marginInline: "space-offset";
|
|
3245
|
+
readonly marginInlineEnd: "space-offset";
|
|
3246
|
+
readonly marginInlineStart: "space-offset";
|
|
3247
|
+
readonly marginLeft: "space-offset";
|
|
3248
|
+
readonly marginRight: "space-offset";
|
|
3249
|
+
readonly marginTop: "space-offset";
|
|
3250
|
+
readonly maxBlockSize: "sizes";
|
|
3251
|
+
readonly maxHeight: "sizes";
|
|
3252
|
+
readonly maxInlineSize: "sizes";
|
|
3253
|
+
readonly maxWidth: "sizes";
|
|
3254
|
+
readonly minBlockSize: "sizes";
|
|
3255
|
+
readonly minHeight: "sizes";
|
|
3256
|
+
readonly minInlineSize: "sizes";
|
|
3257
|
+
readonly minWidth: "sizes";
|
|
3258
|
+
readonly outline: "colors";
|
|
3259
|
+
readonly outlineColor: "colors";
|
|
3260
|
+
readonly padding: "space-inset";
|
|
3261
|
+
readonly paddingBlock: "space-inset";
|
|
3262
|
+
readonly paddingBlockEnd: "space-inset";
|
|
3263
|
+
readonly paddingBlockStart: "space-inset";
|
|
3264
|
+
readonly paddingBottom: "space-inset";
|
|
3265
|
+
readonly paddingInline: "space-inset";
|
|
3266
|
+
readonly paddingInlineEnd: "space-inset";
|
|
3267
|
+
readonly paddingInlineStart: "space-inset";
|
|
3268
|
+
readonly paddingLeft: "space-inset";
|
|
3269
|
+
readonly paddingRight: "space-inset";
|
|
3270
|
+
readonly paddingTop: "space-inset";
|
|
3271
|
+
readonly right: "space";
|
|
3272
|
+
readonly rowGap: "space-gap";
|
|
3273
|
+
readonly scrollMargin: "space-offset";
|
|
3274
|
+
readonly scrollMarginBlock: "space-offset";
|
|
3275
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
3276
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
3277
|
+
readonly scrollMarginBottom: "space-offset";
|
|
3278
|
+
readonly scrollMarginInline: "space-offset";
|
|
3279
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
3280
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
3281
|
+
readonly scrollMarginLeft: "space-offset";
|
|
3282
|
+
readonly scrollMarginRight: "space-offset";
|
|
3283
|
+
readonly scrollMarginTop: "space-offset";
|
|
3284
|
+
readonly scrollPadding: "space-inset";
|
|
3285
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
3286
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
3287
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
3288
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
3289
|
+
readonly scrollPaddingInline: "space-inset";
|
|
3290
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
3291
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
3292
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
3293
|
+
readonly scrollPaddingRight: "space-inset";
|
|
3294
|
+
readonly scrollPaddingTop: "space-inset";
|
|
3295
|
+
readonly stroke: "colors";
|
|
3296
|
+
readonly strokeWidth: "stroke-width";
|
|
3297
|
+
readonly textDecorationColor: "colors";
|
|
3298
|
+
readonly textShadow: "shadows";
|
|
3299
|
+
readonly top: "space";
|
|
3300
|
+
readonly transition: "transitions";
|
|
3301
|
+
readonly width: "sizes";
|
|
3302
|
+
readonly zIndex: "z-indices";
|
|
3303
|
+
}, {
|
|
3304
|
+
paddingX: (value: {
|
|
3305
|
+
readonly [$$PropertyValue]: "padding";
|
|
3306
|
+
}) => {
|
|
3307
|
+
paddingLeft: {
|
|
3308
|
+
readonly [$$PropertyValue]: "padding";
|
|
3309
|
+
};
|
|
3310
|
+
paddingRight: {
|
|
3311
|
+
readonly [$$PropertyValue]: "padding";
|
|
3312
|
+
};
|
|
3313
|
+
};
|
|
3314
|
+
paddingY: (value: {
|
|
3315
|
+
readonly [$$PropertyValue]: "padding";
|
|
3316
|
+
}) => {
|
|
3317
|
+
paddingTop: {
|
|
3318
|
+
readonly [$$PropertyValue]: "padding";
|
|
3319
|
+
};
|
|
3320
|
+
paddingBottom: {
|
|
3321
|
+
readonly [$$PropertyValue]: "padding";
|
|
3322
|
+
};
|
|
3323
|
+
};
|
|
3324
|
+
marginX: (value: {
|
|
3325
|
+
readonly [$$PropertyValue]: "margin";
|
|
3326
|
+
}) => {
|
|
3327
|
+
marginLeft: {
|
|
3328
|
+
readonly [$$PropertyValue]: "margin";
|
|
3329
|
+
};
|
|
3330
|
+
marginRight: {
|
|
3331
|
+
readonly [$$PropertyValue]: "margin";
|
|
3332
|
+
};
|
|
3333
|
+
};
|
|
3334
|
+
marginY: (value: {
|
|
3335
|
+
readonly [$$PropertyValue]: "margin";
|
|
3336
|
+
}) => {
|
|
3337
|
+
marginTop: {
|
|
3338
|
+
readonly [$$PropertyValue]: "margin";
|
|
3339
|
+
};
|
|
3340
|
+
marginBottom: {
|
|
3341
|
+
readonly [$$PropertyValue]: "margin";
|
|
3342
|
+
};
|
|
3343
|
+
};
|
|
3344
|
+
square: (value: {
|
|
3345
|
+
readonly [$$PropertyValue]: "width";
|
|
3346
|
+
}) => {
|
|
3347
|
+
width: {
|
|
3348
|
+
readonly [$$PropertyValue]: "width";
|
|
3349
|
+
};
|
|
3350
|
+
height: {
|
|
3351
|
+
readonly [$$PropertyValue]: "width";
|
|
3352
|
+
};
|
|
3353
|
+
};
|
|
3354
|
+
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
3355
|
+
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
3356
|
+
};
|
|
3357
|
+
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_components_primitive.PrimitiveProps<"span">>, {}, {}>;
|
|
3358
|
+
|
|
3359
|
+
declare type ChipProps = StyledChipProps & {
|
|
3360
|
+
/**
|
|
3361
|
+
* Event handler called when the chip's remove button is clicked.
|
|
3362
|
+
*/
|
|
3363
|
+
onRemove?: (event: react__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
3364
|
+
/**
|
|
3365
|
+
* When true, prevents the user from interacting with the item.
|
|
3366
|
+
* @default false
|
|
3367
|
+
*/
|
|
3368
|
+
disabled?: boolean;
|
|
3369
|
+
/**
|
|
3370
|
+
* Remove chip label used to make the button recognizable by the screen readers.
|
|
3371
|
+
*/
|
|
3372
|
+
removeChipAriaLabel?: string;
|
|
3373
|
+
};
|
|
3374
|
+
declare const Chip: react__default.ForwardRefExoticComponent<ChipProps> & Partials;
|
|
3375
|
+
interface Partials {
|
|
3376
|
+
LeftSlot: typeof LeftSlot;
|
|
3377
|
+
}
|
|
3378
|
+
|
|
3379
|
+
export { Chip, ChipProps, Combobox, ComboboxProps };
|