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

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 +483 -203
  6. package/package.json +7 -7
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,21 +258,23 @@ 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
- 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";
233
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
234
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
235
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
236
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
237
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
270
+ 50: any;
271
+ 100: any;
272
+ "focus-small": any;
273
+ "focus-small-outline": any;
274
+ "focus-large": any;
275
+ "focus-controls": any;
276
+ "focus-controls-error": any;
277
+ "focus-controls-success": any;
238
278
  };
239
279
  sizes: {
240
280
  readonly number: string;
@@ -505,63 +545,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
505
545
  };
506
546
  colors: {
507
547
  readonly black: any;
548
+ readonly 'blue-50': any;
508
549
  readonly 'blue-100': any;
550
+ readonly 'blue-150': any;
509
551
  readonly 'blue-200': any;
552
+ readonly 'blue-250': any;
510
553
  readonly 'blue-300': any;
554
+ readonly 'blue-350': any;
511
555
  readonly 'blue-400': any;
556
+ readonly 'blue-450': any;
512
557
  readonly 'blue-500': any;
558
+ readonly 'blue-550': any;
513
559
  readonly 'blue-600': any;
560
+ readonly 'blue-650': any;
514
561
  readonly 'blue-700': any;
562
+ readonly 'blue-750': any;
515
563
  readonly 'blue-800': any;
564
+ readonly 'blue-850': any;
516
565
  readonly 'blue-900': any;
517
- readonly 'blue-1000': any;
566
+ readonly 'blue-950': any;
567
+ readonly 'gray-50': any;
518
568
  readonly 'gray-100': any;
569
+ readonly 'gray-150': any;
519
570
  readonly 'gray-200': any;
571
+ readonly 'gray-250': any;
520
572
  readonly 'gray-300': any;
573
+ readonly 'gray-350': any;
521
574
  readonly 'gray-400': any;
575
+ readonly 'gray-450': any;
522
576
  readonly 'gray-500': any;
577
+ readonly 'gray-550': any;
523
578
  readonly 'gray-600': any;
579
+ readonly 'gray-650': any;
524
580
  readonly 'gray-700': any;
581
+ readonly 'gray-750': any;
525
582
  readonly 'gray-800': any;
583
+ readonly 'gray-850': any;
526
584
  readonly 'gray-900': any;
585
+ readonly 'gray-950': any;
586
+ readonly 'green-50': any;
527
587
  readonly 'green-100': any;
588
+ readonly 'green-150': any;
528
589
  readonly 'green-200': any;
590
+ readonly 'green-250': any;
529
591
  readonly 'green-300': any;
592
+ readonly 'green-350': any;
530
593
  readonly 'green-400': any;
594
+ readonly 'green-450': any;
531
595
  readonly 'green-500': any;
596
+ readonly 'green-550': any;
532
597
  readonly 'green-600': any;
598
+ readonly 'green-650': any;
533
599
  readonly 'green-700': any;
600
+ readonly 'green-750': any;
534
601
  readonly 'green-800': any;
602
+ readonly 'green-850': any;
535
603
  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;
604
+ readonly 'green-950': any;
605
+ readonly 'red-50': any;
545
606
  readonly 'red-100': any;
607
+ readonly 'red-150': any;
546
608
  readonly 'red-200': any;
609
+ readonly 'red-250': any;
547
610
  readonly 'red-300': any;
611
+ readonly 'red-350': any;
548
612
  readonly 'red-400': any;
613
+ readonly 'red-450': any;
549
614
  readonly 'red-500': any;
615
+ readonly 'red-550': any;
550
616
  readonly 'red-600': any;
617
+ readonly 'red-650': any;
551
618
  readonly 'red-700': any;
619
+ readonly 'red-750': any;
552
620
  readonly 'red-800': any;
621
+ readonly 'red-850': any;
553
622
  readonly 'red-900': any;
623
+ readonly 'red-950': any;
554
624
  readonly transparent: any;
555
625
  readonly white: any;
626
+ readonly 'yellow-50': any;
556
627
  readonly 'yellow-100': any;
628
+ readonly 'yellow-150': any;
557
629
  readonly 'yellow-200': any;
630
+ readonly 'yellow-250': any;
558
631
  readonly 'yellow-300': any;
632
+ readonly 'yellow-350': any;
559
633
  readonly 'yellow-400': any;
634
+ readonly 'yellow-450': any;
560
635
  readonly 'yellow-500': any;
636
+ readonly 'yellow-550': any;
561
637
  readonly 'yellow-600': any;
638
+ readonly 'yellow-650': any;
562
639
  readonly 'yellow-700': any;
640
+ readonly 'yellow-750': any;
563
641
  readonly 'yellow-800': any;
642
+ readonly 'yellow-850': any;
564
643
  readonly 'yellow-900': any;
644
+ readonly 'yellow-950': any;
565
645
  "background-alpha-active"?: any;
566
646
  "background-alpha-hover"?: any;
567
647
  "background-danger-prominent"?: any;
@@ -582,27 +662,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
582
662
  "background-neutrals-inverted-subtle"?: any;
583
663
  "background-neutrals-page"?: any;
584
664
  "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;
665
+ "background-neutrals-scrollbar"?: any;
666
+ "background-neutrals-scrollbar-active"?: any;
667
+ "background-neutrals-scrollbar-hover"?: any;
590
668
  "background-neutrals-subtle"?: any;
591
669
  "background-neutrals-subtle-active"?: any;
592
670
  "background-neutrals-subtle-hover"?: any;
593
671
  "background-primary-prominent"?: any;
594
672
  "background-primary-prominent-active"?: any;
595
- "background-primary-prominent-expanded"?: any;
596
673
  "background-primary-prominent-hover"?: any;
597
- "background-primary-prominent-pressed"?: any;
598
- "background-primary-prominent-pressed-hover"?: any;
599
674
  "background-primary-prominent-selected"?: any;
600
675
  "background-primary-subtle"?: any;
601
676
  "background-primary-subtle-active"?: any;
602
- "background-primary-subtle-expanded"?: any;
603
677
  "background-primary-subtle-hover"?: any;
604
- "background-primary-subtle-pressed"?: any;
605
- "background-primary-subtle-pressed-hover"?: any;
606
678
  "background-primary-subtle-selected"?: any;
607
679
  "background-success"?: any;
608
680
  "background-success-prominent"?: any;
@@ -613,9 +685,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
613
685
  "border-danger"?: any;
614
686
  "border-danger-active"?: any;
615
687
  "border-danger-hover"?: any;
688
+ "border-focus-error-inner"?: any;
689
+ "border-focus-error-middle"?: any;
690
+ "border-focus-error-outer"?: any;
616
691
  "border-focus-inner"?: any;
617
692
  "border-focus-middle"?: any;
618
693
  "border-focus-outer"?: any;
694
+ "border-focus-success-inner"?: any;
695
+ "border-focus-success-middle"?: any;
696
+ "border-focus-success-outer"?: any;
619
697
  "border-neutrals"?: any;
620
698
  "border-neutrals-active"?: any;
621
699
  "border-neutrals-controls"?: any;
@@ -708,21 +786,23 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
708
786
  readonly body: "Open Sans, sans-serif";
709
787
  };
