@mirohq/design-system-icon-button 2.1.8 → 2.1.9-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 +427 -161
  6. package/package.json +9 -9
package/dist/types.d.ts CHANGED
@@ -17,63 +17,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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 StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
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";
@@ -1486,63 +1600,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1486
1600
  };
1487
1601
  colors: {
1488
1602
  readonly black: any;
1603
+ readonly 'blue-50': any;
1489
1604
  readonly 'blue-100': any;
1605
+ readonly 'blue-150': any;
1490
1606
  readonly 'blue-200': any;
1607
+ readonly 'blue-250': any;
1491
1608
  readonly 'blue-300': any;
1609
+ readonly 'blue-350': any;
1492
1610
  readonly 'blue-400': any;
1611
+ readonly 'blue-450': any;
1493
1612
  readonly 'blue-500': any;
1613
+ readonly 'blue-550': any;
1494
1614
  readonly 'blue-600': any;
1615
+ readonly 'blue-650': any;
1495
1616
  readonly 'blue-700': any;
1617
+ readonly 'blue-750': any;
1496
1618
  readonly 'blue-800': any;
1619
+ readonly 'blue-850': any;
1497
1620
  readonly 'blue-900': any;
1498
- readonly 'blue-1000': any;
1621
+ readonly 'blue-950': any;
1622
+ readonly 'gray-50': any;
1499
1623
  readonly 'gray-100': any;
1624
+ readonly 'gray-150': any;
1500
1625
  readonly 'gray-200': any;
1626
+ readonly 'gray-250': any;
1501
1627
  readonly 'gray-300': any;
1628
+ readonly 'gray-350': any;
1502
1629
  readonly 'gray-400': any;
1630
+ readonly 'gray-450': any;
1503
1631
  readonly 'gray-500': any;
1632
+ readonly 'gray-550': any;
1504
1633
  readonly 'gray-600': any;
1634
+ readonly 'gray-650': any;
1505
1635
  readonly 'gray-700': any;
1636
+ readonly 'gray-750': any;
1506
1637
  readonly 'gray-800': any;
1638
+ readonly 'gray-850': any;
1507
1639
  readonly 'gray-900': any;
1640
+ readonly 'gray-950': any;
1641
+ readonly 'green-50': any;
1508
1642
  readonly 'green-100': any;
1643
+ readonly 'green-150': any;
1509
1644
  readonly 'green-200': any;
1645
+ readonly 'green-250': any;
1510
1646
  readonly 'green-300': any;
1647
+ readonly 'green-350': any;
1511
1648
  readonly 'green-400': any;
1649
+ readonly 'green-450': any;
1512
1650
  readonly 'green-500': any;
1651
+ readonly 'green-550': any;
1513
1652
  readonly 'green-600': any;
1653
+ readonly 'green-650': any;
1514
1654
  readonly 'green-700': any;
1655
+ readonly 'green-750': any;
1515
1656
  readonly 'green-800': any;
1657
+ readonly 'green-850': any;
1516
1658
  readonly 'green-900': any;
1517
- readonly 'indigo-100': any;
1518
- readonly 'indigo-200': any;
1519
- readonly 'indigo-300': any;
1520
- readonly 'indigo-400': any;
1521
- readonly 'indigo-500': any;
1522
- readonly 'indigo-600': any;
1523
- readonly 'indigo-700': any;
1524
- readonly 'indigo-800': any;
1525
- readonly 'indigo-900': any;
1659
+ readonly 'green-950': any;
1660
+ readonly 'red-50': any;
1526
1661
  readonly 'red-100': any;
1662
+ readonly 'red-150': any;
1527
1663
  readonly 'red-200': any;
1664
+ readonly 'red-250': any;
1528
1665
  readonly 'red-300': any;
1666
+ readonly 'red-350': any;
1529
1667
  readonly 'red-400': any;
1668
+ readonly 'red-450': any;
1530
1669
  readonly 'red-500': any;
1670
+ readonly 'red-550': any;
1531
1671
  readonly 'red-600': any;
1672
+ readonly 'red-650': any;
1532
1673
  readonly 'red-700': any;
1674
+ readonly 'red-750': any;
1533
1675
  readonly 'red-800': any;
1676
+ readonly 'red-850': any;
1534
1677
  readonly 'red-900': any;
1678
+ readonly 'red-950': any;
1535
1679
  readonly transparent: any;
1536
1680
  readonly white: any;
1681
+ readonly 'yellow-50': any;
1537
1682
  readonly 'yellow-100': any;
1683
+ readonly 'yellow-150': any;
1538
1684
  readonly 'yellow-200': any;
1685
+ readonly 'yellow-250': any;
1539
1686
  readonly 'yellow-300': any;
1687
+ readonly 'yellow-350': any;
1540
1688
  readonly 'yellow-400': any;
1689
+ readonly 'yellow-450': any;
1541
1690
  readonly 'yellow-500': any;
1691
+ readonly 'yellow-550': any;
1542
1692
  readonly 'yellow-600': any;
1693
+ readonly 'yellow-650': any;
1543
1694
  readonly 'yellow-700': any;
1695
+ readonly 'yellow-750': any;
1544
1696
  readonly 'yellow-800': any;
1697
+ readonly 'yellow-850': any;
1545
1698
  readonly 'yellow-900': any;
1699
+ readonly 'yellow-950': any;
1546
1700
  "background-alpha-active"?: any;
1547
1701
  "background-alpha-hover"?: any;
1548
1702
  "background-danger-prominent"?: any;
@@ -1563,27 +1717,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1563
1717
  "background-neutrals-inverted-subtle"?: any;
1564
1718
  "background-neutrals-page"?: any;
1565
1719
  "background-neutrals-page-subtle"?: any;
1566
- "background-neutrals-scrolls"?: any;
1567
- "background-neutrals-scrolls-expanded"?: any;
1568
- "background-neutrals-scrolls-hover"?: any;
1569
- "background-neutrals-scrolls-pressed"?: any;
1570
- "background-neutrals-scrolls-pressed-hover"?: any;
1720
+ "background-neutrals-scrollbar"?: any;
1721
+ "background-neutrals-scrollbar-active"?: any;
1722
+ "background-neutrals-scrollbar-hover"?: any;
1571
1723
  "background-neutrals-subtle"?: any;
1572
1724
  "background-neutrals-subtle-active"?: any;
1573
1725
  "background-neutrals-subtle-hover"?: any;
1574
1726
  "background-primary-prominent"?: any;
1575
1727
  "background-primary-prominent-active"?: any;
1576
- "background-primary-prominent-expanded"?: any;
1577
1728
  "background-primary-prominent-hover"?: any;
1578
- "background-primary-prominent-pressed"?: any;
1579
- "background-primary-prominent-pressed-hover"?: any;
1580
1729
  "background-primary-prominent-selected"?: any;
1581
1730
  "background-primary-subtle"?: any;
1582
1731
  "background-primary-subtle-active"?: any;
1583
- "background-primary-subtle-expanded"?: any;
1584
1732
  "background-primary-subtle-hover"?: any;
1585
- "background-primary-subtle-pressed"?: any;
1586
- "background-primary-subtle-pressed-hover"?: any;
1587
1733
  "background-primary-subtle-selected"?: any;
1588
1734
  "background-success"?: any;
1589
1735
  "background-success-prominent"?: any;
@@ -1594,9 +1740,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1594
1740
  "border-danger"?: any;
1595
1741
  "border-danger-active"?: any;
1596
1742
  "border-danger-hover"?: any;
1743
+ "border-focus-error-inner"?: any;
1744
+ "border-focus-error-middle"?: any;
1745
+ "border-focus-error-outer"?: any;
1597
1746
  "border-focus-inner"?: any;
1598
1747
  "border-focus-middle"?: any;
1599
1748
  "border-focus-outer"?: any;
1749
+ "border-focus-success-inner"?: any;
1750
+ "border-focus-success-middle"?: any;
1751
+ "border-focus-success-outer"?: any;
1600
1752
  "border-neutrals"?: any;
1601
1753
  "border-neutrals-active"?: any;
1602
1754
  "border-neutrals-controls"?: any;
@@ -1689,13 +1841,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1689
1841
  readonly body: "Open Sans, sans-serif";
1690
1842
  };
