@mirohq/design-system-icon-button 2.1.9-colors.1 → 2.1.9-combobox.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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 +161 -427
  6. package/package.json +7 -7
package/dist/types.d.ts CHANGED
@@ -17,103 +17,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
17
17
  };
18
18
  colors: {
19
19
  readonly black: any;
20
- readonly 'blue-50': any;
21
20
  readonly 'blue-100': any;
22
- readonly 'blue-150': any;
23
21
  readonly 'blue-200': any;
24
- readonly 'blue-250': any;
25
22
  readonly 'blue-300': any;
26
- readonly 'blue-350': any;
27
23
  readonly 'blue-400': any;
28
- readonly 'blue-450': any;
29
24
  readonly 'blue-500': any;
30
- readonly 'blue-550': any;
31
25
  readonly 'blue-600': any;
32
- readonly 'blue-650': any;
33
26
  readonly 'blue-700': any;
34
- readonly 'blue-750': any;
35
27
  readonly 'blue-800': any;
36
- readonly 'blue-850': any;
37
28
  readonly 'blue-900': any;
38
- readonly 'blue-950': any;
39
- readonly 'gray-50': any;
29
+ readonly 'blue-1000': any;
40
30
  readonly 'gray-100': any;
41
- readonly 'gray-150': any;
42
31
  readonly 'gray-200': any;
43
- readonly 'gray-250': any;
44
32
  readonly 'gray-300': any;
45
- readonly 'gray-350': any;
46
33
  readonly 'gray-400': any;
47
- readonly 'gray-450': any;
48
34
  readonly 'gray-500': any;
49
- readonly 'gray-550': any;
50
35
  readonly 'gray-600': any;
51
- readonly 'gray-650': any;
52
36
  readonly 'gray-700': any;
53
- readonly 'gray-750': any;
54
37
  readonly 'gray-800': any;
55
- readonly 'gray-850': any;
56
38
  readonly 'gray-900': any;
57
- readonly 'gray-950': any;
58
- readonly 'green-50': any;
59
39
  readonly 'green-100': any;
60
- readonly 'green-150': any;
61
40
  readonly 'green-200': any;
62
- readonly 'green-250': any;
63
41
  readonly 'green-300': any;
64
- readonly 'green-350': any;
65
42
  readonly 'green-400': any;
66
- readonly 'green-450': any;
67
43
  readonly 'green-500': any;
68
- readonly 'green-550': any;
69
44
  readonly 'green-600': any;
70
- readonly 'green-650': any;
71
45
  readonly 'green-700': any;
72
- readonly 'green-750': any;
73
46
  readonly 'green-800': any;
74
- readonly 'green-850': any;
75
47
  readonly 'green-900': any;
76
- readonly 'green-950': any;
77
- readonly 'red-50': 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;
78
57
  readonly 'red-100': any;
79
- readonly 'red-150': any;
80
58
  readonly 'red-200': any;
81
- readonly 'red-250': any;
82
59
  readonly 'red-300': any;
83
- readonly 'red-350': any;
84
60
  readonly 'red-400': any;
85
- readonly 'red-450': any;
86
61
  readonly 'red-500': any;
87
- readonly 'red-550': any;
88
62
  readonly 'red-600': any;
89
- readonly 'red-650': any;
90
63
  readonly 'red-700': any;
91
- readonly 'red-750': any;
92
64
  readonly 'red-800': any;
93
- readonly 'red-850': any;
94
65
  readonly 'red-900': any;
95
- readonly 'red-950': any;
96
66
  readonly transparent: any;
97
67
  readonly white: any;
98
- readonly 'yellow-50': any;
99
68
  readonly 'yellow-100': any;
100
- readonly 'yellow-150': any;
101
69
  readonly 'yellow-200': any;
102
- readonly 'yellow-250': any;
103
70
  readonly 'yellow-300': any;
104
- readonly 'yellow-350': any;
105
71
  readonly 'yellow-400': any;
106
- readonly 'yellow-450': any;
107
72
  readonly 'yellow-500': any;
108
- readonly 'yellow-550': any;
109
73
  readonly 'yellow-600': any;
110
- readonly 'yellow-650': any;
111
74
  readonly 'yellow-700': any;
112
- readonly 'yellow-750': any;
113
75
  readonly 'yellow-800': any;
114
- readonly 'yellow-850': any;
115
76
  readonly 'yellow-900': any;
116
- readonly 'yellow-950': any;
117
77
  "background-alpha-active"?: any;
118
78
  "background-alpha-hover"?: any;
119
79
  "background-danger-prominent"?: any;
@@ -134,19 +94,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
134
94
  "background-neutrals-inverted-subtle"?: any;
135
95
  "background-neutrals-page"?: any;
136
96
  "background-neutrals-page-subtle"?: any;
137
- "background-neutrals-scrollbar"?: any;
138
- "background-neutrals-scrollbar-active"?: any;
139
- "background-neutrals-scrollbar-hover"?: 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;
140
102
  "background-neutrals-subtle"?: any;
141
103
  "background-neutrals-subtle-active"?: any;
142
104
  "background-neutrals-subtle-hover"?: any;
143
105
  "background-primary-prominent"?: any;
144
106
  "background-primary-prominent-active"?: any;
107
+ "background-primary-prominent-expanded"?: any;
145
108
  "background-primary-prominent-hover"?: any;
109
+ "background-primary-prominent-pressed"?: any;
110
+ "background-primary-prominent-pressed-hover"?: any;
146
111
  "background-primary-prominent-selected"?: any;
147
112
  "background-primary-subtle"?: any;
148
113
  "background-primary-subtle-active"?: any;
114
+ "background-primary-subtle-expanded"?: any;
149
115
  "background-primary-subtle-hover"?: any;
116
+ "background-primary-subtle-pressed"?: any;
117
+ "background-primary-subtle-pressed-hover"?: any;
150
118
  "background-primary-subtle-selected"?: any;
151
119
  "background-success"?: any;
152
120
  "background-success-prominent"?: any;
@@ -157,15 +125,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
157
125
  "border-danger"?: any;
158
126
  "border-danger-active"?: any;
159
127
  "border-danger-hover"?: any;
160
- "border-focus-error-inner"?: any;
161
- "border-focus-error-middle"?: any;
162
- "border-focus-error-outer"?: any;
163
128
  "border-focus-inner"?: any;
164
129
  "border-focus-middle"?: any;
165
130
  "border-focus-outer"?: any;
166
- "border-focus-success-inner"?: any;
167
- "border-focus-success-middle"?: any;
168
- "border-focus-success-outer"?: any;
169
131
  "border-neutrals"?: any;
170
132
  "border-neutrals-active"?: any;
171
133
  "border-neutrals-controls"?: any;
@@ -258,13 +220,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
258
220
  readonly body: "Open Sans, sans-serif";
259
221
  };
