@mirohq/design-system-dropdown-menu 4.0.10 → 4.0.11-colors.2

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 +1380 -580
  2. package/package.json +8 -8
package/dist/types.d.ts CHANGED
@@ -21,63 +21,103 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mir
21
21
  };
22
22
  colors: {
23
23
  readonly black: any;
24
+ readonly 'blue-50': any;
24
25
  readonly 'blue-100': any;
26
+ readonly 'blue-150': any;
25
27
  readonly 'blue-200': any;
28
+ readonly 'blue-250': any;
26
29
  readonly 'blue-300': any;
30
+ readonly 'blue-350': any;
27
31
  readonly 'blue-400': any;
32
+ readonly 'blue-450': any;
28
33
  readonly 'blue-500': any;
34
+ readonly 'blue-550': any;
29
35
  readonly 'blue-600': any;
36
+ readonly 'blue-650': any;
30
37
  readonly 'blue-700': any;
38
+ readonly 'blue-750': any;
31
39
  readonly 'blue-800': any;
40
+ readonly 'blue-850': any;
32
41
  readonly 'blue-900': any;
33
- readonly 'blue-1000': any;
42
+ readonly 'blue-950': any;
43
+ readonly 'gray-50': any;
34
44
  readonly 'gray-100': any;
45
+ readonly 'gray-150': any;
35
46
  readonly 'gray-200': any;
47
+ readonly 'gray-250': any;
36
48
  readonly 'gray-300': any;
49
+ readonly 'gray-350': any;
37
50
  readonly 'gray-400': any;
51
+ readonly 'gray-450': any;
38
52
  readonly 'gray-500': any;
53
+ readonly 'gray-550': any;
39
54
  readonly 'gray-600': any;
55
+ readonly 'gray-650': any;
40
56
  readonly 'gray-700': any;
57
+ readonly 'gray-750': any;
41
58
  readonly 'gray-800': any;
59
+ readonly 'gray-850': any;
42
60
  readonly 'gray-900': any;
61
+ readonly 'gray-950': any;
62
+ readonly 'green-50': any;
43
63
  readonly 'green-100': any;
64
+ readonly 'green-150': any;
44
65
  readonly 'green-200': any;
66
+ readonly 'green-250': any;
45
67
  readonly 'green-300': any;
68
+ readonly 'green-350': any;
46
69
  readonly 'green-400': any;
70
+ readonly 'green-450': any;
47
71
  readonly 'green-500': any;
72
+ readonly 'green-550': any;
48
73
  readonly 'green-600': any;
74
+ readonly 'green-650': any;
49
75
  readonly 'green-700': any;
76
+ readonly 'green-750': any;
50
77
  readonly 'green-800': any;
78
+ readonly 'green-850': any;
51
79
  readonly 'green-900': any;
52
- readonly 'indigo-100': any;
53
- readonly 'indigo-200': any;
54
- readonly 'indigo-300': any;
55
- readonly 'indigo-400': any;
56
- readonly 'indigo-500': any;
57
- readonly 'indigo-600': any;
58
- readonly 'indigo-700': any;
59
- readonly 'indigo-800': any;
60
- readonly 'indigo-900': any;
80
+ readonly 'green-950': any;
81
+ readonly 'red-50': any;
61
82
  readonly 'red-100': any;
83
+ readonly 'red-150': any;
62
84
  readonly 'red-200': any;
85
+ readonly 'red-250': any;
63
86
  readonly 'red-300': any;
87
+ readonly 'red-350': any;
64
88
  readonly 'red-400': any;
89
+ readonly 'red-450': any;
65
90
  readonly 'red-500': any;
91
+ readonly 'red-550': any;
66
92
  readonly 'red-600': any;
93
+ readonly 'red-650': any;
67
94
  readonly 'red-700': any;
95
+ readonly 'red-750': any;
68
96
  readonly 'red-800': any;
97
+ readonly 'red-850': any;
69
98
  readonly 'red-900': any;
99
+ readonly 'red-950': any;
70
100
  readonly transparent: any;
71
101
  readonly white: any;
102
+ readonly 'yellow-50': any;
72
103
  readonly 'yellow-100': any;
104
+ readonly 'yellow-150': any;
73
105
  readonly 'yellow-200': any;
106
+ readonly 'yellow-250': any;
74
107
  readonly 'yellow-300': any;
108
+ readonly 'yellow-350': any;
75
109
  readonly 'yellow-400': any;
110
+ readonly 'yellow-450': any;
76
111
  readonly 'yellow-500': any;
112
+ readonly 'yellow-550': any;
77
113
  readonly 'yellow-600': any;
114
+ readonly 'yellow-650': any;
78
115
  readonly 'yellow-700': any;
116
+ readonly 'yellow-750': any;
79
117
  readonly 'yellow-800': any;
118
+ readonly 'yellow-850': any;
80
119
  readonly 'yellow-900': any;
120
+ readonly 'yellow-950': any;
81
121
  "background-alpha-active"?: any;
82
122
  "background-alpha-hover"?: any;
83
123
  "background-danger-prominent"?: any;
@@ -98,27 +138,19 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mir
98
138
  "background-neutrals-inverted-subtle"?: any;
99
139
  "background-neutrals-page"?: any;
100
140
  "background-neutrals-page-subtle"?: any;
101
- "background-neutrals-scrolls"?: any;
102
- "background-neutrals-scrolls-expanded"?: any;
103
- "background-neutrals-scrolls-hover"?: any;
104
- "background-neutrals-scrolls-pressed"?: any;
105
- "background-neutrals-scrolls-pressed-hover"?: any;
141
+ "background-neutrals-scrollbar"?: any;
142
+ "background-neutrals-scrollbar-active"?: any;
143
+ "background-neutrals-scrollbar-hover"?: any;
106
144
  "background-neutrals-subtle"?: any;
107
145
  "background-neutrals-subtle-active"?: any;
108
146
  "background-neutrals-subtle-hover"?: any;
109
147
  "background-primary-prominent"?: any;
110
148
  "background-primary-prominent-active"?: any;
111
- "background-primary-prominent-expanded"?: any;
112
149
  "background-primary-prominent-hover"?: any;
113
- "background-primary-prominent-pressed"?: any;
114
- "background-primary-prominent-pressed-hover"?: any;
115
150
  "background-primary-prominent-selected"?: any;
116
151
  "background-primary-subtle"?: any;
117
152
  "background-primary-subtle-active"?: any;
118
- "background-primary-subtle-expanded"?: any;
119
153
  "background-primary-subtle-hover"?: any;
120
- "background-primary-subtle-pressed"?: any;
121
- "background-primary-subtle-pressed-hover"?: any;
122
154
  "background-primary-subtle-selected"?: any;
123
155
  "background-success"?: any;
124
156
  "background-success-prominent"?: any;
@@ -129,9 +161,15 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mir
129
161
  "border-danger"?: any;
130
162
  "border-danger-active"?: any;
131
163
  "border-danger-hover"?: any;
164
+ "border-focus-error-inner"?: any;
165
+ "border-focus-error-middle"?: any;
166
+ "border-focus-error-outer"?: any;
132
167
  "border-focus-inner"?: any;
133
168
  "border-focus-middle"?: any;
134
169
  "border-focus-outer"?: any;
170
+ "border-focus-success-inner"?: any;
171
+ "border-focus-success-middle"?: any;
172
+ "border-focus-success-outer"?: any;
135
173
  "border-neutrals"?: any;
136
174
  "border-neutrals-active"?: any;
137
175
  "border-neutrals-controls"?: any;
@@ -224,21 +262,23 @@ declare const StyledCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_mir
224
262
  readonly body: "Open Sans, sans-serif";
225
263
  };
226
264
  radii: {
227
- readonly none: 0;
228
- readonly half: "999em";
229
265
  readonly 25: "2px";
230
266
  readonly 50: "4px";
231
267
  readonly 75: "6px";
232
268
  readonly 100: "8px";
233
269
  readonly 200: "16px";
270
+ readonly half: "999px";
271
+ readonly none: "0px";
234
272
  };
235
273
  shadows: {
236
- 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";
237
- 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";
238
- 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";
239
- 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";
240
- 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";
241
- 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";
274
+ 50: any;
275
+ 100: any;
276
+ "focus-small": any;
277
+ "focus-small-outline": any;
278
+ "focus-large": any;
279
+ "focus-controls": any;
280
+ "focus-controls-error": any;
281
+ "focus-controls-success": any;
242
282
  };
243
283
  sizes: {
244
284
  readonly number: string;
@@ -544,63 +584,103 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
544
584
  };
545
585
  colors: {
546
586
  readonly black: any;
587
+ readonly 'blue-50': any;
547
588
  readonly 'blue-100': any;
589
+ readonly 'blue-150': any;
548
590
  readonly 'blue-200': any;
591
+ readonly 'blue-250': any;
549
592
  readonly 'blue-300': any;
593
+ readonly 'blue-350': any;
550
594
  readonly 'blue-400': any;
595
+ readonly 'blue-450': any;
551
596
  readonly 'blue-500': any;
597
+ readonly 'blue-550': any;
552
598
  readonly 'blue-600': any;
599
+ readonly 'blue-650': any;
553
600
  readonly 'blue-700': any;
601
+ readonly 'blue-750': any;
554
602
  readonly 'blue-800': any;
603
+ readonly 'blue-850': any;
555
604
  readonly 'blue-900': any;
556
- readonly 'blue-1000': any;
605
+ readonly 'blue-950': any;
606
+ readonly 'gray-50': any;
557
607
  readonly 'gray-100': any;
608
+ readonly 'gray-150': any;
558
609
  readonly 'gray-200': any;
610
+ readonly 'gray-250': any;
559
611
  readonly 'gray-300': any;
612
+ readonly 'gray-350': any;
560
613
  readonly 'gray-400': any;
614
+ readonly 'gray-450': any;
561
615
  readonly 'gray-500': any;
616
+ readonly 'gray-550': any;
562
617
  readonly 'gray-600': any;
618
+ readonly 'gray-650': any;
563
619
  readonly 'gray-700': any;
620
+ readonly 'gray-750': any;
564
621
  readonly 'gray-800': any;
622
+ readonly 'gray-850': any;
565
623
  readonly 'gray-900': any;
624
+ readonly 'gray-950': any;
625
+ readonly 'green-50': any;
566
626
  readonly 'green-100': any;
627
+ readonly 'green-150': any;
567
628
  readonly 'green-200': any;
629
+ readonly 'green-250': any;
568
630
  readonly 'green-300': any;
631
+ readonly 'green-350': any;
569
632
  readonly 'green-400': any;
633
+ readonly 'green-450': any;
570
634
  readonly 'green-500': any;
635
+ readonly 'green-550': any;
571
636
  readonly 'green-600': any;
637
+ readonly 'green-650': any;
572
638
  readonly 'green-700': any;
639
+ readonly 'green-750': any;
573
640
  readonly 'green-800': any;
641
+ readonly 'green-850': any;
574
642
  readonly 'green-900': any;
575
- readonly 'indigo-100': any;
576
- readonly 'indigo-200': any;
577
- readonly 'indigo-300': any;
578
- readonly 'indigo-400': any;
579
- readonly 'indigo-500': any;
580
- readonly 'indigo-600': any;
581
- readonly 'indigo-700': any;
582
- readonly 'indigo-800': any;
583
- readonly 'indigo-900': any;
643
+ readonly 'green-950': any;
644
+ readonly 'red-50': any;
584
645
  readonly 'red-100': any;
646
+ readonly 'red-150': any;
585
647
  readonly 'red-200': any;
648
+ readonly 'red-250': any;
586
649
  readonly 'red-300': any;
650
+ readonly 'red-350': any;
587
651
  readonly 'red-400': any;
652
+ readonly 'red-450': any;
588
653
  readonly 'red-500': any;
654
+ readonly 'red-550': any;
589
655
  readonly 'red-600': any;
656
+ readonly 'red-650': any;
590
657
  readonly 'red-700': any;
658
+ readonly 'red-750': any;
591
659
  readonly 'red-800': any;
660
+ readonly 'red-850': any;
592
661
  readonly 'red-900': any;
662
+ readonly 'red-950': any;
593
663
  readonly transparent: any;
594
664
  readonly white: any;
665
+ readonly 'yellow-50': any;
595
666
  readonly 'yellow-100': any;
667
+ readonly 'yellow-150': any;
596
668
  readonly 'yellow-200': any;
669
+ readonly 'yellow-250': any;
597
670
  readonly 'yellow-300': any;
671
+ readonly 'yellow-350': any;
598
672
  readonly 'yellow-400': any;
673
+ readonly 'yellow-450': any;
599
674
  readonly 'yellow-500': any;
675
+ readonly 'yellow-550': any;
600
676
  readonly 'yellow-600': any;
677
+ readonly 'yellow-650': any;
601
678
  readonly 'yellow-700': any;
679
+ readonly 'yellow-750': any;
602
680
  readonly 'yellow-800': any;
681
+ readonly 'yellow-850': any;
603
682
  readonly 'yellow-900': any;
683
+ readonly 'yellow-950': any;
604
684
  "background-alpha-active"?: any;
605
685
  "background-alpha-hover"?: any;
606
686
  "background-danger-prominent"?: any;
@@ -621,27 +701,19 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
621
701
  "background-neutrals-inverted-subtle"?: any;
622
702
  "background-neutrals-page"?: any;
623
703
  "background-neutrals-page-subtle"?: any;
624
- "background-neutrals-scrolls"?: any;
625
- "background-neutrals-scrolls-expanded"?: any;
626
- "background-neutrals-scrolls-hover"?: any;
627
- "background-neutrals-scrolls-pressed"?: any;
628
- "background-neutrals-scrolls-pressed-hover"?: any;
704
+ "background-neutrals-scrollbar"?: any;
705
+ "background-neutrals-scrollbar-active"?: any;
706
+ "background-neutrals-scrollbar-hover"?: any;
629
707
  "background-neutrals-subtle"?: any;
630
708
  "background-neutrals-subtle-active"?: any;
631
709
  "background-neutrals-subtle-hover"?: any;
632
710
  "background-primary-prominent"?: any;
633
711
  "background-primary-prominent-active"?: any;
634
- "background-primary-prominent-expanded"?: any;
635
712
  "background-primary-prominent-hover"?: any;
636
- "background-primary-prominent-pressed"?: any;
637
- "background-primary-prominent-pressed-hover"?: any;
638
713
  "background-primary-prominent-selected"?: any;
639
714
  "background-primary-subtle"?: any;
640
715
  "background-primary-subtle-active"?: any;
641
- "background-primary-subtle-expanded"?: any;
642
716
  "background-primary-subtle-hover"?: any;
643
- "background-primary-subtle-pressed"?: any;
644
- "background-primary-subtle-pressed-hover"?: any;
645
717
  "background-primary-subtle-selected"?: any;
646
718
  "background-success"?: any;
647
719
  "background-success-prominent"?: any;
@@ -652,9 +724,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
652
724
  "border-danger"?: any;
653
725
  "border-danger-active"?: any;
654
726
  "border-danger-hover"?: any;
727
+ "border-focus-error-inner"?: any;
728
+ "border-focus-error-middle"?: any;
729
+ "border-focus-error-outer"?: any;
655
730
  "border-focus-inner"?: any;
656
731
  "border-focus-middle"?: any;
657
732
  "border-focus-outer"?: any;
733
+ "border-focus-success-inner"?: any;
734
+ "border-focus-success-middle"?: any;
735
+ "border-focus-success-outer"?: any;
658
736
  "border-neutrals"?: any;
659
737
  "border-neutrals-active"?: any;
660
738
  "border-neutrals-controls"?: any;
@@ -747,21 +825,23 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
747
825
  readonly body: "Open Sans, sans-serif";
748
826
  };
749
827
  radii: {
750
- readonly none: 0;
751
- readonly half: "999em";
752
828
  readonly 25: "2px";
753
829
  readonly 50: "4px";
754
830
  readonly 75: "6px";
755
831
  readonly 100: "8px";
756
832
  readonly 200: "16px";
833
+ readonly half: "999px";
834
+ readonly none: "0px";
757
835
  };
758
836
  shadows: {
759
- 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";
760
- 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";
761
- 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";
762
- 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";
763
- 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";
764
- 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";
837
+ 50: any;
838
+ 100: any;
839
+ "focus-small": any;
840
+ "focus-small-outline": any;
841
+ "focus-large": any;
842
+ "focus-controls": any;
843
+ "focus-controls-error": any;
844
+ "focus-controls-success": any;
765
845
  };
766
846
  sizes: {
767
847
  readonly number: string;
@@ -1184,63 +1264,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1184
1264
  };
1185
1265
  colors: {
1186
1266
  readonly black: any;
1267
+ readonly 'blue-50': any;
1187
1268
  readonly 'blue-100': any;
1269
+ readonly 'blue-150': any;
1188
1270
  readonly 'blue-200': any;
1271
+ readonly 'blue-250': any;
1189
1272
  readonly 'blue-300': any;
1273
+ readonly 'blue-350': any;
1190
1274
  readonly 'blue-400': any;
1275
+ readonly 'blue-450': any;
1191
1276
  readonly 'blue-500': any;
1277
+ readonly 'blue-550': any;
1192
1278
  readonly 'blue-600': any;
1279
+ readonly 'blue-650': any;
1193
1280
  readonly 'blue-700': any;
1281
+ readonly 'blue-750': any;
1194
1282
  readonly 'blue-800': any;
1283
+ readonly 'blue-850': any;
1195
1284
  readonly 'blue-900': any;
1196
- readonly 'blue-1000': any;
1285
+ readonly 'blue-950': any;
1286
+ readonly 'gray-50': any;
1197
1287
  readonly 'gray-100': any;
1288
+ readonly 'gray-150': any;
1198
1289
  readonly 'gray-200': any;
1290
+ readonly 'gray-250': any;
1199
1291
  readonly 'gray-300': any;
1292
+ readonly 'gray-350': any;
1200
1293
  readonly 'gray-400': any;
1294
+ readonly 'gray-450': any;
1201
1295
  readonly 'gray-500': any;
1296
+ readonly 'gray-550': any;
1202
1297
  readonly 'gray-600': any;
1298
+ readonly 'gray-650': any;
1203
1299
  readonly 'gray-700': any;
1300
+ readonly 'gray-750': any;
1204
1301
  readonly 'gray-800': any;
1302
+ readonly 'gray-850': any;
1205
1303
  readonly 'gray-900': any;
1304
+ readonly 'gray-950': any;
1305
+ readonly 'green-50': any;
1206
1306
  readonly 'green-100': any;
1307
+ readonly 'green-150': any;
1207
1308
  readonly 'green-200': any;
1309
+ readonly 'green-250': any;
1208
1310
  readonly 'green-300': any;
1311
+ readonly 'green-350': any;
1209
1312
  readonly 'green-400': any;
1313
+ readonly 'green-450': any;
1210
1314
  readonly 'green-500': any;
1315
+ readonly 'green-550': any;
1211
1316
  readonly 'green-600': any;
1317
+ readonly 'green-650': any;
1212
1318
  readonly 'green-700': any;
1319
+ readonly 'green-750': any;
1213
1320
  readonly 'green-800': any;
1321
+ readonly 'green-850': any;
1214
1322
  readonly 'green-900': any;
1215
- readonly 'indigo-100': any;
1216
- readonly 'indigo-200': any;
1217
- readonly 'indigo-300': any;
1218
- readonly 'indigo-400': any;
1219
- readonly 'indigo-500': any;
1220
- readonly 'indigo-600': any;
1221
- readonly 'indigo-700': any;
1222
- readonly 'indigo-800': any;
1223
- readonly 'indigo-900': any;
1323
+ readonly 'green-950': any;
1324
+ readonly 'red-50': any;
1224
1325
  readonly 'red-100': any;
1326
+ readonly 'red-150': any;
1225
1327
  readonly 'red-200': any;
1328
+ readonly 'red-250': any;
1226
1329
  readonly 'red-300': any;
1330
+ readonly 'red-350': any;
1227
1331
  readonly 'red-400': any;
1332
+ readonly 'red-450': any;
1228
1333
  readonly 'red-500': any;
1334
+ readonly 'red-550': any;
1229
1335
  readonly 'red-600': any;
1336
+ readonly 'red-650': any;
1230
1337
  readonly 'red-700': any;
1338
+ readonly 'red-750': any;
1231
1339
  readonly 'red-800': any;
1340
+ readonly 'red-850': any;
1232
1341
  readonly 'red-900': any;
1342
+ readonly 'red-950': any;
1233
1343
  readonly transparent: any;
1234
1344
  readonly white: any;
1345
+ readonly 'yellow-50': any;
1235
1346
  readonly 'yellow-100': any;
1347
+ readonly 'yellow-150': any;
1236
1348
  readonly 'yellow-200': any;
1349
+ readonly 'yellow-250': any;
1237
1350
  readonly 'yellow-300': any;
1351
+ readonly 'yellow-350': any;
1238
1352
  readonly 'yellow-400': any;
1353
+ readonly 'yellow-450': any;
1239
1354
  readonly 'yellow-500': any;
1355
+ readonly 'yellow-550': any;
1240
1356
  readonly 'yellow-600': any;
1357
+ readonly 'yellow-650': any;
1241
1358
  readonly 'yellow-700': any;
1359
+ readonly 'yellow-750': any;
1242
1360
  readonly 'yellow-800': any;
1361
+ readonly 'yellow-850': any;
1243
1362
  readonly 'yellow-900': any;
1363
+ readonly 'yellow-950': any;
1244
1364
  "background-alpha-active"?: any;
1245
1365
  "background-alpha-hover"?: any;
1246
1366
  "background-danger-prominent"?: any;
@@ -1261,27 +1381,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1261
1381
  "background-neutrals-inverted-subtle"?: any;
1262
1382
  "background-neutrals-page"?: any;
1263
1383
  "background-neutrals-page-subtle"?: any;
1264
- "background-neutrals-scrolls"?: any;
1265
- "background-neutrals-scrolls-expanded"?: any;
1266
- "background-neutrals-scrolls-hover"?: any;
1267
- "background-neutrals-scrolls-pressed"?: any;
1268
- "background-neutrals-scrolls-pressed-hover"?: any;
1384
+ "background-neutrals-scrollbar"?: any;
1385
+ "background-neutrals-scrollbar-active"?: any;
1386
+ "background-neutrals-scrollbar-hover"?: any;
1269
1387
  "background-neutrals-subtle"?: any;
1270
1388
  "background-neutrals-subtle-active"?: any;
1271
1389
  "background-neutrals-subtle-hover"?: any;
1272
1390
  "background-primary-prominent"?: any;
1273
1391
  "background-primary-prominent-active"?: any;
1274
- "background-primary-prominent-expanded"?: any;
1275
1392
  "background-primary-prominent-hover"?: any;
1276
- "background-primary-prominent-pressed"?: any;
1277
- "background-primary-prominent-pressed-hover"?: any;
1278
1393
  "background-primary-prominent-selected"?: any;
1279
1394
  "background-primary-subtle"?: any;
1280
1395
  "background-primary-subtle-active"?: any;
1281
- "background-primary-subtle-expanded"?: any;
1282
1396
  "background-primary-subtle-hover"?: any;
1283
- "background-primary-subtle-pressed"?: any;
1284
- "background-primary-subtle-pressed-hover"?: any;
1285
1397
  "background-primary-subtle-selected"?: any;
1286
1398
  "background-success"?: any;
1287
1399
  "background-success-prominent"?: any;
@@ -1292,9 +1404,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1292
1404
  "border-danger"?: any;
1293
1405
  "border-danger-active"?: any;
1294
1406
  "border-danger-hover"?: any;
1407
+ "border-focus-error-inner"?: any;
1408
+ "border-focus-error-middle"?: any;
1409
+ "border-focus-error-outer"?: any;
1295
1410
  "border-focus-inner"?: any;
1296
1411
  "border-focus-middle"?: any;
1297
1412
  "border-focus-outer"?: any;
1413
+ "border-focus-success-inner"?: any;
1414
+ "border-focus-success-middle"?: any;
1415
+ "border-focus-success-outer"?: any;
1298
1416
  "border-neutrals"?: any;
1299
1417
  "border-neutrals-active"?: any;
1300
1418
  "border-neutrals-controls"?: any;
@@ -1387,21 +1505,23 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1387
1505
  readonly body: "Open Sans, sans-serif";
1388
1506
  };
