@mirohq/design-system-button 3.1.37-combobox.0 → 3.1.38

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 +414 -174
  6. package/package.json +8 -8
package/dist/types.d.ts CHANGED
@@ -17,63 +17,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
17
17
  };
18
18
  colors: {
19
19
  readonly black: any;
20
+ readonly 'blue-50': any;
20
21
  readonly 'blue-100': any;
22
+ readonly 'blue-150': any;
21
23
  readonly 'blue-200': any;
24
+ readonly 'blue-250': any;
22
25
  readonly 'blue-300': any;
26
+ readonly 'blue-350': any;
23
27
  readonly 'blue-400': any;
28
+ readonly 'blue-450': any;
24
29
  readonly 'blue-500': any;
30
+ readonly 'blue-550': any;
25
31
  readonly 'blue-600': any;
32
+ readonly 'blue-650': any;
26
33
  readonly 'blue-700': any;
34
+ readonly 'blue-750': any;
27
35
  readonly 'blue-800': any;
36
+ readonly 'blue-850': any;
28
37
  readonly 'blue-900': any;
29
- readonly 'blue-1000': any;
38
+ readonly 'blue-950': any;
39
+ readonly 'gray-50': any;
30
40
  readonly 'gray-100': any;
41
+ readonly 'gray-150': any;
31
42
  readonly 'gray-200': any;
43
+ readonly 'gray-250': any;
32
44
  readonly 'gray-300': any;
45
+ readonly 'gray-350': any;
33
46
  readonly 'gray-400': any;
47
+ readonly 'gray-450': any;
34
48
  readonly 'gray-500': any;
49
+ readonly 'gray-550': any;
35
50
  readonly 'gray-600': any;
51
+ readonly 'gray-650': any;
36
52
  readonly 'gray-700': any;
53
+ readonly 'gray-750': any;
37
54
  readonly 'gray-800': any;
55
+ readonly 'gray-850': any;
38
56
  readonly 'gray-900': any;
57
+ readonly 'gray-950': any;
58
+ readonly 'green-50': any;
39
59
  readonly 'green-100': any;
60
+ readonly 'green-150': any;
40
61
  readonly 'green-200': any;
62
+ readonly 'green-250': any;
41
63
  readonly 'green-300': any;
64
+ readonly 'green-350': any;
42
65
  readonly 'green-400': any;
66
+ readonly 'green-450': any;
43
67
  readonly 'green-500': any;
68
+ readonly 'green-550': any;
44
69
  readonly 'green-600': any;
70
+ readonly 'green-650': any;
45
71
  readonly 'green-700': any;
72
+ readonly 'green-750': any;
46
73
  readonly 'green-800': any;
74
+ readonly 'green-850': any;
47
75
  readonly 'green-900': any;
48
- readonly 'indigo-100': any;
49
- readonly 'indigo-200': any;
50
- readonly 'indigo-300': any;
51
- readonly 'indigo-400': any;
52
- readonly 'indigo-500': any;
53
- readonly 'indigo-600': any;
54
- readonly 'indigo-700': any;
55
- readonly 'indigo-800': any;
56
- readonly 'indigo-900': any;
76
+ readonly 'green-950': any;
77
+ readonly 'red-50': any;
57
78
  readonly 'red-100': any;
79
+ readonly 'red-150': any;
58
80
  readonly 'red-200': any;
81
+ readonly 'red-250': any;
59
82
  readonly 'red-300': any;
83
+ readonly 'red-350': any;
60
84
  readonly 'red-400': any;
85
+ readonly 'red-450': any;
61
86
  readonly 'red-500': any;
87
+ readonly 'red-550': any;
62
88
  readonly 'red-600': any;
89
+ readonly 'red-650': any;
63
90
  readonly 'red-700': any;
91
+ readonly 'red-750': any;
64
92
  readonly 'red-800': any;
93
+ readonly 'red-850': any;
65
94
  readonly 'red-900': any;
95
+ readonly 'red-950': any;
66
96
  readonly transparent: any;
67
97
  readonly white: any;
98
+ readonly 'yellow-50': any;
68
99
  readonly 'yellow-100': any;
100
+ readonly 'yellow-150': any;
69
101
  readonly 'yellow-200': any;
102
+ readonly 'yellow-250': any;
70
103
  readonly 'yellow-300': any;
104
+ readonly 'yellow-350': any;
71
105
  readonly 'yellow-400': any;
106
+ readonly 'yellow-450': any;
72
107
  readonly 'yellow-500': any;
108
+ readonly 'yellow-550': any;
73
109
  readonly 'yellow-600': any;
110
+ readonly 'yellow-650': any;
74
111
  readonly 'yellow-700': any;
112
+ readonly 'yellow-750': any;
75
113
  readonly 'yellow-800': any;
114
+ readonly 'yellow-850': any;
76
115
  readonly 'yellow-900': any;
116
+ readonly 'yellow-950': any;
77
117
  "background-alpha-active"?: any;
78
118
  "background-alpha-hover"?: any;
79
119
  "background-danger-prominent"?: any;
@@ -94,27 +134,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
94
134
  "background-neutrals-inverted-subtle"?: any;
95
135
  "background-neutrals-page"?: any;
96
136
  "background-neutrals-page-subtle"?: any;
97
- "background-neutrals-scrolls"?: any;
98
- "background-neutrals-scrolls-expanded"?: any;
99
- "background-neutrals-scrolls-hover"?: any;
100
- "background-neutrals-scrolls-pressed"?: any;
101
- "background-neutrals-scrolls-pressed-hover"?: any;
137
+ "background-neutrals-scrollbar"?: any;
138
+ "background-neutrals-scrollbar-active"?: any;
139
+ "background-neutrals-scrollbar-hover"?: any;
102
140
  "background-neutrals-subtle"?: any;
103
141
  "background-neutrals-subtle-active"?: any;
104
142
  "background-neutrals-subtle-hover"?: any;
105
143
  "background-primary-prominent"?: any;
106
144
  "background-primary-prominent-active"?: any;
107
- "background-primary-prominent-expanded"?: any;
108
145
  "background-primary-prominent-hover"?: any;
109
- "background-primary-prominent-pressed"?: any;
110
- "background-primary-prominent-pressed-hover"?: any;
111
146
  "background-primary-prominent-selected"?: any;
112
147
  "background-primary-subtle"?: any;
113
148
  "background-primary-subtle-active"?: any;
114
- "background-primary-subtle-expanded"?: any;
115
149
  "background-primary-subtle-hover"?: any;
116
- "background-primary-subtle-pressed"?: any;
117
- "background-primary-subtle-pressed-hover"?: any;
118
150
  "background-primary-subtle-selected"?: any;
119
151
  "background-success"?: any;
120
152
  "background-success-prominent"?: any;
@@ -125,9 +157,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
125
157
  "border-danger"?: any;
126
158
  "border-danger-active"?: any;
127
159
  "border-danger-hover"?: any;
160
+ "border-focus-error-inner"?: any;
161
+ "border-focus-error-middle"?: any;
162
+ "border-focus-error-outer"?: any;
128
163
  "border-focus-inner"?: any;
129
164
  "border-focus-middle"?: any;
130
165
  "border-focus-outer"?: any;
166
+ "border-focus-success-inner"?: any;
167
+ "border-focus-success-middle"?: any;
168
+ "border-focus-success-outer"?: any;
131
169
  "border-neutrals"?: any;
132
170
  "border-neutrals-active"?: any;
133
171
  "border-neutrals-controls"?: any;
@@ -220,21 +258,23 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
220
258
  readonly body: "Open Sans, sans-serif";
221
259
  };
