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

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.
Files changed (2) hide show
  1. package/dist/types.d.ts +488 -184
  2. package/package.json +7 -7
package/dist/types.d.ts CHANGED
@@ -20,63 +20,103 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
20
20
  };
21
21
  colors: {
22
22
  readonly black: any;
23
+ readonly 'blue-50': any;
23
24
  readonly 'blue-100': any;
25
+ readonly 'blue-150': any;
24
26
  readonly 'blue-200': any;
27
+ readonly 'blue-250': any;
25
28
  readonly 'blue-300': any;
29
+ readonly 'blue-350': any;
26
30
  readonly 'blue-400': any;
31
+ readonly 'blue-450': any;
27
32
  readonly 'blue-500': any;
33
+ readonly 'blue-550': any;
28
34
  readonly 'blue-600': any;
35
+ readonly 'blue-650': any;
29
36
  readonly 'blue-700': any;
37
+ readonly 'blue-750': any;
30
38
  readonly 'blue-800': any;
39
+ readonly 'blue-850': any;
31
40
  readonly 'blue-900': any;
32
- readonly 'blue-1000': any;
41
+ readonly 'blue-950': any;
42
+ readonly 'gray-50': any;
33
43
  readonly 'gray-100': any;
44
+ readonly 'gray-150': any;
34
45
  readonly 'gray-200': any;
46
+ readonly 'gray-250': any;
35
47
  readonly 'gray-300': any;
48
+ readonly 'gray-350': any;
36
49
  readonly 'gray-400': any;
50
+ readonly 'gray-450': any;
37
51
  readonly 'gray-500': any;
52
+ readonly 'gray-550': any;
38
53
  readonly 'gray-600': any;
54
+ readonly 'gray-650': any;
39
55
  readonly 'gray-700': any;
56
+ readonly 'gray-750': any;
40
57
  readonly 'gray-800': any;
58
+ readonly 'gray-850': any;
41
59
  readonly 'gray-900': any;
60
+ readonly 'gray-950': any;
61
+ readonly 'green-50': any;
42
62
  readonly 'green-100': any;
63
+ readonly 'green-150': any;
43
64
  readonly 'green-200': any;
65
+ readonly 'green-250': any;
44
66
  readonly 'green-300': any;
67
+ readonly 'green-350': any;
45
68
  readonly 'green-400': any;
69
+ readonly 'green-450': any;
46
70
  readonly 'green-500': any;
71
+ readonly 'green-550': any;
47
72
  readonly 'green-600': any;
73
+ readonly 'green-650': any;
48
74
  readonly 'green-700': any;
75
+ readonly 'green-750': any;
49
76
  readonly 'green-800': any;
77
+ readonly 'green-850': any;
50
78
  readonly 'green-900': any;
51
- readonly 'indigo-100': any;
52
- readonly 'indigo-200': any;
53
- readonly 'indigo-300': any;
54
- readonly 'indigo-400': any;
55
- readonly 'indigo-500': any;
56
- readonly 'indigo-600': any;
57
- readonly 'indigo-700': any;
58
- readonly 'indigo-800': any;
59
- readonly 'indigo-900': any;
79
+ readonly 'green-950': any;
80
+ readonly 'red-50': any;
60
81
  readonly 'red-100': any;
82
+ readonly 'red-150': any;
61
83
  readonly 'red-200': any;
84
+ readonly 'red-250': any;
62
85
  readonly 'red-300': any;
86
+ readonly 'red-350': any;
63
87
  readonly 'red-400': any;
88
+ readonly 'red-450': any;
64
89
  readonly 'red-500': any;
90
+ readonly 'red-550': any;
65
91
  readonly 'red-600': any;
92
+ readonly 'red-650': any;
66
93
  readonly 'red-700': any;
94
+ readonly 'red-750': any;
67
95
  readonly 'red-800': any;
96
+ readonly 'red-850': any;
68
97
  readonly 'red-900': any;
98
+ readonly 'red-950': any;
69
99
  readonly transparent: any;
70
100
  readonly white: any;
101
+ readonly 'yellow-50': any;
71
102
  readonly 'yellow-100': any;
103
+ readonly 'yellow-150': any;
72
104
  readonly 'yellow-200': any;
105
+ readonly 'yellow-250': any;
73
106
  readonly 'yellow-300': any;
107
+ readonly 'yellow-350': any;
74
108
  readonly 'yellow-400': any;
109
+ readonly 'yellow-450': any;
75
110
  readonly 'yellow-500': any;
111
+ readonly 'yellow-550': any;
76
112
  readonly 'yellow-600': any;
113
+ readonly 'yellow-650': any;
77
114
  readonly 'yellow-700': any;
115
+ readonly 'yellow-750': any;
78
116
  readonly 'yellow-800': any;
117
+ readonly 'yellow-850': any;
79
118
  readonly 'yellow-900': any;
119
+ readonly 'yellow-950': any;
80
120
  "background-alpha-active"?: any;
81
121
  "background-alpha-hover"?: any;
82
122
  "background-danger-prominent"?: any;
@@ -97,27 +137,19 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
97
137
  "background-neutrals-inverted-subtle"?: any;
98
138
  "background-neutrals-page"?: any;
99
139
  "background-neutrals-page-subtle"?: any;
100
- "background-neutrals-scrolls"?: any;
101
- "background-neutrals-scrolls-expanded"?: any;
102
- "background-neutrals-scrolls-hover"?: any;
103
- "background-neutrals-scrolls-pressed"?: any;
104
- "background-neutrals-scrolls-pressed-hover"?: any;
140
+ "background-neutrals-scrollbar"?: any;
141
+ "background-neutrals-scrollbar-active"?: any;
142
+ "background-neutrals-scrollbar-hover"?: any;
105
143
  "background-neutrals-subtle"?: any;
106
144
  "background-neutrals-subtle-active"?: any;
107
145
  "background-neutrals-subtle-hover"?: any;
108
146
  "background-primary-prominent"?: any;
109
147
  "background-primary-prominent-active"?: any;
110
- "background-primary-prominent-expanded"?: any;
111
148
  "background-primary-prominent-hover"?: any;
112
- "background-primary-prominent-pressed"?: any;
113
- "background-primary-prominent-pressed-hover"?: any;
114
149
  "background-primary-prominent-selected"?: any;
115
150
  "background-primary-subtle"?: any;
116
151
  "background-primary-subtle-active"?: any;
117
- "background-primary-subtle-expanded"?: any;
118
152
  "background-primary-subtle-hover"?: any;
119
- "background-primary-subtle-pressed"?: any;
120
- "background-primary-subtle-pressed-hover"?: any;
121
153
  "background-primary-subtle-selected"?: any;
122
154
  "background-success"?: any;
123
155
  "background-success-prominent"?: any;
@@ -128,9 +160,15 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
128
160
  "border-danger"?: any;
129
161
  "border-danger-active"?: any;
130
162
  "border-danger-hover"?: any;
163
+ "border-focus-error-inner"?: any;
164
+ "border-focus-error-middle"?: any;
165
+ "border-focus-error-outer"?: any;
131
166
  "border-focus-inner"?: any;
132
167
  "border-focus-middle"?: any;
133
168
  "border-focus-outer"?: any;
169
+ "border-focus-success-inner"?: any;
170
+ "border-focus-success-middle"?: any;
171
+ "border-focus-success-outer"?: any;
134
172
  "border-neutrals"?: any;
135
173
  "border-neutrals-active"?: any;
136
174
  "border-neutrals-controls"?: any;
@@ -223,13 +261,13 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
223
261
  readonly body: "Open Sans, sans-serif";
224
262
  };
225
263
  radii: {
226
- readonly none: 0;
227
- readonly half: "999em";
228
264
  readonly 25: "2px";
229
265
  readonly 50: "4px";
230
266
  readonly 75: "6px";
231
267
  readonly 100: "8px";
232
268
  readonly 200: "16px";
269
+ readonly half: "999px";
270
+ readonly none: "0px";
233
271
  };
234
272
  shadows: {
235
273
  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";
@@ -511,63 +549,103 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
511
549
  };
