@mirohq/design-system-input 0.1.1 → 0.1.2-colors.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/types.d.ts +549 -207
  2. package/package.json +9 -9
package/dist/types.d.ts CHANGED
@@ -18,63 +18,103 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
18
18
  };
19
19
  colors: {
20
20
  readonly black: any;
21
+ readonly 'blue-50': any;
21
22
  readonly 'blue-100': any;
23
+ readonly 'blue-150': any;
22
24
  readonly 'blue-200': any;
25
+ readonly 'blue-250': any;
23
26
  readonly 'blue-300': any;
27
+ readonly 'blue-350': any;
24
28
  readonly 'blue-400': any;
29
+ readonly 'blue-450': any;
25
30
  readonly 'blue-500': any;
31
+ readonly 'blue-550': any;
26
32
  readonly 'blue-600': any;
33
+ readonly 'blue-650': any;
27
34
  readonly 'blue-700': any;
35
+ readonly 'blue-750': any;
28
36
  readonly 'blue-800': any;
37
+ readonly 'blue-850': any;
29
38
  readonly 'blue-900': any;
30
- readonly 'blue-1000': any;
39
+ readonly 'blue-950': any;
40
+ readonly 'gray-50': any;
31
41
  readonly 'gray-100': any;
42
+ readonly 'gray-150': any;
32
43
  readonly 'gray-200': any;
44
+ readonly 'gray-250': any;
33
45
  readonly 'gray-300': any;
46
+ readonly 'gray-350': any;
34
47
  readonly 'gray-400': any;
48
+ readonly 'gray-450': any;
35
49
  readonly 'gray-500': any;
50
+ readonly 'gray-550': any;
36
51
  readonly 'gray-600': any;
52
+ readonly 'gray-650': any;
37
53
  readonly 'gray-700': any;
54
+ readonly 'gray-750': any;
38
55
  readonly 'gray-800': any;
56
+ readonly 'gray-850': any;
39
57
  readonly 'gray-900': any;
58
+ readonly 'gray-950': any;
59
+ readonly 'green-50': any;
40
60
  readonly 'green-100': any;
61
+ readonly 'green-150': any;
41
62
  readonly 'green-200': any;
63
+ readonly 'green-250': any;
42
64
  readonly 'green-300': any;
65
+ readonly 'green-350': any;
43
66
  readonly 'green-400': any;
67
+ readonly 'green-450': any;
44
68
  readonly 'green-500': any;
69
+ readonly 'green-550': any;
45
70
  readonly 'green-600': any;
71
+ readonly 'green-650': any;
46
72
  readonly 'green-700': any;
73
+ readonly 'green-750': any;
47
74
  readonly 'green-800': any;
75
+ readonly 'green-850': any;
48
76
  readonly 'green-900': any;
49
- readonly 'indigo-100': any;
50
- readonly 'indigo-200': any;
51
- readonly 'indigo-300': any;
52
- readonly 'indigo-400': any;
53
- readonly 'indigo-500': any;
54
- readonly 'indigo-600': any;
55
- readonly 'indigo-700': any;
56
- readonly 'indigo-800': any;
57
- readonly 'indigo-900': any;
77
+ readonly 'green-950': any;
78
+ readonly 'red-50': any;
58
79
  readonly 'red-100': any;
80
+ readonly 'red-150': any;
59
81
  readonly 'red-200': any;
82
+ readonly 'red-250': any;
60
83
  readonly 'red-300': any;
84
+ readonly 'red-350': any;
61
85
  readonly 'red-400': any;
86
+ readonly 'red-450': any;
62
87
  readonly 'red-500': any;
88
+ readonly 'red-550': any;
63
89
  readonly 'red-600': any;
90
+ readonly 'red-650': any;
64
91
  readonly 'red-700': any;
92
+ readonly 'red-750': any;
65
93
  readonly 'red-800': any;
94
+ readonly 'red-850': any;
66
95
  readonly 'red-900': any;
96
+ readonly 'red-950': any;
67
97
  readonly transparent: any;
68
98
  readonly white: any;
99
+ readonly 'yellow-50': any;
69
100
  readonly 'yellow-100': any;
101
+ readonly 'yellow-150': any;
70
102
  readonly 'yellow-200': any;
103
+ readonly 'yellow-250': any;
71
104
  readonly 'yellow-300': any;
105
+ readonly 'yellow-350': any;
72
106
  readonly 'yellow-400': any;
107
+ readonly 'yellow-450': any;
73
108
  readonly 'yellow-500': any;
109
+ readonly 'yellow-550': any;
74
110
  readonly 'yellow-600': any;
111
+ readonly 'yellow-650': any;
75
112
  readonly 'yellow-700': any;
113
+ readonly 'yellow-750': any;
76
114
  readonly 'yellow-800': any;
115
+ readonly 'yellow-850': any;
77
116
  readonly 'yellow-900': any;
117
+ readonly 'yellow-950': any;
78
118
  "background-alpha-active"?: any;
79
119
  "background-alpha-hover"?: any;
80
120
  "background-danger-prominent"?: any;
@@ -95,27 +135,19 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
95
135
  "background-neutrals-inverted-subtle"?: any;
96
136
  "background-neutrals-page"?: any;
97
137
  "background-neutrals-page-subtle"?: any;
98
- "background-neutrals-scrolls"?: any;
99
- "background-neutrals-scrolls-expanded"?: any;
100
- "background-neutrals-scrolls-hover"?: any;
101
- "background-neutrals-scrolls-pressed"?: any;
102
- "background-neutrals-scrolls-pressed-hover"?: any;
138
+ "background-neutrals-scrollbar"?: any;
139
+ "background-neutrals-scrollbar-active"?: any;
140
+ "background-neutrals-scrollbar-hover"?: any;
103
141
  "background-neutrals-subtle"?: any;
104
142
  "background-neutrals-subtle-active"?: any;
105
143
  "background-neutrals-subtle-hover"?: any;
106
144
  "background-primary-prominent"?: any;
107
145
  "background-primary-prominent-active"?: any;
108
- "background-primary-prominent-expanded"?: any;
109
146
  "background-primary-prominent-hover"?: any;
110
- "background-primary-prominent-pressed"?: any;
111
- "background-primary-prominent-pressed-hover"?: any;
112
147
  "background-primary-prominent-selected"?: any;
113
148
  "background-primary-subtle"?: any;
114
149
  "background-primary-subtle-active"?: any;
115
- "background-primary-subtle-expanded"?: any;
116
150
  "background-primary-subtle-hover"?: any;
117
- "background-primary-subtle-pressed"?: any;
118
- "background-primary-subtle-pressed-hover"?: any;
119
151
  "background-primary-subtle-selected"?: any;
120
152
  "background-success"?: any;
121
153
  "background-success-prominent"?: any;
@@ -126,9 +158,15 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
126
158
  "border-danger"?: any;
127
159
  "border-danger-active"?: any;
128
160
  "border-danger-hover"?: any;
161
+ "border-focus-error-inner"?: any;
162
+ "border-focus-error-middle"?: any;
163
+ "border-focus-error-outer"?: any;
129
164
  "border-focus-inner"?: any;
130
165
  "border-focus-middle"?: any;
131
166
  "border-focus-outer"?: any;
167
+ "border-focus-success-inner"?: any;
168
+ "border-focus-success-middle"?: any;
169
+ "border-focus-success-outer"?: any;
132
170
  "border-neutrals"?: any;
133
171
  "border-neutrals-active"?: any;
134
172
  "border-neutrals-controls"?: any;
@@ -221,13 +259,13 @@ declare const StyledIconSlot: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_
221
259
  readonly body: "Open Sans, sans-serif";
222
260
  };
223
261
  radii: {
224
- readonly none: 0;
225
- readonly half: "999em";
226
262
  readonly 25: "2px";
227
263
  readonly 50: "4px";
228
264
  readonly 75: "6px";
229
265
  readonly 100: "8px";
230
266
  readonly 200: "16px";
267
+ readonly half: "999px";
268
+ readonly none: "0px";
231
269
  };
232
270
  shadows: {
233
271
  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";
@@ -515,63 +553,103 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
515
553
  };