1691
1843
  radii: {
1692
- readonly none: 0;
1693
- readonly half: "999em";
1694
1844
  readonly 25: "2px";
1695
1845
  readonly 50: "4px";
1696
1846
  readonly 75: "6px";
1697
1847
  readonly 100: "8px";
1698
1848
  readonly 200: "16px";
1849
+ readonly half: "999px";
1850
+ readonly none: "0px";
1699
1851
  };
1700
1852
  shadows: {
1701
1853
  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";
@@ -1974,63 +2126,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1974
2126
  };
1975
2127
  colors: {
1976
2128
  readonly black: any;
2129
+ readonly 'blue-50': any;
1977
2130
  readonly 'blue-100': any;
2131
+ readonly 'blue-150': any;
1978
2132
  readonly 'blue-200': any;
2133
+ readonly 'blue-250': any;
1979
2134
  readonly 'blue-300': any;
2135
+ readonly 'blue-350': any;
1980
2136
  readonly 'blue-400': any;
2137
+ readonly 'blue-450': any;
1981
2138
  readonly 'blue-500': any;
2139
+ readonly 'blue-550': any;
1982
2140
  readonly 'blue-600': any;
2141
+ readonly 'blue-650': any;
1983
2142
  readonly 'blue-700': any;
2143
+ readonly 'blue-750': any;
1984
2144
  readonly 'blue-800': any;
2145
+ readonly 'blue-850': any;
1985
2146
  readonly 'blue-900': any;
1986
- readonly 'blue-1000': any;
2147
+ readonly 'blue-950': any;
2148
+ readonly 'gray-50': any;
1987
2149
  readonly 'gray-100': any;
2150
+ readonly 'gray-150': any;
1988
2151
  readonly 'gray-200': any;
2152
+ readonly 'gray-250': any;
1989
2153
  readonly 'gray-300': any;
2154
+ readonly 'gray-350': any;
1990
2155
  readonly 'gray-400': any;
2156
+ readonly 'gray-450': any;
1991
2157
  readonly 'gray-500': any;
2158
+ readonly 'gray-550': any;
1992
2159
  readonly 'gray-600': any;
2160
+ readonly 'gray-650': any;
1993
2161
  readonly 'gray-700': any;
2162
+ readonly 'gray-750': any;
1994
2163
  readonly 'gray-800': any;
2164
+ readonly 'gray-850': any;
1995
2165
  readonly 'gray-900': any;
2166
+ readonly 'gray-950': any;
2167
+ readonly 'green-50': any;
1996
2168
  readonly 'green-100': any;
2169
+ readonly 'green-150': any;
1997
2170
  readonly 'green-200': any;
2171
+ readonly 'green-250': any;
1998
2172
  readonly 'green-300': any;
2173
+ readonly 'green-350': any;
1999
2174
  readonly 'green-400': any;
2175
+ readonly 'green-450': any;
2000
2176
  readonly 'green-500': any;
2177
+ readonly 'green-550': any;
2001
2178
  readonly 'green-600': any;
2179
+ readonly 'green-650': any;
2002
2180
  readonly 'green-700': any;
2181
+ readonly 'green-750': any;
2003
2182
  readonly 'green-800': any;
2183
+ readonly 'green-850': any;
2004
2184
  readonly 'green-900': any;
2005
- readonly 'indigo-100': any;
2006
- readonly 'indigo-200': any;
2007
- readonly 'indigo-300': any;
2008
- readonly 'indigo-400': any;
2009
- readonly 'indigo-500': any;
2010
- readonly 'indigo-600': any;
2011
- readonly 'indigo-700': any;
2012
- readonly 'indigo-800': any;
2013
- readonly 'indigo-900': any;
2185
+ readonly 'green-950': any;
2186
+ readonly 'red-50': any;
2014
2187
  readonly 'red-100': any;
2188
+ readonly 'red-150': any;
2015
2189
  readonly 'red-200': any;
2190
+ readonly 'red-250': any;
2016
2191
  readonly 'red-300': any;
2192
+ readonly 'red-350': any;
2017
2193
  readonly 'red-400': any;
2194
+ readonly 'red-450': any;
2018
2195
  readonly 'red-500': any;
2196
+ readonly 'red-550': any;
2019
2197
  readonly 'red-600': any;
2198
+ readonly 'red-650': any;
2020
2199
  readonly 'red-700': any;
2200
+ readonly 'red-750': any;
2021
2201
  readonly 'red-800': any;
2202
+ readonly 'red-850': any;
2022
2203
  readonly 'red-900': any;
2204
+ readonly 'red-950': any;
2023
2205
  readonly transparent: any;
2024
2206
  readonly white: any;
2207
+ readonly 'yellow-50': any;
2025
2208
  readonly 'yellow-100': any;
2209
+ readonly 'yellow-150': any;
2026
2210
  readonly 'yellow-200': any;
2211
+ readonly 'yellow-250': any;
2027
2212
  readonly 'yellow-300': any;
2213
+ readonly 'yellow-350': any;
2028
2214
  readonly 'yellow-400': any;
2215
+ readonly 'yellow-450': any;
2029
2216
  readonly 'yellow-500': any;
2217
+ readonly 'yellow-550': any;
2030
2218
  readonly 'yellow-600': any;
2219
+ readonly 'yellow-650': any;
2031
2220
  readonly 'yellow-700': any;
2221
+ readonly 'yellow-750': any;
2032
2222
  readonly 'yellow-800': any;
2223
+ readonly 'yellow-850': any;
2033
2224
  readonly 'yellow-900': any;
2225
+ readonly 'yellow-950': any;
2034
2226
  "background-alpha-active"?: any;
2035
2227
  "background-alpha-hover"?: any;
2036
2228
  "background-danger-prominent"?: any;
@@ -2051,27 +2243,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2051
2243
  "background-neutrals-inverted-subtle"?: any;
2052
2244
  "background-neutrals-page"?: any;
2053
2245
  "background-neutrals-page-subtle"?: any;
2054
- "background-neutrals-scrolls"?: any;
2055
- "background-neutrals-scrolls-expanded"?: any;
2056
- "background-neutrals-scrolls-hover"?: any;
2057
- "background-neutrals-scrolls-pressed"?: any;
2058
- "background-neutrals-scrolls-pressed-hover"?: any;
2246
+ "background-neutrals-scrollbar"?: any;
2247
+ "background-neutrals-scrollbar-active"?: any;
2248
+ "background-neutrals-scrollbar-hover"?: any;
2059
2249
  "background-neutrals-subtle"?: any;
2060
2250
  "background-neutrals-subtle-active"?: any;
2061
2251
  "background-neutrals-subtle-hover"?: any;
2062
2252
  "background-primary-prominent"?: any;
2063
2253
  "background-primary-prominent-active"?: any;
2064
- "background-primary-prominent-expanded"?: any;
2065
2254
  "background-primary-prominent-hover"?: any;
2066
- "background-primary-prominent-pressed"?: any;
2067
- "background-primary-prominent-pressed-hover"?: any;
2068
2255
  "background-primary-prominent-selected"?: any;
2069
2256
  "background-primary-subtle"?: any;
2070
2257
  "background-primary-subtle-active"?: any;
2071
- "background-primary-subtle-expanded"?: any;
2072
2258
  "background-primary-subtle-hover"?: any;
2073
- "background-primary-subtle-pressed"?: any;
2074
- "background-primary-subtle-pressed-hover"?: any;
2075
2259
  "background-primary-subtle-selected"?: any;
2076
2260
  "background-success"?: any;
2077
2261
  "background-success-prominent"?: any;
@@ -2082,9 +2266,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2082
2266
  "border-danger"?: any;
2083
2267
  "border-danger-active"?: any;
2084
2268
  "border-danger-hover"?: any;
2269
+ "border-focus-error-inner"?: any;
2270
+ "border-focus-error-middle"?: any;
2271
+ "border-focus-error-outer"?: any;
2085
2272
  "border-focus-inner"?: any;
2086
2273
  "border-focus-middle"?: any;
2087
2274
  "border-focus-outer"?: any;
2275
+ "border-focus-success-inner"?: any;
2276
+ "border-focus-success-middle"?: any;
2277
+ "border-focus-success-outer"?: any;
2088
2278
  "border-neutrals"?: any;
2089
2279
  "border-neutrals-active"?: any;
2090
2280
  "border-neutrals-controls"?: any;
@@ -2177,13 +2367,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2177
2367
  readonly body: "Open Sans, sans-serif";
2178
2368
  };
