@mirohq/design-system-button 3.1.36 → 3.1.37-colors.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +1 -1
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +1 -1
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +366 -138
  6. package/package.json +6 -6
package/dist/types.d.ts CHANGED
@@ -17,63 +17,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
17
17
  };
18
18
  colors: {
19
19
  readonly black: any;
20
+ readonly 'blue-50': any;
20
21
  readonly 'blue-100': any;
22
+ readonly 'blue-150': any;
21
23
  readonly 'blue-200': any;
24
+ readonly 'blue-250': any;
22
25
  readonly 'blue-300': any;
26
+ readonly 'blue-350': any;
23
27
  readonly 'blue-400': any;
28
+ readonly 'blue-450': any;
24
29
  readonly 'blue-500': any;
30
+ readonly 'blue-550': any;
25
31
  readonly 'blue-600': any;
32
+ readonly 'blue-650': any;
26
33
  readonly 'blue-700': any;
34
+ readonly 'blue-750': any;
27
35
  readonly 'blue-800': any;
36
+ readonly 'blue-850': any;
28
37
  readonly 'blue-900': any;
29
- readonly 'blue-1000': any;
38
+ readonly 'blue-950': any;
39
+ readonly 'gray-50': any;
30
40
  readonly 'gray-100': any;
41
+ readonly 'gray-150': any;
31
42
  readonly 'gray-200': any;
43
+ readonly 'gray-250': any;
32
44
  readonly 'gray-300': any;
45
+ readonly 'gray-350': any;
33
46
  readonly 'gray-400': any;
47
+ readonly 'gray-450': any;
34
48
  readonly 'gray-500': any;
49
+ readonly 'gray-550': any;
35
50
  readonly 'gray-600': any;
51
+ readonly 'gray-650': any;
36
52
  readonly 'gray-700': any;
53
+ readonly 'gray-750': any;
37
54
  readonly 'gray-800': any;
55
+ readonly 'gray-850': any;
38
56
  readonly 'gray-900': any;
57
+ readonly 'gray-950': any;
58
+ readonly 'green-50': any;
39
59
  readonly 'green-100': any;
60
+ readonly 'green-150': any;
40
61
  readonly 'green-200': any;
62
+ readonly 'green-250': any;
41
63
  readonly 'green-300': any;
64
+ readonly 'green-350': any;
42
65
  readonly 'green-400': any;
66
+ readonly 'green-450': any;
43
67
  readonly 'green-500': any;
68
+ readonly 'green-550': any;
44
69
  readonly 'green-600': any;
70
+ readonly 'green-650': any;
45
71
  readonly 'green-700': any;
72
+ readonly 'green-750': any;
46
73
  readonly 'green-800': any;
74
+ readonly 'green-850': any;
47
75
  readonly 'green-900': any;
48
- readonly 'indigo-100': any;
49
- readonly 'indigo-200': any;
50
- readonly 'indigo-300': any;
51
- readonly 'indigo-400': any;
52
- readonly 'indigo-500': any;
53
- readonly 'indigo-600': any;
54
- readonly 'indigo-700': any;
55
- readonly 'indigo-800': any;
56
- readonly 'indigo-900': any;
76
+ readonly 'green-950': any;
77
+ readonly 'red-50': any;
57
78
  readonly 'red-100': any;
79
+ readonly 'red-150': any;
58
80
  readonly 'red-200': any;
81
+ readonly 'red-250': any;
59
82
  readonly 'red-300': any;
83
+ readonly 'red-350': any;
60
84
  readonly 'red-400': any;
85
+ readonly 'red-450': any;
61
86
  readonly 'red-500': any;
87
+ readonly 'red-550': any;
62
88
  readonly 'red-600': any;
89
+ readonly 'red-650': any;
63
90
  readonly 'red-700': any;
91
+ readonly 'red-750': any;
64
92
  readonly 'red-800': any;
93
+ readonly 'red-850': any;
65
94
  readonly 'red-900': any;
95
+ readonly 'red-950': any;
66
96
  readonly transparent: any;
67
97
  readonly white: any;
98
+ readonly 'yellow-50': any;
68
99
  readonly 'yellow-100': any;
100
+ readonly 'yellow-150': any;
69
101
  readonly 'yellow-200': any;
102
+ readonly 'yellow-250': any;
70
103
  readonly 'yellow-300': any;
104
+ readonly 'yellow-350': any;
71
105
  readonly 'yellow-400': any;
106
+ readonly 'yellow-450': any;
72
107
  readonly 'yellow-500': any;
108
+ readonly 'yellow-550': any;
73
109
  readonly 'yellow-600': any;
110
+ readonly 'yellow-650': any;
74
111
  readonly 'yellow-700': any;
112
+ readonly 'yellow-750': any;
75
113
  readonly 'yellow-800': any;
114
+ readonly 'yellow-850': any;
76
115
  readonly 'yellow-900': any;
116
+ readonly 'yellow-950': any;
77
117
  "background-alpha-active"?: any;
78
118
  "background-alpha-hover"?: any;
79
119
  "background-danger-prominent"?: any;
@@ -94,27 +134,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
94
134
  "background-neutrals-inverted-subtle"?: any;
95
135
  "background-neutrals-page"?: any;
96
136
  "background-neutrals-page-subtle"?: any;
97
- "background-neutrals-scrolls"?: any;
98
- "background-neutrals-scrolls-expanded"?: any;
99
- "background-neutrals-scrolls-hover"?: any;
100
- "background-neutrals-scrolls-pressed"?: any;
101
- "background-neutrals-scrolls-pressed-hover"?: any;
137
+ "background-neutrals-scrollbar"?: any;
138
+ "background-neutrals-scrollbar-active"?: any;
139
+ "background-neutrals-scrollbar-hover"?: any;
102
140
  "background-neutrals-subtle"?: any;
103
141
  "background-neutrals-subtle-active"?: any;
104
142
  "background-neutrals-subtle-hover"?: any;
105
143
  "background-primary-prominent"?: any;
106
144
  "background-primary-prominent-active"?: any;
107
- "background-primary-prominent-expanded"?: any;
108
145
  "background-primary-prominent-hover"?: any;
109
- "background-primary-prominent-pressed"?: any;
110
- "background-primary-prominent-pressed-hover"?: any;
111
146
  "background-primary-prominent-selected"?: any;
112
147
  "background-primary-subtle"?: any;
113
148
  "background-primary-subtle-active"?: any;
114
- "background-primary-subtle-expanded"?: any;
115
149
  "background-primary-subtle-hover"?: any;
116
- "background-primary-subtle-pressed"?: any;
117
- "background-primary-subtle-pressed-hover"?: any;
118
150
  "background-primary-subtle-selected"?: any;
119
151
  "background-success"?: any;
120
152
  "background-success-prominent"?: any;
@@ -125,9 +157,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
125
157
  "border-danger"?: any;
126
158
  "border-danger-active"?: any;
127
159
  "border-danger-hover"?: any;
160
+ "border-focus-error-inner"?: any;
161
+ "border-focus-error-middle"?: any;
162
+ "border-focus-error-outer"?: any;
128
163
  "border-focus-inner"?: any;
129
164
  "border-focus-middle"?: any;
130
165
  "border-focus-outer"?: any;
166
+ "border-focus-success-inner"?: any;
167
+ "border-focus-success-middle"?: any;
168
+ "border-focus-success-outer"?: any;
131
169
  "border-neutrals"?: any;
132
170
  "border-neutrals-active"?: any;
133
171
  "border-neutrals-controls"?: any;
@@ -220,13 +258,13 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
220
258
  readonly body: "Open Sans, sans-serif";
221
259
  };