260
222
  radii: {
223
+ readonly none: 0;
224
+ readonly half: "999em";
261
225
  readonly 25: "2px";
262
226
  readonly 50: "4px";
263
227
  readonly 75: "6px";
264
228
  readonly 100: "8px";
265
229
  readonly 200: "16px";
266
- readonly half: "999px";
267
- readonly none: "0px";
268
230
  };
269
231
  shadows: {
270
232
  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";
@@ -543,103 +505,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
543
505
  };
544
506
  colors: {
545
507
  readonly black: any;
546
- readonly 'blue-50': any;
547
508
  readonly 'blue-100': any;
548
- readonly 'blue-150': any;
549
509
  readonly 'blue-200': any;
550
- readonly 'blue-250': any;
551
510
  readonly 'blue-300': any;
552
- readonly 'blue-350': any;
553
511
  readonly 'blue-400': any;
554
- readonly 'blue-450': any;
555
512
  readonly 'blue-500': any;
556
- readonly 'blue-550': any;
557
513
  readonly 'blue-600': any;
558
- readonly 'blue-650': any;
559
514
  readonly 'blue-700': any;
560
- readonly 'blue-750': any;
561
515
  readonly 'blue-800': any;
562
- readonly 'blue-850': any;
563
516
  readonly 'blue-900': any;
564
- readonly 'blue-950': any;
565
- readonly 'gray-50': any;
517
+ readonly 'blue-1000': any;
566
518
  readonly 'gray-100': any;
567
- readonly 'gray-150': any;
568
519
  readonly 'gray-200': any;
569
- readonly 'gray-250': any;
570
520
  readonly 'gray-300': any;
571
- readonly 'gray-350': any;
572
521
  readonly 'gray-400': any;
573
- readonly 'gray-450': any;
574
522
  readonly 'gray-500': any;
575
- readonly 'gray-550': any;
576
523
  readonly 'gray-600': any;
577
- readonly 'gray-650': any;
578
524
  readonly 'gray-700': any;
579
- readonly 'gray-750': any;
580
525
  readonly 'gray-800': any;
581
- readonly 'gray-850': any;
582
526
  readonly 'gray-900': any;
583
- readonly 'gray-950': any;
584
- readonly 'green-50': any;
585
527
  readonly 'green-100': any;
586
- readonly 'green-150': any;
587
528
  readonly 'green-200': any;
588
- readonly 'green-250': any;
589
529
  readonly 'green-300': any;
590
- readonly 'green-350': any;
591
530
  readonly 'green-400': any;
592
- readonly 'green-450': any;
593
531
  readonly 'green-500': any;
594
- readonly 'green-550': any;
595
532
  readonly 'green-600': any;
596
- readonly 'green-650': any;
597
533
  readonly 'green-700': any;
598
- readonly 'green-750': any;
599
534
  readonly 'green-800': any;
600
- readonly 'green-850': any;
601
535
  readonly 'green-900': any;
602
- readonly 'green-950': any;
603
- readonly 'red-50': 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;
604
545
  readonly 'red-100': any;
605
- readonly 'red-150': any;
606
546
  readonly 'red-200': any;
607
- readonly 'red-250': any;
608
547
  readonly 'red-300': any;
609
- readonly 'red-350': any;
610
548
  readonly 'red-400': any;
611
- readonly 'red-450': any;
612
549
  readonly 'red-500': any;
613
- readonly 'red-550': any;
614
550
  readonly 'red-600': any;
615
- readonly 'red-650': any;
616
551
  readonly 'red-700': any;
617
- readonly 'red-750': any;
618
552
  readonly 'red-800': any;
619
- readonly 'red-850': any;
620
553
  readonly 'red-900': any;
621
- readonly 'red-950': any;
622
554
  readonly transparent: any;
623
555
  readonly white: any;
624
- readonly 'yellow-50': any;
625
556
  readonly 'yellow-100': any;
626
- readonly 'yellow-150': any;
627
557
  readonly 'yellow-200': any;
628
- readonly 'yellow-250': any;
629
558
  readonly 'yellow-300': any;
630
- readonly 'yellow-350': any;
631
559
  readonly 'yellow-400': any;
632
- readonly 'yellow-450': any;
633
560
  readonly 'yellow-500': any;
634
- readonly 'yellow-550': any;
635
561
  readonly 'yellow-600': any;
636
- readonly 'yellow-650': any;
637
562
  readonly 'yellow-700': any;
638
- readonly 'yellow-750': any;
639
563
  readonly 'yellow-800': any;
640
- readonly 'yellow-850': any;
641
564
  readonly 'yellow-900': any;
642
- readonly 'yellow-950': any;
643
565
  "background-alpha-active"?: any;
644
566
  "background-alpha-hover"?: any;
645
567
  "background-danger-prominent"?: any;
@@ -660,19 +582,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
660
582
  "background-neutrals-inverted-subtle"?: any;
661
583
  "background-neutrals-page"?: any;
662
584
  "background-neutrals-page-subtle"?: any;
663
- "background-neutrals-scrollbar"?: any;
664
- "background-neutrals-scrollbar-active"?: any;
665
- "background-neutrals-scrollbar-hover"?: 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;
666
590
  "background-neutrals-subtle"?: any;
667
591
  "background-neutrals-subtle-active"?: any;
668
592
  "background-neutrals-subtle-hover"?: any;
669
593
  "background-primary-prominent"?: any;
670
594
  "background-primary-prominent-active"?: any;
595
+ "background-primary-prominent-expanded"?: any;
671
596
  "background-primary-prominent-hover"?: any;
597
+ "background-primary-prominent-pressed"?: any;
598
+ "background-primary-prominent-pressed-hover"?: any;
672
599
  "background-primary-prominent-selected"?: any;
673
600
  "background-primary-subtle"?: any;
674
601
  "background-primary-subtle-active"?: any;
602
+ "background-primary-subtle-expanded"?: any;
675
603
  "background-primary-subtle-hover"?: any;
604
+ "background-primary-subtle-pressed"?: any;
605
+ "background-primary-subtle-pressed-hover"?: any;
676
606
  "background-primary-subtle-selected"?: any;
677
607
  "background-success"?: any;
678
608
  "background-success-prominent"?: any;
@@ -683,15 +613,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
683
613
  "border-danger"?: any;
684
614
  "border-danger-active"?: any;
685
615
  "border-danger-hover"?: any;
686
- "border-focus-error-inner"?: any;
687
- "border-focus-error-middle"?: any;
688
- "border-focus-error-outer"?: any;
689
616
  "border-focus-inner"?: any;
690
617
  "border-focus-middle"?: any;
691
618
  "border-focus-outer"?: any;
692
- "border-focus-success-inner"?: any;
693
- "border-focus-success-middle"?: any;
694
- "border-focus-success-outer"?: any;
695
619
  "border-neutrals"?: any;
696
620
  "border-neutrals-active"?: any;
697
621
  "border-neutrals-controls"?: any;
@@ -784,13 +708,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
784
708
  readonly body: "Open Sans, sans-serif";
785
709
  };