710
788
  radii: {
711
- readonly none: 0;
712
- readonly half: "999em";
713
789
  readonly 25: "2px";
714
790
  readonly 50: "4px";
715
791
  readonly 75: "6px";
716
792
  readonly 100: "8px";
717
793
  readonly 200: "16px";
794
+ readonly half: "999px";
795
+ readonly none: "0px";
718
796
  };
719
797
  shadows: {
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";
721
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
722
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
723
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
724
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
725
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
798
+ 50: any;
799
+ 100: any;
800
+ "focus-small": any;
801
+ "focus-small-outline": any;
802
+ "focus-large": any;
803
+ "focus-controls": any;
804
+ "focus-controls-error": any;
805
+ "focus-controls-success": any;
726
806
  };
727
807
  sizes: {
728
808
  readonly number: string;
@@ -995,63 +1075,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
995
1075
  };
996
1076
  colors: {
997
1077
  readonly black: any;
1078
+ readonly 'blue-50': any;
998
1079
  readonly 'blue-100': any;
1080
+ readonly 'blue-150': any;
999
1081
  readonly 'blue-200': any;
1082
+ readonly 'blue-250': any;
1000
1083
  readonly 'blue-300': any;
1084
+ readonly 'blue-350': any;
1001
1085
  readonly 'blue-400': any;
1086
+ readonly 'blue-450': any;
1002
1087
  readonly 'blue-500': any;
1088
+ readonly 'blue-550': any;
1003
1089
  readonly 'blue-600': any;
1090
+ readonly 'blue-650': any;
1004
1091
  readonly 'blue-700': any;
1092
+ readonly 'blue-750': any;
1005
1093
  readonly 'blue-800': any;
1094
+ readonly 'blue-850': any;
1006
1095
  readonly 'blue-900': any;
1007
- readonly 'blue-1000': any;
1096
+ readonly 'blue-950': any;
1097
+ readonly 'gray-50': any;
1008
1098
  readonly 'gray-100': any;
1099
+ readonly 'gray-150': any;
1009
1100
  readonly 'gray-200': any;
1101
+ readonly 'gray-250': any;
1010
1102
  readonly 'gray-300': any;
1103
+ readonly 'gray-350': any;
1011
1104
  readonly 'gray-400': any;
1105
+ readonly 'gray-450': any;
1012
1106
  readonly 'gray-500': any;
1107
+ readonly 'gray-550': any;
1013
1108
  readonly 'gray-600': any;
1109
+ readonly 'gray-650': any;
1014
1110
  readonly 'gray-700': any;
1111
+ readonly 'gray-750': any;
1015
1112
  readonly 'gray-800': any;
1113
+ readonly 'gray-850': any;
1016
1114
  readonly 'gray-900': any;
1115
+ readonly 'gray-950': any;
1116
+ readonly 'green-50': any;
1017
1117
  readonly 'green-100': any;
1118
+ readonly 'green-150': any;
1018
1119
  readonly 'green-200': any;
1120
+ readonly 'green-250': any;
1019
1121
  readonly 'green-300': any;
1122
+ readonly 'green-350': any;
1020
1123
  readonly 'green-400': any;
1124
+ readonly 'green-450': any;
1021
1125
  readonly 'green-500': any;
1126
+ readonly 'green-550': any;
1022
1127
  readonly 'green-600': any;
1128
+ readonly 'green-650': any;
1023
1129
  readonly 'green-700': any;
1130
+ readonly 'green-750': any;
1024
1131
  readonly 'green-800': any;
1132
+ readonly 'green-850': any;
1025
1133
  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;
1134
+ readonly 'green-950': any;
1135
+ readonly 'red-50': any;
1035
1136
  readonly 'red-100': any;
1137
+ readonly 'red-150': any;
1036
1138
  readonly 'red-200': any;
1139
+ readonly 'red-250': any;
1037
1140
  readonly 'red-300': any;
1141
+ readonly 'red-350': any;
1038
1142
  readonly 'red-400': any;
1143
+ readonly 'red-450': any;
1039
1144
  readonly 'red-500': any;
1145
+ readonly 'red-550': any;
1040
1146
  readonly 'red-600': any;
1147
+ readonly 'red-650': any;
1041
1148
  readonly 'red-700': any;
1149
+ readonly 'red-750': any;
1042
1150
  readonly 'red-800': any;
1151
+ readonly 'red-850': any;
1043
1152
  readonly 'red-900': any;
1153
+ readonly 'red-950': any;
1044
1154
  readonly transparent: any;
1045
1155
  readonly white: any;
1156
+ readonly 'yellow-50': any;
1046
1157
  readonly 'yellow-100': any;
1158
+ readonly 'yellow-150': any;
1047
1159
  readonly 'yellow-200': any;
1160
+ readonly 'yellow-250': any;
1048
1161
  readonly 'yellow-300': any;
1162
+ readonly 'yellow-350': any;
1049
1163
  readonly 'yellow-400': any;
1164
+ readonly 'yellow-450': any;
1050
1165
  readonly 'yellow-500': any;
1166
+ readonly 'yellow-550': any;
1051
1167
  readonly 'yellow-600': any;
1168
+ readonly 'yellow-650': any;
1052
1169
  readonly 'yellow-700': any;
1170
+ readonly 'yellow-750': any;
1053
1171
  readonly 'yellow-800': any;
1172
+ readonly 'yellow-850': any;
1054
1173
  readonly 'yellow-900': any;
1174
+ readonly 'yellow-950': any;
1055
1175
  "background-alpha-active"?: any;
1056
1176
  "background-alpha-hover"?: any;
1057
1177
  "background-danger-prominent"?: any;
@@ -1072,27 +1192,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1072
1192
  "background-neutrals-inverted-subtle"?: any;
1073
1193
  "background-neutrals-page"?: any;
1074
1194
  "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;
1195
+ "background-neutrals-scrollbar"?: any;
1196
+ "background-neutrals-scrollbar-active"?: any;
1197
+ "background-neutrals-scrollbar-hover"?: any;
1080
1198
  "background-neutrals-subtle"?: any;
1081
1199
  "background-neutrals-subtle-active"?: any;
1082
1200
  "background-neutrals-subtle-hover"?: any;
1083
1201
  "background-primary-prominent"?: any;
1084
1202
  "background-primary-prominent-active"?: any;
1085
- "background-primary-prominent-expanded"?: any;
1086
1203
  "background-primary-prominent-hover"?: any;
1087
- "background-primary-prominent-pressed"?: any;
1088
- "background-primary-prominent-pressed-hover"?: any;
1089
1204
  "background-primary-prominent-selected"?: any;
1090
1205
  "background-primary-subtle"?: any;
1091
1206
  "background-primary-subtle-active"?: any;
1092
- "background-primary-subtle-expanded"?: any;
1093
1207
  "background-primary-subtle-hover"?: any;
1094
- "background-primary-subtle-pressed"?: any;
1095
- "background-primary-subtle-pressed-hover"?: any;
1096
1208
  "background-primary-subtle-selected"?: any;
1097
1209
  "background-success"?: any;
1098
1210
  "background-success-prominent"?: any;
@@ -1103,9 +1215,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1103
1215
  "border-danger"?: any;
1104
1216
  "border-danger-active"?: any;
1105
1217
  "border-danger-hover"?: any;
1218
+ "border-focus-error-inner"?: any;
1219
+ "border-focus-error-middle"?: any;
1220
+ "border-focus-error-outer"?: any;
1106
1221
  "border-focus-inner"?: any;
1107
1222
  "border-focus-middle"?: any;
1108
1223
  "border-focus-outer"?: any;
1224
+ "border-focus-success-inner"?: any;
1225
+ "border-focus-success-middle"?: any;
1226
+ "border-focus-success-outer"?: any;
1109
1227
  "border-neutrals"?: any;
1110
1228
  "border-neutrals-active"?: any;
1111
1229
  "border-neutrals-controls"?: any;
@@ -1198,21 +1316,23 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1198
1316
  readonly body: "Open Sans, sans-serif";
1199
1317
  };