2179
2369
  radii: {
2180
- readonly none: 0;
2181
- readonly half: "999em";
2182
2370
  readonly 25: "2px";
2183
2371
  readonly 50: "4px";
2184
2372
  readonly 75: "6px";
2185
2373
  readonly 100: "8px";
2186
2374
  readonly 200: "16px";
2375
+ readonly half: "999px";
2376
+ readonly none: "0px";
2187
2377
  };
2188
2378
  shadows: {
2189
2379
  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";
@@ -2527,63 +2717,103 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2527
2717
  };
2528
2718
  colors: {
2529
2719
  readonly black: any;
2720
+ readonly 'blue-50': any;
2530
2721
  readonly 'blue-100': any;
2722
+ readonly 'blue-150': any;
2531
2723
  readonly 'blue-200': any;
2724
+ readonly 'blue-250': any;
2532
2725
  readonly 'blue-300': any;
2726
+ readonly 'blue-350': any;
2533
2727
  readonly 'blue-400': any;
2728
+ readonly 'blue-450': any;
2534
2729
  readonly 'blue-500': any;
2730
+ readonly 'blue-550': any;
2535
2731
  readonly 'blue-600': any;
2732
+ readonly 'blue-650': any;
2536
2733
  readonly 'blue-700': any;
2734
+ readonly 'blue-750': any;
2537
2735
  readonly 'blue-800': any;
2736
+ readonly 'blue-850': any;
2538
2737
  readonly 'blue-900': any;
2539
- readonly 'blue-1000': any;
2738
+ readonly 'blue-950': any;
2739
+ readonly 'gray-50': any;
2540
2740
  readonly 'gray-100': any;
2741
+ readonly 'gray-150': any;
2541
2742
  readonly 'gray-200': any;
2743
+ readonly 'gray-250': any;
2542
2744
  readonly 'gray-300': any;
2745
+ readonly 'gray-350': any;
2543
2746
  readonly 'gray-400': any;
2747
+ readonly 'gray-450': any;
2544
2748
  readonly 'gray-500': any;
2749
+ readonly 'gray-550': any;
2545
2750
  readonly 'gray-600': any;
2751
+ readonly 'gray-650': any;
2546
2752
  readonly 'gray-700': any;
2753
+ readonly 'gray-750': any;
2547
2754
  readonly 'gray-800': any;
2755
+ readonly 'gray-850': any;
2548
2756
  readonly 'gray-900': any;
2757
+ readonly 'gray-950': any;
2758
+ readonly 'green-50': any;
2549
2759
  readonly 'green-100': any;
2760
+ readonly 'green-150': any;
2550
2761
  readonly 'green-200': any;
2762
+ readonly 'green-250': any;
2551
2763
  readonly 'green-300': any;
2764
+ readonly 'green-350': any;
2552
2765
  readonly 'green-400': any;
2766
+ readonly 'green-450': any;
2553
2767
  readonly 'green-500': any;
2768
+ readonly 'green-550': any;
2554
2769
  readonly 'green-600': any;
2770
+ readonly 'green-650': any;
2555
2771
  readonly 'green-700': any;
2772
+ readonly 'green-750': any;
2556
2773
  readonly 'green-800': any;
2774
+ readonly 'green-850': any;
2557
2775
  readonly 'green-900': any;
2558
- readonly 'indigo-100': any;
2559
- readonly 'indigo-200': any;
2560
- readonly 'indigo-300': any;
2561
- readonly 'indigo-400': any;
2562
- readonly 'indigo-500': any;
2563
- readonly 'indigo-600': any;
2564
- readonly 'indigo-700': any;
2565
- readonly 'indigo-800': any;
2566
- readonly 'indigo-900': any;
2776
+ readonly 'green-950': any;
2777
+ readonly 'red-50': any;
2567
2778
  readonly 'red-100': any;
2779
+ readonly 'red-150': any;
2568
2780
  readonly 'red-200': any;
2781
+ readonly 'red-250': any;
2569
2782
  readonly 'red-300': any;
2783
+ readonly 'red-350': any;
2570
2784
  readonly 'red-400': any;
2785
+ readonly 'red-450': any;
2571
2786
  readonly 'red-500': any;
2787
+ readonly 'red-550': any;
2572
2788
  readonly 'red-600': any;
2789
+ readonly 'red-650': any;
2573
2790
  readonly 'red-700': any;
2791
+ readonly 'red-750': any;
2574
2792
  readonly 'red-800': any;
2793
+ readonly 'red-850': any;
2575
2794
  readonly 'red-900': any;
2795
+ readonly 'red-950': any;
2576
2796
  readonly transparent: any;
2577
2797
  readonly white: any;
2798
+ readonly 'yellow-50': any;
2578
2799
  readonly 'yellow-100': any;
2800
+ readonly 'yellow-150': any;
2579
2801
  readonly 'yellow-200': any;
2802
+ readonly 'yellow-250': any;
2580
2803
  readonly 'yellow-300': any;
2804
+ readonly 'yellow-350': any;
2581
2805
  readonly 'yellow-400': any;
2806
+ readonly 'yellow-450': any;
2582
2807
  readonly 'yellow-500': any;
2808
+ readonly 'yellow-550': any;
2583
2809
  readonly 'yellow-600': any;
2810
+ readonly 'yellow-650': any;
2584
2811
  readonly 'yellow-700': any;
2812
+ readonly 'yellow-750': any;
2585
2813
  readonly 'yellow-800': any;
2814
+ readonly 'yellow-850': any;
2586
2815
  readonly 'yellow-900': any;
2816
+ readonly 'yellow-950': any;
2587
2817
  "background-alpha-active"?: any;
2588
2818
  "background-alpha-hover"?: any;
2589
2819
  "background-danger-prominent"?: any;
@@ -2604,27 +2834,19 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2604
2834
  "background-neutrals-inverted-subtle"?: any;
2605
2835
  "background-neutrals-page"?: any;
2606
2836
  "background-neutrals-page-subtle"?: any;
2607
- "background-neutrals-scrolls"?: any;
2608
- "background-neutrals-scrolls-expanded"?: any;
2609
- "background-neutrals-scrolls-hover"?: any;
2610
- "background-neutrals-scrolls-pressed"?: any;
2611
- "background-neutrals-scrolls-pressed-hover"?: any;
2837
+ "background-neutrals-scrollbar"?: any;
2838
+ "background-neutrals-scrollbar-active"?: any;
2839
+ "background-neutrals-scrollbar-hover"?: any;
2612
2840
  "background-neutrals-subtle"?: any;
2613
2841
  "background-neutrals-subtle-active"?: any;
2614
2842
  "background-neutrals-subtle-hover"?: any;
2615
2843
  "background-primary-prominent"?: any;
2616
2844
  "background-primary-prominent-active"?: any;
2617
- "background-primary-prominent-expanded"?: any;
2618
2845
  "background-primary-prominent-hover"?: any;
2619
- "background-primary-prominent-pressed"?: any;
2620
- "background-primary-prominent-pressed-hover"?: any;
2621
2846
  "background-primary-prominent-selected"?: any;
2622
2847
  "background-primary-subtle"?: any;
2623
2848
  "background-primary-subtle-active"?: any;
2624
- "background-primary-subtle-expanded"?: any;
2625
2849
  "background-primary-subtle-hover"?: any;
2626
- "background-primary-subtle-pressed"?: any;
2627
- "background-primary-subtle-pressed-hover"?: any;
2628
2850
  "background-primary-subtle-selected"?: any;
2629
2851
  "background-success"?: any;
2630
2852
  "background-success-prominent"?: any;
@@ -2635,9 +2857,15 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2635
2857
  "border-danger"?: any;
2636
2858
  "border-danger-active"?: any;
2637
2859
  "border-danger-hover"?: any;
2860
+ "border-focus-error-inner"?: any;
2861
+ "border-focus-error-middle"?: any;
2862
+ "border-focus-error-outer"?: any;
2638
2863
  "border-focus-inner"?: any;
2639
2864
  "border-focus-middle"?: any;
2640
2865
  "border-focus-outer"?: any;
2866
+ "border-focus-success-inner"?: any;
2867
+ "border-focus-success-middle"?: any;
2868
+ "border-focus-success-outer"?: any;
2641
2869
  "border-neutrals"?: any;
2642
2870
  "border-neutrals-active"?: any;
2643
2871
  "border-neutrals-controls"?: any;
@@ -2730,13 +2958,13 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2730
2958
  readonly body: "Open Sans, sans-serif";
2731
2959
  };