516
554
  colors: {
517
555
  readonly black: any;
556
+ readonly 'blue-50': any;
518
557
  readonly 'blue-100': any;
558
+ readonly 'blue-150': any;
519
559
  readonly 'blue-200': any;
560
+ readonly 'blue-250': any;
520
561
  readonly 'blue-300': any;
562
+ readonly 'blue-350': any;
521
563
  readonly 'blue-400': any;
564
+ readonly 'blue-450': any;
522
565
  readonly 'blue-500': any;
566
+ readonly 'blue-550': any;
523
567
  readonly 'blue-600': any;
568
+ readonly 'blue-650': any;
524
569
  readonly 'blue-700': any;
570
+ readonly 'blue-750': any;
525
571
  readonly 'blue-800': any;
572
+ readonly 'blue-850': any;
526
573
  readonly 'blue-900': any;
527
- readonly 'blue-1000': any;
574
+ readonly 'blue-950': any;
575
+ readonly 'gray-50': any;
528
576
  readonly 'gray-100': any;
577
+ readonly 'gray-150': any;
529
578
  readonly 'gray-200': any;
579
+ readonly 'gray-250': any;
530
580
  readonly 'gray-300': any;
581
+ readonly 'gray-350': any;
531
582
  readonly 'gray-400': any;
583
+ readonly 'gray-450': any;
532
584
  readonly 'gray-500': any;
585
+ readonly 'gray-550': any;
533
586
  readonly 'gray-600': any;
587
+ readonly 'gray-650': any;
534
588
  readonly 'gray-700': any;
589
+ readonly 'gray-750': any;
535
590
  readonly 'gray-800': any;
591
+ readonly 'gray-850': any;
536
592
  readonly 'gray-900': any;
593
+ readonly 'gray-950': any;
594
+ readonly 'green-50': any;
537
595
  readonly 'green-100': any;
596
+ readonly 'green-150': any;
538
597
  readonly 'green-200': any;
598
+ readonly 'green-250': any;
539
599
  readonly 'green-300': any;
600
+ readonly 'green-350': any;
540
601
  readonly 'green-400': any;
602
+ readonly 'green-450': any;
541
603
  readonly 'green-500': any;
604
+ readonly 'green-550': any;
542
605
  readonly 'green-600': any;
606
+ readonly 'green-650': any;
543
607
  readonly 'green-700': any;
608
+ readonly 'green-750': any;
544
609
  readonly 'green-800': any;
610
+ readonly 'green-850': any;
545
611
  readonly 'green-900': any;
546
- readonly 'indigo-100': any;
547
- readonly 'indigo-200': any;
548
- readonly 'indigo-300': any;
549
- readonly 'indigo-400': any;
550
- readonly 'indigo-500': any;
551
- readonly 'indigo-600': any;
552
- readonly 'indigo-700': any;
553
- readonly 'indigo-800': any;
554
- readonly 'indigo-900': any;
612
+ readonly 'green-950': any;
613
+ readonly 'red-50': any;
555
614
  readonly 'red-100': any;
615
+ readonly 'red-150': any;
556
616
  readonly 'red-200': any;
617
+ readonly 'red-250': any;
557
618
  readonly 'red-300': any;
619
+ readonly 'red-350': any;
558
620
  readonly 'red-400': any;
621
+ readonly 'red-450': any;
559
622
  readonly 'red-500': any;
623
+ readonly 'red-550': any;
560
624
  readonly 'red-600': any;
625
+ readonly 'red-650': any;
561
626
  readonly 'red-700': any;
627
+ readonly 'red-750': any;
562
628
  readonly 'red-800': any;
629
+ readonly 'red-850': any;
563
630
  readonly 'red-900': any;
631
+ readonly 'red-950': any;
564
632
  readonly transparent: any;
565
633
  readonly white: any;
634
+ readonly 'yellow-50': any;
566
635
  readonly 'yellow-100': any;
636
+ readonly 'yellow-150': any;
567
637
  readonly 'yellow-200': any;
638
+ readonly 'yellow-250': any;
568
639
  readonly 'yellow-300': any;
640
+ readonly 'yellow-350': any;
569
641
  readonly 'yellow-400': any;
642
+ readonly 'yellow-450': any;
570
643
  readonly 'yellow-500': any;
644
+ readonly 'yellow-550': any;
571
645
  readonly 'yellow-600': any;
646
+ readonly 'yellow-650': any;
572
647
  readonly 'yellow-700': any;
648
+ readonly 'yellow-750': any;
573
649
  readonly 'yellow-800': any;
650
+ readonly 'yellow-850': any;
574
651
  readonly 'yellow-900': any;
652
+ readonly 'yellow-950': any;
575
653
  "background-alpha-active"?: any;
576
654
  "background-alpha-hover"?: any;
577
655
  "background-danger-prominent"?: any;
@@ -592,27 +670,19 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
592
670
  "background-neutrals-inverted-subtle"?: any;
593
671
  "background-neutrals-page"?: any;
594
672
  "background-neutrals-page-subtle"?: any;
595
- "background-neutrals-scrolls"?: any;
596
- "background-neutrals-scrolls-expanded"?: any;
597
- "background-neutrals-scrolls-hover"?: any;
598
- "background-neutrals-scrolls-pressed"?: any;
599
- "background-neutrals-scrolls-pressed-hover"?: any;
673
+ "background-neutrals-scrollbar"?: any;
674
+ "background-neutrals-scrollbar-active"?: any;
675
+ "background-neutrals-scrollbar-hover"?: any;
600
676
  "background-neutrals-subtle"?: any;
601
677
  "background-neutrals-subtle-active"?: any;
602
678
  "background-neutrals-subtle-hover"?: any;
603
679
  "background-primary-prominent"?: any;
604
680
  "background-primary-prominent-active"?: any;
605
- "background-primary-prominent-expanded"?: any;
606
681
  "background-primary-prominent-hover"?: any;
607
- "background-primary-prominent-pressed"?: any;
608
- "background-primary-prominent-pressed-hover"?: any;
609
682
  "background-primary-prominent-selected"?: any;
610
683
  "background-primary-subtle"?: any;
611
684
  "background-primary-subtle-active"?: any;
612
- "background-primary-subtle-expanded"?: any;
613
685
  "background-primary-subtle-hover"?: any;
614
- "background-primary-subtle-pressed"?: any;
615
- "background-primary-subtle-pressed-hover"?: any;
616
686
  "background-primary-subtle-selected"?: any;
617
687
  "background-success"?: any;
618
688
  "background-success-prominent"?: any;
@@ -623,9 +693,15 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
623
693
  "border-danger"?: any;
624
694
  "border-danger-active"?: any;
625
695
  "border-danger-hover"?: any;
696
+ "border-focus-error-inner"?: any;
697
+ "border-focus-error-middle"?: any;
698
+ "border-focus-error-outer"?: any;
626
699
  "border-focus-inner"?: any;
627
700
  "border-focus-middle"?: any;
628
701
  "border-focus-outer"?: any;
702
+ "border-focus-success-inner"?: any;
703
+ "border-focus-success-middle"?: any;
704
+ "border-focus-success-outer"?: any;
629
705
  "border-neutrals"?: any;
630
706
  "border-neutrals-active"?: any;
631
707
  "border-neutrals-controls"?: any;
@@ -718,13 +794,13 @@ declare const IconSlot: react__default.ForwardRefExoticComponent<Omit<Omit<Omit<
718
794
  readonly body: "Open Sans, sans-serif";
719
795
  };
720
796
  radii: {
721
- readonly none: 0;
722
- readonly half: "999em";
723
797
  readonly 25: "2px";
724
798
  readonly 50: "4px";
725
799
  readonly 75: "6px";
726
800
  readonly 100: "8px";
727
801
  readonly 200: "16px";
802
+ readonly half: "999px";
803
+ readonly none: "0px";
728
804
  };
729
805
  shadows: {
730
806
  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";
@@ -1007,63 +1083,103 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1007
1083
  };