1200
1318
  radii: {
1201
- readonly none: 0;
1202
- readonly half: "999em";
1203
1319
  readonly 25: "2px";
1204
1320
  readonly 50: "4px";
1205
1321
  readonly 75: "6px";
1206
1322
  readonly 100: "8px";
1207
1323
  readonly 200: "16px";
1324
+ readonly half: "999px";
1325
+ readonly none: "0px";
1208
1326
  };
1209
1327
  shadows: {
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";
1211
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1212
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1213
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1214
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1215
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1328
+ 50: any;
1329
+ 100: any;
1330
+ "focus-small": any;
1331
+ "focus-small-outline": any;
1332
+ "focus-large": any;
1333
+ "focus-controls": any;
1334
+ "focus-controls-error": any;
1335
+ "focus-controls-success": any;
1216
1336
  };
1217
1337
  sizes: {
1218
1338
  readonly number: string;
@@ -1486,63 +1606,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1486
1606
  };
1487
1607
  colors: {
1488
1608
  readonly black: any;
1609
+ readonly 'blue-50': any;
1489
1610
  readonly 'blue-100': any;
1611
+ readonly 'blue-150': any;
1490
1612
  readonly 'blue-200': any;
1613
+ readonly 'blue-250': any;
1491
1614
  readonly 'blue-300': any;
1615
+ readonly 'blue-350': any;
1492
1616
  readonly 'blue-400': any;
1617
+ readonly 'blue-450': any;
1493
1618
  readonly 'blue-500': any;
1619
+ readonly 'blue-550': any;
1494
1620
  readonly 'blue-600': any;
1621
+ readonly 'blue-650': any;
1495
1622
  readonly 'blue-700': any;
1623
+ readonly 'blue-750': any;
1496
1624
  readonly 'blue-800': any;
1625
+ readonly 'blue-850': any;
1497
1626
  readonly 'blue-900': any;
1498
- readonly 'blue-1000': any;
1627
+ readonly 'blue-950': any;
1628
+ readonly 'gray-50': any;
1499
1629
  readonly 'gray-100': any;
1630
+ readonly 'gray-150': any;
1500
1631
  readonly 'gray-200': any;
1632
+ readonly 'gray-250': any;
1501
1633
  readonly 'gray-300': any;
1634
+ readonly 'gray-350': any;
1502
1635
  readonly 'gray-400': any;
1636
+ readonly 'gray-450': any;
1503
1637
  readonly 'gray-500': any;
1638
+ readonly 'gray-550': any;
1504
1639
  readonly 'gray-600': any;
1640
+ readonly 'gray-650': any;
1505
1641
  readonly 'gray-700': any;
1642
+ readonly 'gray-750': any;
1506
1643
  readonly 'gray-800': any;
1644
+ readonly 'gray-850': any;
1507
1645
  readonly 'gray-900': any;
1646
+ readonly 'gray-950': any;
1647
+ readonly 'green-50': any;
1508
1648
  readonly 'green-100': any;
1649
+ readonly 'green-150': any;
1509
1650
  readonly 'green-200': any;
1651
+ readonly 'green-250': any;
1510
1652
  readonly 'green-300': any;
1653
+ readonly 'green-350': any;
1511
1654
  readonly 'green-400': any;
1655
+ readonly 'green-450': any;
1512
1656
  readonly 'green-500': any;
1657
+ readonly 'green-550': any;
1513
1658
  readonly 'green-600': any;
1659
+ readonly 'green-650': any;
1514
1660
  readonly 'green-700': any;
1661
+ readonly 'green-750': any;
1515
1662
  readonly 'green-800': any;
1663
+ readonly 'green-850': any;
1516
1664
  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;
1665
+ readonly 'green-950': any;
1666
+ readonly 'red-50': any;
1526
1667
  readonly 'red-100': any;
1668
+ readonly 'red-150': any;
1527
1669
  readonly 'red-200': any;
1670
+ readonly 'red-250': any;
1528
1671
  readonly 'red-300': any;
1672
+ readonly 'red-350': any;
1529
1673
  readonly 'red-400': any;
1674
+ readonly 'red-450': any;
1530
1675
  readonly 'red-500': any;
1676
+ readonly 'red-550': any;
1531
1677
  readonly 'red-600': any;
1678
+ readonly 'red-650': any;
1532
1679
  readonly 'red-700': any;
1680
+ readonly 'red-750': any;
1533
1681
  readonly 'red-800': any;
1682
+ readonly 'red-850': any;
1534
1683
  readonly 'red-900': any;
1684
+ readonly 'red-950': any;
1535
1685
  readonly transparent: any;
1536
1686
  readonly white: any;
1687
+ readonly 'yellow-50': any;
1537
1688
  readonly 'yellow-100': any;
1689
+ readonly 'yellow-150': any;
1538
1690
  readonly 'yellow-200': any;
1691
+ readonly 'yellow-250': any;
1539
1692
  readonly 'yellow-300': any;
1693
+ readonly 'yellow-350': any;
1540
1694
  readonly 'yellow-400': any;
1695
+ readonly 'yellow-450': any;
1541
1696
  readonly 'yellow-500': any;
1697
+ readonly 'yellow-550': any;
1542
1698
  readonly 'yellow-600': any;
1699
+ readonly 'yellow-650': any;
1543
1700
  readonly 'yellow-700': any;
1701
+ readonly 'yellow-750': any;
1544
1702
  readonly 'yellow-800': any;
1703
+ readonly 'yellow-850': any;
1545
1704
  readonly 'yellow-900': any;
1705
+ readonly 'yellow-950': any;
1546
1706
  "background-alpha-active"?: any;
1547
1707
  "background-alpha-hover"?: any;
1548
1708
  "background-danger-prominent"?: any;
@@ -1563,27 +1723,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1563
1723
  "background-neutrals-inverted-subtle"?: any;
1564
1724
  "background-neutrals-page"?: any;
1565
1725
  "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;
1726
+ "background-neutrals-scrollbar"?: any;
1727
+ "background-neutrals-scrollbar-active"?: any;
1728
+ "background-neutrals-scrollbar-hover"?: any;
1571
1729
  "background-neutrals-subtle"?: any;
1572
1730
  "background-neutrals-subtle-active"?: any;
1573
1731
  "background-neutrals-subtle-hover"?: any;
1574
1732
  "background-primary-prominent"?: any;
1575
1733
  "background-primary-prominent-active"?: any;
1576
- "background-primary-prominent-expanded"?: any;
1577
1734
  "background-primary-prominent-hover"?: any;
1578
- "background-primary-prominent-pressed"?: any;
1579
- "background-primary-prominent-pressed-hover"?: any;
1580
1735
  "background-primary-prominent-selected"?: any;
1581
1736
  "background-primary-subtle"?: any;
1582
1737
  "background-primary-subtle-active"?: any;
1583
- "background-primary-subtle-expanded"?: any;
1584
1738
  "background-primary-subtle-hover"?: any;
1585
- "background-primary-subtle-pressed"?: any;
1586
- "background-primary-subtle-pressed-hover"?: any;
1587
1739
  "background-primary-subtle-selected"?: any;
1588
1740
  "background-success"?: any;
1589
1741
  "background-success-prominent"?: any;
@@ -1594,9 +1746,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1594
1746
  "border-danger"?: any;
1595
1747
  "border-danger-active"?: any;
1596
1748
  "border-danger-hover"?: any;
1749
+ "border-focus-error-inner"?: any;
1750
+ "border-focus-error-middle"?: any;
1751
+ "border-focus-error-outer"?: any;
1597
1752
  "border-focus-inner"?: any;
1598
1753
  "border-focus-middle"?: any;
1599
1754
  "border-focus-outer"?: any;
1755
+ "border-focus-success-inner"?: any;
1756
+ "border-focus-success-middle"?: any;
1757
+ "border-focus-success-outer"?: any;
1600
1758
  "border-neutrals"?: any;
1601
1759
  "border-neutrals-active"?: any;
1602
1760
  "border-neutrals-controls"?: any;
@@ -1689,21 +1847,23 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1689
1847
  readonly body: "Open Sans, sans-serif";
1690
1848
  };