2732
2960
  radii: {
2733
- readonly none: 0;
2734
- readonly half: "999em";
2735
2961
  readonly 25: "2px";
2736
2962
  readonly 50: "4px";
2737
2963
  readonly 75: "6px";
2738
2964
  readonly 100: "8px";
2739
2965
  readonly 200: "16px";
2966
+ readonly half: "999px";
2967
+ readonly none: "0px";
2740
2968
  };
2741
2969
  shadows: {
2742
2970
  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";
@@ -3043,63 +3271,103 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3043
3271
  };
3044
3272
  colors: {
3045
3273
  readonly black: any;
3274
+ readonly 'blue-50': any;
3046
3275
  readonly 'blue-100': any;
3276
+ readonly 'blue-150': any;
3047
3277
  readonly 'blue-200': any;
3278
+ readonly 'blue-250': any;
3048
3279
  readonly 'blue-300': any;
3280
+ readonly 'blue-350': any;
3049
3281
  readonly 'blue-400': any;
3282
+ readonly 'blue-450': any;
3050
3283
  readonly 'blue-500': any;
3284
+ readonly 'blue-550': any;
3051
3285
  readonly 'blue-600': any;
3286
+ readonly 'blue-650': any;
3052
3287
  readonly 'blue-700': any;
3288
+ readonly 'blue-750': any;
3053
3289
  readonly 'blue-800': any;
3290
+ readonly 'blue-850': any;
3054
3291
  readonly 'blue-900': any;
3055
- readonly 'blue-1000': any;
3292
+ readonly 'blue-950': any;
3293
+ readonly 'gray-50': any;
3056
3294
  readonly 'gray-100': any;
3295
+ readonly 'gray-150': any;
3057
3296
  readonly 'gray-200': any;
3297
+ readonly 'gray-250': any;
3058
3298
  readonly 'gray-300': any;
3299
+ readonly 'gray-350': any;
3059
3300
  readonly 'gray-400': any;
3301
+ readonly 'gray-450': any;
3060
3302
  readonly 'gray-500': any;
3303
+ readonly 'gray-550': any;
3061
3304
  readonly 'gray-600': any;
3305
+ readonly 'gray-650': any;
3062
3306
  readonly 'gray-700': any;
3307
+ readonly 'gray-750': any;
3063
3308
  readonly 'gray-800': any;
3309
+ readonly 'gray-850': any;
3064
3310
  readonly 'gray-900': any;
3311
+ readonly 'gray-950': any;
3312
+ readonly 'green-50': any;
3065
3313
  readonly 'green-100': any;
3314
+ readonly 'green-150': any;
3066
3315
  readonly 'green-200': any;
3316
+ readonly 'green-250': any;
3067
3317
  readonly 'green-300': any;
3318
+ readonly 'green-350': any;
3068
3319
  readonly 'green-400': any;
3320
+ readonly 'green-450': any;
3069
3321
  readonly 'green-500': any;
3322
+ readonly 'green-550': any;
3070
3323
  readonly 'green-600': any;
3324
+ readonly 'green-650': any;
3071
3325
  readonly 'green-700': any;
3326
+ readonly 'green-750': any;
3072
3327
  readonly 'green-800': any;
3328
+ readonly 'green-850': any;
3073
3329
  readonly 'green-900': any;
3074
- readonly 'indigo-100': any;
3075
- readonly 'indigo-200': any;
3076
- readonly 'indigo-300': any;
3077
- readonly 'indigo-400': any;
3078
- readonly 'indigo-500': any;
3079
- readonly 'indigo-600': any;
3080
- readonly 'indigo-700': any;
3081
- readonly 'indigo-800': any;
3082
- readonly 'indigo-900': any;
3330
+ readonly 'green-950': any;
3331
+ readonly 'red-50': any;
3083
3332
  readonly 'red-100': any;
3333
+ readonly 'red-150': any;
3084
3334
  readonly 'red-200': any;
3335
+ readonly 'red-250': any;
3085
3336
  readonly 'red-300': any;
3337
+ readonly 'red-350': any;
3086
3338
  readonly 'red-400': any;
3339
+ readonly 'red-450': any;
3087
3340
  readonly 'red-500': any;
3341
+ readonly 'red-550': any;
3088
3342
  readonly 'red-600': any;
3343
+ readonly 'red-650': any;
3089
3344
  readonly 'red-700': any;
3345
+ readonly 'red-750': any;
3090
3346
  readonly 'red-800': any;
3347
+ readonly 'red-850': any;
3091
3348
  readonly 'red-900': any;
3349
+ readonly 'red-950': any;
3092
3350
  readonly transparent: any;
3093
3351
  readonly white: any;
3352
+ readonly 'yellow-50': any;
3094
3353
  readonly 'yellow-100': any;
3354
+ readonly 'yellow-150': any;
3095
3355
  readonly 'yellow-200': any;
3356
+ readonly 'yellow-250': any;
3096
3357
  readonly 'yellow-300': any;
3358
+ readonly 'yellow-350': any;
3097
3359
  readonly 'yellow-400': any;
3360
+ readonly 'yellow-450': any;
3098
3361
  readonly 'yellow-500': any;
3362
+ readonly 'yellow-550': any;
3099
3363
  readonly 'yellow-600': any;
3364
+ readonly 'yellow-650': any;
3100
3365
  readonly 'yellow-700': any;
3366
+ readonly 'yellow-750': any;
3101
3367
  readonly 'yellow-800': any;
3368
+ readonly 'yellow-850': any;
3102
3369
  readonly 'yellow-900': any;
3370
+ readonly 'yellow-950': any;
3103
3371
  "background-alpha-active"?: any;
3104
3372
  "background-alpha-hover"?: any;
3105
3373
  "background-danger-prominent"?: any;
@@ -3120,27 +3388,19 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3120
3388
  "background-neutrals-inverted-subtle"?: any;
3121
3389
  "background-neutrals-page"?: any;
3122
3390
  "background-neutrals-page-subtle"?: any;
3123
- "background-neutrals-scrolls"?: any;
3124
- "background-neutrals-scrolls-expanded"?: any;
3125
- "background-neutrals-scrolls-hover"?: any;
3126
- "background-neutrals-scrolls-pressed"?: any;
3127
- "background-neutrals-scrolls-pressed-hover"?: any;
3391
+ "background-neutrals-scrollbar"?: any;
3392
+ "background-neutrals-scrollbar-active"?: any;
3393
+ "background-neutrals-scrollbar-hover"?: any;
3128
3394
  "background-neutrals-subtle"?: any;
3129
3395
  "background-neutrals-subtle-active"?: any;
3130
3396
  "background-neutrals-subtle-hover"?: any;
3131
3397
  "background-primary-prominent"?: any;
3132
3398
  "background-primary-prominent-active"?: any;
3133
- "background-primary-prominent-expanded"?: any;
3134
3399
  "background-primary-prominent-hover"?: any;
3135
- "background-primary-prominent-pressed"?: any;
3136
- "background-primary-prominent-pressed-hover"?: any;
3137
3400
  "background-primary-prominent-selected"?: any;
3138
3401
  "background-primary-subtle"?: any;
3139
3402
  "background-primary-subtle-active"?: any;
3140
- "background-primary-subtle-expanded"?: any;
3141
3403
  "background-primary-subtle-hover"?: any;
3142
- "background-primary-subtle-pressed"?: any;
3143
- "background-primary-subtle-pressed-hover"?: any;
3144
3404
  "background-primary-subtle-selected"?: any;
3145
3405
  "background-success"?: any;
3146
3406
  "background-success-prominent"?: any;
@@ -3151,9 +3411,15 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3151
3411
  "border-danger"?: any;
3152
3412
  "border-danger-active"?: any;
3153
3413
  "border-danger-hover"?: any;
3414
+ "border-focus-error-inner"?: any;
3415
+ "border-focus-error-middle"?: any;
3416
+ "border-focus-error-outer"?: any;
3154
3417
  "border-focus-inner"?: any;
3155
3418
  "border-focus-middle"?: any;
3156
3419
  "border-focus-outer"?: any;
3420
+ "border-focus-success-inner"?: any;
3421
+ "border-focus-success-middle"?: any;
3422
+ "border-focus-success-outer"?: any;
3157
3423
  "border-neutrals"?: any;
3158
3424
  "border-neutrals-active"?: any;
3159
3425
  "border-neutrals-controls"?: any;
@@ -3246,13 +3512,13 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3246
3512
  readonly body: "Open Sans, sans-serif";
3247
3513
  };
3248
3514
  radii: {
3249
- readonly none: 0;
3250
- readonly half: "999em";
3251
3515
  readonly 25: "2px";
3252
3516
  readonly 50: "4px";
3253
3517
  readonly 75: "6px";
3254
3518
  readonly 100: "8px";
3255
3519
  readonly 200: "16px";
3520
+ readonly half: "999px";
3521
+ readonly none: "0px";
3256
3522
  };
3257
3523
  shadows: {
3258
3524
  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";