@mirohq/design-system-select 0.3.1-colors.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { ComponentPropsWithRef, ReactNode } from 'react';
3
3
  import * as _radix_ui_react_select from '@radix-ui/react-select';
4
- import { Value as Value$1, SelectProps as SelectProps$2 } from '@radix-ui/react-select';
4
+ import { SelectPortalProps, Value as Value$1, SelectProps as SelectProps$2, Portal } from '@radix-ui/react-select';
5
5
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
6
6
  import { StrictComponentProps } from '@mirohq/design-system-stitches';
7
7
  import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
@@ -20,103 +20,63 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
20
20
  };
21
21
  colors: {
22
22
  readonly black: any;
23
- readonly 'blue-50': any;
24
23
  readonly 'blue-100': any;
25
- readonly 'blue-150': any;
26
24
  readonly 'blue-200': any;
27
- readonly 'blue-250': any;
28
25
  readonly 'blue-300': any;
29
- readonly 'blue-350': any;
30
26
  readonly 'blue-400': any;
31
- readonly 'blue-450': any;
32
27
  readonly 'blue-500': any;
33
- readonly 'blue-550': any;
34
28
  readonly 'blue-600': any;
35
- readonly 'blue-650': any;
36
29
  readonly 'blue-700': any;
37
- readonly 'blue-750': any;
38
30
  readonly 'blue-800': any;
39
- readonly 'blue-850': any;
40
31
  readonly 'blue-900': any;
41
- readonly 'blue-950': any;
42
- readonly 'gray-50': any;
32
+ readonly 'blue-1000': any;
43
33
  readonly 'gray-100': any;
44
- readonly 'gray-150': any;
45
34
  readonly 'gray-200': any;
46
- readonly 'gray-250': any;
47
35
  readonly 'gray-300': any;
48
- readonly 'gray-350': any;
49
36
  readonly 'gray-400': any;
50
- readonly 'gray-450': any;
51
37
  readonly 'gray-500': any;
52
- readonly 'gray-550': any;
53
38
  readonly 'gray-600': any;
54
- readonly 'gray-650': any;
55
39
  readonly 'gray-700': any;
56
- readonly 'gray-750': any;
57
40
  readonly 'gray-800': any;
58
- readonly 'gray-850': any;
59
41
  readonly 'gray-900': any;
60
- readonly 'gray-950': any;
61
- readonly 'green-50': any;
62
42
  readonly 'green-100': any;
63
- readonly 'green-150': any;
64
43
  readonly 'green-200': any;
65
- readonly 'green-250': any;
66
44
  readonly 'green-300': any;
67
- readonly 'green-350': any;
68
45
  readonly 'green-400': any;
69
- readonly 'green-450': any;
70
46
  readonly 'green-500': any;
71
- readonly 'green-550': any;
72
47
  readonly 'green-600': any;
73
- readonly 'green-650': any;
74
48
  readonly 'green-700': any;
75
- readonly 'green-750': any;
76
49
  readonly 'green-800': any;
77
- readonly 'green-850': any;
78
50
  readonly 'green-900': any;
79
- readonly 'green-950': any;
80
- readonly 'red-50': any;
51
+ readonly 'indigo-100': any;
52
+ readonly 'indigo-200': any;
53
+ readonly 'indigo-300': any;
54
+ readonly 'indigo-400': any;
55
+ readonly 'indigo-500': any;
56
+ readonly 'indigo-600': any;
57
+ readonly 'indigo-700': any;
58
+ readonly 'indigo-800': any;
59
+ readonly 'indigo-900': any;
81
60
  readonly 'red-100': any;
82
- readonly 'red-150': any;
83
61
  readonly 'red-200': any;
84
- readonly 'red-250': any;
85
62
  readonly 'red-300': any;
86
- readonly 'red-350': any;
87
63
  readonly 'red-400': any;
88
- readonly 'red-450': any;
89
64
  readonly 'red-500': any;
90
- readonly 'red-550': any;
91
65
  readonly 'red-600': any;
92
- readonly 'red-650': any;
93
66
  readonly 'red-700': any;
94
- readonly 'red-750': any;
95
67
  readonly 'red-800': any;
96
- readonly 'red-850': any;
97
68
  readonly 'red-900': any;
98
- readonly 'red-950': any;
99
69
  readonly transparent: any;
100
70
  readonly white: any;
101
- readonly 'yellow-50': any;
102
71
  readonly 'yellow-100': any;
103
- readonly 'yellow-150': any;
104
72
  readonly 'yellow-200': any;
105
- readonly 'yellow-250': any;
106
73
  readonly 'yellow-300': any;
107
- readonly 'yellow-350': any;
108
74
  readonly 'yellow-400': any;
109
- readonly 'yellow-450': any;
110
75
  readonly 'yellow-500': any;
111
- readonly 'yellow-550': any;
112
76
  readonly 'yellow-600': any;
113
- readonly 'yellow-650': any;
114
77
  readonly 'yellow-700': any;
115
- readonly 'yellow-750': any;
116
78
  readonly 'yellow-800': any;
117
- readonly 'yellow-850': any;
118
79
  readonly 'yellow-900': any;
119
- readonly 'yellow-950': any;
120
80
  "background-alpha-active"?: any;
121
81
  "background-alpha-hover"?: any;
122
82
  "background-danger-prominent"?: any;
@@ -137,19 +97,27 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
137
97
  "background-neutrals-inverted-subtle"?: any;
138
98
  "background-neutrals-page"?: any;
139
99
  "background-neutrals-page-subtle"?: any;
140
- "background-neutrals-scrollbar"?: any;
141
- "background-neutrals-scrollbar-active"?: any;
142
- "background-neutrals-scrollbar-hover"?: any;
100
+ "background-neutrals-scrolls"?: any;
101
+ "background-neutrals-scrolls-expanded"?: any;
102
+ "background-neutrals-scrolls-hover"?: any;
103
+ "background-neutrals-scrolls-pressed"?: any;
104
+ "background-neutrals-scrolls-pressed-hover"?: any;
143
105
  "background-neutrals-subtle"?: any;
144
106
  "background-neutrals-subtle-active"?: any;
145
107
  "background-neutrals-subtle-hover"?: any;
146
108
  "background-primary-prominent"?: any;
147
109
  "background-primary-prominent-active"?: any;
110
+ "background-primary-prominent-expanded"?: any;
148
111
  "background-primary-prominent-hover"?: any;
112
+ "background-primary-prominent-pressed"?: any;
113
+ "background-primary-prominent-pressed-hover"?: any;
149
114
  "background-primary-prominent-selected"?: any;
150
115
  "background-primary-subtle"?: any;
151
116
  "background-primary-subtle-active"?: any;
117
+ "background-primary-subtle-expanded"?: any;
152
118
  "background-primary-subtle-hover"?: any;
119
+ "background-primary-subtle-pressed"?: any;
120
+ "background-primary-subtle-pressed-hover"?: any;
153
121
  "background-primary-subtle-selected"?: any;
154
122
  "background-success"?: any;
155
123
  "background-success-prominent"?: any;
@@ -160,15 +128,9 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
160
128
  "border-danger"?: any;
161
129
  "border-danger-active"?: any;
162
130
  "border-danger-hover"?: any;
163
- "border-focus-error-inner"?: any;
164
- "border-focus-error-middle"?: any;
165
- "border-focus-error-outer"?: any;
166
131
  "border-focus-inner"?: any;
167
132
  "border-focus-middle"?: any;
168
133
  "border-focus-outer"?: any;
169
- "border-focus-success-inner"?: any;
170
- "border-focus-success-middle"?: any;
171
- "border-focus-success-outer"?: any;
172
134
  "border-neutrals"?: any;
173
135
  "border-neutrals-active"?: any;
174
136
  "border-neutrals-controls"?: any;
@@ -261,13 +223,13 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
261
223
  readonly body: "Open Sans, sans-serif";
262
224
  };
263
225
  radii: {
226
+ readonly none: 0;
227
+ readonly half: "999em";
264
228
  readonly 25: "2px";
265
229
  readonly 50: "4px";
266
230
  readonly 75: "6px";
267
231
  readonly 100: "8px";
268
232
  readonly 200: "16px";
269
- readonly half: "999px";
270
- readonly none: "0px";
271
233
  };
272
234
  shadows: {
273
235
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -549,103 +511,63 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
549
511
  };