1389
1507
  radii: {
1390
- readonly none: 0;
1391
- readonly half: "999em";
1392
1508
  readonly 25: "2px";
1393
1509
  readonly 50: "4px";
1394
1510
  readonly 75: "6px";
1395
1511
  readonly 100: "8px";
1396
1512
  readonly 200: "16px";
1513
+ readonly half: "999px";
1514
+ readonly none: "0px";
1397
1515
  };
1398
1516
  shadows: {
1399
- 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";
1400
- 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";
1401
- 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";
1402
- 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";
1403
- 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";
1404
- 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";
1517
+ 50: any;
1518
+ 100: any;
1519
+ "focus-small": any;
1520
+ "focus-small-outline": any;
1521
+ "focus-large": any;
1522
+ "focus-controls": any;
1523
+ "focus-controls-error": any;
1524
+ "focus-controls-success": any;
1405
1525
  };
1406
1526
  sizes: {
1407
1527
  readonly number: string;
@@ -1705,63 +1825,103 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1705
1825
  };
1706
1826
  colors: {
1707
1827
  readonly black: any;
1828
+ readonly 'blue-50': any;
1708
1829
  readonly 'blue-100': any;
1830
+ readonly 'blue-150': any;
1709
1831
  readonly 'blue-200': any;
1832
+ readonly 'blue-250': any;
1710
1833
  readonly 'blue-300': any;
1834
+ readonly 'blue-350': any;
1711
1835
  readonly 'blue-400': any;
1836
+ readonly 'blue-450': any;
1712
1837
  readonly 'blue-500': any;
1838
+ readonly 'blue-550': any;
1713
1839
  readonly 'blue-600': any;
1840
+ readonly 'blue-650': any;
1714
1841
  readonly 'blue-700': any;
1842
+ readonly 'blue-750': any;
1715
1843
  readonly 'blue-800': any;
1844
+ readonly 'blue-850': any;
1716
1845
  readonly 'blue-900': any;
1717
- readonly 'blue-1000': any;
1846
+ readonly 'blue-950': any;
1847
+ readonly 'gray-50': any;
1718
1848
  readonly 'gray-100': any;
1849
+ readonly 'gray-150': any;
1719
1850
  readonly 'gray-200': any;
1851
+ readonly 'gray-250': any;
1720
1852
  readonly 'gray-300': any;
1853
+ readonly 'gray-350': any;
1721
1854
  readonly 'gray-400': any;
1855
+ readonly 'gray-450': any;
1722
1856
  readonly 'gray-500': any;
1857
+ readonly 'gray-550': any;
1723
1858
  readonly 'gray-600': any;
1859
+ readonly 'gray-650': any;
1724
1860
  readonly 'gray-700': any;
1861
+ readonly 'gray-750': any;
1725
1862
  readonly 'gray-800': any;
1863
+ readonly 'gray-850': any;
1726
1864
  readonly 'gray-900': any;
1865
+ readonly 'gray-950': any;
1866
+ readonly 'green-50': any;
1727
1867
  readonly 'green-100': any;
1868
+ readonly 'green-150': any;
1728
1869
  readonly 'green-200': any;
1870
+ readonly 'green-250': any;
1729
1871
  readonly 'green-300': any;
1872
+ readonly 'green-350': any;
1730
1873
  readonly 'green-400': any;
1874
+ readonly 'green-450': any;
1731
1875
  readonly 'green-500': any;
1876
+ readonly 'green-550': any;
1732
1877
  readonly 'green-600': any;
1878
+ readonly 'green-650': any;
1733
1879
  readonly 'green-700': any;
1880
+ readonly 'green-750': any;
1734
1881
  readonly 'green-800': any;
1882
+ readonly 'green-850': any;
1735
1883
  readonly 'green-900': any;
1736
- readonly 'indigo-100': any;
1737
- readonly 'indigo-200': any;
1738
- readonly 'indigo-300': any;
1739
- readonly 'indigo-400': any;
1740
- readonly 'indigo-500': any;
1741
- readonly 'indigo-600': any;
1742
- readonly 'indigo-700': any;
1743
- readonly 'indigo-800': any;
1744
- readonly 'indigo-900': any;
1884
+ readonly 'green-950': any;
1885
+ readonly 'red-50': any;
1745
1886
  readonly 'red-100': any;
1887
+ readonly 'red-150': any;
1746
1888
  readonly 'red-200': any;
1889
+ readonly 'red-250': any;
1747
1890
  readonly 'red-300': any;
1891
+ readonly 'red-350': any;
1748
1892
  readonly 'red-400': any;
1893
+ readonly 'red-450': any;
1749
1894
  readonly 'red-500': any;
1895
+ readonly 'red-550': any;
1750
1896
  readonly 'red-600': any;
1897
+ readonly 'red-650': any;
1751
1898
  readonly 'red-700': any;
1899
+ readonly 'red-750': any;
1752
1900
  readonly 'red-800': any;
1901
+ readonly 'red-850': any;
1753
1902
  readonly 'red-900': any;
1903
+ readonly 'red-950': any;
1754
1904
  readonly transparent: any;
1755
1905
  readonly white: any;
1906
+ readonly 'yellow-50': any;
1756
1907
  readonly 'yellow-100': any;
1908
+ readonly 'yellow-150': any;
1757
1909
  readonly 'yellow-200': any;
1910
+ readonly 'yellow-250': any;
1758
1911
  readonly 'yellow-300': any;
1912
+ readonly 'yellow-350': any;
1759
1913
  readonly 'yellow-400': any;
1914
+ readonly 'yellow-450': any;
1760
1915
  readonly 'yellow-500': any;
1916
+ readonly 'yellow-550': any;
1761
1917
  readonly 'yellow-600': any;
1918
+ readonly 'yellow-650': any;
1762
1919
  readonly 'yellow-700': any;
1920
+ readonly 'yellow-750': any;
1763
1921
  readonly 'yellow-800': any;
1922
+ readonly 'yellow-850': any;
1764
1923
  readonly 'yellow-900': any;
1924
+ readonly 'yellow-950': any;
1765
1925
  "background-alpha-active"?: any;
1766
1926
  "background-alpha-hover"?: any;
1767
1927
  "background-danger-prominent"?: any;
@@ -1782,27 +1942,19 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1782
1942
  "background-neutrals-inverted-subtle"?: any;
1783
1943
  "background-neutrals-page"?: any;
1784
1944
  "background-neutrals-page-subtle"?: any;
1785
- "background-neutrals-scrolls"?: any;
1786
- "background-neutrals-scrolls-expanded"?: any;
1787
- "background-neutrals-scrolls-hover"?: any;
1788
- "background-neutrals-scrolls-pressed"?: any;
1789
- "background-neutrals-scrolls-pressed-hover"?: any;
1945
+ "background-neutrals-scrollbar"?: any;
1946
+ "background-neutrals-scrollbar-active"?: any;
1947
+ "background-neutrals-scrollbar-hover"?: any;
1790
1948
  "background-neutrals-subtle"?: any;
1791
1949
  "background-neutrals-subtle-active"?: any;
1792
1950
  "background-neutrals-subtle-hover"?: any;
1793
1951
  "background-primary-prominent"?: any;
1794
1952
  "background-primary-prominent-active"?: any;
1795
- "background-primary-prominent-expanded"?: any;
1796
1953
  "background-primary-prominent-hover"?: any;
1797
- "background-primary-prominent-pressed"?: any;
1798
- "background-primary-prominent-pressed-hover"?: any;
1799
1954
  "background-primary-prominent-selected"?: any;
1800
1955
  "background-primary-subtle"?: any;
1801
1956
  "background-primary-subtle-active"?: any;
1802
- "background-primary-subtle-expanded"?: any;
1803
1957
  "background-primary-subtle-hover"?: any;
1804
- "background-primary-subtle-pressed"?: any;
1805
- "background-primary-subtle-pressed-hover"?: any;
1806
1958
  "background-primary-subtle-selected"?: any;
1807
1959
  "background-success"?: any;
1808
1960
  "background-success-prominent"?: any;
@@ -1813,9 +1965,15 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1813
1965
  "border-danger"?: any;
1814
1966
  "border-danger-active"?: any;
1815
1967
  "border-danger-hover"?: any;
1968
+ "border-focus-error-inner"?: any;
1969
+ "border-focus-error-middle"?: any;
1970
+ "border-focus-error-outer"?: any;
1816
1971
  "border-focus-inner"?: any;
1817
1972
  "border-focus-middle"?: any;
1818
1973
  "border-focus-outer"?: any;
1974
+ "border-focus-success-inner"?: any;
1975
+ "border-focus-success-middle"?: any;
1976
+ "border-focus-success-outer"?: any;
1819
1977
  "border-neutrals"?: any;
1820
1978
  "border-neutrals-active"?: any;
1821
1979
  "border-neutrals-controls"?: any;
@@ -1908,21 +2066,23 @@ declare const StyledRadioGroup: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1908
2066
  readonly body: "Open Sans, sans-serif";
1909
2067
  };
1910
2068
  radii: {
1911
- readonly none: 0;
1912
- readonly half: "999em";
1913
2069
  readonly 25: "2px";
1914
2070
  readonly 50: "4px";
1915
2071
  readonly 75: "6px";
1916
2072
  readonly 100: "8px";
1917
2073
  readonly 200: "16px";
2074
+ readonly half: "999px";
2075
+ readonly none: "0px";
1918
2076
  };
1919
2077
  shadows: {
1920
- 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";
1921
- 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";
1922
- 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";
1923
- 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";
1924
- 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";
1925
- 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";
2078
+ 50: any;
2079
+ 100: any;
2080
+ "focus-small": any;
2081
+ "focus-small-outline": any;
2082
+ "focus-large": any;
2083
+ "focus-controls": any;
2084
+ "focus-controls-error": any;
2085
+ "focus-controls-success": any;
1926
2086
  };
1927
2087
  sizes: {
1928
2088
  readonly number: string;
@@ -2208,63 +2368,103 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2208
2368
  };
2209
2369
  colors: {
2210
2370
  readonly black: any;
2371
+ readonly 'blue-50': any;
2211
2372
  readonly 'blue-100': any;
2373
+ readonly 'blue-150': any;
2212
2374
  readonly 'blue-200': any;
2375
+ readonly 'blue-250': any;
2213
2376
  readonly 'blue-300': any;
2377
+ readonly 'blue-350': any;
2214
2378
  readonly 'blue-400': any;
2379
+ readonly 'blue-450': any;
2215
2380
  readonly 'blue-500': any;
2381
+ readonly 'blue-550': any;
2216
2382
  readonly 'blue-600': any;
2383
+ readonly 'blue-650': any;
2217
2384
  readonly 'blue-700': any;
2385
+ readonly 'blue-750': any;
2218
2386
  readonly 'blue-800': any;
2387
+ readonly 'blue-850': any;
2219
2388
  readonly 'blue-900': any;
2220
- readonly 'blue-1000': any;
2389
+ readonly 'blue-950': any;
2390
+ readonly 'gray-50': any;
2221
2391
  readonly 'gray-100': any;
2392
+ readonly 'gray-150': any;
2222
2393
  readonly 'gray-200': any;
2394
+ readonly 'gray-250': any;
2223
2395
  readonly 'gray-300': any;
2396
+ readonly 'gray-350': any;
2224
2397
  readonly 'gray-400': any;
2398
+ readonly 'gray-450': any;
2225
2399
  readonly 'gray-500': any;
2400
+ readonly 'gray-550': any;
2226
2401
  readonly 'gray-600': any;
2402
+ readonly 'gray-650': any;
2227
2403
  readonly 'gray-700': any;
2404
+ readonly 'gray-750': any;
2228
2405
  readonly 'gray-800': any;
2406
+ readonly 'gray-850': any;
2229
2407
  readonly 'gray-900': any;
2408
+ readonly 'gray-950': any;
2409
+ readonly 'green-50': any;
2230
2410
  readonly 'green-100': any;
2411
+ readonly 'green-150': any;
2231
2412
  readonly 'green-200': any;
2413
+ readonly 'green-250': any;
2232
2414
  readonly 'green-300': any;
2415
+ readonly 'green-350': any;
2233
2416
  readonly 'green-400': any;
2417
+ readonly 'green-450': any;
2234
2418
  readonly 'green-500': any;
2419
+ readonly 'green-550': any;
2235
2420
  readonly 'green-600': any;
2421
+ readonly 'green-650': any;
2236
2422
  readonly 'green-700': any;
2423
+ readonly 'green-750': any;
2237
2424
  readonly 'green-800': any;
2425
+ readonly 'green-850': any;
2238
2426
  readonly 'green-900': any;
2239
- readonly 'indigo-100': any;
2240
- readonly 'indigo-200': any;
2241
- readonly 'indigo-300': any;
2242
- readonly 'indigo-400': any;
2243
- readonly 'indigo-500': any;
2244
- readonly 'indigo-600': any;
2245
- readonly 'indigo-700': any;
2246
- readonly 'indigo-800': any;
2247
- readonly 'indigo-900': any;
2427
+ readonly 'green-950': any;
2428
+ readonly 'red-50': any;
2248
2429
  readonly 'red-100': any;
2430
+ readonly 'red-150': any;
2249
2431
  readonly 'red-200': any;
2432
+ readonly 'red-250': any;
2250
2433
  readonly 'red-300': any;
2434
+ readonly 'red-350': any;
2251
2435
  readonly 'red-400': any;
2436
+ readonly 'red-450': any;
2252
2437
  readonly 'red-500': any;
2438
+ readonly 'red-550': any;
2253
2439
  readonly 'red-600': any;
2440
+ readonly 'red-650': any;
2254
2441
  readonly 'red-700': any;
2442
+ readonly 'red-750': any;
2255
2443
  readonly 'red-800': any;
2444
+ readonly 'red-850': any;
2256
2445
  readonly 'red-900': any;
2446
+ readonly 'red-950': any;
2257
2447
  readonly transparent: any;
2258
2448
  readonly white: any;
2449
+ readonly 'yellow-50': any;
2259
2450
  readonly 'yellow-100': any;
2451
+ readonly 'yellow-150': any;
2260
2452
  readonly 'yellow-200': any;
2453
+ readonly 'yellow-250': any;
2261
2454
  readonly 'yellow-300': any;
2455
+ readonly 'yellow-350': any;
2262
2456
  readonly 'yellow-400': any;
2457
+ readonly 'yellow-450': any;
2263
2458
  readonly 'yellow-500': any;
2459
+ readonly 'yellow-550': any;
2264
2460
  readonly 'yellow-600': any;
2461
+ readonly 'yellow-650': any;
2265
2462
  readonly 'yellow-700': any;
2463
+ readonly 'yellow-750': any;
2266
2464
  readonly 'yellow-800': any;
2465
+ readonly 'yellow-850': any;
2267
2466
  readonly 'yellow-900': any;
2467
+ readonly 'yellow-950': any;
2268
2468
  "background-alpha-active"?: any;
2269
2469
  "background-alpha-hover"?: any;
2270
2470
  "background-danger-prominent"?: any;
@@ -2285,27 +2485,19 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2285
2485
  "background-neutrals-inverted-subtle"?: any;
2286
2486
  "background-neutrals-page"?: any;
2287
2487
  "background-neutrals-page-subtle"?: any;
2288
- "background-neutrals-scrolls"?: any;
2289
- "background-neutrals-scrolls-expanded"?: any;
2290
- "background-neutrals-scrolls-hover"?: any;
2291
- "background-neutrals-scrolls-pressed"?: any;
2292
- "background-neutrals-scrolls-pressed-hover"?: any;
2488
+ "background-neutrals-scrollbar"?: any;
2489
+ "background-neutrals-scrollbar-active"?: any;
2490
+ "background-neutrals-scrollbar-hover"?: any;
2293
2491
  "background-neutrals-subtle"?: any;
2294
2492
  "background-neutrals-subtle-active"?: any;
2295
2493
  "background-neutrals-subtle-hover"?: any;
2296
2494
  "background-primary-prominent"?: any;
2297
2495
  "background-primary-prominent-active"?: any;
2298
- "background-primary-prominent-expanded"?: any;
2299
2496
  "background-primary-prominent-hover"?: any;
2300
- "background-primary-prominent-pressed"?: any;
2301
- "background-primary-prominent-pressed-hover"?: any;
2302
2497
  "background-primary-prominent-selected"?: any;
2303
2498
  "background-primary-subtle"?: any;
2304
2499
  "background-primary-subtle-active"?: any;
2305
- "background-primary-subtle-expanded"?: any;
2306
2500
  "background-primary-subtle-hover"?: any;
2307
- "background-primary-subtle-pressed"?: any;
2308
- "background-primary-subtle-pressed-hover"?: any;
2309
2501
  "background-primary-subtle-selected"?: any;
2310
2502
  "background-success"?: any;
2311
2503
  "background-success-prominent"?: any;
@@ -2316,9 +2508,15 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2316
2508
  "border-danger"?: any;
2317
2509
  "border-danger-active"?: any;
2318
2510
  "border-danger-hover"?: any;
2511
+ "border-focus-error-inner"?: any;
2512
+ "border-focus-error-middle"?: any;
2513
+ "border-focus-error-outer"?: any;
2319
2514
  "border-focus-inner"?: any;
2320
2515
  "border-focus-middle"?: any;
2321
2516
  "border-focus-outer"?: any;
2517
+ "border-focus-success-inner"?: any;
2518
+ "border-focus-success-middle"?: any;
2519
+ "border-focus-success-outer"?: any;
2322
2520
  "border-neutrals"?: any;
2323
2521
  "border-neutrals-active"?: any;
2324
2522
  "border-neutrals-controls"?: any;
@@ -2411,21 +2609,23 @@ declare const StyledRadioItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2411
2609
  readonly body: "Open Sans, sans-serif";
2412
2610
  };
2413
2611
  radii: {
2414
- readonly none: 0;
2415
- readonly half: "999em";
2416
2612
  readonly 25: "2px";
2417
2613
  readonly 50: "4px";
2418
2614
  readonly 75: "6px";
2419
2615
  readonly 100: "8px";
2420
2616
  readonly 200: "16px";
2617
+ readonly half: "999px";
2618
+ readonly none: "0px";
2421
2619
  };
2422
2620
  shadows: {
2423
- 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";
2424
- 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";
2425
- 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";
2426
- 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";
2427
- 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";
2428
- 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";
2621
+ 50: any;
2622
+ 100: any;
2623
+ "focus-small": any;
2624
+ "focus-small-outline": any;
2625
+ "focus-large": any;
2626
+ "focus-controls": any;
2627
+ "focus-controls-error": any;
2628
+ "focus-controls-success": any;
2429
2629
  };
2430
2630
  sizes: {
2431
2631
  readonly number: string;
@@ -2728,63 +2928,103 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2728
2928
  };