512
550
  colors: {
513
551
  readonly black: any;
552
+ readonly 'blue-50': any;
514
553
  readonly 'blue-100': any;
554
+ readonly 'blue-150': any;
515
555
  readonly 'blue-200': any;
556
+ readonly 'blue-250': any;
516
557
  readonly 'blue-300': any;
558
+ readonly 'blue-350': any;
517
559
  readonly 'blue-400': any;
560
+ readonly 'blue-450': any;
518
561
  readonly 'blue-500': any;
562
+ readonly 'blue-550': any;
519
563
  readonly 'blue-600': any;
564
+ readonly 'blue-650': any;
520
565
  readonly 'blue-700': any;
566
+ readonly 'blue-750': any;
521
567
  readonly 'blue-800': any;
568
+ readonly 'blue-850': any;
522
569
  readonly 'blue-900': any;
523
- readonly 'blue-1000': any;
570
+ readonly 'blue-950': any;
571
+ readonly 'gray-50': any;
524
572
  readonly 'gray-100': any;
573
+ readonly 'gray-150': any;
525
574
  readonly 'gray-200': any;
575
+ readonly 'gray-250': any;
526
576
  readonly 'gray-300': any;
577
+ readonly 'gray-350': any;
527
578
  readonly 'gray-400': any;
579
+ readonly 'gray-450': any;
528
580
  readonly 'gray-500': any;
581
+ readonly 'gray-550': any;
529
582
  readonly 'gray-600': any;
583
+ readonly 'gray-650': any;
530
584
  readonly 'gray-700': any;
585
+ readonly 'gray-750': any;
531
586
  readonly 'gray-800': any;
587
+ readonly 'gray-850': any;
532
588
  readonly 'gray-900': any;
589
+ readonly 'gray-950': any;
590
+ readonly 'green-50': any;
533
591
  readonly 'green-100': any;
592
+ readonly 'green-150': any;
534
593
  readonly 'green-200': any;
594
+ readonly 'green-250': any;
535
595
  readonly 'green-300': any;
596
+ readonly 'green-350': any;
536
597
  readonly 'green-400': any;
598
+ readonly 'green-450': any;
537
599
  readonly 'green-500': any;
600
+ readonly 'green-550': any;
538
601
  readonly 'green-600': any;
602
+ readonly 'green-650': any;
539
603
  readonly 'green-700': any;
604
+ readonly 'green-750': any;
540
605
  readonly 'green-800': any;
606
+ readonly 'green-850': any;
541
607
  readonly 'green-900': 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;
608
+ readonly 'green-950': any;
609
+ readonly 'red-50': any;
551
610
  readonly 'red-100': any;
611
+ readonly 'red-150': any;
552
612
  readonly 'red-200': any;
613
+ readonly 'red-250': any;
553
614
  readonly 'red-300': any;
615
+ readonly 'red-350': any;
554
616
  readonly 'red-400': any;
617
+ readonly 'red-450': any;
555
618
  readonly 'red-500': any;
619
+ readonly 'red-550': any;
556
620
  readonly 'red-600': any;
621
+ readonly 'red-650': any;
557
622
  readonly 'red-700': any;
623
+ readonly 'red-750': any;
558
624
  readonly 'red-800': any;
625
+ readonly 'red-850': any;
559
626
  readonly 'red-900': any;
627
+ readonly 'red-950': any;
560
628
  readonly transparent: any;
561
629
  readonly white: any;
630
+ readonly 'yellow-50': any;
562
631
  readonly 'yellow-100': any;
632
+ readonly 'yellow-150': any;
563
633
  readonly 'yellow-200': any;
634
+ readonly 'yellow-250': any;
564
635
  readonly 'yellow-300': any;
636
+ readonly 'yellow-350': any;
565
637
  readonly 'yellow-400': any;
638
+ readonly 'yellow-450': any;
566
639
  readonly 'yellow-500': any;
640
+ readonly 'yellow-550': any;
567
641
  readonly 'yellow-600': any;
642
+ readonly 'yellow-650': any;
568
643
  readonly 'yellow-700': any;
644
+ readonly 'yellow-750': any;
569
645
  readonly 'yellow-800': any;
646
+ readonly 'yellow-850': any;
570
647
  readonly 'yellow-900': any;
648
+ readonly 'yellow-950': any;
571
649
  "background-alpha-active"?: any;
572
650
  "background-alpha-hover"?: any;
573
651
  "background-danger-prominent"?: any;
@@ -588,27 +666,19 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
588
666
  "background-neutrals-inverted-subtle"?: any;
589
667
  "background-neutrals-page"?: any;
590
668
  "background-neutrals-page-subtle"?: 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;
669
+ "background-neutrals-scrollbar"?: any;
670
+ "background-neutrals-scrollbar-active"?: any;
671
+ "background-neutrals-scrollbar-hover"?: any;
596
672
  "background-neutrals-subtle"?: any;
597
673
  "background-neutrals-subtle-active"?: any;
598
674
  "background-neutrals-subtle-hover"?: any;
599
675
  "background-primary-prominent"?: any;
600
676
  "background-primary-prominent-active"?: any;
601
- "background-primary-prominent-expanded"?: any;
602
677
  "background-primary-prominent-hover"?: any;
603
- "background-primary-prominent-pressed"?: any;
604
- "background-primary-prominent-pressed-hover"?: any;
605
678
  "background-primary-prominent-selected"?: any;
606
679
  "background-primary-subtle"?: any;
607
680
  "background-primary-subtle-active"?: any;
608
- "background-primary-subtle-expanded"?: any;
609
681
  "background-primary-subtle-hover"?: any;
610
- "background-primary-subtle-pressed"?: any;
611
- "background-primary-subtle-pressed-hover"?: any;
612
682
  "background-primary-subtle-selected"?: any;
613
683
  "background-success"?: any;
614
684
  "background-success-prominent"?: any;
@@ -619,9 +689,15 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
619
689
  "border-danger"?: any;
620
690
  "border-danger-active"?: any;
621
691
  "border-danger-hover"?: any;
692
+ "border-focus-error-inner"?: any;
693
+ "border-focus-error-middle"?: any;
694
+ "border-focus-error-outer"?: any;
622
695
  "border-focus-inner"?: any;
623
696
  "border-focus-middle"?: any;
624
697
  "border-focus-outer"?: any;
698
+ "border-focus-success-inner"?: any;
699
+ "border-focus-success-middle"?: any;
700
+ "border-focus-success-outer"?: any;
625
701
  "border-neutrals"?: any;
626
702
  "border-neutrals-active"?: any;
627
703
  "border-neutrals-controls"?: any;
@@ -714,13 +790,13 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
714
790
  readonly body: "Open Sans, sans-serif";
715
791
  };
716
792
  radii: {
717
- readonly none: 0;
718
- readonly half: "999em";
719
793
  readonly 25: "2px";
720
794
  readonly 50: "4px";
721
795
  readonly 75: "6px";
722
796
  readonly 100: "8px";
723
797
  readonly 200: "16px";
798
+ readonly half: "999px";
799
+ readonly none: "0px";
724
800
  };
725
801
  shadows: {
726
802
  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";
@@ -1006,63 +1082,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1006
1082
  };