786
710
  radii: {
711
+ readonly none: 0;
712
+ readonly half: "999em";
787
713
  readonly 25: "2px";
788
714
  readonly 50: "4px";
789
715
  readonly 75: "6px";
790
716
  readonly 100: "8px";
791
717
  readonly 200: "16px";
792
- readonly half: "999px";
793
- readonly none: "0px";
794
718
  };
795
719
  shadows: {
796
720
  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";
@@ -1071,103 +995,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1071
995
  };
1072
996
  colors: {
1073
997
  readonly black: any;
1074
- readonly 'blue-50': any;
1075
998
  readonly 'blue-100': any;
1076
- readonly 'blue-150': any;
1077
999
  readonly 'blue-200': any;
1078
- readonly 'blue-250': any;
1079
1000
  readonly 'blue-300': any;
1080
- readonly 'blue-350': any;
1081
1001
  readonly 'blue-400': any;
1082
- readonly 'blue-450': any;
1083
1002
  readonly 'blue-500': any;
1084
- readonly 'blue-550': any;
1085
1003
  readonly 'blue-600': any;
1086
- readonly 'blue-650': any;
1087
1004
  readonly 'blue-700': any;
1088
- readonly 'blue-750': any;
1089
1005
  readonly 'blue-800': any;
1090
- readonly 'blue-850': any;
1091
1006
  readonly 'blue-900': any;
1092
- readonly 'blue-950': any;
1093
- readonly 'gray-50': any;
1007
+ readonly 'blue-1000': any;
1094
1008
  readonly 'gray-100': any;
1095
- readonly 'gray-150': any;
1096
1009
  readonly 'gray-200': any;
1097
- readonly 'gray-250': any;
1098
1010
  readonly 'gray-300': any;
1099
- readonly 'gray-350': any;
1100
1011
  readonly 'gray-400': any;
1101
- readonly 'gray-450': any;
1102
1012
  readonly 'gray-500': any;
1103
- readonly 'gray-550': any;
1104
1013
  readonly 'gray-600': any;
1105
- readonly 'gray-650': any;
1106
1014
  readonly 'gray-700': any;
1107
- readonly 'gray-750': any;
1108
1015
  readonly 'gray-800': any;
1109
- readonly 'gray-850': any;
1110
1016
  readonly 'gray-900': any;
1111
- readonly 'gray-950': any;
1112
- readonly 'green-50': any;
1113
1017
  readonly 'green-100': any;
1114
- readonly 'green-150': any;
1115
1018
  readonly 'green-200': any;
1116
- readonly 'green-250': any;
1117
1019
  readonly 'green-300': any;
1118
- readonly 'green-350': any;
1119
1020
  readonly 'green-400': any;
1120
- readonly 'green-450': any;
1121
1021
  readonly 'green-500': any;
1122
- readonly 'green-550': any;
1123
1022
  readonly 'green-600': any;
1124
- readonly 'green-650': any;
1125
1023
  readonly 'green-700': any;
1126
- readonly 'green-750': any;
1127
1024
  readonly 'green-800': any;
1128
- readonly 'green-850': any;
1129
1025
  readonly 'green-900': any;
1130
- readonly 'green-950': any;
1131
- readonly 'red-50': 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;
1132
1035
  readonly 'red-100': any;
1133
- readonly 'red-150': any;
1134
1036
  readonly 'red-200': any;
1135
- readonly 'red-250': any;
1136
1037
  readonly 'red-300': any;
1137
- readonly 'red-350': any;
1138
1038
  readonly 'red-400': any;
1139
- readonly 'red-450': any;
1140
1039
  readonly 'red-500': any;
1141
- readonly 'red-550': any;
1142
1040
  readonly 'red-600': any;
1143
- readonly 'red-650': any;
1144
1041
  readonly 'red-700': any;
1145
- readonly 'red-750': any;
1146
1042
  readonly 'red-800': any;
1147
- readonly 'red-850': any;
1148
1043
  readonly 'red-900': any;
1149
- readonly 'red-950': any;
1150
1044
  readonly transparent: any;
1151
1045
  readonly white: any;
1152
- readonly 'yellow-50': any;
1153
1046
  readonly 'yellow-100': any;
1154
- readonly 'yellow-150': any;
1155
1047
  readonly 'yellow-200': any;
1156
- readonly 'yellow-250': any;
1157
1048
  readonly 'yellow-300': any;
1158
- readonly 'yellow-350': any;
1159
1049
  readonly 'yellow-400': any;
1160
- readonly 'yellow-450': any;
1161
1050
  readonly 'yellow-500': any;
1162
- readonly 'yellow-550': any;
1163
1051
  readonly 'yellow-600': any;
1164
- readonly 'yellow-650': any;
1165
1052
  readonly 'yellow-700': any;
1166
- readonly 'yellow-750': any;
1167
1053
  readonly 'yellow-800': any;
1168
- readonly 'yellow-850': any;
1169
1054
  readonly 'yellow-900': any;
1170
- readonly 'yellow-950': any;
1171
1055
  "background-alpha-active"?: any;
1172
1056
  "background-alpha-hover"?: any;
1173
1057
  "background-danger-prominent"?: any;
@@ -1188,19 +1072,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1188
1072
  "background-neutrals-inverted-subtle"?: any;
1189
1073
  "background-neutrals-page"?: any;
1190
1074
  "background-neutrals-page-subtle"?: any;
1191
- "background-neutrals-scrollbar"?: any;
1192
- "background-neutrals-scrollbar-active"?: any;
1193
- "background-neutrals-scrollbar-hover"?: 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;
1194
1080
  "background-neutrals-subtle"?: any;
1195
1081
  "background-neutrals-subtle-active"?: any;
1196
1082
  "background-neutrals-subtle-hover"?: any;
1197
1083
  "background-primary-prominent"?: any;
1198
1084
  "background-primary-prominent-active"?: any;
1085
+ "background-primary-prominent-expanded"?: any;
1199
1086
  "background-primary-prominent-hover"?: any;
1087
+ "background-primary-prominent-pressed"?: any;
1088
+ "background-primary-prominent-pressed-hover"?: any;
1200
1089
  "background-primary-prominent-selected"?: any;
1201
1090
  "background-primary-subtle"?: any;
1202
1091
  "background-primary-subtle-active"?: any;
1092
+ "background-primary-subtle-expanded"?: any;
1203
1093
  "background-primary-subtle-hover"?: any;
1094
+ "background-primary-subtle-pressed"?: any;
1095
+ "background-primary-subtle-pressed-hover"?: any;
1204
1096
  "background-primary-subtle-selected"?: any;
1205
1097
  "background-success"?: any;
1206
1098
  "background-success-prominent"?: any;
@@ -1211,15 +1103,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1211
1103
  "border-danger"?: any;
1212
1104
  "border-danger-active"?: any;
1213
1105
  "border-danger-hover"?: any;
1214
- "border-focus-error-inner"?: any;
1215
- "border-focus-error-middle"?: any;
1216
- "border-focus-error-outer"?: any;
1217
1106
  "border-focus-inner"?: any;
1218
1107
  "border-focus-middle"?: any;
1219
1108
  "border-focus-outer"?: any;
1220
- "border-focus-success-inner"?: any;
1221
- "border-focus-success-middle"?: any;
1222
- "border-focus-success-outer"?: any;
1223
1109
  "border-neutrals"?: any;
1224
1110
  "border-neutrals-active"?: any;
1225
1111
  "border-neutrals-controls"?: any;
@@ -1312,13 +1198,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1312
1198
  readonly body: "Open Sans, sans-serif";
1313
1199
  };