2729
2929
  colors: {
2730
2930
  readonly black: any;
2931
+ readonly 'blue-50': any;
2731
2932
  readonly 'blue-100': any;
2933
+ readonly 'blue-150': any;
2732
2934
  readonly 'blue-200': any;
2935
+ readonly 'blue-250': any;
2733
2936
  readonly 'blue-300': any;
2937
+ readonly 'blue-350': any;
2734
2938
  readonly 'blue-400': any;
2939
+ readonly 'blue-450': any;
2735
2940
  readonly 'blue-500': any;
2941
+ readonly 'blue-550': any;
2736
2942
  readonly 'blue-600': any;
2943
+ readonly 'blue-650': any;
2737
2944
  readonly 'blue-700': any;
2945
+ readonly 'blue-750': any;
2738
2946
  readonly 'blue-800': any;
2947
+ readonly 'blue-850': any;
2739
2948
  readonly 'blue-900': any;
2740
- readonly 'blue-1000': any;
2949
+ readonly 'blue-950': any;
2950
+ readonly 'gray-50': any;
2741
2951
  readonly 'gray-100': any;
2952
+ readonly 'gray-150': any;
2742
2953
  readonly 'gray-200': any;
2954
+ readonly 'gray-250': any;
2743
2955
  readonly 'gray-300': any;
2956
+ readonly 'gray-350': any;
2744
2957
  readonly 'gray-400': any;
2958
+ readonly 'gray-450': any;
2745
2959
  readonly 'gray-500': any;
2960
+ readonly 'gray-550': any;
2746
2961
  readonly 'gray-600': any;
2962
+ readonly 'gray-650': any;
2747
2963
  readonly 'gray-700': any;
2964
+ readonly 'gray-750': any;
2748
2965
  readonly 'gray-800': any;
2966
+ readonly 'gray-850': any;
2749
2967
  readonly 'gray-900': any;
2968
+ readonly 'gray-950': any;
2969
+ readonly 'green-50': any;
2750
2970
  readonly 'green-100': any;
2971
+ readonly 'green-150': any;
2751
2972
  readonly 'green-200': any;
2973
+ readonly 'green-250': any;
2752
2974
  readonly 'green-300': any;
2975
+ readonly 'green-350': any;
2753
2976
  readonly 'green-400': any;
2977
+ readonly 'green-450': any;
2754
2978
  readonly 'green-500': any;
2979
+ readonly 'green-550': any;
2755
2980
  readonly 'green-600': any;
2981
+ readonly 'green-650': any;
2756
2982
  readonly 'green-700': any;
2983
+ readonly 'green-750': any;
2757
2984
  readonly 'green-800': any;
2985
+ readonly 'green-850': any;
2758
2986
  readonly 'green-900': any;
2759
- readonly 'indigo-100': any;
2760
- readonly 'indigo-200': any;
2761
- readonly 'indigo-300': any;
2762
- readonly 'indigo-400': any;
2763
- readonly 'indigo-500': any;
2764
- readonly 'indigo-600': any;
2765
- readonly 'indigo-700': any;
2766
- readonly 'indigo-800': any;
2767
- readonly 'indigo-900': any;
2987
+ readonly 'green-950': any;
2988
+ readonly 'red-50': any;
2768
2989
  readonly 'red-100': any;
2990
+ readonly 'red-150': any;
2769
2991
  readonly 'red-200': any;
2992
+ readonly 'red-250': any;
2770
2993
  readonly 'red-300': any;
2994
+ readonly 'red-350': any;
2771
2995
  readonly 'red-400': any;
2996
+ readonly 'red-450': any;
2772
2997
  readonly 'red-500': any;
2998
+ readonly 'red-550': any;
2773
2999
  readonly 'red-600': any;
3000
+ readonly 'red-650': any;
2774
3001
  readonly 'red-700': any;
3002
+ readonly 'red-750': any;
2775
3003
  readonly 'red-800': any;
3004
+ readonly 'red-850': any;
2776
3005
  readonly 'red-900': any;
3006
+ readonly 'red-950': any;
2777
3007
  readonly transparent: any;
2778
3008
  readonly white: any;
3009
+ readonly 'yellow-50': any;
2779
3010
  readonly 'yellow-100': any;
3011
+ readonly 'yellow-150': any;
2780
3012
  readonly 'yellow-200': any;
3013
+ readonly 'yellow-250': any;
2781
3014
  readonly 'yellow-300': any;
3015
+ readonly 'yellow-350': any;
2782
3016
  readonly 'yellow-400': any;
3017
+ readonly 'yellow-450': any;
2783
3018
  readonly 'yellow-500': any;
3019
+ readonly 'yellow-550': any;
2784
3020
  readonly 'yellow-600': any;
3021
+ readonly 'yellow-650': any;
2785
3022
  readonly 'yellow-700': any;
3023
+ readonly 'yellow-750': any;
2786
3024
  readonly 'yellow-800': any;
3025
+ readonly 'yellow-850': any;
2787
3026
  readonly 'yellow-900': any;
3027
+ readonly 'yellow-950': any;
2788
3028
  "background-alpha-active"?: any;
2789
3029
  "background-alpha-hover"?: any;
2790
3030
  "background-danger-prominent"?: any;
@@ -2805,27 +3045,19 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2805
3045
  "background-neutrals-inverted-subtle"?: any;
2806
3046
  "background-neutrals-page"?: any;
2807
3047
  "background-neutrals-page-subtle"?: any;
2808
- "background-neutrals-scrolls"?: any;
2809
- "background-neutrals-scrolls-expanded"?: any;
2810
- "background-neutrals-scrolls-hover"?: any;
2811
- "background-neutrals-scrolls-pressed"?: any;
2812
- "background-neutrals-scrolls-pressed-hover"?: any;
3048
+ "background-neutrals-scrollbar"?: any;
3049
+ "background-neutrals-scrollbar-active"?: any;
3050
+ "background-neutrals-scrollbar-hover"?: any;
2813
3051
  "background-neutrals-subtle"?: any;
2814
3052
  "background-neutrals-subtle-active"?: any;
2815
3053
  "background-neutrals-subtle-hover"?: any;
2816
3054
  "background-primary-prominent"?: any;
2817
3055
  "background-primary-prominent-active"?: any;
2818
- "background-primary-prominent-expanded"?: any;
2819
3056
  "background-primary-prominent-hover"?: any;
2820
- "background-primary-prominent-pressed"?: any;
2821
- "background-primary-prominent-pressed-hover"?: any;
2822
3057
  "background-primary-prominent-selected"?: any;
2823
3058
  "background-primary-subtle"?: any;
2824
3059
  "background-primary-subtle-active"?: any;
2825
- "background-primary-subtle-expanded"?: any;
2826
3060
  "background-primary-subtle-hover"?: any;
2827
- "background-primary-subtle-pressed"?: any;
2828
- "background-primary-subtle-pressed-hover"?: any;
2829
3061
  "background-primary-subtle-selected"?: any;
2830
3062
  "background-success"?: any;
2831
3063
  "background-success-prominent"?: any;
@@ -2836,9 +3068,15 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2836
3068
  "border-danger"?: any;
2837
3069
  "border-danger-active"?: any;
2838
3070
  "border-danger-hover"?: any;
3071
+ "border-focus-error-inner"?: any;
3072
+ "border-focus-error-middle"?: any;
3073
+ "border-focus-error-outer"?: any;
2839
3074
  "border-focus-inner"?: any;
2840
3075
  "border-focus-middle"?: any;
2841
3076
  "border-focus-outer"?: any;
3077
+ "border-focus-success-inner"?: any;
3078
+ "border-focus-success-middle"?: any;
3079
+ "border-focus-success-outer"?: any;
2842
3080
  "border-neutrals"?: any;
2843
3081
  "border-neutrals-active"?: any;
2844
3082
  "border-neutrals-controls"?: any;
@@ -2931,21 +3169,23 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
2931
3169
  readonly body: "Open Sans, sans-serif";
2932
3170
  };
2933
3171
  radii: {
2934
- readonly none: 0;
2935
- readonly half: "999em";
2936
3172
  readonly 25: "2px";
2937
3173
  readonly 50: "4px";
2938
3174
  readonly 75: "6px";
2939
3175
  readonly 100: "8px";
2940
3176
  readonly 200: "16px";
3177
+ readonly half: "999px";
3178
+ readonly none: "0px";
2941
3179
  };
2942
3180
  shadows: {
2943
- 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";
2944
- 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";
2945
- 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";
2946
- 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";
2947
- 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";
2948
- 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";
3181
+ 50: any;
3182
+ 100: any;
3183
+ "focus-small": any;
3184
+ "focus-small-outline": any;
3185
+ "focus-large": any;
3186
+ "focus-controls": any;
3187
+ "focus-controls-error": any;
3188
+ "focus-controls-success": any;
2949
3189
  };
2950
3190
  sizes: {
2951
3191
  readonly number: string;
@@ -3223,63 +3463,103 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_miroh
3223
3463
  };
3224
3464
  colors: {
3225
3465
  readonly black: any;
3466
+ readonly 'blue-50': any;
3226
3467
  readonly 'blue-100': any;
3468
+ readonly 'blue-150': any;
3227
3469
  readonly 'blue-200': any;
3470
+ readonly 'blue-250': any;
3228
3471
  readonly 'blue-300': any;
3472
+ readonly 'blue-350': any;
3229
3473
  readonly 'blue-400': any;
3474
+ readonly 'blue-450': any;
3230
3475
  readonly 'blue-500': any;
3476
+ readonly 'blue-550': any;
3231
3477
  readonly 'blue-600': any;
3478
+ readonly 'blue-650': any;
3232
3479
  readonly 'blue-700': any;
3480
+ readonly 'blue-750': any;
3233
3481
  readonly 'blue-800': any;
3482
+ readonly 'blue-850': any;
3234
3483
  readonly 'blue-900': any;
3235
- readonly 'blue-1000': any;
3484
+ readonly 'blue-950': any;
3485
+ readonly 'gray-50': any;
3236
3486
  readonly 'gray-100': any;
3487
+ readonly 'gray-150': any;
3237
3488
  readonly 'gray-200': any;
3489
+ readonly 'gray-250': any;
3238
3490
  readonly 'gray-300': any;
3491
+ readonly 'gray-350': any;
3239
3492
  readonly 'gray-400': any;
3493
+ readonly 'gray-450': any;
3240
3494
  readonly 'gray-500': any;
3495
+ readonly 'gray-550': any;
3241
3496
  readonly 'gray-600': any;
3497
+ readonly 'gray-650': any;
3242
3498
  readonly 'gray-700': any;
3499
+ readonly 'gray-750': any;
3243
3500
  readonly 'gray-800': any;
3501
+ readonly 'gray-850': any;
3244
3502
  readonly 'gray-900': any;
3503
+ readonly 'gray-950': any;
3504
+ readonly 'green-50': any;
3245
3505
  readonly 'green-100': any;
3506
+ readonly 'green-150': any;
3246
3507
  readonly 'green-200': any;
3508
+ readonly 'green-250': any;
3247
3509
  readonly 'green-300': any;
3510
+ readonly 'green-350': any;
3248
3511
  readonly 'green-400': any;
3512
+ readonly 'green-450': any;
3249
3513
  readonly 'green-500': any;
3514
+ readonly 'green-550': any;
3250
3515
  readonly 'green-600': any;
3516
+ readonly 'green-650': any;
3251
3517
  readonly 'green-700': any;
3518
+ readonly 'green-750': any;
3252
3519
  readonly 'green-800': any;
3520
+ readonly 'green-850': any;
3253
3521
  readonly 'green-900': any;
3254
- readonly 'indigo-100': any;
3255
- readonly 'indigo-200': any;
3256
- readonly 'indigo-300': any;
3257
- readonly 'indigo-400': any;
3258
- readonly 'indigo-500': any;
3259
- readonly 'indigo-600': any;
3260
- readonly 'indigo-700': any;
3261
- readonly 'indigo-800': any;
3262
- readonly 'indigo-900': any;
3522
+ readonly 'green-950': any;
3523
+ readonly 'red-50': any;
3263
3524
  readonly 'red-100': any;
3525
+ readonly 'red-150': any;
3264
3526
  readonly 'red-200': any;
3527
+ readonly 'red-250': any;
3265
3528
  readonly 'red-300': any;
3529
+ readonly 'red-350': any;
3266
3530
  readonly 'red-400': any;
3531
+ readonly 'red-450': any;
3267
3532
  readonly 'red-500': any;
3533
+ readonly 'red-550': any;
3268
3534
  readonly 'red-600': any;
3535
+ readonly 'red-650': any;
3269
3536
  readonly 'red-700': any;
3537
+ readonly 'red-750': any;
3270
3538
  readonly 'red-800': any;
3539
+ readonly 'red-850': any;
3271
3540
  readonly 'red-900': any;
3541
+ readonly 'red-950': any;
3272
3542
  readonly transparent: any;
3273
3543
  readonly white: any;
3544
+ readonly 'yellow-50': any;
3274
3545
  readonly 'yellow-100': any;
3546
+ readonly 'yellow-150': any;
3275
3547
  readonly 'yellow-200': any;
3548
+ readonly 'yellow-250': any;
3276
3549
  readonly 'yellow-300': any;
3550
+ readonly 'yellow-350': any;
3277
3551
  readonly 'yellow-400': any;
3552
+ readonly 'yellow-450': any;
3278
3553
  readonly 'yellow-500': any;
3554
+ readonly 'yellow-550': any;
3279
3555
  readonly 'yellow-600': any;
3556
+ readonly 'yellow-650': any;
3280
3557
  readonly 'yellow-700': any;
3558
+ readonly 'yellow-750': any;
3281
3559
  readonly 'yellow-800': any;
3560
+ readonly 'yellow-850': any;
3282
3561
  readonly 'yellow-900': any;
3562
+ readonly 'yellow-950': any;
3283
3563
  "background-alpha-active"?: any;
3284
3564
  "background-alpha-hover"?: any;
3285
3565
  "background-danger-prominent"?: any;
@@ -3300,27 +3580,19 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_miroh
3300
3580
  "background-neutrals-inverted-subtle"?: any;
3301
3581
  "background-neutrals-page"?: any;
3302
3582
  "background-neutrals-page-subtle"?: any;
3303
- "background-neutrals-scrolls"?: any;
3304
- "background-neutrals-scrolls-expanded"?: any;
3305
- "background-neutrals-scrolls-hover"?: any;
3306
- "background-neutrals-scrolls-pressed"?: any;
3307
- "background-neutrals-scrolls-pressed-hover"?: any;
3583
+ "background-neutrals-scrollbar"?: any;
3584
+ "background-neutrals-scrollbar-active"?: any;
3585
+ "background-neutrals-scrollbar-hover"?: any;
3308
3586
  "background-neutrals-subtle"?: any;
3309
3587
  "background-neutrals-subtle-active"?: any;
3310
3588
  "background-neutrals-subtle-hover"?: any;
3311
3589
  "background-primary-prominent"?: any;
3312
3590
  "background-primary-prominent-active"?: any;
3313
- "background-primary-prominent-expanded"?: any;
3314
3591
  "background-primary-prominent-hover"?: any;
3315
- "background-primary-prominent-pressed"?: any;
3316
- "background-primary-prominent-pressed-hover"?: any;
3317
3592
  "background-primary-prominent-selected"?: any;
3318
3593
  "background-primary-subtle"?: any;
3319
3594
  "background-primary-subtle-active"?: any;
3320
- "background-primary-subtle-expanded"?: any;
3321
3595
  "background-primary-subtle-hover"?: any;
3322
- "background-primary-subtle-pressed"?: any;
3323
- "background-primary-subtle-pressed-hover"?: any;
3324
3596
  "background-primary-subtle-selected"?: any;
3325
3597
  "background-success"?: any;
3326
3598
  "background-success-prominent"?: any;
@@ -3331,9 +3603,15 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_miroh
3331
3603
  "border-danger"?: any;
3332
3604
  "border-danger-active"?: any;
3333
3605
  "border-danger-hover"?: any;
3606
+ "border-focus-error-inner"?: any;
3607
+ "border-focus-error-middle"?: any;
3608
+ "border-focus-error-outer"?: any;
3334
3609
  "border-focus-inner"?: any;
3335
3610
  "border-focus-middle"?: any;
3336
3611
  "border-focus-outer"?: any;
3612
+ "border-focus-success-inner"?: any;
3613
+ "border-focus-success-middle"?: any;
3614
+ "border-focus-success-outer"?: any;
3337
3615
  "border-neutrals"?: any;
3338
3616
  "border-neutrals-active"?: any;
3339
3617
  "border-neutrals-controls"?: any;
@@ -3426,21 +3704,23 @@ declare const StyledSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<_miroh
3426
3704
  readonly body: "Open Sans, sans-serif";
3427
3705
  };
3428
3706
  radii: {
3429
- readonly none: 0;
3430
- readonly half: "999em";
3431
3707
  readonly 25: "2px";
3432
3708
  readonly 50: "4px";
3433
3709
  readonly 75: "6px";
3434
3710
  readonly 100: "8px";
3435
3711
  readonly 200: "16px";
3712
+ readonly half: "999px";
3713
+ readonly none: "0px";
3436
3714
  };
3437
3715
  shadows: {
3438
- 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";
3439
- 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";
3440
- 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";
3441
- 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";
3442
- 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";
3443
- 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";
3716
+ 50: any;
3717
+ 100: any;
3718
+ "focus-small": any;
3719
+ "focus-small-outline": any;
3720
+ "focus-large": any;
3721
+ "focus-controls": any;
3722
+ "focus-controls-error": any;
3723
+ "focus-controls-success": any;
3444
3724
  };
3445
3725
  sizes: {
3446
3726
  readonly number: string;
@@ -3746,63 +4026,103 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
3746
4026
  };
3747
4027
  colors: {
3748
4028
  readonly black: any;
4029
+ readonly 'blue-50': any;
3749
4030
  readonly 'blue-100': any;
4031
+ readonly 'blue-150': any;
3750
4032
  readonly 'blue-200': any;
4033
+ readonly 'blue-250': any;
3751
4034
  readonly 'blue-300': any;
4035
+ readonly 'blue-350': any;
3752
4036
  readonly 'blue-400': any;
4037
+ readonly 'blue-450': any;
3753
4038
  readonly 'blue-500': any;
4039
+ readonly 'blue-550': any;
3754
4040
  readonly 'blue-600': any;
4041
+ readonly 'blue-650': any;
3755
4042
  readonly 'blue-700': any;
4043
+ readonly 'blue-750': any;
3756
4044
  readonly 'blue-800': any;
4045
+ readonly 'blue-850': any;
3757
4046
  readonly 'blue-900': any;
3758
- readonly 'blue-1000': any;
4047
+ readonly 'blue-950': any;
4048
+ readonly 'gray-50': any;
3759
4049
  readonly 'gray-100': any;
4050
+ readonly 'gray-150': any;
3760
4051
  readonly 'gray-200': any;
4052
+ readonly 'gray-250': any;
3761
4053
  readonly 'gray-300': any;
4054
+ readonly 'gray-350': any;
3762
4055
  readonly 'gray-400': any;
4056
+ readonly 'gray-450': any;
3763
4057
  readonly 'gray-500': any;
4058
+ readonly 'gray-550': any;
3764
4059
  readonly 'gray-600': any;
4060
+ readonly 'gray-650': any;
3765
4061
  readonly 'gray-700': any;
4062
+ readonly 'gray-750': any;
3766
4063
  readonly 'gray-800': any;
4064
+ readonly 'gray-850': any;
3767
4065
  readonly 'gray-900': any;
4066
+ readonly 'gray-950': any;
4067
+ readonly 'green-50': any;
3768
4068
  readonly 'green-100': any;
4069
+ readonly 'green-150': any;
3769
4070
  readonly 'green-200': any;
4071
+ readonly 'green-250': any;
3770
4072
  readonly 'green-300': any;
4073
+ readonly 'green-350': any;
3771
4074
  readonly 'green-400': any;
4075
+ readonly 'green-450': any;
3772
4076
  readonly 'green-500': any;
4077
+ readonly 'green-550': any;
3773
4078
  readonly 'green-600': any;
4079
+ readonly 'green-650': any;
3774
4080
  readonly 'green-700': any;
4081
+ readonly 'green-750': any;
3775
4082
  readonly 'green-800': any;
4083
+ readonly 'green-850': any;
3776
4084
  readonly 'green-900': any;
3777
- readonly 'indigo-100': any;
3778
- readonly 'indigo-200': any;
3779
- readonly 'indigo-300': any;
3780
- readonly 'indigo-400': any;
3781
- readonly 'indigo-500': any;
3782
- readonly 'indigo-600': any;
3783
- readonly 'indigo-700': any;
3784
- readonly 'indigo-800': any;
3785
- readonly 'indigo-900': any;
4085
+ readonly 'green-950': any;
4086
+ readonly 'red-50': any;
3786
4087
  readonly 'red-100': any;
4088
+ readonly 'red-150': any;
3787
4089
  readonly 'red-200': any;
4090
+ readonly 'red-250': any;
3788
4091
  readonly 'red-300': any;
4092
+ readonly 'red-350': any;
3789
4093
  readonly 'red-400': any;
4094
+ readonly 'red-450': any;
3790
4095
  readonly 'red-500': any;
4096
+ readonly 'red-550': any;
3791
4097
  readonly 'red-600': any;
4098
+ readonly 'red-650': any;
3792
4099
  readonly 'red-700': any;
4100
+ readonly 'red-750': any;
3793
4101
  readonly 'red-800': any;
4102
+ readonly 'red-850': any;
3794
4103
  readonly 'red-900': any;
4104
+ readonly 'red-950': any;
3795
4105
  readonly transparent: any;
3796
4106
  readonly white: any;
4107
+ readonly 'yellow-50': any;
3797
4108
  readonly 'yellow-100': any;
4109
+ readonly 'yellow-150': any;
3798
4110
  readonly 'yellow-200': any;
4111
+ readonly 'yellow-250': any;
3799
4112
  readonly 'yellow-300': any;
4113
+ readonly 'yellow-350': any;
3800
4114
  readonly 'yellow-400': any;
4115
+ readonly 'yellow-450': any;
3801
4116
  readonly 'yellow-500': any;
4117
+ readonly 'yellow-550': any;
3802
4118
  readonly 'yellow-600': any;
4119
+ readonly 'yellow-650': any;
3803
4120
  readonly 'yellow-700': any;
4121
+ readonly 'yellow-750': any;
3804
4122
  readonly 'yellow-800': any;
4123
+ readonly 'yellow-850': any;
3805
4124
  readonly 'yellow-900': any;
4125
+ readonly 'yellow-950': any;
3806
4126
  "background-alpha-active"?: any;
3807
4127
  "background-alpha-hover"?: any;
3808
4128
  "background-danger-prominent"?: any;
@@ -3823,27 +4143,19 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
3823
4143
  "background-neutrals-inverted-subtle"?: any;
3824
4144
  "background-neutrals-page"?: any;
3825
4145
  "background-neutrals-page-subtle"?: any;
3826
- "background-neutrals-scrolls"?: any;
3827
- "background-neutrals-scrolls-expanded"?: any;
3828
- "background-neutrals-scrolls-hover"?: any;
3829
- "background-neutrals-scrolls-pressed"?: any;
3830
- "background-neutrals-scrolls-pressed-hover"?: any;
4146
+ "background-neutrals-scrollbar"?: any;
4147
+ "background-neutrals-scrollbar-active"?: any;
4148
+ "background-neutrals-scrollbar-hover"?: any;
3831
4149
  "background-neutrals-subtle"?: any;
3832
4150
  "background-neutrals-subtle-active"?: any;
3833
4151
  "background-neutrals-subtle-hover"?: any;
3834
4152
  "background-primary-prominent"?: any;
3835
4153
  "background-primary-prominent-active"?: any;
3836
- "background-primary-prominent-expanded"?: any;
3837
4154
  "background-primary-prominent-hover"?: any;
3838
- "background-primary-prominent-pressed"?: any;
3839
- "background-primary-prominent-pressed-hover"?: any;
3840
4155
  "background-primary-prominent-selected"?: any;
3841
4156
  "background-primary-subtle"?: any;
3842
4157
  "background-primary-subtle-active"?: any;
3843
- "background-primary-subtle-expanded"?: any;
3844
4158
  "background-primary-subtle-hover"?: any;
3845
- "background-primary-subtle-pressed"?: any;
3846
- "background-primary-subtle-pressed-hover"?: any;
3847
4159
  "background-primary-subtle-selected"?: any;
3848
4160
  "background-success"?: any;
3849
4161
  "background-success-prominent"?: any;
@@ -3854,9 +4166,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
3854
4166
  "border-danger"?: any;
3855
4167
  "border-danger-active"?: any;
3856
4168
  "border-danger-hover"?: any;
4169
+ "border-focus-error-inner"?: any;
4170
+ "border-focus-error-middle"?: any;
4171
+ "border-focus-error-outer"?: any;
3857
4172
  "border-focus-inner"?: any;
3858
4173
  "border-focus-middle"?: any;
3859
4174
  "border-focus-outer"?: any;
4175
+ "border-focus-success-inner"?: any;
4176
+ "border-focus-success-middle"?: any;
4177
+ "border-focus-success-outer"?: any;
3860
4178
  "border-neutrals"?: any;
3861
4179
  "border-neutrals-active"?: any;
3862
4180
  "border-neutrals-controls"?: any;
@@ -3949,21 +4267,23 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
3949
4267
  readonly body: "Open Sans, sans-serif";
3950
4268
  };