1007
1083
  colors: {
1008
1084
  readonly black: any;
1085
+ readonly 'blue-50': any;
1009
1086
  readonly 'blue-100': any;
1087
+ readonly 'blue-150': any;
1010
1088
  readonly 'blue-200': any;
1089
+ readonly 'blue-250': any;
1011
1090
  readonly 'blue-300': any;
1091
+ readonly 'blue-350': any;
1012
1092
  readonly 'blue-400': any;
1093
+ readonly 'blue-450': any;
1013
1094
  readonly 'blue-500': any;
1095
+ readonly 'blue-550': any;
1014
1096
  readonly 'blue-600': any;
1097
+ readonly 'blue-650': any;
1015
1098
  readonly 'blue-700': any;
1099
+ readonly 'blue-750': any;
1016
1100
  readonly 'blue-800': any;
1101
+ readonly 'blue-850': any;
1017
1102
  readonly 'blue-900': any;
1018
- readonly 'blue-1000': any;
1103
+ readonly 'blue-950': any;
1104
+ readonly 'gray-50': any;
1019
1105
  readonly 'gray-100': any;
1106
+ readonly 'gray-150': any;
1020
1107
  readonly 'gray-200': any;
1108
+ readonly 'gray-250': any;
1021
1109
  readonly 'gray-300': any;
1110
+ readonly 'gray-350': any;
1022
1111
  readonly 'gray-400': any;
1112
+ readonly 'gray-450': any;
1023
1113
  readonly 'gray-500': any;
1114
+ readonly 'gray-550': any;
1024
1115
  readonly 'gray-600': any;
1116
+ readonly 'gray-650': any;
1025
1117
  readonly 'gray-700': any;
1118
+ readonly 'gray-750': any;
1026
1119
  readonly 'gray-800': any;
1120
+ readonly 'gray-850': any;
1027
1121
  readonly 'gray-900': any;
1122
+ readonly 'gray-950': any;
1123
+ readonly 'green-50': any;
1028
1124
  readonly 'green-100': any;
1125
+ readonly 'green-150': any;
1029
1126
  readonly 'green-200': any;
1127
+ readonly 'green-250': any;
1030
1128
  readonly 'green-300': any;
1129
+ readonly 'green-350': any;
1031
1130
  readonly 'green-400': any;
1131
+ readonly 'green-450': any;
1032
1132
  readonly 'green-500': any;
1133
+ readonly 'green-550': any;
1033
1134
  readonly 'green-600': any;
1135
+ readonly 'green-650': any;
1034
1136
  readonly 'green-700': any;
1137
+ readonly 'green-750': any;
1035
1138
  readonly 'green-800': any;
1139
+ readonly 'green-850': any;
1036
1140
  readonly 'green-900': 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;
1141
+ readonly 'green-950': any;
1142
+ readonly 'red-50': any;
1046
1143
  readonly 'red-100': any;
1144
+ readonly 'red-150': any;
1047
1145
  readonly 'red-200': any;
1146
+ readonly 'red-250': any;
1048
1147
  readonly 'red-300': any;
1148
+ readonly 'red-350': any;
1049
1149
  readonly 'red-400': any;
1150
+ readonly 'red-450': any;
1050
1151
  readonly 'red-500': any;
1152
+ readonly 'red-550': any;
1051
1153
  readonly 'red-600': any;
1154
+ readonly 'red-650': any;
1052
1155
  readonly 'red-700': any;
1156
+ readonly 'red-750': any;
1053
1157
  readonly 'red-800': any;
1158
+ readonly 'red-850': any;
1054
1159
  readonly 'red-900': any;
1160
+ readonly 'red-950': any;
1055
1161
  readonly transparent: any;
1056
1162
  readonly white: any;
1163
+ readonly 'yellow-50': any;
1057
1164
  readonly 'yellow-100': any;
1165
+ readonly 'yellow-150': any;
1058
1166
  readonly 'yellow-200': any;
1167
+ readonly 'yellow-250': any;
1059
1168
  readonly 'yellow-300': any;
1169
+ readonly 'yellow-350': any;
1060
1170
  readonly 'yellow-400': any;
1171
+ readonly 'yellow-450': any;
1061
1172
  readonly 'yellow-500': any;
1173
+ readonly 'yellow-550': any;
1062
1174
  readonly 'yellow-600': any;
1175
+ readonly 'yellow-650': any;
1063
1176
  readonly 'yellow-700': any;
1177
+ readonly 'yellow-750': any;
1064
1178
  readonly 'yellow-800': any;
1179
+ readonly 'yellow-850': any;
1065
1180
  readonly 'yellow-900': any;
1181
+ readonly 'yellow-950': any;
1066
1182
  "background-alpha-active"?: any;
1067
1183
  "background-alpha-hover"?: any;
1068
1184
  "background-danger-prominent"?: any;
@@ -1083,27 +1199,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1083
1199
  "background-neutrals-inverted-subtle"?: any;
1084
1200
  "background-neutrals-page"?: any;
1085
1201
  "background-neutrals-page-subtle"?: 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;
1202
+ "background-neutrals-scrollbar"?: any;
1203
+ "background-neutrals-scrollbar-active"?: any;
1204
+ "background-neutrals-scrollbar-hover"?: any;
1091
1205
  "background-neutrals-subtle"?: any;
1092
1206
  "background-neutrals-subtle-active"?: any;
1093
1207
  "background-neutrals-subtle-hover"?: any;
1094
1208
  "background-primary-prominent"?: any;
1095
1209
  "background-primary-prominent-active"?: any;
1096
- "background-primary-prominent-expanded"?: any;
1097
1210
  "background-primary-prominent-hover"?: any;
1098
- "background-primary-prominent-pressed"?: any;
1099
- "background-primary-prominent-pressed-hover"?: any;
1100
1211
  "background-primary-prominent-selected"?: any;
1101
1212
  "background-primary-subtle"?: any;
1102
1213
  "background-primary-subtle-active"?: any;
1103
- "background-primary-subtle-expanded"?: any;
1104
1214
  "background-primary-subtle-hover"?: any;
1105
- "background-primary-subtle-pressed"?: any;
1106
- "background-primary-subtle-pressed-hover"?: any;
1107
1215
  "background-primary-subtle-selected"?: any;
1108
1216
  "background-success"?: any;
1109
1217
  "background-success-prominent"?: any;
@@ -1114,9 +1222,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1114
1222
  "border-danger"?: any;
1115
1223
  "border-danger-active"?: any;
1116
1224
  "border-danger-hover"?: any;
1225
+ "border-focus-error-inner"?: any;
1226
+ "border-focus-error-middle"?: any;
1227
+ "border-focus-error-outer"?: any;
1117
1228
  "border-focus-inner"?: any;
1118
1229
  "border-focus-middle"?: any;
1119
1230
  "border-focus-outer"?: any;
1231
+ "border-focus-success-inner"?: any;
1232
+ "border-focus-success-middle"?: any;
1233
+ "border-focus-success-outer"?: any;
1120
1234
  "border-neutrals"?: any;
1121
1235
  "border-neutrals-active"?: any;
1122
1236
  "border-neutrals-controls"?: any;
@@ -1209,13 +1323,13 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1209
1323
  readonly body: "Open Sans, sans-serif";
1210
1324
  };
1211
1325
  radii: {
1212
- readonly none: 0;
1213
- readonly half: "999em";
1214
1326
  readonly 25: "2px";
1215
1327
  readonly 50: "4px";
1216
1328
  readonly 75: "6px";
1217
1329
  readonly 100: "8px";
1218
1330
  readonly 200: "16px";
1331
+ readonly half: "999px";
1332
+ readonly none: "0px";
1219
1333
  };
1220
1334
  shadows: {
1221
1335
  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";
@@ -1516,63 +1630,103 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<_mirohq_design_
1516
1630
  };