222
260
  radii: {
223
- readonly none: 0;
224
- readonly half: "999em";
225
261
  readonly 25: "2px";
226
262
  readonly 50: "4px";
227
263
  readonly 75: "6px";
228
264
  readonly 100: "8px";
229
265
  readonly 200: "16px";
266
+ readonly half: "999px";
267
+ readonly none: "0px";
230
268
  };
231
269
  shadows: {
232
270
  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";
@@ -505,63 +543,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
505
543
  };
506
544
  colors: {
507
545
  readonly black: any;
546
+ readonly 'blue-50': any;
508
547
  readonly 'blue-100': any;
548
+ readonly 'blue-150': any;
509
549
  readonly 'blue-200': any;
550
+ readonly 'blue-250': any;
510
551
  readonly 'blue-300': any;
552
+ readonly 'blue-350': any;
511
553
  readonly 'blue-400': any;
554
+ readonly 'blue-450': any;
512
555
  readonly 'blue-500': any;
556
+ readonly 'blue-550': any;
513
557
  readonly 'blue-600': any;
558
+ readonly 'blue-650': any;
514
559
  readonly 'blue-700': any;
560
+ readonly 'blue-750': any;
515
561
  readonly 'blue-800': any;
562
+ readonly 'blue-850': any;
516
563
  readonly 'blue-900': any;
517
- readonly 'blue-1000': any;
564
+ readonly 'blue-950': any;
565
+ readonly 'gray-50': any;
518
566
  readonly 'gray-100': any;
567
+ readonly 'gray-150': any;
519
568
  readonly 'gray-200': any;
569
+ readonly 'gray-250': any;
520
570
  readonly 'gray-300': any;
571
+ readonly 'gray-350': any;
521
572
  readonly 'gray-400': any;
573
+ readonly 'gray-450': any;
522
574
  readonly 'gray-500': any;
575
+ readonly 'gray-550': any;
523
576
  readonly 'gray-600': any;
577
+ readonly 'gray-650': any;
524
578
  readonly 'gray-700': any;
579
+ readonly 'gray-750': any;
525
580
  readonly 'gray-800': any;
581
+ readonly 'gray-850': any;
526
582
  readonly 'gray-900': any;
583
+ readonly 'gray-950': any;
584
+ readonly 'green-50': any;
527
585
  readonly 'green-100': any;
586
+ readonly 'green-150': any;
528
587
  readonly 'green-200': any;
588
+ readonly 'green-250': any;
529
589
  readonly 'green-300': any;
590
+ readonly 'green-350': any;
530
591
  readonly 'green-400': any;
592
+ readonly 'green-450': any;
531
593
  readonly 'green-500': any;
594
+ readonly 'green-550': any;
532
595
  readonly 'green-600': any;
596
+ readonly 'green-650': any;
533
597
  readonly 'green-700': any;
598
+ readonly 'green-750': any;
534
599
  readonly 'green-800': any;
600
+ readonly 'green-850': any;
535
601
  readonly 'green-900': any;
536
- readonly 'indigo-100': any;
537
- readonly 'indigo-200': any;
538
- readonly 'indigo-300': any;
539
- readonly 'indigo-400': any;
540
- readonly 'indigo-500': any;
541
- readonly 'indigo-600': any;
542
- readonly 'indigo-700': any;
543
- readonly 'indigo-800': any;
544
- readonly 'indigo-900': any;
602
+ readonly 'green-950': any;
603
+ readonly 'red-50': any;
545
604
  readonly 'red-100': any;
605
+ readonly 'red-150': any;
546
606
  readonly 'red-200': any;
607
+ readonly 'red-250': any;
547
608
  readonly 'red-300': any;
609
+ readonly 'red-350': any;
548
610
  readonly 'red-400': any;
611
+ readonly 'red-450': any;
549
612
  readonly 'red-500': any;
613
+ readonly 'red-550': any;
550
614
  readonly 'red-600': any;
615
+ readonly 'red-650': any;
551
616
  readonly 'red-700': any;
617
+ readonly 'red-750': any;
552
618
  readonly 'red-800': any;
619
+ readonly 'red-850': any;
553
620
  readonly 'red-900': any;
621
+ readonly 'red-950': any;
554
622
  readonly transparent: any;
555
623
  readonly white: any;
624
+ readonly 'yellow-50': any;
556
625
  readonly 'yellow-100': any;
626
+ readonly 'yellow-150': any;
557
627
  readonly 'yellow-200': any;
628
+ readonly 'yellow-250': any;
558
629
  readonly 'yellow-300': any;
630
+ readonly 'yellow-350': any;
559
631
  readonly 'yellow-400': any;
632
+ readonly 'yellow-450': any;
560
633
  readonly 'yellow-500': any;
634
+ readonly 'yellow-550': any;
561
635
  readonly 'yellow-600': any;
636
+ readonly 'yellow-650': any;
562
637
  readonly 'yellow-700': any;
638
+ readonly 'yellow-750': any;
563
639
  readonly 'yellow-800': any;
640
+ readonly 'yellow-850': any;
564
641
  readonly 'yellow-900': any;
642
+ readonly 'yellow-950': any;
565
643
  "background-alpha-active"?: any;
566
644
  "background-alpha-hover"?: any;
567
645
  "background-danger-prominent"?: any;
@@ -582,27 +660,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
582
660
  "background-neutrals-inverted-subtle"?: any;
583
661
  "background-neutrals-page"?: any;
584
662
  "background-neutrals-page-subtle"?: any;
585
- "background-neutrals-scrolls"?: any;
586
- "background-neutrals-scrolls-expanded"?: any;
587
- "background-neutrals-scrolls-hover"?: any;
588
- "background-neutrals-scrolls-pressed"?: any;
589
- "background-neutrals-scrolls-pressed-hover"?: any;
663
+ "background-neutrals-scrollbar"?: any;
664
+ "background-neutrals-scrollbar-active"?: any;
665
+ "background-neutrals-scrollbar-hover"?: any;
590
666
  "background-neutrals-subtle"?: any;
591
667
  "background-neutrals-subtle-active"?: any;
592
668
  "background-neutrals-subtle-hover"?: any;
593
669
  "background-primary-prominent"?: any;
594
670
  "background-primary-prominent-active"?: any;
595
- "background-primary-prominent-expanded"?: any;
596
671
  "background-primary-prominent-hover"?: any;
597
- "background-primary-prominent-pressed"?: any;
598
- "background-primary-prominent-pressed-hover"?: any;
599
672
  "background-primary-prominent-selected"?: any;
600
673
  "background-primary-subtle"?: any;
601
674
  "background-primary-subtle-active"?: any;
602
- "background-primary-subtle-expanded"?: any;
603
675
  "background-primary-subtle-hover"?: any;
604
- "background-primary-subtle-pressed"?: any;
605
- "background-primary-subtle-pressed-hover"?: any;
606
676
  "background-primary-subtle-selected"?: any;
607
677
  "background-success"?: any;
608
678
  "background-success-prominent"?: any;
@@ -613,9 +683,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
613
683
  "border-danger"?: any;
614
684
  "border-danger-active"?: any;
615
685
  "border-danger-hover"?: any;
686
+ "border-focus-error-inner"?: any;
687
+ "border-focus-error-middle"?: any;
688
+ "border-focus-error-outer"?: any;
616
689
  "border-focus-inner"?: any;
617
690
  "border-focus-middle"?: any;
618
691
  "border-focus-outer"?: any;
692
+ "border-focus-success-inner"?: any;
693
+ "border-focus-success-middle"?: any;
694
+ "border-focus-success-outer"?: any;
619
695
  "border-neutrals"?: any;
620
696
  "border-neutrals-active"?: any;
621
697
  "border-neutrals-controls"?: any;
@@ -708,13 +784,13 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
708
784
  readonly body: "Open Sans, sans-serif";
709
785
  };