3951
4269
  radii: {
3952
- readonly none: 0;
3953
- readonly half: "999em";
3954
4270
  readonly 25: "2px";
3955
4271
  readonly 50: "4px";
3956
4272
  readonly 75: "6px";
3957
4273
  readonly 100: "8px";
3958
4274
  readonly 200: "16px";
4275
+ readonly half: "999px";
4276
+ readonly none: "0px";
3959
4277
  };
3960
4278
  shadows: {
3961
- 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";
3962
- 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";
3963
- 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";
3964
- 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";
3965
- 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";
3966
- 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";
4279
+ 50: any;
4280
+ 100: any;
4281
+ "focus-small": any;
4282
+ "focus-small-outline": any;
4283
+ "focus-large": any;
4284
+ "focus-controls": any;
4285
+ "focus-controls-error": any;
4286
+ "focus-controls-success": any;
3967
4287
  };
3968
4288
  sizes: {
3969
4289
  readonly number: string;
@@ -4245,63 +4565,103 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4245
4565
  };
4246
4566
  colors: {
4247
4567
  readonly black: any;
4568
+ readonly 'blue-50': any;
4248
4569
  readonly 'blue-100': any;
4570
+ readonly 'blue-150': any;
4249
4571
  readonly 'blue-200': any;
4572
+ readonly 'blue-250': any;
4250
4573
  readonly 'blue-300': any;
4574
+ readonly 'blue-350': any;
4251
4575
  readonly 'blue-400': any;
4576
+ readonly 'blue-450': any;
4252
4577
  readonly 'blue-500': any;
4578
+ readonly 'blue-550': any;
4253
4579
  readonly 'blue-600': any;
4580
+ readonly 'blue-650': any;
4254
4581
  readonly 'blue-700': any;
4582
+ readonly 'blue-750': any;
4255
4583
  readonly 'blue-800': any;
4584
+ readonly 'blue-850': any;
4256
4585
  readonly 'blue-900': any;
4257
- readonly 'blue-1000': any;
4586
+ readonly 'blue-950': any;
4587
+ readonly 'gray-50': any;
4258
4588
  readonly 'gray-100': any;
4589
+ readonly 'gray-150': any;
4259
4590
  readonly 'gray-200': any;
4591
+ readonly 'gray-250': any;
4260
4592
  readonly 'gray-300': any;
4593
+ readonly 'gray-350': any;
4261
4594
  readonly 'gray-400': any;
4595
+ readonly 'gray-450': any;
4262
4596
  readonly 'gray-500': any;
4597
+ readonly 'gray-550': any;
4263
4598
  readonly 'gray-600': any;
4599
+ readonly 'gray-650': any;
4264
4600
  readonly 'gray-700': any;
4601
+ readonly 'gray-750': any;
4265
4602
  readonly 'gray-800': any;
4603
+ readonly 'gray-850': any;
4266
4604
  readonly 'gray-900': any;
4605
+ readonly 'gray-950': any;
4606
+ readonly 'green-50': any;
4267
4607
  readonly 'green-100': any;
4608
+ readonly 'green-150': any;
4268
4609
  readonly 'green-200': any;
4610
+ readonly 'green-250': any;
4269
4611
  readonly 'green-300': any;
4612
+ readonly 'green-350': any;
4270
4613
  readonly 'green-400': any;
4614
+ readonly 'green-450': any;
4271
4615
  readonly 'green-500': any;
4616
+ readonly 'green-550': any;
4272
4617
  readonly 'green-600': any;
4618
+ readonly 'green-650': any;
4273
4619
  readonly 'green-700': any;
4620
+ readonly 'green-750': any;
4274
4621
  readonly 'green-800': any;
4622
+ readonly 'green-850': any;
4275
4623
  readonly 'green-900': any;
4276
- readonly 'indigo-100': any;
4277
- readonly 'indigo-200': any;
4278
- readonly 'indigo-300': any;
4279
- readonly 'indigo-400': any;
4280
- readonly 'indigo-500': any;
4281
- readonly 'indigo-600': any;
4282
- readonly 'indigo-700': any;
4283
- readonly 'indigo-800': any;
4284
- readonly 'indigo-900': any;
4624
+ readonly 'green-950': any;
4625
+ readonly 'red-50': any;
4285
4626
  readonly 'red-100': any;
4627
+ readonly 'red-150': any;
4286
4628
  readonly 'red-200': any;
4629
+ readonly 'red-250': any;
4287
4630
  readonly 'red-300': any;
4631
+ readonly 'red-350': any;
4288
4632
  readonly 'red-400': any;
4633
+ readonly 'red-450': any;
4289
4634
  readonly 'red-500': any;
4635
+ readonly 'red-550': any;
4290
4636
  readonly 'red-600': any;
4637
+ readonly 'red-650': any;
4291
4638
  readonly 'red-700': any;
4639
+ readonly 'red-750': any;
4292
4640
  readonly 'red-800': any;
4641
+ readonly 'red-850': any;
4293
4642
  readonly 'red-900': any;
4643
+ readonly 'red-950': any;
4294
4644
  readonly transparent: any;
4295
4645
  readonly white: any;
4646
+ readonly 'yellow-50': any;
4296
4647
  readonly 'yellow-100': any;
4648
+ readonly 'yellow-150': any;
4297
4649
  readonly 'yellow-200': any;
4650
+ readonly 'yellow-250': any;
4298
4651
  readonly 'yellow-300': any;
4652
+ readonly 'yellow-350': any;
4299
4653
  readonly 'yellow-400': any;
4654
+ readonly 'yellow-450': any;
4300
4655
  readonly 'yellow-500': any;
4656
+ readonly 'yellow-550': any;
4301
4657
  readonly 'yellow-600': any;
4658
+ readonly 'yellow-650': any;
4302
4659
  readonly 'yellow-700': any;
4660
+ readonly 'yellow-750': any;
4303
4661
  readonly 'yellow-800': any;
4662
+ readonly 'yellow-850': any;
4304
4663
  readonly 'yellow-900': any;
4664
+ readonly 'yellow-950': any;
4305
4665
  "background-alpha-active"?: any;
4306
4666
  "background-alpha-hover"?: any;
4307
4667
  "background-danger-prominent"?: any;
@@ -4322,27 +4682,19 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4322
4682
  "background-neutrals-inverted-subtle"?: any;
4323
4683
  "background-neutrals-page"?: any;
4324
4684
  "background-neutrals-page-subtle"?: any;
4325
- "background-neutrals-scrolls"?: any;
4326
- "background-neutrals-scrolls-expanded"?: any;
4327
- "background-neutrals-scrolls-hover"?: any;
4328
- "background-neutrals-scrolls-pressed"?: any;
4329
- "background-neutrals-scrolls-pressed-hover"?: any;
4685
+ "background-neutrals-scrollbar"?: any;
4686
+ "background-neutrals-scrollbar-active"?: any;
4687
+ "background-neutrals-scrollbar-hover"?: any;
4330
4688
  "background-neutrals-subtle"?: any;
4331
4689
  "background-neutrals-subtle-active"?: any;
4332
4690
  "background-neutrals-subtle-hover"?: any;
4333
4691
  "background-primary-prominent"?: any;
4334
4692
  "background-primary-prominent-active"?: any;
4335
- "background-primary-prominent-expanded"?: any;
4336
4693
  "background-primary-prominent-hover"?: any;
4337
- "background-primary-prominent-pressed"?: any;
4338
- "background-primary-prominent-pressed-hover"?: any;
4339
4694
  "background-primary-prominent-selected"?: any;
4340
4695
  "background-primary-subtle"?: any;
4341
4696
  "background-primary-subtle-active"?: any;
4342
- "background-primary-subtle-expanded"?: any;
4343
4697
  "background-primary-subtle-hover"?: any;
4344
- "background-primary-subtle-pressed"?: any;
4345
- "background-primary-subtle-pressed-hover"?: any;
4346
4698
  "background-primary-subtle-selected"?: any;
4347
4699
  "background-success"?: any;
4348
4700
  "background-success-prominent"?: any;
@@ -4353,9 +4705,15 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4353
4705
  "border-danger"?: any;
4354
4706
  "border-danger-active"?: any;
4355
4707
  "border-danger-hover"?: any;
4708
+ "border-focus-error-inner"?: any;
4709
+ "border-focus-error-middle"?: any;
4710
+ "border-focus-error-outer"?: any;
4356
4711
  "border-focus-inner"?: any;
4357
4712
  "border-focus-middle"?: any;
4358
4713
  "border-focus-outer"?: any;
4714
+ "border-focus-success-inner"?: any;
4715
+ "border-focus-success-middle"?: any;
4716
+ "border-focus-success-outer"?: any;
4359
4717
  "border-neutrals"?: any;
4360
4718
  "border-neutrals-active"?: any;
4361
4719
  "border-neutrals-controls"?: any;
@@ -4448,21 +4806,23 @@ declare const StyledSubTrigger: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4448
4806
  readonly body: "Open Sans, sans-serif";
4449
4807
  };
4450
4808
  radii: {
4451
- readonly none: 0;
4452
- readonly half: "999em";
4453
4809
  readonly 25: "2px";
4454
4810
  readonly 50: "4px";
4455
4811
  readonly 75: "6px";
4456
4812
  readonly 100: "8px";
4457
4813
  readonly 200: "16px";
4814
+ readonly half: "999px";
4815
+ readonly none: "0px";
4458
4816
  };
4459
4817
  shadows: {
4460
- 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";
4461
- 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";
4462
- 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";
4463
- 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";
4464
- 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";
4465
- 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";
4818
+ 50: any;
4819
+ 100: any;
4820
+ "focus-small": any;
4821
+ "focus-small-outline": any;
4822
+ "focus-large": any;
4823
+ "focus-controls": any;
4824
+ "focus-controls-error": any;
4825
+ "focus-controls-success": any;
4466
4826
  };
4467
4827
  sizes: {
4468
4828
  readonly number: string;
@@ -4751,63 +5111,103 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4751
5111
  };
4752
5112
  colors: {
4753
5113
  readonly black: any;
5114
+ readonly 'blue-50': any;
4754
5115
  readonly 'blue-100': any;
5116
+ readonly 'blue-150': any;
4755
5117
  readonly 'blue-200': any;
5118
+ readonly 'blue-250': any;
4756
5119
  readonly 'blue-300': any;
5120
+ readonly 'blue-350': any;
4757
5121
  readonly 'blue-400': any;
5122
+ readonly 'blue-450': any;
4758
5123
  readonly 'blue-500': any;
5124
+ readonly 'blue-550': any;
4759
5125
  readonly 'blue-600': any;
5126
+ readonly 'blue-650': any;
4760
5127
  readonly 'blue-700': any;
5128
+ readonly 'blue-750': any;
4761
5129
  readonly 'blue-800': any;
5130
+ readonly 'blue-850': any;
4762
5131
  readonly 'blue-900': any;
4763
- readonly 'blue-1000': any;
5132
+ readonly 'blue-950': any;
5133
+ readonly 'gray-50': any;
4764
5134
  readonly 'gray-100': any;
5135
+ readonly 'gray-150': any;
4765
5136
  readonly 'gray-200': any;
5137
+ readonly 'gray-250': any;
4766
5138
  readonly 'gray-300': any;
5139
+ readonly 'gray-350': any;
4767
5140
  readonly 'gray-400': any;
5141
+ readonly 'gray-450': any;
4768
5142
  readonly 'gray-500': any;
5143
+ readonly 'gray-550': any;
4769
5144
  readonly 'gray-600': any;
5145
+ readonly 'gray-650': any;
4770
5146
  readonly 'gray-700': any;
5147
+ readonly 'gray-750': any;
4771
5148
  readonly 'gray-800': any;
5149
+ readonly 'gray-850': any;
4772
5150
  readonly 'gray-900': any;
5151
+ readonly 'gray-950': any;
5152
+ readonly 'green-50': any;
4773
5153
  readonly 'green-100': any;
5154
+ readonly 'green-150': any;
4774
5155
  readonly 'green-200': any;
5156
+ readonly 'green-250': any;
4775
5157
  readonly 'green-300': any;
5158
+ readonly 'green-350': any;
4776
5159
  readonly 'green-400': any;
5160
+ readonly 'green-450': any;
4777
5161
  readonly 'green-500': any;
5162
+ readonly 'green-550': any;
4778
5163
  readonly 'green-600': any;
5164
+ readonly 'green-650': any;
4779
5165
  readonly 'green-700': any;
5166
+ readonly 'green-750': any;
4780
5167
  readonly 'green-800': any;
5168
+ readonly 'green-850': any;
4781
5169
  readonly 'green-900': any;
4782
- readonly 'indigo-100': any;
4783
- readonly 'indigo-200': any;
4784
- readonly 'indigo-300': any;
4785
- readonly 'indigo-400': any;
4786
- readonly 'indigo-500': any;
4787
- readonly 'indigo-600': any;
4788
- readonly 'indigo-700': any;
4789
- readonly 'indigo-800': any;
4790
- readonly 'indigo-900': any;
5170
+ readonly 'green-950': any;
5171
+ readonly 'red-50': any;
4791
5172
  readonly 'red-100': any;
5173
+ readonly 'red-150': any;
4792
5174
  readonly 'red-200': any;
5175
+ readonly 'red-250': any;
4793
5176
  readonly 'red-300': any;
5177
+ readonly 'red-350': any;
4794
5178
  readonly 'red-400': any;
5179
+ readonly 'red-450': any;
4795
5180
  readonly 'red-500': any;
5181
+ readonly 'red-550': any;
4796
5182
  readonly 'red-600': any;
5183
+ readonly 'red-650': any;
4797
5184
  readonly 'red-700': any;
5185
+ readonly 'red-750': any;
4798
5186
  readonly 'red-800': any;
5187
+ readonly 'red-850': any;
4799
5188
  readonly 'red-900': any;
5189
+ readonly 'red-950': any;
4800
5190
  readonly transparent: any;
4801
5191
  readonly white: any;
5192
+ readonly 'yellow-50': any;
4802
5193
  readonly 'yellow-100': any;
5194
+ readonly 'yellow-150': any;
4803
5195
  readonly 'yellow-200': any;
5196
+ readonly 'yellow-250': any;
4804
5197
  readonly 'yellow-300': any;
5198
+ readonly 'yellow-350': any;
4805
5199
  readonly 'yellow-400': any;
5200
+ readonly 'yellow-450': any;
4806
5201
  readonly 'yellow-500': any;
5202
+ readonly 'yellow-550': any;
4807
5203
  readonly 'yellow-600': any;
5204
+ readonly 'yellow-650': any;
4808
5205
  readonly 'yellow-700': any;
5206
+ readonly 'yellow-750': any;
4809
5207
  readonly 'yellow-800': any;
5208
+ readonly 'yellow-850': any;
4810
5209
  readonly 'yellow-900': any;
5210
+ readonly 'yellow-950': any;
4811
5211
  "background-alpha-active"?: any;
4812
5212
  "background-alpha-hover"?: any;
4813
5213
  "background-danger-prominent"?: any;
@@ -4828,27 +5228,19 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4828
5228
  "background-neutrals-inverted-subtle"?: any;
4829
5229
  "background-neutrals-page"?: any;
4830
5230
  "background-neutrals-page-subtle"?: any;
4831
- "background-neutrals-scrolls"?: any;
4832
- "background-neutrals-scrolls-expanded"?: any;
4833
- "background-neutrals-scrolls-hover"?: any;
4834
- "background-neutrals-scrolls-pressed"?: any;
4835
- "background-neutrals-scrolls-pressed-hover"?: any;
5231
+ "background-neutrals-scrollbar"?: any;
5232
+ "background-neutrals-scrollbar-active"?: any;
5233
+ "background-neutrals-scrollbar-hover"?: any;
4836
5234
  "background-neutrals-subtle"?: any;
4837
5235
  "background-neutrals-subtle-active"?: any;
4838
5236
  "background-neutrals-subtle-hover"?: any;
4839
5237
  "background-primary-prominent"?: any;
4840
5238
  "background-primary-prominent-active"?: any;
4841
- "background-primary-prominent-expanded"?: any;
4842
5239
  "background-primary-prominent-hover"?: any;
4843
- "background-primary-prominent-pressed"?: any;
4844
- "background-primary-prominent-pressed-hover"?: any;
4845
5240
  "background-primary-prominent-selected"?: any;
4846
5241
  "background-primary-subtle"?: any;
4847
5242
  "background-primary-subtle-active"?: any;
4848
- "background-primary-subtle-expanded"?: any;
4849
5243
  "background-primary-subtle-hover"?: any;
4850
- "background-primary-subtle-pressed"?: any;
4851
- "background-primary-subtle-pressed-hover"?: any;
4852
5244
  "background-primary-subtle-selected"?: any;
4853
5245
  "background-success"?: any;
4854
5246
  "background-success-prominent"?: any;
@@ -4859,9 +5251,15 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4859
5251
  "border-danger"?: any;
4860
5252
  "border-danger-active"?: any;
4861
5253
  "border-danger-hover"?: any;
5254
+ "border-focus-error-inner"?: any;
5255
+ "border-focus-error-middle"?: any;
5256
+ "border-focus-error-outer"?: any;
4862
5257
  "border-focus-inner"?: any;
4863
5258
  "border-focus-middle"?: any;
4864
5259
  "border-focus-outer"?: any;
5260
+ "border-focus-success-inner"?: any;
5261
+ "border-focus-success-middle"?: any;
5262
+ "border-focus-success-outer"?: any;
4865
5263
  "border-neutrals"?: any;
4866
5264
  "border-neutrals-active"?: any;
4867
5265
  "border-neutrals-controls"?: any;
@@ -4954,21 +5352,23 @@ declare const StyledSubContent: react.ForwardRefExoticComponent<Omit<Omit<_miroh
4954
5352
  readonly body: "Open Sans, sans-serif";
4955
5353
  };
4956
5354
  radii: {
4957
- readonly none: 0;
4958
- readonly half: "999em";
4959
5355
  readonly 25: "2px";
4960
5356
  readonly 50: "4px";
4961
5357
  readonly 75: "6px";
4962
5358
  readonly 100: "8px";
4963
5359
  readonly 200: "16px";
5360
+ readonly half: "999px";
5361
+ readonly none: "0px";
4964
5362
  };
4965
5363
  shadows: {
4966
- 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";
4967
- 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";
4968
- 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";
4969
- 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";
4970
- 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";
4971
- 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";
5364
+ 50: any;
5365
+ 100: any;
5366
+ "focus-small": any;
5367
+ "focus-small-outline": any;
5368
+ "focus-large": any;
5369
+ "focus-controls": any;
5370
+ "focus-controls-error": any;
5371
+ "focus-controls-success": any;
4972
5372
  };
4973
5373
  sizes: {
4974
5374
  readonly number: string;
@@ -5337,63 +5737,103 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<_mirohq_design_sys
5337
5737
  };