1517
1631
  colors: {
1518
1632
  readonly black: any;
1633
+ readonly 'blue-50': any;
1519
1634
  readonly 'blue-100': any;
1635
+ readonly 'blue-150': any;
1520
1636
  readonly 'blue-200': any;
1637
+ readonly 'blue-250': any;
1521
1638
  readonly 'blue-300': any;
1639
+ readonly 'blue-350': any;
1522
1640
  readonly 'blue-400': any;
1641
+ readonly 'blue-450': any;
1523
1642
  readonly 'blue-500': any;
1643
+ readonly 'blue-550': any;
1524
1644
  readonly 'blue-600': any;
1645
+ readonly 'blue-650': any;
1525
1646
  readonly 'blue-700': any;
1647
+ readonly 'blue-750': any;
1526
1648
  readonly 'blue-800': any;
1649
+ readonly 'blue-850': any;
1527
1650
  readonly 'blue-900': any;
1528
- readonly 'blue-1000': any;
1651
+ readonly 'blue-950': any;
1652
+ readonly 'gray-50': any;
1529
1653
  readonly 'gray-100': any;
1654
+ readonly 'gray-150': any;
1530
1655
  readonly 'gray-200': any;
1656
+ readonly 'gray-250': any;
1531
1657
  readonly 'gray-300': any;
1658
+ readonly 'gray-350': any;
1532
1659
  readonly 'gray-400': any;
1660
+ readonly 'gray-450': any;
1533
1661
  readonly 'gray-500': any;
1662
+ readonly 'gray-550': any;
1534
1663
  readonly 'gray-600': any;
1664
+ readonly 'gray-650': any;
1535
1665
  readonly 'gray-700': any;
1666
+ readonly 'gray-750': any;
1536
1667
  readonly 'gray-800': any;
1668
+ readonly 'gray-850': any;
1537
1669
  readonly 'gray-900': any;
1670
+ readonly 'gray-950': any;
1671
+ readonly 'green-50': any;
1538
1672
  readonly 'green-100': any;
1673
+ readonly 'green-150': any;
1539
1674
  readonly 'green-200': any;
1675
+ readonly 'green-250': any;
1540
1676
  readonly 'green-300': any;
1677
+ readonly 'green-350': any;
1541
1678
  readonly 'green-400': any;
1679
+ readonly 'green-450': any;
1542
1680
  readonly 'green-500': any;
1681
+ readonly 'green-550': any;
1543
1682
  readonly 'green-600': any;
1683
+ readonly 'green-650': any;
1544
1684
  readonly 'green-700': any;
1685
+ readonly 'green-750': any;
1545
1686
  readonly 'green-800': any;
1687
+ readonly 'green-850': any;
1546
1688
  readonly 'green-900': any;
1547
- readonly 'indigo-100': any;
1548
- readonly 'indigo-200': any;
1549
- readonly 'indigo-300': any;
1550
- readonly 'indigo-400': any;
1551
- readonly 'indigo-500': any;
1552
- readonly 'indigo-600': any;
1553
- readonly 'indigo-700': any;
1554
- readonly 'indigo-800': any;
1555
- readonly 'indigo-900': any;
1689
+ readonly 'green-950': any;
1690
+ readonly 'red-50': any;
1556
1691
  readonly 'red-100': any;
1692
+ readonly 'red-150': any;
1557
1693
  readonly 'red-200': any;
1694
+ readonly 'red-250': any;
1558
1695
  readonly 'red-300': any;
1696
+ readonly 'red-350': any;
1559
1697
  readonly 'red-400': any;
1698
+ readonly 'red-450': any;
1560
1699
  readonly 'red-500': any;
1700
+ readonly 'red-550': any;
1561
1701
  readonly 'red-600': any;
1702
+ readonly 'red-650': any;
1562
1703
  readonly 'red-700': any;
1704
+ readonly 'red-750': any;
1563
1705
  readonly 'red-800': any;
1706
+ readonly 'red-850': any;
1564
1707
  readonly 'red-900': any;
1708
+ readonly 'red-950': any;
1565
1709
  readonly transparent: any;
1566
1710
  readonly white: any;
1711
+ readonly 'yellow-50': any;
1567
1712
  readonly 'yellow-100': any;
1713
+ readonly 'yellow-150': any;
1568
1714
  readonly 'yellow-200': any;
1715
+ readonly 'yellow-250': any;
1569
1716
  readonly 'yellow-300': any;
1717
+ readonly 'yellow-350': any;
1570
1718
  readonly 'yellow-400': any;
1719
+ readonly 'yellow-450': any;
1571
1720
  readonly 'yellow-500': any;
1721
+ readonly 'yellow-550': any;
1572
1722
  readonly 'yellow-600': any;
1723
+ readonly 'yellow-650': any;
1573
1724
  readonly 'yellow-700': any;
1725
+ readonly 'yellow-750': any;
1574
1726
  readonly 'yellow-800': any;
1727
+ readonly 'yellow-850': any;
1575
1728
  readonly 'yellow-900': any;
1729
+ readonly 'yellow-950': any;
1576
1730
  "background-alpha-active"?: any;
1577
1731
  "background-alpha-hover"?: any;
1578
1732
  "background-danger-prominent"?: any;
@@ -1593,27 +1747,19 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<_mirohq_design_
1593
1747
  "background-neutrals-inverted-subtle"?: any;
1594
1748
  "background-neutrals-page"?: any;
1595
1749
  "background-neutrals-page-subtle"?: any;
1596
- "background-neutrals-scrolls"?: any;
1597
- "background-neutrals-scrolls-expanded"?: any;
1598
- "background-neutrals-scrolls-hover"?: any;
1599
- "background-neutrals-scrolls-pressed"?: any;
1600
- "background-neutrals-scrolls-pressed-hover"?: any;
1750
+ "background-neutrals-scrollbar"?: any;
1751
+ "background-neutrals-scrollbar-active"?: any;
1752
+ "background-neutrals-scrollbar-hover"?: any;
1601
1753
  "background-neutrals-subtle"?: any;
1602
1754
  "background-neutrals-subtle-active"?: any;
1603
1755
  "background-neutrals-subtle-hover"?: any;
1604
1756
  "background-primary-prominent"?: any;
1605
1757
  "background-primary-prominent-active"?: any;
1606
- "background-primary-prominent-expanded"?: any;
1607
1758
  "background-primary-prominent-hover"?: any;
1608
- "background-primary-prominent-pressed"?: any;
1609
- "background-primary-prominent-pressed-hover"?: any;
1610
1759
  "background-primary-prominent-selected"?: any;
1611
1760
  "background-primary-subtle"?: any;
1612
1761
  "background-primary-subtle-active"?: any;
1613
- "background-primary-subtle-expanded"?: any;
1614
1762
  "background-primary-subtle-hover"?: any;
1615
- "background-primary-subtle-pressed"?: any;
1616
- "background-primary-subtle-pressed-hover"?: any;
1617
1763
  "background-primary-subtle-selected"?: any;
1618
1764
  "background-success"?: any;
1619
1765
  "background-success-prominent"?: any;
@@ -1624,9 +1770,15 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<_mirohq_design_
1624
1770
  "border-danger"?: any;
1625
1771
  "border-danger-active"?: any;
1626
1772
  "border-danger-hover"?: any;
1773
+ "border-focus-error-inner"?: any;
1774
+ "border-focus-error-middle"?: any;
1775
+ "border-focus-error-outer"?: any;
1627
1776
  "border-focus-inner"?: any;
1628
1777
  "border-focus-middle"?: any;
1629
1778
  "border-focus-outer"?: any;
1779
+ "border-focus-success-inner"?: any;
1780
+ "border-focus-success-middle"?: any;
1781
+ "border-focus-success-outer"?: any;
1630
1782
  "border-neutrals"?: any;
1631
1783
  "border-neutrals-active"?: any;
1632
1784
  "border-neutrals-controls"?: any;
@@ -1719,13 +1871,13 @@ declare const StyledPortal: react.ForwardRefExoticComponent<Omit<_mirohq_design_
1719
1871
  readonly body: "Open Sans, sans-serif";
1720
1872
  };
1721
1873
  radii: {
1722
- readonly none: 0;
1723
- readonly half: "999em";
1724
1874
  readonly 25: "2px";
1725
1875
  readonly 50: "4px";
1726
1876
  readonly 75: "6px";
1727
1877
  readonly 100: "8px";
1728
1878
  readonly 200: "16px";
1879
+ readonly half: "999px";
1880
+ readonly none: "0px";
1729
1881
  };
1730
1882
  shadows: {
1731
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";
@@ -2016,63 +2168,103 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2016
2168
  };