710
786
  radii: {
711
- readonly none: 0;
712
- readonly half: "999em";
713
787
  readonly 25: "2px";
714
788
  readonly 50: "4px";
715
789
  readonly 75: "6px";
716
790
  readonly 100: "8px";
717
791
  readonly 200: "16px";
792
+ readonly half: "999px";
793
+ readonly none: "0px";
718
794
  };
719
795
  shadows: {
720
796
  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";
@@ -995,63 +1071,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
995
1071
  };
996
1072
  colors: {
997
1073
  readonly black: any;
1074
+ readonly 'blue-50': any;
998
1075
  readonly 'blue-100': any;
1076
+ readonly 'blue-150': any;
999
1077
  readonly 'blue-200': any;
1078
+ readonly 'blue-250': any;
1000
1079
  readonly 'blue-300': any;
1080
+ readonly 'blue-350': any;
1001
1081
  readonly 'blue-400': any;
1082
+ readonly 'blue-450': any;
1002
1083
  readonly 'blue-500': any;
1084
+ readonly 'blue-550': any;
1003
1085
  readonly 'blue-600': any;
1086
+ readonly 'blue-650': any;
1004
1087
  readonly 'blue-700': any;
1088
+ readonly 'blue-750': any;
1005
1089
  readonly 'blue-800': any;
1090
+ readonly 'blue-850': any;
1006
1091
  readonly 'blue-900': any;
1007
- readonly 'blue-1000': any;
1092
+ readonly 'blue-950': any;
1093
+ readonly 'gray-50': any;
1008
1094
  readonly 'gray-100': any;
1095
+ readonly 'gray-150': any;
1009
1096
  readonly 'gray-200': any;
1097
+ readonly 'gray-250': any;
1010
1098
  readonly 'gray-300': any;
1099
+ readonly 'gray-350': any;
1011
1100
  readonly 'gray-400': any;
1101
+ readonly 'gray-450': any;
1012
1102
  readonly 'gray-500': any;
1103
+ readonly 'gray-550': any;
1013
1104
  readonly 'gray-600': any;
1105
+ readonly 'gray-650': any;
1014
1106
  readonly 'gray-700': any;
1107
+ readonly 'gray-750': any;
1015
1108
  readonly 'gray-800': any;
1109
+ readonly 'gray-850': any;
1016
1110
  readonly 'gray-900': any;
1111
+ readonly 'gray-950': any;
1112
+ readonly 'green-50': any;
1017
1113
  readonly 'green-100': any;
1114
+ readonly 'green-150': any;
1018
1115
  readonly 'green-200': any;
1116
+ readonly 'green-250': any;
1019
1117
  readonly 'green-300': any;
1118
+ readonly 'green-350': any;
1020
1119
  readonly 'green-400': any;
1120
+ readonly 'green-450': any;
1021
1121
  readonly 'green-500': any;
1122
+ readonly 'green-550': any;
1022
1123
  readonly 'green-600': any;
1124
+ readonly 'green-650': any;
1023
1125
  readonly 'green-700': any;
1126
+ readonly 'green-750': any;
1024
1127
  readonly 'green-800': any;
1128
+ readonly 'green-850': any;
1025
1129
  readonly 'green-900': any;
1026
- readonly 'indigo-100': any;
1027
- readonly 'indigo-200': any;
1028
- readonly 'indigo-300': any;
1029
- readonly 'indigo-400': any;
1030
- readonly 'indigo-500': any;
1031
- readonly 'indigo-600': any;
1032
- readonly 'indigo-700': any;
1033
- readonly 'indigo-800': any;
1034
- readonly 'indigo-900': any;
1130
+ readonly 'green-950': any;
1131
+ readonly 'red-50': any;
1035
1132
  readonly 'red-100': any;
1133
+ readonly 'red-150': any;
1036
1134
  readonly 'red-200': any;
1135
+ readonly 'red-250': any;
1037
1136
  readonly 'red-300': any;
1137
+ readonly 'red-350': any;
1038
1138
  readonly 'red-400': any;
1139
+ readonly 'red-450': any;
1039
1140
  readonly 'red-500': any;
1141
+ readonly 'red-550': any;
1040
1142
  readonly 'red-600': any;
1143
+ readonly 'red-650': any;
1041
1144
  readonly 'red-700': any;
1145
+ readonly 'red-750': any;
1042
1146
  readonly 'red-800': any;
1147
+ readonly 'red-850': any;
1043
1148
  readonly 'red-900': any;
1149
+ readonly 'red-950': any;
1044
1150
  readonly transparent: any;
1045
1151
  readonly white: any;
1152
+ readonly 'yellow-50': any;
1046
1153
  readonly 'yellow-100': any;
1154
+ readonly 'yellow-150': any;
1047
1155
  readonly 'yellow-200': any;
1156
+ readonly 'yellow-250': any;
1048
1157
  readonly 'yellow-300': any;
1158
+ readonly 'yellow-350': any;
1049
1159
  readonly 'yellow-400': any;
1160
+ readonly 'yellow-450': any;
1050
1161
  readonly 'yellow-500': any;
1162
+ readonly 'yellow-550': any;
1051
1163
  readonly 'yellow-600': any;
1164
+ readonly 'yellow-650': any;
1052
1165
  readonly 'yellow-700': any;
1166
+ readonly 'yellow-750': any;
1053
1167
  readonly 'yellow-800': any;
1168
+ readonly 'yellow-850': any;
1054
1169
  readonly 'yellow-900': any;
1170
+ readonly 'yellow-950': any;
1055
1171
  "background-alpha-active"?: any;
1056
1172
  "background-alpha-hover"?: any;
1057
1173
  "background-danger-prominent"?: any;
@@ -1072,27 +1188,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1072
1188
  "background-neutrals-inverted-subtle"?: any;
1073
1189
  "background-neutrals-page"?: any;
1074
1190
  "background-neutrals-page-subtle"?: any;
1075
- "background-neutrals-scrolls"?: any;
1076
- "background-neutrals-scrolls-expanded"?: any;
1077
- "background-neutrals-scrolls-hover"?: any;
1078
- "background-neutrals-scrolls-pressed"?: any;
1079
- "background-neutrals-scrolls-pressed-hover"?: any;
1191
+ "background-neutrals-scrollbar"?: any;
1192
+ "background-neutrals-scrollbar-active"?: any;
1193
+ "background-neutrals-scrollbar-hover"?: any;
1080
1194
  "background-neutrals-subtle"?: any;
1081
1195
  "background-neutrals-subtle-active"?: any;
1082
1196
  "background-neutrals-subtle-hover"?: any;
1083
1197
  "background-primary-prominent"?: any;
1084
1198
  "background-primary-prominent-active"?: any;
1085
- "background-primary-prominent-expanded"?: any;
1086
1199
  "background-primary-prominent-hover"?: any;
1087
- "background-primary-prominent-pressed"?: any;
1088
- "background-primary-prominent-pressed-hover"?: any;
1089
1200
  "background-primary-prominent-selected"?: any;
1090
1201
  "background-primary-subtle"?: any;
1091
1202
  "background-primary-subtle-active"?: any;
1092
- "background-primary-subtle-expanded"?: any;
1093
1203
  "background-primary-subtle-hover"?: any;
1094
- "background-primary-subtle-pressed"?: any;
1095
- "background-primary-subtle-pressed-hover"?: any;
1096
1204
  "background-primary-subtle-selected"?: any;
1097
1205
  "background-success"?: any;
1098
1206
  "background-success-prominent"?: any;
@@ -1103,9 +1211,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1103
1211
  "border-danger"?: any;
1104
1212
  "border-danger-active"?: any;
1105
1213
  "border-danger-hover"?: any;
1214
+ "border-focus-error-inner"?: any;
1215
+ "border-focus-error-middle"?: any;
1216
+ "border-focus-error-outer"?: any;
1106
1217
  "border-focus-inner"?: any;
1107
1218
  "border-focus-middle"?: any;
1108
1219
  "border-focus-outer"?: any;
1220
+ "border-focus-success-inner"?: any;
1221
+ "border-focus-success-middle"?: any;
1222
+ "border-focus-success-outer"?: any;
1109
1223
  "border-neutrals"?: any;
1110
1224
  "border-neutrals-active"?: any;
1111
1225
  "border-neutrals-controls"?: any;
@@ -1198,13 +1312,13 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1198
1312
  readonly body: "Open Sans, sans-serif";
1199
1313
  };