5338
5738
  colors: {
5339
5739
  readonly black: any;
5740
+ readonly 'blue-50': any;
5340
5741
  readonly 'blue-100': any;
5742
+ readonly 'blue-150': any;
5341
5743
  readonly 'blue-200': any;
5744
+ readonly 'blue-250': any;
5342
5745
  readonly 'blue-300': any;
5746
+ readonly 'blue-350': any;
5343
5747
  readonly 'blue-400': any;
5748
+ readonly 'blue-450': any;
5344
5749
  readonly 'blue-500': any;
5750
+ readonly 'blue-550': any;
5345
5751
  readonly 'blue-600': any;
5752
+ readonly 'blue-650': any;
5346
5753
  readonly 'blue-700': any;
5754
+ readonly 'blue-750': any;
5347
5755
  readonly 'blue-800': any;
5756
+ readonly 'blue-850': any;
5348
5757
  readonly 'blue-900': any;
5349
- readonly 'blue-1000': any;
5758
+ readonly 'blue-950': any;
5759
+ readonly 'gray-50': any;
5350
5760
  readonly 'gray-100': any;
5761
+ readonly 'gray-150': any;
5351
5762
  readonly 'gray-200': any;
5763
+ readonly 'gray-250': any;
5352
5764
  readonly 'gray-300': any;
5765
+ readonly 'gray-350': any;
5353
5766
  readonly 'gray-400': any;
5767
+ readonly 'gray-450': any;
5354
5768
  readonly 'gray-500': any;
5769
+ readonly 'gray-550': any;
5355
5770
  readonly 'gray-600': any;
5771
+ readonly 'gray-650': any;
5356
5772
  readonly 'gray-700': any;
5773
+ readonly 'gray-750': any;
5357
5774
  readonly 'gray-800': any;
5775
+ readonly 'gray-850': any;
5358
5776
  readonly 'gray-900': any;
5777
+ readonly 'gray-950': any;
5778
+ readonly 'green-50': any;
5359
5779
  readonly 'green-100': any;
5780
+ readonly 'green-150': any;
5360
5781
  readonly 'green-200': any;
5782
+ readonly 'green-250': any;
5361
5783
  readonly 'green-300': any;
5784
+ readonly 'green-350': any;
5362
5785
  readonly 'green-400': any;
5786
+ readonly 'green-450': any;
5363
5787
  readonly 'green-500': any;
5788
+ readonly 'green-550': any;
5364
5789
  readonly 'green-600': any;
5790
+ readonly 'green-650': any;
5365
5791
  readonly 'green-700': any;
5792
+ readonly 'green-750': any;
5366
5793
  readonly 'green-800': any;
5794
+ readonly 'green-850': any;
5367
5795
  readonly 'green-900': any;
5368
- readonly 'indigo-100': any;
5369
- readonly 'indigo-200': any;
5370
- readonly 'indigo-300': any;
5371
- readonly 'indigo-400': any;
5372
- readonly 'indigo-500': any;
5373
- readonly 'indigo-600': any;
5374
- readonly 'indigo-700': any;
5375
- readonly 'indigo-800': any;
5376
- readonly 'indigo-900': any;
5796
+ readonly 'green-950': any;
5797
+ readonly 'red-50': any;
5377
5798
  readonly 'red-100': any;
5799
+ readonly 'red-150': any;
5378
5800
  readonly 'red-200': any;
5801
+ readonly 'red-250': any;
5379
5802
  readonly 'red-300': any;
5803
+ readonly 'red-350': any;
5380
5804
  readonly 'red-400': any;
5805
+ readonly 'red-450': any;
5381
5806
  readonly 'red-500': any;
5807
+ readonly 'red-550': any;
5382
5808
  readonly 'red-600': any;
5809
+ readonly 'red-650': any;
5383
5810
  readonly 'red-700': any;
5811
+ readonly 'red-750': any;
5384
5812
  readonly 'red-800': any;
5813
+ readonly 'red-850': any;
5385
5814
  readonly 'red-900': any;
5815
+ readonly 'red-950': any;
5386
5816
  readonly transparent: any;
5387
5817
  readonly white: any;
5818
+ readonly 'yellow-50': any;
5388
5819
  readonly 'yellow-100': any;
5820
+ readonly 'yellow-150': any;
5389
5821
  readonly 'yellow-200': any;
5822
+ readonly 'yellow-250': any;
5390
5823
  readonly 'yellow-300': any;
5824
+ readonly 'yellow-350': any;
5391
5825
  readonly 'yellow-400': any;
5826
+ readonly 'yellow-450': any;
5392
5827
  readonly 'yellow-500': any;
5828
+ readonly 'yellow-550': any;
5393
5829
  readonly 'yellow-600': any;
5830
+ readonly 'yellow-650': any;
5394
5831
  readonly 'yellow-700': any;
5832
+ readonly 'yellow-750': any;
5395
5833
  readonly 'yellow-800': any;
5834
+ readonly 'yellow-850': any;
5396
5835
  readonly 'yellow-900': any;
5836
+ readonly 'yellow-950': any;
5397
5837
  "background-alpha-active"?: any;
5398
5838
  "background-alpha-hover"?: any;
5399
5839
  "background-danger-prominent"?: any;
@@ -5414,27 +5854,19 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<_mirohq_design_sys
5414
5854
  "background-neutrals-inverted-subtle"?: any;
5415
5855
  "background-neutrals-page"?: any;
5416
5856
  "background-neutrals-page-subtle"?: any;
5417
- "background-neutrals-scrolls"?: any;
5418
- "background-neutrals-scrolls-expanded"?: any;
5419
- "background-neutrals-scrolls-hover"?: any;
5420
- "background-neutrals-scrolls-pressed"?: any;
5421
- "background-neutrals-scrolls-pressed-hover"?: any;
5857
+ "background-neutrals-scrollbar"?: any;
5858
+ "background-neutrals-scrollbar-active"?: any;
5859
+ "background-neutrals-scrollbar-hover"?: any;
5422
5860
  "background-neutrals-subtle"?: any;
5423
5861
  "background-neutrals-subtle-active"?: any;
5424
5862
  "background-neutrals-subtle-hover"?: any;
5425
5863
  "background-primary-prominent"?: any;
5426
5864
  "background-primary-prominent-active"?: any;
5427
- "background-primary-prominent-expanded"?: any;
5428
5865
  "background-primary-prominent-hover"?: any;
5429
- "background-primary-prominent-pressed"?: any;
5430
- "background-primary-prominent-pressed-hover"?: any;
5431
5866
  "background-primary-prominent-selected"?: any;
5432
5867
  "background-primary-subtle"?: any;
5433
5868
  "background-primary-subtle-active"?: any;
5434
- "background-primary-subtle-expanded"?: any;
5435
5869
  "background-primary-subtle-hover"?: any;
5436
- "background-primary-subtle-pressed"?: any;
5437
- "background-primary-subtle-pressed-hover"?: any;
5438
5870
  "background-primary-subtle-selected"?: any;
5439
5871
  "background-success"?: any;
5440
5872
  "background-success-prominent"?: any;
@@ -5445,9 +5877,15 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<_mirohq_design_sys
5445
5877
  "border-danger"?: any;
5446
5878
  "border-danger-active"?: any;
5447
5879
  "border-danger-hover"?: any;
5880
+ "border-focus-error-inner"?: any;
5881
+ "border-focus-error-middle"?: any;
5882
+ "border-focus-error-outer"?: any;
5448
5883
  "border-focus-inner"?: any;
5449
5884
  "border-focus-middle"?: any;
5450
5885
  "border-focus-outer"?: any;
5886
+ "border-focus-success-inner"?: any;
5887
+ "border-focus-success-middle"?: any;
5888
+ "border-focus-success-outer"?: any;
5451
5889
  "border-neutrals"?: any;
5452
5890
  "border-neutrals-active"?: any;
5453
5891
  "border-neutrals-controls"?: any;
@@ -5540,21 +5978,23 @@ declare const StyledSub: react.ForwardRefExoticComponent<Omit<_mirohq_design_sys
5540
5978
  readonly body: "Open Sans, sans-serif";
5541
5979
  };
5542
5980
  radii: {
5543
- readonly none: 0;
5544
- readonly half: "999em";
5545
5981
  readonly 25: "2px";
5546
5982
  readonly 50: "4px";
5547
5983
  readonly 75: "6px";
5548
5984
  readonly 100: "8px";
5549
5985
  readonly 200: "16px";
5986
+ readonly half: "999px";
5987
+ readonly none: "0px";
5550
5988
  };
5551
5989
  shadows: {
5552
- 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";
5553
- 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";
5554
- 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";
5555
- 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";
5556
- 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";
5557
- 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";
5990
+ 50: any;
5991
+ 100: any;
5992
+ "focus-small": any;
5993
+ "focus-small-outline": any;
5994
+ "focus-large": any;
5995
+ "focus-controls": any;
5996
+ "focus-controls-error": any;
5997
+ "focus-controls-success": any;
5558
5998
  };
5559
5999
  sizes: {
5560
6000
  readonly number: string;
@@ -5864,63 +6304,103 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
5864
6304
  };
5865
6305
  colors: {
5866
6306
  readonly black: any;
6307
+ readonly 'blue-50': any;
5867
6308
  readonly 'blue-100': any;
6309
+ readonly 'blue-150': any;
5868
6310
  readonly 'blue-200': any;
6311
+ readonly 'blue-250': any;
5869
6312
  readonly 'blue-300': any;
6313
+ readonly 'blue-350': any;
5870
6314
  readonly 'blue-400': any;
6315
+ readonly 'blue-450': any;
5871
6316
  readonly 'blue-500': any;
6317
+ readonly 'blue-550': any;
5872
6318
  readonly 'blue-600': any;
6319
+ readonly 'blue-650': any;
5873
6320
  readonly 'blue-700': any;
6321
+ readonly 'blue-750': any;
5874
6322
  readonly 'blue-800': any;
6323
+ readonly 'blue-850': any;
5875
6324
  readonly 'blue-900': any;
5876
- readonly 'blue-1000': any;
6325
+ readonly 'blue-950': any;
6326
+ readonly 'gray-50': any;
5877
6327
  readonly 'gray-100': any;
6328
+ readonly 'gray-150': any;
5878
6329
  readonly 'gray-200': any;
6330
+ readonly 'gray-250': any;
5879
6331
  readonly 'gray-300': any;
6332
+ readonly 'gray-350': any;
5880
6333
  readonly 'gray-400': any;
6334
+ readonly 'gray-450': any;
5881
6335
  readonly 'gray-500': any;
6336
+ readonly 'gray-550': any;
5882
6337
  readonly 'gray-600': any;
6338
+ readonly 'gray-650': any;
5883
6339
  readonly 'gray-700': any;
6340
+ readonly 'gray-750': any;
5884
6341
  readonly 'gray-800': any;
6342
+ readonly 'gray-850': any;
5885
6343
  readonly 'gray-900': any;
6344
+ readonly 'gray-950': any;
6345
+ readonly 'green-50': any;
5886
6346
  readonly 'green-100': any;
6347
+ readonly 'green-150': any;
5887
6348
  readonly 'green-200': any;
6349
+ readonly 'green-250': any;
5888
6350
  readonly 'green-300': any;
6351
+ readonly 'green-350': any;
5889
6352
  readonly 'green-400': any;
6353
+ readonly 'green-450': any;
5890
6354
  readonly 'green-500': any;
6355
+ readonly 'green-550': any;
5891
6356
  readonly 'green-600': any;
6357
+ readonly 'green-650': any;
5892
6358
  readonly 'green-700': any;
6359
+ readonly 'green-750': any;
5893
6360
  readonly 'green-800': any;
6361
+ readonly 'green-850': any;
5894
6362
  readonly 'green-900': any;
5895
- readonly 'indigo-100': any;
5896
- readonly 'indigo-200': any;
5897
- readonly 'indigo-300': any;
5898
- readonly 'indigo-400': any;
5899
- readonly 'indigo-500': any;
5900
- readonly 'indigo-600': any;
5901
- readonly 'indigo-700': any;
5902
- readonly 'indigo-800': any;
5903
- readonly 'indigo-900': any;
6363
+ readonly 'green-950': any;
6364
+ readonly 'red-50': any;
5904
6365
  readonly 'red-100': any;
6366
+ readonly 'red-150': any;
5905
6367
  readonly 'red-200': any;
6368
+ readonly 'red-250': any;
5906
6369
  readonly 'red-300': any;
6370
+ readonly 'red-350': any;
5907
6371
  readonly 'red-400': any;
6372
+ readonly 'red-450': any;
5908
6373
  readonly 'red-500': any;
6374
+ readonly 'red-550': any;
5909
6375
  readonly 'red-600': any;
6376
+ readonly 'red-650': any;
5910
6377
  readonly 'red-700': any;
6378
+ readonly 'red-750': any;
5911
6379
  readonly 'red-800': any;
6380
+ readonly 'red-850': any;
5912
6381
  readonly 'red-900': any;
6382
+ readonly 'red-950': any;
5913
6383
  readonly transparent: any;
5914
6384
  readonly white: any;
6385
+ readonly 'yellow-50': any;
5915
6386
  readonly 'yellow-100': any;
6387
+ readonly 'yellow-150': any;
5916
6388
  readonly 'yellow-200': any;
6389
+ readonly 'yellow-250': any;
5917
6390
  readonly 'yellow-300': any;
6391
+ readonly 'yellow-350': any;
5918
6392
  readonly 'yellow-400': any;
6393
+ readonly 'yellow-450': any;
5919
6394
  readonly 'yellow-500': any;
6395
+ readonly 'yellow-550': any;
5920
6396
  readonly 'yellow-600': any;
6397
+ readonly 'yellow-650': any;
5921
6398
  readonly 'yellow-700': any;
6399
+ readonly 'yellow-750': any;
5922
6400
  readonly 'yellow-800': any;
6401
+ readonly 'yellow-850': any;
5923
6402
  readonly 'yellow-900': any;
6403
+ readonly 'yellow-950': any;
5924
6404
  "background-alpha-active"?: any;
5925
6405
  "background-alpha-hover"?: any;
5926
6406
  "background-danger-prominent"?: any;
@@ -5941,27 +6421,19 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
5941
6421
  "background-neutrals-inverted-subtle"?: any;
5942
6422
  "background-neutrals-page"?: any;
5943
6423
  "background-neutrals-page-subtle"?: any;
5944
- "background-neutrals-scrolls"?: any;
5945
- "background-neutrals-scrolls-expanded"?: any;
5946
- "background-neutrals-scrolls-hover"?: any;
5947
- "background-neutrals-scrolls-pressed"?: any;
5948
- "background-neutrals-scrolls-pressed-hover"?: any;
6424
+ "background-neutrals-scrollbar"?: any;
6425
+ "background-neutrals-scrollbar-active"?: any;
6426
+ "background-neutrals-scrollbar-hover"?: any;
5949
6427
  "background-neutrals-subtle"?: any;
5950
6428
  "background-neutrals-subtle-active"?: any;
5951
6429
  "background-neutrals-subtle-hover"?: any;
5952
6430
  "background-primary-prominent"?: any;
5953
6431
  "background-primary-prominent-active"?: any;
5954
- "background-primary-prominent-expanded"?: any;
5955
6432
  "background-primary-prominent-hover"?: any;
5956
- "background-primary-prominent-pressed"?: any;
5957
- "background-primary-prominent-pressed-hover"?: any;
5958
6433
  "background-primary-prominent-selected"?: any;
5959
6434
  "background-primary-subtle"?: any;
5960
6435
  "background-primary-subtle-active"?: any;
5961
- "background-primary-subtle-expanded"?: any;
5962
6436
  "background-primary-subtle-hover"?: any;
5963
- "background-primary-subtle-pressed"?: any;
5964
- "background-primary-subtle-pressed-hover"?: any;
5965
6437
  "background-primary-subtle-selected"?: any;
5966
6438
  "background-success"?: any;
5967
6439
  "background-success-prominent"?: any;
@@ -5972,9 +6444,15 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
5972
6444
  "border-danger"?: any;
5973
6445
  "border-danger-active"?: any;
5974
6446
  "border-danger-hover"?: any;
6447
+ "border-focus-error-inner"?: any;
6448
+ "border-focus-error-middle"?: any;
6449
+ "border-focus-error-outer"?: any;
5975
6450
  "border-focus-inner"?: any;
5976
6451
  "border-focus-middle"?: any;
5977
6452
  "border-focus-outer"?: any;
6453
+ "border-focus-success-inner"?: any;
6454
+ "border-focus-success-middle"?: any;
6455
+ "border-focus-success-outer"?: any;
5978
6456
  "border-neutrals"?: any;
5979
6457
  "border-neutrals-active"?: any;
5980
6458
  "border-neutrals-controls"?: any;
@@ -6067,21 +6545,23 @@ declare const ItemDescription: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
6067
6545
  readonly body: "Open Sans, sans-serif";
6068
6546
  };
6069
6547
  radii: {
6070
- readonly none: 0;
6071
- readonly half: "999em";
6072
6548
  readonly 25: "2px";
6073
6549
  readonly 50: "4px";
6074
6550
  readonly 75: "6px";
6075
6551
  readonly 100: "8px";
6076
6552
  readonly 200: "16px";
6553
+ readonly half: "999px";
6554
+ readonly none: "0px";
6077
6555
  };
6078
6556
  shadows: {
6079
- 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";
6080
- 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";
6081
- 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";
6082
- 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";
6083
- 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";
6084
- 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";
6557
+ 50: any;
6558
+ 100: any;
6559
+ "focus-small": any;
6560
+ "focus-small-outline": any;
6561
+ "focus-large": any;
6562
+ "focus-controls": any;
6563
+ "focus-controls-error": any;
6564
+ "focus-controls-success": any;
6085
6565
  };
6086
6566
  sizes: {
6087
6567
  readonly number: string;
@@ -6354,63 +6834,103 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6354
6834
  };
6355
6835
  colors: {
6356
6836
  readonly black: any;
6837
+ readonly 'blue-50': any;
6357
6838
  readonly 'blue-100': any;
6839
+ readonly 'blue-150': any;
6358
6840
  readonly 'blue-200': any;
6841
+ readonly 'blue-250': any;
6359
6842
  readonly 'blue-300': any;
6843
+ readonly 'blue-350': any;
6360
6844
  readonly 'blue-400': any;
6845
+ readonly 'blue-450': any;
6361
6846
  readonly 'blue-500': any;
6847
+ readonly 'blue-550': any;
6362
6848
  readonly 'blue-600': any;
6849
+ readonly 'blue-650': any;
6363
6850
  readonly 'blue-700': any;
6851
+ readonly 'blue-750': any;
6364
6852
  readonly 'blue-800': any;
6853
+ readonly 'blue-850': any;
6365
6854
  readonly 'blue-900': any;
6366
- readonly 'blue-1000': any;
6855
+ readonly 'blue-950': any;
6856
+ readonly 'gray-50': any;
6367
6857
  readonly 'gray-100': any;
6858
+ readonly 'gray-150': any;
6368
6859
  readonly 'gray-200': any;
6860
+ readonly 'gray-250': any;
6369
6861
  readonly 'gray-300': any;
6862
+ readonly 'gray-350': any;
6370
6863
  readonly 'gray-400': any;
6864
+ readonly 'gray-450': any;
6371
6865
  readonly 'gray-500': any;
6866
+ readonly 'gray-550': any;
6372
6867
  readonly 'gray-600': any;
6868
+ readonly 'gray-650': any;
6373
6869
  readonly 'gray-700': any;
6870
+ readonly 'gray-750': any;
6374
6871
  readonly 'gray-800': any;
6872
+ readonly 'gray-850': any;
6375
6873
  readonly 'gray-900': any;
6874
+ readonly 'gray-950': any;
6875
+ readonly 'green-50': any;
6376
6876
  readonly 'green-100': any;
6877
+ readonly 'green-150': any;
6377
6878
  readonly 'green-200': any;
6879
+ readonly 'green-250': any;
6378
6880
  readonly 'green-300': any;
6881
+ readonly 'green-350': any;
6379
6882
  readonly 'green-400': any;
6883
+ readonly 'green-450': any;
6380
6884
  readonly 'green-500': any;
6885
+ readonly 'green-550': any;
6381
6886
  readonly 'green-600': any;
6887
+ readonly 'green-650': any;
6382
6888
  readonly 'green-700': any;
6889
+ readonly 'green-750': any;
6383
6890
  readonly 'green-800': any;
6891
+ readonly 'green-850': any;
6384
6892
  readonly 'green-900': any;
6385
- readonly 'indigo-100': any;
6386
- readonly 'indigo-200': any;
6387
- readonly 'indigo-300': any;
6388
- readonly 'indigo-400': any;
6389
- readonly 'indigo-500': any;
6390
- readonly 'indigo-600': any;
6391
- readonly 'indigo-700': any;
6392
- readonly 'indigo-800': any;
6393
- readonly 'indigo-900': any;
6893
+ readonly 'green-950': any;
6894
+ readonly 'red-50': any;
6394
6895
  readonly 'red-100': any;
6896
+ readonly 'red-150': any;
6395
6897
  readonly 'red-200': any;
6898
+ readonly 'red-250': any;
6396
6899
  readonly 'red-300': any;
6900
+ readonly 'red-350': any;
6397
6901
  readonly 'red-400': any;
6902
+ readonly 'red-450': any;
6398
6903
  readonly 'red-500': any;
6904
+ readonly 'red-550': any;
6399
6905
  readonly 'red-600': any;
6906
+ readonly 'red-650': any;
6400
6907
  readonly 'red-700': any;
6908
+ readonly 'red-750': any;
6401
6909
  readonly 'red-800': any;
6910
+ readonly 'red-850': any;
6402
6911
  readonly 'red-900': any;
6912
+ readonly 'red-950': any;
6403
6913
  readonly transparent: any;
6404
6914
  readonly white: any;
6915
+ readonly 'yellow-50': any;
6405
6916
  readonly 'yellow-100': any;
6917
+ readonly 'yellow-150': any;
6406
6918
  readonly 'yellow-200': any;
6919
+ readonly 'yellow-250': any;
6407
6920
  readonly 'yellow-300': any;
6921
+ readonly 'yellow-350': any;
6408
6922
  readonly 'yellow-400': any;
6923
+ readonly 'yellow-450': any;
6409
6924
  readonly 'yellow-500': any;
6925
+ readonly 'yellow-550': any;
6410
6926
  readonly 'yellow-600': any;
6927
+ readonly 'yellow-650': any;
6411
6928
  readonly 'yellow-700': any;
6929
+ readonly 'yellow-750': any;
6412
6930
  readonly 'yellow-800': any;
6931
+ readonly 'yellow-850': any;
6413
6932
  readonly 'yellow-900': any;
6933
+ readonly 'yellow-950': any;
6414
6934
  "background-alpha-active"?: any;
6415
6935
  "background-alpha-hover"?: any;
6416
6936
  "background-danger-prominent"?: any;
@@ -6431,27 +6951,19 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6431
6951
  "background-neutrals-inverted-subtle"?: any;
6432
6952
  "background-neutrals-page"?: any;
6433
6953
  "background-neutrals-page-subtle"?: any;
6434
- "background-neutrals-scrolls"?: any;
6435
- "background-neutrals-scrolls-expanded"?: any;
6436
- "background-neutrals-scrolls-hover"?: any;
6437
- "background-neutrals-scrolls-pressed"?: any;
6438
- "background-neutrals-scrolls-pressed-hover"?: any;
6954
+ "background-neutrals-scrollbar"?: any;
6955
+ "background-neutrals-scrollbar-active"?: any;
6956
+ "background-neutrals-scrollbar-hover"?: any;
6439
6957
  "background-neutrals-subtle"?: any;
6440
6958
  "background-neutrals-subtle-active"?: any;
6441
6959
  "background-neutrals-subtle-hover"?: any;
6442
6960
  "background-primary-prominent"?: any;
6443
6961
  "background-primary-prominent-active"?: any;
6444
- "background-primary-prominent-expanded"?: any;
6445
6962
  "background-primary-prominent-hover"?: any;
6446
- "background-primary-prominent-pressed"?: any;
6447
- "background-primary-prominent-pressed-hover"?: any;
6448
6963
  "background-primary-prominent-selected"?: any;
6449
6964
  "background-primary-subtle"?: any;
6450
6965
  "background-primary-subtle-active"?: any;
6451
- "background-primary-subtle-expanded"?: any;
6452
6966
  "background-primary-subtle-hover"?: any;
6453
- "background-primary-subtle-pressed"?: any;
6454
- "background-primary-subtle-pressed-hover"?: any;
6455
6967
  "background-primary-subtle-selected"?: any;
6456
6968
  "background-success"?: any;
6457
6969
  "background-success-prominent"?: any;
@@ -6462,9 +6974,15 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6462
6974
  "border-danger"?: any;
6463
6975
  "border-danger-active"?: any;
6464
6976
  "border-danger-hover"?: any;
6977
+ "border-focus-error-inner"?: any;
6978
+ "border-focus-error-middle"?: any;
6979
+ "border-focus-error-outer"?: any;
6465
6980
  "border-focus-inner"?: any;
6466
6981
  "border-focus-middle"?: any;
6467
6982
  "border-focus-outer"?: any;
6983
+ "border-focus-success-inner"?: any;
6984
+ "border-focus-success-middle"?: any;
6985
+ "border-focus-success-outer"?: any;
6468
6986
  "border-neutrals"?: any;
6469
6987
  "border-neutrals-active"?: any;
6470
6988
  "border-neutrals-controls"?: any;
@@ -6557,21 +7075,23 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6557
7075
  readonly body: "Open Sans, sans-serif";
6558
7076
  };