2017
2169
  colors: {
2018
2170
  readonly black: any;
2171
+ readonly 'blue-50': any;
2019
2172
  readonly 'blue-100': any;
2173
+ readonly 'blue-150': any;
2020
2174
  readonly 'blue-200': any;
2175
+ readonly 'blue-250': any;
2021
2176
  readonly 'blue-300': any;
2177
+ readonly 'blue-350': any;
2022
2178
  readonly 'blue-400': any;
2179
+ readonly 'blue-450': any;
2023
2180
  readonly 'blue-500': any;
2181
+ readonly 'blue-550': any;
2024
2182
  readonly 'blue-600': any;
2183
+ readonly 'blue-650': any;
2025
2184
  readonly 'blue-700': any;
2185
+ readonly 'blue-750': any;
2026
2186
  readonly 'blue-800': any;
2187
+ readonly 'blue-850': any;
2027
2188
  readonly 'blue-900': any;
2028
- readonly 'blue-1000': any;
2189
+ readonly 'blue-950': any;
2190
+ readonly 'gray-50': any;
2029
2191
  readonly 'gray-100': any;
2192
+ readonly 'gray-150': any;
2030
2193
  readonly 'gray-200': any;
2194
+ readonly 'gray-250': any;
2031
2195
  readonly 'gray-300': any;
2196
+ readonly 'gray-350': any;
2032
2197
  readonly 'gray-400': any;
2198
+ readonly 'gray-450': any;
2033
2199
  readonly 'gray-500': any;
2200
+ readonly 'gray-550': any;
2034
2201
  readonly 'gray-600': any;
2202
+ readonly 'gray-650': any;
2035
2203
  readonly 'gray-700': any;
2204
+ readonly 'gray-750': any;
2036
2205
  readonly 'gray-800': any;
2206
+ readonly 'gray-850': any;
2037
2207
  readonly 'gray-900': any;
2208
+ readonly 'gray-950': any;
2209
+ readonly 'green-50': any;
2038
2210
  readonly 'green-100': any;
2211
+ readonly 'green-150': any;
2039
2212
  readonly 'green-200': any;
2213
+ readonly 'green-250': any;
2040
2214
  readonly 'green-300': any;
2215
+ readonly 'green-350': any;
2041
2216
  readonly 'green-400': any;
2217
+ readonly 'green-450': any;
2042
2218
  readonly 'green-500': any;
2219
+ readonly 'green-550': any;
2043
2220
  readonly 'green-600': any;
2221
+ readonly 'green-650': any;
2044
2222
  readonly 'green-700': any;
2223
+ readonly 'green-750': any;
2045
2224
  readonly 'green-800': any;
2225
+ readonly 'green-850': any;
2046
2226
  readonly 'green-900': any;
2047
- readonly 'indigo-100': any;
2048
- readonly 'indigo-200': any;
2049
- readonly 'indigo-300': any;
2050
- readonly 'indigo-400': any;
2051
- readonly 'indigo-500': any;
2052
- readonly 'indigo-600': any;
2053
- readonly 'indigo-700': any;
2054
- readonly 'indigo-800': any;
2055
- readonly 'indigo-900': any;
2227
+ readonly 'green-950': any;
2228
+ readonly 'red-50': any;
2056
2229
  readonly 'red-100': any;
2230
+ readonly 'red-150': any;
2057
2231
  readonly 'red-200': any;
2232
+ readonly 'red-250': any;
2058
2233
  readonly 'red-300': any;
2234
+ readonly 'red-350': any;
2059
2235
  readonly 'red-400': any;
2236
+ readonly 'red-450': any;
2060
2237
  readonly 'red-500': any;
2238
+ readonly 'red-550': any;
2061
2239
  readonly 'red-600': any;
2240
+ readonly 'red-650': any;
2062
2241
  readonly 'red-700': any;
2242
+ readonly 'red-750': any;
2063
2243
  readonly 'red-800': any;
2244
+ readonly 'red-850': any;
2064
2245
  readonly 'red-900': any;
2246
+ readonly 'red-950': any;
2065
2247
  readonly transparent: any;
2066
2248
  readonly white: any;
2249
+ readonly 'yellow-50': any;
2067
2250
  readonly 'yellow-100': any;
2251
+ readonly 'yellow-150': any;
2068
2252
  readonly 'yellow-200': any;
2253
+ readonly 'yellow-250': any;
2069
2254
  readonly 'yellow-300': any;
2255
+ readonly 'yellow-350': any;
2070
2256
  readonly 'yellow-400': any;
2257
+ readonly 'yellow-450': any;
2071
2258
  readonly 'yellow-500': any;
2259
+ readonly 'yellow-550': any;
2072
2260
  readonly 'yellow-600': any;
2261
+ readonly 'yellow-650': any;
2073
2262
  readonly 'yellow-700': any;
2263
+ readonly 'yellow-750': any;
2074
2264
  readonly 'yellow-800': any;
2265
+ readonly 'yellow-850': any;
2075
2266
  readonly 'yellow-900': any;
2267
+ readonly 'yellow-950': any;
2076
2268
  "background-alpha-active"?: any;
2077
2269
  "background-alpha-hover"?: any;
2078
2270
  "background-danger-prominent"?: any;
@@ -2093,27 +2285,19 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2093
2285
  "background-neutrals-inverted-subtle"?: any;
2094
2286
  "background-neutrals-page"?: any;
2095
2287
  "background-neutrals-page-subtle"?: any;
2096
- "background-neutrals-scrolls"?: any;
2097
- "background-neutrals-scrolls-expanded"?: any;
2098
- "background-neutrals-scrolls-hover"?: any;
2099
- "background-neutrals-scrolls-pressed"?: any;
2100
- "background-neutrals-scrolls-pressed-hover"?: any;
2288
+ "background-neutrals-scrollbar"?: any;
2289
+ "background-neutrals-scrollbar-active"?: any;
2290
+ "background-neutrals-scrollbar-hover"?: any;
2101
2291
  "background-neutrals-subtle"?: any;
2102
2292
  "background-neutrals-subtle-active"?: any;
2103
2293
  "background-neutrals-subtle-hover"?: any;
2104
2294
  "background-primary-prominent"?: any;
2105
2295
  "background-primary-prominent-active"?: any;
2106
- "background-primary-prominent-expanded"?: any;
2107
2296
  "background-primary-prominent-hover"?: any;
2108
- "background-primary-prominent-pressed"?: any;
2109
- "background-primary-prominent-pressed-hover"?: any;
2110
2297
  "background-primary-prominent-selected"?: any;
2111
2298
  "background-primary-subtle"?: any;
2112
2299
  "background-primary-subtle-active"?: any;
2113
- "background-primary-subtle-expanded"?: any;
2114
2300
  "background-primary-subtle-hover"?: any;
2115
- "background-primary-subtle-pressed"?: any;
2116
- "background-primary-subtle-pressed-hover"?: any;
2117
2301
  "background-primary-subtle-selected"?: any;
2118
2302
  "background-success"?: any;
2119
2303
  "background-success-prominent"?: any;
@@ -2124,9 +2308,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2124
2308
  "border-danger"?: any;
2125
2309
  "border-danger-active"?: any;
2126
2310
  "border-danger-hover"?: any;
2311
+ "border-focus-error-inner"?: any;
2312
+ "border-focus-error-middle"?: any;
2313
+ "border-focus-error-outer"?: any;
2127
2314
  "border-focus-inner"?: any;
2128
2315
  "border-focus-middle"?: any;
2129
2316
  "border-focus-outer"?: any;
2317
+ "border-focus-success-inner"?: any;
2318
+ "border-focus-success-middle"?: any;
2319
+ "border-focus-success-outer"?: any;
2130
2320
  "border-neutrals"?: any;
2131
2321
  "border-neutrals-active"?: any;
2132
2322
  "border-neutrals-controls"?: any;
@@ -2219,13 +2409,13 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2219
2409
  readonly body: "Open Sans, sans-serif";
2220
2410
  };
2221
2411
  radii: {
2222
- readonly none: 0;
2223
- readonly half: "999em";
2224
2412
  readonly 25: "2px";
2225
2413
  readonly 50: "4px";
2226
2414
  readonly 75: "6px";
2227
2415
  readonly 100: "8px";
2228
2416
  readonly 200: "16px";
2417
+ readonly half: "999px";
2418
+ readonly none: "0px";
2229
2419
  };
2230
2420
  shadows: {
2231
2421
  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";
@@ -2538,63 +2728,103 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2538
2728
  };