1200
1314
  radii: {
1201
- readonly none: 0;
1202
- readonly half: "999em";
1203
1315
  readonly 25: "2px";
1204
1316
  readonly 50: "4px";
1205
1317
  readonly 75: "6px";
1206
1318
  readonly 100: "8px";
1207
1319
  readonly 200: "16px";
1320
+ readonly half: "999px";
1321
+ readonly none: "0px";
1208
1322
  };
1209
1323
  shadows: {
1210
1324
  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";
@@ -1488,63 +1602,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1488
1602
  };
1489
1603
  colors: {
1490
1604
  readonly black: any;
1605
+ readonly 'blue-50': any;
1491
1606
  readonly 'blue-100': any;
1607
+ readonly 'blue-150': any;
1492
1608
  readonly 'blue-200': any;
1609
+ readonly 'blue-250': any;
1493
1610
  readonly 'blue-300': any;
1611
+ readonly 'blue-350': any;
1494
1612
  readonly 'blue-400': any;
1613
+ readonly 'blue-450': any;
1495
1614
  readonly 'blue-500': any;
1615
+ readonly 'blue-550': any;
1496
1616
  readonly 'blue-600': any;
1617
+ readonly 'blue-650': any;
1497
1618
  readonly 'blue-700': any;
1619
+ readonly 'blue-750': any;
1498
1620
  readonly 'blue-800': any;
1621
+ readonly 'blue-850': any;
1499
1622
  readonly 'blue-900': any;
1500
- readonly 'blue-1000': any;
1623
+ readonly 'blue-950': any;
1624
+ readonly 'gray-50': any;
1501
1625
  readonly 'gray-100': any;
1626
+ readonly 'gray-150': any;
1502
1627
  readonly 'gray-200': any;
1628
+ readonly 'gray-250': any;
1503
1629
  readonly 'gray-300': any;
1630
+ readonly 'gray-350': any;
1504
1631
  readonly 'gray-400': any;
1632
+ readonly 'gray-450': any;
1505
1633
  readonly 'gray-500': any;
1634
+ readonly 'gray-550': any;
1506
1635
  readonly 'gray-600': any;
1636
+ readonly 'gray-650': any;
1507
1637
  readonly 'gray-700': any;
1638
+ readonly 'gray-750': any;
1508
1639
  readonly 'gray-800': any;
1640
+ readonly 'gray-850': any;
1509
1641
  readonly 'gray-900': any;
1642
+ readonly 'gray-950': any;
1643
+ readonly 'green-50': any;
1510
1644
  readonly 'green-100': any;
1645
+ readonly 'green-150': any;
1511
1646
  readonly 'green-200': any;
1647
+ readonly 'green-250': any;
1512
1648
  readonly 'green-300': any;
1649
+ readonly 'green-350': any;
1513
1650
  readonly 'green-400': any;
1651
+ readonly 'green-450': any;
1514
1652
  readonly 'green-500': any;
1653
+ readonly 'green-550': any;
1515
1654
  readonly 'green-600': any;
1655
+ readonly 'green-650': any;
1516
1656
  readonly 'green-700': any;
1657
+ readonly 'green-750': any;
1517
1658
  readonly 'green-800': any;
1659
+ readonly 'green-850': any;
1518
1660
  readonly 'green-900': any;
1519
- readonly 'indigo-100': any;
1520
- readonly 'indigo-200': any;
1521
- readonly 'indigo-300': any;
1522
- readonly 'indigo-400': any;
1523
- readonly 'indigo-500': any;
1524
- readonly 'indigo-600': any;
1525
- readonly 'indigo-700': any;
1526
- readonly 'indigo-800': any;
1527
- readonly 'indigo-900': any;
1661
+ readonly 'green-950': any;
1662
+ readonly 'red-50': any;
1528
1663
  readonly 'red-100': any;
1664
+ readonly 'red-150': any;
1529
1665
  readonly 'red-200': any;
1666
+ readonly 'red-250': any;
1530
1667
  readonly 'red-300': any;
1668
+ readonly 'red-350': any;
1531
1669
  readonly 'red-400': any;
1670
+ readonly 'red-450': any;
1532
1671
  readonly 'red-500': any;
1672
+ readonly 'red-550': any;
1533
1673
  readonly 'red-600': any;
1674
+ readonly 'red-650': any;
1534
1675
  readonly 'red-700': any;
1676
+ readonly 'red-750': any;
1535
1677
  readonly 'red-800': any;
1678
+ readonly 'red-850': any;
1536
1679
  readonly 'red-900': any;
1680
+ readonly 'red-950': any;
1537
1681
  readonly transparent: any;
1538
1682
  readonly white: any;
1683
+ readonly 'yellow-50': any;
1539
1684
  readonly 'yellow-100': any;
1685
+ readonly 'yellow-150': any;
1540
1686
  readonly 'yellow-200': any;
1687
+ readonly 'yellow-250': any;
1541
1688
  readonly 'yellow-300': any;
1689
+ readonly 'yellow-350': any;
1542
1690
  readonly 'yellow-400': any;
1691
+ readonly 'yellow-450': any;
1543
1692
  readonly 'yellow-500': any;
1693
+ readonly 'yellow-550': any;
1544
1694
  readonly 'yellow-600': any;
1695
+ readonly 'yellow-650': any;
1545
1696
  readonly 'yellow-700': any;
1697
+ readonly 'yellow-750': any;
1546
1698
  readonly 'yellow-800': any;
1699
+ readonly 'yellow-850': any;
1547
1700
  readonly 'yellow-900': any;
1701
+ readonly 'yellow-950': any;
1548
1702
  "background-alpha-active"?: any;
1549
1703
  "background-alpha-hover"?: any;
1550
1704
  "background-danger-prominent"?: any;
@@ -1565,27 +1719,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1565
1719
  "background-neutrals-inverted-subtle"?: any;
1566
1720
  "background-neutrals-page"?: any;
1567
1721
  "background-neutrals-page-subtle"?: any;
1568
- "background-neutrals-scrolls"?: any;
1569
- "background-neutrals-scrolls-expanded"?: any;
1570
- "background-neutrals-scrolls-hover"?: any;
1571
- "background-neutrals-scrolls-pressed"?: any;
1572
- "background-neutrals-scrolls-pressed-hover"?: any;
1722
+ "background-neutrals-scrollbar"?: any;
1723
+ "background-neutrals-scrollbar-active"?: any;
1724
+ "background-neutrals-scrollbar-hover"?: any;
1573
1725
  "background-neutrals-subtle"?: any;
1574
1726
  "background-neutrals-subtle-active"?: any;
1575
1727
  "background-neutrals-subtle-hover"?: any;
1576
1728
  "background-primary-prominent"?: any;
1577
1729
  "background-primary-prominent-active"?: any;
1578
- "background-primary-prominent-expanded"?: any;
1579
1730
  "background-primary-prominent-hover"?: any;
1580
- "background-primary-prominent-pressed"?: any;
1581
- "background-primary-prominent-pressed-hover"?: any;
1582
1731
  "background-primary-prominent-selected"?: any;
1583
1732
  "background-primary-subtle"?: any;
1584
1733
  "background-primary-subtle-active"?: any;
1585
- "background-primary-subtle-expanded"?: any;
1586
1734
  "background-primary-subtle-hover"?: any;
1587
- "background-primary-subtle-pressed"?: any;
1588
- "background-primary-subtle-pressed-hover"?: any;
1589
1735
  "background-primary-subtle-selected"?: any;
1590
1736
  "background-success"?: any;
1591
1737
  "background-success-prominent"?: any;
@@ -1596,9 +1742,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1596
1742
  "border-danger"?: any;
1597
1743
  "border-danger-active"?: any;
1598
1744
  "border-danger-hover"?: any;
1745
+ "border-focus-error-inner"?: any;
1746
+ "border-focus-error-middle"?: any;
1747
+ "border-focus-error-outer"?: any;
1599
1748
  "border-focus-inner"?: any;
1600
1749
  "border-focus-middle"?: any;
1601
1750
  "border-focus-outer"?: any;
1751
+ "border-focus-success-inner"?: any;
1752
+ "border-focus-success-middle"?: any;
1753
+ "border-focus-success-outer"?: any;
1602
1754
  "border-neutrals"?: any;
1603
1755
  "border-neutrals-active"?: any;
1604
1756
  "border-neutrals-controls"?: any;
@@ -1691,13 +1843,13 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1691
1843
  readonly body: "Open Sans, sans-serif";
1692
1844
  };