1691
1849
  radii: {
1692
- readonly none: 0;
1693
- readonly half: "999em";
1694
1850
  readonly 25: "2px";
1695
1851
  readonly 50: "4px";
1696
1852
  readonly 75: "6px";
1697
1853
  readonly 100: "8px";
1698
1854
  readonly 200: "16px";
1855
+ readonly half: "999px";
1856
+ readonly none: "0px";
1699
1857
  };
1700
1858
  shadows: {
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";
1702
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1703
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1704
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1705
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
1706
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
1859
+ 50: any;
1860
+ 100: any;
1861
+ "focus-small": any;
1862
+ "focus-small-outline": any;
1863
+ "focus-large": any;
1864
+ "focus-controls": any;
1865
+ "focus-controls-error": any;
1866
+ "focus-controls-success": any;
1707
1867
  };
1708
1868
  sizes: {
1709
1869
  readonly number: string;
@@ -1974,63 +2134,103 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
1974
2134
  };
1975
2135
  colors: {
1976
2136
  readonly black: any;
2137
+ readonly 'blue-50': any;
1977
2138
  readonly 'blue-100': any;
2139
+ readonly 'blue-150': any;
1978
2140
  readonly 'blue-200': any;
2141
+ readonly 'blue-250': any;
1979
2142
  readonly 'blue-300': any;
2143
+ readonly 'blue-350': any;
1980
2144
  readonly 'blue-400': any;
2145
+ readonly 'blue-450': any;
1981
2146
  readonly 'blue-500': any;
2147
+ readonly 'blue-550': any;
1982
2148
  readonly 'blue-600': any;
2149
+ readonly 'blue-650': any;
1983
2150
  readonly 'blue-700': any;
2151
+ readonly 'blue-750': any;
1984
2152
  readonly 'blue-800': any;
2153
+ readonly 'blue-850': any;
1985
2154
  readonly 'blue-900': any;
1986
- readonly 'blue-1000': any;
2155
+ readonly 'blue-950': any;
2156
+ readonly 'gray-50': any;
1987
2157
  readonly 'gray-100': any;
2158
+ readonly 'gray-150': any;
1988
2159
  readonly 'gray-200': any;
2160
+ readonly 'gray-250': any;
1989
2161
  readonly 'gray-300': any;
2162
+ readonly 'gray-350': any;
1990
2163
  readonly 'gray-400': any;
2164
+ readonly 'gray-450': any;
1991
2165
  readonly 'gray-500': any;
2166
+ readonly 'gray-550': any;
1992
2167
  readonly 'gray-600': any;
2168
+ readonly 'gray-650': any;
1993
2169
  readonly 'gray-700': any;
2170
+ readonly 'gray-750': any;
1994
2171
  readonly 'gray-800': any;
2172
+ readonly 'gray-850': any;
1995
2173
  readonly 'gray-900': any;
2174
+ readonly 'gray-950': any;
2175
+ readonly 'green-50': any;
1996
2176
  readonly 'green-100': any;
2177
+ readonly 'green-150': any;
1997
2178
  readonly 'green-200': any;
2179
+ readonly 'green-250': any;
1998
2180
  readonly 'green-300': any;
2181
+ readonly 'green-350': any;
1999
2182
  readonly 'green-400': any;
2183
+ readonly 'green-450': any;
2000
2184
  readonly 'green-500': any;
2185
+ readonly 'green-550': any;
2001
2186
  readonly 'green-600': any;
2187
+ readonly 'green-650': any;
2002
2188
  readonly 'green-700': any;
2189
+ readonly 'green-750': any;
2003
2190
  readonly 'green-800': any;
2191
+ readonly 'green-850': any;
2004
2192
  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;
2193
+ readonly 'green-950': any;
2194
+ readonly 'red-50': any;
2014
2195
  readonly 'red-100': any;
2196
+ readonly 'red-150': any;
2015
2197
  readonly 'red-200': any;
2198
+ readonly 'red-250': any;
2016
2199
  readonly 'red-300': any;
2200
+ readonly 'red-350': any;
2017
2201
  readonly 'red-400': any;
2202
+ readonly 'red-450': any;
2018
2203
  readonly 'red-500': any;
2204
+ readonly 'red-550': any;
2019
2205
  readonly 'red-600': any;
2206
+ readonly 'red-650': any;
2020
2207
  readonly 'red-700': any;
2208
+ readonly 'red-750': any;
2021
2209
  readonly 'red-800': any;
2210
+ readonly 'red-850': any;
2022
2211
  readonly 'red-900': any;
2212
+ readonly 'red-950': any;
2023
2213
  readonly transparent: any;
2024
2214
  readonly white: any;
2215
+ readonly 'yellow-50': any;
2025
2216
  readonly 'yellow-100': any;
2217
+ readonly 'yellow-150': any;
2026
2218
  readonly 'yellow-200': any;
2219
+ readonly 'yellow-250': any;
2027
2220
  readonly 'yellow-300': any;
2221
+ readonly 'yellow-350': any;
2028
2222
  readonly 'yellow-400': any;
2223
+ readonly 'yellow-450': any;
2029
2224
  readonly 'yellow-500': any;
2225
+ readonly 'yellow-550': any;
2030
2226
  readonly 'yellow-600': any;
2227
+ readonly 'yellow-650': any;
2031
2228
  readonly 'yellow-700': any;
2229
+ readonly 'yellow-750': any;
2032
2230
  readonly 'yellow-800': any;
2231
+ readonly 'yellow-850': any;
2033
2232
  readonly 'yellow-900': any;
2233
+ readonly 'yellow-950': any;
2034
2234
  "background-alpha-active"?: any;
2035
2235
  "background-alpha-hover"?: any;
2036
2236
  "background-danger-prominent"?: any;
@@ -2051,27 +2251,19 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2051
2251
  "background-neutrals-inverted-subtle"?: any;
2052
2252
  "background-neutrals-page"?: any;
2053
2253
  "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;
2254
+ "background-neutrals-scrollbar"?: any;
2255
+ "background-neutrals-scrollbar-active"?: any;
2256
+ "background-neutrals-scrollbar-hover"?: any;
2059
2257
  "background-neutrals-subtle"?: any;
2060
2258
  "background-neutrals-subtle-active"?: any;
2061
2259
  "background-neutrals-subtle-hover"?: any;
2062
2260
  "background-primary-prominent"?: any;
2063
2261
  "background-primary-prominent-active"?: any;
2064
- "background-primary-prominent-expanded"?: any;
2065
2262
  "background-primary-prominent-hover"?: any;
2066
- "background-primary-prominent-pressed"?: any;
2067
- "background-primary-prominent-pressed-hover"?: any;
2068
2263
  "background-primary-prominent-selected"?: any;
2069
2264
  "background-primary-subtle"?: any;
2070
2265
  "background-primary-subtle-active"?: any;
2071
- "background-primary-subtle-expanded"?: any;
2072
2266
  "background-primary-subtle-hover"?: any;
2073
- "background-primary-subtle-pressed"?: any;
2074
- "background-primary-subtle-pressed-hover"?: any;
2075
2267
  "background-primary-subtle-selected"?: any;
2076
2268
  "background-success"?: any;
2077
2269
  "background-success-prominent"?: any;
@@ -2082,9 +2274,15 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2082
2274
  "border-danger"?: any;
2083
2275
  "border-danger-active"?: any;
2084
2276
  "border-danger-hover"?: any;
2277
+ "border-focus-error-inner"?: any;
2278
+ "border-focus-error-middle"?: any;
2279
+ "border-focus-error-outer"?: any;
2085
2280
  "border-focus-inner"?: any;
2086
2281
  "border-focus-middle"?: any;
2087
2282
  "border-focus-outer"?: any;
2283
+ "border-focus-success-inner"?: any;
2284
+ "border-focus-success-middle"?: any;
2285
+ "border-focus-success-outer"?: any;
2088
2286
  "border-neutrals"?: any;
2089
2287
  "border-neutrals-active"?: any;
2090
2288
  "border-neutrals-controls"?: any;
@@ -2177,21 +2375,23 @@ declare const StyledIconButton: react.ForwardRefExoticComponent<Omit<Omit<_miroh
2177
2375
  readonly body: "Open Sans, sans-serif";
2178
2376
  };