1314
1200
  radii: {
1201
+ readonly none: 0;
1202
+ readonly half: "999em";
1315
1203
  readonly 25: "2px";
1316
1204
  readonly 50: "4px";
1317
1205
  readonly 75: "6px";
1318
1206
  readonly 100: "8px";
1319
1207
  readonly 200: "16px";
1320
- readonly half: "999px";
1321
- readonly none: "0px";
1322
1208
  };
1323
1209
  shadows: {
1324
1210
  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";
@@ -1600,103 +1486,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1600
1486
  };
1601
1487
  colors: {
1602
1488
  readonly black: any;
1603
- readonly 'blue-50': any;
1604
1489
  readonly 'blue-100': any;
1605
- readonly 'blue-150': any;
1606
1490
  readonly 'blue-200': any;
1607
- readonly 'blue-250': any;
1608
1491
  readonly 'blue-300': any;
1609
- readonly 'blue-350': any;
1610
1492
  readonly 'blue-400': any;
1611
- readonly 'blue-450': any;
1612
1493
  readonly 'blue-500': any;
1613
- readonly 'blue-550': any;
1614
1494
  readonly 'blue-600': any;
1615
- readonly 'blue-650': any;
1616
1495
  readonly 'blue-700': any;
1617
- readonly 'blue-750': any;
1618
1496
  readonly 'blue-800': any;
1619
- readonly 'blue-850': any;
1620
1497
  readonly 'blue-900': any;
1621
- readonly 'blue-950': any;
1622
- readonly 'gray-50': any;
1498
+ readonly 'blue-1000': any;
1623
1499
  readonly 'gray-100': any;
1624
- readonly 'gray-150': any;
1625
1500
  readonly 'gray-200': any;
1626
- readonly 'gray-250': any;
1627
1501
  readonly 'gray-300': any;
1628
- readonly 'gray-350': any;
1629
1502
  readonly 'gray-400': any;
1630
- readonly 'gray-450': any;
1631
1503
  readonly 'gray-500': any;
1632
- readonly 'gray-550': any;
1633
1504
  readonly 'gray-600': any;
1634
- readonly 'gray-650': any;
1635
1505
  readonly 'gray-700': any;
1636
- readonly 'gray-750': any;
1637
1506
  readonly 'gray-800': any;
1638
- readonly 'gray-850': any;
1639
1507
  readonly 'gray-900': any;
1640
- readonly 'gray-950': any;
1641
- readonly 'green-50': any;
1642
1508
  readonly 'green-100': any;
1643
- readonly 'green-150': any;
1644
1509
  readonly 'green-200': any;
1645
- readonly 'green-250': any;
1646
1510
  readonly 'green-300': any;
1647
- readonly 'green-350': any;
1648
1511
  readonly 'green-400': any;
1649
- readonly 'green-450': any;
1650
1512
  readonly 'green-500': any;
1651
- readonly 'green-550': any;
1652
1513
  readonly 'green-600': any;
1653
- readonly 'green-650': any;
1654
1514
  readonly 'green-700': any;
1655
- readonly 'green-750': any;
1656
1515
  readonly 'green-800': any;
1657
- readonly 'green-850': any;
1658
1516
  readonly 'green-900': any;
1659
- readonly 'green-950': any;
1660
- readonly 'red-50': 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;
1661
1526
  readonly 'red-100': any;
1662
- readonly 'red-150': any;
1663
1527
  readonly 'red-200': any;
1664
- readonly 'red-250': any;
1665
1528
  readonly 'red-300': any;
1666
- readonly 'red-350': any;
1667
1529
  readonly 'red-400': any;
1668
- readonly 'red-450': any;
1669
1530
  readonly 'red-500': any;
1670
- readonly 'red-550': any;
1671
1531
  readonly 'red-600': any;
1672
- readonly 'red-650': any;
1673
1532
  readonly 'red-700': any;
1674
- readonly 'red-750': any;
1675
1533
  readonly 'red-800': any;
1676
- readonly 'red-850': any;
1677
1534
  readonly 'red-900': any;
1678
- readonly 'red-950': any;
1679
1535
  readonly transparent: any;
1680
1536
  readonly white: any;
1681
- readonly 'yellow-50': any;
1682
1537
  readonly 'yellow-100': any;
1683
- readonly 'yellow-150': any;
1684
1538
  readonly 'yellow-200': any;
1685
- readonly 'yellow-250': any;
1686
1539
  readonly 'yellow-300': any;
1687
- readonly 'yellow-350': any;
1688
1540
  readonly 'yellow-400': any;
1689
- readonly 'yellow-450': any;
1690
1541
  readonly 'yellow-500': any;
1691
- readonly 'yellow-550': any;
1692
1542
  readonly 'yellow-600': any;
1693
- readonly 'yellow-650': any;
1694
1543
  readonly 'yellow-700': any;
1695
- readonly 'yellow-750': any;
1696
1544
  readonly 'yellow-800': any;
1697
- readonly 'yellow-850': any;
1698
1545
  readonly 'yellow-900': any;
1699
- readonly 'yellow-950': any;
1700
1546
  "background-alpha-active"?: any;
1701
1547
  "background-alpha-hover"?: any;
1702
1548
  "background-danger-prominent"?: any;
@@ -1717,19 +1563,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1717
1563
  "background-neutrals-inverted-subtle"?: any;
1718
1564
  "background-neutrals-page"?: any;
1719
1565
  "background-neutrals-page-subtle"?: any;
1720
- "background-neutrals-scrollbar"?: any;
1721
- "background-neutrals-scrollbar-active"?: any;
1722
- "background-neutrals-scrollbar-hover"?: 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;
1723
1571
  "background-neutrals-subtle"?: any;
1724
1572
  "background-neutrals-subtle-active"?: any;
1725
1573
  "background-neutrals-subtle-hover"?: any;
1726
1574
  "background-primary-prominent"?: any;
1727
1575
  "background-primary-prominent-active"?: any;
1576
+ "background-primary-prominent-expanded"?: any;
1728
1577
  "background-primary-prominent-hover"?: any;
1578
+ "background-primary-prominent-pressed"?: any;
1579
+ "background-primary-prominent-pressed-hover"?: any;
1729
1580
  "background-primary-prominent-selected"?: any;
1730
1581
  "background-primary-subtle"?: any;
1731
1582
  "background-primary-subtle-active"?: any;
1583
+ "background-primary-subtle-expanded"?: any;
1732
1584
  "background-primary-subtle-hover"?: any;
1585
+ "background-primary-subtle-pressed"?: any;
1586
+ "background-primary-subtle-pressed-hover"?: any;
1733
1587
  "background-primary-subtle-selected"?: any;
1734
1588
  "background-success"?: any;
1735
1589
  "background-success-prominent"?: any;
@@ -1740,15 +1594,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1740
1594
  "border-danger"?: any;
1741
1595
  "border-danger-active"?: any;
1742
1596
  "border-danger-hover"?: any;
1743
- "border-focus-error-inner"?: any;
1744
- "border-focus-error-middle"?: any;
1745
- "border-focus-error-outer"?: any;
1746
1597
  "border-focus-inner"?: any;
1747
1598
  "border-focus-middle"?: any;
1748
1599
  "border-focus-outer"?: any;
1749
- "border-focus-success-inner"?: any;
1750
- "border-focus-success-middle"?: any;
1751
- "border-focus-success-outer"?: any;
1752
1600
  "border-neutrals"?: any;
1753
1601
  "border-neutrals-active"?: any;
1754
1602
  "border-neutrals-controls"?: any;
@@ -1841,13 +1689,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1841
1689
  readonly body: "Open Sans, sans-serif";
1842
1690
  };