2539
2729
  colors: {
2540
2730
  readonly black: any;
2731
+ readonly 'blue-50': any;
2541
2732
  readonly 'blue-100': any;
2733
+ readonly 'blue-150': any;
2542
2734
  readonly 'blue-200': any;
2735
+ readonly 'blue-250': any;
2543
2736
  readonly 'blue-300': any;
2737
+ readonly 'blue-350': any;
2544
2738
  readonly 'blue-400': any;
2739
+ readonly 'blue-450': any;
2545
2740
  readonly 'blue-500': any;
2741
+ readonly 'blue-550': any;
2546
2742
  readonly 'blue-600': any;
2743
+ readonly 'blue-650': any;
2547
2744
  readonly 'blue-700': any;
2745
+ readonly 'blue-750': any;
2548
2746
  readonly 'blue-800': any;
2747
+ readonly 'blue-850': any;
2549
2748
  readonly 'blue-900': any;
2550
- readonly 'blue-1000': any;
2749
+ readonly 'blue-950': any;
2750
+ readonly 'gray-50': any;
2551
2751
  readonly 'gray-100': any;
2752
+ readonly 'gray-150': any;
2552
2753
  readonly 'gray-200': any;
2754
+ readonly 'gray-250': any;
2553
2755
  readonly 'gray-300': any;
2756
+ readonly 'gray-350': any;
2554
2757
  readonly 'gray-400': any;
2758
+ readonly 'gray-450': any;
2555
2759
  readonly 'gray-500': any;
2760
+ readonly 'gray-550': any;
2556
2761
  readonly 'gray-600': any;
2762
+ readonly 'gray-650': any;
2557
2763
  readonly 'gray-700': any;
2764
+ readonly 'gray-750': any;
2558
2765
  readonly 'gray-800': any;
2766
+ readonly 'gray-850': any;
2559
2767
  readonly 'gray-900': any;
2768
+ readonly 'gray-950': any;
2769
+ readonly 'green-50': any;
2560
2770
  readonly 'green-100': any;
2771
+ readonly 'green-150': any;
2561
2772
  readonly 'green-200': any;
2773
+ readonly 'green-250': any;
2562
2774
  readonly 'green-300': any;
2775
+ readonly 'green-350': any;
2563
2776
  readonly 'green-400': any;
2777
+ readonly 'green-450': any;
2564
2778
  readonly 'green-500': any;
2779
+ readonly 'green-550': any;
2565
2780
  readonly 'green-600': any;
2781
+ readonly 'green-650': any;
2566
2782
  readonly 'green-700': any;
2783
+ readonly 'green-750': any;
2567
2784
  readonly 'green-800': any;
2785
+ readonly 'green-850': any;
2568
2786
  readonly 'green-900': any;
2569
- readonly 'indigo-100': any;
2570
- readonly 'indigo-200': any;
2571
- readonly 'indigo-300': any;
2572
- readonly 'indigo-400': any;
2573
- readonly 'indigo-500': any;
2574
- readonly 'indigo-600': any;
2575
- readonly 'indigo-700': any;
2576
- readonly 'indigo-800': any;
2577
- readonly 'indigo-900': any;
2787
+ readonly 'green-950': any;
2788
+ readonly 'red-50': any;
2578
2789
  readonly 'red-100': any;
2790
+ readonly 'red-150': any;
2579
2791
  readonly 'red-200': any;
2792
+ readonly 'red-250': any;
2580
2793
  readonly 'red-300': any;
2794
+ readonly 'red-350': any;
2581
2795
  readonly 'red-400': any;
2796
+ readonly 'red-450': any;
2582
2797
  readonly 'red-500': any;
2798
+ readonly 'red-550': any;
2583
2799
  readonly 'red-600': any;
2800
+ readonly 'red-650': any;
2584
2801
  readonly 'red-700': any;
2802
+ readonly 'red-750': any;
2585
2803
  readonly 'red-800': any;
2804
+ readonly 'red-850': any;
2586
2805
  readonly 'red-900': any;
2806
+ readonly 'red-950': any;
2587
2807
  readonly transparent: any;
2588
2808
  readonly white: any;
2809
+ readonly 'yellow-50': any;
2589
2810
  readonly 'yellow-100': any;
2811
+ readonly 'yellow-150': any;
2590
2812
  readonly 'yellow-200': any;
2813
+ readonly 'yellow-250': any;
2591
2814
  readonly 'yellow-300': any;
2815
+ readonly 'yellow-350': any;
2592
2816
  readonly 'yellow-400': any;
2817
+ readonly 'yellow-450': any;
2593
2818
  readonly 'yellow-500': any;
2819
+ readonly 'yellow-550': any;
2594
2820
  readonly 'yellow-600': any;
2821
+ readonly 'yellow-650': any;
2595
2822
  readonly 'yellow-700': any;
2823
+ readonly 'yellow-750': any;
2596
2824
  readonly 'yellow-800': any;
2825
+ readonly 'yellow-850': any;
2597
2826
  readonly 'yellow-900': any;
2827
+ readonly 'yellow-950': any;
2598
2828
  "background-alpha-active"?: any;
2599
2829
  "background-alpha-hover"?: any;
2600
2830
  "background-danger-prominent"?: any;
@@ -2615,27 +2845,19 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2615
2845
  "background-neutrals-inverted-subtle"?: any;
2616
2846
  "background-neutrals-page"?: any;
2617
2847
  "background-neutrals-page-subtle"?: any;
2618
- "background-neutrals-scrolls"?: any;
2619
- "background-neutrals-scrolls-expanded"?: any;
2620
- "background-neutrals-scrolls-hover"?: any;
2621
- "background-neutrals-scrolls-pressed"?: any;
2622
- "background-neutrals-scrolls-pressed-hover"?: any;
2848
+ "background-neutrals-scrollbar"?: any;
2849
+ "background-neutrals-scrollbar-active"?: any;
2850
+ "background-neutrals-scrollbar-hover"?: any;
2623
2851
  "background-neutrals-subtle"?: any;
2624
2852
  "background-neutrals-subtle-active"?: any;
2625
2853
  "background-neutrals-subtle-hover"?: any;
2626
2854
  "background-primary-prominent"?: any;
2627
2855
  "background-primary-prominent-active"?: any;
2628
- "background-primary-prominent-expanded"?: any;
2629
2856
  "background-primary-prominent-hover"?: any;
2630
- "background-primary-prominent-pressed"?: any;
2631
- "background-primary-prominent-pressed-hover"?: any;
2632
2857
  "background-primary-prominent-selected"?: any;
2633
2858
  "background-primary-subtle"?: any;
2634
2859
  "background-primary-subtle-active"?: any;
2635
- "background-primary-subtle-expanded"?: any;
2636
2860
  "background-primary-subtle-hover"?: any;
2637
- "background-primary-subtle-pressed"?: any;
2638
- "background-primary-subtle-pressed-hover"?: any;
2639
2861
  "background-primary-subtle-selected"?: any;
2640
2862
  "background-success"?: any;
2641
2863
  "background-success-prominent"?: any;
@@ -2646,9 +2868,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2646
2868
  "border-danger"?: any;
2647
2869
  "border-danger-active"?: any;
2648
2870
  "border-danger-hover"?: any;
2871
+ "border-focus-error-inner"?: any;
2872
+ "border-focus-error-middle"?: any;
2873
+ "border-focus-error-outer"?: any;
2649
2874
  "border-focus-inner"?: any;
2650
2875
  "border-focus-middle"?: any;
2651
2876
  "border-focus-outer"?: any;
2877
+ "border-focus-success-inner"?: any;
2878
+ "border-focus-success-middle"?: any;
2879
+ "border-focus-success-outer"?: any;
2652
2880
  "border-neutrals"?: any;
2653
2881
  "border-neutrals-active"?: any;
2654
2882
  "border-neutrals-controls"?: any;
@@ -2741,13 +2969,13 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2741
2969
  readonly body: "Open Sans, sans-serif";
2742
2970
  };
2743
2971
  radii: {
2744
- readonly none: 0;
2745
- readonly half: "999em";
2746
2972
  readonly 25: "2px";
2747
2973
  readonly 50: "4px";
2748
2974
  readonly 75: "6px";
2749
2975
  readonly 100: "8px";
2750
2976
  readonly 200: "16px";
2977
+ readonly half: "999px";
2978
+ readonly none: "0px";
2751
2979
  };
2752
2980
  shadows: {
2753
2981
  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";
@@ -3161,63 +3389,103 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3161
3389
  };