222
260
  radii: {
223
- readonly none: 0;
224
- readonly half: "999em";
225
261
  readonly 25: "2px";
226
262
  readonly 50: "4px";
227
263
  readonly 75: "6px";
228
264
  readonly 100: "8px";
229
265
  readonly 200: "16px";
266
+ readonly half: "999px";
267
+ readonly none: "0px";
230
268
  };
231
269
  shadows: {
232
- 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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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 StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
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;
@@ -1488,63 +1608,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1488
1608
  };
1489
1609
  colors: {
1490
1610
  readonly black: any;
1611
+ readonly 'blue-50': any;
1491
1612
  readonly 'blue-100': any;
1613
+ readonly 'blue-150': any;
1492
1614
  readonly 'blue-200': any;
1615
+ readonly 'blue-250': any;
1493
1616
  readonly 'blue-300': any;
1617
+ readonly 'blue-350': any;
1494
1618
  readonly 'blue-400': any;
1619
+ readonly 'blue-450': any;
1495
1620
  readonly 'blue-500': any;
1621
+ readonly 'blue-550': any;
1496
1622
  readonly 'blue-600': any;
1623
+ readonly 'blue-650': any;
1497
1624
  readonly 'blue-700': any;
1625
+ readonly 'blue-750': any;
1498
1626
  readonly 'blue-800': any;
1627
+ readonly 'blue-850': any;
1499
1628
  readonly 'blue-900': any;
1500
- readonly 'blue-1000': any;
1629
+ readonly 'blue-950': any;
1630
+ readonly 'gray-50': any;
1501
1631
  readonly 'gray-100': any;
1632
+ readonly 'gray-150': any;
1502
1633
  readonly 'gray-200': any;
1634
+ readonly 'gray-250': any;
1503
1635
  readonly 'gray-300': any;
1636
+ readonly 'gray-350': any;
1504
1637
  readonly 'gray-400': any;
1638
+ readonly 'gray-450': any;
1505
1639
  readonly 'gray-500': any;
1640
+ readonly 'gray-550': any;
1506
1641
  readonly 'gray-600': any;
1642
+ readonly 'gray-650': any;
1507
1643
  readonly 'gray-700': any;
1644
+ readonly 'gray-750': any;
1508
1645
  readonly 'gray-800': any;
1646
+ readonly 'gray-850': any;
1509
1647
  readonly 'gray-900': any;
1648
+ readonly 'gray-950': any;
1649
+ readonly 'green-50': any;
1510
1650
  readonly 'green-100': any;
1651
+ readonly 'green-150': any;
1511
1652
  readonly 'green-200': any;
1653
+ readonly 'green-250': any;
1512
1654
  readonly 'green-300': any;
1655
+ readonly 'green-350': any;
1513
1656
  readonly 'green-400': any;
1657
+ readonly 'green-450': any;
1514
1658
  readonly 'green-500': any;
1659
+ readonly 'green-550': any;
1515
1660
  readonly 'green-600': any;
1661
+ readonly 'green-650': any;
1516
1662
  readonly 'green-700': any;
1663
+ readonly 'green-750': any;
1517
1664
  readonly 'green-800': any;
1665
+ readonly 'green-850': any;
1518
1666
  readonly 'green-900': any;
1519
- readonly 'indigo-100': any;
1520
- readonly 'indigo-200': any;
1521
- readonly 'indigo-300': any;
1522
- readonly 'indigo-400': any;
1523
- readonly 'indigo-500': any;
1524
- readonly 'indigo-600': any;
1525
- readonly 'indigo-700': any;
1526
- readonly 'indigo-800': any;
1527
- readonly 'indigo-900': any;
1667
+ readonly 'green-950': any;
1668
+ readonly 'red-50': any;
1528
1669
  readonly 'red-100': any;
1670
+ readonly 'red-150': any;
1529
1671
  readonly 'red-200': any;
1672
+ readonly 'red-250': any;
1530
1673
  readonly 'red-300': any;
1674
+ readonly 'red-350': any;
1531
1675
  readonly 'red-400': any;
1676
+ readonly 'red-450': any;
1532
1677
  readonly 'red-500': any;
1678
+ readonly 'red-550': any;
1533
1679
  readonly 'red-600': any;
1680
+ readonly 'red-650': any;
1534
1681
  readonly 'red-700': any;
1682
+ readonly 'red-750': any;
1535
1683
  readonly 'red-800': any;
1684
+ readonly 'red-850': any;
1536
1685
  readonly 'red-900': any;
1686
+ readonly 'red-950': any;
1537
1687
  readonly transparent: any;
1538
1688
  readonly white: any;
1689
+ readonly 'yellow-50': any;
1539
1690
  readonly 'yellow-100': any;
1691
+ readonly 'yellow-150': any;
1540
1692
  readonly 'yellow-200': any;
1693
+ readonly 'yellow-250': any;
1541
1694
  readonly 'yellow-300': any;
1695
+ readonly 'yellow-350': any;
1542
1696
  readonly 'yellow-400': any;
1697
+ readonly 'yellow-450': any;
1543
1698
  readonly 'yellow-500': any;
1699
+ readonly 'yellow-550': any;
1544
1700
  readonly 'yellow-600': any;
1701
+ readonly 'yellow-650': any;
1545
1702
  readonly 'yellow-700': any;
1703
+ readonly 'yellow-750': any;
1546
1704
  readonly 'yellow-800': any;
1705
+ readonly 'yellow-850': any;
1547
1706
  readonly 'yellow-900': any;
1707
+ readonly 'yellow-950': any;
1548
1708
  "background-alpha-active"?: any;
1549
1709
  "background-alpha-hover"?: any;
1550
1710
  "background-danger-prominent"?: any;
@@ -1565,27 +1725,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1565
1725
  "background-neutrals-inverted-subtle"?: any;
1566
1726
  "background-neutrals-page"?: any;
1567
1727
  "background-neutrals-page-subtle"?: any;
1568
- "background-neutrals-scrolls"?: any;
1569
- "background-neutrals-scrolls-expanded"?: any;
1570
- "background-neutrals-scrolls-hover"?: any;
1571
- "background-neutrals-scrolls-pressed"?: any;
1572
- "background-neutrals-scrolls-pressed-hover"?: any;
1728
+ "background-neutrals-scrollbar"?: any;
1729
+ "background-neutrals-scrollbar-active"?: any;
1730
+ "background-neutrals-scrollbar-hover"?: any;
1573
1731
  "background-neutrals-subtle"?: any;
1574
1732
  "background-neutrals-subtle-active"?: any;
1575
1733
  "background-neutrals-subtle-hover"?: any;
1576
1734
  "background-primary-prominent"?: any;
1577
1735
  "background-primary-prominent-active"?: any;
1578
- "background-primary-prominent-expanded"?: any;
1579
1736
  "background-primary-prominent-hover"?: any;
1580
- "background-primary-prominent-pressed"?: any;
1581
- "background-primary-prominent-pressed-hover"?: any;
1582
1737
  "background-primary-prominent-selected"?: any;
1583
1738
  "background-primary-subtle"?: any;
1584
1739
  "background-primary-subtle-active"?: any;
1585
- "background-primary-subtle-expanded"?: any;
1586
1740
  "background-primary-subtle-hover"?: any;
1587
- "background-primary-subtle-pressed"?: any;
1588
- "background-primary-subtle-pressed-hover"?: any;
1589
1741
  "background-primary-subtle-selected"?: any;
1590
1742
  "background-success"?: any;
1591
1743
  "background-success-prominent"?: any;
@@ -1596,9 +1748,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1596
1748
  "border-danger"?: any;
1597
1749
  "border-danger-active"?: any;
1598
1750
  "border-danger-hover"?: any;
1751
+ "border-focus-error-inner"?: any;
1752
+ "border-focus-error-middle"?: any;
1753
+ "border-focus-error-outer"?: any;
1599
1754
  "border-focus-inner"?: any;
1600
1755
  "border-focus-middle"?: any;
1601
1756
  "border-focus-outer"?: any;
1757
+ "border-focus-success-inner"?: any;
1758
+ "border-focus-success-middle"?: any;
1759
+ "border-focus-success-outer"?: any;
1602
1760
  "border-neutrals"?: any;
1603
1761
  "border-neutrals-active"?: any;
1604
1762
  "border-neutrals-controls"?: any;
@@ -1691,21 +1849,23 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1691
1849
  readonly body: "Open Sans, sans-serif";
1692
1850
  };