550
512
  colors: {
551
513
  readonly black: any;
552
- readonly 'blue-50': any;
553
514
  readonly 'blue-100': any;
554
- readonly 'blue-150': any;
555
515
  readonly 'blue-200': any;
556
- readonly 'blue-250': any;
557
516
  readonly 'blue-300': any;
558
- readonly 'blue-350': any;
559
517
  readonly 'blue-400': any;
560
- readonly 'blue-450': any;
561
518
  readonly 'blue-500': any;
562
- readonly 'blue-550': any;
563
519
  readonly 'blue-600': any;
564
- readonly 'blue-650': any;
565
520
  readonly 'blue-700': any;
566
- readonly 'blue-750': any;
567
521
  readonly 'blue-800': any;
568
- readonly 'blue-850': any;
569
522
  readonly 'blue-900': any;
570
- readonly 'blue-950': any;
571
- readonly 'gray-50': any;
523
+ readonly 'blue-1000': any;
572
524
  readonly 'gray-100': any;
573
- readonly 'gray-150': any;
574
525
  readonly 'gray-200': any;
575
- readonly 'gray-250': any;
576
526
  readonly 'gray-300': any;
577
- readonly 'gray-350': any;
578
527
  readonly 'gray-400': any;
579
- readonly 'gray-450': any;
580
528
  readonly 'gray-500': any;
581
- readonly 'gray-550': any;
582
529
  readonly 'gray-600': any;
583
- readonly 'gray-650': any;
584
530
  readonly 'gray-700': any;
585
- readonly 'gray-750': any;
586
531
  readonly 'gray-800': any;
587
- readonly 'gray-850': any;
588
532
  readonly 'gray-900': any;
589
- readonly 'gray-950': any;
590
- readonly 'green-50': any;
591
533
  readonly 'green-100': any;
592
- readonly 'green-150': any;
593
534
  readonly 'green-200': any;
594
- readonly 'green-250': any;
595
535
  readonly 'green-300': any;
596
- readonly 'green-350': any;
597
536
  readonly 'green-400': any;
598
- readonly 'green-450': any;
599
537
  readonly 'green-500': any;
600
- readonly 'green-550': any;
601
538
  readonly 'green-600': any;
602
- readonly 'green-650': any;
603
539
  readonly 'green-700': any;
604
- readonly 'green-750': any;
605
540
  readonly 'green-800': any;
606
- readonly 'green-850': any;
607
541
  readonly 'green-900': any;
608
- readonly 'green-950': any;
609
- readonly 'red-50': any;
542
+ readonly 'indigo-100': any;
543
+ readonly 'indigo-200': any;
544
+ readonly 'indigo-300': any;
545
+ readonly 'indigo-400': any;
546
+ readonly 'indigo-500': any;
547
+ readonly 'indigo-600': any;
548
+ readonly 'indigo-700': any;
549
+ readonly 'indigo-800': any;
550
+ readonly 'indigo-900': any;
610
551
  readonly 'red-100': any;
611
- readonly 'red-150': any;
612
552
  readonly 'red-200': any;
613
- readonly 'red-250': any;
614
553
  readonly 'red-300': any;
615
- readonly 'red-350': any;
616
554
  readonly 'red-400': any;
617
- readonly 'red-450': any;
618
555
  readonly 'red-500': any;
619
- readonly 'red-550': any;
620
556
  readonly 'red-600': any;
621
- readonly 'red-650': any;
622
557
  readonly 'red-700': any;
623
- readonly 'red-750': any;
624
558
  readonly 'red-800': any;
625
- readonly 'red-850': any;
626
559
  readonly 'red-900': any;
627
- readonly 'red-950': any;
628
560
  readonly transparent: any;
629
561
  readonly white: any;
630
- readonly 'yellow-50': any;
631
562
  readonly 'yellow-100': any;
632
- readonly 'yellow-150': any;
633
563
  readonly 'yellow-200': any;
634
- readonly 'yellow-250': any;
635
564
  readonly 'yellow-300': any;
636
- readonly 'yellow-350': any;
637
565
  readonly 'yellow-400': any;
638
- readonly 'yellow-450': any;
639
566
  readonly 'yellow-500': any;
640
- readonly 'yellow-550': any;
641
567
  readonly 'yellow-600': any;
642
- readonly 'yellow-650': any;
643
568
  readonly 'yellow-700': any;
644
- readonly 'yellow-750': any;
645
569
  readonly 'yellow-800': any;
646
- readonly 'yellow-850': any;
647
570
  readonly 'yellow-900': any;
648
- readonly 'yellow-950': any;
649
571
  "background-alpha-active"?: any;
650
572
  "background-alpha-hover"?: any;
651
573
  "background-danger-prominent"?: any;
@@ -666,19 +588,27 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
666
588
  "background-neutrals-inverted-subtle"?: any;
667
589
  "background-neutrals-page"?: any;
668
590
  "background-neutrals-page-subtle"?: any;
669
- "background-neutrals-scrollbar"?: any;
670
- "background-neutrals-scrollbar-active"?: any;
671
- "background-neutrals-scrollbar-hover"?: any;
591
+ "background-neutrals-scrolls"?: any;
592
+ "background-neutrals-scrolls-expanded"?: any;
593
+ "background-neutrals-scrolls-hover"?: any;
594
+ "background-neutrals-scrolls-pressed"?: any;
595
+ "background-neutrals-scrolls-pressed-hover"?: any;
672
596
  "background-neutrals-subtle"?: any;
673
597
  "background-neutrals-subtle-active"?: any;
674
598
  "background-neutrals-subtle-hover"?: any;
675
599
  "background-primary-prominent"?: any;
676
600
  "background-primary-prominent-active"?: any;
601
+ "background-primary-prominent-expanded"?: any;
677
602
  "background-primary-prominent-hover"?: any;
603
+ "background-primary-prominent-pressed"?: any;
604
+ "background-primary-prominent-pressed-hover"?: any;
678
605
  "background-primary-prominent-selected"?: any;
679
606
  "background-primary-subtle"?: any;
680
607
  "background-primary-subtle-active"?: any;
608
+ "background-primary-subtle-expanded"?: any;
681
609
  "background-primary-subtle-hover"?: any;
610
+ "background-primary-subtle-pressed"?: any;
611
+ "background-primary-subtle-pressed-hover"?: any;
682
612
  "background-primary-subtle-selected"?: any;
683
613
  "background-success"?: any;
684
614
  "background-success-prominent"?: any;
@@ -689,15 +619,9 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
689
619
  "border-danger"?: any;
690
620
  "border-danger-active"?: any;
691
621
  "border-danger-hover"?: any;
692
- "border-focus-error-inner"?: any;
693
- "border-focus-error-middle"?: any;
694
- "border-focus-error-outer"?: any;
695
622
  "border-focus-inner"?: any;
696
623
  "border-focus-middle"?: any;
697
624
  "border-focus-outer"?: any;
698
- "border-focus-success-inner"?: any;
699
- "border-focus-success-middle"?: any;
700
- "border-focus-success-outer"?: any;
701
625
  "border-neutrals"?: any;
702
626
  "border-neutrals-active"?: any;
703
627
  "border-neutrals-controls"?: any;
@@ -790,13 +714,13 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
790
714
  readonly body: "Open Sans, sans-serif";
791
715
  };
792
716
  radii: {
717
+ readonly none: 0;
718
+ readonly half: "999em";
793
719
  readonly 25: "2px";
794
720
  readonly 50: "4px";
795
721
  readonly 75: "6px";
796
722
  readonly 100: "8px";
797
723
  readonly 200: "16px";
798
- readonly half: "999px";
799
- readonly none: "0px";
800
724
  };
801
725
  shadows: {
802
726
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -1082,103 +1006,63 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1082
1006
  };
1083
1007
  colors: {
1084
1008
  readonly black: any;
1085
- readonly 'blue-50': any;
1086
1009
  readonly 'blue-100': any;
1087
- readonly 'blue-150': any;
1088
1010
  readonly 'blue-200': any;
1089
- readonly 'blue-250': any;
1090
1011
  readonly 'blue-300': any;
1091
- readonly 'blue-350': any;
1092
1012
  readonly 'blue-400': any;
1093
- readonly 'blue-450': any;
1094
1013
  readonly 'blue-500': any;
1095
- readonly 'blue-550': any;
1096
1014
  readonly 'blue-600': any;
1097
- readonly 'blue-650': any;
1098
1015
  readonly 'blue-700': any;
1099
- readonly 'blue-750': any;
1100
1016
  readonly 'blue-800': any;
1101
- readonly 'blue-850': any;
1102
1017
  readonly 'blue-900': any;
1103
- readonly 'blue-950': any;
1104
- readonly 'gray-50': any;
1018
+ readonly 'blue-1000': any;
1105
1019
  readonly 'gray-100': any;
1106
- readonly 'gray-150': any;
1107
1020
  readonly 'gray-200': any;
1108
- readonly 'gray-250': any;
1109
1021
  readonly 'gray-300': any;
1110
- readonly 'gray-350': any;
1111
1022
  readonly 'gray-400': any;
1112
- readonly 'gray-450': any;
1113
1023
  readonly 'gray-500': any;
1114
- readonly 'gray-550': any;
1115
1024
  readonly 'gray-600': any;
1116
- readonly 'gray-650': any;
1117
1025
  readonly 'gray-700': any;
1118
- readonly 'gray-750': any;
1119
1026
  readonly 'gray-800': any;
1120
- readonly 'gray-850': any;
1121
1027
  readonly 'gray-900': any;
1122
- readonly 'gray-950': any;
1123
- readonly 'green-50': any;
1124
1028
  readonly 'green-100': any;
1125
- readonly 'green-150': any;
1126
1029
  readonly 'green-200': any;
1127
- readonly 'green-250': any;
1128
1030
  readonly 'green-300': any;
1129
- readonly 'green-350': any;
1130
1031
  readonly 'green-400': any;
1131
- readonly 'green-450': any;
1132
1032
  readonly 'green-500': any;
1133
- readonly 'green-550': any;
1134
1033
  readonly 'green-600': any;
1135
- readonly 'green-650': any;
1136
1034
  readonly 'green-700': any;
1137
- readonly 'green-750': any;
1138
1035
  readonly 'green-800': any;
1139
- readonly 'green-850': any;
1140
1036
  readonly 'green-900': any;
1141
- readonly 'green-950': any;
1142
- readonly 'red-50': any;
1037
+ readonly 'indigo-100': any;
1038
+ readonly 'indigo-200': any;
1039
+ readonly 'indigo-300': any;
1040
+ readonly 'indigo-400': any;
1041
+ readonly 'indigo-500': any;
1042
+ readonly 'indigo-600': any;
1043
+ readonly 'indigo-700': any;
1044
+ readonly 'indigo-800': any;
1045
+ readonly 'indigo-900': any;
1143
1046
  readonly 'red-100': any;
1144
- readonly 'red-150': any;
1145
1047
  readonly 'red-200': any;
1146
- readonly 'red-250': any;
1147
1048
  readonly 'red-300': any;
1148
- readonly 'red-350': any;
1149
1049
  readonly 'red-400': any;
1150
- readonly 'red-450': any;
1151
1050
  readonly 'red-500': any;
1152
- readonly 'red-550': any;
1153
1051
  readonly 'red-600': any;
1154
- readonly 'red-650': any;
1155
1052
  readonly 'red-700': any;
1156
- readonly 'red-750': any;
1157
1053
  readonly 'red-800': any;
1158
- readonly 'red-850': any;
1159
1054
  readonly 'red-900': any;
1160
- readonly 'red-950': any;
1161
1055
  readonly transparent: any;
1162
1056
  readonly white: any;
1163
- readonly 'yellow-50': any;
1164
1057
  readonly 'yellow-100': any;
1165
- readonly 'yellow-150': any;
1166
1058
  readonly 'yellow-200': any;
1167
- readonly 'yellow-250': any;
1168
1059
  readonly 'yellow-300': any;
1169
- readonly 'yellow-350': any;
1170
1060
  readonly 'yellow-400': any;
1171
- readonly 'yellow-450': any;
1172
1061
  readonly 'yellow-500': any;
1173
- readonly 'yellow-550': any;
1174
1062
  readonly 'yellow-600': any;
1175
- readonly 'yellow-650': any;
1176
1063
  readonly 'yellow-700': any;
1177
- readonly 'yellow-750': any;
1178
1064
  readonly 'yellow-800': any;
1179
- readonly 'yellow-850': any;
1180
1065
  readonly 'yellow-900': any;
1181
- readonly 'yellow-950': any;
1182
1066
  "background-alpha-active"?: any;
1183
1067
  "background-alpha-hover"?: any;
1184
1068
  "background-danger-prominent"?: any;
@@ -1199,19 +1083,27 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1199
1083
  "background-neutrals-inverted-subtle"?: any;
1200
1084
  "background-neutrals-page"?: any;
1201
1085
  "background-neutrals-page-subtle"?: any;
1202
- "background-neutrals-scrollbar"?: any;
1203
- "background-neutrals-scrollbar-active"?: any;
1204
- "background-neutrals-scrollbar-hover"?: any;
1086
+ "background-neutrals-scrolls"?: any;
1087
+ "background-neutrals-scrolls-expanded"?: any;
1088
+ "background-neutrals-scrolls-hover"?: any;
1089
+ "background-neutrals-scrolls-pressed"?: any;
1090
+ "background-neutrals-scrolls-pressed-hover"?: any;
1205
1091
  "background-neutrals-subtle"?: any;
1206
1092
  "background-neutrals-subtle-active"?: any;
1207
1093
  "background-neutrals-subtle-hover"?: any;
1208
1094
  "background-primary-prominent"?: any;
1209
1095
  "background-primary-prominent-active"?: any;
1096
+ "background-primary-prominent-expanded"?: any;
1210
1097
  "background-primary-prominent-hover"?: any;
1098
+ "background-primary-prominent-pressed"?: any;
1099
+ "background-primary-prominent-pressed-hover"?: any;
1211
1100
  "background-primary-prominent-selected"?: any;
1212
1101
  "background-primary-subtle"?: any;
1213
1102
  "background-primary-subtle-active"?: any;
1103
+ "background-primary-subtle-expanded"?: any;
1214
1104
  "background-primary-subtle-hover"?: any;
1105
+ "background-primary-subtle-pressed"?: any;
1106
+ "background-primary-subtle-pressed-hover"?: any;
1215
1107
  "background-primary-subtle-selected"?: any;
1216
1108
  "background-success"?: any;
1217
1109
  "background-success-prominent"?: any;
@@ -1222,15 +1114,9 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1222
1114
  "border-danger"?: any;
1223
1115
  "border-danger-active"?: any;
1224
1116
  "border-danger-hover"?: any;
1225
- "border-focus-error-inner"?: any;
1226
- "border-focus-error-middle"?: any;
1227
- "border-focus-error-outer"?: any;
1228
1117
  "border-focus-inner"?: any;
1229
1118
  "border-focus-middle"?: any;
1230
1119
  "border-focus-outer"?: any;
1231
- "border-focus-success-inner"?: any;
1232
- "border-focus-success-middle"?: any;
1233
- "border-focus-success-outer"?: any;
1234
1120
  "border-neutrals"?: any;
1235
1121
  "border-neutrals-active"?: any;
1236
1122
  "border-neutrals-controls"?: any;
@@ -1323,13 +1209,13 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1323
1209
  readonly body: "Open Sans, sans-serif";
1324
1210
  };
