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

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