3162
3390
  colors: {
3163
3391
  readonly black: any;
3392
+ readonly 'blue-50': any;
3164
3393
  readonly 'blue-100': any;
3394
+ readonly 'blue-150': any;
3165
3395
  readonly 'blue-200': any;
3396
+ readonly 'blue-250': any;
3166
3397
  readonly 'blue-300': any;
3398
+ readonly 'blue-350': any;
3167
3399
  readonly 'blue-400': any;
3400
+ readonly 'blue-450': any;
3168
3401
  readonly 'blue-500': any;
3402
+ readonly 'blue-550': any;
3169
3403
  readonly 'blue-600': any;
3404
+ readonly 'blue-650': any;
3170
3405
  readonly 'blue-700': any;
3406
+ readonly 'blue-750': any;
3171
3407
  readonly 'blue-800': any;
3408
+ readonly 'blue-850': any;
3172
3409
  readonly 'blue-900': any;
3173
- readonly 'blue-1000': any;
3410
+ readonly 'blue-950': any;
3411
+ readonly 'gray-50': any;
3174
3412
  readonly 'gray-100': any;
3413
+ readonly 'gray-150': any;
3175
3414
  readonly 'gray-200': any;
3415
+ readonly 'gray-250': any;
3176
3416
  readonly 'gray-300': any;
3417
+ readonly 'gray-350': any;
3177
3418
  readonly 'gray-400': any;
3419
+ readonly 'gray-450': any;
3178
3420
  readonly 'gray-500': any;
3421
+ readonly 'gray-550': any;
3179
3422
  readonly 'gray-600': any;
3423
+ readonly 'gray-650': any;
3180
3424
  readonly 'gray-700': any;
3425
+ readonly 'gray-750': any;
3181
3426
  readonly 'gray-800': any;
3427
+ readonly 'gray-850': any;
3182
3428
  readonly 'gray-900': any;
3429
+ readonly 'gray-950': any;
3430
+ readonly 'green-50': any;
3183
3431
  readonly 'green-100': any;
3432
+ readonly 'green-150': any;
3184
3433
  readonly 'green-200': any;
3434
+ readonly 'green-250': any;
3185
3435
  readonly 'green-300': any;
3436
+ readonly 'green-350': any;
3186
3437
  readonly 'green-400': any;
3438
+ readonly 'green-450': any;
3187
3439
  readonly 'green-500': any;
3440
+ readonly 'green-550': any;
3188
3441
  readonly 'green-600': any;
3442
+ readonly 'green-650': any;
3189
3443
  readonly 'green-700': any;
3444
+ readonly 'green-750': any;
3190
3445
  readonly 'green-800': any;
3446
+ readonly 'green-850': any;
3191
3447
  readonly 'green-900': any;
3192
- readonly 'indigo-100': any;
3193
- readonly 'indigo-200': any;
3194
- readonly 'indigo-300': any;
3195
- readonly 'indigo-400': any;
3196
- readonly 'indigo-500': any;
3197
- readonly 'indigo-600': any;
3198
- readonly 'indigo-700': any;
3199
- readonly 'indigo-800': any;
3200
- readonly 'indigo-900': any;
3448
+ readonly 'green-950': any;
3449
+ readonly 'red-50': any;
3201
3450
  readonly 'red-100': any;
3451
+ readonly 'red-150': any;
3202
3452
  readonly 'red-200': any;
3453
+ readonly 'red-250': any;
3203
3454
  readonly 'red-300': any;
3455
+ readonly 'red-350': any;
3204
3456
  readonly 'red-400': any;
3457
+ readonly 'red-450': any;
3205
3458
  readonly 'red-500': any;
3459
+ readonly 'red-550': any;
3206
3460
  readonly 'red-600': any;
3461
+ readonly 'red-650': any;
3207
3462
  readonly 'red-700': any;
3463
+ readonly 'red-750': any;
3208
3464
  readonly 'red-800': any;
3465
+ readonly 'red-850': any;
3209
3466
  readonly 'red-900': any;
3467
+ readonly 'red-950': any;
3210
3468
  readonly transparent: any;
3211
3469
  readonly white: any;
3470
+ readonly 'yellow-50': any;
3212
3471
  readonly 'yellow-100': any;
3472
+ readonly 'yellow-150': any;
3213
3473
  readonly 'yellow-200': any;
3474
+ readonly 'yellow-250': any;
3214
3475
  readonly 'yellow-300': any;
3476
+ readonly 'yellow-350': any;
3215
3477
  readonly 'yellow-400': any;
3478
+ readonly 'yellow-450': any;
3216
3479
  readonly 'yellow-500': any;
3480
+ readonly 'yellow-550': any;
3217
3481
  readonly 'yellow-600': any;
3482
+ readonly 'yellow-650': any;
3218
3483
  readonly 'yellow-700': any;
3484
+ readonly 'yellow-750': any;
3219
3485
  readonly 'yellow-800': any;
3486
+ readonly 'yellow-850': any;
3220
3487
  readonly 'yellow-900': any;
3488
+ readonly 'yellow-950': any;
3221
3489
  "background-alpha-active"?: any;
3222
3490
  "background-alpha-hover"?: any;
3223
3491
  "background-danger-prominent"?: any;
@@ -3238,27 +3506,19 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3238
3506
  "background-neutrals-inverted-subtle"?: any;
3239
3507
  "background-neutrals-page"?: any;
3240
3508
  "background-neutrals-page-subtle"?: any;
3241
- "background-neutrals-scrolls"?: any;
3242
- "background-neutrals-scrolls-expanded"?: any;
3243
- "background-neutrals-scrolls-hover"?: any;
3244
- "background-neutrals-scrolls-pressed"?: any;
3245
- "background-neutrals-scrolls-pressed-hover"?: any;
3509
+ "background-neutrals-scrollbar"?: any;
3510
+ "background-neutrals-scrollbar-active"?: any;
3511
+ "background-neutrals-scrollbar-hover"?: any;
3246
3512
  "background-neutrals-subtle"?: any;
3247
3513
  "background-neutrals-subtle-active"?: any;
3248
3514
  "background-neutrals-subtle-hover"?: any;
3249
3515
  "background-primary-prominent"?: any;
3250
3516
  "background-primary-prominent-active"?: any;
3251
- "background-primary-prominent-expanded"?: any;
3252
3517
  "background-primary-prominent-hover"?: any;
3253
- "background-primary-prominent-pressed"?: any;
3254
- "background-primary-prominent-pressed-hover"?: any;
3255
3518
  "background-primary-prominent-selected"?: any;
3256
3519
  "background-primary-subtle"?: any;
3257
3520
  "background-primary-subtle-active"?: any;
3258
- "background-primary-subtle-expanded"?: any;
3259
3521
  "background-primary-subtle-hover"?: any;
3260
- "background-primary-subtle-pressed"?: any;
3261
- "background-primary-subtle-pressed-hover"?: any;
3262
3522
  "background-primary-subtle-selected"?: any;
3263
3523
  "background-success"?: any;
3264
3524
  "background-success-prominent"?: any;
@@ -3269,9 +3529,15 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3269
3529
  "border-danger"?: any;
3270
3530
  "border-danger-active"?: any;
3271
3531
  "border-danger-hover"?: any;
3532
+ "border-focus-error-inner"?: any;
3533
+ "border-focus-error-middle"?: any;
3534
+ "border-focus-error-outer"?: any;
3272
3535
  "border-focus-inner"?: any;
3273
3536
  "border-focus-middle"?: any;
3274
3537
  "border-focus-outer"?: any;
3538
+ "border-focus-success-inner"?: any;
3539
+ "border-focus-success-middle"?: any;
3540
+ "border-focus-success-outer"?: any;
3275
3541
  "border-neutrals"?: any;
3276
3542
  "border-neutrals-active"?: any;
3277
3543
  "border-neutrals-controls"?: any;
@@ -3364,13 +3630,13 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3364
3630
  readonly body: "Open Sans, sans-serif";
3365
3631
  };
3366
3632
  radii: {
3367
- readonly none: 0;
3368
- readonly half: "999em";
3369
3633
  readonly 25: "2px";
3370
3634
  readonly 50: "4px";
3371
3635
  readonly 75: "6px";
3372
3636
  readonly 100: "8px";
3373
3637
  readonly 200: "16px";
3638
+ readonly half: "999px";
3639
+ readonly none: "0px";
3374
3640
  };
3375
3641
  shadows: {
3376
3642
  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";
@@ -3656,63 +3922,103 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3656
3922
  };