1693
1851
  radii: {
1694
- readonly none: 0;
1695
- readonly half: "999em";
1696
1852
  readonly 25: "2px";
1697
1853
  readonly 50: "4px";
1698
1854
  readonly 75: "6px";
1699
1855
  readonly 100: "8px";
1700
1856
  readonly 200: "16px";
1857
+ readonly half: "999px";
1858
+ readonly none: "0px";
1701
1859
  };
1702
1860
  shadows: {
1703
- 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";
1704
- 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";
1705
- 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";
1706
- 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";
1707
- 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";
1708
- 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";
1861
+ 50: any;
1862
+ 100: any;
1863
+ "focus-small": any;
1864
+ "focus-small-outline": any;
1865
+ "focus-large": any;
1866
+ "focus-controls": any;
1867
+ "focus-controls-error": any;
1868
+ "focus-controls-success": any;
1709
1869
  };
1710
1870
  sizes: {
1711
1871
  readonly number: string;
@@ -1976,63 +2136,103 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1976
2136
  };
1977
2137
  colors: {
1978
2138
  readonly black: any;
2139
+ readonly 'blue-50': any;
1979
2140
  readonly 'blue-100': any;
2141
+ readonly 'blue-150': any;
1980
2142
  readonly 'blue-200': any;
2143
+ readonly 'blue-250': any;
1981
2144
  readonly 'blue-300': any;
2145
+ readonly 'blue-350': any;
1982
2146
  readonly 'blue-400': any;
2147
+ readonly 'blue-450': any;
1983
2148
  readonly 'blue-500': any;
2149
+ readonly 'blue-550': any;
1984
2150
  readonly 'blue-600': any;
2151
+ readonly 'blue-650': any;
1985
2152
  readonly 'blue-700': any;
2153
+ readonly 'blue-750': any;
1986
2154
  readonly 'blue-800': any;
2155
+ readonly 'blue-850': any;
1987
2156
  readonly 'blue-900': any;
1988
- readonly 'blue-1000': any;
2157
+ readonly 'blue-950': any;
2158
+ readonly 'gray-50': any;
1989
2159
  readonly 'gray-100': any;
2160
+ readonly 'gray-150': any;
1990
2161
  readonly 'gray-200': any;
2162
+ readonly 'gray-250': any;
1991
2163
  readonly 'gray-300': any;
2164
+ readonly 'gray-350': any;
1992
2165
  readonly 'gray-400': any;
2166
+ readonly 'gray-450': any;
1993
2167
  readonly 'gray-500': any;
2168
+ readonly 'gray-550': any;
1994
2169
  readonly 'gray-600': any;
2170
+ readonly 'gray-650': any;
1995
2171
  readonly 'gray-700': any;
2172
+ readonly 'gray-750': any;
1996
2173
  readonly 'gray-800': any;
2174
+ readonly 'gray-850': any;
1997
2175
  readonly 'gray-900': any;
2176
+ readonly 'gray-950': any;
2177
+ readonly 'green-50': any;
1998
2178
  readonly 'green-100': any;
2179
+ readonly 'green-150': any;
1999
2180
  readonly 'green-200': any;
2181
+ readonly 'green-250': any;
2000
2182
  readonly 'green-300': any;
2183
+ readonly 'green-350': any;
2001
2184
  readonly 'green-400': any;
2185
+ readonly 'green-450': any;
2002
2186
  readonly 'green-500': any;
2187
+ readonly 'green-550': any;
2003
2188
  readonly 'green-600': any;
2189
+ readonly 'green-650': any;
2004
2190
  readonly 'green-700': any;
2191
+ readonly 'green-750': any;
2005
2192
  readonly 'green-800': any;
2193
+ readonly 'green-850': any;
2006
2194
  readonly 'green-900': any;
2007
- readonly 'indigo-100': any;
2008
- readonly 'indigo-200': any;
2009
- readonly 'indigo-300': any;
2010
- readonly 'indigo-400': any;
2011
- readonly 'indigo-500': any;
2012
- readonly 'indigo-600': any;
2013
- readonly 'indigo-700': any;
2014
- readonly 'indigo-800': any;
2015
- readonly 'indigo-900': any;
2195
+ readonly 'green-950': any;
2196
+ readonly 'red-50': any;
2016
2197
  readonly 'red-100': any;
2198
+ readonly 'red-150': any;
2017
2199
  readonly 'red-200': any;
2200
+ readonly 'red-250': any;
2018
2201
  readonly 'red-300': any;
2202
+ readonly 'red-350': any;
2019
2203
  readonly 'red-400': any;
2204
+ readonly 'red-450': any;
2020
2205
  readonly 'red-500': any;
2206
+ readonly 'red-550': any;
2021
2207
  readonly 'red-600': any;
2208
+ readonly 'red-650': any;
2022
2209
  readonly 'red-700': any;
2210
+ readonly 'red-750': any;
2023
2211
  readonly 'red-800': any;
2212
+ readonly 'red-850': any;
2024
2213
  readonly 'red-900': any;
2214
+ readonly 'red-950': any;
2025
2215
  readonly transparent: any;
2026
2216
  readonly white: any;
2217
+ readonly 'yellow-50': any;
2027
2218
  readonly 'yellow-100': any;
2219
+ readonly 'yellow-150': any;
2028
2220
  readonly 'yellow-200': any;
2221
+ readonly 'yellow-250': any;
2029
2222
  readonly 'yellow-300': any;
2223
+ readonly 'yellow-350': any;
2030
2224
  readonly 'yellow-400': any;
2225
+ readonly 'yellow-450': any;
2031
2226
  readonly 'yellow-500': any;
2227
+ readonly 'yellow-550': any;
2032
2228
  readonly 'yellow-600': any;
2229
+ readonly 'yellow-650': any;
2033
2230
  readonly 'yellow-700': any;
2231
+ readonly 'yellow-750': any;
2034
2232
  readonly 'yellow-800': any;
2233
+ readonly 'yellow-850': any;
2035
2234
  readonly 'yellow-900': any;
2235
+ readonly 'yellow-950': any;
2036
2236
  "background-alpha-active"?: any;
2037
2237
  "background-alpha-hover"?: any;
2038
2238
  "background-danger-prominent"?: any;
@@ -2053,27 +2253,19 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2053
2253
  "background-neutrals-inverted-subtle"?: any;
2054
2254
  "background-neutrals-page"?: any;
2055
2255
  "background-neutrals-page-subtle"?: any;
2056
- "background-neutrals-scrolls"?: any;
2057
- "background-neutrals-scrolls-expanded"?: any;
2058
- "background-neutrals-scrolls-hover"?: any;
2059
- "background-neutrals-scrolls-pressed"?: any;
2060
- "background-neutrals-scrolls-pressed-hover"?: any;
2256
+ "background-neutrals-scrollbar"?: any;
2257
+ "background-neutrals-scrollbar-active"?: any;
2258
+ "background-neutrals-scrollbar-hover"?: any;
2061
2259
  "background-neutrals-subtle"?: any;
2062
2260
  "background-neutrals-subtle-active"?: any;
2063
2261
  "background-neutrals-subtle-hover"?: any;
2064
2262
  "background-primary-prominent"?: any;
2065
2263
  "background-primary-prominent-active"?: any;
2066
- "background-primary-prominent-expanded"?: any;
2067
2264
  "background-primary-prominent-hover"?: any;
2068
- "background-primary-prominent-pressed"?: any;
2069
- "background-primary-prominent-pressed-hover"?: any;
2070
2265
  "background-primary-prominent-selected"?: any;
2071
2266
  "background-primary-subtle"?: any;
2072
2267
  "background-primary-subtle-active"?: any;
2073
- "background-primary-subtle-expanded"?: any;
2074
2268
  "background-primary-subtle-hover"?: any;
2075
- "background-primary-subtle-pressed"?: any;
2076
- "background-primary-subtle-pressed-hover"?: any;
2077
2269
  "background-primary-subtle-selected"?: any;
2078
2270
  "background-success"?: any;
2079
2271
  "background-success-prominent"?: any;
@@ -2084,9 +2276,15 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2084
2276
  "border-danger"?: any;
2085
2277
  "border-danger-active"?: any;
2086
2278
  "border-danger-hover"?: any;
2279
+ "border-focus-error-inner"?: any;
2280
+ "border-focus-error-middle"?: any;
2281
+ "border-focus-error-outer"?: any;
2087
2282
  "border-focus-inner"?: any;
2088
2283
  "border-focus-middle"?: any;
2089
2284
  "border-focus-outer"?: any;
2285
+ "border-focus-success-inner"?: any;
2286
+ "border-focus-success-middle"?: any;
2287
+ "border-focus-success-outer"?: any;
2090
2288
  "border-neutrals"?: any;
2091
2289
  "border-neutrals-active"?: any;
2092
2290
  "border-neutrals-controls"?: any;
@@ -2179,21 +2377,23 @@ declare const StyledButton: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
2179
2377
  readonly body: "Open Sans, sans-serif";
2180
2378
  };