1843
1691
  radii: {
1692
+ readonly none: 0;
1693
+ readonly half: "999em";
1844
1694
  readonly 25: "2px";
1845
1695
  readonly 50: "4px";
1846
1696
  readonly 75: "6px";
1847
1697
  readonly 100: "8px";
1848
1698
  readonly 200: "16px";
1849
- readonly half: "999px";
1850
- readonly none: "0px";
1851
1699
  };
1852
1700
  shadows: {
1853
1701
  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";
@@ -2126,103 +1974,63 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2126
1974
  };
2127
1975
  colors: {
2128
1976
  readonly black: any;
2129
- readonly 'blue-50': any;
2130
1977
  readonly 'blue-100': any;
2131
- readonly 'blue-150': any;
2132
1978
  readonly 'blue-200': any;
2133
- readonly 'blue-250': any;
2134
1979
  readonly 'blue-300': any;
2135
- readonly 'blue-350': any;
2136
1980
  readonly 'blue-400': any;
2137
- readonly 'blue-450': any;
2138
1981
  readonly 'blue-500': any;
2139
- readonly 'blue-550': any;
2140
1982
  readonly 'blue-600': any;
2141
- readonly 'blue-650': any;
2142
1983
  readonly 'blue-700': any;
2143
- readonly 'blue-750': any;
2144
1984
  readonly 'blue-800': any;
2145
- readonly 'blue-850': any;
2146
1985
  readonly 'blue-900': any;
2147
- readonly 'blue-950': any;
2148
- readonly 'gray-50': any;
1986
+ readonly 'blue-1000': any;
2149
1987
  readonly 'gray-100': any;
2150
- readonly 'gray-150': any;
2151
1988
  readonly 'gray-200': any;
2152
- readonly 'gray-250': any;
2153
1989
  readonly 'gray-300': any;
2154
- readonly 'gray-350': any;
2155
1990
  readonly 'gray-400': any;
2156
- readonly 'gray-450': any;
2157
1991
  readonly 'gray-500': any;
2158
- readonly 'gray-550': any;
2159
1992
  readonly 'gray-600': any;
2160
- readonly 'gray-650': any;
2161
1993
  readonly 'gray-700': any;
2162
- readonly 'gray-750': any;
2163
1994
  readonly 'gray-800': any;
2164
- readonly 'gray-850': any;
2165
1995
  readonly 'gray-900': any;
2166
- readonly 'gray-950': any;
2167
- readonly 'green-50': any;
2168
1996
  readonly 'green-100': any;
2169
- readonly 'green-150': any;
2170
1997
  readonly 'green-200': any;
2171
- readonly 'green-250': any;
2172
1998
  readonly 'green-300': any;
2173
- readonly 'green-350': any;
2174
1999
  readonly 'green-400': any;
2175
- readonly 'green-450': any;
2176
2000
  readonly 'green-500': any;
2177
- readonly 'green-550': any;
2178
2001
  readonly 'green-600': any;
2179
- readonly 'green-650': any;
2180
2002
  readonly 'green-700': any;
2181
- readonly 'green-750': any;
2182
2003
  readonly 'green-800': any;
2183
- readonly 'green-850': any;
2184
2004
  readonly 'green-900': any;
2185
- readonly 'green-950': any;
2186
- readonly 'red-50': 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;
2187
2014
  readonly 'red-100': any;
2188
- readonly 'red-150': any;
2189
2015
  readonly 'red-200': any;
2190
- readonly 'red-250': any;
2191
2016
  readonly 'red-300': any;
2192
- readonly 'red-350': any;
2193
2017
  readonly 'red-400': any;
2194
- readonly 'red-450': any;
2195
2018
  readonly 'red-500': any;
2196
- readonly 'red-550': any;
2197
2019
  readonly 'red-600': any;
2198
- readonly 'red-650': any;
2199
2020
  readonly 'red-700': any;
2200
- readonly 'red-750': any;
2201
2021
  readonly 'red-800': any;
2202
- readonly 'red-850': any;
2203
2022
  readonly 'red-900': any;
2204
- readonly 'red-950': any;
2205
2023
  readonly transparent: any;
2206
2024
  readonly white: any;
2207
- readonly 'yellow-50': any;
2208
2025
  readonly 'yellow-100': any;
2209
- readonly 'yellow-150': any;
2210
2026
  readonly 'yellow-200': any;
2211
- readonly 'yellow-250': any;
2212
2027
  readonly 'yellow-300': any;
2213
- readonly 'yellow-350': any;
2214
2028
  readonly 'yellow-400': any;
2215
- readonly 'yellow-450': any;
2216
2029
  readonly 'yellow-500': any;
2217
- readonly 'yellow-550': any;
2218
2030
  readonly 'yellow-600': any;
2219
- readonly 'yellow-650': any;
2220
2031
  readonly 'yellow-700': any;
2221
- readonly 'yellow-750': any;
2222
2032
  readonly 'yellow-800': any;
2223
- readonly 'yellow-850': any;
2224
2033
  readonly 'yellow-900': any;
2225
- readonly 'yellow-950': any;
2226
2034
  "background-alpha-active"?: any;
2227
2035
  "background-alpha-hover"?: any;
2228
2036
  "background-danger-prominent"?: any;
@@ -2243,19 +2051,27 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2243
2051
  "background-neutrals-inverted-subtle"?: any;
2244
2052
  "background-neutrals-page"?: any;
2245
2053
  "background-neutrals-page-subtle"?: any;
2246
- "background-neutrals-scrollbar"?: any;
2247
- "background-neutrals-scrollbar-active"?: any;
2248
- "background-neutrals-scrollbar-hover"?: 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;
2249
2059
  "background-neutrals-subtle"?: any;
2250
2060
  "background-neutrals-subtle-active"?: any;
2251
2061
  "background-neutrals-subtle-hover"?: any;
2252
2062
  "background-primary-prominent"?: any;
2253
2063
  "background-primary-prominent-active"?: any;
2064
+ "background-primary-prominent-expanded"?: any;
2254
2065
  "background-primary-prominent-hover"?: any;
2066
+ "background-primary-prominent-pressed"?: any;
2067
+ "background-primary-prominent-pressed-hover"?: any;
2255
2068
  "background-primary-prominent-selected"?: any;
2256
2069
  "background-primary-subtle"?: any;
2257
2070
  "background-primary-subtle-active"?: any;
2071
+ "background-primary-subtle-expanded"?: any;
2258
2072
  "background-primary-subtle-hover"?: any;
2073
+ "background-primary-subtle-pressed"?: any;
2074
+ "background-primary-subtle-pressed-hover"?: any;
2259
2075
  "background-primary-subtle-selected"?: any;
2260
2076
  "background-success"?: any;
2261
2077
  "background-success-prominent"?: any;
@@ -2266,15 +2082,9 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2266
2082
  "border-danger"?: any;
2267
2083
  "border-danger-active"?: any;
2268
2084
  "border-danger-hover"?: any;
2269
- "border-focus-error-inner"?: any;
2270
- "border-focus-error-middle"?: any;
2271
- "border-focus-error-outer"?: any;
2272
2085
  "border-focus-inner"?: any;
2273
2086
  "border-focus-middle"?: any;
2274
2087
  "border-focus-outer"?: any;
2275
- "border-focus-success-inner"?: any;
2276
- "border-focus-success-middle"?: any;
2277
- "border-focus-success-outer"?: any;
2278
2088
  "border-neutrals"?: any;
2279
2089
  "border-neutrals-active"?: any;
2280
2090
  "border-neutrals-controls"?: any;
@@ -2367,13 +2177,13 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2367
2177
  readonly body: "Open Sans, sans-serif";
2368
2178
  };