1008
1084
  colors: {
1009
1085
  readonly black: any;
1086
+ readonly 'blue-50': any;
1010
1087
  readonly 'blue-100': any;
1088
+ readonly 'blue-150': any;
1011
1089
  readonly 'blue-200': any;
1090
+ readonly 'blue-250': any;
1012
1091
  readonly 'blue-300': any;
1092
+ readonly 'blue-350': any;
1013
1093
  readonly 'blue-400': any;
1094
+ readonly 'blue-450': any;
1014
1095
  readonly 'blue-500': any;
1096
+ readonly 'blue-550': any;
1015
1097
  readonly 'blue-600': any;
1098
+ readonly 'blue-650': any;
1016
1099
  readonly 'blue-700': any;
1100
+ readonly 'blue-750': any;
1017
1101
  readonly 'blue-800': any;
1102
+ readonly 'blue-850': any;
1018
1103
  readonly 'blue-900': any;
1019
- readonly 'blue-1000': any;
1104
+ readonly 'blue-950': any;
1105
+ readonly 'gray-50': any;
1020
1106
  readonly 'gray-100': any;
1107
+ readonly 'gray-150': any;
1021
1108
  readonly 'gray-200': any;
1109
+ readonly 'gray-250': any;
1022
1110
  readonly 'gray-300': any;
1111
+ readonly 'gray-350': any;
1023
1112
  readonly 'gray-400': any;
1113
+ readonly 'gray-450': any;
1024
1114
  readonly 'gray-500': any;
1115
+ readonly 'gray-550': any;
1025
1116
  readonly 'gray-600': any;
1117
+ readonly 'gray-650': any;
1026
1118
  readonly 'gray-700': any;
1119
+ readonly 'gray-750': any;
1027
1120
  readonly 'gray-800': any;
1121
+ readonly 'gray-850': any;
1028
1122
  readonly 'gray-900': any;
1123
+ readonly 'gray-950': any;
1124
+ readonly 'green-50': any;
1029
1125
  readonly 'green-100': any;
1126
+ readonly 'green-150': any;
1030
1127
  readonly 'green-200': any;
1128
+ readonly 'green-250': any;
1031
1129
  readonly 'green-300': any;
1130
+ readonly 'green-350': any;
1032
1131
  readonly 'green-400': any;
1132
+ readonly 'green-450': any;
1033
1133
  readonly 'green-500': any;
1134
+ readonly 'green-550': any;
1034
1135
  readonly 'green-600': any;
1136
+ readonly 'green-650': any;
1035
1137
  readonly 'green-700': any;
1138
+ readonly 'green-750': any;
1036
1139
  readonly 'green-800': any;
1140
+ readonly 'green-850': any;
1037
1141
  readonly 'green-900': any;
1038
- readonly 'indigo-100': any;
1039
- readonly 'indigo-200': any;
1040
- readonly 'indigo-300': any;
1041
- readonly 'indigo-400': any;
1042
- readonly 'indigo-500': any;
1043
- readonly 'indigo-600': any;
1044
- readonly 'indigo-700': any;
1045
- readonly 'indigo-800': any;
1046
- readonly 'indigo-900': any;
1142
+ readonly 'green-950': any;
1143
+ readonly 'red-50': any;
1047
1144
  readonly 'red-100': any;
1145
+ readonly 'red-150': any;
1048
1146
  readonly 'red-200': any;
1147
+ readonly 'red-250': any;
1049
1148
  readonly 'red-300': any;
1149
+ readonly 'red-350': any;
1050
1150
  readonly 'red-400': any;
1151
+ readonly 'red-450': any;
1051
1152
  readonly 'red-500': any;
1153
+ readonly 'red-550': any;
1052
1154
  readonly 'red-600': any;
1155
+ readonly 'red-650': any;
1053
1156
  readonly 'red-700': any;
1157
+ readonly 'red-750': any;
1054
1158
  readonly 'red-800': any;
1159
+ readonly 'red-850': any;
1055
1160
  readonly 'red-900': any;
1161
+ readonly 'red-950': any;
1056
1162
  readonly transparent: any;
1057
1163
  readonly white: any;
1164
+ readonly 'yellow-50': any;
1058
1165
  readonly 'yellow-100': any;
1166
+ readonly 'yellow-150': any;
1059
1167
  readonly 'yellow-200': any;
1168
+ readonly 'yellow-250': any;
1060
1169
  readonly 'yellow-300': any;
1170
+ readonly 'yellow-350': any;
1061
1171
  readonly 'yellow-400': any;
1172
+ readonly 'yellow-450': any;
1062
1173
  readonly 'yellow-500': any;
1174
+ readonly 'yellow-550': any;
1063
1175
  readonly 'yellow-600': any;
1176
+ readonly 'yellow-650': any;
1064
1177
  readonly 'yellow-700': any;
1178
+ readonly 'yellow-750': any;
1065
1179
  readonly 'yellow-800': any;
1180
+ readonly 'yellow-850': any;
1066
1181
  readonly 'yellow-900': any;
1182
+ readonly 'yellow-950': any;
1067
1183
  "background-alpha-active"?: any;
1068
1184
  "background-alpha-hover"?: any;
1069
1185
  "background-danger-prominent"?: any;
@@ -1084,27 +1200,19 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1084
1200
  "background-neutrals-inverted-subtle"?: any;
1085
1201
  "background-neutrals-page"?: any;
1086
1202
  "background-neutrals-page-subtle"?: any;
1087
- "background-neutrals-scrolls"?: any;
1088
- "background-neutrals-scrolls-expanded"?: any;
1089
- "background-neutrals-scrolls-hover"?: any;
1090
- "background-neutrals-scrolls-pressed"?: any;
1091
- "background-neutrals-scrolls-pressed-hover"?: any;
1203
+ "background-neutrals-scrollbar"?: any;
1204
+ "background-neutrals-scrollbar-active"?: any;
1205
+ "background-neutrals-scrollbar-hover"?: any;
1092
1206
  "background-neutrals-subtle"?: any;
1093
1207
  "background-neutrals-subtle-active"?: any;
1094
1208
  "background-neutrals-subtle-hover"?: any;
1095
1209
  "background-primary-prominent"?: any;
1096
1210
  "background-primary-prominent-active"?: any;
1097
- "background-primary-prominent-expanded"?: any;
1098
1211
  "background-primary-prominent-hover"?: any;
1099
- "background-primary-prominent-pressed"?: any;
1100
- "background-primary-prominent-pressed-hover"?: any;
1101
1212
  "background-primary-prominent-selected"?: any;
1102
1213
  "background-primary-subtle"?: any;
1103
1214
  "background-primary-subtle-active"?: any;
1104
- "background-primary-subtle-expanded"?: any;
1105
1215
  "background-primary-subtle-hover"?: any;
1106
- "background-primary-subtle-pressed"?: any;
1107
- "background-primary-subtle-pressed-hover"?: any;
1108
1216
  "background-primary-subtle-selected"?: any;
1109
1217
  "background-success"?: any;
1110
1218
  "background-success-prominent"?: any;
@@ -1115,9 +1223,15 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1115
1223
  "border-danger"?: any;
1116
1224
  "border-danger-active"?: any;
1117
1225
  "border-danger-hover"?: any;
1226
+ "border-focus-error-inner"?: any;
1227
+ "border-focus-error-middle"?: any;
1228
+ "border-focus-error-outer"?: any;
1118
1229
  "border-focus-inner"?: any;
1119
1230
  "border-focus-middle"?: any;
1120
1231
  "border-focus-outer"?: any;
1232
+ "border-focus-success-inner"?: any;
1233
+ "border-focus-success-middle"?: any;
1234
+ "border-focus-success-outer"?: any;
1121
1235
  "border-neutrals"?: any;
1122
1236
  "border-neutrals-active"?: any;
1123
1237
  "border-neutrals-controls"?: any;
@@ -1210,13 +1324,13 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1210
1324
  readonly body: "Open Sans, sans-serif";
1211
1325
  };
1212
1326
  radii: {
1213
- readonly none: 0;
1214
- readonly half: "999em";
1215
1327
  readonly 25: "2px";
1216
1328
  readonly 50: "4px";
1217
1329
  readonly 75: "6px";
1218
1330
  readonly 100: "8px";
1219
1331
  readonly 200: "16px";
1332
+ readonly half: "999px";
1333
+ readonly none: "0px";
1220
1334
  };
1221
1335
  shadows: {
1222
1336
  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";
@@ -1495,63 +1609,103 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1495
1609
  };