1693
1845
  radii: {
1694
- readonly none: 0;
1695
- readonly half: "999em";
1696
1846
  readonly 25: "2px";
1697
1847
  readonly 50: "4px";
1698
1848
  readonly 75: "6px";
1699
1849
  readonly 100: "8px";
1700
1850
  readonly 200: "16px";
1851
+ readonly half: "999px";
1852
+ readonly none: "0px";
1701
1853
  };
1702
1854
  shadows: {
1703
1855
  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";
@@ -1976,63 +2128,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1976
2128
  };
1977
2129
  colors: {
1978
2130
  readonly black: any;
2131
+ readonly 'blue-50': any;
1979
2132
  readonly 'blue-100': any;
2133
+ readonly 'blue-150': any;
1980
2134
  readonly 'blue-200': any;
2135
+ readonly 'blue-250': any;
1981
2136
  readonly 'blue-300': any;
2137
+ readonly 'blue-350': any;
1982
2138
  readonly 'blue-400': any;
2139
+ readonly 'blue-450': any;
1983
2140
  readonly 'blue-500': any;
2141
+ readonly 'blue-550': any;
1984
2142
  readonly 'blue-600': any;
2143
+ readonly 'blue-650': any;
1985
2144
  readonly 'blue-700': any;
2145
+ readonly 'blue-750': any;
1986
2146
  readonly 'blue-800': any;
2147
+ readonly 'blue-850': any;
1987
2148
  readonly 'blue-900': any;
1988
- readonly 'blue-1000': any;
2149
+ readonly 'blue-950': any;
2150
+ readonly 'gray-50': any;
1989
2151
  readonly 'gray-100': any;
2152
+ readonly 'gray-150': any;
1990
2153
  readonly 'gray-200': any;
2154
+ readonly 'gray-250': any;
1991
2155
  readonly 'gray-300': any;
2156
+ readonly 'gray-350': any;
1992
2157
  readonly 'gray-400': any;
2158
+ readonly 'gray-450': any;
1993
2159
  readonly 'gray-500': any;
2160
+ readonly 'gray-550': any;
1994
2161
  readonly 'gray-600': any;
2162
+ readonly 'gray-650': any;
1995
2163
  readonly 'gray-700': any;
2164
+ readonly 'gray-750': any;
1996
2165
  readonly 'gray-800': any;
2166
+ readonly 'gray-850': any;
1997
2167
  readonly 'gray-900': any;
2168
+ readonly 'gray-950': any;
2169
+ readonly 'green-50': any;
1998
2170
  readonly 'green-100': any;
2171
+ readonly 'green-150': any;
1999
2172
  readonly 'green-200': any;
2173
+ readonly 'green-250': any;
2000
2174
  readonly 'green-300': any;
2175
+ readonly 'green-350': any;
2001
2176
  readonly 'green-400': any;
2177
+ readonly 'green-450': any;
2002
2178
  readonly 'green-500': any;
2179
+ readonly 'green-550': any;
2003
2180
  readonly 'green-600': any;
2181
+ readonly 'green-650': any;
2004
2182
  readonly 'green-700': any;
2183
+ readonly 'green-750': any;
2005
2184
  readonly 'green-800': any;
2185
+ readonly 'green-850': any;
2006
2186
  readonly 'green-900': any;
2007
- readonly 'indigo-100': any;
2008
- readonly 'indigo-200': any;
2009
- readonly 'indigo-300': any;
2010
- readonly 'indigo-400': any;
2011
- readonly 'indigo-500': any;
2012
- readonly 'indigo-600': any;
2013
- readonly 'indigo-700': any;
2014
- readonly 'indigo-800': any;
2015
- readonly 'indigo-900': any;
2187
+ readonly 'green-950': any;
2188
+ readonly 'red-50': any;
2016
2189
  readonly 'red-100': any;
2190
+ readonly 'red-150': any;
2017
2191
  readonly 'red-200': any;
2192
+ readonly 'red-250': any;
2018
2193
  readonly 'red-300': any;
2194
+ readonly 'red-350': any;
2019
2195
  readonly 'red-400': any;
2196
+ readonly 'red-450': any;
2020
2197
  readonly 'red-500': any;
2198
+ readonly 'red-550': any;
2021
2199
  readonly 'red-600': any;
2200
+ readonly 'red-650': any;
2022
2201
  readonly 'red-700': any;
2202
+ readonly 'red-750': any;
2023
2203
  readonly 'red-800': any;
2204
+ readonly 'red-850': any;
2024
2205
  readonly 'red-900': any;
2206
+ readonly 'red-950': any;
2025
2207
  readonly transparent: any;
2026
2208
  readonly white: any;
2209
+ readonly 'yellow-50': any;
2027
2210
  readonly 'yellow-100': any;
2211
+ readonly 'yellow-150': any;
2028
2212
  readonly 'yellow-200': any;
2213
+ readonly 'yellow-250': any;
2029
2214
  readonly 'yellow-300': any;
2215
+ readonly 'yellow-350': any;
2030
2216
  readonly 'yellow-400': any;
2217
+ readonly 'yellow-450': any;
2031
2218
  readonly 'yellow-500': any;
2219
+ readonly 'yellow-550': any;
2032
2220
  readonly 'yellow-600': any;
2221
+ readonly 'yellow-650': any;
2033
2222
  readonly 'yellow-700': any;
2223
+ readonly 'yellow-750': any;
2034
2224
  readonly 'yellow-800': any;
2225
+ readonly 'yellow-850': any;
2035
2226
  readonly 'yellow-900': any;
2227
+ readonly 'yellow-950': any;
2036
2228
  "background-alpha-active"?: any;
2037
2229
  "background-alpha-hover"?: any;
2038
2230
  "background-danger-prominent"?: any;
@@ -2053,27 +2245,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2053
2245
  "background-neutrals-inverted-subtle"?: any;
2054
2246
  "background-neutrals-page"?: any;
2055
2247
  "background-neutrals-page-subtle"?: any;
2056
- "background-neutrals-scrolls"?: any;
2057
- "background-neutrals-scrolls-expanded"?: any;
2058
- "background-neutrals-scrolls-hover"?: any;
2059
- "background-neutrals-scrolls-pressed"?: any;
2060
- "background-neutrals-scrolls-pressed-hover"?: any;
2248
+ "background-neutrals-scrollbar"?: any;
2249
+ "background-neutrals-scrollbar-active"?: any;
2250
+ "background-neutrals-scrollbar-hover"?: any;
2061
2251
  "background-neutrals-subtle"?: any;
2062
2252
  "background-neutrals-subtle-active"?: any;
2063
2253
  "background-neutrals-subtle-hover"?: any;
2064
2254
  "background-primary-prominent"?: any;
2065
2255
  "background-primary-prominent-active"?: any;
2066
- "background-primary-prominent-expanded"?: any;
2067
2256
  "background-primary-prominent-hover"?: any;
2068
- "background-primary-prominent-pressed"?: any;
2069
- "background-primary-prominent-pressed-hover"?: any;
2070
2257
  "background-primary-prominent-selected"?: any;
2071
2258
  "background-primary-subtle"?: any;
2072
2259
  "background-primary-subtle-active"?: any;
2073
- "background-primary-subtle-expanded"?: any;
2074
2260
  "background-primary-subtle-hover"?: any;
2075
- "background-primary-subtle-pressed"?: any;
2076
- "background-primary-subtle-pressed-hover"?: any;
2077
2261
  "background-primary-subtle-selected"?: any;
2078
2262
  "background-success"?: any;
2079
2263
  "background-success-prominent"?: any;
@@ -2084,9 +2268,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2084
2268
  "border-danger"?: any;
2085
2269
  "border-danger-active"?: any;
2086
2270
  "border-danger-hover"?: any;
2271
+ "border-focus-error-inner"?: any;
2272
+ "border-focus-error-middle"?: any;
2273
+ "border-focus-error-outer"?: any;
2087
2274
  "border-focus-inner"?: any;
2088
2275
  "border-focus-middle"?: any;
2089
2276
  "border-focus-outer"?: any;
2277
+ "border-focus-success-inner"?: any;
2278
+ "border-focus-success-middle"?: any;
2279
+ "border-focus-success-outer"?: any;
2090
2280
  "border-neutrals"?: any;
2091
2281
  "border-neutrals-active"?: any;
2092
2282
  "border-neutrals-controls"?: any;
@@ -2179,13 +2369,13 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2179
2369
  readonly body: "Open Sans, sans-serif";
2180
2370
  };