2369
2179
  radii: {
2180
+ readonly none: 0;
2181
+ readonly half: "999em";
2370
2182
  readonly 25: "2px";
2371
2183
  readonly 50: "4px";
2372
2184
  readonly 75: "6px";
2373
2185
  readonly 100: "8px";
2374
2186
  readonly 200: "16px";
2375
- readonly half: "999px";
2376
- readonly none: "0px";
2377
2187
  };
2378
2188
  shadows: {
2379
2189
  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";
@@ -2717,103 +2527,63 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2717
2527
  };
2718
2528
  colors: {
2719
2529
  readonly black: any;
2720
- readonly 'blue-50': any;
2721
2530
  readonly 'blue-100': any;
2722
- readonly 'blue-150': any;
2723
2531
  readonly 'blue-200': any;
2724
- readonly 'blue-250': any;
2725
2532
  readonly 'blue-300': any;
2726
- readonly 'blue-350': any;
2727
2533
  readonly 'blue-400': any;
2728
- readonly 'blue-450': any;
2729
2534
  readonly 'blue-500': any;
2730
- readonly 'blue-550': any;
2731
2535
  readonly 'blue-600': any;
2732
- readonly 'blue-650': any;
2733
2536
  readonly 'blue-700': any;
2734
- readonly 'blue-750': any;
2735
2537
  readonly 'blue-800': any;
2736
- readonly 'blue-850': any;
2737
2538
  readonly 'blue-900': any;
2738
- readonly 'blue-950': any;
2739
- readonly 'gray-50': any;
2539
+ readonly 'blue-1000': any;
2740
2540
  readonly 'gray-100': any;
2741
- readonly 'gray-150': any;
2742
2541
  readonly 'gray-200': any;
2743
- readonly 'gray-250': any;
2744
2542
  readonly 'gray-300': any;
2745
- readonly 'gray-350': any;
2746
2543
  readonly 'gray-400': any;
2747
- readonly 'gray-450': any;
2748
2544
  readonly 'gray-500': any;
2749
- readonly 'gray-550': any;
2750
2545
  readonly 'gray-600': any;
2751
- readonly 'gray-650': any;
2752
2546
  readonly 'gray-700': any;
2753
- readonly 'gray-750': any;
2754
2547
  readonly 'gray-800': any;
2755
- readonly 'gray-850': any;
2756
2548
  readonly 'gray-900': any;
2757
- readonly 'gray-950': any;
2758
- readonly 'green-50': any;
2759
2549
  readonly 'green-100': any;
2760
- readonly 'green-150': any;
2761
2550
  readonly 'green-200': any;
2762
- readonly 'green-250': any;
2763
2551
  readonly 'green-300': any;
2764
- readonly 'green-350': any;
2765
2552
  readonly 'green-400': any;
2766
- readonly 'green-450': any;
2767
2553
  readonly 'green-500': any;
2768
- readonly 'green-550': any;
2769
2554
  readonly 'green-600': any;
2770
- readonly 'green-650': any;
2771
2555
  readonly 'green-700': any;
2772
- readonly 'green-750': any;
2773
2556
  readonly 'green-800': any;
2774
- readonly 'green-850': any;
2775
2557
  readonly 'green-900': any;
2776
- readonly 'green-950': any;
2777
- readonly 'red-50': 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;
2778
2567
  readonly 'red-100': any;
2779
- readonly 'red-150': any;
2780
2568
  readonly 'red-200': any;
2781
- readonly 'red-250': any;
2782
2569
  readonly 'red-300': any;
2783
- readonly 'red-350': any;
2784
2570
  readonly 'red-400': any;
2785
- readonly 'red-450': any;
2786
2571
  readonly 'red-500': any;
2787
- readonly 'red-550': any;
2788
2572
  readonly 'red-600': any;
2789
- readonly 'red-650': any;
2790
2573
  readonly 'red-700': any;
2791
- readonly 'red-750': any;
2792
2574
  readonly 'red-800': any;
2793
- readonly 'red-850': any;
2794
2575
  readonly 'red-900': any;
2795
- readonly 'red-950': any;
2796
2576
  readonly transparent: any;
2797
2577
  readonly white: any;
2798
- readonly 'yellow-50': any;
2799
2578
  readonly 'yellow-100': any;
2800
- readonly 'yellow-150': any;
2801
2579
  readonly 'yellow-200': any;
2802
- readonly 'yellow-250': any;
2803
2580
  readonly 'yellow-300': any;
2804
- readonly 'yellow-350': any;
2805
2581
  readonly 'yellow-400': any;
2806
- readonly 'yellow-450': any;
2807
2582
  readonly 'yellow-500': any;
2808
- readonly 'yellow-550': any;
2809
2583
  readonly 'yellow-600': any;
2810
- readonly 'yellow-650': any;
2811
2584
  readonly 'yellow-700': any;
2812
- readonly 'yellow-750': any;
2813
2585
  readonly 'yellow-800': any;
2814
- readonly 'yellow-850': any;
2815
2586
  readonly 'yellow-900': any;
2816
- readonly 'yellow-950': any;
2817
2587
  "background-alpha-active"?: any;
2818
2588
  "background-alpha-hover"?: any;
2819
2589
  "background-danger-prominent"?: any;
@@ -2834,19 +2604,27 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2834
2604
  "background-neutrals-inverted-subtle"?: any;
2835
2605
  "background-neutrals-page"?: any;
2836
2606
  "background-neutrals-page-subtle"?: any;
2837
- "background-neutrals-scrollbar"?: any;
2838
- "background-neutrals-scrollbar-active"?: any;
2839
- "background-neutrals-scrollbar-hover"?: 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;
2840
2612
  "background-neutrals-subtle"?: any;
2841
2613
  "background-neutrals-subtle-active"?: any;
2842
2614
  "background-neutrals-subtle-hover"?: any;
2843
2615
  "background-primary-prominent"?: any;
2844
2616
  "background-primary-prominent-active"?: any;
2617
+ "background-primary-prominent-expanded"?: any;
2845
2618
  "background-primary-prominent-hover"?: any;
2619
+ "background-primary-prominent-pressed"?: any;
2620
+ "background-primary-prominent-pressed-hover"?: any;
2846
2621
  "background-primary-prominent-selected"?: any;
2847
2622
  "background-primary-subtle"?: any;
2848
2623
  "background-primary-subtle-active"?: any;
2624
+ "background-primary-subtle-expanded"?: any;
2849
2625
  "background-primary-subtle-hover"?: any;
2626
+ "background-primary-subtle-pressed"?: any;
2627
+ "background-primary-subtle-pressed-hover"?: any;
2850
2628
  "background-primary-subtle-selected"?: any;
2851
2629
  "background-success"?: any;
2852
2630
  "background-success-prominent"?: any;
@@ -2857,15 +2635,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2857
2635
  "border-danger"?: any;
2858
2636
  "border-danger-active"?: any;
2859
2637
  "border-danger-hover"?: any;
2860
- "border-focus-error-inner"?: any;
2861
- "border-focus-error-middle"?: any;
2862
- "border-focus-error-outer"?: any;
2863
2638
  "border-focus-inner"?: any;
2864
2639
  "border-focus-middle"?: any;
2865
2640
  "border-focus-outer"?: any;
2866
- "border-focus-success-inner"?: any;
2867
- "border-focus-success-middle"?: any;
2868
- "border-focus-success-outer"?: any;
2869
2641
  "border-neutrals"?: any;
2870
2642
  "border-neutrals-active"?: any;
2871
2643
  "border-neutrals-controls"?: any;
@@ -2958,13 +2730,13 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2958
2730
  readonly body: "Open Sans, sans-serif";
2959
2731
  };