1496
1610
  colors: {
1497
1611
  readonly black: any;
1612
+ readonly 'blue-50': any;
1498
1613
  readonly 'blue-100': any;
1614
+ readonly 'blue-150': any;
1499
1615
  readonly 'blue-200': any;
1616
+ readonly 'blue-250': any;
1500
1617
  readonly 'blue-300': any;
1618
+ readonly 'blue-350': any;
1501
1619
  readonly 'blue-400': any;
1620
+ readonly 'blue-450': any;
1502
1621
  readonly 'blue-500': any;
1622
+ readonly 'blue-550': any;
1503
1623
  readonly 'blue-600': any;
1624
+ readonly 'blue-650': any;
1504
1625
  readonly 'blue-700': any;
1626
+ readonly 'blue-750': any;
1505
1627
  readonly 'blue-800': any;
1628
+ readonly 'blue-850': any;
1506
1629
  readonly 'blue-900': any;
1507
- readonly 'blue-1000': any;
1630
+ readonly 'blue-950': any;
1631
+ readonly 'gray-50': any;
1508
1632
  readonly 'gray-100': any;
1633
+ readonly 'gray-150': any;
1509
1634
  readonly 'gray-200': any;
1635
+ readonly 'gray-250': any;
1510
1636
  readonly 'gray-300': any;
1637
+ readonly 'gray-350': any;
1511
1638
  readonly 'gray-400': any;
1639
+ readonly 'gray-450': any;
1512
1640
  readonly 'gray-500': any;
1641
+ readonly 'gray-550': any;
1513
1642
  readonly 'gray-600': any;
1643
+ readonly 'gray-650': any;
1514
1644
  readonly 'gray-700': any;
1645
+ readonly 'gray-750': any;
1515
1646
  readonly 'gray-800': any;
1647
+ readonly 'gray-850': any;
1516
1648
  readonly 'gray-900': any;
1649
+ readonly 'gray-950': any;
1650
+ readonly 'green-50': any;
1517
1651
  readonly 'green-100': any;
1652
+ readonly 'green-150': any;
1518
1653
  readonly 'green-200': any;
1654
+ readonly 'green-250': any;
1519
1655
  readonly 'green-300': any;
1656
+ readonly 'green-350': any;
1520
1657
  readonly 'green-400': any;
1658
+ readonly 'green-450': any;
1521
1659
  readonly 'green-500': any;
1660
+ readonly 'green-550': any;
1522
1661
  readonly 'green-600': any;
1662
+ readonly 'green-650': any;
1523
1663
  readonly 'green-700': any;
1664
+ readonly 'green-750': any;
1524
1665
  readonly 'green-800': any;
1666
+ readonly 'green-850': any;
1525
1667
  readonly 'green-900': any;
1526
- readonly 'indigo-100': any;
1527
- readonly 'indigo-200': any;
1528
- readonly 'indigo-300': any;
1529
- readonly 'indigo-400': any;
1530
- readonly 'indigo-500': any;
1531
- readonly 'indigo-600': any;
1532
- readonly 'indigo-700': any;
1533
- readonly 'indigo-800': any;
1534
- readonly 'indigo-900': any;
1668
+ readonly 'green-950': any;
1669
+ readonly 'red-50': any;
1535
1670
  readonly 'red-100': any;
1671
+ readonly 'red-150': any;
1536
1672
  readonly 'red-200': any;
1673
+ readonly 'red-250': any;
1537
1674
  readonly 'red-300': any;
1675
+ readonly 'red-350': any;
1538
1676
  readonly 'red-400': any;
1677
+ readonly 'red-450': any;
1539
1678
  readonly 'red-500': any;
1679
+ readonly 'red-550': any;
1540
1680
  readonly 'red-600': any;
1681
+ readonly 'red-650': any;
1541
1682
  readonly 'red-700': any;
1683
+ readonly 'red-750': any;
1542
1684
  readonly 'red-800': any;
1685
+ readonly 'red-850': any;
1543
1686
  readonly 'red-900': any;
1687
+ readonly 'red-950': any;
1544
1688
  readonly transparent: any;
1545
1689
  readonly white: any;
1690
+ readonly 'yellow-50': any;
1546
1691
  readonly 'yellow-100': any;
1692
+ readonly 'yellow-150': any;
1547
1693
  readonly 'yellow-200': any;
1694
+ readonly 'yellow-250': any;
1548
1695
  readonly 'yellow-300': any;
1696
+ readonly 'yellow-350': any;
1549
1697
  readonly 'yellow-400': any;
1698
+ readonly 'yellow-450': any;
1550
1699
  readonly 'yellow-500': any;
1700
+ readonly 'yellow-550': any;
1551
1701
  readonly 'yellow-600': any;
1702
+ readonly 'yellow-650': any;
1552
1703
  readonly 'yellow-700': any;
1704
+ readonly 'yellow-750': any;
1553
1705
  readonly 'yellow-800': any;
1706
+ readonly 'yellow-850': any;
1554
1707
  readonly 'yellow-900': any;
1708
+ readonly 'yellow-950': any;
1555
1709
  "background-alpha-active"?: any;
1556
1710
  "background-alpha-hover"?: any;
1557
1711
  "background-danger-prominent"?: any;
@@ -1572,27 +1726,19 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1572
1726
  "background-neutrals-inverted-subtle"?: any;
1573
1727
  "background-neutrals-page"?: any;
1574
1728
  "background-neutrals-page-subtle"?: any;
1575
- "background-neutrals-scrolls"?: any;
1576
- "background-neutrals-scrolls-expanded"?: any;
1577
- "background-neutrals-scrolls-hover"?: any;
1578
- "background-neutrals-scrolls-pressed"?: any;
1579
- "background-neutrals-scrolls-pressed-hover"?: any;
1729
+ "background-neutrals-scrollbar"?: any;
1730
+ "background-neutrals-scrollbar-active"?: any;
1731
+ "background-neutrals-scrollbar-hover"?: any;
1580
1732
  "background-neutrals-subtle"?: any;
1581
1733
  "background-neutrals-subtle-active"?: any;
1582
1734
  "background-neutrals-subtle-hover"?: any;
1583
1735
  "background-primary-prominent"?: any;
1584
1736
  "background-primary-prominent-active"?: any;
1585
- "background-primary-prominent-expanded"?: any;
1586
1737
  "background-primary-prominent-hover"?: any;
1587
- "background-primary-prominent-pressed"?: any;
1588
- "background-primary-prominent-pressed-hover"?: any;
1589
1738
  "background-primary-prominent-selected"?: any;
1590
1739
  "background-primary-subtle"?: any;
1591
1740
  "background-primary-subtle-active"?: any;
1592
- "background-primary-subtle-expanded"?: any;
1593
1741
  "background-primary-subtle-hover"?: any;
1594
- "background-primary-subtle-pressed"?: any;
1595
- "background-primary-subtle-pressed-hover"?: any;
1596
1742
  "background-primary-subtle-selected"?: any;
1597
1743
  "background-success"?: any;
1598
1744
  "background-success-prominent"?: any;
@@ -1603,9 +1749,15 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1603
1749
  "border-danger"?: any;
1604
1750
  "border-danger-active"?: any;
1605
1751
  "border-danger-hover"?: any;
1752
+ "border-focus-error-inner"?: any;
1753
+ "border-focus-error-middle"?: any;
1754
+ "border-focus-error-outer"?: any;
1606
1755
  "border-focus-inner"?: any;
1607
1756
  "border-focus-middle"?: any;
1608
1757
  "border-focus-outer"?: any;
1758
+ "border-focus-success-inner"?: any;
1759
+ "border-focus-success-middle"?: any;
1760
+ "border-focus-success-outer"?: any;
1609
1761
  "border-neutrals"?: any;
1610
1762
  "border-neutrals-active"?: any;
1611
1763
  "border-neutrals-controls"?: any;
@@ -1698,13 +1850,13 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1698
1850
  readonly body: "Open Sans, sans-serif";
1699
1851
  };
1700
1852
  radii: {
1701
- readonly none: 0;
1702
- readonly half: "999em";
1703
1853
  readonly 25: "2px";
1704
1854
  readonly 50: "4px";
1705
1855
  readonly 75: "6px";
1706
1856
  readonly 100: "8px";
1707
1857
  readonly 200: "16px";
1858
+ readonly half: "999px";
1859
+ readonly none: "0px";
1708
1860
  };
1709
1861
  shadows: {
1710
1862
  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";
@@ -1985,63 +2137,103 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
1985
2137
  };
1986
2138
  colors: {
1987
2139
  readonly black: any;
2140
+ readonly 'blue-50': any;
1988
2141
  readonly 'blue-100': any;
2142
+ readonly 'blue-150': any;
1989
2143
  readonly 'blue-200': any;
2144
+ readonly 'blue-250': any;
1990
2145
  readonly 'blue-300': any;
2146
+ readonly 'blue-350': any;
1991
2147
  readonly 'blue-400': any;
2148
+ readonly 'blue-450': any;
1992
2149
  readonly 'blue-500': any;
2150
+ readonly 'blue-550': any;
1993
2151
  readonly 'blue-600': any;
2152
+ readonly 'blue-650': any;
1994
2153
  readonly 'blue-700': any;
2154
+ readonly 'blue-750': any;
1995
2155
  readonly 'blue-800': any;
2156
+ readonly 'blue-850': any;
1996
2157
  readonly 'blue-900': any;
1997
- readonly 'blue-1000': any;
2158
+ readonly 'blue-950': any;
2159
+ readonly 'gray-50': any;
1998
2160
  readonly 'gray-100': any;
2161
+ readonly 'gray-150': any;
1999
2162
  readonly 'gray-200': any;
2163
+ readonly 'gray-250': any;
2000
2164
  readonly 'gray-300': any;
2165
+ readonly 'gray-350': any;
2001
2166
  readonly 'gray-400': any;
2167
+ readonly 'gray-450': any;
2002
2168
  readonly 'gray-500': any;
2169
+ readonly 'gray-550': any;
2003
2170
  readonly 'gray-600': any;
2171
+ readonly 'gray-650': any;
2004
2172
  readonly 'gray-700': any;
2173
+ readonly 'gray-750': any;
2005
2174
  readonly 'gray-800': any;
2175
+ readonly 'gray-850': any;
2006
2176
  readonly 'gray-900': any;
2177
+ readonly 'gray-950': any;
2178
+ readonly 'green-50': any;
2007
2179
  readonly 'green-100': any;
2180
+ readonly 'green-150': any;
2008
2181
  readonly 'green-200': any;
2182
+ readonly 'green-250': any;
2009
2183
  readonly 'green-300': any;
2184
+ readonly 'green-350': any;
2010
2185
  readonly 'green-400': any;
2186
+ readonly 'green-450': any;
2011
2187
  readonly 'green-500': any;
2188
+ readonly 'green-550': any;
2012
2189
  readonly 'green-600': any;
2190
+ readonly 'green-650': any;
2013
2191
  readonly 'green-700': any;
2192
+ readonly 'green-750': any;
2014
2193
  readonly 'green-800': any;
2194
+ readonly 'green-850': any;
2015
2195
  readonly 'green-900': any;
2016
- readonly 'indigo-100': any;
2017
- readonly 'indigo-200': any;
2018
- readonly 'indigo-300': any;
2019
- readonly 'indigo-400': any;
2020
- readonly 'indigo-500': any;
2021
- readonly 'indigo-600': any;
2022
- readonly 'indigo-700': any;
2023
- readonly 'indigo-800': any;
2024
- readonly 'indigo-900': any;
2196
+ readonly 'green-950': any;
2197
+ readonly 'red-50': any;
2025
2198
  readonly 'red-100': any;
2199
+ readonly 'red-150': any;
2026
2200
  readonly 'red-200': any;
2201
+ readonly 'red-250': any;
2027
2202
  readonly 'red-300': any;
2203
+ readonly 'red-350': any;
2028
2204
  readonly 'red-400': any;
2205
+ readonly 'red-450': any;
2029
2206
  readonly 'red-500': any;
2207
+ readonly 'red-550': any;
2030
2208
  readonly 'red-600': any;
2209
+ readonly 'red-650': any;
2031
2210
  readonly 'red-700': any;
2211
+ readonly 'red-750': any;
2032
2212
  readonly 'red-800': any;
2213
+ readonly 'red-850': any;
2033
2214
  readonly 'red-900': any;
2215
+ readonly 'red-950': any;
2034
2216
  readonly transparent: any;
2035
2217
  readonly white: any;
2218
+ readonly 'yellow-50': any;
2036
2219
  readonly 'yellow-100': any;
2220
+ readonly 'yellow-150': any;
2037
2221
  readonly 'yellow-200': any;
2222
+ readonly 'yellow-250': any;
2038
2223
  readonly 'yellow-300': any;
2224
+ readonly 'yellow-350': any;
2039
2225
  readonly 'yellow-400': any;
2226
+ readonly 'yellow-450': any;
2040
2227
  readonly 'yellow-500': any;
2228
+ readonly 'yellow-550': any;
2041
2229
  readonly 'yellow-600': any;
2230
+ readonly 'yellow-650': any;
2042
2231
  readonly 'yellow-700': any;
2232
+ readonly 'yellow-750': any;
2043
2233
  readonly 'yellow-800': any;
2234
+ readonly 'yellow-850': any;
2044
2235
  readonly 'yellow-900': any;
2236
+ readonly 'yellow-950': any;
2045
2237
  "background-alpha-active"?: any;
2046
2238
  "background-alpha-hover"?: any;
2047
2239
  "background-danger-prominent"?: any;
@@ -2062,27 +2254,19 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2062
2254
  "background-neutrals-inverted-subtle"?: any;
2063
2255
  "background-neutrals-page"?: any;
2064
2256
  "background-neutrals-page-subtle"?: any;
2065
- "background-neutrals-scrolls"?: any;
2066
- "background-neutrals-scrolls-expanded"?: any;
2067
- "background-neutrals-scrolls-hover"?: any;
2068
- "background-neutrals-scrolls-pressed"?: any;
2069
- "background-neutrals-scrolls-pressed-hover"?: any;
2257
+ "background-neutrals-scrollbar"?: any;
2258
+ "background-neutrals-scrollbar-active"?: any;
2259
+ "background-neutrals-scrollbar-hover"?: any;
2070
2260
  "background-neutrals-subtle"?: any;
2071
2261
  "background-neutrals-subtle-active"?: any;
2072
2262
  "background-neutrals-subtle-hover"?: any;
2073
2263
  "background-primary-prominent"?: any;
2074
2264
  "background-primary-prominent-active"?: any;
2075
- "background-primary-prominent-expanded"?: any;
2076
2265
  "background-primary-prominent-hover"?: any;
2077
- "background-primary-prominent-pressed"?: any;
2078
- "background-primary-prominent-pressed-hover"?: any;
2079
2266
  "background-primary-prominent-selected"?: any;
2080
2267
  "background-primary-subtle"?: any;
2081
2268
  "background-primary-subtle-active"?: any;
2082
- "background-primary-subtle-expanded"?: any;
2083
2269
  "background-primary-subtle-hover"?: any;
2084
- "background-primary-subtle-pressed"?: any;
2085
- "background-primary-subtle-pressed-hover"?: any;
2086
2270
  "background-primary-subtle-selected"?: any;
2087
2271
  "background-success"?: any;
2088
2272
  "background-success-prominent"?: any;
@@ -2093,9 +2277,15 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2093
2277
  "border-danger"?: any;
2094
2278
  "border-danger-active"?: any;
2095
2279
  "border-danger-hover"?: any;
2280
+ "border-focus-error-inner"?: any;
2281
+ "border-focus-error-middle"?: any;
2282
+ "border-focus-error-outer"?: any;
2096
2283
  "border-focus-inner"?: any;
2097
2284
  "border-focus-middle"?: any;
2098
2285
  "border-focus-outer"?: any;
2286
+ "border-focus-success-inner"?: any;
2287
+ "border-focus-success-middle"?: any;
2288
+ "border-focus-success-outer"?: any;
2099
2289
  "border-neutrals"?: any;
2100
2290
  "border-neutrals-active"?: any;
2101
2291
  "border-neutrals-controls"?: any;
@@ -2188,13 +2378,13 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2188
2378
  readonly body: "Open Sans, sans-serif";
2189
2379
  };