2181
2371
  radii: {
2182
- readonly none: 0;
2183
- readonly half: "999em";
2184
2372
  readonly 25: "2px";
2185
2373
  readonly 50: "4px";
2186
2374
  readonly 75: "6px";
2187
2375
  readonly 100: "8px";
2188
2376
  readonly 200: "16px";
2377
+ readonly half: "999px";
2378
+ readonly none: "0px";
2189
2379
  };
2190
2380
  shadows: {
2191
2381
  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";
@@ -2474,63 +2664,103 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2474
2664
  };
2475
2665
  colors: {
2476
2666
  readonly black: any;
2667
+ readonly 'blue-50': any;
2477
2668
  readonly 'blue-100': any;
2669
+ readonly 'blue-150': any;
2478
2670
  readonly 'blue-200': any;
2671
+ readonly 'blue-250': any;
2479
2672
  readonly 'blue-300': any;
2673
+ readonly 'blue-350': any;
2480
2674
  readonly 'blue-400': any;
2675
+ readonly 'blue-450': any;
2481
2676
  readonly 'blue-500': any;
2677
+ readonly 'blue-550': any;
2482
2678
  readonly 'blue-600': any;
2679
+ readonly 'blue-650': any;
2483
2680
  readonly 'blue-700': any;
2681
+ readonly 'blue-750': any;
2484
2682
  readonly 'blue-800': any;
2683
+ readonly 'blue-850': any;
2485
2684
  readonly 'blue-900': any;
2486
- readonly 'blue-1000': any;
2685
+ readonly 'blue-950': any;
2686
+ readonly 'gray-50': any;
2487
2687
  readonly 'gray-100': any;
2688
+ readonly 'gray-150': any;
2488
2689
  readonly 'gray-200': any;
2690
+ readonly 'gray-250': any;
2489
2691
  readonly 'gray-300': any;
2692
+ readonly 'gray-350': any;
2490
2693
  readonly 'gray-400': any;
2694
+ readonly 'gray-450': any;
2491
2695
  readonly 'gray-500': any;
2696
+ readonly 'gray-550': any;
2492
2697
  readonly 'gray-600': any;
2698
+ readonly 'gray-650': any;
2493
2699
  readonly 'gray-700': any;
2700
+ readonly 'gray-750': any;
2494
2701
  readonly 'gray-800': any;
2702
+ readonly 'gray-850': any;
2495
2703
  readonly 'gray-900': any;
2704
+ readonly 'gray-950': any;
2705
+ readonly 'green-50': any;
2496
2706
  readonly 'green-100': any;
2707
+ readonly 'green-150': any;
2497
2708
  readonly 'green-200': any;
2709
+ readonly 'green-250': any;
2498
2710
  readonly 'green-300': any;
2711
+ readonly 'green-350': any;
2499
2712
  readonly 'green-400': any;
2713
+ readonly 'green-450': any;
2500
2714
  readonly 'green-500': any;
2715
+ readonly 'green-550': any;
2501
2716
  readonly 'green-600': any;
2717
+ readonly 'green-650': any;
2502
2718
  readonly 'green-700': any;
2719
+ readonly 'green-750': any;
2503
2720
  readonly 'green-800': any;
2721
+ readonly 'green-850': any;
2504
2722
  readonly 'green-900': any;
2505
- readonly 'indigo-100': any;
2506
- readonly 'indigo-200': any;
2507
- readonly 'indigo-300': any;
2508
- readonly 'indigo-400': any;
2509
- readonly 'indigo-500': any;
2510
- readonly 'indigo-600': any;
2511
- readonly 'indigo-700': any;
2512
- readonly 'indigo-800': any;
2513
- readonly 'indigo-900': any;
2723
+ readonly 'green-950': any;
2724
+ readonly 'red-50': any;
2514
2725
  readonly 'red-100': any;
2726
+ readonly 'red-150': any;
2515
2727
  readonly 'red-200': any;
2728
+ readonly 'red-250': any;
2516
2729
  readonly 'red-300': any;
2730
+ readonly 'red-350': any;
2517
2731
  readonly 'red-400': any;
2732
+ readonly 'red-450': any;
2518
2733
  readonly 'red-500': any;
2734
+ readonly 'red-550': any;
2519
2735
  readonly 'red-600': any;
2736
+ readonly 'red-650': any;
2520
2737
  readonly 'red-700': any;
2738
+ readonly 'red-750': any;
2521
2739
  readonly 'red-800': any;
2740
+ readonly 'red-850': any;
2522
2741
  readonly 'red-900': any;
2742
+ readonly 'red-950': any;
2523
2743
  readonly transparent: any;
2524
2744
  readonly white: any;
2745
+ readonly 'yellow-50': any;
2525
2746
  readonly 'yellow-100': any;
2747
+ readonly 'yellow-150': any;
2526
2748
  readonly 'yellow-200': any;
2749
+ readonly 'yellow-250': any;
2527
2750
  readonly 'yellow-300': any;
2751
+ readonly 'yellow-350': any;
2528
2752
  readonly 'yellow-400': any;
2753
+ readonly 'yellow-450': any;
2529
2754
  readonly 'yellow-500': any;
2755
+ readonly 'yellow-550': any;
2530
2756
  readonly 'yellow-600': any;
2757
+ readonly 'yellow-650': any;
2531
2758
  readonly 'yellow-700': any;
2759
+ readonly 'yellow-750': any;
2532
2760
  readonly 'yellow-800': any;
2761
+ readonly 'yellow-850': any;
2533
2762
  readonly 'yellow-900': any;
2763
+ readonly 'yellow-950': any;
2534
2764
  "background-alpha-active"?: any;
2535
2765
  "background-alpha-hover"?: any;
2536
2766
  "background-danger-prominent"?: any;
@@ -2551,27 +2781,19 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2551
2781
  "background-neutrals-inverted-subtle"?: any;
2552
2782
  "background-neutrals-page"?: any;
2553
2783
  "background-neutrals-page-subtle"?: any;
2554
- "background-neutrals-scrolls"?: any;
2555
- "background-neutrals-scrolls-expanded"?: any;
2556
- "background-neutrals-scrolls-hover"?: any;
2557
- "background-neutrals-scrolls-pressed"?: any;
2558
- "background-neutrals-scrolls-pressed-hover"?: any;
2784
+ "background-neutrals-scrollbar"?: any;
2785
+ "background-neutrals-scrollbar-active"?: any;
2786
+ "background-neutrals-scrollbar-hover"?: any;
2559
2787
  "background-neutrals-subtle"?: any;
2560
2788
  "background-neutrals-subtle-active"?: any;
2561
2789
  "background-neutrals-subtle-hover"?: any;
2562
2790
  "background-primary-prominent"?: any;
2563
2791
  "background-primary-prominent-active"?: any;
2564
- "background-primary-prominent-expanded"?: any;
2565
2792
  "background-primary-prominent-hover"?: any;
2566
- "background-primary-prominent-pressed"?: any;
2567
- "background-primary-prominent-pressed-hover"?: any;
2568
2793
  "background-primary-prominent-selected"?: any;
2569
2794
  "background-primary-subtle"?: any;
2570
2795
  "background-primary-subtle-active"?: any;
2571
- "background-primary-subtle-expanded"?: any;
2572
2796
  "background-primary-subtle-hover"?: any;
2573
- "background-primary-subtle-pressed"?: any;
2574
- "background-primary-subtle-pressed-hover"?: any;
2575
2797
  "background-primary-subtle-selected"?: any;
2576
2798
  "background-success"?: any;
2577
2799
  "background-success-prominent"?: any;
@@ -2582,9 +2804,15 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2582
2804
  "border-danger"?: any;
2583
2805
  "border-danger-active"?: any;
2584
2806
  "border-danger-hover"?: any;
2807
+ "border-focus-error-inner"?: any;
2808
+ "border-focus-error-middle"?: any;
2809
+ "border-focus-error-outer"?: any;
2585
2810
  "border-focus-inner"?: any;
2586
2811
  "border-focus-middle"?: any;
2587
2812
  "border-focus-outer"?: any;
2813
+ "border-focus-success-inner"?: any;
2814
+ "border-focus-success-middle"?: any;
2815
+ "border-focus-success-outer"?: any;
2588
2816
  "border-neutrals"?: any;
2589
2817
  "border-neutrals-active"?: any;
2590
2818
  "border-neutrals-controls"?: any;
@@ -2677,13 +2905,13 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2677
2905
  readonly body: "Open Sans, sans-serif";
2678
2906
  };
2679
2907
  radii: {
2680
- readonly none: 0;
2681
- readonly half: "999em";
2682
2908
  readonly 25: "2px";
2683
2909
  readonly 50: "4px";
2684
2910
  readonly 75: "6px";
2685
2911
  readonly 100: "8px";
2686
2912
  readonly 200: "16px";
2913
+ readonly half: "999px";
2914
+ readonly none: "0px";
2687
2915
  };
2688
2916
  shadows: {
2689
2917
  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";