2960
2732
  radii: {
2733
+ readonly none: 0;
2734
+ readonly half: "999em";
2961
2735
  readonly 25: "2px";
2962
2736
  readonly 50: "4px";
2963
2737
  readonly 75: "6px";
2964
2738
  readonly 100: "8px";
2965
2739
  readonly 200: "16px";
2966
- readonly half: "999px";
2967
- readonly none: "0px";
2968
2740
  };
2969
2741
  shadows: {
2970
2742
  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";
@@ -3271,103 +3043,63 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3271
3043
  };
3272
3044
  colors: {
3273
3045
  readonly black: any;
3274
- readonly 'blue-50': any;
3275
3046
  readonly 'blue-100': any;
3276
- readonly 'blue-150': any;
3277
3047
  readonly 'blue-200': any;
3278
- readonly 'blue-250': any;
3279
3048
  readonly 'blue-300': any;
3280
- readonly 'blue-350': any;
3281
3049
  readonly 'blue-400': any;
3282
- readonly 'blue-450': any;
3283
3050
  readonly 'blue-500': any;
3284
- readonly 'blue-550': any;
3285
3051
  readonly 'blue-600': any;
3286
- readonly 'blue-650': any;
3287
3052
  readonly 'blue-700': any;
3288
- readonly 'blue-750': any;
3289
3053
  readonly 'blue-800': any;
3290
- readonly 'blue-850': any;
3291
3054
  readonly 'blue-900': any;
3292
- readonly 'blue-950': any;
3293
- readonly 'gray-50': any;
3055
+ readonly 'blue-1000': any;
3294
3056
  readonly 'gray-100': any;
3295
- readonly 'gray-150': any;
3296
3057
  readonly 'gray-200': any;
3297
- readonly 'gray-250': any;
3298
3058
  readonly 'gray-300': any;
3299
- readonly 'gray-350': any;
3300
3059
  readonly 'gray-400': any;
3301
- readonly 'gray-450': any;
3302
3060
  readonly 'gray-500': any;
3303
- readonly 'gray-550': any;
3304
3061
  readonly 'gray-600': any;
3305
- readonly 'gray-650': any;
3306
3062
  readonly 'gray-700': any;
3307
- readonly 'gray-750': any;
3308
3063
  readonly 'gray-800': any;
3309
- readonly 'gray-850': any;
3310
3064
  readonly 'gray-900': any;
3311
- readonly 'gray-950': any;
3312
- readonly 'green-50': any;
3313
3065
  readonly 'green-100': any;
3314
- readonly 'green-150': any;
3315
3066
  readonly 'green-200': any;
3316
- readonly 'green-250': any;
3317
3067
  readonly 'green-300': any;
3318
- readonly 'green-350': any;
3319
3068
  readonly 'green-400': any;
3320
- readonly 'green-450': any;
3321
3069
  readonly 'green-500': any;
3322
- readonly 'green-550': any;
3323
3070
  readonly 'green-600': any;
3324
- readonly 'green-650': any;
3325
3071
  readonly 'green-700': any;
3326
- readonly 'green-750': any;
3327
3072
  readonly 'green-800': any;
3328
- readonly 'green-850': any;
3329
3073
  readonly 'green-900': any;
3330
- readonly 'green-950': any;
3331
- readonly 'red-50': 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;
3332
3083
  readonly 'red-100': any;
3333
- readonly 'red-150': any;
3334
3084
  readonly 'red-200': any;
3335
- readonly 'red-250': any;
3336
3085
  readonly 'red-300': any;
3337
- readonly 'red-350': any;
3338
3086
  readonly 'red-400': any;
3339
- readonly 'red-450': any;
3340
3087
  readonly 'red-500': any;
3341
- readonly 'red-550': any;
3342
3088
  readonly 'red-600': any;
3343
- readonly 'red-650': any;
3344
3089
  readonly 'red-700': any;
3345
- readonly 'red-750': any;
3346
3090
  readonly 'red-800': any;
3347
- readonly 'red-850': any;
3348
3091
  readonly 'red-900': any;
3349
- readonly 'red-950': any;
3350
3092
  readonly transparent: any;
3351
3093
  readonly white: any;
3352
- readonly 'yellow-50': any;
3353
3094
  readonly 'yellow-100': any;
3354
- readonly 'yellow-150': any;
3355
3095
  readonly 'yellow-200': any;
3356
- readonly 'yellow-250': any;
3357
3096
  readonly 'yellow-300': any;
3358
- readonly 'yellow-350': any;
3359
3097
  readonly 'yellow-400': any;
3360
- readonly 'yellow-450': any;
3361
3098
  readonly 'yellow-500': any;
3362
- readonly 'yellow-550': any;
3363
3099
  readonly 'yellow-600': any;
3364
- readonly 'yellow-650': any;
3365
3100
  readonly 'yellow-700': any;
3366
- readonly 'yellow-750': any;
3367
3101
  readonly 'yellow-800': any;
3368
- readonly 'yellow-850': any;
3369
3102
  readonly 'yellow-900': any;
3370
- readonly 'yellow-950': any;
3371
3103
  "background-alpha-active"?: any;
3372
3104
  "background-alpha-hover"?: any;
3373
3105
  "background-danger-prominent"?: any;
@@ -3388,19 +3120,27 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3388
3120
  "background-neutrals-inverted-subtle"?: any;
3389
3121
  "background-neutrals-page"?: any;
3390
3122
  "background-neutrals-page-subtle"?: any;
3391
- "background-neutrals-scrollbar"?: any;
3392
- "background-neutrals-scrollbar-active"?: any;
3393
- "background-neutrals-scrollbar-hover"?: 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;
3394
3128
  "background-neutrals-subtle"?: any;
3395
3129
  "background-neutrals-subtle-active"?: any;
3396
3130
  "background-neutrals-subtle-hover"?: any;
3397
3131
  "background-primary-prominent"?: any;
3398
3132
  "background-primary-prominent-active"?: any;
3133
+ "background-primary-prominent-expanded"?: any;
3399
3134
  "background-primary-prominent-hover"?: any;
3135
+ "background-primary-prominent-pressed"?: any;
3136
+ "background-primary-prominent-pressed-hover"?: any;
3400
3137
  "background-primary-prominent-selected"?: any;
3401
3138
  "background-primary-subtle"?: any;
3402
3139
  "background-primary-subtle-active"?: any;
3140
+ "background-primary-subtle-expanded"?: any;
3403
3141
  "background-primary-subtle-hover"?: any;
3142
+ "background-primary-subtle-pressed"?: any;
3143
+ "background-primary-subtle-pressed-hover"?: any;
3404
3144
  "background-primary-subtle-selected"?: any;
3405
3145
  "background-success"?: any;
3406
3146
  "background-success-prominent"?: any;
@@ -3411,15 +3151,9 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3411
3151
  "border-danger"?: any;
3412
3152
  "border-danger-active"?: any;
3413
3153
  "border-danger-hover"?: any;
3414
- "border-focus-error-inner"?: any;
3415
- "border-focus-error-middle"?: any;
3416
- "border-focus-error-outer"?: any;
3417
3154
  "border-focus-inner"?: any;
3418
3155
  "border-focus-middle"?: any;
3419
3156
  "border-focus-outer"?: any;
3420
- "border-focus-success-inner"?: any;
3421
- "border-focus-success-middle"?: any;
3422
- "border-focus-success-outer"?: any;
3423
3157
  "border-neutrals"?: any;
3424
3158
  "border-neutrals-active"?: any;
3425
3159
  "border-neutrals-controls"?: any;
@@ -3512,13 +3246,13 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3512
3246
  readonly body: "Open Sans, sans-serif";
3513
3247
  };
3514
3248
  radii: {
3249
+ readonly none: 0;
3250
+ readonly half: "999em";
3515
3251
  readonly 25: "2px";
3516
3252
  readonly 50: "4px";
3517
3253
  readonly 75: "6px";
3518
3254
  readonly 100: "8px";
3519
3255
  readonly 200: "16px";
3520
- readonly half: "999px";
3521
- readonly none: "0px";
3522
3256
  };
3523
3257
  shadows: {
3524
3258
  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";