2181
2379
  radii: {
2182
- readonly none: 0;
2183
- readonly half: "999em";
2184
2380
  readonly 25: "2px";
2185
2381
  readonly 50: "4px";
2186
2382
  readonly 75: "6px";
2187
2383
  readonly 100: "8px";
2188
2384
  readonly 200: "16px";
2385
+ readonly half: "999px";
2386
+ readonly none: "0px";
2189
2387
  };
2190
2388
  shadows: {
2191
- 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";
2192
- 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";
2193
- 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";
2194
- 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";
2195
- 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";
2196
- 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";
2389
+ 50: any;
2390
+ 100: any;
2391
+ "focus-small": any;
2392
+ "focus-small-outline": any;
2393
+ "focus-large": any;
2394
+ "focus-controls": any;
2395
+ "focus-controls-error": any;
2396
+ "focus-controls-success": any;
2197
2397
  };
2198
2398
  sizes: {
2199
2399
  readonly number: string;
@@ -2474,63 +2674,103 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2474
2674
  };
2475
2675
  colors: {
2476
2676
  readonly black: any;
2677
+ readonly 'blue-50': any;
2477
2678
  readonly 'blue-100': any;
2679
+ readonly 'blue-150': any;
2478
2680
  readonly 'blue-200': any;
2681
+ readonly 'blue-250': any;
2479
2682
  readonly 'blue-300': any;
2683
+ readonly 'blue-350': any;
2480
2684
  readonly 'blue-400': any;
2685
+ readonly 'blue-450': any;
2481
2686
  readonly 'blue-500': any;
2687
+ readonly 'blue-550': any;
2482
2688
  readonly 'blue-600': any;
2689
+ readonly 'blue-650': any;
2483
2690
  readonly 'blue-700': any;
2691
+ readonly 'blue-750': any;
2484
2692
  readonly 'blue-800': any;
2693
+ readonly 'blue-850': any;
2485
2694
  readonly 'blue-900': any;
2486
- readonly 'blue-1000': any;
2695
+ readonly 'blue-950': any;
2696
+ readonly 'gray-50': any;
2487
2697
  readonly 'gray-100': any;
2698
+ readonly 'gray-150': any;
2488
2699
  readonly 'gray-200': any;
2700
+ readonly 'gray-250': any;
2489
2701
  readonly 'gray-300': any;
2702
+ readonly 'gray-350': any;
2490
2703
  readonly 'gray-400': any;
2704
+ readonly 'gray-450': any;
2491
2705
  readonly 'gray-500': any;
2706
+ readonly 'gray-550': any;
2492
2707
  readonly 'gray-600': any;
2708
+ readonly 'gray-650': any;
2493
2709
  readonly 'gray-700': any;
2710
+ readonly 'gray-750': any;
2494
2711
  readonly 'gray-800': any;
2712
+ readonly 'gray-850': any;
2495
2713
  readonly 'gray-900': any;
2714
+ readonly 'gray-950': any;
2715
+ readonly 'green-50': any;
2496
2716
  readonly 'green-100': any;
2717
+ readonly 'green-150': any;
2497
2718
  readonly 'green-200': any;
2719
+ readonly 'green-250': any;
2498
2720
  readonly 'green-300': any;
2721
+ readonly 'green-350': any;
2499
2722
  readonly 'green-400': any;
2723
+ readonly 'green-450': any;
2500
2724
  readonly 'green-500': any;
2725
+ readonly 'green-550': any;
2501
2726
  readonly 'green-600': any;
2727
+ readonly 'green-650': any;
2502
2728
  readonly 'green-700': any;
2729
+ readonly 'green-750': any;
2503
2730
  readonly 'green-800': any;
2731
+ readonly 'green-850': any;
2504
2732
  readonly 'green-900': any;
2505
- readonly 'indigo-100': any;
2506
- readonly 'indigo-200': any;
2507
- readonly 'indigo-300': any;
2508
- readonly 'indigo-400': any;
2509
- readonly 'indigo-500': any;
2510
- readonly 'indigo-600': any;
2511
- readonly 'indigo-700': any;
2512
- readonly 'indigo-800': any;
2513
- readonly 'indigo-900': any;
2733
+ readonly 'green-950': any;
2734
+ readonly 'red-50': any;
2514
2735
  readonly 'red-100': any;
2736
+ readonly 'red-150': any;
2515
2737
  readonly 'red-200': any;
2738
+ readonly 'red-250': any;
2516
2739
  readonly 'red-300': any;
2740
+ readonly 'red-350': any;
2517
2741
  readonly 'red-400': any;
2742
+ readonly 'red-450': any;
2518
2743
  readonly 'red-500': any;
2744
+ readonly 'red-550': any;
2519
2745
  readonly 'red-600': any;
2746
+ readonly 'red-650': any;
2520
2747
  readonly 'red-700': any;
2748
+ readonly 'red-750': any;
2521
2749
  readonly 'red-800': any;
2750
+ readonly 'red-850': any;
2522
2751
  readonly 'red-900': any;
2752
+ readonly 'red-950': any;
2523
2753
  readonly transparent: any;
2524
2754
  readonly white: any;
2755
+ readonly 'yellow-50': any;
2525
2756
  readonly 'yellow-100': any;
2757
+ readonly 'yellow-150': any;
2526
2758
  readonly 'yellow-200': any;
2759
+ readonly 'yellow-250': any;
2527
2760
  readonly 'yellow-300': any;
2761
+ readonly 'yellow-350': any;
2528
2762
  readonly 'yellow-400': any;
2763
+ readonly 'yellow-450': any;
2529
2764
  readonly 'yellow-500': any;
2765
+ readonly 'yellow-550': any;
2530
2766
  readonly 'yellow-600': any;
2767
+ readonly 'yellow-650': any;
2531
2768
  readonly 'yellow-700': any;
2769
+ readonly 'yellow-750': any;
2532
2770
  readonly 'yellow-800': any;
2771
+ readonly 'yellow-850': any;
2533
2772
  readonly 'yellow-900': any;
2773
+ readonly 'yellow-950': any;
2534
2774
  "background-alpha-active"?: any;
2535
2775
  "background-alpha-hover"?: any;
2536
2776
  "background-danger-prominent"?: any;
@@ -2551,27 +2791,19 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2551
2791
  "background-neutrals-inverted-subtle"?: any;
2552
2792
  "background-neutrals-page"?: any;
2553
2793
  "background-neutrals-page-subtle"?: any;
2554
- "background-neutrals-scrolls"?: any;
2555
- "background-neutrals-scrolls-expanded"?: any;
2556
- "background-neutrals-scrolls-hover"?: any;
2557
- "background-neutrals-scrolls-pressed"?: any;
2558
- "background-neutrals-scrolls-pressed-hover"?: any;
2794
+ "background-neutrals-scrollbar"?: any;
2795
+ "background-neutrals-scrollbar-active"?: any;
2796
+ "background-neutrals-scrollbar-hover"?: any;
2559
2797
  "background-neutrals-subtle"?: any;
2560
2798
  "background-neutrals-subtle-active"?: any;
2561
2799
  "background-neutrals-subtle-hover"?: any;
2562
2800
  "background-primary-prominent"?: any;
2563
2801
  "background-primary-prominent-active"?: any;
2564
- "background-primary-prominent-expanded"?: any;
2565
2802
  "background-primary-prominent-hover"?: any;
2566
- "background-primary-prominent-pressed"?: any;
2567
- "background-primary-prominent-pressed-hover"?: any;
2568
2803
  "background-primary-prominent-selected"?: any;
2569
2804
  "background-primary-subtle"?: any;
2570
2805
  "background-primary-subtle-active"?: any;
2571
- "background-primary-subtle-expanded"?: any;
2572
2806
  "background-primary-subtle-hover"?: any;
2573
- "background-primary-subtle-pressed"?: any;
2574
- "background-primary-subtle-pressed-hover"?: any;
2575
2807
  "background-primary-subtle-selected"?: any;
2576
2808
  "background-success"?: any;
2577
2809
  "background-success-prominent"?: any;
@@ -2582,9 +2814,15 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2582
2814
  "border-danger"?: any;
2583
2815
  "border-danger-active"?: any;
2584
2816
  "border-danger-hover"?: any;
2817
+ "border-focus-error-inner"?: any;
2818
+ "border-focus-error-middle"?: any;
2819
+ "border-focus-error-outer"?: any;
2585
2820
  "border-focus-inner"?: any;
2586
2821
  "border-focus-middle"?: any;
2587
2822
  "border-focus-outer"?: any;
2823
+ "border-focus-success-inner"?: any;
2824
+ "border-focus-success-middle"?: any;
2825
+ "border-focus-success-outer"?: any;
2588
2826
  "border-neutrals"?: any;
2589
2827
  "border-neutrals-active"?: any;
2590
2828
  "border-neutrals-controls"?: any;
@@ -2677,21 +2915,23 @@ declare const StyledIconSlot: react__default.ForwardRefExoticComponent<Omit<Omit
2677
2915
  readonly body: "Open Sans, sans-serif";
2678
2916
  };
2679
2917
  radii: {
2680
- readonly none: 0;
2681
- readonly half: "999em";
2682
2918
  readonly 25: "2px";
2683
2919
  readonly 50: "4px";
2684
2920
  readonly 75: "6px";
2685
2921
  readonly 100: "8px";
2686
2922
  readonly 200: "16px";
2923
+ readonly half: "999px";
2924
+ readonly none: "0px";
2687
2925
  };
2688
2926
  shadows: {
2689
- 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";
2690
- 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";
2691
- 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";
2692
- 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";
2693
- 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";
2694
- 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";
2927
+ 50: any;
2928
+ 100: any;
2929
+ "focus-small": any;
2930
+ "focus-small-outline": any;
2931
+ "focus-large": any;
2932
+ "focus-controls": any;
2933
+ "focus-controls-error": any;
2934
+ "focus-controls-success": any;
2695
2935
  };
2696
2936
  sizes: {
2697
2937
  readonly number: string;