3657
3923
  colors: {
3658
3924
  readonly black: any;
3925
+ readonly 'blue-50': any;
3659
3926
  readonly 'blue-100': any;
3927
+ readonly 'blue-150': any;
3660
3928
  readonly 'blue-200': any;
3929
+ readonly 'blue-250': any;
3661
3930
  readonly 'blue-300': any;
3931
+ readonly 'blue-350': any;
3662
3932
  readonly 'blue-400': any;
3933
+ readonly 'blue-450': any;
3663
3934
  readonly 'blue-500': any;
3935
+ readonly 'blue-550': any;
3664
3936
  readonly 'blue-600': any;
3937
+ readonly 'blue-650': any;
3665
3938
  readonly 'blue-700': any;
3939
+ readonly 'blue-750': any;
3666
3940
  readonly 'blue-800': any;
3941
+ readonly 'blue-850': any;
3667
3942
  readonly 'blue-900': any;
3668
- readonly 'blue-1000': any;
3943
+ readonly 'blue-950': any;
3944
+ readonly 'gray-50': any;
3669
3945
  readonly 'gray-100': any;
3946
+ readonly 'gray-150': any;
3670
3947
  readonly 'gray-200': any;
3948
+ readonly 'gray-250': any;
3671
3949
  readonly 'gray-300': any;
3950
+ readonly 'gray-350': any;
3672
3951
  readonly 'gray-400': any;
3952
+ readonly 'gray-450': any;
3673
3953
  readonly 'gray-500': any;
3954
+ readonly 'gray-550': any;
3674
3955
  readonly 'gray-600': any;
3956
+ readonly 'gray-650': any;
3675
3957
  readonly 'gray-700': any;
3958
+ readonly 'gray-750': any;
3676
3959
  readonly 'gray-800': any;
3960
+ readonly 'gray-850': any;
3677
3961
  readonly 'gray-900': any;
3962
+ readonly 'gray-950': any;
3963
+ readonly 'green-50': any;
3678
3964
  readonly 'green-100': any;
3965
+ readonly 'green-150': any;
3679
3966
  readonly 'green-200': any;
3967
+ readonly 'green-250': any;
3680
3968
  readonly 'green-300': any;
3969
+ readonly 'green-350': any;
3681
3970
  readonly 'green-400': any;
3971
+ readonly 'green-450': any;
3682
3972
  readonly 'green-500': any;
3973
+ readonly 'green-550': any;
3683
3974
  readonly 'green-600': any;
3975
+ readonly 'green-650': any;
3684
3976
  readonly 'green-700': any;
3977
+ readonly 'green-750': any;
3685
3978
  readonly 'green-800': any;
3979
+ readonly 'green-850': any;
3686
3980
  readonly 'green-900': any;
3687
- readonly 'indigo-100': any;
3688
- readonly 'indigo-200': any;
3689
- readonly 'indigo-300': any;
3690
- readonly 'indigo-400': any;
3691
- readonly 'indigo-500': any;
3692
- readonly 'indigo-600': any;
3693
- readonly 'indigo-700': any;
3694
- readonly 'indigo-800': any;
3695
- readonly 'indigo-900': any;
3981
+ readonly 'green-950': any;
3982
+ readonly 'red-50': any;
3696
3983
  readonly 'red-100': any;
3984
+ readonly 'red-150': any;
3697
3985
  readonly 'red-200': any;
3986
+ readonly 'red-250': any;
3698
3987
  readonly 'red-300': any;
3988
+ readonly 'red-350': any;
3699
3989
  readonly 'red-400': any;
3990
+ readonly 'red-450': any;
3700
3991
  readonly 'red-500': any;
3992
+ readonly 'red-550': any;
3701
3993
  readonly 'red-600': any;
3994
+ readonly 'red-650': any;
3702
3995
  readonly 'red-700': any;
3996
+ readonly 'red-750': any;
3703
3997
  readonly 'red-800': any;
3998
+ readonly 'red-850': any;
3704
3999
  readonly 'red-900': any;
4000
+ readonly 'red-950': any;
3705
4001
  readonly transparent: any;
3706
4002
  readonly white: any;
4003
+ readonly 'yellow-50': any;
3707
4004
  readonly 'yellow-100': any;
4005
+ readonly 'yellow-150': any;
3708
4006
  readonly 'yellow-200': any;
4007
+ readonly 'yellow-250': any;
3709
4008
  readonly 'yellow-300': any;
4009
+ readonly 'yellow-350': any;
3710
4010
  readonly 'yellow-400': any;
4011
+ readonly 'yellow-450': any;
3711
4012
  readonly 'yellow-500': any;
4013
+ readonly 'yellow-550': any;
3712
4014
  readonly 'yellow-600': any;
4015
+ readonly 'yellow-650': any;
3713
4016
  readonly 'yellow-700': any;
4017
+ readonly 'yellow-750': any;
3714
4018
  readonly 'yellow-800': any;
4019
+ readonly 'yellow-850': any;
3715
4020
  readonly 'yellow-900': any;
4021
+ readonly 'yellow-950': any;
3716
4022
  "background-alpha-active"?: any;
3717
4023
  "background-alpha-hover"?: any;
3718
4024
  "background-danger-prominent"?: any;
@@ -3733,27 +4039,19 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3733
4039
  "background-neutrals-inverted-subtle"?: any;
3734
4040
  "background-neutrals-page"?: any;
3735
4041
  "background-neutrals-page-subtle"?: any;
3736
- "background-neutrals-scrolls"?: any;
3737
- "background-neutrals-scrolls-expanded"?: any;
3738
- "background-neutrals-scrolls-hover"?: any;
3739
- "background-neutrals-scrolls-pressed"?: any;
3740
- "background-neutrals-scrolls-pressed-hover"?: any;
4042
+ "background-neutrals-scrollbar"?: any;
4043
+ "background-neutrals-scrollbar-active"?: any;
4044
+ "background-neutrals-scrollbar-hover"?: any;
3741
4045
  "background-neutrals-subtle"?: any;
3742
4046
  "background-neutrals-subtle-active"?: any;
3743
4047
  "background-neutrals-subtle-hover"?: any;
3744
4048
  "background-primary-prominent"?: any;
3745
4049
  "background-primary-prominent-active"?: any;
3746
- "background-primary-prominent-expanded"?: any;
3747
4050
  "background-primary-prominent-hover"?: any;
3748
- "background-primary-prominent-pressed"?: any;
3749
- "background-primary-prominent-pressed-hover"?: any;
3750
4051
  "background-primary-prominent-selected"?: any;
3751
4052
  "background-primary-subtle"?: any;
3752
4053
  "background-primary-subtle-active"?: any;
3753
- "background-primary-subtle-expanded"?: any;
3754
4054
  "background-primary-subtle-hover"?: any;
3755
- "background-primary-subtle-pressed"?: any;
3756
- "background-primary-subtle-pressed-hover"?: any;
3757
4055
  "background-primary-subtle-selected"?: any;
3758
4056
  "background-success"?: any;
3759
4057
  "background-success-prominent"?: any;
@@ -3764,9 +4062,15 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3764
4062
  "border-danger"?: any;
3765
4063
  "border-danger-active"?: any;
3766
4064
  "border-danger-hover"?: any;
4065
+ "border-focus-error-inner"?: any;
4066
+ "border-focus-error-middle"?: any;
4067
+ "border-focus-error-outer"?: any;
3767
4068
  "border-focus-inner"?: any;
3768
4069
  "border-focus-middle"?: any;
3769
4070
  "border-focus-outer"?: any;
4071
+ "border-focus-success-inner"?: any;
4072
+ "border-focus-success-middle"?: any;
4073
+ "border-focus-success-outer"?: any;
3770
4074
  "border-neutrals"?: any;
3771
4075
  "border-neutrals-active"?: any;
3772
4076
  "border-neutrals-controls"?: any;
@@ -3859,13 +4163,13 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3859
4163
  readonly body: "Open Sans, sans-serif";
3860
4164
  };
3861
4165
  radii: {
3862
- readonly none: 0;
3863
- readonly half: "999em";
3864
4166
  readonly 25: "2px";
3865
4167
  readonly 50: "4px";
3866
4168
  readonly 75: "6px";
3867
4169
  readonly 100: "8px";
3868
4170
  readonly 200: "16px";
4171
+ readonly half: "999px";
4172
+ readonly none: "0px";
3869
4173
  };
3870
4174
  shadows: {
3871
4175
  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";