1325
1211
  radii: {
1212
+ readonly none: 0;
1213
+ readonly half: "999em";
1326
1214
  readonly 25: "2px";
1327
1215
  readonly 50: "4px";
1328
1216
  readonly 75: "6px";
1329
1217
  readonly 100: "8px";
1330
1218
  readonly 200: "16px";
1331
- readonly half: "999px";
1332
- readonly none: "0px";
1333
1219
  };
1334
1220
  shadows: {
1335
1221
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -1621,543 +1507,13 @@ interface ItemProps extends StyledItemProps {
1621
1507
  }
1622
1508
  declare const Item: react__default.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & react__default.RefAttributes<HTMLDivElement>>;
1623
1509
 
1624
- declare const StyledPortal: react.ForwardRefExoticComponent<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.FC<_radix_ui_react_select.SelectPortalProps>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
1625
- 'border-widths': {
1626
- readonly none: 0;
1627
- readonly sm: "1px";
1628
- readonly md: "2px";
1629
- readonly lg: "4px";
1630
- };
1631
- colors: {
1632
- readonly black: any;
1633
- readonly 'blue-50': any;
1634
- readonly 'blue-100': any;
1635
- readonly 'blue-150': any;
1636
- readonly 'blue-200': any;
1637
- readonly 'blue-250': any;
1638
- readonly 'blue-300': any;
1639
- readonly 'blue-350': any;
1640
- readonly 'blue-400': any;
1641
- readonly 'blue-450': any;
1642
- readonly 'blue-500': any;
1643
- readonly 'blue-550': any;
1644
- readonly 'blue-600': any;
1645
- readonly 'blue-650': any;
1646
- readonly 'blue-700': any;
1647
- readonly 'blue-750': any;
1648
- readonly 'blue-800': any;
1649
- readonly 'blue-850': any;
1650
- readonly 'blue-900': any;
1651
- readonly 'blue-950': any;
1652
- readonly 'gray-50': any;
1653
- readonly 'gray-100': any;
1654
- readonly 'gray-150': any;
1655
- readonly 'gray-200': any;
1656
- readonly 'gray-250': any;
1657
- readonly 'gray-300': any;
1658
- readonly 'gray-350': any;
1659
- readonly 'gray-400': any;
1660
- readonly 'gray-450': any;
1661
- readonly 'gray-500': any;
1662
- readonly 'gray-550': any;
1663
- readonly 'gray-600': any;
1664
- readonly 'gray-650': any;
1665
- readonly 'gray-700': any;
1666
- readonly 'gray-750': any;
1667
- readonly 'gray-800': any;
1668
- readonly 'gray-850': any;
1669
- readonly 'gray-900': any;
1670
- readonly 'gray-950': any;
1671
- readonly 'green-50': any;
1672
- readonly 'green-100': any;
1673
- readonly 'green-150': any;
1674
- readonly 'green-200': any;
1675
- readonly 'green-250': any;
1676
- readonly 'green-300': any;
1677
- readonly 'green-350': any;
1678
- readonly 'green-400': any;
1679
- readonly 'green-450': any;
1680
- readonly 'green-500': any;
1681
- readonly 'green-550': any;
1682
- readonly 'green-600': any;
1683
- readonly 'green-650': any;
1684
- readonly 'green-700': any;
1685
- readonly 'green-750': any;
1686
- readonly 'green-800': any;
1687
- readonly 'green-850': any;
1688
- readonly 'green-900': any;
1689
- readonly 'green-950': any;
1690
- readonly 'red-50': any;
1691
- readonly 'red-100': any;
1692
- readonly 'red-150': any;
1693
- readonly 'red-200': any;
1694
- readonly 'red-250': any;
1695
- readonly 'red-300': any;
1696
- readonly 'red-350': any;
1697
- readonly 'red-400': any;
1698
- readonly 'red-450': any;
1699
- readonly 'red-500': any;
1700
- readonly 'red-550': any;
1701
- readonly 'red-600': any;
1702
- readonly 'red-650': any;
1703
- readonly 'red-700': any;
1704
- readonly 'red-750': any;
1705
- readonly 'red-800': any;
1706
- readonly 'red-850': any;
1707
- readonly 'red-900': any;
1708
- readonly 'red-950': any;
1709
- readonly transparent: any;
1710
- readonly white: any;
1711
- readonly 'yellow-50': any;
1712
- readonly 'yellow-100': any;
1713
- readonly 'yellow-150': any;
1714
- readonly 'yellow-200': any;
1715
- readonly 'yellow-250': any;
1716
- readonly 'yellow-300': any;
1717
- readonly 'yellow-350': any;
1718
- readonly 'yellow-400': any;
1719
- readonly 'yellow-450': any;
1720
- readonly 'yellow-500': any;
1721
- readonly 'yellow-550': any;
1722
- readonly 'yellow-600': any;
1723
- readonly 'yellow-650': any;
1724
- readonly 'yellow-700': any;
1725
- readonly 'yellow-750': any;
1726
- readonly 'yellow-800': any;
1727
- readonly 'yellow-850': any;
1728
- readonly 'yellow-900': any;
1729
- readonly 'yellow-950': any;
1730
- "background-alpha-active"?: any;
1731
- "background-alpha-hover"?: any;
1732
- "background-danger-prominent"?: any;
1733
- "background-danger-prominent-active"?: any;
1734
- "background-danger-prominent-hover"?: any;
1735
- "background-danger-subtle"?: any;
1736
- "background-danger-subtle-active"?: any;
1737
- "background-danger-subtle-hover"?: any;
1738
- "background-neutrals"?: any;
1739
- "background-neutrals-active"?: any;
1740
- "background-neutrals-container"?: any;
1741
- "background-neutrals-controls-disabled"?: any;
1742
- "background-neutrals-disabled"?: any;
1743
- "background-neutrals-hover"?: any;
1744
- "background-neutrals-inactive"?: any;
1745
- "background-neutrals-inactive-hover"?: any;
1746
- "background-neutrals-inverted"?: any;
1747
- "background-neutrals-inverted-subtle"?: any;
1748
- "background-neutrals-page"?: any;
1749
- "background-neutrals-page-subtle"?: any;
1750
- "background-neutrals-scrollbar"?: any;
1751
- "background-neutrals-scrollbar-active"?: any;
1752
- "background-neutrals-scrollbar-hover"?: any;
1753
- "background-neutrals-subtle"?: any;
1754
- "background-neutrals-subtle-active"?: any;
1755
- "background-neutrals-subtle-hover"?: any;
1756
- "background-primary-prominent"?: any;
1757
- "background-primary-prominent-active"?: any;
1758
- "background-primary-prominent-hover"?: any;
1759
- "background-primary-prominent-selected"?: any;
1760
- "background-primary-subtle"?: any;
1761
- "background-primary-subtle-active"?: any;
1762
- "background-primary-subtle-hover"?: any;
1763
- "background-primary-subtle-selected"?: any;
1764
- "background-success"?: any;
1765
- "background-success-prominent"?: any;
1766
- "background-success-prominent-active"?: any;
1767
- "background-success-prominent-hover"?: any;
1768
- "background-warning-prominent"?: any;
1769
- "background-warning-subtle"?: any;
1770
- "border-danger"?: any;
1771
- "border-danger-active"?: any;
1772
- "border-danger-hover"?: any;
1773
- "border-focus-error-inner"?: any;
1774
- "border-focus-error-middle"?: any;
1775
- "border-focus-error-outer"?: any;
1776
- "border-focus-inner"?: any;
1777
- "border-focus-middle"?: any;
1778
- "border-focus-outer"?: any;
1779
- "border-focus-success-inner"?: any;
1780
- "border-focus-success-middle"?: any;
1781
- "border-focus-success-outer"?: any;
1782
- "border-neutrals"?: any;
1783
- "border-neutrals-active"?: any;
1784
- "border-neutrals-controls"?: any;
1785
- "border-neutrals-controls-disabled"?: any;
1786
- "border-neutrals-disabled"?: any;
1787
- "border-neutrals-hover"?: any;
1788
- "border-neutrals-inverted"?: any;
1789
- "border-neutrals-subtle"?: any;
1790
- "border-neutrals-text"?: any;
1791
- "border-neutrals-text-active"?: any;
1792
- "border-neutrals-text-hover"?: any;
1793
- "border-neutrals-text-subtle"?: any;
1794
- "border-neutrals-text-subtle-active"?: any;
1795
- "border-neutrals-text-subtle-hover"?: any;
1796
- "border-neutrals-transparent"?: any;
1797
- "border-primary"?: any;
1798
- "border-primary-active"?: any;
1799
- "border-primary-hover"?: any;
1800
- "border-primary-inverted"?: any;
1801
- "border-success"?: any;
1802
- "border-success-active"?: any;
1803
- "border-success-hover"?: any;
1804
- "border-warning"?: any;
1805
- "icon-danger"?: any;
1806
- "icon-danger-active"?: any;
1807
- "icon-danger-hover"?: any;
1808
- "icon-danger-inverted"?: any;
1809
- "icon-neutrals"?: any;
1810
- "icon-neutrals-disabled"?: any;
1811
- "icon-neutrals-inactive"?: any;
1812
- "icon-neutrals-inactive-hover"?: any;
1813
- "icon-neutrals-inverted"?: any;
1814
- "icon-neutrals-search"?: any;
1815
- "icon-neutrals-subtle"?: any;
1816
- "icon-neutrals-text"?: any;
1817
- "icon-primary"?: any;
1818
- "icon-primary-active"?: any;
1819
- "icon-primary-hover"?: any;
1820
- "icon-primary-inverted"?: any;
1821
- "icon-primary-selected"?: any;
1822
- "icon-success"?: any;
1823
- "icon-success-active"?: any;
1824
- "icon-success-hover"?: any;
1825
- "icon-success-inverted"?: any;
1826
- "icon-warning"?: any;
1827
- "icon-warning-prominent"?: any;
1828
- "icon-warning-subtle"?: any;
1829
- "text-danger"?: any;
1830
- "text-danger-active"?: any;
1831
- "text-danger-hover"?: any;
1832
- "text-danger-inverted"?: any;
1833
- "text-neutrals"?: any;
1834
- "text-neutrals-active"?: any;
1835
- "text-neutrals-disabled"?: any;
1836
- "text-neutrals-hover"?: any;
1837
- "text-neutrals-inverted"?: any;
1838
- "text-neutrals-placeholder"?: any;
1839
- "text-neutrals-placeholder-only"?: any;
1840
- "text-neutrals-subtle"?: any;
1841
- "text-neutrals-subtle-active"?: any;
1842
- "text-neutrals-subtle-hover"?: any;
1843
- "text-primary"?: any;
1844
- "text-primary-active"?: any;
1845
- "text-primary-hover"?: any;
1846
- "text-primary-inverted"?: any;
1847
- "text-primary-inverted-subtle"?: any;
1848
- "text-primary-selected"?: any;
1849
- "text-success"?: any;
1850
- "text-success-active"?: any;
1851
- "text-success-hover"?: any;
1852
- "text-success-inverted"?: any;
1853
- "text-warning"?: any;
1854
- "text-warning-subtle"?: any;
1855
- };
1856
- 'font-sizes': {
1857
- readonly 150: "0.75rem";
1858
- readonly 175: "0.875rem";
1859
- readonly 200: "1rem";
1860
- readonly 225: "1.125rem";
1861
- readonly 250: "1.25rem";
1862
- readonly 300: "1.5rem";
1863
- readonly 400: "2rem";
1864
- readonly 500: "2.5rem";
1865
- readonly 600: "3rem";
1866
- readonly 800: "4rem";
1867
- readonly 900: "4.5rem";
1868
- };
1869
- fonts: {
1870
- readonly heading: "Roobert, sans-serif";
1871
- readonly body: "Open Sans, sans-serif";
1872
- };
1873
- radii: {
1874
- readonly 25: "2px";
1875
- readonly 50: "4px";
1876
- readonly 75: "6px";
1877
- readonly 100: "8px";
1878
- readonly 200: "16px";
1879
- readonly half: "999px";
1880
- readonly none: "0px";
1881
- };
1882
- shadows: {
1883
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1884
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1885
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1886
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1887
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1888
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1889
- };
1890
- sizes: {
1891
- readonly number: string;
1892
- readonly 'icon-200': "16px";
1893
- readonly 'icon-300': "24px";
1894
- readonly 'icon-400': "32px";
1895
- };
1896
- space: {
1897
- readonly 0: "0px";
1898
- readonly 25: "2px";
1899
- readonly 50: "4px";
1900
- readonly 100: "8px";
1901
- readonly 150: "12px";
1902
- readonly 200: "16px";
1903
- readonly 300: "24px";
1904
- readonly 400: "32px";
1905
- readonly 500: "40px";
1906
- readonly 600: "48px";
1907
- readonly 700: "56px";
1908
- readonly 800: "64px";
1909
- readonly 1200: "96px";
1910
- readonly 1600: "128px";
1911
- };
1912
- 'space-gap': {
1913
- readonly 0: any;
1914
- readonly 50: any;
1915
- readonly 100: any;
1916
- readonly 200: any;
1917
- readonly 300: any;
1918
- };
1919
- 'space-inset': {
1920
- readonly 0: any;
1921
- readonly 50: any;
1922
- readonly 100: any;
1923
- readonly 150: any;
1924
- readonly 200: any;
1925
- readonly 300: any;
1926
- readonly 400: any;
1927
- readonly 500: any;
1928
- readonly 600: any;
1929
- readonly 700: any;
1930
- readonly 800: any;
1931
- readonly 1200: any;
1932
- readonly 1600: any;
1933
- };
1934
- 'space-offset': {
1935
- readonly 0: any;
1936
- readonly 50: any;
1937
- readonly 100: any;
1938
- readonly 150: any;
1939
- readonly 200: any;
1940
- readonly 300: any;
1941
- readonly 400: any;
1942
- readonly 600: any;
1943
- readonly 800: any;
1944
- readonly 1200: any;
1945
- readonly 1600: any;
1946
- readonly 'stacking-0': any;
1947
- readonly 'stacking-100': any;
1948
- readonly 'stacking-200': any;
1949
- readonly 'stacking-300': any;
1950
- readonly 'stacking-400': any;
1951
- readonly 'stacking-500': any;
1952
- readonly 'stacking-800': any;
1953
- };
1954
- 'stroke-width': {
1955
- readonly thin: "1.5px";
1956
- readonly normal: "2px";
1957
- readonly bold: "4px";
1958
- };
1959
- 'z-indices': {
1960
- readonly dropdownMenu: 100;
1961
- readonly select: 200;
1962
- readonly popover: 300;
1963
- readonly tooltip: 400;
1964
- };
1965
- }, {
1966
- readonly background: "colors";
1967
- readonly backgroundColor: "colors";
1968
- readonly backgroundImage: "colors";
1969
- readonly blockSize: "sizes";
1970
- readonly border: "colors";
1971
- readonly borderBlock: "colors";
1972
- readonly borderBlockEnd: "colors";
1973
- readonly borderBlockStart: "colors";
1974
- readonly borderBottom: "colors";
1975
- readonly borderBottomColor: "colors";
1976
- readonly borderBottomLeftRadius: "radii";
1977
- readonly borderBottomRightRadius: "radii";
1978
- readonly borderBottomStyle: "border-styles";
1979
- readonly borderBottomWidth: "border-widths";
1980
- readonly borderColor: "colors";
1981
- readonly borderImage: "colors";
1982
- readonly borderInline: "colors";
1983
- readonly borderInlineEnd: "colors";
1984
- readonly borderInlineStart: "colors";
1985
- readonly borderLeft: "colors";
1986
- readonly borderLeftColor: "colors";
1987
- readonly borderLeftStyle: "border-styles";
1988
- readonly borderLeftWidth: "border-widths";
1989
- readonly borderRadius: "radii";
1990
- readonly borderRight: "colors";
1991
- readonly borderRightColor: "colors";
1992
- readonly borderRightStyle: "border-styles";
1993
- readonly borderRightWidth: "border-widths";
1994
- readonly borderSpacing: "space-offset";
1995
- readonly borderStyle: "border-styles";
1996
- readonly borderTop: "colors";
1997
- readonly borderTopColor: "colors";
1998
- readonly borderTopLeftRadius: "radii";
1999
- readonly borderTopRightRadius: "radii";
2000
- readonly borderTopStyle: "border-styles";
2001
- readonly borderTopWidth: "border-widths";
2002
- readonly borderWidth: "border-widths";
2003
- readonly bottom: "space";
2004
- readonly boxShadow: "shadows";
2005
- readonly caretColor: "colors";
2006
- readonly color: "colors";
2007
- readonly columnGap: "space-gap";
2008
- readonly columnRuleColor: "colors";
2009
- readonly fill: "colors";
2010
- readonly flexBasis: "sizes";
2011
- readonly fontFamily: "fonts";
2012
- readonly fontSize: "font-sizes";
2013
- readonly fontWeight: "font-weights";
2014
- readonly gap: "space-gap";
2015
- readonly gridColumnGap: "space-gap";
2016
- readonly gridGap: "space-gap";
2017
- readonly gridRowGap: "space-gap";
2018
- readonly gridTemplateColumns: "sizes";
2019
- readonly gridTemplateRows: "sizes";
2020
- readonly height: "sizes";
2021
- readonly inlineSize: "sizes";
2022
- readonly inset: "space-inset";
2023
- readonly insetBlock: "space-inset";
2024
- readonly insetBlockEnd: "space-inset";
2025
- readonly insetBlockStart: "space-inset";
2026
- readonly insetInline: "space-inset";
2027
- readonly insetInlineEnd: "space-inset";
2028
- readonly insetInlineStart: "space-inset";
2029
- readonly left: "space";
2030
- readonly letterSpacing: "letter-spacings";
2031
- readonly lineHeight: "line-heights";
2032
- readonly margin: "space-offset";
2033
- readonly marginBlock: "space-offset";
2034
- readonly marginBlockEnd: "space-offset";
2035
- readonly marginBlockStart: "space-offset";
2036
- readonly marginBottom: "space-offset";
2037
- readonly marginInline: "space-offset";
2038
- readonly marginInlineEnd: "space-offset";
2039
- readonly marginInlineStart: "space-offset";
2040
- readonly marginLeft: "space-offset";
2041
- readonly marginRight: "space-offset";
2042
- readonly marginTop: "space-offset";
2043
- readonly maxBlockSize: "sizes";
2044
- readonly maxHeight: "sizes";
2045
- readonly maxInlineSize: "sizes";
2046
- readonly maxWidth: "sizes";
2047
- readonly minBlockSize: "sizes";
2048
- readonly minHeight: "sizes";
2049
- readonly minInlineSize: "sizes";
2050
- readonly minWidth: "sizes";
2051
- readonly outline: "colors";
2052
- readonly outlineColor: "colors";
2053
- readonly padding: "space-inset";
2054
- readonly paddingBlock: "space-inset";
2055
- readonly paddingBlockEnd: "space-inset";
2056
- readonly paddingBlockStart: "space-inset";
2057
- readonly paddingBottom: "space-inset";
2058
- readonly paddingInline: "space-inset";
2059
- readonly paddingInlineEnd: "space-inset";
2060
- readonly paddingInlineStart: "space-inset";
2061
- readonly paddingLeft: "space-inset";
2062
- readonly paddingRight: "space-inset";
2063
- readonly paddingTop: "space-inset";
2064
- readonly right: "space";
2065
- readonly rowGap: "space-gap";
2066
- readonly scrollMargin: "space-offset";
2067
- readonly scrollMarginBlock: "space-offset";
2068
- readonly scrollMarginBlockEnd: "space-offset";
2069
- readonly scrollMarginBlockStart: "space-offset";
2070
- readonly scrollMarginBottom: "space-offset";
2071
- readonly scrollMarginInline: "space-offset";
2072
- readonly scrollMarginInlineEnd: "space-offset";
2073
- readonly scrollMarginInlineStart: "space-offset";
2074
- readonly scrollMarginLeft: "space-offset";
2075
- readonly scrollMarginRight: "space-offset";
2076
- readonly scrollMarginTop: "space-offset";
2077
- readonly scrollPadding: "space-inset";
2078
- readonly scrollPaddingBlock: "space-inset";
2079
- readonly scrollPaddingBlockEnd: "space-inset";
2080
- readonly scrollPaddingBlockStart: "space-inset";
2081
- readonly scrollPaddingBottom: "space-inset";
2082
- readonly scrollPaddingInline: "space-inset";
2083
- readonly scrollPaddingInlineEnd: "space-inset";
2084
- readonly scrollPaddingInlineStart: "space-inset";
2085
- readonly scrollPaddingLeft: "space-inset";
2086
- readonly scrollPaddingRight: "space-inset";
2087
- readonly scrollPaddingTop: "space-inset";
2088
- readonly stroke: "colors";
2089
- readonly strokeWidth: "stroke-width";
2090
- readonly textDecorationColor: "colors";
2091
- readonly textShadow: "shadows";
2092
- readonly top: "space";
2093
- readonly transition: "transitions";
2094
- readonly width: "sizes";
2095
- readonly zIndex: "z-indices";
2096
- }, {
2097
- paddingX: (value: {
2098
- readonly [$$PropertyValue]: "padding";
2099
- }) => {
2100
- paddingLeft: {
2101
- readonly [$$PropertyValue]: "padding";
2102
- };
2103
- paddingRight: {
2104
- readonly [$$PropertyValue]: "padding";
2105
- };
2106
- };
2107
- paddingY: (value: {
2108
- readonly [$$PropertyValue]: "padding";
2109
- }) => {
2110
- paddingTop: {
2111
- readonly [$$PropertyValue]: "padding";
2112
- };
2113
- paddingBottom: {
2114
- readonly [$$PropertyValue]: "padding";
2115
- };
2116
- };
2117
- marginX: (value: {
2118
- readonly [$$PropertyValue]: "margin";
2119
- }) => {
2120
- marginLeft: {
2121
- readonly [$$PropertyValue]: "margin";
2122
- };
2123
- marginRight: {
2124
- readonly [$$PropertyValue]: "margin";
2125
- };
2126
- };
2127
- marginY: (value: {
2128
- readonly [$$PropertyValue]: "margin";
2129
- }) => {
2130
- marginTop: {
2131
- readonly [$$PropertyValue]: "margin";
2132
- };
2133
- marginBottom: {
2134
- readonly [$$PropertyValue]: "margin";
2135
- };
2136
- };
2137
- square: (value: {
2138
- readonly [$$PropertyValue]: "width";
2139
- }) => {
2140
- width: {
2141
- readonly [$$PropertyValue]: "width";
2142
- };
2143
- height: {
2144
- readonly [$$PropertyValue]: "width";
2145
- };
2146
- };
2147
- _hover: (css: _stitches_react_types_css_util.CSSProperties) => {
2148
- '&:hover, &[data-hovered]': _stitches_react_types_css_util.CSSProperties;
2149
- };
2150
- }>>>, never> & _stitches_react_types_styled_component.TransformProps<{}, {}> & _mirohq_design_system_stitches.CustomStylesProps & react.RefAttributes<never>> & _mirohq_design_system_stitches.StitchesInternals<react.FC<_radix_ui_react_select.SelectPortalProps>, {}, {}>;
2151
- declare type StyledPortalProps = StrictComponentProps<typeof StyledPortal>;
2152
-
2153
- interface PortalProps extends StyledPortalProps {
1510
+ interface PortalProps extends SelectPortalProps {
2154
1511
  /**
2155
1512
  * Specify a container element to portal the content into.
2156
1513
  * @default document.body
2157
1514
  */
2158
1515
  container?: HTMLElement | null;
2159
1516
  }
2160
- declare const Portal: react__default.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & react__default.RefAttributes<never>>;
2161
1517
 
2162
1518
  declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<_stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<_radix_ui_react_select.SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {
2163
1519
  'border-widths': {
@@ -2168,103 +1524,63 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2168
1524
  };
2169
1525
  colors: {
2170
1526
  readonly black: any;
2171
- readonly 'blue-50': any;
2172
1527
  readonly 'blue-100': any;
2173
- readonly 'blue-150': any;
2174
1528
  readonly 'blue-200': any;
2175
- readonly 'blue-250': any;
2176
1529
  readonly 'blue-300': any;
2177
- readonly 'blue-350': any;
2178
1530
  readonly 'blue-400': any;
2179
- readonly 'blue-450': any;
2180
1531
  readonly 'blue-500': any;
2181
- readonly 'blue-550': any;
2182
1532
  readonly 'blue-600': any;
2183
- readonly 'blue-650': any;
2184
1533
  readonly 'blue-700': any;
2185
- readonly 'blue-750': any;
2186
1534
  readonly 'blue-800': any;
2187
- readonly 'blue-850': any;
2188
1535
  readonly 'blue-900': any;
2189
- readonly 'blue-950': any;
2190
- readonly 'gray-50': any;
1536
+ readonly 'blue-1000': any;
2191
1537
  readonly 'gray-100': any;
2192
- readonly 'gray-150': any;
2193
1538
  readonly 'gray-200': any;
2194
- readonly 'gray-250': any;
2195
1539
  readonly 'gray-300': any;
2196
- readonly 'gray-350': any;
2197
1540
  readonly 'gray-400': any;
2198
- readonly 'gray-450': any;
2199
1541
  readonly 'gray-500': any;
2200
- readonly 'gray-550': any;
2201
1542
  readonly 'gray-600': any;
2202
- readonly 'gray-650': any;
2203
1543
  readonly 'gray-700': any;
2204
- readonly 'gray-750': any;
2205
1544
  readonly 'gray-800': any;
2206
- readonly 'gray-850': any;
2207
1545
  readonly 'gray-900': any;
2208
- readonly 'gray-950': any;
2209
- readonly 'green-50': any;
2210
1546
  readonly 'green-100': any;
2211
- readonly 'green-150': any;
2212
1547
  readonly 'green-200': any;
2213
- readonly 'green-250': any;
2214
1548
  readonly 'green-300': any;
2215
- readonly 'green-350': any;
2216
1549
  readonly 'green-400': any;
2217
- readonly 'green-450': any;
2218
1550
  readonly 'green-500': any;
2219
- readonly 'green-550': any;
2220
1551
  readonly 'green-600': any;
2221
- readonly 'green-650': any;
2222
1552
  readonly 'green-700': any;
2223
- readonly 'green-750': any;
2224
1553
  readonly 'green-800': any;
2225
- readonly 'green-850': any;
2226
1554
  readonly 'green-900': any;
2227
- readonly 'green-950': any;
2228
- readonly 'red-50': any;
1555
+ readonly 'indigo-100': any;
1556
+ readonly 'indigo-200': any;
1557
+ readonly 'indigo-300': any;
1558
+ readonly 'indigo-400': any;
1559
+ readonly 'indigo-500': any;
1560
+ readonly 'indigo-600': any;
1561
+ readonly 'indigo-700': any;
1562
+ readonly 'indigo-800': any;
1563
+ readonly 'indigo-900': any;
2229
1564
  readonly 'red-100': any;
2230
- readonly 'red-150': any;
2231
1565
  readonly 'red-200': any;
2232
- readonly 'red-250': any;
2233
1566
  readonly 'red-300': any;
2234
- readonly 'red-350': any;
2235
1567
  readonly 'red-400': any;
2236
- readonly 'red-450': any;
2237
1568
  readonly 'red-500': any;
2238
- readonly 'red-550': any;
2239
1569
  readonly 'red-600': any;
2240
- readonly 'red-650': any;
2241
1570
  readonly 'red-700': any;
2242
- readonly 'red-750': any;
2243
1571
  readonly 'red-800': any;
2244
- readonly 'red-850': any;
2245
1572
  readonly 'red-900': any;
2246
- readonly 'red-950': any;
2247
1573
  readonly transparent: any;
2248
1574
  readonly white: any;
2249
- readonly 'yellow-50': any;
2250
1575
  readonly 'yellow-100': any;
2251
- readonly 'yellow-150': any;
2252
1576
  readonly 'yellow-200': any;
2253
- readonly 'yellow-250': any;
2254
1577
  readonly 'yellow-300': any;
2255
- readonly 'yellow-350': any;
2256
1578
  readonly 'yellow-400': any;
2257
- readonly 'yellow-450': any;
2258
1579
  readonly 'yellow-500': any;
2259
- readonly 'yellow-550': any;
2260
1580
  readonly 'yellow-600': any;
2261
- readonly 'yellow-650': any;
2262
1581
  readonly 'yellow-700': any;
2263
- readonly 'yellow-750': any;
2264
1582
  readonly 'yellow-800': any;
2265
- readonly 'yellow-850': any;
2266
1583
  readonly 'yellow-900': any;
2267
- readonly 'yellow-950': any;
2268
1584
  "background-alpha-active"?: any;
2269
1585
  "background-alpha-hover"?: any;
2270
1586
  "background-danger-prominent"?: any;
@@ -2285,19 +1601,27 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2285
1601
  "background-neutrals-inverted-subtle"?: any;
2286
1602
  "background-neutrals-page"?: any;
2287
1603
  "background-neutrals-page-subtle"?: any;
2288
- "background-neutrals-scrollbar"?: any;
2289
- "background-neutrals-scrollbar-active"?: any;
2290
- "background-neutrals-scrollbar-hover"?: any;
1604
+ "background-neutrals-scrolls"?: any;
1605
+ "background-neutrals-scrolls-expanded"?: any;
1606
+ "background-neutrals-scrolls-hover"?: any;
1607
+ "background-neutrals-scrolls-pressed"?: any;
1608
+ "background-neutrals-scrolls-pressed-hover"?: any;
2291
1609
  "background-neutrals-subtle"?: any;
2292
1610
  "background-neutrals-subtle-active"?: any;
2293
1611
  "background-neutrals-subtle-hover"?: any;
2294
1612
  "background-primary-prominent"?: any;
2295
1613
  "background-primary-prominent-active"?: any;
1614
+ "background-primary-prominent-expanded"?: any;
2296
1615
  "background-primary-prominent-hover"?: any;
1616
+ "background-primary-prominent-pressed"?: any;
1617
+ "background-primary-prominent-pressed-hover"?: any;
2297
1618
  "background-primary-prominent-selected"?: any;
2298
1619
  "background-primary-subtle"?: any;
2299
1620
  "background-primary-subtle-active"?: any;
1621
+ "background-primary-subtle-expanded"?: any;
2300
1622
  "background-primary-subtle-hover"?: any;
1623
+ "background-primary-subtle-pressed"?: any;
1624
+ "background-primary-subtle-pressed-hover"?: any;
2301
1625
  "background-primary-subtle-selected"?: any;
2302
1626
  "background-success"?: any;
2303
1627
  "background-success-prominent"?: any;
@@ -2308,15 +1632,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2308
1632
  "border-danger"?: any;
2309
1633
  "border-danger-active"?: any;
2310
1634
  "border-danger-hover"?: any;
2311
- "border-focus-error-inner"?: any;
2312
- "border-focus-error-middle"?: any;
2313
- "border-focus-error-outer"?: any;
2314
1635
  "border-focus-inner"?: any;
2315
1636
  "border-focus-middle"?: any;
2316
1637
  "border-focus-outer"?: any;
2317
- "border-focus-success-inner"?: any;
2318
- "border-focus-success-middle"?: any;
2319
- "border-focus-success-outer"?: any;
2320
1638
  "border-neutrals"?: any;
2321
1639
  "border-neutrals-active"?: any;
2322
1640
  "border-neutrals-controls"?: any;
@@ -2409,13 +1727,13 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2409
1727
  readonly body: "Open Sans, sans-serif";
2410
1728
  };
2411
1729
  radii: {
1730
+ readonly none: 0;
1731
+ readonly half: "999em";
2412
1732
  readonly 25: "2px";
2413
1733
  readonly 50: "4px";
2414
1734
  readonly 75: "6px";
2415
1735
  readonly 100: "8px";
2416
1736
  readonly 200: "16px";
2417
- readonly half: "999px";
2418
- readonly none: "0px";
2419
1737
  };
2420
1738
  shadows: {
2421
1739
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -2728,103 +2046,63 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2728
2046
  };
2729
2047
  colors: {
2730
2048
  readonly black: any;
2731
- readonly 'blue-50': any;
2732
2049
  readonly 'blue-100': any;
2733
- readonly 'blue-150': any;
2734
2050
  readonly 'blue-200': any;
2735
- readonly 'blue-250': any;
2736
2051
  readonly 'blue-300': any;
2737
- readonly 'blue-350': any;
2738
2052
  readonly 'blue-400': any;
2739
- readonly 'blue-450': any;
2740
2053
  readonly 'blue-500': any;
2741
- readonly 'blue-550': any;
2742
2054
  readonly 'blue-600': any;
2743
- readonly 'blue-650': any;
2744
2055
  readonly 'blue-700': any;
2745
- readonly 'blue-750': any;
2746
2056
  readonly 'blue-800': any;
2747
- readonly 'blue-850': any;
2748
2057
  readonly 'blue-900': any;
2749
- readonly 'blue-950': any;
2750
- readonly 'gray-50': any;
2058
+ readonly 'blue-1000': any;
2751
2059
  readonly 'gray-100': any;
2752
- readonly 'gray-150': any;
2753
2060
  readonly 'gray-200': any;
2754
- readonly 'gray-250': any;
2755
2061
  readonly 'gray-300': any;
2756
- readonly 'gray-350': any;
2757
2062
  readonly 'gray-400': any;
2758
- readonly 'gray-450': any;
2759
2063
  readonly 'gray-500': any;
2760
- readonly 'gray-550': any;
2761
2064
  readonly 'gray-600': any;
2762
- readonly 'gray-650': any;
2763
2065
  readonly 'gray-700': any;
2764
- readonly 'gray-750': any;
2765
2066
  readonly 'gray-800': any;
2766
- readonly 'gray-850': any;
2767
2067
  readonly 'gray-900': any;
2768
- readonly 'gray-950': any;
2769
- readonly 'green-50': any;
2770
2068
  readonly 'green-100': any;
2771
- readonly 'green-150': any;
2772
2069
  readonly 'green-200': any;
2773
- readonly 'green-250': any;
2774
2070
  readonly 'green-300': any;
2775
- readonly 'green-350': any;
2776
2071
  readonly 'green-400': any;
2777
- readonly 'green-450': any;
2778
2072
  readonly 'green-500': any;
2779
- readonly 'green-550': any;
2780
2073
  readonly 'green-600': any;
2781
- readonly 'green-650': any;
2782
2074
  readonly 'green-700': any;
2783
- readonly 'green-750': any;
2784
2075
  readonly 'green-800': any;
2785
- readonly 'green-850': any;
2786
2076
  readonly 'green-900': any;
2787
- readonly 'green-950': any;
2788
- readonly 'red-50': any;
2077
+ readonly 'indigo-100': any;
2078
+ readonly 'indigo-200': any;
2079
+ readonly 'indigo-300': any;
2080
+ readonly 'indigo-400': any;
2081
+ readonly 'indigo-500': any;
2082
+ readonly 'indigo-600': any;
2083
+ readonly 'indigo-700': any;
2084
+ readonly 'indigo-800': any;
2085
+ readonly 'indigo-900': any;
2789
2086
  readonly 'red-100': any;
2790
- readonly 'red-150': any;
2791
2087
  readonly 'red-200': any;
2792
- readonly 'red-250': any;
2793
2088
  readonly 'red-300': any;
2794
- readonly 'red-350': any;
2795
2089
  readonly 'red-400': any;
2796
- readonly 'red-450': any;
2797
2090
  readonly 'red-500': any;
2798
- readonly 'red-550': any;
2799
2091
  readonly 'red-600': any;
2800
- readonly 'red-650': any;
2801
2092
  readonly 'red-700': any;
2802
- readonly 'red-750': any;
2803
2093
  readonly 'red-800': any;
2804
- readonly 'red-850': any;
2805
2094
  readonly 'red-900': any;
2806
- readonly 'red-950': any;
2807
2095
  readonly transparent: any;
2808
2096
  readonly white: any;
2809
- readonly 'yellow-50': any;
2810
2097
  readonly 'yellow-100': any;
2811
- readonly 'yellow-150': any;
2812
2098
  readonly 'yellow-200': any;
2813
- readonly 'yellow-250': any;
2814
2099
  readonly 'yellow-300': any;
2815
- readonly 'yellow-350': any;
2816
2100
  readonly 'yellow-400': any;
2817
- readonly 'yellow-450': any;
2818
2101
  readonly 'yellow-500': any;
2819
- readonly 'yellow-550': any;
2820
2102
  readonly 'yellow-600': any;
2821
- readonly 'yellow-650': any;
2822
2103
  readonly 'yellow-700': any;
2823
- readonly 'yellow-750': any;
2824
2104
  readonly 'yellow-800': any;
2825
- readonly 'yellow-850': any;
2826
2105
  readonly 'yellow-900': any;
2827
- readonly 'yellow-950': any;
2828
2106
  "background-alpha-active"?: any;
2829
2107
  "background-alpha-hover"?: any;
2830
2108
  "background-danger-prominent"?: any;
@@ -2845,19 +2123,27 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2845
2123
  "background-neutrals-inverted-subtle"?: any;
2846
2124
  "background-neutrals-page"?: any;
2847
2125
  "background-neutrals-page-subtle"?: any;
2848
- "background-neutrals-scrollbar"?: any;
2849
- "background-neutrals-scrollbar-active"?: any;
2850
- "background-neutrals-scrollbar-hover"?: any;
2126
+ "background-neutrals-scrolls"?: any;
2127
+ "background-neutrals-scrolls-expanded"?: any;
2128
+ "background-neutrals-scrolls-hover"?: any;
2129
+ "background-neutrals-scrolls-pressed"?: any;
2130
+ "background-neutrals-scrolls-pressed-hover"?: any;
2851
2131
  "background-neutrals-subtle"?: any;
2852
2132
  "background-neutrals-subtle-active"?: any;
2853
2133
  "background-neutrals-subtle-hover"?: any;
2854
2134
  "background-primary-prominent"?: any;
2855
2135
  "background-primary-prominent-active"?: any;
2136
+ "background-primary-prominent-expanded"?: any;
2856
2137
  "background-primary-prominent-hover"?: any;
2138
+ "background-primary-prominent-pressed"?: any;
2139
+ "background-primary-prominent-pressed-hover"?: any;
2857
2140
  "background-primary-prominent-selected"?: any;
2858
2141
  "background-primary-subtle"?: any;
2859
2142
  "background-primary-subtle-active"?: any;
2143
+ "background-primary-subtle-expanded"?: any;
2860
2144
  "background-primary-subtle-hover"?: any;
2145
+ "background-primary-subtle-pressed"?: any;
2146
+ "background-primary-subtle-pressed-hover"?: any;
2861
2147
  "background-primary-subtle-selected"?: any;
2862
2148
  "background-success"?: any;
2863
2149
  "background-success-prominent"?: any;
@@ -2868,15 +2154,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2868
2154
  "border-danger"?: any;
2869
2155
  "border-danger-active"?: any;
2870
2156
  "border-danger-hover"?: any;
2871
- "border-focus-error-inner"?: any;
2872
- "border-focus-error-middle"?: any;
2873
- "border-focus-error-outer"?: any;
2874
2157
  "border-focus-inner"?: any;
2875
2158
  "border-focus-middle"?: any;
2876
2159
  "border-focus-outer"?: any;
2877
- "border-focus-success-inner"?: any;
2878
- "border-focus-success-middle"?: any;
2879
- "border-focus-success-outer"?: any;
2880
2160
  "border-neutrals"?: any;
2881
2161
  "border-neutrals-active"?: any;
2882
2162
  "border-neutrals-controls"?: any;
@@ -2969,13 +2249,13 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2969
2249
  readonly body: "Open Sans, sans-serif";
2970
2250
  };
2971
2251
  radii: {
2252
+ readonly none: 0;
2253
+ readonly half: "999em";
2972
2254
  readonly 25: "2px";
2973
2255
  readonly 50: "4px";
2974
2256
  readonly 75: "6px";
2975
2257
  readonly 100: "8px";
2976
2258
  readonly 200: "16px";
2977
- readonly half: "999px";
2978
- readonly none: "0px";
2979
2259
  };
2980
2260
  shadows: {
2981
2261
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -3389,103 +2669,63 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3389
2669
  };
3390
2670
  colors: {
3391
2671
  readonly black: any;
3392
- readonly 'blue-50': any;
3393
2672
  readonly 'blue-100': any;
3394
- readonly 'blue-150': any;
3395
2673
  readonly 'blue-200': any;
3396
- readonly 'blue-250': any;
3397
2674
  readonly 'blue-300': any;
3398
- readonly 'blue-350': any;
3399
2675
  readonly 'blue-400': any;
3400
- readonly 'blue-450': any;
3401
2676
  readonly 'blue-500': any;
3402
- readonly 'blue-550': any;
3403
2677
  readonly 'blue-600': any;
3404
- readonly 'blue-650': any;
3405
2678
  readonly 'blue-700': any;
3406
- readonly 'blue-750': any;
3407
2679
  readonly 'blue-800': any;
3408
- readonly 'blue-850': any;
3409
2680
  readonly 'blue-900': any;
3410
- readonly 'blue-950': any;
3411
- readonly 'gray-50': any;
2681
+ readonly 'blue-1000': any;
3412
2682
  readonly 'gray-100': any;
3413
- readonly 'gray-150': any;
3414
2683
  readonly 'gray-200': any;
3415
- readonly 'gray-250': any;
3416
2684
  readonly 'gray-300': any;
3417
- readonly 'gray-350': any;
3418
2685
  readonly 'gray-400': any;
3419
- readonly 'gray-450': any;
3420
2686
  readonly 'gray-500': any;
3421
- readonly 'gray-550': any;
3422
2687
  readonly 'gray-600': any;
3423
- readonly 'gray-650': any;
3424
2688
  readonly 'gray-700': any;
3425
- readonly 'gray-750': any;
3426
2689
  readonly 'gray-800': any;
3427
- readonly 'gray-850': any;
3428
2690
  readonly 'gray-900': any;
3429
- readonly 'gray-950': any;
3430
- readonly 'green-50': any;
3431
2691
  readonly 'green-100': any;
3432
- readonly 'green-150': any;
3433
2692
  readonly 'green-200': any;
3434
- readonly 'green-250': any;
3435
2693
  readonly 'green-300': any;
3436
- readonly 'green-350': any;
3437
2694
  readonly 'green-400': any;
3438
- readonly 'green-450': any;
3439
2695
  readonly 'green-500': any;
3440
- readonly 'green-550': any;
3441
2696
  readonly 'green-600': any;
3442
- readonly 'green-650': any;
3443
2697
  readonly 'green-700': any;
3444
- readonly 'green-750': any;
3445
2698
  readonly 'green-800': any;
3446
- readonly 'green-850': any;
3447
2699
  readonly 'green-900': any;
3448
- readonly 'green-950': any;
3449
- readonly 'red-50': any;
2700
+ readonly 'indigo-100': any;
2701
+ readonly 'indigo-200': any;
2702
+ readonly 'indigo-300': any;
2703
+ readonly 'indigo-400': any;
2704
+ readonly 'indigo-500': any;
2705
+ readonly 'indigo-600': any;
2706
+ readonly 'indigo-700': any;
2707
+ readonly 'indigo-800': any;
2708
+ readonly 'indigo-900': any;
3450
2709
  readonly 'red-100': any;
3451
- readonly 'red-150': any;
3452
2710
  readonly 'red-200': any;
3453
- readonly 'red-250': any;
3454
2711
  readonly 'red-300': any;
3455
- readonly 'red-350': any;
3456
2712
  readonly 'red-400': any;
3457
- readonly 'red-450': any;
3458
2713
  readonly 'red-500': any;
3459
- readonly 'red-550': any;
3460
2714
  readonly 'red-600': any;
3461
- readonly 'red-650': any;
3462
2715
  readonly 'red-700': any;
3463
- readonly 'red-750': any;
3464
2716
  readonly 'red-800': any;
3465
- readonly 'red-850': any;
3466
2717
  readonly 'red-900': any;
3467
- readonly 'red-950': any;
3468
2718
  readonly transparent: any;
3469
2719
  readonly white: any;
3470
- readonly 'yellow-50': any;
3471
2720
  readonly 'yellow-100': any;
3472
- readonly 'yellow-150': any;
3473
2721
  readonly 'yellow-200': any;
3474
- readonly 'yellow-250': any;
3475
2722
  readonly 'yellow-300': any;
3476
- readonly 'yellow-350': any;
3477
2723
  readonly 'yellow-400': any;
3478
- readonly 'yellow-450': any;
3479
2724
  readonly 'yellow-500': any;
3480
- readonly 'yellow-550': any;
3481
2725
  readonly 'yellow-600': any;
3482
- readonly 'yellow-650': any;
3483
2726
  readonly 'yellow-700': any;
3484
- readonly 'yellow-750': any;
3485
2727
  readonly 'yellow-800': any;
3486
- readonly 'yellow-850': any;
3487
2728
  readonly 'yellow-900': any;
3488
- readonly 'yellow-950': any;
3489
2729
  "background-alpha-active"?: any;
3490
2730
  "background-alpha-hover"?: any;
3491
2731
  "background-danger-prominent"?: any;
@@ -3506,19 +2746,27 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3506
2746
  "background-neutrals-inverted-subtle"?: any;
3507
2747
  "background-neutrals-page"?: any;
3508
2748
  "background-neutrals-page-subtle"?: any;
3509
- "background-neutrals-scrollbar"?: any;
3510
- "background-neutrals-scrollbar-active"?: any;
3511
- "background-neutrals-scrollbar-hover"?: any;
2749
+ "background-neutrals-scrolls"?: any;
2750
+ "background-neutrals-scrolls-expanded"?: any;
2751
+ "background-neutrals-scrolls-hover"?: any;
2752
+ "background-neutrals-scrolls-pressed"?: any;
2753
+ "background-neutrals-scrolls-pressed-hover"?: any;
3512
2754
  "background-neutrals-subtle"?: any;
3513
2755
  "background-neutrals-subtle-active"?: any;
3514
2756
  "background-neutrals-subtle-hover"?: any;
3515
2757
  "background-primary-prominent"?: any;
3516
2758
  "background-primary-prominent-active"?: any;
2759
+ "background-primary-prominent-expanded"?: any;
3517
2760
  "background-primary-prominent-hover"?: any;
2761
+ "background-primary-prominent-pressed"?: any;
2762
+ "background-primary-prominent-pressed-hover"?: any;
3518
2763
  "background-primary-prominent-selected"?: any;
3519
2764
  "background-primary-subtle"?: any;
3520
2765
  "background-primary-subtle-active"?: any;
2766
+ "background-primary-subtle-expanded"?: any;
3521
2767
  "background-primary-subtle-hover"?: any;
2768
+ "background-primary-subtle-pressed"?: any;
2769
+ "background-primary-subtle-pressed-hover"?: any;
3522
2770
  "background-primary-subtle-selected"?: any;
3523
2771
  "background-success"?: any;
3524
2772
  "background-success-prominent"?: any;
@@ -3529,15 +2777,9 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3529
2777
  "border-danger"?: any;
3530
2778
  "border-danger-active"?: any;
3531
2779
  "border-danger-hover"?: any;
3532
- "border-focus-error-inner"?: any;
3533
- "border-focus-error-middle"?: any;
3534
- "border-focus-error-outer"?: any;
3535
2780
  "border-focus-inner"?: any;
3536
2781
  "border-focus-middle"?: any;
3537
2782
  "border-focus-outer"?: any;
3538
- "border-focus-success-inner"?: any;
3539
- "border-focus-success-middle"?: any;
3540
- "border-focus-success-outer"?: any;
3541
2783
  "border-neutrals"?: any;
3542
2784
  "border-neutrals-active"?: any;
3543
2785
  "border-neutrals-controls"?: any;
@@ -3630,13 +2872,13 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3630
2872
  readonly body: "Open Sans, sans-serif";
3631
2873
  };
3632
2874
  radii: {
2875
+ readonly none: 0;
2876
+ readonly half: "999em";
3633
2877
  readonly 25: "2px";
3634
2878
  readonly 50: "4px";
3635
2879
  readonly 75: "6px";
3636
2880
  readonly 100: "8px";
3637
2881
  readonly 200: "16px";
3638
- readonly half: "999px";
3639
- readonly none: "0px";
3640
2882
  };
3641
2883
  shadows: {
3642
2884
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
@@ -3922,103 +3164,63 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3922
3164
  };
3923
3165
  colors: {
3924
3166
  readonly black: any;
3925
- readonly 'blue-50': any;
3926
3167
  readonly 'blue-100': any;
3927
- readonly 'blue-150': any;
3928
3168
  readonly 'blue-200': any;
3929
- readonly 'blue-250': any;
3930
3169
  readonly 'blue-300': any;
3931
- readonly 'blue-350': any;
3932
3170
  readonly 'blue-400': any;
3933
- readonly 'blue-450': any;
3934
3171
  readonly 'blue-500': any;
3935
- readonly 'blue-550': any;
3936
3172
  readonly 'blue-600': any;
3937
- readonly 'blue-650': any;
3938
3173
  readonly 'blue-700': any;
3939
- readonly 'blue-750': any;
3940
3174
  readonly 'blue-800': any;
3941
- readonly 'blue-850': any;
3942
3175
  readonly 'blue-900': any;
3943
- readonly 'blue-950': any;
3944
- readonly 'gray-50': any;
3176
+ readonly 'blue-1000': any;
3945
3177
  readonly 'gray-100': any;
3946
- readonly 'gray-150': any;
3947
3178
  readonly 'gray-200': any;
3948
- readonly 'gray-250': any;
3949
3179
  readonly 'gray-300': any;
3950
- readonly 'gray-350': any;
3951
3180
  readonly 'gray-400': any;
3952
- readonly 'gray-450': any;
3953
3181
  readonly 'gray-500': any;
3954
- readonly 'gray-550': any;
3955
3182
  readonly 'gray-600': any;
3956
- readonly 'gray-650': any;
3957
3183
  readonly 'gray-700': any;
3958
- readonly 'gray-750': any;
3959
3184
  readonly 'gray-800': any;
3960
- readonly 'gray-850': any;
3961
3185
  readonly 'gray-900': any;
3962
- readonly 'gray-950': any;
3963
- readonly 'green-50': any;
3964
3186
  readonly 'green-100': any;
3965
- readonly 'green-150': any;
3966
3187
  readonly 'green-200': any;
3967
- readonly 'green-250': any;
3968
3188
  readonly 'green-300': any;
3969
- readonly 'green-350': any;
3970
3189
  readonly 'green-400': any;
3971
- readonly 'green-450': any;
3972
3190
  readonly 'green-500': any;
3973
- readonly 'green-550': any;
3974
3191
  readonly 'green-600': any;
3975
- readonly 'green-650': any;
3976
3192
  readonly 'green-700': any;
3977
- readonly 'green-750': any;
3978
3193
  readonly 'green-800': any;
3979
- readonly 'green-850': any;
3980
3194
  readonly 'green-900': any;
3981
- readonly 'green-950': any;
3982
- readonly 'red-50': any;
3195
+ readonly 'indigo-100': any;
3196
+ readonly 'indigo-200': any;
3197
+ readonly 'indigo-300': any;
3198
+ readonly 'indigo-400': any;
3199
+ readonly 'indigo-500': any;
3200
+ readonly 'indigo-600': any;
3201
+ readonly 'indigo-700': any;
3202
+ readonly 'indigo-800': any;
3203
+ readonly 'indigo-900': any;
3983
3204
  readonly 'red-100': any;
3984
- readonly 'red-150': any;
3985
3205
  readonly 'red-200': any;
3986
- readonly 'red-250': any;
3987
3206
  readonly 'red-300': any;
3988
- readonly 'red-350': any;
3989
3207
  readonly 'red-400': any;
3990
- readonly 'red-450': any;
3991
3208
  readonly 'red-500': any;
3992
- readonly 'red-550': any;
3993
3209
  readonly 'red-600': any;
3994
- readonly 'red-650': any;
3995
3210
  readonly 'red-700': any;
3996
- readonly 'red-750': any;
3997
3211
  readonly 'red-800': any;
3998
- readonly 'red-850': any;
3999
3212
  readonly 'red-900': any;
4000
- readonly 'red-950': any;
4001
3213
  readonly transparent: any;
4002
3214
  readonly white: any;
4003
- readonly 'yellow-50': any;
4004
3215
  readonly 'yellow-100': any;
4005
- readonly 'yellow-150': any;
4006
3216
  readonly 'yellow-200': any;
4007
- readonly 'yellow-250': any;
4008
3217
  readonly 'yellow-300': any;
4009
- readonly 'yellow-350': any;
4010
3218
  readonly 'yellow-400': any;
4011
- readonly 'yellow-450': any;
4012
3219
  readonly 'yellow-500': any;
4013
- readonly 'yellow-550': any;
4014
3220
  readonly 'yellow-600': any;
4015
- readonly 'yellow-650': any;
4016
3221
  readonly 'yellow-700': any;
4017
- readonly 'yellow-750': any;
4018
3222
  readonly 'yellow-800': any;
4019
- readonly 'yellow-850': any;
4020
3223
  readonly 'yellow-900': any;
4021
- readonly 'yellow-950': any;
4022
3224
  "background-alpha-active"?: any;
4023
3225
  "background-alpha-hover"?: any;
4024
3226
  "background-danger-prominent"?: any;
@@ -4039,19 +3241,27 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4039
3241
  "background-neutrals-inverted-subtle"?: any;
4040
3242
  "background-neutrals-page"?: any;
4041
3243
  "background-neutrals-page-subtle"?: any;
4042
- "background-neutrals-scrollbar"?: any;
4043
- "background-neutrals-scrollbar-active"?: any;
4044
- "background-neutrals-scrollbar-hover"?: any;
3244
+ "background-neutrals-scrolls"?: any;
3245
+ "background-neutrals-scrolls-expanded"?: any;
3246
+ "background-neutrals-scrolls-hover"?: any;
3247
+ "background-neutrals-scrolls-pressed"?: any;
3248
+ "background-neutrals-scrolls-pressed-hover"?: any;
4045
3249
  "background-neutrals-subtle"?: any;
4046
3250
  "background-neutrals-subtle-active"?: any;
4047
3251
  "background-neutrals-subtle-hover"?: any;
4048
3252
  "background-primary-prominent"?: any;
4049
3253
  "background-primary-prominent-active"?: any;
3254
+ "background-primary-prominent-expanded"?: any;
4050
3255
  "background-primary-prominent-hover"?: any;
3256
+ "background-primary-prominent-pressed"?: any;
3257
+ "background-primary-prominent-pressed-hover"?: any;
4051
3258
  "background-primary-prominent-selected"?: any;
4052
3259
  "background-primary-subtle"?: any;
4053
3260
  "background-primary-subtle-active"?: any;
3261
+ "background-primary-subtle-expanded"?: any;
4054
3262
  "background-primary-subtle-hover"?: any;
3263
+ "background-primary-subtle-pressed"?: any;
3264
+ "background-primary-subtle-pressed-hover"?: any;
4055
3265
  "background-primary-subtle-selected"?: any;
4056
3266
  "background-success"?: any;
4057
3267
  "background-success-prominent"?: any;
@@ -4062,15 +3272,9 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4062
3272
  "border-danger"?: any;
4063
3273
  "border-danger-active"?: any;
4064
3274
  "border-danger-hover"?: any;
4065
- "border-focus-error-inner"?: any;
4066
- "border-focus-error-middle"?: any;
4067
- "border-focus-error-outer"?: any;
4068
3275
  "border-focus-inner"?: any;
4069
3276
  "border-focus-middle"?: any;
4070
3277
  "border-focus-outer"?: any;
4071
- "border-focus-success-inner"?: any;
4072
- "border-focus-success-middle"?: any;
4073
- "border-focus-success-outer"?: any;
4074
3278
  "border-neutrals"?: any;
4075
3279
  "border-neutrals-active"?: any;
4076
3280
  "border-neutrals-controls"?: any;
@@ -4163,13 +3367,13 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4163
3367
  readonly body: "Open Sans, sans-serif";
4164
3368
  };
4165
3369
  radii: {
3370
+ readonly none: 0;
3371
+ readonly half: "999em";
4166
3372
  readonly 25: "2px";
4167
3373
  readonly 50: "4px";
4168
3374
  readonly 75: "6px";
4169
3375
  readonly 100: "8px";
4170
3376
  readonly 200: "16px";
4171
- readonly half: "999px";
4172
- readonly none: "0px";
4173
3377
  };
4174
3378
  shadows: {
4175
3379
  readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";