6559
7077
  radii: {
6560
- readonly none: 0;
6561
- readonly half: "999em";
6562
7078
  readonly 25: "2px";
6563
7079
  readonly 50: "4px";
6564
7080
  readonly 75: "6px";
6565
7081
  readonly 100: "8px";
6566
7082
  readonly 200: "16px";
7083
+ readonly half: "999px";
7084
+ readonly none: "0px";
6567
7085
  };
6568
7086
  shadows: {
6569
- 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";
6570
- 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";
6571
- 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";
6572
- 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";
6573
- 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";
6574
- 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";
7087
+ 50: any;
7088
+ 100: any;
7089
+ "focus-small": any;
7090
+ "focus-small-outline": any;
7091
+ "focus-large": any;
7092
+ "focus-controls": any;
7093
+ "focus-controls-error": any;
7094
+ "focus-controls-success": any;
6575
7095
  };
6576
7096
  sizes: {
6577
7097
  readonly number: string;
@@ -6842,63 +7362,103 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6842
7362
  };
6843
7363
  colors: {
6844
7364
  readonly black: any;
7365
+ readonly 'blue-50': any;
6845
7366
  readonly 'blue-100': any;
7367
+ readonly 'blue-150': any;
6846
7368
  readonly 'blue-200': any;
7369
+ readonly 'blue-250': any;
6847
7370
  readonly 'blue-300': any;
7371
+ readonly 'blue-350': any;
6848
7372
  readonly 'blue-400': any;
7373
+ readonly 'blue-450': any;
6849
7374
  readonly 'blue-500': any;
7375
+ readonly 'blue-550': any;
6850
7376
  readonly 'blue-600': any;
7377
+ readonly 'blue-650': any;
6851
7378
  readonly 'blue-700': any;
7379
+ readonly 'blue-750': any;
6852
7380
  readonly 'blue-800': any;
7381
+ readonly 'blue-850': any;
6853
7382
  readonly 'blue-900': any;
6854
- readonly 'blue-1000': any;
7383
+ readonly 'blue-950': any;
7384
+ readonly 'gray-50': any;
6855
7385
  readonly 'gray-100': any;
7386
+ readonly 'gray-150': any;
6856
7387
  readonly 'gray-200': any;
7388
+ readonly 'gray-250': any;
6857
7389
  readonly 'gray-300': any;
7390
+ readonly 'gray-350': any;
6858
7391
  readonly 'gray-400': any;
7392
+ readonly 'gray-450': any;
6859
7393
  readonly 'gray-500': any;
7394
+ readonly 'gray-550': any;
6860
7395
  readonly 'gray-600': any;
7396
+ readonly 'gray-650': any;
6861
7397
  readonly 'gray-700': any;
7398
+ readonly 'gray-750': any;
6862
7399
  readonly 'gray-800': any;
7400
+ readonly 'gray-850': any;
6863
7401
  readonly 'gray-900': any;
7402
+ readonly 'gray-950': any;
7403
+ readonly 'green-50': any;
6864
7404
  readonly 'green-100': any;
7405
+ readonly 'green-150': any;
6865
7406
  readonly 'green-200': any;
7407
+ readonly 'green-250': any;
6866
7408
  readonly 'green-300': any;
7409
+ readonly 'green-350': any;
6867
7410
  readonly 'green-400': any;
7411
+ readonly 'green-450': any;
6868
7412
  readonly 'green-500': any;
7413
+ readonly 'green-550': any;
6869
7414
  readonly 'green-600': any;
7415
+ readonly 'green-650': any;
6870
7416
  readonly 'green-700': any;
7417
+ readonly 'green-750': any;
6871
7418
  readonly 'green-800': any;
7419
+ readonly 'green-850': any;
6872
7420
  readonly 'green-900': any;
6873
- readonly 'indigo-100': any;
6874
- readonly 'indigo-200': any;
6875
- readonly 'indigo-300': any;
6876
- readonly 'indigo-400': any;
6877
- readonly 'indigo-500': any;
6878
- readonly 'indigo-600': any;
6879
- readonly 'indigo-700': any;
6880
- readonly 'indigo-800': any;
6881
- readonly 'indigo-900': any;
7421
+ readonly 'green-950': any;
7422
+ readonly 'red-50': any;
6882
7423
  readonly 'red-100': any;
7424
+ readonly 'red-150': any;
6883
7425
  readonly 'red-200': any;
7426
+ readonly 'red-250': any;
6884
7427
  readonly 'red-300': any;
7428
+ readonly 'red-350': any;
6885
7429
  readonly 'red-400': any;
7430
+ readonly 'red-450': any;
6886
7431
  readonly 'red-500': any;
7432
+ readonly 'red-550': any;
6887
7433
  readonly 'red-600': any;
7434
+ readonly 'red-650': any;
6888
7435
  readonly 'red-700': any;
7436
+ readonly 'red-750': any;
6889
7437
  readonly 'red-800': any;
7438
+ readonly 'red-850': any;
6890
7439
  readonly 'red-900': any;
7440
+ readonly 'red-950': any;
6891
7441
  readonly transparent: any;
6892
7442
  readonly white: any;
7443
+ readonly 'yellow-50': any;
6893
7444
  readonly 'yellow-100': any;
7445
+ readonly 'yellow-150': any;
6894
7446
  readonly 'yellow-200': any;
7447
+ readonly 'yellow-250': any;
6895
7448
  readonly 'yellow-300': any;
7449
+ readonly 'yellow-350': any;
6896
7450
  readonly 'yellow-400': any;
7451
+ readonly 'yellow-450': any;
6897
7452
  readonly 'yellow-500': any;
7453
+ readonly 'yellow-550': any;
6898
7454
  readonly 'yellow-600': any;
7455
+ readonly 'yellow-650': any;
6899
7456
  readonly 'yellow-700': any;
7457
+ readonly 'yellow-750': any;
6900
7458
  readonly 'yellow-800': any;
7459
+ readonly 'yellow-850': any;
6901
7460
  readonly 'yellow-900': any;
7461
+ readonly 'yellow-950': any;
6902
7462
  "background-alpha-active"?: any;
6903
7463
  "background-alpha-hover"?: any;
6904
7464
  "background-danger-prominent"?: any;
@@ -6919,27 +7479,19 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6919
7479
  "background-neutrals-inverted-subtle"?: any;
6920
7480
  "background-neutrals-page"?: any;
6921
7481
  "background-neutrals-page-subtle"?: any;
6922
- "background-neutrals-scrolls"?: any;
6923
- "background-neutrals-scrolls-expanded"?: any;
6924
- "background-neutrals-scrolls-hover"?: any;
6925
- "background-neutrals-scrolls-pressed"?: any;
6926
- "background-neutrals-scrolls-pressed-hover"?: any;
7482
+ "background-neutrals-scrollbar"?: any;
7483
+ "background-neutrals-scrollbar-active"?: any;
7484
+ "background-neutrals-scrollbar-hover"?: any;
6927
7485
  "background-neutrals-subtle"?: any;
6928
7486
  "background-neutrals-subtle-active"?: any;
6929
7487
  "background-neutrals-subtle-hover"?: any;
6930
7488
  "background-primary-prominent"?: any;
6931
7489
  "background-primary-prominent-active"?: any;
6932
- "background-primary-prominent-expanded"?: any;
6933
7490
  "background-primary-prominent-hover"?: any;
6934
- "background-primary-prominent-pressed"?: any;
6935
- "background-primary-prominent-pressed-hover"?: any;
6936
7491
  "background-primary-prominent-selected"?: any;
6937
7492
  "background-primary-subtle"?: any;
6938
7493
  "background-primary-subtle-active"?: any;
6939
- "background-primary-subtle-expanded"?: any;
6940
7494
  "background-primary-subtle-hover"?: any;
6941
- "background-primary-subtle-pressed"?: any;
6942
- "background-primary-subtle-pressed-hover"?: any;
6943
7495
  "background-primary-subtle-selected"?: any;
6944
7496
  "background-success"?: any;
6945
7497
  "background-success-prominent"?: any;
@@ -6950,9 +7502,15 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
6950
7502
  "border-danger"?: any;
6951
7503
  "border-danger-active"?: any;
6952
7504
  "border-danger-hover"?: any;
7505
+ "border-focus-error-inner"?: any;
7506
+ "border-focus-error-middle"?: any;
7507
+ "border-focus-error-outer"?: any;
6953
7508
  "border-focus-inner"?: any;
6954
7509
  "border-focus-middle"?: any;
6955
7510
  "border-focus-outer"?: any;
7511
+ "border-focus-success-inner"?: any;
7512
+ "border-focus-success-middle"?: any;
7513
+ "border-focus-success-outer"?: any;
6956
7514
  "border-neutrals"?: any;
6957
7515
  "border-neutrals-active"?: any;
6958
7516
  "border-neutrals-controls"?: any;
@@ -7045,21 +7603,23 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7045
7603
  readonly body: "Open Sans, sans-serif";
7046
7604
  };
7047
7605
  radii: {
7048
- readonly none: 0;
7049
- readonly half: "999em";
7050
7606
  readonly 25: "2px";
7051
7607
  readonly 50: "4px";
7052
7608
  readonly 75: "6px";
7053
7609
  readonly 100: "8px";
7054
7610
  readonly 200: "16px";
7611
+ readonly half: "999px";
7612
+ readonly none: "0px";
7055
7613
  };
7056
7614
  shadows: {
7057
- 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";
7058
- 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";
7059
- 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";
7060
- 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";
7061
- 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";
7062
- 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";
7615
+ 50: any;
7616
+ 100: any;
7617
+ "focus-small": any;
7618
+ "focus-small-outline": any;
7619
+ "focus-large": any;
7620
+ "focus-controls": any;
7621
+ "focus-controls-error": any;
7622
+ "focus-controls-success": any;
7063
7623
  };
7064
7624
  sizes: {
7065
7625
  readonly number: string;
@@ -7330,63 +7890,103 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7330
7890
  };
7331
7891
  colors: {
7332
7892
  readonly black: any;
7893
+ readonly 'blue-50': any;
7333
7894
  readonly 'blue-100': any;
7895
+ readonly 'blue-150': any;
7334
7896
  readonly 'blue-200': any;
7897
+ readonly 'blue-250': any;
7335
7898
  readonly 'blue-300': any;
7899
+ readonly 'blue-350': any;
7336
7900
  readonly 'blue-400': any;
7901
+ readonly 'blue-450': any;
7337
7902
  readonly 'blue-500': any;
7903
+ readonly 'blue-550': any;
7338
7904
  readonly 'blue-600': any;
7905
+ readonly 'blue-650': any;
7339
7906
  readonly 'blue-700': any;
7907
+ readonly 'blue-750': any;
7340
7908
  readonly 'blue-800': any;
7909
+ readonly 'blue-850': any;
7341
7910
  readonly 'blue-900': any;
7342
- readonly 'blue-1000': any;
7911
+ readonly 'blue-950': any;
7912
+ readonly 'gray-50': any;
7343
7913
  readonly 'gray-100': any;
7914
+ readonly 'gray-150': any;
7344
7915
  readonly 'gray-200': any;
7916
+ readonly 'gray-250': any;
7345
7917
  readonly 'gray-300': any;
7918
+ readonly 'gray-350': any;
7346
7919
  readonly 'gray-400': any;
7920
+ readonly 'gray-450': any;
7347
7921
  readonly 'gray-500': any;
7922
+ readonly 'gray-550': any;
7348
7923
  readonly 'gray-600': any;
7924
+ readonly 'gray-650': any;
7349
7925
  readonly 'gray-700': any;
7926
+ readonly 'gray-750': any;
7350
7927
  readonly 'gray-800': any;
7928
+ readonly 'gray-850': any;
7351
7929
  readonly 'gray-900': any;
7930
+ readonly 'gray-950': any;
7931
+ readonly 'green-50': any;
7352
7932
  readonly 'green-100': any;
7933
+ readonly 'green-150': any;
7353
7934
  readonly 'green-200': any;
7935
+ readonly 'green-250': any;
7354
7936
  readonly 'green-300': any;
7937
+ readonly 'green-350': any;
7355
7938
  readonly 'green-400': any;
7939
+ readonly 'green-450': any;
7356
7940
  readonly 'green-500': any;
7941
+ readonly 'green-550': any;
7357
7942
  readonly 'green-600': any;
7943
+ readonly 'green-650': any;
7358
7944
  readonly 'green-700': any;
7945
+ readonly 'green-750': any;
7359
7946
  readonly 'green-800': any;
7947
+ readonly 'green-850': any;
7360
7948
  readonly 'green-900': any;
7361
- readonly 'indigo-100': any;
7362
- readonly 'indigo-200': any;
7363
- readonly 'indigo-300': any;
7364
- readonly 'indigo-400': any;
7365
- readonly 'indigo-500': any;
7366
- readonly 'indigo-600': any;
7367
- readonly 'indigo-700': any;
7368
- readonly 'indigo-800': any;
7369
- readonly 'indigo-900': any;
7949
+ readonly 'green-950': any;
7950
+ readonly 'red-50': any;
7370
7951
  readonly 'red-100': any;
7952
+ readonly 'red-150': any;
7371
7953
  readonly 'red-200': any;
7954
+ readonly 'red-250': any;
7372
7955
  readonly 'red-300': any;
7956
+ readonly 'red-350': any;
7373
7957
  readonly 'red-400': any;
7958
+ readonly 'red-450': any;
7374
7959
  readonly 'red-500': any;
7960
+ readonly 'red-550': any;
7375
7961
  readonly 'red-600': any;
7962
+ readonly 'red-650': any;
7376
7963
  readonly 'red-700': any;
7964
+ readonly 'red-750': any;
7377
7965
  readonly 'red-800': any;
7966
+ readonly 'red-850': any;
7378
7967
  readonly 'red-900': any;
7968
+ readonly 'red-950': any;
7379
7969
  readonly transparent: any;
7380
7970
  readonly white: any;
7971
+ readonly 'yellow-50': any;
7381
7972
  readonly 'yellow-100': any;
7973
+ readonly 'yellow-150': any;
7382
7974
  readonly 'yellow-200': any;
7975
+ readonly 'yellow-250': any;
7383
7976
  readonly 'yellow-300': any;
7977
+ readonly 'yellow-350': any;
7384
7978
  readonly 'yellow-400': any;
7979
+ readonly 'yellow-450': any;
7385
7980
  readonly 'yellow-500': any;
7981
+ readonly 'yellow-550': any;
7386
7982
  readonly 'yellow-600': any;
7983
+ readonly 'yellow-650': any;
7387
7984
  readonly 'yellow-700': any;
7985
+ readonly 'yellow-750': any;
7388
7986
  readonly 'yellow-800': any;
7987
+ readonly 'yellow-850': any;
7389
7988
  readonly 'yellow-900': any;
7989
+ readonly 'yellow-950': any;
7390
7990
  "background-alpha-active"?: any;
7391
7991
  "background-alpha-hover"?: any;
7392
7992
  "background-danger-prominent"?: any;
@@ -7407,27 +8007,19 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7407
8007
  "background-neutrals-inverted-subtle"?: any;
7408
8008
  "background-neutrals-page"?: any;
7409
8009
  "background-neutrals-page-subtle"?: any;
7410
- "background-neutrals-scrolls"?: any;
7411
- "background-neutrals-scrolls-expanded"?: any;
7412
- "background-neutrals-scrolls-hover"?: any;
7413
- "background-neutrals-scrolls-pressed"?: any;
7414
- "background-neutrals-scrolls-pressed-hover"?: any;
8010
+ "background-neutrals-scrollbar"?: any;
8011
+ "background-neutrals-scrollbar-active"?: any;
8012
+ "background-neutrals-scrollbar-hover"?: any;
7415
8013
  "background-neutrals-subtle"?: any;
7416
8014
  "background-neutrals-subtle-active"?: any;
7417
8015
  "background-neutrals-subtle-hover"?: any;
7418
8016
  "background-primary-prominent"?: any;
7419
8017
  "background-primary-prominent-active"?: any;
7420
- "background-primary-prominent-expanded"?: any;
7421
8018
  "background-primary-prominent-hover"?: any;
7422
- "background-primary-prominent-pressed"?: any;
7423
- "background-primary-prominent-pressed-hover"?: any;
7424
8019
  "background-primary-prominent-selected"?: any;
7425
8020
  "background-primary-subtle"?: any;
7426
8021
  "background-primary-subtle-active"?: any;
7427
- "background-primary-subtle-expanded"?: any;
7428
8022
  "background-primary-subtle-hover"?: any;
7429
- "background-primary-subtle-pressed"?: any;
7430
- "background-primary-subtle-pressed-hover"?: any;
7431
8023
  "background-primary-subtle-selected"?: any;
7432
8024
  "background-success"?: any;
7433
8025
  "background-success-prominent"?: any;
@@ -7438,9 +8030,15 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7438
8030
  "border-danger"?: any;
7439
8031
  "border-danger-active"?: any;
7440
8032
  "border-danger-hover"?: any;
8033
+ "border-focus-error-inner"?: any;
8034
+ "border-focus-error-middle"?: any;
8035
+ "border-focus-error-outer"?: any;
7441
8036
  "border-focus-inner"?: any;
7442
8037
  "border-focus-middle"?: any;
7443
8038
  "border-focus-outer"?: any;
8039
+ "border-focus-success-inner"?: any;
8040
+ "border-focus-success-middle"?: any;
8041
+ "border-focus-success-outer"?: any;
7444
8042
  "border-neutrals"?: any;
7445
8043
  "border-neutrals-active"?: any;
7446
8044
  "border-neutrals-controls"?: any;
@@ -7533,21 +8131,23 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
7533
8131
  readonly body: "Open Sans, sans-serif";
7534
8132
  };
7535
8133
  radii: {
7536
- readonly none: 0;
7537
- readonly half: "999em";
7538
8134
  readonly 25: "2px";
7539
8135
  readonly 50: "4px";
7540
8136
  readonly 75: "6px";
7541
8137
  readonly 100: "8px";
7542
8138
  readonly 200: "16px";
8139
+ readonly half: "999px";
8140
+ readonly none: "0px";
7543
8141
  };
7544
8142
  shadows: {
7545
- 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";
7546
- 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";
7547
- 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";
7548
- 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";
7549
- 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";
7550
- 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";
8143
+ 50: any;
8144
+ 100: any;
8145
+ "focus-small": any;
8146
+ "focus-small-outline": any;
8147
+ "focus-large": any;
8148
+ "focus-controls": any;
8149
+ "focus-controls-error": any;
8150
+ "focus-controls-success": any;
7551
8151
  };
7552
8152
  sizes: {
7553
8153
  readonly number: string;
@@ -7824,63 +8424,103 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
7824
8424
  };