2190
2380
  radii: {
2191
- readonly none: 0;
2192
- readonly half: "999em";
2193
2381
  readonly 25: "2px";
2194
2382
  readonly 50: "4px";
2195
2383
  readonly 75: "6px";
2196
2384
  readonly 100: "8px";
2197
2385
  readonly 200: "16px";
2386
+ readonly half: "999px";
2387
+ readonly none: "0px";
2198
2388
  };
2199
2389
  shadows: {
2200
2390
  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";
@@ -2476,63 +2666,103 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2476
2666
  };
2477
2667
  colors: {
2478
2668
  readonly black: any;
2669
+ readonly 'blue-50': any;
2479
2670
  readonly 'blue-100': any;
2671
+ readonly 'blue-150': any;
2480
2672
  readonly 'blue-200': any;
2673
+ readonly 'blue-250': any;
2481
2674
  readonly 'blue-300': any;
2675
+ readonly 'blue-350': any;
2482
2676
  readonly 'blue-400': any;
2677
+ readonly 'blue-450': any;
2483
2678
  readonly 'blue-500': any;
2679
+ readonly 'blue-550': any;
2484
2680
  readonly 'blue-600': any;
2681
+ readonly 'blue-650': any;
2485
2682
  readonly 'blue-700': any;
2683
+ readonly 'blue-750': any;
2486
2684
  readonly 'blue-800': any;
2685
+ readonly 'blue-850': any;
2487
2686
  readonly 'blue-900': any;
2488
- readonly 'blue-1000': any;
2687
+ readonly 'blue-950': any;
2688
+ readonly 'gray-50': any;
2489
2689
  readonly 'gray-100': any;
2690
+ readonly 'gray-150': any;
2490
2691
  readonly 'gray-200': any;
2692
+ readonly 'gray-250': any;
2491
2693
  readonly 'gray-300': any;
2694
+ readonly 'gray-350': any;
2492
2695
  readonly 'gray-400': any;
2696
+ readonly 'gray-450': any;
2493
2697
  readonly 'gray-500': any;
2698
+ readonly 'gray-550': any;
2494
2699
  readonly 'gray-600': any;
2700
+ readonly 'gray-650': any;
2495
2701
  readonly 'gray-700': any;
2702
+ readonly 'gray-750': any;
2496
2703
  readonly 'gray-800': any;
2704
+ readonly 'gray-850': any;
2497
2705
  readonly 'gray-900': any;
2706
+ readonly 'gray-950': any;
2707
+ readonly 'green-50': any;
2498
2708
  readonly 'green-100': any;
2709
+ readonly 'green-150': any;
2499
2710
  readonly 'green-200': any;
2711
+ readonly 'green-250': any;
2500
2712
  readonly 'green-300': any;
2713
+ readonly 'green-350': any;
2501
2714
  readonly 'green-400': any;
2715
+ readonly 'green-450': any;
2502
2716
  readonly 'green-500': any;
2717
+ readonly 'green-550': any;
2503
2718
  readonly 'green-600': any;
2719
+ readonly 'green-650': any;
2504
2720
  readonly 'green-700': any;
2721
+ readonly 'green-750': any;
2505
2722
  readonly 'green-800': any;
2723
+ readonly 'green-850': any;
2506
2724
  readonly 'green-900': any;
2507
- readonly 'indigo-100': any;
2508
- readonly 'indigo-200': any;
2509
- readonly 'indigo-300': any;
2510
- readonly 'indigo-400': any;
2511
- readonly 'indigo-500': any;
2512
- readonly 'indigo-600': any;
2513
- readonly 'indigo-700': any;
2514
- readonly 'indigo-800': any;
2515
- readonly 'indigo-900': any;
2725
+ readonly 'green-950': any;
2726
+ readonly 'red-50': any;
2516
2727
  readonly 'red-100': any;
2728
+ readonly 'red-150': any;
2517
2729
  readonly 'red-200': any;
2730
+ readonly 'red-250': any;
2518
2731
  readonly 'red-300': any;
2732
+ readonly 'red-350': any;
2519
2733
  readonly 'red-400': any;
2734
+ readonly 'red-450': any;
2520
2735
  readonly 'red-500': any;
2736
+ readonly 'red-550': any;
2521
2737
  readonly 'red-600': any;
2738
+ readonly 'red-650': any;
2522
2739
  readonly 'red-700': any;
2740
+ readonly 'red-750': any;
2523
2741
  readonly 'red-800': any;
2742
+ readonly 'red-850': any;
2524
2743
  readonly 'red-900': any;
2744
+ readonly 'red-950': any;
2525
2745
  readonly transparent: any;
2526
2746
  readonly white: any;
2747
+ readonly 'yellow-50': any;
2527
2748
  readonly 'yellow-100': any;
2749
+ readonly 'yellow-150': any;
2528
2750
  readonly 'yellow-200': any;
2751
+ readonly 'yellow-250': any;
2529
2752
  readonly 'yellow-300': any;
2753
+ readonly 'yellow-350': any;
2530
2754
  readonly 'yellow-400': any;
2755
+ readonly 'yellow-450': any;
2531
2756
  readonly 'yellow-500': any;
2757
+ readonly 'yellow-550': any;
2532
2758
  readonly 'yellow-600': any;
2759
+ readonly 'yellow-650': any;
2533
2760
  readonly 'yellow-700': any;
2761
+ readonly 'yellow-750': any;
2534
2762
  readonly 'yellow-800': any;
2763
+ readonly 'yellow-850': any;
2535
2764
  readonly 'yellow-900': any;
2765
+ readonly 'yellow-950': any;
2536
2766
  "background-alpha-active"?: any;
2537
2767
  "background-alpha-hover"?: any;
2538
2768
  "background-danger-prominent"?: any;
@@ -2553,27 +2783,19 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2553
2783
  "background-neutrals-inverted-subtle"?: any;
2554
2784
  "background-neutrals-page"?: any;
2555
2785
  "background-neutrals-page-subtle"?: any;
2556
- "background-neutrals-scrolls"?: any;
2557
- "background-neutrals-scrolls-expanded"?: any;
2558
- "background-neutrals-scrolls-hover"?: any;
2559
- "background-neutrals-scrolls-pressed"?: any;
2560
- "background-neutrals-scrolls-pressed-hover"?: any;
2786
+ "background-neutrals-scrollbar"?: any;
2787
+ "background-neutrals-scrollbar-active"?: any;
2788
+ "background-neutrals-scrollbar-hover"?: any;
2561
2789
  "background-neutrals-subtle"?: any;
2562
2790
  "background-neutrals-subtle-active"?: any;
2563
2791
  "background-neutrals-subtle-hover"?: any;
2564
2792
  "background-primary-prominent"?: any;
2565
2793
  "background-primary-prominent-active"?: any;
2566
- "background-primary-prominent-expanded"?: any;
2567
2794
  "background-primary-prominent-hover"?: any;
2568
- "background-primary-prominent-pressed"?: any;
2569
- "background-primary-prominent-pressed-hover"?: any;
2570
2795
  "background-primary-prominent-selected"?: any;
2571
2796
  "background-primary-subtle"?: any;
2572
2797
  "background-primary-subtle-active"?: any;
2573
- "background-primary-subtle-expanded"?: any;
2574
2798
  "background-primary-subtle-hover"?: any;
2575
- "background-primary-subtle-pressed"?: any;
2576
- "background-primary-subtle-pressed-hover"?: any;
2577
2799
  "background-primary-subtle-selected"?: any;
2578
2800
  "background-success"?: any;
2579
2801
  "background-success-prominent"?: any;
@@ -2584,9 +2806,15 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2584
2806
  "border-danger"?: any;
2585
2807
  "border-danger-active"?: any;
2586
2808
  "border-danger-hover"?: any;
2809
+ "border-focus-error-inner"?: any;
2810
+ "border-focus-error-middle"?: any;
2811
+ "border-focus-error-outer"?: any;
2587
2812
  "border-focus-inner"?: any;
2588
2813
  "border-focus-middle"?: any;
2589
2814
  "border-focus-outer"?: any;
2815
+ "border-focus-success-inner"?: any;
2816
+ "border-focus-success-middle"?: any;
2817
+ "border-focus-success-outer"?: any;
2590
2818
  "border-neutrals"?: any;
2591
2819
  "border-neutrals-active"?: any;
2592
2820
  "border-neutrals-controls"?: any;
@@ -2679,13 +2907,13 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2679
2907
  readonly body: "Open Sans, sans-serif";
2680
2908
  };
