@mirohq/design-system-combobox 0.1.0-combobox.2 → 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 +78 -13
- package/dist/main.js.map +1 -1
- package/dist/module.js +81 -17
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +1454 -205
- package/package.json +8 -7
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode, FC } from 'react';
|
|
3
3
|
import * as packages_components_input_src_types from 'packages/components/input/src/types';
|
|
4
4
|
import { InputProps } from '@mirohq/design-system-input';
|
|
5
5
|
import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
|
|
@@ -9,13 +9,15 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
|
|
|
9
9
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
10
10
|
import { PopoverPortalProps } from '@radix-ui/react-popover';
|
|
11
11
|
import * as _ariakit_react from '@ariakit/react';
|
|
12
|
+
import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
|
|
12
13
|
import { FormElementProps } from '@mirohq/design-system-base-form';
|
|
14
|
+
import * as _mirohq_design_system_components_primitive from '@mirohq/design-system-components/primitive';
|
|
13
15
|
|
|
14
|
-
declare const Trigger:
|
|
16
|
+
declare const Trigger: react__default.ForwardRefExoticComponent<(Omit<packages_components_input_src_types.InputSharedProps & packages_components_input_src_types.ClearProps & {
|
|
15
17
|
/**
|
|
16
18
|
* The content.
|
|
17
19
|
*/
|
|
18
|
-
children?:
|
|
20
|
+
children?: react__default.ReactNode;
|
|
19
21
|
/**
|
|
20
22
|
* The size of the trigger.
|
|
21
23
|
* @default 'large'
|
|
@@ -32,7 +34,7 @@ declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_c
|
|
|
32
34
|
/**
|
|
33
35
|
* The content.
|
|
34
36
|
*/
|
|
35
|
-
children?:
|
|
37
|
+
children?: react__default.ReactNode;
|
|
36
38
|
/**
|
|
37
39
|
* The size of the trigger.
|
|
38
40
|
* @default 'large'
|
|
@@ -43,9 +45,9 @@ declare const Trigger: React__default.ForwardRefExoticComponent<(Omit<packages_c
|
|
|
43
45
|
* defaultValue is set.
|
|
44
46
|
*/
|
|
45
47
|
placeholder?: string | undefined;
|
|
46
|
-
}, "ref">) &
|
|
48
|
+
}, "ref">) & react__default.RefAttributes<HTMLInputElement>>;
|
|
47
49
|
|
|
48
|
-
declare const StyledContent:
|
|
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<{}, {
|
|
49
51
|
'border-widths': {
|
|
50
52
|
readonly none: 0;
|
|
51
53
|
readonly sm: "1px";
|
|
@@ -54,63 +56,103 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
54
56
|
};
|
|
55
57
|
colors: {
|
|
56
58
|
readonly black: any;
|
|
59
|
+
readonly 'blue-50': any;
|
|
57
60
|
readonly 'blue-100': any;
|
|
61
|
+
readonly 'blue-150': any;
|
|
58
62
|
readonly 'blue-200': any;
|
|
63
|
+
readonly 'blue-250': any;
|
|
59
64
|
readonly 'blue-300': any;
|
|
65
|
+
readonly 'blue-350': any;
|
|
60
66
|
readonly 'blue-400': any;
|
|
67
|
+
readonly 'blue-450': any;
|
|
61
68
|
readonly 'blue-500': any;
|
|
69
|
+
readonly 'blue-550': any;
|
|
62
70
|
readonly 'blue-600': any;
|
|
71
|
+
readonly 'blue-650': any;
|
|
63
72
|
readonly 'blue-700': any;
|
|
73
|
+
readonly 'blue-750': any;
|
|
64
74
|
readonly 'blue-800': any;
|
|
75
|
+
readonly 'blue-850': any;
|
|
65
76
|
readonly 'blue-900': any;
|
|
66
|
-
readonly 'blue-
|
|
77
|
+
readonly 'blue-950': any;
|
|
78
|
+
readonly 'gray-50': any;
|
|
67
79
|
readonly 'gray-100': any;
|
|
80
|
+
readonly 'gray-150': any;
|
|
68
81
|
readonly 'gray-200': any;
|
|
82
|
+
readonly 'gray-250': any;
|
|
69
83
|
readonly 'gray-300': any;
|
|
84
|
+
readonly 'gray-350': any;
|
|
70
85
|
readonly 'gray-400': any;
|
|
86
|
+
readonly 'gray-450': any;
|
|
71
87
|
readonly 'gray-500': any;
|
|
88
|
+
readonly 'gray-550': any;
|
|
72
89
|
readonly 'gray-600': any;
|
|
90
|
+
readonly 'gray-650': any;
|
|
73
91
|
readonly 'gray-700': any;
|
|
92
|
+
readonly 'gray-750': any;
|
|
74
93
|
readonly 'gray-800': any;
|
|
94
|
+
readonly 'gray-850': any;
|
|
75
95
|
readonly 'gray-900': any;
|
|
96
|
+
readonly 'gray-950': any;
|
|
97
|
+
readonly 'green-50': any;
|
|
76
98
|
readonly 'green-100': any;
|
|
99
|
+
readonly 'green-150': any;
|
|
77
100
|
readonly 'green-200': any;
|
|
101
|
+
readonly 'green-250': any;
|
|
78
102
|
readonly 'green-300': any;
|
|
103
|
+
readonly 'green-350': any;
|
|
79
104
|
readonly 'green-400': any;
|
|
105
|
+
readonly 'green-450': any;
|
|
80
106
|
readonly 'green-500': any;
|
|
107
|
+
readonly 'green-550': any;
|
|
81
108
|
readonly 'green-600': any;
|
|
109
|
+
readonly 'green-650': any;
|
|
82
110
|
readonly 'green-700': any;
|
|
111
|
+
readonly 'green-750': any;
|
|
83
112
|
readonly 'green-800': any;
|
|
113
|
+
readonly 'green-850': any;
|
|
84
114
|
readonly 'green-900': any;
|
|
85
|
-
readonly '
|
|
86
|
-
readonly '
|
|
87
|
-
readonly 'indigo-300': any;
|
|
88
|
-
readonly 'indigo-400': any;
|
|
89
|
-
readonly 'indigo-500': any;
|
|
90
|
-
readonly 'indigo-600': any;
|
|
91
|
-
readonly 'indigo-700': any;
|
|
92
|
-
readonly 'indigo-800': any;
|
|
93
|
-
readonly 'indigo-900': any;
|
|
115
|
+
readonly 'green-950': any;
|
|
116
|
+
readonly 'red-50': any;
|
|
94
117
|
readonly 'red-100': any;
|
|
118
|
+
readonly 'red-150': any;
|
|
95
119
|
readonly 'red-200': any;
|
|
120
|
+
readonly 'red-250': any;
|
|
96
121
|
readonly 'red-300': any;
|
|
122
|
+
readonly 'red-350': any;
|
|
97
123
|
readonly 'red-400': any;
|
|
124
|
+
readonly 'red-450': any;
|
|
98
125
|
readonly 'red-500': any;
|
|
126
|
+
readonly 'red-550': any;
|
|
99
127
|
readonly 'red-600': any;
|
|
128
|
+
readonly 'red-650': any;
|
|
100
129
|
readonly 'red-700': any;
|
|
130
|
+
readonly 'red-750': any;
|
|
101
131
|
readonly 'red-800': any;
|
|
132
|
+
readonly 'red-850': any;
|
|
102
133
|
readonly 'red-900': any;
|
|
134
|
+
readonly 'red-950': any;
|
|
103
135
|
readonly transparent: any;
|
|
104
136
|
readonly white: any;
|
|
137
|
+
readonly 'yellow-50': any;
|
|
105
138
|
readonly 'yellow-100': any;
|
|
139
|
+
readonly 'yellow-150': any;
|
|
106
140
|
readonly 'yellow-200': any;
|
|
141
|
+
readonly 'yellow-250': any;
|
|
107
142
|
readonly 'yellow-300': any;
|
|
143
|
+
readonly 'yellow-350': any;
|
|
108
144
|
readonly 'yellow-400': any;
|
|
145
|
+
readonly 'yellow-450': any;
|
|
109
146
|
readonly 'yellow-500': any;
|
|
147
|
+
readonly 'yellow-550': any;
|
|
110
148
|
readonly 'yellow-600': any;
|
|
149
|
+
readonly 'yellow-650': any;
|
|
111
150
|
readonly 'yellow-700': any;
|
|
151
|
+
readonly 'yellow-750': any;
|
|
112
152
|
readonly 'yellow-800': any;
|
|
153
|
+
readonly 'yellow-850': any;
|
|
113
154
|
readonly 'yellow-900': any;
|
|
155
|
+
readonly 'yellow-950': any;
|
|
114
156
|
"background-alpha-active"?: any;
|
|
115
157
|
"background-alpha-hover"?: any;
|
|
116
158
|
"background-danger-prominent"?: any;
|
|
@@ -131,27 +173,19 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
131
173
|
"background-neutrals-inverted-subtle"?: any;
|
|
132
174
|
"background-neutrals-page"?: any;
|
|
133
175
|
"background-neutrals-page-subtle"?: any;
|
|
134
|
-
"background-neutrals-
|
|
135
|
-
"background-neutrals-
|
|
136
|
-
"background-neutrals-
|
|
137
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
138
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
176
|
+
"background-neutrals-scrollbar"?: any;
|
|
177
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
178
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
139
179
|
"background-neutrals-subtle"?: any;
|
|
140
180
|
"background-neutrals-subtle-active"?: any;
|
|
141
181
|
"background-neutrals-subtle-hover"?: any;
|
|
142
182
|
"background-primary-prominent"?: any;
|
|
143
183
|
"background-primary-prominent-active"?: any;
|
|
144
|
-
"background-primary-prominent-expanded"?: any;
|
|
145
184
|
"background-primary-prominent-hover"?: any;
|
|
146
|
-
"background-primary-prominent-pressed"?: any;
|
|
147
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
148
185
|
"background-primary-prominent-selected"?: any;
|
|
149
186
|
"background-primary-subtle"?: any;
|
|
150
187
|
"background-primary-subtle-active"?: any;
|
|
151
|
-
"background-primary-subtle-expanded"?: any;
|
|
152
188
|
"background-primary-subtle-hover"?: any;
|
|
153
|
-
"background-primary-subtle-pressed"?: any;
|
|
154
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
155
189
|
"background-primary-subtle-selected"?: any;
|
|
156
190
|
"background-success"?: any;
|
|
157
191
|
"background-success-prominent"?: any;
|
|
@@ -162,9 +196,15 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
162
196
|
"border-danger"?: any;
|
|
163
197
|
"border-danger-active"?: any;
|
|
164
198
|
"border-danger-hover"?: any;
|
|
199
|
+
"border-focus-error-inner"?: any;
|
|
200
|
+
"border-focus-error-middle"?: any;
|
|
201
|
+
"border-focus-error-outer"?: any;
|
|
165
202
|
"border-focus-inner"?: any;
|
|
166
203
|
"border-focus-middle"?: any;
|
|
167
204
|
"border-focus-outer"?: any;
|
|
205
|
+
"border-focus-success-inner"?: any;
|
|
206
|
+
"border-focus-success-middle"?: any;
|
|
207
|
+
"border-focus-success-outer"?: any;
|
|
168
208
|
"border-neutrals"?: any;
|
|
169
209
|
"border-neutrals-active"?: any;
|
|
170
210
|
"border-neutrals-controls"?: any;
|
|
@@ -257,21 +297,23 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
257
297
|
readonly body: "Open Sans, sans-serif";
|
|
258
298
|
};
|
|
259
299
|
radii: {
|
|
260
|
-
readonly none: 0;
|
|
261
|
-
readonly half: "999em";
|
|
262
300
|
readonly 25: "2px";
|
|
263
301
|
readonly 50: "4px";
|
|
264
302
|
readonly 75: "6px";
|
|
265
303
|
readonly 100: "8px";
|
|
266
304
|
readonly 200: "16px";
|
|
305
|
+
readonly half: "999px";
|
|
306
|
+
readonly none: "0px";
|
|
267
307
|
};
|
|
268
308
|
shadows: {
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
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;
|
|
275
317
|
};
|
|
276
318
|
sizes: {
|
|
277
319
|
readonly number: string;
|
|
@@ -533,7 +575,7 @@ declare const StyledContent: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
|
|
|
533
575
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
534
576
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
535
577
|
};
|
|
536
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
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>>, {}, {}>;
|
|
537
579
|
declare type StyledContentProps = StrictComponentProps<typeof StyledContent>;
|
|
538
580
|
|
|
539
581
|
interface ContentProps extends StyledContentProps {
|
|
@@ -542,9 +584,9 @@ interface ContentProps extends StyledContentProps {
|
|
|
542
584
|
*/
|
|
543
585
|
children?: ReactNode;
|
|
544
586
|
}
|
|
545
|
-
declare const Content:
|
|
587
|
+
declare const Content: react__default.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
546
588
|
|
|
547
|
-
declare const StyledItem:
|
|
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<{}, {
|
|
548
590
|
'border-widths': {
|
|
549
591
|
readonly none: 0;
|
|
550
592
|
readonly sm: "1px";
|
|
@@ -553,63 +595,103 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
553
595
|
};
|
|
554
596
|
colors: {
|
|
555
597
|
readonly black: any;
|
|
598
|
+
readonly 'blue-50': any;
|
|
556
599
|
readonly 'blue-100': any;
|
|
600
|
+
readonly 'blue-150': any;
|
|
557
601
|
readonly 'blue-200': any;
|
|
602
|
+
readonly 'blue-250': any;
|
|
558
603
|
readonly 'blue-300': any;
|
|
604
|
+
readonly 'blue-350': any;
|
|
559
605
|
readonly 'blue-400': any;
|
|
606
|
+
readonly 'blue-450': any;
|
|
560
607
|
readonly 'blue-500': any;
|
|
608
|
+
readonly 'blue-550': any;
|
|
561
609
|
readonly 'blue-600': any;
|
|
610
|
+
readonly 'blue-650': any;
|
|
562
611
|
readonly 'blue-700': any;
|
|
612
|
+
readonly 'blue-750': any;
|
|
563
613
|
readonly 'blue-800': any;
|
|
614
|
+
readonly 'blue-850': any;
|
|
564
615
|
readonly 'blue-900': any;
|
|
565
|
-
readonly 'blue-
|
|
616
|
+
readonly 'blue-950': any;
|
|
617
|
+
readonly 'gray-50': any;
|
|
566
618
|
readonly 'gray-100': any;
|
|
619
|
+
readonly 'gray-150': any;
|
|
567
620
|
readonly 'gray-200': any;
|
|
621
|
+
readonly 'gray-250': any;
|
|
568
622
|
readonly 'gray-300': any;
|
|
623
|
+
readonly 'gray-350': any;
|
|
569
624
|
readonly 'gray-400': any;
|
|
625
|
+
readonly 'gray-450': any;
|
|
570
626
|
readonly 'gray-500': any;
|
|
627
|
+
readonly 'gray-550': any;
|
|
571
628
|
readonly 'gray-600': any;
|
|
629
|
+
readonly 'gray-650': any;
|
|
572
630
|
readonly 'gray-700': any;
|
|
631
|
+
readonly 'gray-750': any;
|
|
573
632
|
readonly 'gray-800': any;
|
|
633
|
+
readonly 'gray-850': any;
|
|
574
634
|
readonly 'gray-900': any;
|
|
635
|
+
readonly 'gray-950': any;
|
|
636
|
+
readonly 'green-50': any;
|
|
575
637
|
readonly 'green-100': any;
|
|
638
|
+
readonly 'green-150': any;
|
|
576
639
|
readonly 'green-200': any;
|
|
640
|
+
readonly 'green-250': any;
|
|
577
641
|
readonly 'green-300': any;
|
|
642
|
+
readonly 'green-350': any;
|
|
578
643
|
readonly 'green-400': any;
|
|
644
|
+
readonly 'green-450': any;
|
|
579
645
|
readonly 'green-500': any;
|
|
646
|
+
readonly 'green-550': any;
|
|
580
647
|
readonly 'green-600': any;
|
|
648
|
+
readonly 'green-650': any;
|
|
581
649
|
readonly 'green-700': any;
|
|
650
|
+
readonly 'green-750': any;
|
|
582
651
|
readonly 'green-800': any;
|
|
652
|
+
readonly 'green-850': any;
|
|
583
653
|
readonly 'green-900': any;
|
|
584
|
-
readonly '
|
|
585
|
-
readonly '
|
|
586
|
-
readonly 'indigo-300': any;
|
|
587
|
-
readonly 'indigo-400': any;
|
|
588
|
-
readonly 'indigo-500': any;
|
|
589
|
-
readonly 'indigo-600': any;
|
|
590
|
-
readonly 'indigo-700': any;
|
|
591
|
-
readonly 'indigo-800': any;
|
|
592
|
-
readonly 'indigo-900': any;
|
|
654
|
+
readonly 'green-950': any;
|
|
655
|
+
readonly 'red-50': any;
|
|
593
656
|
readonly 'red-100': any;
|
|
657
|
+
readonly 'red-150': any;
|
|
594
658
|
readonly 'red-200': any;
|
|
659
|
+
readonly 'red-250': any;
|
|
595
660
|
readonly 'red-300': any;
|
|
661
|
+
readonly 'red-350': any;
|
|
596
662
|
readonly 'red-400': any;
|
|
663
|
+
readonly 'red-450': any;
|
|
597
664
|
readonly 'red-500': any;
|
|
665
|
+
readonly 'red-550': any;
|
|
598
666
|
readonly 'red-600': any;
|
|
667
|
+
readonly 'red-650': any;
|
|
599
668
|
readonly 'red-700': any;
|
|
669
|
+
readonly 'red-750': any;
|
|
600
670
|
readonly 'red-800': any;
|
|
671
|
+
readonly 'red-850': any;
|
|
601
672
|
readonly 'red-900': any;
|
|
673
|
+
readonly 'red-950': any;
|
|
602
674
|
readonly transparent: any;
|
|
603
675
|
readonly white: any;
|
|
676
|
+
readonly 'yellow-50': any;
|
|
604
677
|
readonly 'yellow-100': any;
|
|
678
|
+
readonly 'yellow-150': any;
|
|
605
679
|
readonly 'yellow-200': any;
|
|
680
|
+
readonly 'yellow-250': any;
|
|
606
681
|
readonly 'yellow-300': any;
|
|
682
|
+
readonly 'yellow-350': any;
|
|
607
683
|
readonly 'yellow-400': any;
|
|
684
|
+
readonly 'yellow-450': any;
|
|
608
685
|
readonly 'yellow-500': any;
|
|
686
|
+
readonly 'yellow-550': any;
|
|
609
687
|
readonly 'yellow-600': any;
|
|
688
|
+
readonly 'yellow-650': any;
|
|
610
689
|
readonly 'yellow-700': any;
|
|
690
|
+
readonly 'yellow-750': any;
|
|
611
691
|
readonly 'yellow-800': any;
|
|
692
|
+
readonly 'yellow-850': any;
|
|
612
693
|
readonly 'yellow-900': any;
|
|
694
|
+
readonly 'yellow-950': any;
|
|
613
695
|
"background-alpha-active"?: any;
|
|
614
696
|
"background-alpha-hover"?: any;
|
|
615
697
|
"background-danger-prominent"?: any;
|
|
@@ -630,27 +712,19 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
630
712
|
"background-neutrals-inverted-subtle"?: any;
|
|
631
713
|
"background-neutrals-page"?: any;
|
|
632
714
|
"background-neutrals-page-subtle"?: any;
|
|
633
|
-
"background-neutrals-
|
|
634
|
-
"background-neutrals-
|
|
635
|
-
"background-neutrals-
|
|
636
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
637
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
715
|
+
"background-neutrals-scrollbar"?: any;
|
|
716
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
717
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
638
718
|
"background-neutrals-subtle"?: any;
|
|
639
719
|
"background-neutrals-subtle-active"?: any;
|
|
640
720
|
"background-neutrals-subtle-hover"?: any;
|
|
641
721
|
"background-primary-prominent"?: any;
|
|
642
722
|
"background-primary-prominent-active"?: any;
|
|
643
|
-
"background-primary-prominent-expanded"?: any;
|
|
644
723
|
"background-primary-prominent-hover"?: any;
|
|
645
|
-
"background-primary-prominent-pressed"?: any;
|
|
646
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
647
724
|
"background-primary-prominent-selected"?: any;
|
|
648
725
|
"background-primary-subtle"?: any;
|
|
649
726
|
"background-primary-subtle-active"?: any;
|
|
650
|
-
"background-primary-subtle-expanded"?: any;
|
|
651
727
|
"background-primary-subtle-hover"?: any;
|
|
652
|
-
"background-primary-subtle-pressed"?: any;
|
|
653
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
654
728
|
"background-primary-subtle-selected"?: any;
|
|
655
729
|
"background-success"?: any;
|
|
656
730
|
"background-success-prominent"?: any;
|
|
@@ -661,9 +735,15 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
661
735
|
"border-danger"?: any;
|
|
662
736
|
"border-danger-active"?: any;
|
|
663
737
|
"border-danger-hover"?: any;
|
|
738
|
+
"border-focus-error-inner"?: any;
|
|
739
|
+
"border-focus-error-middle"?: any;
|
|
740
|
+
"border-focus-error-outer"?: any;
|
|
664
741
|
"border-focus-inner"?: any;
|
|
665
742
|
"border-focus-middle"?: any;
|
|
666
743
|
"border-focus-outer"?: any;
|
|
744
|
+
"border-focus-success-inner"?: any;
|
|
745
|
+
"border-focus-success-middle"?: any;
|
|
746
|
+
"border-focus-success-outer"?: any;
|
|
667
747
|
"border-neutrals"?: any;
|
|
668
748
|
"border-neutrals-active"?: any;
|
|
669
749
|
"border-neutrals-controls"?: any;
|
|
@@ -756,21 +836,23 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
756
836
|
readonly body: "Open Sans, sans-serif";
|
|
757
837
|
};
|
|
758
838
|
radii: {
|
|
759
|
-
readonly none: 0;
|
|
760
|
-
readonly half: "999em";
|
|
761
839
|
readonly 25: "2px";
|
|
762
840
|
readonly 50: "4px";
|
|
763
841
|
readonly 75: "6px";
|
|
764
842
|
readonly 100: "8px";
|
|
765
843
|
readonly 200: "16px";
|
|
844
|
+
readonly half: "999px";
|
|
845
|
+
readonly none: "0px";
|
|
766
846
|
};
|
|
767
847
|
shadows: {
|
|
768
|
-
|
|
769
|
-
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
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;
|
|
774
856
|
};
|
|
775
857
|
sizes: {
|
|
776
858
|
readonly number: string;
|
|
@@ -1032,7 +1114,7 @@ declare const StyledItem: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
|
|
|
1032
1114
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1033
1115
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1034
1116
|
};
|
|
1035
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
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>>, {}, {}>;
|
|
1036
1118
|
declare type StyledItemProps = StrictComponentProps<typeof StyledItem>;
|
|
1037
1119
|
|
|
1038
1120
|
interface ItemProps extends StyledItemProps {
|
|
@@ -1056,7 +1138,7 @@ interface ItemProps extends StyledItemProps {
|
|
|
1056
1138
|
*/
|
|
1057
1139
|
children?: ReactNode;
|
|
1058
1140
|
}
|
|
1059
|
-
declare const Item:
|
|
1141
|
+
declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1060
1142
|
|
|
1061
1143
|
interface PortalProps extends PopoverPortalProps {
|
|
1062
1144
|
/**
|
|
@@ -1064,9 +1146,9 @@ interface PortalProps extends PopoverPortalProps {
|
|
|
1064
1146
|
*/
|
|
1065
1147
|
container?: HTMLElement | null;
|
|
1066
1148
|
}
|
|
1067
|
-
declare const Portal:
|
|
1149
|
+
declare const Portal: react__default.FC<PortalProps>;
|
|
1068
1150
|
|
|
1069
|
-
declare const StyledGroup:
|
|
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<{}, {
|
|
1070
1152
|
'border-widths': {
|
|
1071
1153
|
readonly none: 0;
|
|
1072
1154
|
readonly sm: "1px";
|
|
@@ -1075,63 +1157,103 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1075
1157
|
};
|
|
1076
1158
|
colors: {
|
|
1077
1159
|
readonly black: any;
|
|
1160
|
+
readonly 'blue-50': any;
|
|
1078
1161
|
readonly 'blue-100': any;
|
|
1162
|
+
readonly 'blue-150': any;
|
|
1079
1163
|
readonly 'blue-200': any;
|
|
1164
|
+
readonly 'blue-250': any;
|
|
1080
1165
|
readonly 'blue-300': any;
|
|
1166
|
+
readonly 'blue-350': any;
|
|
1081
1167
|
readonly 'blue-400': any;
|
|
1168
|
+
readonly 'blue-450': any;
|
|
1082
1169
|
readonly 'blue-500': any;
|
|
1170
|
+
readonly 'blue-550': any;
|
|
1083
1171
|
readonly 'blue-600': any;
|
|
1172
|
+
readonly 'blue-650': any;
|
|
1084
1173
|
readonly 'blue-700': any;
|
|
1174
|
+
readonly 'blue-750': any;
|
|
1085
1175
|
readonly 'blue-800': any;
|
|
1176
|
+
readonly 'blue-850': any;
|
|
1086
1177
|
readonly 'blue-900': any;
|
|
1087
|
-
readonly 'blue-
|
|
1178
|
+
readonly 'blue-950': any;
|
|
1179
|
+
readonly 'gray-50': any;
|
|
1088
1180
|
readonly 'gray-100': any;
|
|
1181
|
+
readonly 'gray-150': any;
|
|
1089
1182
|
readonly 'gray-200': any;
|
|
1183
|
+
readonly 'gray-250': any;
|
|
1090
1184
|
readonly 'gray-300': any;
|
|
1185
|
+
readonly 'gray-350': any;
|
|
1091
1186
|
readonly 'gray-400': any;
|
|
1187
|
+
readonly 'gray-450': any;
|
|
1092
1188
|
readonly 'gray-500': any;
|
|
1189
|
+
readonly 'gray-550': any;
|
|
1093
1190
|
readonly 'gray-600': any;
|
|
1191
|
+
readonly 'gray-650': any;
|
|
1094
1192
|
readonly 'gray-700': any;
|
|
1193
|
+
readonly 'gray-750': any;
|
|
1095
1194
|
readonly 'gray-800': any;
|
|
1195
|
+
readonly 'gray-850': any;
|
|
1096
1196
|
readonly 'gray-900': any;
|
|
1197
|
+
readonly 'gray-950': any;
|
|
1198
|
+
readonly 'green-50': any;
|
|
1097
1199
|
readonly 'green-100': any;
|
|
1200
|
+
readonly 'green-150': any;
|
|
1098
1201
|
readonly 'green-200': any;
|
|
1202
|
+
readonly 'green-250': any;
|
|
1099
1203
|
readonly 'green-300': any;
|
|
1204
|
+
readonly 'green-350': any;
|
|
1100
1205
|
readonly 'green-400': any;
|
|
1206
|
+
readonly 'green-450': any;
|
|
1101
1207
|
readonly 'green-500': any;
|
|
1208
|
+
readonly 'green-550': any;
|
|
1102
1209
|
readonly 'green-600': any;
|
|
1210
|
+
readonly 'green-650': any;
|
|
1103
1211
|
readonly 'green-700': any;
|
|
1212
|
+
readonly 'green-750': any;
|
|
1104
1213
|
readonly 'green-800': any;
|
|
1214
|
+
readonly 'green-850': any;
|
|
1105
1215
|
readonly 'green-900': any;
|
|
1106
|
-
readonly '
|
|
1107
|
-
readonly '
|
|
1108
|
-
readonly 'indigo-300': any;
|
|
1109
|
-
readonly 'indigo-400': any;
|
|
1110
|
-
readonly 'indigo-500': any;
|
|
1111
|
-
readonly 'indigo-600': any;
|
|
1112
|
-
readonly 'indigo-700': any;
|
|
1113
|
-
readonly 'indigo-800': any;
|
|
1114
|
-
readonly 'indigo-900': any;
|
|
1216
|
+
readonly 'green-950': any;
|
|
1217
|
+
readonly 'red-50': any;
|
|
1115
1218
|
readonly 'red-100': any;
|
|
1219
|
+
readonly 'red-150': any;
|
|
1116
1220
|
readonly 'red-200': any;
|
|
1221
|
+
readonly 'red-250': any;
|
|
1117
1222
|
readonly 'red-300': any;
|
|
1223
|
+
readonly 'red-350': any;
|
|
1118
1224
|
readonly 'red-400': any;
|
|
1225
|
+
readonly 'red-450': any;
|
|
1119
1226
|
readonly 'red-500': any;
|
|
1227
|
+
readonly 'red-550': any;
|
|
1120
1228
|
readonly 'red-600': any;
|
|
1229
|
+
readonly 'red-650': any;
|
|
1121
1230
|
readonly 'red-700': any;
|
|
1231
|
+
readonly 'red-750': any;
|
|
1122
1232
|
readonly 'red-800': any;
|
|
1233
|
+
readonly 'red-850': any;
|
|
1123
1234
|
readonly 'red-900': any;
|
|
1235
|
+
readonly 'red-950': any;
|
|
1124
1236
|
readonly transparent: any;
|
|
1125
1237
|
readonly white: any;
|
|
1238
|
+
readonly 'yellow-50': any;
|
|
1126
1239
|
readonly 'yellow-100': any;
|
|
1240
|
+
readonly 'yellow-150': any;
|
|
1127
1241
|
readonly 'yellow-200': any;
|
|
1242
|
+
readonly 'yellow-250': any;
|
|
1128
1243
|
readonly 'yellow-300': any;
|
|
1244
|
+
readonly 'yellow-350': any;
|
|
1129
1245
|
readonly 'yellow-400': any;
|
|
1246
|
+
readonly 'yellow-450': any;
|
|
1130
1247
|
readonly 'yellow-500': any;
|
|
1248
|
+
readonly 'yellow-550': any;
|
|
1131
1249
|
readonly 'yellow-600': any;
|
|
1250
|
+
readonly 'yellow-650': any;
|
|
1132
1251
|
readonly 'yellow-700': any;
|
|
1252
|
+
readonly 'yellow-750': any;
|
|
1133
1253
|
readonly 'yellow-800': any;
|
|
1254
|
+
readonly 'yellow-850': any;
|
|
1134
1255
|
readonly 'yellow-900': any;
|
|
1256
|
+
readonly 'yellow-950': any;
|
|
1135
1257
|
"background-alpha-active"?: any;
|
|
1136
1258
|
"background-alpha-hover"?: any;
|
|
1137
1259
|
"background-danger-prominent"?: any;
|
|
@@ -1152,27 +1274,19 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1152
1274
|
"background-neutrals-inverted-subtle"?: any;
|
|
1153
1275
|
"background-neutrals-page"?: any;
|
|
1154
1276
|
"background-neutrals-page-subtle"?: any;
|
|
1155
|
-
"background-neutrals-
|
|
1156
|
-
"background-neutrals-
|
|
1157
|
-
"background-neutrals-
|
|
1158
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1159
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1277
|
+
"background-neutrals-scrollbar"?: any;
|
|
1278
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
1279
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
1160
1280
|
"background-neutrals-subtle"?: any;
|
|
1161
1281
|
"background-neutrals-subtle-active"?: any;
|
|
1162
1282
|
"background-neutrals-subtle-hover"?: any;
|
|
1163
1283
|
"background-primary-prominent"?: any;
|
|
1164
1284
|
"background-primary-prominent-active"?: any;
|
|
1165
|
-
"background-primary-prominent-expanded"?: any;
|
|
1166
1285
|
"background-primary-prominent-hover"?: any;
|
|
1167
|
-
"background-primary-prominent-pressed"?: any;
|
|
1168
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1169
1286
|
"background-primary-prominent-selected"?: any;
|
|
1170
1287
|
"background-primary-subtle"?: any;
|
|
1171
1288
|
"background-primary-subtle-active"?: any;
|
|
1172
|
-
"background-primary-subtle-expanded"?: any;
|
|
1173
1289
|
"background-primary-subtle-hover"?: any;
|
|
1174
|
-
"background-primary-subtle-pressed"?: any;
|
|
1175
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1176
1290
|
"background-primary-subtle-selected"?: any;
|
|
1177
1291
|
"background-success"?: any;
|
|
1178
1292
|
"background-success-prominent"?: any;
|
|
@@ -1183,9 +1297,15 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1183
1297
|
"border-danger"?: any;
|
|
1184
1298
|
"border-danger-active"?: any;
|
|
1185
1299
|
"border-danger-hover"?: any;
|
|
1300
|
+
"border-focus-error-inner"?: any;
|
|
1301
|
+
"border-focus-error-middle"?: any;
|
|
1302
|
+
"border-focus-error-outer"?: any;
|
|
1186
1303
|
"border-focus-inner"?: any;
|
|
1187
1304
|
"border-focus-middle"?: any;
|
|
1188
1305
|
"border-focus-outer"?: any;
|
|
1306
|
+
"border-focus-success-inner"?: any;
|
|
1307
|
+
"border-focus-success-middle"?: any;
|
|
1308
|
+
"border-focus-success-outer"?: any;
|
|
1189
1309
|
"border-neutrals"?: any;
|
|
1190
1310
|
"border-neutrals-active"?: any;
|
|
1191
1311
|
"border-neutrals-controls"?: any;
|
|
@@ -1278,21 +1398,23 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1278
1398
|
readonly body: "Open Sans, sans-serif";
|
|
1279
1399
|
};
|
|
1280
1400
|
radii: {
|
|
1281
|
-
readonly none: 0;
|
|
1282
|
-
readonly half: "999em";
|
|
1283
1401
|
readonly 25: "2px";
|
|
1284
1402
|
readonly 50: "4px";
|
|
1285
1403
|
readonly 75: "6px";
|
|
1286
1404
|
readonly 100: "8px";
|
|
1287
1405
|
readonly 200: "16px";
|
|
1406
|
+
readonly half: "999px";
|
|
1407
|
+
readonly none: "0px";
|
|
1288
1408
|
};
|
|
1289
1409
|
shadows: {
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
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;
|
|
1296
1418
|
};
|
|
1297
1419
|
sizes: {
|
|
1298
1420
|
readonly number: string;
|
|
@@ -1554,14 +1676,14 @@ declare const StyledGroup: React.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
|
|
|
1554
1676
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
1555
1677
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
1556
1678
|
};
|
|
1557
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
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>>, {}, {}>;
|
|
1558
1680
|
declare type StyledGroupProps = StrictComponentProps<typeof StyledGroup>;
|
|
1559
1681
|
|
|
1560
1682
|
interface GroupProps extends StyledGroupProps {
|
|
1561
1683
|
}
|
|
1562
|
-
declare const Group:
|
|
1684
|
+
declare const Group: react__default.ForwardRefExoticComponent<Omit<GroupProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
1563
1685
|
|
|
1564
|
-
declare const StyledGroupLabel:
|
|
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<{}, {
|
|
1565
1687
|
'border-widths': {
|
|
1566
1688
|
readonly none: 0;
|
|
1567
1689
|
readonly sm: "1px";
|
|
@@ -1570,63 +1692,103 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1570
1692
|
};
|
|
1571
1693
|
colors: {
|
|
1572
1694
|
readonly black: any;
|
|
1695
|
+
readonly 'blue-50': any;
|
|
1573
1696
|
readonly 'blue-100': any;
|
|
1697
|
+
readonly 'blue-150': any;
|
|
1574
1698
|
readonly 'blue-200': any;
|
|
1699
|
+
readonly 'blue-250': any;
|
|
1575
1700
|
readonly 'blue-300': any;
|
|
1701
|
+
readonly 'blue-350': any;
|
|
1576
1702
|
readonly 'blue-400': any;
|
|
1703
|
+
readonly 'blue-450': any;
|
|
1577
1704
|
readonly 'blue-500': any;
|
|
1705
|
+
readonly 'blue-550': any;
|
|
1578
1706
|
readonly 'blue-600': any;
|
|
1707
|
+
readonly 'blue-650': any;
|
|
1579
1708
|
readonly 'blue-700': any;
|
|
1709
|
+
readonly 'blue-750': any;
|
|
1580
1710
|
readonly 'blue-800': any;
|
|
1711
|
+
readonly 'blue-850': any;
|
|
1581
1712
|
readonly 'blue-900': any;
|
|
1582
|
-
readonly 'blue-
|
|
1713
|
+
readonly 'blue-950': any;
|
|
1714
|
+
readonly 'gray-50': any;
|
|
1583
1715
|
readonly 'gray-100': any;
|
|
1716
|
+
readonly 'gray-150': any;
|
|
1584
1717
|
readonly 'gray-200': any;
|
|
1718
|
+
readonly 'gray-250': any;
|
|
1585
1719
|
readonly 'gray-300': any;
|
|
1720
|
+
readonly 'gray-350': any;
|
|
1586
1721
|
readonly 'gray-400': any;
|
|
1722
|
+
readonly 'gray-450': any;
|
|
1587
1723
|
readonly 'gray-500': any;
|
|
1724
|
+
readonly 'gray-550': any;
|
|
1588
1725
|
readonly 'gray-600': any;
|
|
1726
|
+
readonly 'gray-650': any;
|
|
1589
1727
|
readonly 'gray-700': any;
|
|
1728
|
+
readonly 'gray-750': any;
|
|
1590
1729
|
readonly 'gray-800': any;
|
|
1730
|
+
readonly 'gray-850': any;
|
|
1591
1731
|
readonly 'gray-900': any;
|
|
1732
|
+
readonly 'gray-950': any;
|
|
1733
|
+
readonly 'green-50': any;
|
|
1592
1734
|
readonly 'green-100': any;
|
|
1735
|
+
readonly 'green-150': any;
|
|
1593
1736
|
readonly 'green-200': any;
|
|
1737
|
+
readonly 'green-250': any;
|
|
1594
1738
|
readonly 'green-300': any;
|
|
1739
|
+
readonly 'green-350': any;
|
|
1595
1740
|
readonly 'green-400': any;
|
|
1741
|
+
readonly 'green-450': any;
|
|
1596
1742
|
readonly 'green-500': any;
|
|
1743
|
+
readonly 'green-550': any;
|
|
1597
1744
|
readonly 'green-600': any;
|
|
1745
|
+
readonly 'green-650': any;
|
|
1598
1746
|
readonly 'green-700': any;
|
|
1747
|
+
readonly 'green-750': any;
|
|
1599
1748
|
readonly 'green-800': any;
|
|
1749
|
+
readonly 'green-850': any;
|
|
1600
1750
|
readonly 'green-900': any;
|
|
1601
|
-
readonly '
|
|
1602
|
-
readonly '
|
|
1603
|
-
readonly 'indigo-300': any;
|
|
1604
|
-
readonly 'indigo-400': any;
|
|
1605
|
-
readonly 'indigo-500': any;
|
|
1606
|
-
readonly 'indigo-600': any;
|
|
1607
|
-
readonly 'indigo-700': any;
|
|
1608
|
-
readonly 'indigo-800': any;
|
|
1609
|
-
readonly 'indigo-900': any;
|
|
1751
|
+
readonly 'green-950': any;
|
|
1752
|
+
readonly 'red-50': any;
|
|
1610
1753
|
readonly 'red-100': any;
|
|
1754
|
+
readonly 'red-150': any;
|
|
1611
1755
|
readonly 'red-200': any;
|
|
1756
|
+
readonly 'red-250': any;
|
|
1612
1757
|
readonly 'red-300': any;
|
|
1758
|
+
readonly 'red-350': any;
|
|
1613
1759
|
readonly 'red-400': any;
|
|
1760
|
+
readonly 'red-450': any;
|
|
1614
1761
|
readonly 'red-500': any;
|
|
1762
|
+
readonly 'red-550': any;
|
|
1615
1763
|
readonly 'red-600': any;
|
|
1764
|
+
readonly 'red-650': any;
|
|
1616
1765
|
readonly 'red-700': any;
|
|
1766
|
+
readonly 'red-750': any;
|
|
1617
1767
|
readonly 'red-800': any;
|
|
1768
|
+
readonly 'red-850': any;
|
|
1618
1769
|
readonly 'red-900': any;
|
|
1770
|
+
readonly 'red-950': any;
|
|
1619
1771
|
readonly transparent: any;
|
|
1620
1772
|
readonly white: any;
|
|
1773
|
+
readonly 'yellow-50': any;
|
|
1621
1774
|
readonly 'yellow-100': any;
|
|
1775
|
+
readonly 'yellow-150': any;
|
|
1622
1776
|
readonly 'yellow-200': any;
|
|
1777
|
+
readonly 'yellow-250': any;
|
|
1623
1778
|
readonly 'yellow-300': any;
|
|
1779
|
+
readonly 'yellow-350': any;
|
|
1624
1780
|
readonly 'yellow-400': any;
|
|
1781
|
+
readonly 'yellow-450': any;
|
|
1625
1782
|
readonly 'yellow-500': any;
|
|
1783
|
+
readonly 'yellow-550': any;
|
|
1626
1784
|
readonly 'yellow-600': any;
|
|
1785
|
+
readonly 'yellow-650': any;
|
|
1627
1786
|
readonly 'yellow-700': any;
|
|
1787
|
+
readonly 'yellow-750': any;
|
|
1628
1788
|
readonly 'yellow-800': any;
|
|
1789
|
+
readonly 'yellow-850': any;
|
|
1629
1790
|
readonly 'yellow-900': any;
|
|
1791
|
+
readonly 'yellow-950': any;
|
|
1630
1792
|
"background-alpha-active"?: any;
|
|
1631
1793
|
"background-alpha-hover"?: any;
|
|
1632
1794
|
"background-danger-prominent"?: any;
|
|
@@ -1647,27 +1809,19 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1647
1809
|
"background-neutrals-inverted-subtle"?: any;
|
|
1648
1810
|
"background-neutrals-page"?: any;
|
|
1649
1811
|
"background-neutrals-page-subtle"?: any;
|
|
1650
|
-
"background-neutrals-
|
|
1651
|
-
"background-neutrals-
|
|
1652
|
-
"background-neutrals-
|
|
1653
|
-
"background-neutrals-scrolls-pressed"?: any;
|
|
1654
|
-
"background-neutrals-scrolls-pressed-hover"?: any;
|
|
1812
|
+
"background-neutrals-scrollbar"?: any;
|
|
1813
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
1814
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
1655
1815
|
"background-neutrals-subtle"?: any;
|
|
1656
1816
|
"background-neutrals-subtle-active"?: any;
|
|
1657
1817
|
"background-neutrals-subtle-hover"?: any;
|
|
1658
1818
|
"background-primary-prominent"?: any;
|
|
1659
1819
|
"background-primary-prominent-active"?: any;
|
|
1660
|
-
"background-primary-prominent-expanded"?: any;
|
|
1661
1820
|
"background-primary-prominent-hover"?: any;
|
|
1662
|
-
"background-primary-prominent-pressed"?: any;
|
|
1663
|
-
"background-primary-prominent-pressed-hover"?: any;
|
|
1664
1821
|
"background-primary-prominent-selected"?: any;
|
|
1665
1822
|
"background-primary-subtle"?: any;
|
|
1666
1823
|
"background-primary-subtle-active"?: any;
|
|
1667
|
-
"background-primary-subtle-expanded"?: any;
|
|
1668
1824
|
"background-primary-subtle-hover"?: any;
|
|
1669
|
-
"background-primary-subtle-pressed"?: any;
|
|
1670
|
-
"background-primary-subtle-pressed-hover"?: any;
|
|
1671
1825
|
"background-primary-subtle-selected"?: any;
|
|
1672
1826
|
"background-success"?: any;
|
|
1673
1827
|
"background-success-prominent"?: any;
|
|
@@ -1678,9 +1832,15 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1678
1832
|
"border-danger"?: any;
|
|
1679
1833
|
"border-danger-active"?: any;
|
|
1680
1834
|
"border-danger-hover"?: any;
|
|
1835
|
+
"border-focus-error-inner"?: any;
|
|
1836
|
+
"border-focus-error-middle"?: any;
|
|
1837
|
+
"border-focus-error-outer"?: any;
|
|
1681
1838
|
"border-focus-inner"?: any;
|
|
1682
1839
|
"border-focus-middle"?: any;
|
|
1683
1840
|
"border-focus-outer"?: any;
|
|
1841
|
+
"border-focus-success-inner"?: any;
|
|
1842
|
+
"border-focus-success-middle"?: any;
|
|
1843
|
+
"border-focus-success-outer"?: any;
|
|
1684
1844
|
"border-neutrals"?: any;
|
|
1685
1845
|
"border-neutrals-active"?: any;
|
|
1686
1846
|
"border-neutrals-controls"?: any;
|
|
@@ -1773,21 +1933,23 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
1773
1933
|
readonly body: "Open Sans, sans-serif";
|
|
1774
1934
|
};
|
|
1775
1935
|
radii: {
|
|
1776
|
-
readonly none: 0;
|
|
1777
|
-
readonly half: "999em";
|
|
1778
1936
|
readonly 25: "2px";
|
|
1779
1937
|
readonly 50: "4px";
|
|
1780
1938
|
readonly 75: "6px";
|
|
1781
1939
|
readonly 100: "8px";
|
|
1782
1940
|
readonly 200: "16px";
|
|
1941
|
+
readonly half: "999px";
|
|
1942
|
+
readonly none: "0px";
|
|
1783
1943
|
};
|
|
1784
1944
|
shadows: {
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
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;
|
|
1791
1953
|
};
|
|
1792
1954
|
sizes: {
|
|
1793
1955
|
readonly number: string;
|
|
@@ -2049,82 +2211,1169 @@ declare const StyledGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<_miroh
|
|
|
2049
2211
|
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2050
2212
|
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2051
2213
|
};
|
|
2052
|
-
}>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> &
|
|
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>>, {}, {}>;
|
|
2053
2215
|
declare type StyledGroupLabelProps = StrictComponentProps<typeof StyledGroupLabel>;
|
|
2054
2216
|
|
|
2055
2217
|
interface GroupLabelProps extends StyledGroupLabelProps {
|
|
2056
2218
|
}
|
|
2057
|
-
declare const GroupLabel:
|
|
2058
|
-
|
|
2059
|
-
declare const Value: React__default.ForwardRefExoticComponent<React__default.RefAttributes<HTMLSpanElement>>;
|
|
2060
|
-
|
|
2061
|
-
declare type Direction = 'ltr' | 'rtl';
|
|
2062
|
-
|
|
2063
|
-
interface ComboboxProps$1 extends FormElementProps {
|
|
2064
|
-
open?: boolean;
|
|
2065
|
-
defaultOpen?: boolean;
|
|
2066
|
-
value?: string[];
|
|
2067
|
-
defaultValue?: string[];
|
|
2068
|
-
searchValue?: string;
|
|
2069
|
-
direction?: Direction;
|
|
2070
|
-
}
|
|
2071
|
-
declare type ComboboxProviderProps = ComboboxProps$1;
|
|
2219
|
+
declare const GroupLabel: react__default.ForwardRefExoticComponent<Omit<GroupLabelProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
|
|
2072
2220
|
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
|
|
2107
|
-
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
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<{}, {
|
|
2222
|
+
'border-widths': {
|
|
2223
|
+
readonly none: 0;
|
|
2224
|
+
readonly sm: "1px";
|
|
2225
|
+
readonly md: "2px";
|
|
2226
|
+
readonly lg: "4px";
|
|
2227
|
+
};
|
|
2228
|
+
colors: {
|
|
2229
|
+
readonly black: any;
|
|
2230
|
+
readonly 'blue-50': any;
|
|
2231
|
+
readonly 'blue-100': any;
|
|
2232
|
+
readonly 'blue-150': any;
|
|
2233
|
+
readonly 'blue-200': any;
|
|
2234
|
+
readonly 'blue-250': any;
|
|
2235
|
+
readonly 'blue-300': any;
|
|
2236
|
+
readonly 'blue-350': any;
|
|
2237
|
+
readonly 'blue-400': any;
|
|
2238
|
+
readonly 'blue-450': any;
|
|
2239
|
+
readonly 'blue-500': any;
|
|
2240
|
+
readonly 'blue-550': any;
|
|
2241
|
+
readonly 'blue-600': any;
|
|
2242
|
+
readonly 'blue-650': any;
|
|
2243
|
+
readonly 'blue-700': any;
|
|
2244
|
+
readonly 'blue-750': any;
|
|
2245
|
+
readonly 'blue-800': any;
|
|
2246
|
+
readonly 'blue-850': any;
|
|
2247
|
+
readonly 'blue-900': any;
|
|
2248
|
+
readonly 'blue-950': any;
|
|
2249
|
+
readonly 'gray-50': any;
|
|
2250
|
+
readonly 'gray-100': any;
|
|
2251
|
+
readonly 'gray-150': any;
|
|
2252
|
+
readonly 'gray-200': any;
|
|
2253
|
+
readonly 'gray-250': any;
|
|
2254
|
+
readonly 'gray-300': any;
|
|
2255
|
+
readonly 'gray-350': any;
|
|
2256
|
+
readonly 'gray-400': any;
|
|
2257
|
+
readonly 'gray-450': any;
|
|
2258
|
+
readonly 'gray-500': any;
|
|
2259
|
+
readonly 'gray-550': any;
|
|
2260
|
+
readonly 'gray-600': any;
|
|
2261
|
+
readonly 'gray-650': any;
|
|
2262
|
+
readonly 'gray-700': any;
|
|
2263
|
+
readonly 'gray-750': any;
|
|
2264
|
+
readonly 'gray-800': any;
|
|
2265
|
+
readonly 'gray-850': any;
|
|
2266
|
+
readonly 'gray-900': any;
|
|
2267
|
+
readonly 'gray-950': any;
|
|
2268
|
+
readonly 'green-50': any;
|
|
2269
|
+
readonly 'green-100': any;
|
|
2270
|
+
readonly 'green-150': any;
|
|
2271
|
+
readonly 'green-200': any;
|
|
2272
|
+
readonly 'green-250': any;
|
|
2273
|
+
readonly 'green-300': any;
|
|
2274
|
+
readonly 'green-350': any;
|
|
2275
|
+
readonly 'green-400': any;
|
|
2276
|
+
readonly 'green-450': any;
|
|
2277
|
+
readonly 'green-500': any;
|
|
2278
|
+
readonly 'green-550': any;
|
|
2279
|
+
readonly 'green-600': any;
|
|
2280
|
+
readonly 'green-650': any;
|
|
2281
|
+
readonly 'green-700': any;
|
|
2282
|
+
readonly 'green-750': any;
|
|
2283
|
+
readonly 'green-800': any;
|
|
2284
|
+
readonly 'green-850': any;
|
|
2285
|
+
readonly 'green-900': any;
|
|
2286
|
+
readonly 'green-950': any;
|
|
2287
|
+
readonly 'red-50': any;
|
|
2288
|
+
readonly 'red-100': any;
|
|
2289
|
+
readonly 'red-150': any;
|
|
2290
|
+
readonly 'red-200': any;
|
|
2291
|
+
readonly 'red-250': any;
|
|
2292
|
+
readonly 'red-300': any;
|
|
2293
|
+
readonly 'red-350': any;
|
|
2294
|
+
readonly 'red-400': any;
|
|
2295
|
+
readonly 'red-450': any;
|
|
2296
|
+
readonly 'red-500': any;
|
|
2297
|
+
readonly 'red-550': any;
|
|
2298
|
+
readonly 'red-600': any;
|
|
2299
|
+
readonly 'red-650': any;
|
|
2300
|
+
readonly 'red-700': any;
|
|
2301
|
+
readonly 'red-750': any;
|
|
2302
|
+
readonly 'red-800': any;
|
|
2303
|
+
readonly 'red-850': any;
|
|
2304
|
+
readonly 'red-900': any;
|
|
2305
|
+
readonly 'red-950': any;
|
|
2306
|
+
readonly transparent: any;
|
|
2307
|
+
readonly white: any;
|
|
2308
|
+
readonly 'yellow-50': any;
|
|
2309
|
+
readonly 'yellow-100': any;
|
|
2310
|
+
readonly 'yellow-150': any;
|
|
2311
|
+
readonly 'yellow-200': any;
|
|
2312
|
+
readonly 'yellow-250': any;
|
|
2313
|
+
readonly 'yellow-300': any;
|
|
2314
|
+
readonly 'yellow-350': any;
|
|
2315
|
+
readonly 'yellow-400': any;
|
|
2316
|
+
readonly 'yellow-450': any;
|
|
2317
|
+
readonly 'yellow-500': any;
|
|
2318
|
+
readonly 'yellow-550': any;
|
|
2319
|
+
readonly 'yellow-600': any;
|
|
2320
|
+
readonly 'yellow-650': any;
|
|
2321
|
+
readonly 'yellow-700': any;
|
|
2322
|
+
readonly 'yellow-750': any;
|
|
2323
|
+
readonly 'yellow-800': any;
|
|
2324
|
+
readonly 'yellow-850': any;
|
|
2325
|
+
readonly 'yellow-900': any;
|
|
2326
|
+
readonly 'yellow-950': any;
|
|
2327
|
+
"background-alpha-active"?: any;
|
|
2328
|
+
"background-alpha-hover"?: any;
|
|
2329
|
+
"background-danger-prominent"?: any;
|
|
2330
|
+
"background-danger-prominent-active"?: any;
|
|
2331
|
+
"background-danger-prominent-hover"?: any;
|
|
2332
|
+
"background-danger-subtle"?: any;
|
|
2333
|
+
"background-danger-subtle-active"?: any;
|
|
2334
|
+
"background-danger-subtle-hover"?: any;
|
|
2335
|
+
"background-neutrals"?: any;
|
|
2336
|
+
"background-neutrals-active"?: any;
|
|
2337
|
+
"background-neutrals-container"?: any;
|
|
2338
|
+
"background-neutrals-controls-disabled"?: any;
|
|
2339
|
+
"background-neutrals-disabled"?: any;
|
|
2340
|
+
"background-neutrals-hover"?: any;
|
|
2341
|
+
"background-neutrals-inactive"?: any;
|
|
2342
|
+
"background-neutrals-inactive-hover"?: any;
|
|
2343
|
+
"background-neutrals-inverted"?: any;
|
|
2344
|
+
"background-neutrals-inverted-subtle"?: any;
|
|
2345
|
+
"background-neutrals-page"?: any;
|
|
2346
|
+
"background-neutrals-page-subtle"?: any;
|
|
2347
|
+
"background-neutrals-scrollbar"?: any;
|
|
2348
|
+
"background-neutrals-scrollbar-active"?: any;
|
|
2349
|
+
"background-neutrals-scrollbar-hover"?: any;
|
|
2350
|
+
"background-neutrals-subtle"?: any;
|
|
2351
|
+
"background-neutrals-subtle-active"?: any;
|
|
2352
|
+
"background-neutrals-subtle-hover"?: any;
|
|
2353
|
+
"background-primary-prominent"?: any;
|
|
2354
|
+
"background-primary-prominent-active"?: any;
|
|
2355
|
+
"background-primary-prominent-hover"?: any;
|
|
2356
|
+
"background-primary-prominent-selected"?: any;
|
|
2357
|
+
"background-primary-subtle"?: any;
|
|
2358
|
+
"background-primary-subtle-active"?: any;
|
|
2359
|
+
"background-primary-subtle-hover"?: any;
|
|
2360
|
+
"background-primary-subtle-selected"?: any;
|
|
2361
|
+
"background-success"?: any;
|
|
2362
|
+
"background-success-prominent"?: any;
|
|
2363
|
+
"background-success-prominent-active"?: any;
|
|
2364
|
+
"background-success-prominent-hover"?: any;
|
|
2365
|
+
"background-warning-prominent"?: any;
|
|
2366
|
+
"background-warning-subtle"?: any;
|
|
2367
|
+
"border-danger"?: any;
|
|
2368
|
+
"border-danger-active"?: any;
|
|
2369
|
+
"border-danger-hover"?: any;
|
|
2370
|
+
"border-focus-error-inner"?: any;
|
|
2371
|
+
"border-focus-error-middle"?: any;
|
|
2372
|
+
"border-focus-error-outer"?: any;
|
|
2373
|
+
"border-focus-inner"?: any;
|
|
2374
|
+
"border-focus-middle"?: any;
|
|
2375
|
+
"border-focus-outer"?: any;
|
|
2376
|
+
"border-focus-success-inner"?: any;
|
|
2377
|
+
"border-focus-success-middle"?: any;
|
|
2378
|
+
"border-focus-success-outer"?: any;
|
|
2379
|
+
"border-neutrals"?: any;
|
|
2380
|
+
"border-neutrals-active"?: any;
|
|
2381
|
+
"border-neutrals-controls"?: any;
|
|
2382
|
+
"border-neutrals-controls-disabled"?: any;
|
|
2383
|
+
"border-neutrals-disabled"?: any;
|
|
2384
|
+
"border-neutrals-hover"?: any;
|
|
2385
|
+
"border-neutrals-inverted"?: any;
|
|
2386
|
+
"border-neutrals-subtle"?: any;
|
|
2387
|
+
"border-neutrals-text"?: any;
|
|
2388
|
+
"border-neutrals-text-active"?: any;
|
|
2389
|
+
"border-neutrals-text-hover"?: any;
|
|
2390
|
+
"border-neutrals-text-subtle"?: any;
|
|
2391
|
+
"border-neutrals-text-subtle-active"?: any;
|
|
2392
|
+
"border-neutrals-text-subtle-hover"?: any;
|
|
2393
|
+
"border-neutrals-transparent"?: any;
|
|
2394
|
+
"border-primary"?: any;
|
|
2395
|
+
"border-primary-active"?: any;
|
|
2396
|
+
"border-primary-hover"?: any;
|
|
2397
|
+
"border-primary-inverted"?: any;
|
|
2398
|
+
"border-success"?: any;
|
|
2399
|
+
"border-success-active"?: any;
|
|
2400
|
+
"border-success-hover"?: any;
|
|
2401
|
+
"border-warning"?: any;
|
|
2402
|
+
"icon-danger"?: any;
|
|
2403
|
+
"icon-danger-active"?: any;
|
|
2404
|
+
"icon-danger-hover"?: any;
|
|
2405
|
+
"icon-danger-inverted"?: any;
|
|
2406
|
+
"icon-neutrals"?: any;
|
|
2407
|
+
"icon-neutrals-disabled"?: any;
|
|
2408
|
+
"icon-neutrals-inactive"?: any;
|
|
2409
|
+
"icon-neutrals-inactive-hover"?: any;
|
|
2410
|
+
"icon-neutrals-inverted"?: any;
|
|
2411
|
+
"icon-neutrals-search"?: any;
|
|
2412
|
+
"icon-neutrals-subtle"?: any;
|
|
2413
|
+
"icon-neutrals-text"?: any;
|
|
2414
|
+
"icon-primary"?: any;
|
|
2415
|
+
"icon-primary-active"?: any;
|
|
2416
|
+
"icon-primary-hover"?: any;
|
|
2417
|
+
"icon-primary-inverted"?: any;
|
|
2418
|
+
"icon-primary-selected"?: any;
|
|
2419
|
+
"icon-success"?: any;
|
|
2420
|
+
"icon-success-active"?: any;
|
|
2421
|
+
"icon-success-hover"?: any;
|
|
2422
|
+
"icon-success-inverted"?: any;
|
|
2423
|
+
"icon-warning"?: any;
|
|
2424
|
+
"icon-warning-prominent"?: any;
|
|
2425
|
+
"icon-warning-subtle"?: any;
|
|
2426
|
+
"text-danger"?: any;
|
|
2427
|
+
"text-danger-active"?: any;
|
|
2428
|
+
"text-danger-hover"?: any;
|
|
2429
|
+
"text-danger-inverted"?: any;
|
|
2430
|
+
"text-neutrals"?: any;
|
|
2431
|
+
"text-neutrals-active"?: any;
|
|
2432
|
+
"text-neutrals-disabled"?: any;
|
|
2433
|
+
"text-neutrals-hover"?: any;
|
|
2434
|
+
"text-neutrals-inverted"?: any;
|
|
2435
|
+
"text-neutrals-placeholder"?: any;
|
|
2436
|
+
"text-neutrals-placeholder-only"?: any;
|
|
2437
|
+
"text-neutrals-subtle"?: any;
|
|
2438
|
+
"text-neutrals-subtle-active"?: any;
|
|
2439
|
+
"text-neutrals-subtle-hover"?: any;
|
|
2440
|
+
"text-primary"?: any;
|
|
2441
|
+
"text-primary-active"?: any;
|
|
2442
|
+
"text-primary-hover"?: any;
|
|
2443
|
+
"text-primary-inverted"?: any;
|
|
2444
|
+
"text-primary-inverted-subtle"?: any;
|
|
2445
|
+
"text-primary-selected"?: any;
|
|
2446
|
+
"text-success"?: any;
|
|
2447
|
+
"text-success-active"?: any;
|
|
2448
|
+
"text-success-hover"?: any;
|
|
2449
|
+
"text-success-inverted"?: any;
|
|
2450
|
+
"text-warning"?: any;
|
|
2451
|
+
"text-warning-subtle"?: any;
|
|
2452
|
+
};
|
|
2453
|
+
'font-sizes': {
|
|
2454
|
+
readonly 150: "0.75rem";
|
|
2455
|
+
readonly 175: "0.875rem";
|
|
2456
|
+
readonly 200: "1rem";
|
|
2457
|
+
readonly 225: "1.125rem";
|
|
2458
|
+
readonly 250: "1.25rem";
|
|
2459
|
+
readonly 300: "1.5rem";
|
|
2460
|
+
readonly 400: "2rem";
|
|
2461
|
+
readonly 500: "2.5rem";
|
|
2462
|
+
readonly 600: "3rem";
|
|
2463
|
+
readonly 800: "4rem";
|
|
2464
|
+
readonly 900: "4.5rem";
|
|
2465
|
+
};
|
|
2466
|
+
fonts: {
|
|
2467
|
+
readonly heading: "Roobert, sans-serif";
|
|
2468
|
+
readonly body: "Open Sans, sans-serif";
|
|
2469
|
+
};
|
|
2470
|
+
radii: {
|
|
2471
|
+
readonly 25: "2px";
|
|
2472
|
+
readonly 50: "4px";
|
|
2473
|
+
readonly 75: "6px";
|
|
2474
|
+
readonly 100: "8px";
|
|
2475
|
+
readonly 200: "16px";
|
|
2476
|
+
readonly half: "999px";
|
|
2477
|
+
readonly none: "0px";
|
|
2478
|
+
};
|
|
2479
|
+
shadows: {
|
|
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;
|
|
2488
|
+
};
|
|
2489
|
+
sizes: {
|
|
2490
|
+
readonly number: string;
|
|
2491
|
+
readonly 'icon-200': "16px";
|
|
2492
|
+
readonly 'icon-300': "24px";
|
|
2493
|
+
readonly 'icon-400': "32px";
|
|
2494
|
+
};
|
|
2495
|
+
space: {
|
|
2496
|
+
readonly 0: "0px";
|
|
2497
|
+
readonly 25: "2px";
|
|
2498
|
+
readonly 50: "4px";
|
|
2499
|
+
readonly 100: "8px";
|
|
2500
|
+
readonly 150: "12px";
|
|
2501
|
+
readonly 200: "16px";
|
|
2502
|
+
readonly 300: "24px";
|
|
2503
|
+
readonly 400: "32px";
|
|
2504
|
+
readonly 500: "40px";
|
|
2505
|
+
readonly 600: "48px";
|
|
2506
|
+
readonly 700: "56px";
|
|
2507
|
+
readonly 800: "64px";
|
|
2508
|
+
readonly 1200: "96px";
|
|
2509
|
+
readonly 1600: "128px";
|
|
2510
|
+
};
|
|
2511
|
+
'space-gap': {
|
|
2512
|
+
readonly 0: any;
|
|
2513
|
+
readonly 50: any;
|
|
2514
|
+
readonly 100: any;
|
|
2515
|
+
readonly 200: any;
|
|
2516
|
+
readonly 300: any;
|
|
2517
|
+
};
|
|
2518
|
+
'space-inset': {
|
|
2519
|
+
readonly 0: any;
|
|
2520
|
+
readonly 50: any;
|
|
2521
|
+
readonly 100: any;
|
|
2522
|
+
readonly 150: any;
|
|
2523
|
+
readonly 200: any;
|
|
2524
|
+
readonly 300: any;
|
|
2525
|
+
readonly 400: any;
|
|
2526
|
+
readonly 500: any;
|
|
2527
|
+
readonly 600: any;
|
|
2528
|
+
readonly 700: any;
|
|
2529
|
+
readonly 800: any;
|
|
2530
|
+
readonly 1200: any;
|
|
2531
|
+
readonly 1600: any;
|
|
2532
|
+
};
|
|
2533
|
+
'space-offset': {
|
|
2534
|
+
readonly 0: any;
|
|
2535
|
+
readonly 50: any;
|
|
2536
|
+
readonly 100: any;
|
|
2537
|
+
readonly 150: any;
|
|
2538
|
+
readonly 200: any;
|
|
2539
|
+
readonly 300: any;
|
|
2540
|
+
readonly 400: any;
|
|
2541
|
+
readonly 600: any;
|
|
2542
|
+
readonly 800: any;
|
|
2543
|
+
readonly 1200: any;
|
|
2544
|
+
readonly 1600: any;
|
|
2545
|
+
readonly 'stacking-0': any;
|
|
2546
|
+
readonly 'stacking-100': any;
|
|
2547
|
+
readonly 'stacking-200': any;
|
|
2548
|
+
readonly 'stacking-300': any;
|
|
2549
|
+
readonly 'stacking-400': any;
|
|
2550
|
+
readonly 'stacking-500': any;
|
|
2551
|
+
readonly 'stacking-800': any;
|
|
2552
|
+
};
|
|
2553
|
+
'stroke-width': {
|
|
2554
|
+
readonly thin: "1.5px";
|
|
2555
|
+
readonly normal: "2px";
|
|
2556
|
+
readonly bold: "4px";
|
|
2557
|
+
};
|
|
2558
|
+
'z-indices': {
|
|
2559
|
+
readonly dropdownMenu: 100;
|
|
2560
|
+
readonly select: 200;
|
|
2561
|
+
readonly popover: 300;
|
|
2562
|
+
readonly tooltip: 400;
|
|
2563
|
+
};
|
|
2564
|
+
}, {
|
|
2565
|
+
readonly background: "colors";
|
|
2566
|
+
readonly backgroundColor: "colors";
|
|
2567
|
+
readonly backgroundImage: "colors";
|
|
2568
|
+
readonly blockSize: "sizes";
|
|
2569
|
+
readonly border: "colors";
|
|
2570
|
+
readonly borderBlock: "colors";
|
|
2571
|
+
readonly borderBlockEnd: "colors";
|
|
2572
|
+
readonly borderBlockStart: "colors";
|
|
2573
|
+
readonly borderBottom: "colors";
|
|
2574
|
+
readonly borderBottomColor: "colors";
|
|
2575
|
+
readonly borderBottomLeftRadius: "radii";
|
|
2576
|
+
readonly borderBottomRightRadius: "radii";
|
|
2577
|
+
readonly borderBottomStyle: "border-styles";
|
|
2578
|
+
readonly borderBottomWidth: "border-widths";
|
|
2579
|
+
readonly borderColor: "colors";
|
|
2580
|
+
readonly borderImage: "colors";
|
|
2581
|
+
readonly borderInline: "colors";
|
|
2582
|
+
readonly borderInlineEnd: "colors";
|
|
2583
|
+
readonly borderInlineStart: "colors";
|
|
2584
|
+
readonly borderLeft: "colors";
|
|
2585
|
+
readonly borderLeftColor: "colors";
|
|
2586
|
+
readonly borderLeftStyle: "border-styles";
|
|
2587
|
+
readonly borderLeftWidth: "border-widths";
|
|
2588
|
+
readonly borderRadius: "radii";
|
|
2589
|
+
readonly borderRight: "colors";
|
|
2590
|
+
readonly borderRightColor: "colors";
|
|
2591
|
+
readonly borderRightStyle: "border-styles";
|
|
2592
|
+
readonly borderRightWidth: "border-widths";
|
|
2593
|
+
readonly borderSpacing: "space-offset";
|
|
2594
|
+
readonly borderStyle: "border-styles";
|
|
2595
|
+
readonly borderTop: "colors";
|
|
2596
|
+
readonly borderTopColor: "colors";
|
|
2597
|
+
readonly borderTopLeftRadius: "radii";
|
|
2598
|
+
readonly borderTopRightRadius: "radii";
|
|
2599
|
+
readonly borderTopStyle: "border-styles";
|
|
2600
|
+
readonly borderTopWidth: "border-widths";
|
|
2601
|
+
readonly borderWidth: "border-widths";
|
|
2602
|
+
readonly bottom: "space";
|
|
2603
|
+
readonly boxShadow: "shadows";
|
|
2604
|
+
readonly caretColor: "colors";
|
|
2605
|
+
readonly color: "colors";
|
|
2606
|
+
readonly columnGap: "space-gap";
|
|
2607
|
+
readonly columnRuleColor: "colors";
|
|
2608
|
+
readonly fill: "colors";
|
|
2609
|
+
readonly flexBasis: "sizes";
|
|
2610
|
+
readonly fontFamily: "fonts";
|
|
2611
|
+
readonly fontSize: "font-sizes";
|
|
2612
|
+
readonly fontWeight: "font-weights";
|
|
2613
|
+
readonly gap: "space-gap";
|
|
2614
|
+
readonly gridColumnGap: "space-gap";
|
|
2615
|
+
readonly gridGap: "space-gap";
|
|
2616
|
+
readonly gridRowGap: "space-gap";
|
|
2617
|
+
readonly gridTemplateColumns: "sizes";
|
|
2618
|
+
readonly gridTemplateRows: "sizes";
|
|
2619
|
+
readonly height: "sizes";
|
|
2620
|
+
readonly inlineSize: "sizes";
|
|
2621
|
+
readonly inset: "space-inset";
|
|
2622
|
+
readonly insetBlock: "space-inset";
|
|
2623
|
+
readonly insetBlockEnd: "space-inset";
|
|
2624
|
+
readonly insetBlockStart: "space-inset";
|
|
2625
|
+
readonly insetInline: "space-inset";
|
|
2626
|
+
readonly insetInlineEnd: "space-inset";
|
|
2627
|
+
readonly insetInlineStart: "space-inset";
|
|
2628
|
+
readonly left: "space";
|
|
2629
|
+
readonly letterSpacing: "letter-spacings";
|
|
2630
|
+
readonly lineHeight: "line-heights";
|
|
2631
|
+
readonly margin: "space-offset";
|
|
2632
|
+
readonly marginBlock: "space-offset";
|
|
2633
|
+
readonly marginBlockEnd: "space-offset";
|
|
2634
|
+
readonly marginBlockStart: "space-offset";
|
|
2635
|
+
readonly marginBottom: "space-offset";
|
|
2636
|
+
readonly marginInline: "space-offset";
|
|
2637
|
+
readonly marginInlineEnd: "space-offset";
|
|
2638
|
+
readonly marginInlineStart: "space-offset";
|
|
2639
|
+
readonly marginLeft: "space-offset";
|
|
2640
|
+
readonly marginRight: "space-offset";
|
|
2641
|
+
readonly marginTop: "space-offset";
|
|
2642
|
+
readonly maxBlockSize: "sizes";
|
|
2643
|
+
readonly maxHeight: "sizes";
|
|
2644
|
+
readonly maxInlineSize: "sizes";
|
|
2645
|
+
readonly maxWidth: "sizes";
|
|
2646
|
+
readonly minBlockSize: "sizes";
|
|
2647
|
+
readonly minHeight: "sizes";
|
|
2648
|
+
readonly minInlineSize: "sizes";
|
|
2649
|
+
readonly minWidth: "sizes";
|
|
2650
|
+
readonly outline: "colors";
|
|
2651
|
+
readonly outlineColor: "colors";
|
|
2652
|
+
readonly padding: "space-inset";
|
|
2653
|
+
readonly paddingBlock: "space-inset";
|
|
2654
|
+
readonly paddingBlockEnd: "space-inset";
|
|
2655
|
+
readonly paddingBlockStart: "space-inset";
|
|
2656
|
+
readonly paddingBottom: "space-inset";
|
|
2657
|
+
readonly paddingInline: "space-inset";
|
|
2658
|
+
readonly paddingInlineEnd: "space-inset";
|
|
2659
|
+
readonly paddingInlineStart: "space-inset";
|
|
2660
|
+
readonly paddingLeft: "space-inset";
|
|
2661
|
+
readonly paddingRight: "space-inset";
|
|
2662
|
+
readonly paddingTop: "space-inset";
|
|
2663
|
+
readonly right: "space";
|
|
2664
|
+
readonly rowGap: "space-gap";
|
|
2665
|
+
readonly scrollMargin: "space-offset";
|
|
2666
|
+
readonly scrollMarginBlock: "space-offset";
|
|
2667
|
+
readonly scrollMarginBlockEnd: "space-offset";
|
|
2668
|
+
readonly scrollMarginBlockStart: "space-offset";
|
|
2669
|
+
readonly scrollMarginBottom: "space-offset";
|
|
2670
|
+
readonly scrollMarginInline: "space-offset";
|
|
2671
|
+
readonly scrollMarginInlineEnd: "space-offset";
|
|
2672
|
+
readonly scrollMarginInlineStart: "space-offset";
|
|
2673
|
+
readonly scrollMarginLeft: "space-offset";
|
|
2674
|
+
readonly scrollMarginRight: "space-offset";
|
|
2675
|
+
readonly scrollMarginTop: "space-offset";
|
|
2676
|
+
readonly scrollPadding: "space-inset";
|
|
2677
|
+
readonly scrollPaddingBlock: "space-inset";
|
|
2678
|
+
readonly scrollPaddingBlockEnd: "space-inset";
|
|
2679
|
+
readonly scrollPaddingBlockStart: "space-inset";
|
|
2680
|
+
readonly scrollPaddingBottom: "space-inset";
|
|
2681
|
+
readonly scrollPaddingInline: "space-inset";
|
|
2682
|
+
readonly scrollPaddingInlineEnd: "space-inset";
|
|
2683
|
+
readonly scrollPaddingInlineStart: "space-inset";
|
|
2684
|
+
readonly scrollPaddingLeft: "space-inset";
|
|
2685
|
+
readonly scrollPaddingRight: "space-inset";
|
|
2686
|
+
readonly scrollPaddingTop: "space-inset";
|
|
2687
|
+
readonly stroke: "colors";
|
|
2688
|
+
readonly strokeWidth: "stroke-width";
|
|
2689
|
+
readonly textDecorationColor: "colors";
|
|
2690
|
+
readonly textShadow: "shadows";
|
|
2691
|
+
readonly top: "space";
|
|
2692
|
+
readonly transition: "transitions";
|
|
2693
|
+
readonly width: "sizes";
|
|
2694
|
+
readonly zIndex: "z-indices";
|
|
2695
|
+
}, {
|
|
2696
|
+
paddingX: (value: {
|
|
2697
|
+
readonly [$$PropertyValue]: "padding";
|
|
2698
|
+
}) => {
|
|
2699
|
+
paddingLeft: {
|
|
2700
|
+
readonly [$$PropertyValue]: "padding";
|
|
2701
|
+
};
|
|
2702
|
+
paddingRight: {
|
|
2703
|
+
readonly [$$PropertyValue]: "padding";
|
|
2704
|
+
};
|
|
2705
|
+
};
|
|
2706
|
+
paddingY: (value: {
|
|
2707
|
+
readonly [$$PropertyValue]: "padding";
|
|
2708
|
+
}) => {
|
|
2709
|
+
paddingTop: {
|
|
2710
|
+
readonly [$$PropertyValue]: "padding";
|
|
2711
|
+
};
|
|
2712
|
+
paddingBottom: {
|
|
2713
|
+
readonly [$$PropertyValue]: "padding";
|
|
2714
|
+
};
|
|
2715
|
+
};
|
|
2716
|
+
marginX: (value: {
|
|
2717
|
+
readonly [$$PropertyValue]: "margin";
|
|
2718
|
+
}) => {
|
|
2719
|
+
marginLeft: {
|
|
2720
|
+
readonly [$$PropertyValue]: "margin";
|
|
2721
|
+
};
|
|
2722
|
+
marginRight: {
|
|
2723
|
+
readonly [$$PropertyValue]: "margin";
|
|
2724
|
+
};
|
|
2725
|
+
};
|
|
2726
|
+
marginY: (value: {
|
|
2727
|
+
readonly [$$PropertyValue]: "margin";
|
|
2728
|
+
}) => {
|
|
2729
|
+
marginTop: {
|
|
2730
|
+
readonly [$$PropertyValue]: "margin";
|
|
2731
|
+
};
|
|
2732
|
+
marginBottom: {
|
|
2733
|
+
readonly [$$PropertyValue]: "margin";
|
|
2734
|
+
};
|
|
2735
|
+
};
|
|
2736
|
+
square: (value: {
|
|
2737
|
+
readonly [$$PropertyValue]: "width";
|
|
2738
|
+
}) => {
|
|
2739
|
+
width: {
|
|
2740
|
+
readonly [$$PropertyValue]: "width";
|
|
2741
|
+
};
|
|
2742
|
+
height: {
|
|
2743
|
+
readonly [$$PropertyValue]: "width";
|
|
2744
|
+
};
|
|
2745
|
+
};
|
|
2746
|
+
_hover: (css: _stitches_react_types_css_util.CSSProperties) => {
|
|
2747
|
+
'&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
|
|
2748
|
+
};
|
|
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>;
|
|
2751
|
+
|
|
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>;
|
|
2759
|
+
|
|
2760
|
+
declare type Direction = 'ltr' | 'rtl';
|
|
2761
|
+
|
|
2762
|
+
interface ComboboxProps$1 extends FormElementProps {
|
|
2763
|
+
open?: boolean;
|
|
2764
|
+
defaultOpen?: boolean;
|
|
2765
|
+
value?: string[];
|
|
2766
|
+
defaultValue?: string[];
|
|
2767
|
+
searchValue?: string;
|
|
2768
|
+
direction?: Direction;
|
|
2769
|
+
}
|
|
2770
|
+
declare type ComboboxProviderProps = ComboboxProps$1;
|
|
2771
|
+
|
|
2772
|
+
interface ComboboxProps extends ComboboxProviderProps {
|
|
2773
|
+
/**
|
|
2774
|
+
* The value of the combobox when initially rendered. Use when you do not need
|
|
2775
|
+
* to control the state of the combobox.
|
|
2776
|
+
*/
|
|
2777
|
+
defaultValue?: string[];
|
|
2778
|
+
/**
|
|
2779
|
+
* The controlled value of the combobox. Should be used in conjunction with
|
|
2780
|
+
* onValueChange.
|
|
2781
|
+
*/
|
|
2782
|
+
value?: string[];
|
|
2783
|
+
/**
|
|
2784
|
+
* Event handler called when the value changes.
|
|
2785
|
+
*/
|
|
2786
|
+
onValueChange?: (value: string[]) => void;
|
|
2787
|
+
/**
|
|
2788
|
+
* The open state of the combobox when it is initially rendered. Use when you do
|
|
2789
|
+
* not need to control its open state.
|
|
2790
|
+
* @default false
|
|
2791
|
+
*/
|
|
2792
|
+
defaultOpen?: boolean;
|
|
2793
|
+
/**
|
|
2794
|
+
* The controlled open state of the combobox. Must be used in conjunction with
|
|
2795
|
+
* onOpen and onClose.
|
|
2796
|
+
*/
|
|
2797
|
+
open?: boolean;
|
|
2798
|
+
/**
|
|
2799
|
+
* Event handler called when the combobox opens.
|
|
2800
|
+
*/
|
|
2801
|
+
onOpen?: () => void;
|
|
2802
|
+
/**
|
|
2803
|
+
* Event handler called when the combobox closes.
|
|
2804
|
+
*/
|
|
2805
|
+
onClose?: () => void;
|
|
2806
|
+
/**
|
|
2807
|
+
* The reading direction of the combobox when applicable. If omitted, inherits
|
|
2808
|
+
* globally from DirectionProvider or assumes LTR (left-to-right) reading
|
|
2809
|
+
* mode.
|
|
2810
|
+
* @default 'ltr'
|
|
2811
|
+
*/
|
|
2812
|
+
direction?: Direction;
|
|
2813
|
+
/**
|
|
2814
|
+
* The content of the combobox
|
|
2815
|
+
*/
|
|
2816
|
+
children?: react__default.ReactNode;
|
|
2817
|
+
}
|
|
2818
|
+
declare const Combobox: react__default.ForwardRefExoticComponent<ComboboxProps> & Partials$1;
|
|
2819
|
+
interface Partials$1 {
|
|
2820
|
+
Portal: typeof Portal;
|
|
2821
|
+
Trigger: typeof Trigger;
|
|
2822
|
+
Content: typeof Content;
|
|
2823
|
+
Item: typeof Item;
|
|
2824
|
+
Group: typeof Group;
|
|
2825
|
+
GroupLabel: typeof GroupLabel;
|
|
2826
|
+
Value: typeof Value;
|
|
2827
|
+
}
|
|
2828
|
+
|
|
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;
|
|
2128
3377
|
}
|
|
2129
3378
|
|
|
2130
|
-
export { Combobox, ComboboxProps };
|
|
3379
|
+
export { Chip, ChipProps, Combobox, ComboboxProps };
|