7825
8425
  colors: {
7826
8426
  readonly black: any;
8427
+ readonly 'blue-50': any;
7827
8428
  readonly 'blue-100': any;
8429
+ readonly 'blue-150': any;
7828
8430
  readonly 'blue-200': any;
8431
+ readonly 'blue-250': any;
7829
8432
  readonly 'blue-300': any;
8433
+ readonly 'blue-350': any;
7830
8434
  readonly 'blue-400': any;
8435
+ readonly 'blue-450': any;
7831
8436
  readonly 'blue-500': any;
8437
+ readonly 'blue-550': any;
7832
8438
  readonly 'blue-600': any;
8439
+ readonly 'blue-650': any;
7833
8440
  readonly 'blue-700': any;
8441
+ readonly 'blue-750': any;
7834
8442
  readonly 'blue-800': any;
8443
+ readonly 'blue-850': any;
7835
8444
  readonly 'blue-900': any;
7836
- readonly 'blue-1000': any;
8445
+ readonly 'blue-950': any;
8446
+ readonly 'gray-50': any;
7837
8447
  readonly 'gray-100': any;
8448
+ readonly 'gray-150': any;
7838
8449
  readonly 'gray-200': any;
8450
+ readonly 'gray-250': any;
7839
8451
  readonly 'gray-300': any;
8452
+ readonly 'gray-350': any;
7840
8453
  readonly 'gray-400': any;
8454
+ readonly 'gray-450': any;
7841
8455
  readonly 'gray-500': any;
8456
+ readonly 'gray-550': any;
7842
8457
  readonly 'gray-600': any;
8458
+ readonly 'gray-650': any;
7843
8459
  readonly 'gray-700': any;
8460
+ readonly 'gray-750': any;
7844
8461
  readonly 'gray-800': any;
8462
+ readonly 'gray-850': any;
7845
8463
  readonly 'gray-900': any;
8464
+ readonly 'gray-950': any;
8465
+ readonly 'green-50': any;
7846
8466
  readonly 'green-100': any;
8467
+ readonly 'green-150': any;
7847
8468
  readonly 'green-200': any;
8469
+ readonly 'green-250': any;
7848
8470
  readonly 'green-300': any;
8471
+ readonly 'green-350': any;
7849
8472
  readonly 'green-400': any;
8473
+ readonly 'green-450': any;
7850
8474
  readonly 'green-500': any;
8475
+ readonly 'green-550': any;
7851
8476
  readonly 'green-600': any;
8477
+ readonly 'green-650': any;
7852
8478
  readonly 'green-700': any;
8479
+ readonly 'green-750': any;
7853
8480
  readonly 'green-800': any;
8481
+ readonly 'green-850': any;
7854
8482
  readonly 'green-900': any;
7855
- readonly 'indigo-100': any;
7856
- readonly 'indigo-200': any;
7857
- readonly 'indigo-300': any;
7858
- readonly 'indigo-400': any;
7859
- readonly 'indigo-500': any;
7860
- readonly 'indigo-600': any;
7861
- readonly 'indigo-700': any;
7862
- readonly 'indigo-800': any;
7863
- readonly 'indigo-900': any;
8483
+ readonly 'green-950': any;
8484
+ readonly 'red-50': any;
7864
8485
  readonly 'red-100': any;
8486
+ readonly 'red-150': any;
7865
8487
  readonly 'red-200': any;
8488
+ readonly 'red-250': any;
7866
8489
  readonly 'red-300': any;
8490
+ readonly 'red-350': any;
7867
8491
  readonly 'red-400': any;
8492
+ readonly 'red-450': any;
7868
8493
  readonly 'red-500': any;
8494
+ readonly 'red-550': any;
7869
8495
  readonly 'red-600': any;
8496
+ readonly 'red-650': any;
7870
8497
  readonly 'red-700': any;
8498
+ readonly 'red-750': any;
7871
8499
  readonly 'red-800': any;
8500
+ readonly 'red-850': any;
7872
8501
  readonly 'red-900': any;
8502
+ readonly 'red-950': any;
7873
8503
  readonly transparent: any;
7874
8504
  readonly white: any;
8505
+ readonly 'yellow-50': any;
7875
8506
  readonly 'yellow-100': any;
8507
+ readonly 'yellow-150': any;
7876
8508
  readonly 'yellow-200': any;
8509
+ readonly 'yellow-250': any;
7877
8510
  readonly 'yellow-300': any;
8511
+ readonly 'yellow-350': any;
7878
8512
  readonly 'yellow-400': any;
8513
+ readonly 'yellow-450': any;
7879
8514
  readonly 'yellow-500': any;
8515
+ readonly 'yellow-550': any;
7880
8516
  readonly 'yellow-600': any;
8517
+ readonly 'yellow-650': any;
7881
8518
  readonly 'yellow-700': any;
8519
+ readonly 'yellow-750': any;
7882
8520
  readonly 'yellow-800': any;
8521
+ readonly 'yellow-850': any;
7883
8522
  readonly 'yellow-900': any;
8523
+ readonly 'yellow-950': any;
7884
8524
  "background-alpha-active"?: any;
7885
8525
  "background-alpha-hover"?: any;
7886
8526
  "background-danger-prominent"?: any;
@@ -7901,27 +8541,19 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
7901
8541
  "background-neutrals-inverted-subtle"?: any;
7902
8542
  "background-neutrals-page"?: any;
7903
8543
  "background-neutrals-page-subtle"?: any;
7904
- "background-neutrals-scrolls"?: any;
7905
- "background-neutrals-scrolls-expanded"?: any;
7906
- "background-neutrals-scrolls-hover"?: any;
7907
- "background-neutrals-scrolls-pressed"?: any;
7908
- "background-neutrals-scrolls-pressed-hover"?: any;
8544
+ "background-neutrals-scrollbar"?: any;
8545
+ "background-neutrals-scrollbar-active"?: any;
8546
+ "background-neutrals-scrollbar-hover"?: any;
7909
8547
  "background-neutrals-subtle"?: any;
7910
8548
  "background-neutrals-subtle-active"?: any;
7911
8549
  "background-neutrals-subtle-hover"?: any;
7912
8550
  "background-primary-prominent"?: any;
7913
8551
  "background-primary-prominent-active"?: any;
7914
- "background-primary-prominent-expanded"?: any;
7915
8552
  "background-primary-prominent-hover"?: any;
7916
- "background-primary-prominent-pressed"?: any;
7917
- "background-primary-prominent-pressed-hover"?: any;
7918
8553
  "background-primary-prominent-selected"?: any;
7919
8554
  "background-primary-subtle"?: any;
7920
8555
  "background-primary-subtle-active"?: any;
7921
- "background-primary-subtle-expanded"?: any;
7922
8556
  "background-primary-subtle-hover"?: any;
7923
- "background-primary-subtle-pressed"?: any;
7924
- "background-primary-subtle-pressed-hover"?: any;
7925
8557
  "background-primary-subtle-selected"?: any;
7926
8558
  "background-success"?: any;
7927
8559
  "background-success-prominent"?: any;
@@ -7932,9 +8564,15 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
7932
8564
  "border-danger"?: any;
7933
8565
  "border-danger-active"?: any;
7934
8566
  "border-danger-hover"?: any;
8567
+ "border-focus-error-inner"?: any;
8568
+ "border-focus-error-middle"?: any;
8569
+ "border-focus-error-outer"?: any;
7935
8570
  "border-focus-inner"?: any;
7936
8571
  "border-focus-middle"?: any;
7937
8572
  "border-focus-outer"?: any;
8573
+ "border-focus-success-inner"?: any;
8574
+ "border-focus-success-middle"?: any;
8575
+ "border-focus-success-outer"?: any;
7938
8576
  "border-neutrals"?: any;
7939
8577
  "border-neutrals-active"?: any;
7940
8578
  "border-neutrals-controls"?: any;
@@ -8027,21 +8665,23 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8027
8665
  readonly body: "Open Sans, sans-serif";
8028
8666
  };
8029
8667
  radii: {
8030
- readonly none: 0;
8031
- readonly half: "999em";
8032
8668
  readonly 25: "2px";
8033
8669
  readonly 50: "4px";
8034
8670
  readonly 75: "6px";
8035
8671
  readonly 100: "8px";
8036
8672
  readonly 200: "16px";
8673
+ readonly half: "999px";
8674
+ readonly none: "0px";
8037
8675
  };
8038
8676
  shadows: {
8039
- 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";
8040
- 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";
8041
- 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";
8042
- 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";
8043
- 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";
8044
- 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";
8677
+ 50: any;
8678
+ 100: any;
8679
+ "focus-small": any;
8680
+ "focus-small-outline": any;
8681
+ "focus-large": any;
8682
+ "focus-controls": any;
8683
+ "focus-controls-error": any;
8684
+ "focus-controls-success": any;
8045
8685
  };
8046
8686
  sizes: {
8047
8687
  readonly number: string;
@@ -8312,63 +8952,103 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8312
8952
  };
8313
8953
  colors: {
8314
8954
  readonly black: any;
8955
+ readonly 'blue-50': any;
8315
8956
  readonly 'blue-100': any;
8957
+ readonly 'blue-150': any;
8316
8958
  readonly 'blue-200': any;
8959
+ readonly 'blue-250': any;
8317
8960
  readonly 'blue-300': any;
8961
+ readonly 'blue-350': any;
8318
8962
  readonly 'blue-400': any;
8963
+ readonly 'blue-450': any;
8319
8964
  readonly 'blue-500': any;
8965
+ readonly 'blue-550': any;
8320
8966
  readonly 'blue-600': any;
8967
+ readonly 'blue-650': any;
8321
8968
  readonly 'blue-700': any;
8969
+ readonly 'blue-750': any;
8322
8970
  readonly 'blue-800': any;
8971
+ readonly 'blue-850': any;
8323
8972
  readonly 'blue-900': any;
8324
- readonly 'blue-1000': any;
8973
+ readonly 'blue-950': any;
8974
+ readonly 'gray-50': any;
8325
8975
  readonly 'gray-100': any;
8976
+ readonly 'gray-150': any;
8326
8977
  readonly 'gray-200': any;
8978
+ readonly 'gray-250': any;
8327
8979
  readonly 'gray-300': any;
8980
+ readonly 'gray-350': any;
8328
8981
  readonly 'gray-400': any;
8982
+ readonly 'gray-450': any;
8329
8983
  readonly 'gray-500': any;
8984
+ readonly 'gray-550': any;
8330
8985
  readonly 'gray-600': any;
8986
+ readonly 'gray-650': any;
8331
8987
  readonly 'gray-700': any;
8988
+ readonly 'gray-750': any;
8332
8989
  readonly 'gray-800': any;
8990
+ readonly 'gray-850': any;
8333
8991
  readonly 'gray-900': any;
8992
+ readonly 'gray-950': any;
8993
+ readonly 'green-50': any;
8334
8994
  readonly 'green-100': any;
8995
+ readonly 'green-150': any;
8335
8996
  readonly 'green-200': any;
8997
+ readonly 'green-250': any;
8336
8998
  readonly 'green-300': any;
8999
+ readonly 'green-350': any;
8337
9000
  readonly 'green-400': any;
9001
+ readonly 'green-450': any;
8338
9002
  readonly 'green-500': any;
9003
+ readonly 'green-550': any;
8339
9004
  readonly 'green-600': any;
9005
+ readonly 'green-650': any;
8340
9006
  readonly 'green-700': any;
9007
+ readonly 'green-750': any;
8341
9008
  readonly 'green-800': any;
9009
+ readonly 'green-850': any;
8342
9010
  readonly 'green-900': any;
8343
- readonly 'indigo-100': any;
8344
- readonly 'indigo-200': any;
8345
- readonly 'indigo-300': any;
8346
- readonly 'indigo-400': any;
8347
- readonly 'indigo-500': any;
8348
- readonly 'indigo-600': any;
8349
- readonly 'indigo-700': any;
8350
- readonly 'indigo-800': any;
8351
- readonly 'indigo-900': any;
9011
+ readonly 'green-950': any;
9012
+ readonly 'red-50': any;
8352
9013
  readonly 'red-100': any;
9014
+ readonly 'red-150': any;
8353
9015
  readonly 'red-200': any;
9016
+ readonly 'red-250': any;
8354
9017
  readonly 'red-300': any;
9018
+ readonly 'red-350': any;
8355
9019
  readonly 'red-400': any;
9020
+ readonly 'red-450': any;
8356
9021
  readonly 'red-500': any;
9022
+ readonly 'red-550': any;
8357
9023
  readonly 'red-600': any;
9024
+ readonly 'red-650': any;
8358
9025
  readonly 'red-700': any;
9026
+ readonly 'red-750': any;
8359
9027
  readonly 'red-800': any;
9028
+ readonly 'red-850': any;
8360
9029
  readonly 'red-900': any;
9030
+ readonly 'red-950': any;
8361
9031
  readonly transparent: any;
8362
9032
  readonly white: any;
9033
+ readonly 'yellow-50': any;
8363
9034
  readonly 'yellow-100': any;
9035
+ readonly 'yellow-150': any;
8364
9036
  readonly 'yellow-200': any;
9037
+ readonly 'yellow-250': any;
8365
9038
  readonly 'yellow-300': any;
9039
+ readonly 'yellow-350': any;
8366
9040
  readonly 'yellow-400': any;
9041
+ readonly 'yellow-450': any;
8367
9042
  readonly 'yellow-500': any;
9043
+ readonly 'yellow-550': any;
8368
9044
  readonly 'yellow-600': any;
9045
+ readonly 'yellow-650': any;
8369
9046
  readonly 'yellow-700': any;
9047
+ readonly 'yellow-750': any;
8370
9048
  readonly 'yellow-800': any;
9049
+ readonly 'yellow-850': any;
8371
9050
  readonly 'yellow-900': any;
9051
+ readonly 'yellow-950': any;
8372
9052
  "background-alpha-active"?: any;
8373
9053
  "background-alpha-hover"?: any;
8374
9054
  "background-danger-prominent"?: any;
@@ -8389,27 +9069,19 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8389
9069
  "background-neutrals-inverted-subtle"?: any;
8390
9070
  "background-neutrals-page"?: any;
8391
9071
  "background-neutrals-page-subtle"?: any;
8392
- "background-neutrals-scrolls"?: any;
8393
- "background-neutrals-scrolls-expanded"?: any;
8394
- "background-neutrals-scrolls-hover"?: any;
8395
- "background-neutrals-scrolls-pressed"?: any;
8396
- "background-neutrals-scrolls-pressed-hover"?: any;
9072
+ "background-neutrals-scrollbar"?: any;
9073
+ "background-neutrals-scrollbar-active"?: any;
9074
+ "background-neutrals-scrollbar-hover"?: any;
8397
9075
  "background-neutrals-subtle"?: any;
8398
9076
  "background-neutrals-subtle-active"?: any;
8399
9077
  "background-neutrals-subtle-hover"?: any;
8400
9078
  "background-primary-prominent"?: any;
8401
9079
  "background-primary-prominent-active"?: any;
8402
- "background-primary-prominent-expanded"?: any;
8403
9080
  "background-primary-prominent-hover"?: any;
8404
- "background-primary-prominent-pressed"?: any;
8405
- "background-primary-prominent-pressed-hover"?: any;
8406
9081
  "background-primary-prominent-selected"?: any;
8407
9082
  "background-primary-subtle"?: any;
8408
9083
  "background-primary-subtle-active"?: any;
8409
- "background-primary-subtle-expanded"?: any;
8410
9084
  "background-primary-subtle-hover"?: any;
8411
- "background-primary-subtle-pressed"?: any;
8412
- "background-primary-subtle-pressed-hover"?: any;
8413
9085
  "background-primary-subtle-selected"?: any;
8414
9086
  "background-success"?: any;
8415
9087
  "background-success-prominent"?: any;
@@ -8420,9 +9092,15 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8420
9092
  "border-danger"?: any;
8421
9093
  "border-danger-active"?: any;
8422
9094
  "border-danger-hover"?: any;
9095
+ "border-focus-error-inner"?: any;
9096
+ "border-focus-error-middle"?: any;
9097
+ "border-focus-error-outer"?: any;
8423
9098
  "border-focus-inner"?: any;
8424
9099
  "border-focus-middle"?: any;
8425
9100
  "border-focus-outer"?: any;
9101
+ "border-focus-success-inner"?: any;
9102
+ "border-focus-success-middle"?: any;
9103
+ "border-focus-success-outer"?: any;
8426
9104
  "border-neutrals"?: any;
8427
9105
  "border-neutrals-active"?: any;
8428
9106
  "border-neutrals-controls"?: any;
@@ -8515,21 +9193,23 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
8515
9193
  readonly body: "Open Sans, sans-serif";
8516
9194
  };
8517
9195
  radii: {
8518
- readonly none: 0;
8519
- readonly half: "999em";
8520
9196
  readonly 25: "2px";
8521
9197
  readonly 50: "4px";
8522
9198
  readonly 75: "6px";
8523
9199
  readonly 100: "8px";
8524
9200
  readonly 200: "16px";
9201
+ readonly half: "999px";
9202
+ readonly none: "0px";
8525
9203
  };
8526
9204
  shadows: {
8527
- 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";
8528
- 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";
8529
- 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";
8530
- 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";
8531
- 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";
8532
- 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";
9205
+ 50: any;
9206
+ 100: any;
9207
+ "focus-small": any;
9208
+ "focus-small-outline": any;
9209
+ "focus-large": any;
9210
+ "focus-controls": any;
9211
+ "focus-controls-error": any;
9212
+ "focus-controls-success": any;
8533
9213
  };
8534
9214
  sizes: {
8535
9215
  readonly number: string;
@@ -8810,63 +9490,103 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
8810
9490
  };
8811
9491
  colors: {
8812
9492
  readonly black: any;
9493
+ readonly 'blue-50': any;
8813
9494
  readonly 'blue-100': any;
9495
+ readonly 'blue-150': any;
8814
9496
  readonly 'blue-200': any;
9497
+ readonly 'blue-250': any;
8815
9498
  readonly 'blue-300': any;
9499
+ readonly 'blue-350': any;
8816
9500
  readonly 'blue-400': any;
9501
+ readonly 'blue-450': any;
8817
9502
  readonly 'blue-500': any;
9503
+ readonly 'blue-550': any;
8818
9504
  readonly 'blue-600': any;
9505
+ readonly 'blue-650': any;
8819
9506
  readonly 'blue-700': any;
9507
+ readonly 'blue-750': any;
8820
9508
  readonly 'blue-800': any;
9509
+ readonly 'blue-850': any;
8821
9510
  readonly 'blue-900': any;
8822
- readonly 'blue-1000': any;
9511
+ readonly 'blue-950': any;
9512
+ readonly 'gray-50': any;
8823
9513
  readonly 'gray-100': any;
9514
+ readonly 'gray-150': any;
8824
9515
  readonly 'gray-200': any;
9516
+ readonly 'gray-250': any;
8825
9517
  readonly 'gray-300': any;
9518
+ readonly 'gray-350': any;
8826
9519
  readonly 'gray-400': any;
9520
+ readonly 'gray-450': any;
8827
9521
  readonly 'gray-500': any;
9522
+ readonly 'gray-550': any;
8828
9523
  readonly 'gray-600': any;
9524
+ readonly 'gray-650': any;
8829
9525
  readonly 'gray-700': any;
9526
+ readonly 'gray-750': any;
8830
9527
  readonly 'gray-800': any;
9528
+ readonly 'gray-850': any;
8831
9529
  readonly 'gray-900': any;
9530
+ readonly 'gray-950': any;
9531
+ readonly 'green-50': any;
8832
9532
  readonly 'green-100': any;
9533
+ readonly 'green-150': any;
8833
9534
  readonly 'green-200': any;
9535
+ readonly 'green-250': any;
8834
9536
  readonly 'green-300': any;
9537
+ readonly 'green-350': any;
8835
9538
  readonly 'green-400': any;
9539
+ readonly 'green-450': any;
8836
9540
  readonly 'green-500': any;
9541
+ readonly 'green-550': any;
8837
9542
  readonly 'green-600': any;
9543
+ readonly 'green-650': any;
8838
9544
  readonly 'green-700': any;
9545
+ readonly 'green-750': any;
8839
9546
  readonly 'green-800': any;
9547
+ readonly 'green-850': any;
8840
9548
  readonly 'green-900': any;
8841
- readonly 'indigo-100': any;
8842
- readonly 'indigo-200': any;
8843
- readonly 'indigo-300': any;
8844
- readonly 'indigo-400': any;
8845
- readonly 'indigo-500': any;
8846
- readonly 'indigo-600': any;
8847
- readonly 'indigo-700': any;
8848
- readonly 'indigo-800': any;
8849
- readonly 'indigo-900': any;
9549
+ readonly 'green-950': any;
9550
+ readonly 'red-50': any;
8850
9551
  readonly 'red-100': any;
9552
+ readonly 'red-150': any;
8851
9553
  readonly 'red-200': any;
9554
+ readonly 'red-250': any;
8852
9555
  readonly 'red-300': any;
9556
+ readonly 'red-350': any;
8853
9557
  readonly 'red-400': any;
9558
+ readonly 'red-450': any;
8854
9559
  readonly 'red-500': any;
9560
+ readonly 'red-550': any;
8855
9561
  readonly 'red-600': any;
9562
+ readonly 'red-650': any;
8856
9563
  readonly 'red-700': any;
9564
+ readonly 'red-750': any;
8857
9565
  readonly 'red-800': any;
9566
+ readonly 'red-850': any;
8858
9567
  readonly 'red-900': any;
9568
+ readonly 'red-950': any;
8859
9569
  readonly transparent: any;
8860
9570
  readonly white: any;
9571
+ readonly 'yellow-50': any;
8861
9572
  readonly 'yellow-100': any;
9573
+ readonly 'yellow-150': any;
8862
9574
  readonly 'yellow-200': any;
9575
+ readonly 'yellow-250': any;
8863
9576
  readonly 'yellow-300': any;
9577
+ readonly 'yellow-350': any;
8864
9578
  readonly 'yellow-400': any;
9579
+ readonly 'yellow-450': any;
8865
9580
  readonly 'yellow-500': any;
9581
+ readonly 'yellow-550': any;
8866
9582
  readonly 'yellow-600': any;
9583
+ readonly 'yellow-650': any;
8867
9584
  readonly 'yellow-700': any;
9585
+ readonly 'yellow-750': any;
8868
9586
  readonly 'yellow-800': any;
9587
+ readonly 'yellow-850': any;
8869
9588
  readonly 'yellow-900': any;
9589
+ readonly 'yellow-950': any;
8870
9590
  "background-alpha-active"?: any;
8871
9591
  "background-alpha-hover"?: any;
8872
9592
  "background-danger-prominent"?: any;
@@ -8887,27 +9607,19 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
8887
9607
  "background-neutrals-inverted-subtle"?: any;
8888
9608
  "background-neutrals-page"?: any;
8889
9609
  "background-neutrals-page-subtle"?: any;
8890
- "background-neutrals-scrolls"?: any;
8891
- "background-neutrals-scrolls-expanded"?: any;
8892
- "background-neutrals-scrolls-hover"?: any;
8893
- "background-neutrals-scrolls-pressed"?: any;
8894
- "background-neutrals-scrolls-pressed-hover"?: any;
9610
+ "background-neutrals-scrollbar"?: any;
9611
+ "background-neutrals-scrollbar-active"?: any;
9612
+ "background-neutrals-scrollbar-hover"?: any;
8895
9613
  "background-neutrals-subtle"?: any;
8896
9614
  "background-neutrals-subtle-active"?: any;
8897
9615
  "background-neutrals-subtle-hover"?: any;
8898
9616
  "background-primary-prominent"?: any;
8899
9617
  "background-primary-prominent-active"?: any;
8900
- "background-primary-prominent-expanded"?: any;
8901
9618
  "background-primary-prominent-hover"?: any;
8902
- "background-primary-prominent-pressed"?: any;
8903
- "background-primary-prominent-pressed-hover"?: any;
8904
9619
  "background-primary-prominent-selected"?: any;
8905
9620
  "background-primary-subtle"?: any;
8906
9621
  "background-primary-subtle-active"?: any;
8907
- "background-primary-subtle-expanded"?: any;
8908
9622
  "background-primary-subtle-hover"?: any;
8909
- "background-primary-subtle-pressed"?: any;
8910
- "background-primary-subtle-pressed-hover"?: any;
8911
9623
  "background-primary-subtle-selected"?: any;
8912
9624
  "background-success"?: any;
8913
9625
  "background-success-prominent"?: any;
@@ -8918,9 +9630,15 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
8918
9630
  "border-danger"?: any;
8919
9631
  "border-danger-active"?: any;
8920
9632
  "border-danger-hover"?: any;
9633
+ "border-focus-error-inner"?: any;
9634
+ "border-focus-error-middle"?: any;
9635
+ "border-focus-error-outer"?: any;
8921
9636
  "border-focus-inner"?: any;
8922
9637
  "border-focus-middle"?: any;
8923
9638
  "border-focus-outer"?: any;
9639
+ "border-focus-success-inner"?: any;
9640
+ "border-focus-success-middle"?: any;
9641
+ "border-focus-success-outer"?: any;
8924
9642
  "border-neutrals"?: any;
8925
9643
  "border-neutrals-active"?: any;
8926
9644
  "border-neutrals-controls"?: any;
@@ -9013,21 +9731,23 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9013
9731
  readonly body: "Open Sans, sans-serif";
9014
9732
  };