2681
2909
  radii: {
2682
- readonly none: 0;
2683
- readonly half: "999em";
2684
2910
  readonly 25: "2px";
2685
2911
  readonly 50: "4px";
2686
2912
  readonly 75: "6px";
2687
2913
  readonly 100: "8px";
2688
2914
  readonly 200: "16px";
2915
+ readonly half: "999px";
2916
+ readonly none: "0px";
2689
2917
  };
2690
2918
  shadows: {
2691
2919
  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";
@@ -2964,63 +3192,103 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
2964
3192
  };
2965
3193
  colors: {
2966
3194
  readonly black: any;
3195
+ readonly 'blue-50': any;
2967
3196
  readonly 'blue-100': any;
3197
+ readonly 'blue-150': any;
2968
3198
  readonly 'blue-200': any;
3199
+ readonly 'blue-250': any;
2969
3200
  readonly 'blue-300': any;
3201
+ readonly 'blue-350': any;
2970
3202
  readonly 'blue-400': any;
3203
+ readonly 'blue-450': any;
2971
3204
  readonly 'blue-500': any;
3205
+ readonly 'blue-550': any;
2972
3206
  readonly 'blue-600': any;
3207
+ readonly 'blue-650': any;
2973
3208
  readonly 'blue-700': any;
3209
+ readonly 'blue-750': any;
2974
3210
  readonly 'blue-800': any;
3211
+ readonly 'blue-850': any;
2975
3212
  readonly 'blue-900': any;
2976
- readonly 'blue-1000': any;
3213
+ readonly 'blue-950': any;
3214
+ readonly 'gray-50': any;
2977
3215
  readonly 'gray-100': any;
3216
+ readonly 'gray-150': any;
2978
3217
  readonly 'gray-200': any;
3218
+ readonly 'gray-250': any;
2979
3219
  readonly 'gray-300': any;
3220
+ readonly 'gray-350': any;
2980
3221
  readonly 'gray-400': any;
3222
+ readonly 'gray-450': any;
2981
3223
  readonly 'gray-500': any;
3224
+ readonly 'gray-550': any;
2982
3225
  readonly 'gray-600': any;
3226
+ readonly 'gray-650': any;
2983
3227
  readonly 'gray-700': any;
3228
+ readonly 'gray-750': any;
2984
3229
  readonly 'gray-800': any;
3230
+ readonly 'gray-850': any;
2985
3231
  readonly 'gray-900': any;
3232
+ readonly 'gray-950': any;
3233
+ readonly 'green-50': any;
2986
3234
  readonly 'green-100': any;
3235
+ readonly 'green-150': any;
2987
3236
  readonly 'green-200': any;
3237
+ readonly 'green-250': any;
2988
3238
  readonly 'green-300': any;
3239
+ readonly 'green-350': any;
2989
3240
  readonly 'green-400': any;
3241
+ readonly 'green-450': any;
2990
3242
  readonly 'green-500': any;
3243
+ readonly 'green-550': any;
2991
3244
  readonly 'green-600': any;
3245
+ readonly 'green-650': any;
2992
3246
  readonly 'green-700': any;
3247
+ readonly 'green-750': any;
2993
3248
  readonly 'green-800': any;
3249
+ readonly 'green-850': any;
2994
3250
  readonly 'green-900': any;
2995
- readonly 'indigo-100': any;
2996
- readonly 'indigo-200': any;
2997
- readonly 'indigo-300': any;
2998
- readonly 'indigo-400': any;
2999
- readonly 'indigo-500': any;
3000
- readonly 'indigo-600': any;
3001
- readonly 'indigo-700': any;
3002
- readonly 'indigo-800': any;
3003
- readonly 'indigo-900': any;
3251
+ readonly 'green-950': any;
3252
+ readonly 'red-50': any;
3004
3253
  readonly 'red-100': any;
3254
+ readonly 'red-150': any;
3005
3255
  readonly 'red-200': any;
3256
+ readonly 'red-250': any;
3006
3257
  readonly 'red-300': any;
3258
+ readonly 'red-350': any;
3007
3259
  readonly 'red-400': any;
3260
+ readonly 'red-450': any;
3008
3261
  readonly 'red-500': any;
3262
+ readonly 'red-550': any;
3009
3263
  readonly 'red-600': any;
3264
+ readonly 'red-650': any;
3010
3265
  readonly 'red-700': any;
3266
+ readonly 'red-750': any;
3011
3267
  readonly 'red-800': any;
3268
+ readonly 'red-850': any;
3012
3269
  readonly 'red-900': any;
3270
+ readonly 'red-950': any;
3013
3271
  readonly transparent: any;
3014
3272
  readonly white: any;
3273
+ readonly 'yellow-50': any;
3015
3274
  readonly 'yellow-100': any;
3275
+ readonly 'yellow-150': any;
3016
3276
  readonly 'yellow-200': any;
3277
+ readonly 'yellow-250': any;
3017
3278
  readonly 'yellow-300': any;
3279
+ readonly 'yellow-350': any;
3018
3280
  readonly 'yellow-400': any;
3281
+ readonly 'yellow-450': any;
3019
3282
  readonly 'yellow-500': any;
3283
+ readonly 'yellow-550': any;
3020
3284
  readonly 'yellow-600': any;
3285
+ readonly 'yellow-650': any;
3021
3286
  readonly 'yellow-700': any;
3287
+ readonly 'yellow-750': any;
3022
3288
  readonly 'yellow-800': any;
3289
+ readonly 'yellow-850': any;
3023
3290
  readonly 'yellow-900': any;
3291
+ readonly 'yellow-950': any;
3024
3292
  "background-alpha-active"?: any;
3025
3293
  "background-alpha-hover"?: any;
3026
3294
  "background-danger-prominent"?: any;
@@ -3041,27 +3309,19 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
3041
3309
  "background-neutrals-inverted-subtle"?: any;
3042
3310
  "background-neutrals-page"?: any;
3043
3311
  "background-neutrals-page-subtle"?: any;
3044
- "background-neutrals-scrolls"?: any;
3045
- "background-neutrals-scrolls-expanded"?: any;
3046
- "background-neutrals-scrolls-hover"?: any;
3047
- "background-neutrals-scrolls-pressed"?: any;
3048
- "background-neutrals-scrolls-pressed-hover"?: any;
3312
+ "background-neutrals-scrollbar"?: any;
3313
+ "background-neutrals-scrollbar-active"?: any;
3314
+ "background-neutrals-scrollbar-hover"?: any;
3049
3315
  "background-neutrals-subtle"?: any;
3050
3316
  "background-neutrals-subtle-active"?: any;
3051
3317
  "background-neutrals-subtle-hover"?: any;
3052
3318
  "background-primary-prominent"?: any;
3053
3319
  "background-primary-prominent-active"?: any;
3054
- "background-primary-prominent-expanded"?: any;
3055
3320
  "background-primary-prominent-hover"?: any;
3056
- "background-primary-prominent-pressed"?: any;
3057
- "background-primary-prominent-pressed-hover"?: any;
3058
3321
  "background-primary-prominent-selected"?: any;
3059
3322
  "background-primary-subtle"?: any;
3060
3323
  "background-primary-subtle-active"?: any;
3061
- "background-primary-subtle-expanded"?: any;
3062
3324
  "background-primary-subtle-hover"?: any;
3063
- "background-primary-subtle-pressed"?: any;
3064
- "background-primary-subtle-pressed-hover"?: any;
3065
3325
  "background-primary-subtle-selected"?: any;
3066
3326
  "background-success"?: any;
3067
3327
  "background-success-prominent"?: any;
@@ -3072,9 +3332,15 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
3072
3332
  "border-danger"?: any;
3073
3333
  "border-danger-active"?: any;
3074
3334
  "border-danger-hover"?: any;
3335
+ "border-focus-error-inner"?: any;
3336
+ "border-focus-error-middle"?: any;
3337
+ "border-focus-error-outer"?: any;
3075
3338
  "border-focus-inner"?: any;
3076
3339
  "border-focus-middle"?: any;
3077
3340
  "border-focus-outer"?: any;
3341
+ "border-focus-success-inner"?: any;
3342
+ "border-focus-success-middle"?: any;
3343
+ "border-focus-success-outer"?: any;
3078
3344
  "border-neutrals"?: any;
3079
3345
  "border-neutrals-active"?: any;
3080
3346
  "border-neutrals-controls"?: any;
@@ -3167,13 +3433,13 @@ declare const StyledActionButton: react.ForwardRefExoticComponent<Omit<Omit<_mir
3167
3433
  readonly body: "Open Sans, sans-serif";
3168
3434
  };