2179
2377
  radii: {
2180
- readonly none: 0;
2181
- readonly half: "999em";
2182
2378
  readonly 25: "2px";
2183
2379
  readonly 50: "4px";
2184
2380
  readonly 75: "6px";
2185
2381
  readonly 100: "8px";
2186
2382
  readonly 200: "16px";
2383
+ readonly half: "999px";
2384
+ readonly none: "0px";
2187
2385
  };
2188
2386
  shadows: {
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";
2190
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2191
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2192
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2193
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2194
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2387
+ 50: any;
2388
+ 100: any;
2389
+ "focus-small": any;
2390
+ "focus-small-outline": any;
2391
+ "focus-large": any;
2392
+ "focus-controls": any;
2393
+ "focus-controls-error": any;
2394
+ "focus-controls-success": any;
2195
2395
  };
2196
2396
  sizes: {
2197
2397
  readonly number: string;
@@ -2527,63 +2727,103 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2527
2727
  };
2528
2728
  colors: {
2529
2729
  readonly black: any;
2730
+ readonly 'blue-50': any;
2530
2731
  readonly 'blue-100': any;
2732
+ readonly 'blue-150': any;
2531
2733
  readonly 'blue-200': any;
2734
+ readonly 'blue-250': any;
2532
2735
  readonly 'blue-300': any;
2736
+ readonly 'blue-350': any;
2533
2737
  readonly 'blue-400': any;
2738
+ readonly 'blue-450': any;
2534
2739
  readonly 'blue-500': any;
2740
+ readonly 'blue-550': any;
2535
2741
  readonly 'blue-600': any;
2742
+ readonly 'blue-650': any;
2536
2743
  readonly 'blue-700': any;
2744
+ readonly 'blue-750': any;
2537
2745
  readonly 'blue-800': any;
2746
+ readonly 'blue-850': any;
2538
2747
  readonly 'blue-900': any;
2539
- readonly 'blue-1000': any;
2748
+ readonly 'blue-950': any;
2749
+ readonly 'gray-50': any;
2540
2750
  readonly 'gray-100': any;
2751
+ readonly 'gray-150': any;
2541
2752
  readonly 'gray-200': any;
2753
+ readonly 'gray-250': any;
2542
2754
  readonly 'gray-300': any;
2755
+ readonly 'gray-350': any;
2543
2756
  readonly 'gray-400': any;
2757
+ readonly 'gray-450': any;
2544
2758
  readonly 'gray-500': any;
2759
+ readonly 'gray-550': any;
2545
2760
  readonly 'gray-600': any;
2761
+ readonly 'gray-650': any;
2546
2762
  readonly 'gray-700': any;
2763
+ readonly 'gray-750': any;
2547
2764
  readonly 'gray-800': any;
2765
+ readonly 'gray-850': any;
2548
2766
  readonly 'gray-900': any;
2767
+ readonly 'gray-950': any;
2768
+ readonly 'green-50': any;
2549
2769
  readonly 'green-100': any;
2770
+ readonly 'green-150': any;
2550
2771
  readonly 'green-200': any;
2772
+ readonly 'green-250': any;
2551
2773
  readonly 'green-300': any;
2774
+ readonly 'green-350': any;
2552
2775
  readonly 'green-400': any;
2776
+ readonly 'green-450': any;
2553
2777
  readonly 'green-500': any;
2778
+ readonly 'green-550': any;
2554
2779
  readonly 'green-600': any;
2780
+ readonly 'green-650': any;
2555
2781
  readonly 'green-700': any;
2782
+ readonly 'green-750': any;
2556
2783
  readonly 'green-800': any;
2784
+ readonly 'green-850': any;
2557
2785
  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;
2786
+ readonly 'green-950': any;
2787
+ readonly 'red-50': any;
2567
2788
  readonly 'red-100': any;
2789
+ readonly 'red-150': any;
2568
2790
  readonly 'red-200': any;
2791
+ readonly 'red-250': any;
2569
2792
  readonly 'red-300': any;
2793
+ readonly 'red-350': any;
2570
2794
  readonly 'red-400': any;
2795
+ readonly 'red-450': any;
2571
2796
  readonly 'red-500': any;
2797
+ readonly 'red-550': any;
2572
2798
  readonly 'red-600': any;
2799
+ readonly 'red-650': any;
2573
2800
  readonly 'red-700': any;
2801
+ readonly 'red-750': any;
2574
2802
  readonly 'red-800': any;
2803
+ readonly 'red-850': any;
2575
2804
  readonly 'red-900': any;
2805
+ readonly 'red-950': any;
2576
2806
  readonly transparent: any;
2577
2807
  readonly white: any;
2808
+ readonly 'yellow-50': any;
2578
2809
  readonly 'yellow-100': any;
2810
+ readonly 'yellow-150': any;
2579
2811
  readonly 'yellow-200': any;
2812
+ readonly 'yellow-250': any;
2580
2813
  readonly 'yellow-300': any;
2814
+ readonly 'yellow-350': any;
2581
2815
  readonly 'yellow-400': any;
2816
+ readonly 'yellow-450': any;
2582
2817
  readonly 'yellow-500': any;
2818
+ readonly 'yellow-550': any;
2583
2819
  readonly 'yellow-600': any;
2820
+ readonly 'yellow-650': any;
2584
2821
  readonly 'yellow-700': any;
2822
+ readonly 'yellow-750': any;
2585
2823
  readonly 'yellow-800': any;
2824
+ readonly 'yellow-850': any;
2586
2825
  readonly 'yellow-900': any;
2826
+ readonly 'yellow-950': any;
2587
2827
  "background-alpha-active"?: any;
2588
2828
  "background-alpha-hover"?: any;
2589
2829
  "background-danger-prominent"?: any;
@@ -2604,27 +2844,19 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2604
2844
  "background-neutrals-inverted-subtle"?: any;
2605
2845
  "background-neutrals-page"?: any;
2606
2846
  "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;
2847
+ "background-neutrals-scrollbar"?: any;
2848
+ "background-neutrals-scrollbar-active"?: any;
2849
+ "background-neutrals-scrollbar-hover"?: any;
2612
2850
  "background-neutrals-subtle"?: any;
2613
2851
  "background-neutrals-subtle-active"?: any;
2614
2852
  "background-neutrals-subtle-hover"?: any;
2615
2853
  "background-primary-prominent"?: any;
2616
2854
  "background-primary-prominent-active"?: any;
2617
- "background-primary-prominent-expanded"?: any;
2618
2855
  "background-primary-prominent-hover"?: any;
2619
- "background-primary-prominent-pressed"?: any;
2620
- "background-primary-prominent-pressed-hover"?: any;
2621
2856
  "background-primary-prominent-selected"?: any;
2622
2857
  "background-primary-subtle"?: any;
2623
2858
  "background-primary-subtle-active"?: any;
2624
- "background-primary-subtle-expanded"?: any;
2625
2859
  "background-primary-subtle-hover"?: any;
2626
- "background-primary-subtle-pressed"?: any;
2627
- "background-primary-subtle-pressed-hover"?: any;
2628
2860
  "background-primary-subtle-selected"?: any;
2629
2861
  "background-success"?: any;
2630
2862
  "background-success-prominent"?: any;
@@ -2635,9 +2867,15 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2635
2867
  "border-danger"?: any;
2636
2868
  "border-danger-active"?: any;
2637
2869
  "border-danger-hover"?: any;
2870
+ "border-focus-error-inner"?: any;
2871
+ "border-focus-error-middle"?: any;
2872
+ "border-focus-error-outer"?: any;
2638
2873
  "border-focus-inner"?: any;
2639
2874
  "border-focus-middle"?: any;
2640
2875
  "border-focus-outer"?: any;
2876
+ "border-focus-success-inner"?: any;
2877
+ "border-focus-success-middle"?: any;
2878
+ "border-focus-success-outer"?: any;
2641
2879
  "border-neutrals"?: any;
2642
2880
  "border-neutrals-active"?: any;
2643
2881
  "border-neutrals-controls"?: any;
@@ -2730,21 +2968,23 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
2730
2968
  readonly body: "Open Sans, sans-serif";
2731
2969
  };