9015
9733
  radii: {
9016
- readonly none: 0;
9017
- readonly half: "999em";
9018
9734
  readonly 25: "2px";
9019
9735
  readonly 50: "4px";
9020
9736
  readonly 75: "6px";
9021
9737
  readonly 100: "8px";
9022
9738
  readonly 200: "16px";
9739
+ readonly half: "999px";
9740
+ readonly none: "0px";
9023
9741
  };
9024
9742
  shadows: {
9025
- 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";
9026
- 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";
9027
- 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";
9028
- 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";
9029
- 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";
9030
- 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";
9743
+ 50: any;
9744
+ 100: any;
9745
+ "focus-small": any;
9746
+ "focus-small-outline": any;
9747
+ "focus-large": any;
9748
+ "focus-controls": any;
9749
+ "focus-controls-error": any;
9750
+ "focus-controls-success": any;
9031
9751
  };
9032
9752
  sizes: {
9033
9753
  readonly number: string;
@@ -9298,63 +10018,103 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9298
10018
  };
9299
10019
  colors: {
9300
10020
  readonly black: any;
10021
+ readonly 'blue-50': any;
9301
10022
  readonly 'blue-100': any;
10023
+ readonly 'blue-150': any;
9302
10024
  readonly 'blue-200': any;
10025
+ readonly 'blue-250': any;
9303
10026
  readonly 'blue-300': any;
10027
+ readonly 'blue-350': any;
9304
10028
  readonly 'blue-400': any;
10029
+ readonly 'blue-450': any;
9305
10030
  readonly 'blue-500': any;
10031
+ readonly 'blue-550': any;
9306
10032
  readonly 'blue-600': any;
10033
+ readonly 'blue-650': any;
9307
10034
  readonly 'blue-700': any;
10035
+ readonly 'blue-750': any;
9308
10036
  readonly 'blue-800': any;
10037
+ readonly 'blue-850': any;
9309
10038
  readonly 'blue-900': any;
9310
- readonly 'blue-1000': any;
10039
+ readonly 'blue-950': any;
10040
+ readonly 'gray-50': any;
9311
10041
  readonly 'gray-100': any;
10042
+ readonly 'gray-150': any;
9312
10043
  readonly 'gray-200': any;
10044
+ readonly 'gray-250': any;
9313
10045
  readonly 'gray-300': any;
10046
+ readonly 'gray-350': any;
9314
10047
  readonly 'gray-400': any;
10048
+ readonly 'gray-450': any;
9315
10049
  readonly 'gray-500': any;
10050
+ readonly 'gray-550': any;
9316
10051
  readonly 'gray-600': any;
10052
+ readonly 'gray-650': any;
9317
10053
  readonly 'gray-700': any;
10054
+ readonly 'gray-750': any;
9318
10055
  readonly 'gray-800': any;
10056
+ readonly 'gray-850': any;
9319
10057
  readonly 'gray-900': any;
10058
+ readonly 'gray-950': any;
10059
+ readonly 'green-50': any;
9320
10060
  readonly 'green-100': any;
10061
+ readonly 'green-150': any;
9321
10062
  readonly 'green-200': any;
10063
+ readonly 'green-250': any;
9322
10064
  readonly 'green-300': any;
10065
+ readonly 'green-350': any;
9323
10066
  readonly 'green-400': any;
10067
+ readonly 'green-450': any;
9324
10068
  readonly 'green-500': any;
10069
+ readonly 'green-550': any;
9325
10070
  readonly 'green-600': any;
10071
+ readonly 'green-650': any;
9326
10072
  readonly 'green-700': any;
10073
+ readonly 'green-750': any;
9327
10074
  readonly 'green-800': any;
10075
+ readonly 'green-850': any;
9328
10076
  readonly 'green-900': any;
9329
- readonly 'indigo-100': any;
9330
- readonly 'indigo-200': any;
9331
- readonly 'indigo-300': any;
9332
- readonly 'indigo-400': any;
9333
- readonly 'indigo-500': any;
9334
- readonly 'indigo-600': any;
9335
- readonly 'indigo-700': any;
9336
- readonly 'indigo-800': any;
9337
- readonly 'indigo-900': any;
10077
+ readonly 'green-950': any;
10078
+ readonly 'red-50': any;
9338
10079
  readonly 'red-100': any;
10080
+ readonly 'red-150': any;
9339
10081
  readonly 'red-200': any;
10082
+ readonly 'red-250': any;
9340
10083
  readonly 'red-300': any;
10084
+ readonly 'red-350': any;
9341
10085
  readonly 'red-400': any;
10086
+ readonly 'red-450': any;
9342
10087
  readonly 'red-500': any;
10088
+ readonly 'red-550': any;
9343
10089
  readonly 'red-600': any;
10090
+ readonly 'red-650': any;
9344
10091
  readonly 'red-700': any;
10092
+ readonly 'red-750': any;
9345
10093
  readonly 'red-800': any;
10094
+ readonly 'red-850': any;
9346
10095
  readonly 'red-900': any;
10096
+ readonly 'red-950': any;
9347
10097
  readonly transparent: any;
9348
10098
  readonly white: any;
10099
+ readonly 'yellow-50': any;
9349
10100
  readonly 'yellow-100': any;
10101
+ readonly 'yellow-150': any;
9350
10102
  readonly 'yellow-200': any;
10103
+ readonly 'yellow-250': any;
9351
10104
  readonly 'yellow-300': any;
10105
+ readonly 'yellow-350': any;
9352
10106
  readonly 'yellow-400': any;
10107
+ readonly 'yellow-450': any;
9353
10108
  readonly 'yellow-500': any;
10109
+ readonly 'yellow-550': any;
9354
10110
  readonly 'yellow-600': any;
10111
+ readonly 'yellow-650': any;
9355
10112
  readonly 'yellow-700': any;
10113
+ readonly 'yellow-750': any;
9356
10114
  readonly 'yellow-800': any;
10115
+ readonly 'yellow-850': any;
9357
10116
  readonly 'yellow-900': any;
10117
+ readonly 'yellow-950': any;
9358
10118
  "background-alpha-active"?: any;
9359
10119
  "background-alpha-hover"?: any;
9360
10120
  "background-danger-prominent"?: any;
@@ -9375,27 +10135,19 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9375
10135
  "background-neutrals-inverted-subtle"?: any;
9376
10136
  "background-neutrals-page"?: any;
9377
10137
  "background-neutrals-page-subtle"?: any;
9378
- "background-neutrals-scrolls"?: any;
9379
- "background-neutrals-scrolls-expanded"?: any;
9380
- "background-neutrals-scrolls-hover"?: any;
9381
- "background-neutrals-scrolls-pressed"?: any;
9382
- "background-neutrals-scrolls-pressed-hover"?: any;
10138
+ "background-neutrals-scrollbar"?: any;
10139
+ "background-neutrals-scrollbar-active"?: any;
10140
+ "background-neutrals-scrollbar-hover"?: any;
9383
10141
  "background-neutrals-subtle"?: any;
9384
10142
  "background-neutrals-subtle-active"?: any;
9385
10143
  "background-neutrals-subtle-hover"?: any;
9386
10144
  "background-primary-prominent"?: any;
9387
10145
  "background-primary-prominent-active"?: any;
9388
- "background-primary-prominent-expanded"?: any;
9389
10146
  "background-primary-prominent-hover"?: any;
9390
- "background-primary-prominent-pressed"?: any;
9391
- "background-primary-prominent-pressed-hover"?: any;
9392
10147
  "background-primary-prominent-selected"?: any;
9393
10148
  "background-primary-subtle"?: any;
9394
10149
  "background-primary-subtle-active"?: any;
9395
- "background-primary-subtle-expanded"?: any;
9396
10150
  "background-primary-subtle-hover"?: any;
9397
- "background-primary-subtle-pressed"?: any;
9398
- "background-primary-subtle-pressed-hover"?: any;
9399
10151
  "background-primary-subtle-selected"?: any;
9400
10152
  "background-success"?: any;
9401
10153
  "background-success-prominent"?: any;
@@ -9406,9 +10158,15 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9406
10158
  "border-danger"?: any;
9407
10159
  "border-danger-active"?: any;
9408
10160
  "border-danger-hover"?: any;
10161
+ "border-focus-error-inner"?: any;
10162
+ "border-focus-error-middle"?: any;
10163
+ "border-focus-error-outer"?: any;
9409
10164
  "border-focus-inner"?: any;
9410
10165
  "border-focus-middle"?: any;
9411
10166
  "border-focus-outer"?: any;
10167
+ "border-focus-success-inner"?: any;
10168
+ "border-focus-success-middle"?: any;
10169
+ "border-focus-success-outer"?: any;
9412
10170
  "border-neutrals"?: any;
9413
10171
  "border-neutrals-active"?: any;
9414
10172
  "border-neutrals-controls"?: any;
@@ -9501,21 +10259,23 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9501
10259
  readonly body: "Open Sans, sans-serif";
9502
10260
  };
9503
10261
  radii: {
9504
- readonly none: 0;
9505
- readonly half: "999em";
9506
10262
  readonly 25: "2px";
9507
10263
  readonly 50: "4px";
9508
10264
  readonly 75: "6px";
9509
10265
  readonly 100: "8px";
9510
10266
  readonly 200: "16px";
10267
+ readonly half: "999px";
10268
+ readonly none: "0px";
9511
10269
  };
9512
10270
  shadows: {
9513
- 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";
9514
- 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";
9515
- 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";
9516
- 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";
9517
- 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";
9518
- 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";
10271
+ 50: any;
10272
+ 100: any;
10273
+ "focus-small": any;
10274
+ "focus-small-outline": any;
10275
+ "focus-large": any;
10276
+ "focus-controls": any;
10277
+ "focus-controls-error": any;
10278
+ "focus-controls-success": any;
9519
10279
  };
9520
10280
  sizes: {
9521
10281
  readonly number: string;
@@ -9786,63 +10546,103 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9786
10546
  };
9787
10547
  colors: {
9788
10548
  readonly black: any;
10549
+ readonly 'blue-50': any;
9789
10550
  readonly 'blue-100': any;
10551
+ readonly 'blue-150': any;
9790
10552
  readonly 'blue-200': any;
10553
+ readonly 'blue-250': any;
9791
10554
  readonly 'blue-300': any;
10555
+ readonly 'blue-350': any;
9792
10556
  readonly 'blue-400': any;
10557
+ readonly 'blue-450': any;
9793
10558
  readonly 'blue-500': any;
10559
+ readonly 'blue-550': any;
9794
10560
  readonly 'blue-600': any;
10561
+ readonly 'blue-650': any;
9795
10562
  readonly 'blue-700': any;
10563
+ readonly 'blue-750': any;
9796
10564
  readonly 'blue-800': any;
10565
+ readonly 'blue-850': any;
9797
10566
  readonly 'blue-900': any;
9798
- readonly 'blue-1000': any;
10567
+ readonly 'blue-950': any;
10568
+ readonly 'gray-50': any;
9799
10569
  readonly 'gray-100': any;
10570
+ readonly 'gray-150': any;
9800
10571
  readonly 'gray-200': any;
10572
+ readonly 'gray-250': any;
9801
10573
  readonly 'gray-300': any;
10574
+ readonly 'gray-350': any;
9802
10575
  readonly 'gray-400': any;
10576
+ readonly 'gray-450': any;
9803
10577
  readonly 'gray-500': any;
10578
+ readonly 'gray-550': any;
9804
10579
  readonly 'gray-600': any;
10580
+ readonly 'gray-650': any;
9805
10581
  readonly 'gray-700': any;
10582
+ readonly 'gray-750': any;
9806
10583
  readonly 'gray-800': any;
10584
+ readonly 'gray-850': any;
9807
10585
  readonly 'gray-900': any;
10586
+ readonly 'gray-950': any;
10587
+ readonly 'green-50': any;
9808
10588
  readonly 'green-100': any;
10589
+ readonly 'green-150': any;
9809
10590
  readonly 'green-200': any;
10591
+ readonly 'green-250': any;
9810
10592
  readonly 'green-300': any;
10593
+ readonly 'green-350': any;
9811
10594
  readonly 'green-400': any;
10595
+ readonly 'green-450': any;
9812
10596
  readonly 'green-500': any;
10597
+ readonly 'green-550': any;
9813
10598
  readonly 'green-600': any;
10599
+ readonly 'green-650': any;
9814
10600
  readonly 'green-700': any;
10601
+ readonly 'green-750': any;
9815
10602
  readonly 'green-800': any;
10603
+ readonly 'green-850': any;
9816
10604
  readonly 'green-900': any;
9817
- readonly 'indigo-100': any;
9818
- readonly 'indigo-200': any;
9819
- readonly 'indigo-300': any;
9820
- readonly 'indigo-400': any;
9821
- readonly 'indigo-500': any;
9822
- readonly 'indigo-600': any;
9823
- readonly 'indigo-700': any;
9824
- readonly 'indigo-800': any;
9825
- readonly 'indigo-900': any;
10605
+ readonly 'green-950': any;
10606
+ readonly 'red-50': any;
9826
10607
  readonly 'red-100': any;
10608
+ readonly 'red-150': any;
9827
10609
  readonly 'red-200': any;
10610
+ readonly 'red-250': any;
9828
10611
  readonly 'red-300': any;
10612
+ readonly 'red-350': any;
9829
10613
  readonly 'red-400': any;
10614
+ readonly 'red-450': any;
9830
10615
  readonly 'red-500': any;
10616
+ readonly 'red-550': any;
9831
10617
  readonly 'red-600': any;
10618
+ readonly 'red-650': any;
9832
10619
  readonly 'red-700': any;
10620
+ readonly 'red-750': any;
9833
10621
  readonly 'red-800': any;
10622
+ readonly 'red-850': any;
9834
10623
  readonly 'red-900': any;
10624
+ readonly 'red-950': any;
9835
10625
  readonly transparent: any;
9836
10626
  readonly white: any;
10627
+ readonly 'yellow-50': any;
9837
10628
  readonly 'yellow-100': any;
10629
+ readonly 'yellow-150': any;
9838
10630
  readonly 'yellow-200': any;
10631
+ readonly 'yellow-250': any;
9839
10632
  readonly 'yellow-300': any;
10633
+ readonly 'yellow-350': any;
9840
10634
  readonly 'yellow-400': any;
10635
+ readonly 'yellow-450': any;
9841
10636
  readonly 'yellow-500': any;
10637
+ readonly 'yellow-550': any;
9842
10638
  readonly 'yellow-600': any;
10639
+ readonly 'yellow-650': any;
9843
10640
  readonly 'yellow-700': any;
10641
+ readonly 'yellow-750': any;
9844
10642
  readonly 'yellow-800': any;
10643
+ readonly 'yellow-850': any;
9845
10644
  readonly 'yellow-900': any;
10645
+ readonly 'yellow-950': any;
9846
10646
  "background-alpha-active"?: any;
9847
10647
  "background-alpha-hover"?: any;
9848
10648
  "background-danger-prominent"?: any;
@@ -9863,27 +10663,19 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9863
10663
  "background-neutrals-inverted-subtle"?: any;
9864
10664
  "background-neutrals-page"?: any;
9865
10665
  "background-neutrals-page-subtle"?: any;
9866
- "background-neutrals-scrolls"?: any;
9867
- "background-neutrals-scrolls-expanded"?: any;
9868
- "background-neutrals-scrolls-hover"?: any;
9869
- "background-neutrals-scrolls-pressed"?: any;
9870
- "background-neutrals-scrolls-pressed-hover"?: any;
10666
+ "background-neutrals-scrollbar"?: any;
10667
+ "background-neutrals-scrollbar-active"?: any;
10668
+ "background-neutrals-scrollbar-hover"?: any;
9871
10669
  "background-neutrals-subtle"?: any;
9872
10670
  "background-neutrals-subtle-active"?: any;
9873
10671
  "background-neutrals-subtle-hover"?: any;
9874
10672
  "background-primary-prominent"?: any;
9875
10673
  "background-primary-prominent-active"?: any;
9876
- "background-primary-prominent-expanded"?: any;
9877
10674
  "background-primary-prominent-hover"?: any;
9878
- "background-primary-prominent-pressed"?: any;
9879
- "background-primary-prominent-pressed-hover"?: any;
9880
10675
  "background-primary-prominent-selected"?: any;
9881
10676
  "background-primary-subtle"?: any;
9882
10677
  "background-primary-subtle-active"?: any;
9883
- "background-primary-subtle-expanded"?: any;
9884
10678
  "background-primary-subtle-hover"?: any;
9885
- "background-primary-subtle-pressed"?: any;
9886
- "background-primary-subtle-pressed-hover"?: any;
9887
10679
  "background-primary-subtle-selected"?: any;
9888
10680
  "background-success"?: any;
9889
10681
  "background-success-prominent"?: any;
@@ -9894,9 +10686,15 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9894
10686
  "border-danger"?: any;
9895
10687
  "border-danger-active"?: any;
9896
10688
  "border-danger-hover"?: any;
10689
+ "border-focus-error-inner"?: any;
10690
+ "border-focus-error-middle"?: any;
10691
+ "border-focus-error-outer"?: any;
9897
10692
  "border-focus-inner"?: any;
9898
10693
  "border-focus-middle"?: any;
9899
10694
  "border-focus-outer"?: any;
10695
+ "border-focus-success-inner"?: any;
10696
+ "border-focus-success-middle"?: any;
10697
+ "border-focus-success-outer"?: any;
9900
10698
  "border-neutrals"?: any;
9901
10699
  "border-neutrals-active"?: any;
9902
10700
  "border-neutrals-controls"?: any;
@@ -9989,21 +10787,23 @@ declare const StyledIllustrationSlot: react.ForwardRefExoticComponent<Omit<Omit<
9989
10787
  readonly body: "Open Sans, sans-serif";
9990
10788
  };
9991
10789
  radii: {
9992
- readonly none: 0;
9993
- readonly half: "999em";
9994
10790
  readonly 25: "2px";
9995
10791
  readonly 50: "4px";
9996
10792
  readonly 75: "6px";
9997
10793
  readonly 100: "8px";
9998
10794
  readonly 200: "16px";
10795
+ readonly half: "999px";
10796
+ readonly none: "0px";
9999
10797
  };
10000
10798
  shadows: {
10001
- 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";
10002
- 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";
10003
- 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";
10004
- 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";
10005
- 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";
10006
- 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";
10799
+ 50: any;
10800
+ 100: any;
10801
+ "focus-small": any;
10802
+ "focus-small-outline": any;
10803
+ "focus-large": any;
10804
+ "focus-controls": any;
10805
+ "focus-controls-error": any;
10806
+ "focus-controls-success": any;
10007
10807
  };
10008
10808
  sizes: {
10009
10809
  readonly number: string;