3169
3435
  radii: {
3170
- readonly none: 0;
3171
- readonly half: "999em";
3172
3436
  readonly 25: "2px";
3173
3437
  readonly 50: "4px";
3174
3438
  readonly 75: "6px";
3175
3439
  readonly 100: "8px";
3176
3440
  readonly 200: "16px";
3441
+ readonly half: "999px";
3442
+ readonly none: "0px";
3177
3443
  };
3178
3444
  shadows: {
3179
3445
  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";
@@ -3465,63 +3731,103 @@ declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3465
3731
  };
3466
3732
  colors: {
3467
3733
  readonly black: any;
3734
+ readonly 'blue-50': any;
3468
3735
  readonly 'blue-100': any;
3736
+ readonly 'blue-150': any;
3469
3737
  readonly 'blue-200': any;
3738
+ readonly 'blue-250': any;
3470
3739
  readonly 'blue-300': any;
3740
+ readonly 'blue-350': any;
3471
3741
  readonly 'blue-400': any;
3742
+ readonly 'blue-450': any;
3472
3743
  readonly 'blue-500': any;
3744
+ readonly 'blue-550': any;
3473
3745
  readonly 'blue-600': any;
3746
+ readonly 'blue-650': any;
3474
3747
  readonly 'blue-700': any;
3748
+ readonly 'blue-750': any;
3475
3749
  readonly 'blue-800': any;
3750
+ readonly 'blue-850': any;
3476
3751
  readonly 'blue-900': any;
3477
- readonly 'blue-1000': any;
3752
+ readonly 'blue-950': any;
3753
+ readonly 'gray-50': any;
3478
3754
  readonly 'gray-100': any;
3755
+ readonly 'gray-150': any;
3479
3756
  readonly 'gray-200': any;
3757
+ readonly 'gray-250': any;
3480
3758
  readonly 'gray-300': any;
3759
+ readonly 'gray-350': any;
3481
3760
  readonly 'gray-400': any;
3761
+ readonly 'gray-450': any;
3482
3762
  readonly 'gray-500': any;
3763
+ readonly 'gray-550': any;
3483
3764
  readonly 'gray-600': any;
3765
+ readonly 'gray-650': any;
3484
3766
  readonly 'gray-700': any;
3767
+ readonly 'gray-750': any;
3485
3768
  readonly 'gray-800': any;
3769
+ readonly 'gray-850': any;
3486
3770
  readonly 'gray-900': any;
3771
+ readonly 'gray-950': any;
3772
+ readonly 'green-50': any;
3487
3773
  readonly 'green-100': any;
3774
+ readonly 'green-150': any;
3488
3775
  readonly 'green-200': any;
3776
+ readonly 'green-250': any;
3489
3777
  readonly 'green-300': any;
3778
+ readonly 'green-350': any;
3490
3779
  readonly 'green-400': any;
3780
+ readonly 'green-450': any;
3491
3781
  readonly 'green-500': any;
3782
+ readonly 'green-550': any;
3492
3783
  readonly 'green-600': any;
3784
+ readonly 'green-650': any;
3493
3785
  readonly 'green-700': any;
3786
+ readonly 'green-750': any;
3494
3787
  readonly 'green-800': any;
3788
+ readonly 'green-850': any;
3495
3789
  readonly 'green-900': any;
3496
- readonly 'indigo-100': any;
3497
- readonly 'indigo-200': any;
3498
- readonly 'indigo-300': any;
3499
- readonly 'indigo-400': any;
3500
- readonly 'indigo-500': any;
3501
- readonly 'indigo-600': any;
3502
- readonly 'indigo-700': any;
3503
- readonly 'indigo-800': any;
3504
- readonly 'indigo-900': any;
3790
+ readonly 'green-950': any;
3791
+ readonly 'red-50': any;
3505
3792
  readonly 'red-100': any;
3793
+ readonly 'red-150': any;
3506
3794
  readonly 'red-200': any;
3795
+ readonly 'red-250': any;
3507
3796
  readonly 'red-300': any;
3797
+ readonly 'red-350': any;
3508
3798
  readonly 'red-400': any;
3799
+ readonly 'red-450': any;
3509
3800
  readonly 'red-500': any;
3801
+ readonly 'red-550': any;
3510
3802
  readonly 'red-600': any;
3803
+ readonly 'red-650': any;
3511
3804
  readonly 'red-700': any;
3805
+ readonly 'red-750': any;
3512
3806
  readonly 'red-800': any;
3807
+ readonly 'red-850': any;
3513
3808
  readonly 'red-900': any;
3809
+ readonly 'red-950': any;
3514
3810
  readonly transparent: any;
3515
3811
  readonly white: any;
3812
+ readonly 'yellow-50': any;
3516
3813
  readonly 'yellow-100': any;
3814
+ readonly 'yellow-150': any;
3517
3815
  readonly 'yellow-200': any;
3816
+ readonly 'yellow-250': any;
3518
3817
  readonly 'yellow-300': any;
3818
+ readonly 'yellow-350': any;
3519
3819
  readonly 'yellow-400': any;
3820
+ readonly 'yellow-450': any;
3520
3821
  readonly 'yellow-500': any;
3822
+ readonly 'yellow-550': any;
3521
3823
  readonly 'yellow-600': any;
3824
+ readonly 'yellow-650': any;
3522
3825
  readonly 'yellow-700': any;
3826
+ readonly 'yellow-750': any;
3523
3827
  readonly 'yellow-800': any;
3828
+ readonly 'yellow-850': any;
3524
3829
  readonly 'yellow-900': any;
3830
+ readonly 'yellow-950': any;
3525
3831
  "background-alpha-active"?: any;
3526
3832
  "background-alpha-hover"?: any;
3527
3833
  "background-danger-prominent"?: any;
@@ -3542,27 +3848,19 @@ declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3542
3848
  "background-neutrals-inverted-subtle"?: any;
3543
3849
  "background-neutrals-page"?: any;
3544
3850
  "background-neutrals-page-subtle"?: any;
3545
- "background-neutrals-scrolls"?: any;
3546
- "background-neutrals-scrolls-expanded"?: any;
3547
- "background-neutrals-scrolls-hover"?: any;
3548
- "background-neutrals-scrolls-pressed"?: any;
3549
- "background-neutrals-scrolls-pressed-hover"?: any;
3851
+ "background-neutrals-scrollbar"?: any;
3852
+ "background-neutrals-scrollbar-active"?: any;
3853
+ "background-neutrals-scrollbar-hover"?: any;
3550
3854
  "background-neutrals-subtle"?: any;
3551
3855
  "background-neutrals-subtle-active"?: any;
3552
3856
  "background-neutrals-subtle-hover"?: any;
3553
3857
  "background-primary-prominent"?: any;
3554
3858
  "background-primary-prominent-active"?: any;
3555
- "background-primary-prominent-expanded"?: any;
3556
3859
  "background-primary-prominent-hover"?: any;
3557
- "background-primary-prominent-pressed"?: any;
3558
- "background-primary-prominent-pressed-hover"?: any;
3559
3860
  "background-primary-prominent-selected"?: any;
3560
3861
  "background-primary-subtle"?: any;
3561
3862
  "background-primary-subtle-active"?: any;
3562
- "background-primary-subtle-expanded"?: any;
3563
3863
  "background-primary-subtle-hover"?: any;
3564
- "background-primary-subtle-pressed"?: any;
3565
- "background-primary-subtle-pressed-hover"?: any;
3566
3864
  "background-primary-subtle-selected"?: any;
3567
3865
  "background-success"?: any;
3568
3866
  "background-success-prominent"?: any;
@@ -3573,9 +3871,15 @@ declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3573
3871
  "border-danger"?: any;
3574
3872
  "border-danger-active"?: any;
3575
3873
  "border-danger-hover"?: any;
3874
+ "border-focus-error-inner"?: any;
3875
+ "border-focus-error-middle"?: any;
3876
+ "border-focus-error-outer"?: any;
3576
3877
  "border-focus-inner"?: any;
3577
3878
  "border-focus-middle"?: any;
3578
3879
  "border-focus-outer"?: any;
3880
+ "border-focus-success-inner"?: any;
3881
+ "border-focus-success-middle"?: any;
3882
+ "border-focus-success-outer"?: any;
3579
3883
  "border-neutrals"?: any;
3580
3884
  "border-neutrals-active"?: any;
3581
3885
  "border-neutrals-controls"?: any;
@@ -3668,13 +3972,13 @@ declare const StyledInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
3668
3972
  readonly body: "Open Sans, sans-serif";
3669
3973
  };