2732
2970
  radii: {
2733
- readonly none: 0;
2734
- readonly half: "999em";
2735
2971
  readonly 25: "2px";
2736
2972
  readonly 50: "4px";
2737
2973
  readonly 75: "6px";
2738
2974
  readonly 100: "8px";
2739
2975
  readonly 200: "16px";
2976
+ readonly half: "999px";
2977
+ readonly none: "0px";
2740
2978
  };
2741
2979
  shadows: {
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";
2743
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2744
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2745
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2746
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
2747
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
2980
+ 50: any;
2981
+ 100: any;
2982
+ "focus-small": any;
2983
+ "focus-small-outline": any;
2984
+ "focus-large": any;
2985
+ "focus-controls": any;
2986
+ "focus-controls-error": any;
2987
+ "focus-controls-success": any;
2748
2988
  };
2749
2989
  sizes: {
2750
2990
  readonly number: string;
@@ -3043,63 +3283,103 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3043
3283
  };
3044
3284
  colors: {
3045
3285
  readonly black: any;
3286
+ readonly 'blue-50': any;
3046
3287
  readonly 'blue-100': any;
3288
+ readonly 'blue-150': any;
3047
3289
  readonly 'blue-200': any;
3290
+ readonly 'blue-250': any;
3048
3291
  readonly 'blue-300': any;
3292
+ readonly 'blue-350': any;
3049
3293
  readonly 'blue-400': any;
3294
+ readonly 'blue-450': any;
3050
3295
  readonly 'blue-500': any;
3296
+ readonly 'blue-550': any;
3051
3297
  readonly 'blue-600': any;
3298
+ readonly 'blue-650': any;
3052
3299
  readonly 'blue-700': any;
3300
+ readonly 'blue-750': any;
3053
3301
  readonly 'blue-800': any;
3302
+ readonly 'blue-850': any;
3054
3303
  readonly 'blue-900': any;
3055
- readonly 'blue-1000': any;
3304
+ readonly 'blue-950': any;
3305
+ readonly 'gray-50': any;
3056
3306
  readonly 'gray-100': any;
3307
+ readonly 'gray-150': any;
3057
3308
  readonly 'gray-200': any;
3309
+ readonly 'gray-250': any;
3058
3310
  readonly 'gray-300': any;
3311
+ readonly 'gray-350': any;
3059
3312
  readonly 'gray-400': any;
3313
+ readonly 'gray-450': any;
3060
3314
  readonly 'gray-500': any;
3315
+ readonly 'gray-550': any;
3061
3316
  readonly 'gray-600': any;
3317
+ readonly 'gray-650': any;
3062
3318
  readonly 'gray-700': any;
3319
+ readonly 'gray-750': any;
3063
3320
  readonly 'gray-800': any;
3321
+ readonly 'gray-850': any;
3064
3322
  readonly 'gray-900': any;
3323
+ readonly 'gray-950': any;
3324
+ readonly 'green-50': any;
3065
3325
  readonly 'green-100': any;
3326
+ readonly 'green-150': any;
3066
3327
  readonly 'green-200': any;
3328
+ readonly 'green-250': any;
3067
3329
  readonly 'green-300': any;
3330
+ readonly 'green-350': any;
3068
3331
  readonly 'green-400': any;
3332
+ readonly 'green-450': any;
3069
3333
  readonly 'green-500': any;
3334
+ readonly 'green-550': any;
3070
3335
  readonly 'green-600': any;
3336
+ readonly 'green-650': any;
3071
3337
  readonly 'green-700': any;
3338
+ readonly 'green-750': any;
3072
3339
  readonly 'green-800': any;
3340
+ readonly 'green-850': any;
3073
3341
  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;
3342
+ readonly 'green-950': any;
3343
+ readonly 'red-50': any;
3083
3344
  readonly 'red-100': any;
3345
+ readonly 'red-150': any;
3084
3346
  readonly 'red-200': any;
3347
+ readonly 'red-250': any;
3085
3348
  readonly 'red-300': any;
3349
+ readonly 'red-350': any;
3086
3350
  readonly 'red-400': any;
3351
+ readonly 'red-450': any;
3087
3352
  readonly 'red-500': any;
3353
+ readonly 'red-550': any;
3088
3354
  readonly 'red-600': any;
3355
+ readonly 'red-650': any;
3089
3356
  readonly 'red-700': any;
3357
+ readonly 'red-750': any;
3090
3358
  readonly 'red-800': any;
3359
+ readonly 'red-850': any;
3091
3360
  readonly 'red-900': any;
3361
+ readonly 'red-950': any;
3092
3362
  readonly transparent: any;
3093
3363
  readonly white: any;
3364
+ readonly 'yellow-50': any;
3094
3365
  readonly 'yellow-100': any;
3366
+ readonly 'yellow-150': any;
3095
3367
  readonly 'yellow-200': any;
3368
+ readonly 'yellow-250': any;
3096
3369
  readonly 'yellow-300': any;
3370
+ readonly 'yellow-350': any;
3097
3371
  readonly 'yellow-400': any;
3372
+ readonly 'yellow-450': any;
3098
3373
  readonly 'yellow-500': any;
3374
+ readonly 'yellow-550': any;
3099
3375
  readonly 'yellow-600': any;
3376
+ readonly 'yellow-650': any;
3100
3377
  readonly 'yellow-700': any;
3378
+ readonly 'yellow-750': any;
3101
3379
  readonly 'yellow-800': any;
3380
+ readonly 'yellow-850': any;
3102
3381
  readonly 'yellow-900': any;
3382
+ readonly 'yellow-950': any;
3103
3383
  "background-alpha-active"?: any;
3104
3384
  "background-alpha-hover"?: any;
3105
3385
  "background-danger-prominent"?: any;
@@ -3120,27 +3400,19 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3120
3400
  "background-neutrals-inverted-subtle"?: any;
3121
3401
  "background-neutrals-page"?: any;
3122
3402
  "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;
3403
+ "background-neutrals-scrollbar"?: any;
3404
+ "background-neutrals-scrollbar-active"?: any;
3405
+ "background-neutrals-scrollbar-hover"?: any;
3128
3406
  "background-neutrals-subtle"?: any;
3129
3407
  "background-neutrals-subtle-active"?: any;
3130
3408
  "background-neutrals-subtle-hover"?: any;
3131
3409
  "background-primary-prominent"?: any;
3132
3410
  "background-primary-prominent-active"?: any;
3133
- "background-primary-prominent-expanded"?: any;
3134
3411
  "background-primary-prominent-hover"?: any;
3135
- "background-primary-prominent-pressed"?: any;
3136
- "background-primary-prominent-pressed-hover"?: any;
3137
3412
  "background-primary-prominent-selected"?: any;
3138
3413
  "background-primary-subtle"?: any;
3139
3414
  "background-primary-subtle-active"?: any;
3140
- "background-primary-subtle-expanded"?: any;
3141
3415
  "background-primary-subtle-hover"?: any;
3142
- "background-primary-subtle-pressed"?: any;
3143
- "background-primary-subtle-pressed-hover"?: any;
3144
3416
  "background-primary-subtle-selected"?: any;
3145
3417
  "background-success"?: any;
3146
3418
  "background-success-prominent"?: any;
@@ -3151,9 +3423,15 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3151
3423
  "border-danger"?: any;
3152
3424
  "border-danger-active"?: any;
3153
3425
  "border-danger-hover"?: any;
3426
+ "border-focus-error-inner"?: any;
3427
+ "border-focus-error-middle"?: any;
3428
+ "border-focus-error-outer"?: any;
3154
3429
  "border-focus-inner"?: any;
3155
3430
  "border-focus-middle"?: any;
3156
3431
  "border-focus-outer"?: any;
3432
+ "border-focus-success-inner"?: any;
3433
+ "border-focus-success-middle"?: any;
3434
+ "border-focus-success-outer"?: any;
3157
3435
  "border-neutrals"?: any;
3158
3436
  "border-neutrals-active"?: any;
3159
3437
  "border-neutrals-controls"?: any;
@@ -3246,21 +3524,23 @@ declare const IconButton: react__default.ForwardRefExoticComponent<(Omit<{
3246
3524
  readonly body: "Open Sans, sans-serif";
3247
3525
  };
3248
3526
  radii: {
3249
- readonly none: 0;
3250
- readonly half: "999em";
3251
3527
  readonly 25: "2px";
3252
3528
  readonly 50: "4px";
3253
3529
  readonly 75: "6px";
3254
3530
  readonly 100: "8px";
3255
3531
  readonly 200: "16px";
3532
+ readonly half: "999px";
3533
+ readonly none: "0px";
3256
3534
  };
3257
3535
  shadows: {
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";
3259
- readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3260
- readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3261
- readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3262
- readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
3263
- readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
3536
+ 50: any;
3537
+ 100: any;
3538
+ "focus-small": any;
3539
+ "focus-small-outline": any;
3540
+ "focus-large": any;
3541
+ "focus-controls": any;
3542
+ "focus-controls-error": any;
3543
+ "focus-controls-success": any;
3264
3544
  };
3265
3545
  sizes: {
3266
3546
  readonly number: string;