3670
3974
  radii: {
3671
- readonly none: 0;
3672
- readonly half: "999em";
3673
3975
  readonly 25: "2px";
3674
3976
  readonly 50: "4px";
3675
3977
  readonly 75: "6px";
3676
3978
  readonly 100: "8px";
3677
3979
  readonly 200: "16px";
3980
+ readonly half: "999px";
3981
+ readonly none: "0px";
3678
3982
  };
3679
3983
  shadows: {
3680
3984
  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";
@@ -3961,63 +4265,103 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3961
4265
  };
3962
4266
  colors: {
3963
4267
  readonly black: any;
4268
+ readonly 'blue-50': any;
3964
4269
  readonly 'blue-100': any;
4270
+ readonly 'blue-150': any;
3965
4271
  readonly 'blue-200': any;
4272
+ readonly 'blue-250': any;
3966
4273
  readonly 'blue-300': any;
4274
+ readonly 'blue-350': any;
3967
4275
  readonly 'blue-400': any;
4276
+ readonly 'blue-450': any;
3968
4277
  readonly 'blue-500': any;
4278
+ readonly 'blue-550': any;
3969
4279
  readonly 'blue-600': any;
4280
+ readonly 'blue-650': any;
3970
4281
  readonly 'blue-700': any;
4282
+ readonly 'blue-750': any;
3971
4283
  readonly 'blue-800': any;
4284
+ readonly 'blue-850': any;
3972
4285
  readonly 'blue-900': any;
3973
- readonly 'blue-1000': any;
4286
+ readonly 'blue-950': any;
4287
+ readonly 'gray-50': any;
3974
4288
  readonly 'gray-100': any;
4289
+ readonly 'gray-150': any;
3975
4290
  readonly 'gray-200': any;
4291
+ readonly 'gray-250': any;
3976
4292
  readonly 'gray-300': any;
4293
+ readonly 'gray-350': any;
3977
4294
  readonly 'gray-400': any;
4295
+ readonly 'gray-450': any;
3978
4296
  readonly 'gray-500': any;
4297
+ readonly 'gray-550': any;
3979
4298
  readonly 'gray-600': any;
4299
+ readonly 'gray-650': any;
3980
4300
  readonly 'gray-700': any;
4301
+ readonly 'gray-750': any;
3981
4302
  readonly 'gray-800': any;
4303
+ readonly 'gray-850': any;
3982
4304
  readonly 'gray-900': any;
4305
+ readonly 'gray-950': any;
4306
+ readonly 'green-50': any;
3983
4307
  readonly 'green-100': any;
4308
+ readonly 'green-150': any;
3984
4309
  readonly 'green-200': any;
4310
+ readonly 'green-250': any;
3985
4311
  readonly 'green-300': any;
4312
+ readonly 'green-350': any;
3986
4313
  readonly 'green-400': any;
4314
+ readonly 'green-450': any;
3987
4315
  readonly 'green-500': any;
4316
+ readonly 'green-550': any;
3988
4317
  readonly 'green-600': any;
4318
+ readonly 'green-650': any;
3989
4319
  readonly 'green-700': any;
4320
+ readonly 'green-750': any;
3990
4321
  readonly 'green-800': any;
4322
+ readonly 'green-850': any;
3991
4323
  readonly 'green-900': any;
3992
- readonly 'indigo-100': any;
3993
- readonly 'indigo-200': any;
3994
- readonly 'indigo-300': any;
3995
- readonly 'indigo-400': any;
3996
- readonly 'indigo-500': any;
3997
- readonly 'indigo-600': any;
3998
- readonly 'indigo-700': any;
3999
- readonly 'indigo-800': any;
4000
- readonly 'indigo-900': any;
4324
+ readonly 'green-950': any;
4325
+ readonly 'red-50': any;
4001
4326
  readonly 'red-100': any;
4327
+ readonly 'red-150': any;
4002
4328
  readonly 'red-200': any;
4329
+ readonly 'red-250': any;
4003
4330
  readonly 'red-300': any;
4331
+ readonly 'red-350': any;
4004
4332
  readonly 'red-400': any;
4333
+ readonly 'red-450': any;
4005
4334
  readonly 'red-500': any;
4335
+ readonly 'red-550': any;
4006
4336
  readonly 'red-600': any;
4337
+ readonly 'red-650': any;
4007
4338
  readonly 'red-700': any;
4339
+ readonly 'red-750': any;
4008
4340
  readonly 'red-800': any;
4341
+ readonly 'red-850': any;
4009
4342
  readonly 'red-900': any;
4343
+ readonly 'red-950': any;
4010
4344
  readonly transparent: any;
4011
4345
  readonly white: any;
4346
+ readonly 'yellow-50': any;
4012
4347
  readonly 'yellow-100': any;
4348
+ readonly 'yellow-150': any;
4013
4349
  readonly 'yellow-200': any;
4350
+ readonly 'yellow-250': any;
4014
4351
  readonly 'yellow-300': any;
4352
+ readonly 'yellow-350': any;
4015
4353
  readonly 'yellow-400': any;
4354
+ readonly 'yellow-450': any;
4016
4355
  readonly 'yellow-500': any;
4356
+ readonly 'yellow-550': any;
4017
4357
  readonly 'yellow-600': any;
4358
+ readonly 'yellow-650': any;
4018
4359
  readonly 'yellow-700': any;
4360
+ readonly 'yellow-750': any;
4019
4361
  readonly 'yellow-800': any;
4362
+ readonly 'yellow-850': any;
4020
4363
  readonly 'yellow-900': any;
4364
+ readonly 'yellow-950': any;
4021
4365
  "background-alpha-active"?: any;
4022
4366
  "background-alpha-hover"?: any;
4023
4367
  "background-danger-prominent"?: any;
@@ -4038,27 +4382,19 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4038
4382
  "background-neutrals-inverted-subtle"?: any;
4039
4383
  "background-neutrals-page"?: any;
4040
4384
  "background-neutrals-page-subtle"?: any;
4041
- "background-neutrals-scrolls"?: any;
4042
- "background-neutrals-scrolls-expanded"?: any;
4043
- "background-neutrals-scrolls-hover"?: any;
4044
- "background-neutrals-scrolls-pressed"?: any;
4045
- "background-neutrals-scrolls-pressed-hover"?: any;
4385
+ "background-neutrals-scrollbar"?: any;
4386
+ "background-neutrals-scrollbar-active"?: any;
4387
+ "background-neutrals-scrollbar-hover"?: any;
4046
4388
  "background-neutrals-subtle"?: any;
4047
4389
  "background-neutrals-subtle-active"?: any;
4048
4390
  "background-neutrals-subtle-hover"?: any;
4049
4391
  "background-primary-prominent"?: any;
4050
4392
  "background-primary-prominent-active"?: any;
4051
- "background-primary-prominent-expanded"?: any;
4052
4393
  "background-primary-prominent-hover"?: any;
4053
- "background-primary-prominent-pressed"?: any;
4054
- "background-primary-prominent-pressed-hover"?: any;
4055
4394
  "background-primary-prominent-selected"?: any;
4056
4395
  "background-primary-subtle"?: any;
4057
4396
  "background-primary-subtle-active"?: any;
4058
- "background-primary-subtle-expanded"?: any;
4059
4397
  "background-primary-subtle-hover"?: any;
4060
- "background-primary-subtle-pressed"?: any;
4061
- "background-primary-subtle-pressed-hover"?: any;
4062
4398
  "background-primary-subtle-selected"?: any;
4063
4399
  "background-success"?: any;
4064
4400
  "background-success-prominent"?: any;
@@ -4069,9 +4405,15 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4069
4405
  "border-danger"?: any;
4070
4406
  "border-danger-active"?: any;
4071
4407
  "border-danger-hover"?: any;
4408
+ "border-focus-error-inner"?: any;
4409
+ "border-focus-error-middle"?: any;
4410
+ "border-focus-error-outer"?: any;
4072
4411
  "border-focus-inner"?: any;
4073
4412
  "border-focus-middle"?: any;
4074
4413
  "border-focus-outer"?: any;
4414
+ "border-focus-success-inner"?: any;
4415
+ "border-focus-success-middle"?: any;
4416
+ "border-focus-success-outer"?: any;
4075
4417
  "border-neutrals"?: any;
4076
4418
  "border-neutrals-active"?: any;
4077
4419
  "border-neutrals-controls"?: any;
@@ -4164,13 +4506,13 @@ declare const StyledBaseInput: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
4164
4506
  readonly body: "Open Sans, sans-serif";
4165
4507
  };
4166
4508
  radii: {
4167
- readonly none: 0;
4168
- readonly half: "999em";
4169
4509
  readonly 25: "2px";
4170
4510
  readonly 50: "4px";
4171
4511
  readonly 75: "6px";
4172
4512
  readonly 100: "8px";
4173
4513
  readonly 200: "16px";
4514
+ readonly half: "999px";
4515
+ readonly none: "0px";
4174
4516
  };
4175
4517
  shadows: {
4176
4518
  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";