@mirohq/design-system-select 0.3.2 → 0.3.3-colors.2

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 (2) hide show
  1. package/dist/types.d.ts +483 -203
  2. package/package.json +8 -8
package/dist/types.d.ts CHANGED
@@ -20,63 +20,103 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
20
20
  };
21
21
  colors: {
22
22
  readonly black: any;
23
+ readonly 'blue-50': any;
23
24
  readonly 'blue-100': any;
25
+ readonly 'blue-150': any;
24
26
  readonly 'blue-200': any;
27
+ readonly 'blue-250': any;
25
28
  readonly 'blue-300': any;
29
+ readonly 'blue-350': any;
26
30
  readonly 'blue-400': any;
31
+ readonly 'blue-450': any;
27
32
  readonly 'blue-500': any;
33
+ readonly 'blue-550': any;
28
34
  readonly 'blue-600': any;
35
+ readonly 'blue-650': any;
29
36
  readonly 'blue-700': any;
37
+ readonly 'blue-750': any;
30
38
  readonly 'blue-800': any;
39
+ readonly 'blue-850': any;
31
40
  readonly 'blue-900': any;
32
- readonly 'blue-1000': any;
41
+ readonly 'blue-950': any;
42
+ readonly 'gray-50': any;
33
43
  readonly 'gray-100': any;
44
+ readonly 'gray-150': any;
34
45
  readonly 'gray-200': any;
46
+ readonly 'gray-250': any;
35
47
  readonly 'gray-300': any;
48
+ readonly 'gray-350': any;
36
49
  readonly 'gray-400': any;
50
+ readonly 'gray-450': any;
37
51
  readonly 'gray-500': any;
52
+ readonly 'gray-550': any;
38
53
  readonly 'gray-600': any;
54
+ readonly 'gray-650': any;
39
55
  readonly 'gray-700': any;
56
+ readonly 'gray-750': any;
40
57
  readonly 'gray-800': any;
58
+ readonly 'gray-850': any;
41
59
  readonly 'gray-900': any;
60
+ readonly 'gray-950': any;
61
+ readonly 'green-50': any;
42
62
  readonly 'green-100': any;
63
+ readonly 'green-150': any;
43
64
  readonly 'green-200': any;
65
+ readonly 'green-250': any;
44
66
  readonly 'green-300': any;
67
+ readonly 'green-350': any;
45
68
  readonly 'green-400': any;
69
+ readonly 'green-450': any;
46
70
  readonly 'green-500': any;
71
+ readonly 'green-550': any;
47
72
  readonly 'green-600': any;
73
+ readonly 'green-650': any;
48
74
  readonly 'green-700': any;
75
+ readonly 'green-750': any;
49
76
  readonly 'green-800': any;
77
+ readonly 'green-850': any;
50
78
  readonly 'green-900': any;
51
- readonly 'indigo-100': any;
52
- readonly 'indigo-200': any;
53
- readonly 'indigo-300': any;
54
- readonly 'indigo-400': any;
55
- readonly 'indigo-500': any;
56
- readonly 'indigo-600': any;
57
- readonly 'indigo-700': any;
58
- readonly 'indigo-800': any;
59
- readonly 'indigo-900': any;
79
+ readonly 'green-950': any;
80
+ readonly 'red-50': any;
60
81
  readonly 'red-100': any;
82
+ readonly 'red-150': any;
61
83
  readonly 'red-200': any;
84
+ readonly 'red-250': any;
62
85
  readonly 'red-300': any;
86
+ readonly 'red-350': any;
63
87
  readonly 'red-400': any;
88
+ readonly 'red-450': any;
64
89
  readonly 'red-500': any;
90
+ readonly 'red-550': any;
65
91
  readonly 'red-600': any;
92
+ readonly 'red-650': any;
66
93
  readonly 'red-700': any;
94
+ readonly 'red-750': any;
67
95
  readonly 'red-800': any;
96
+ readonly 'red-850': any;
68
97
  readonly 'red-900': any;
98
+ readonly 'red-950': any;
69
99
  readonly transparent: any;
70
100
  readonly white: any;
101
+ readonly 'yellow-50': any;
71
102
  readonly 'yellow-100': any;
103
+ readonly 'yellow-150': any;
72
104
  readonly 'yellow-200': any;
105
+ readonly 'yellow-250': any;
73
106
  readonly 'yellow-300': any;
107
+ readonly 'yellow-350': any;
74
108
  readonly 'yellow-400': any;
109
+ readonly 'yellow-450': any;
75
110
  readonly 'yellow-500': any;
111
+ readonly 'yellow-550': any;
76
112
  readonly 'yellow-600': any;
113
+ readonly 'yellow-650': any;
77
114
  readonly 'yellow-700': any;
115
+ readonly 'yellow-750': any;
78
116
  readonly 'yellow-800': any;
117
+ readonly 'yellow-850': any;
79
118
  readonly 'yellow-900': any;
119
+ readonly 'yellow-950': any;
80
120
  "background-alpha-active"?: any;
81
121
  "background-alpha-hover"?: any;
82
122
  "background-danger-prominent"?: any;
@@ -97,27 +137,19 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
97
137
  "background-neutrals-inverted-subtle"?: any;
98
138
  "background-neutrals-page"?: any;
99
139
  "background-neutrals-page-subtle"?: any;
100
- "background-neutrals-scrolls"?: any;
101
- "background-neutrals-scrolls-expanded"?: any;
102
- "background-neutrals-scrolls-hover"?: any;
103
- "background-neutrals-scrolls-pressed"?: any;
104
- "background-neutrals-scrolls-pressed-hover"?: any;
140
+ "background-neutrals-scrollbar"?: any;
141
+ "background-neutrals-scrollbar-active"?: any;
142
+ "background-neutrals-scrollbar-hover"?: any;
105
143
  "background-neutrals-subtle"?: any;
106
144
  "background-neutrals-subtle-active"?: any;
107
145
  "background-neutrals-subtle-hover"?: any;
108
146
  "background-primary-prominent"?: any;
109
147
  "background-primary-prominent-active"?: any;
110
- "background-primary-prominent-expanded"?: any;
111
148
  "background-primary-prominent-hover"?: any;
112
- "background-primary-prominent-pressed"?: any;
113
- "background-primary-prominent-pressed-hover"?: any;
114
149
  "background-primary-prominent-selected"?: any;
115
150
  "background-primary-subtle"?: any;
116
151
  "background-primary-subtle-active"?: any;
117
- "background-primary-subtle-expanded"?: any;
118
152
  "background-primary-subtle-hover"?: any;
119
- "background-primary-subtle-pressed"?: any;
120
- "background-primary-subtle-pressed-hover"?: any;
121
153
  "background-primary-subtle-selected"?: any;
122
154
  "background-success"?: any;
123
155
  "background-success-prominent"?: any;
@@ -128,9 +160,15 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
128
160
  "border-danger"?: any;
129
161
  "border-danger-active"?: any;
130
162
  "border-danger-hover"?: any;
163
+ "border-focus-error-inner"?: any;
164
+ "border-focus-error-middle"?: any;
165
+ "border-focus-error-outer"?: any;
131
166
  "border-focus-inner"?: any;
132
167
  "border-focus-middle"?: any;
133
168
  "border-focus-outer"?: any;
169
+ "border-focus-success-inner"?: any;
170
+ "border-focus-success-middle"?: any;
171
+ "border-focus-success-outer"?: any;
134
172
  "border-neutrals"?: any;
135
173
  "border-neutrals-active"?: any;
136
174
  "border-neutrals-controls"?: any;
@@ -223,21 +261,23 @@ declare const StyledSelectContent: react.ForwardRefExoticComponent<Omit<Omit<_mi
223
261
  readonly body: "Open Sans, sans-serif";
224
262
  };
225
263
  radii: {
226
- readonly none: 0;
227
- readonly half: "999em";
228
264
  readonly 25: "2px";
229
265
  readonly 50: "4px";
230
266
  readonly 75: "6px";
231
267
  readonly 100: "8px";
232
268
  readonly 200: "16px";
269
+ readonly half: "999px";
270
+ readonly none: "0px";
233
271
  };
234
272
  shadows: {
235
- 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";
236
- 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";
237
- 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";
238
- 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";
239
- 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";
240
- 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";
273
+ 50: any;
274
+ 100: any;
275
+ "focus-small": any;
276
+ "focus-small-outline": any;
277
+ "focus-large": any;
278
+ "focus-controls": any;
279
+ "focus-controls-error": any;
280
+ "focus-controls-success": any;
241
281
  };
242
282
  sizes: {
243
283
  readonly number: string;
@@ -511,63 +551,103 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
511
551
  };
512
552
  colors: {
513
553
  readonly black: any;
554
+ readonly 'blue-50': any;
514
555
  readonly 'blue-100': any;
556
+ readonly 'blue-150': any;
515
557
  readonly 'blue-200': any;
558
+ readonly 'blue-250': any;
516
559
  readonly 'blue-300': any;
560
+ readonly 'blue-350': any;
517
561
  readonly 'blue-400': any;
562
+ readonly 'blue-450': any;
518
563
  readonly 'blue-500': any;
564
+ readonly 'blue-550': any;
519
565
  readonly 'blue-600': any;
566
+ readonly 'blue-650': any;
520
567
  readonly 'blue-700': any;
568
+ readonly 'blue-750': any;
521
569
  readonly 'blue-800': any;
570
+ readonly 'blue-850': any;
522
571
  readonly 'blue-900': any;
523
- readonly 'blue-1000': any;
572
+ readonly 'blue-950': any;
573
+ readonly 'gray-50': any;
524
574
  readonly 'gray-100': any;
575
+ readonly 'gray-150': any;
525
576
  readonly 'gray-200': any;
577
+ readonly 'gray-250': any;
526
578
  readonly 'gray-300': any;
579
+ readonly 'gray-350': any;
527
580
  readonly 'gray-400': any;
581
+ readonly 'gray-450': any;
528
582
  readonly 'gray-500': any;
583
+ readonly 'gray-550': any;
529
584
  readonly 'gray-600': any;
585
+ readonly 'gray-650': any;
530
586
  readonly 'gray-700': any;
587
+ readonly 'gray-750': any;
531
588
  readonly 'gray-800': any;
589
+ readonly 'gray-850': any;
532
590
  readonly 'gray-900': any;
591
+ readonly 'gray-950': any;
592
+ readonly 'green-50': any;
533
593
  readonly 'green-100': any;
594
+ readonly 'green-150': any;
534
595
  readonly 'green-200': any;
596
+ readonly 'green-250': any;
535
597
  readonly 'green-300': any;
598
+ readonly 'green-350': any;
536
599
  readonly 'green-400': any;
600
+ readonly 'green-450': any;
537
601
  readonly 'green-500': any;
602
+ readonly 'green-550': any;
538
603
  readonly 'green-600': any;
604
+ readonly 'green-650': any;
539
605
  readonly 'green-700': any;
606
+ readonly 'green-750': any;
540
607
  readonly 'green-800': any;
608
+ readonly 'green-850': any;
541
609
  readonly 'green-900': any;
542
- readonly 'indigo-100': any;
543
- readonly 'indigo-200': any;
544
- readonly 'indigo-300': any;
545
- readonly 'indigo-400': any;
546
- readonly 'indigo-500': any;
547
- readonly 'indigo-600': any;
548
- readonly 'indigo-700': any;
549
- readonly 'indigo-800': any;
550
- readonly 'indigo-900': any;
610
+ readonly 'green-950': any;
611
+ readonly 'red-50': any;
551
612
  readonly 'red-100': any;
613
+ readonly 'red-150': any;
552
614
  readonly 'red-200': any;
615
+ readonly 'red-250': any;
553
616
  readonly 'red-300': any;
617
+ readonly 'red-350': any;
554
618
  readonly 'red-400': any;
619
+ readonly 'red-450': any;
555
620
  readonly 'red-500': any;
621
+ readonly 'red-550': any;
556
622
  readonly 'red-600': any;
623
+ readonly 'red-650': any;
557
624
  readonly 'red-700': any;
625
+ readonly 'red-750': any;
558
626
  readonly 'red-800': any;
627
+ readonly 'red-850': any;
559
628
  readonly 'red-900': any;
629
+ readonly 'red-950': any;
560
630
  readonly transparent: any;
561
631
  readonly white: any;
632
+ readonly 'yellow-50': any;
562
633
  readonly 'yellow-100': any;
634
+ readonly 'yellow-150': any;
563
635
  readonly 'yellow-200': any;
636
+ readonly 'yellow-250': any;
564
637
  readonly 'yellow-300': any;
638
+ readonly 'yellow-350': any;
565
639
  readonly 'yellow-400': any;
640
+ readonly 'yellow-450': any;
566
641
  readonly 'yellow-500': any;
642
+ readonly 'yellow-550': any;
567
643
  readonly 'yellow-600': any;
644
+ readonly 'yellow-650': any;
568
645
  readonly 'yellow-700': any;
646
+ readonly 'yellow-750': any;
569
647
  readonly 'yellow-800': any;
648
+ readonly 'yellow-850': any;
570
649
  readonly 'yellow-900': any;
650
+ readonly 'yellow-950': any;
571
651
  "background-alpha-active"?: any;
572
652
  "background-alpha-hover"?: any;
573
653
  "background-danger-prominent"?: any;
@@ -588,27 +668,19 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
588
668
  "background-neutrals-inverted-subtle"?: any;
589
669
  "background-neutrals-page"?: any;
590
670
  "background-neutrals-page-subtle"?: any;
591
- "background-neutrals-scrolls"?: any;
592
- "background-neutrals-scrolls-expanded"?: any;
593
- "background-neutrals-scrolls-hover"?: any;
594
- "background-neutrals-scrolls-pressed"?: any;
595
- "background-neutrals-scrolls-pressed-hover"?: any;
671
+ "background-neutrals-scrollbar"?: any;
672
+ "background-neutrals-scrollbar-active"?: any;
673
+ "background-neutrals-scrollbar-hover"?: any;
596
674
  "background-neutrals-subtle"?: any;
597
675
  "background-neutrals-subtle-active"?: any;
598
676
  "background-neutrals-subtle-hover"?: any;
599
677
  "background-primary-prominent"?: any;
600
678
  "background-primary-prominent-active"?: any;
601
- "background-primary-prominent-expanded"?: any;
602
679
  "background-primary-prominent-hover"?: any;
603
- "background-primary-prominent-pressed"?: any;
604
- "background-primary-prominent-pressed-hover"?: any;
605
680
  "background-primary-prominent-selected"?: any;
606
681
  "background-primary-subtle"?: any;
607
682
  "background-primary-subtle-active"?: any;
608
- "background-primary-subtle-expanded"?: any;
609
683
  "background-primary-subtle-hover"?: any;
610
- "background-primary-subtle-pressed"?: any;
611
- "background-primary-subtle-pressed-hover"?: any;
612
684
  "background-primary-subtle-selected"?: any;
613
685
  "background-success"?: any;
614
686
  "background-success-prominent"?: any;
@@ -619,9 +691,15 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
619
691
  "border-danger"?: any;
620
692
  "border-danger-active"?: any;
621
693
  "border-danger-hover"?: any;
694
+ "border-focus-error-inner"?: any;
695
+ "border-focus-error-middle"?: any;
696
+ "border-focus-error-outer"?: any;
622
697
  "border-focus-inner"?: any;
623
698
  "border-focus-middle"?: any;
624
699
  "border-focus-outer"?: any;
700
+ "border-focus-success-inner"?: any;
701
+ "border-focus-success-middle"?: any;
702
+ "border-focus-success-outer"?: any;
625
703
  "border-neutrals"?: any;
626
704
  "border-neutrals-active"?: any;
627
705
  "border-neutrals-controls"?: any;
@@ -714,21 +792,23 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
714
792
  readonly body: "Open Sans, sans-serif";
715
793
  };
716
794
  radii: {
717
- readonly none: 0;
718
- readonly half: "999em";
719
795
  readonly 25: "2px";
720
796
  readonly 50: "4px";
721
797
  readonly 75: "6px";
722
798
  readonly 100: "8px";
723
799
  readonly 200: "16px";
800
+ readonly half: "999px";
801
+ readonly none: "0px";
724
802
  };
725
803
  shadows: {
726
- 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";
727
- 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";
728
- 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";
729
- 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";
730
- 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";
731
- 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";
804
+ 50: any;
805
+ 100: any;
806
+ "focus-small": any;
807
+ "focus-small-outline": any;
808
+ "focus-large": any;
809
+ "focus-controls": any;
810
+ "focus-controls-error": any;
811
+ "focus-controls-success": any;
732
812
  };
733
813
  sizes: {
734
814
  readonly number: string;
@@ -1006,63 +1086,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1006
1086
  };
1007
1087
  colors: {
1008
1088
  readonly black: any;
1089
+ readonly 'blue-50': any;
1009
1090
  readonly 'blue-100': any;
1091
+ readonly 'blue-150': any;
1010
1092
  readonly 'blue-200': any;
1093
+ readonly 'blue-250': any;
1011
1094
  readonly 'blue-300': any;
1095
+ readonly 'blue-350': any;
1012
1096
  readonly 'blue-400': any;
1097
+ readonly 'blue-450': any;
1013
1098
  readonly 'blue-500': any;
1099
+ readonly 'blue-550': any;
1014
1100
  readonly 'blue-600': any;
1101
+ readonly 'blue-650': any;
1015
1102
  readonly 'blue-700': any;
1103
+ readonly 'blue-750': any;
1016
1104
  readonly 'blue-800': any;
1105
+ readonly 'blue-850': any;
1017
1106
  readonly 'blue-900': any;
1018
- readonly 'blue-1000': any;
1107
+ readonly 'blue-950': any;
1108
+ readonly 'gray-50': any;
1019
1109
  readonly 'gray-100': any;
1110
+ readonly 'gray-150': any;
1020
1111
  readonly 'gray-200': any;
1112
+ readonly 'gray-250': any;
1021
1113
  readonly 'gray-300': any;
1114
+ readonly 'gray-350': any;
1022
1115
  readonly 'gray-400': any;
1116
+ readonly 'gray-450': any;
1023
1117
  readonly 'gray-500': any;
1118
+ readonly 'gray-550': any;
1024
1119
  readonly 'gray-600': any;
1120
+ readonly 'gray-650': any;
1025
1121
  readonly 'gray-700': any;
1122
+ readonly 'gray-750': any;
1026
1123
  readonly 'gray-800': any;
1124
+ readonly 'gray-850': any;
1027
1125
  readonly 'gray-900': any;
1126
+ readonly 'gray-950': any;
1127
+ readonly 'green-50': any;
1028
1128
  readonly 'green-100': any;
1129
+ readonly 'green-150': any;
1029
1130
  readonly 'green-200': any;
1131
+ readonly 'green-250': any;
1030
1132
  readonly 'green-300': any;
1133
+ readonly 'green-350': any;
1031
1134
  readonly 'green-400': any;
1135
+ readonly 'green-450': any;
1032
1136
  readonly 'green-500': any;
1137
+ readonly 'green-550': any;
1033
1138
  readonly 'green-600': any;
1139
+ readonly 'green-650': any;
1034
1140
  readonly 'green-700': any;
1141
+ readonly 'green-750': any;
1035
1142
  readonly 'green-800': any;
1143
+ readonly 'green-850': any;
1036
1144
  readonly 'green-900': any;
1037
- readonly 'indigo-100': any;
1038
- readonly 'indigo-200': any;
1039
- readonly 'indigo-300': any;
1040
- readonly 'indigo-400': any;
1041
- readonly 'indigo-500': any;
1042
- readonly 'indigo-600': any;
1043
- readonly 'indigo-700': any;
1044
- readonly 'indigo-800': any;
1045
- readonly 'indigo-900': any;
1145
+ readonly 'green-950': any;
1146
+ readonly 'red-50': any;
1046
1147
  readonly 'red-100': any;
1148
+ readonly 'red-150': any;
1047
1149
  readonly 'red-200': any;
1150
+ readonly 'red-250': any;
1048
1151
  readonly 'red-300': any;
1152
+ readonly 'red-350': any;
1049
1153
  readonly 'red-400': any;
1154
+ readonly 'red-450': any;
1050
1155
  readonly 'red-500': any;
1156
+ readonly 'red-550': any;
1051
1157
  readonly 'red-600': any;
1158
+ readonly 'red-650': any;
1052
1159
  readonly 'red-700': any;
1160
+ readonly 'red-750': any;
1053
1161
  readonly 'red-800': any;
1162
+ readonly 'red-850': any;
1054
1163
  readonly 'red-900': any;
1164
+ readonly 'red-950': any;
1055
1165
  readonly transparent: any;
1056
1166
  readonly white: any;
1167
+ readonly 'yellow-50': any;
1057
1168
  readonly 'yellow-100': any;
1169
+ readonly 'yellow-150': any;
1058
1170
  readonly 'yellow-200': any;
1171
+ readonly 'yellow-250': any;
1059
1172
  readonly 'yellow-300': any;
1173
+ readonly 'yellow-350': any;
1060
1174
  readonly 'yellow-400': any;
1175
+ readonly 'yellow-450': any;
1061
1176
  readonly 'yellow-500': any;
1177
+ readonly 'yellow-550': any;
1062
1178
  readonly 'yellow-600': any;
1179
+ readonly 'yellow-650': any;
1063
1180
  readonly 'yellow-700': any;
1181
+ readonly 'yellow-750': any;
1064
1182
  readonly 'yellow-800': any;
1183
+ readonly 'yellow-850': any;
1065
1184
  readonly 'yellow-900': any;
1185
+ readonly 'yellow-950': any;
1066
1186
  "background-alpha-active"?: any;
1067
1187
  "background-alpha-hover"?: any;
1068
1188
  "background-danger-prominent"?: any;
@@ -1083,27 +1203,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1083
1203
  "background-neutrals-inverted-subtle"?: any;
1084
1204
  "background-neutrals-page"?: any;
1085
1205
  "background-neutrals-page-subtle"?: any;
1086
- "background-neutrals-scrolls"?: any;
1087
- "background-neutrals-scrolls-expanded"?: any;
1088
- "background-neutrals-scrolls-hover"?: any;
1089
- "background-neutrals-scrolls-pressed"?: any;
1090
- "background-neutrals-scrolls-pressed-hover"?: any;
1206
+ "background-neutrals-scrollbar"?: any;
1207
+ "background-neutrals-scrollbar-active"?: any;
1208
+ "background-neutrals-scrollbar-hover"?: any;
1091
1209
  "background-neutrals-subtle"?: any;
1092
1210
  "background-neutrals-subtle-active"?: any;
1093
1211
  "background-neutrals-subtle-hover"?: any;
1094
1212
  "background-primary-prominent"?: any;
1095
1213
  "background-primary-prominent-active"?: any;
1096
- "background-primary-prominent-expanded"?: any;
1097
1214
  "background-primary-prominent-hover"?: any;
1098
- "background-primary-prominent-pressed"?: any;
1099
- "background-primary-prominent-pressed-hover"?: any;
1100
1215
  "background-primary-prominent-selected"?: any;
1101
1216
  "background-primary-subtle"?: any;
1102
1217
  "background-primary-subtle-active"?: any;
1103
- "background-primary-subtle-expanded"?: any;
1104
1218
  "background-primary-subtle-hover"?: any;
1105
- "background-primary-subtle-pressed"?: any;
1106
- "background-primary-subtle-pressed-hover"?: any;
1107
1219
  "background-primary-subtle-selected"?: any;
1108
1220
  "background-success"?: any;
1109
1221
  "background-success-prominent"?: any;
@@ -1114,9 +1226,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1114
1226
  "border-danger"?: any;
1115
1227
  "border-danger-active"?: any;
1116
1228
  "border-danger-hover"?: any;
1229
+ "border-focus-error-inner"?: any;
1230
+ "border-focus-error-middle"?: any;
1231
+ "border-focus-error-outer"?: any;
1117
1232
  "border-focus-inner"?: any;
1118
1233
  "border-focus-middle"?: any;
1119
1234
  "border-focus-outer"?: any;
1235
+ "border-focus-success-inner"?: any;
1236
+ "border-focus-success-middle"?: any;
1237
+ "border-focus-success-outer"?: any;
1120
1238
  "border-neutrals"?: any;
1121
1239
  "border-neutrals-active"?: any;
1122
1240
  "border-neutrals-controls"?: any;
@@ -1209,21 +1327,23 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1209
1327
  readonly body: "Open Sans, sans-serif";
1210
1328
  };
1211
1329
  radii: {
1212
- readonly none: 0;
1213
- readonly half: "999em";
1214
1330
  readonly 25: "2px";
1215
1331
  readonly 50: "4px";
1216
1332
  readonly 75: "6px";
1217
1333
  readonly 100: "8px";
1218
1334
  readonly 200: "16px";
1335
+ readonly half: "999px";
1336
+ readonly none: "0px";
1219
1337
  };
1220
1338
  shadows: {
1221
- 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";
1222
- 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";
1223
- 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";
1224
- 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";
1225
- 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";
1226
- 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";
1339
+ 50: any;
1340
+ 100: any;
1341
+ "focus-small": any;
1342
+ "focus-small-outline": any;
1343
+ "focus-large": any;
1344
+ "focus-controls": any;
1345
+ "focus-controls-error": any;
1346
+ "focus-controls-success": any;
1227
1347
  };
1228
1348
  sizes: {
1229
1349
  readonly number: string;
@@ -1524,63 +1644,103 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1524
1644
  };
1525
1645
  colors: {
1526
1646
  readonly black: any;
1647
+ readonly 'blue-50': any;
1527
1648
  readonly 'blue-100': any;
1649
+ readonly 'blue-150': any;
1528
1650
  readonly 'blue-200': any;
1651
+ readonly 'blue-250': any;
1529
1652
  readonly 'blue-300': any;
1653
+ readonly 'blue-350': any;
1530
1654
  readonly 'blue-400': any;
1655
+ readonly 'blue-450': any;
1531
1656
  readonly 'blue-500': any;
1657
+ readonly 'blue-550': any;
1532
1658
  readonly 'blue-600': any;
1659
+ readonly 'blue-650': any;
1533
1660
  readonly 'blue-700': any;
1661
+ readonly 'blue-750': any;
1534
1662
  readonly 'blue-800': any;
1663
+ readonly 'blue-850': any;
1535
1664
  readonly 'blue-900': any;
1536
- readonly 'blue-1000': any;
1665
+ readonly 'blue-950': any;
1666
+ readonly 'gray-50': any;
1537
1667
  readonly 'gray-100': any;
1668
+ readonly 'gray-150': any;
1538
1669
  readonly 'gray-200': any;
1670
+ readonly 'gray-250': any;
1539
1671
  readonly 'gray-300': any;
1672
+ readonly 'gray-350': any;
1540
1673
  readonly 'gray-400': any;
1674
+ readonly 'gray-450': any;
1541
1675
  readonly 'gray-500': any;
1676
+ readonly 'gray-550': any;
1542
1677
  readonly 'gray-600': any;
1678
+ readonly 'gray-650': any;
1543
1679
  readonly 'gray-700': any;
1680
+ readonly 'gray-750': any;
1544
1681
  readonly 'gray-800': any;
1682
+ readonly 'gray-850': any;
1545
1683
  readonly 'gray-900': any;
1684
+ readonly 'gray-950': any;
1685
+ readonly 'green-50': any;
1546
1686
  readonly 'green-100': any;
1687
+ readonly 'green-150': any;
1547
1688
  readonly 'green-200': any;
1689
+ readonly 'green-250': any;
1548
1690
  readonly 'green-300': any;
1691
+ readonly 'green-350': any;
1549
1692
  readonly 'green-400': any;
1693
+ readonly 'green-450': any;
1550
1694
  readonly 'green-500': any;
1695
+ readonly 'green-550': any;
1551
1696
  readonly 'green-600': any;
1697
+ readonly 'green-650': any;
1552
1698
  readonly 'green-700': any;
1699
+ readonly 'green-750': any;
1553
1700
  readonly 'green-800': any;
1701
+ readonly 'green-850': any;
1554
1702
  readonly 'green-900': any;
1555
- readonly 'indigo-100': any;
1556
- readonly 'indigo-200': any;
1557
- readonly 'indigo-300': any;
1558
- readonly 'indigo-400': any;
1559
- readonly 'indigo-500': any;
1560
- readonly 'indigo-600': any;
1561
- readonly 'indigo-700': any;
1562
- readonly 'indigo-800': any;
1563
- readonly 'indigo-900': any;
1703
+ readonly 'green-950': any;
1704
+ readonly 'red-50': any;
1564
1705
  readonly 'red-100': any;
1706
+ readonly 'red-150': any;
1565
1707
  readonly 'red-200': any;
1708
+ readonly 'red-250': any;
1566
1709
  readonly 'red-300': any;
1710
+ readonly 'red-350': any;
1567
1711
  readonly 'red-400': any;
1712
+ readonly 'red-450': any;
1568
1713
  readonly 'red-500': any;
1714
+ readonly 'red-550': any;
1569
1715
  readonly 'red-600': any;
1716
+ readonly 'red-650': any;
1570
1717
  readonly 'red-700': any;
1718
+ readonly 'red-750': any;
1571
1719
  readonly 'red-800': any;
1720
+ readonly 'red-850': any;
1572
1721
  readonly 'red-900': any;
1722
+ readonly 'red-950': any;
1573
1723
  readonly transparent: any;
1574
1724
  readonly white: any;
1725
+ readonly 'yellow-50': any;
1575
1726
  readonly 'yellow-100': any;
1727
+ readonly 'yellow-150': any;
1576
1728
  readonly 'yellow-200': any;
1729
+ readonly 'yellow-250': any;
1577
1730
  readonly 'yellow-300': any;
1731
+ readonly 'yellow-350': any;
1578
1732
  readonly 'yellow-400': any;
1733
+ readonly 'yellow-450': any;
1579
1734
  readonly 'yellow-500': any;
1735
+ readonly 'yellow-550': any;
1580
1736
  readonly 'yellow-600': any;
1737
+ readonly 'yellow-650': any;
1581
1738
  readonly 'yellow-700': any;
1739
+ readonly 'yellow-750': any;
1582
1740
  readonly 'yellow-800': any;
1741
+ readonly 'yellow-850': any;
1583
1742
  readonly 'yellow-900': any;
1743
+ readonly 'yellow-950': any;
1584
1744
  "background-alpha-active"?: any;
1585
1745
  "background-alpha-hover"?: any;
1586
1746
  "background-danger-prominent"?: any;
@@ -1601,27 +1761,19 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1601
1761
  "background-neutrals-inverted-subtle"?: any;
1602
1762
  "background-neutrals-page"?: any;
1603
1763
  "background-neutrals-page-subtle"?: any;
1604
- "background-neutrals-scrolls"?: any;
1605
- "background-neutrals-scrolls-expanded"?: any;
1606
- "background-neutrals-scrolls-hover"?: any;
1607
- "background-neutrals-scrolls-pressed"?: any;
1608
- "background-neutrals-scrolls-pressed-hover"?: any;
1764
+ "background-neutrals-scrollbar"?: any;
1765
+ "background-neutrals-scrollbar-active"?: any;
1766
+ "background-neutrals-scrollbar-hover"?: any;
1609
1767
  "background-neutrals-subtle"?: any;
1610
1768
  "background-neutrals-subtle-active"?: any;
1611
1769
  "background-neutrals-subtle-hover"?: any;
1612
1770
  "background-primary-prominent"?: any;
1613
1771
  "background-primary-prominent-active"?: any;
1614
- "background-primary-prominent-expanded"?: any;
1615
1772
  "background-primary-prominent-hover"?: any;
1616
- "background-primary-prominent-pressed"?: any;
1617
- "background-primary-prominent-pressed-hover"?: any;
1618
1773
  "background-primary-prominent-selected"?: any;
1619
1774
  "background-primary-subtle"?: any;
1620
1775
  "background-primary-subtle-active"?: any;
1621
- "background-primary-subtle-expanded"?: any;
1622
1776
  "background-primary-subtle-hover"?: any;
1623
- "background-primary-subtle-pressed"?: any;
1624
- "background-primary-subtle-pressed-hover"?: any;
1625
1777
  "background-primary-subtle-selected"?: any;
1626
1778
  "background-success"?: any;
1627
1779
  "background-success-prominent"?: any;
@@ -1632,9 +1784,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1632
1784
  "border-danger"?: any;
1633
1785
  "border-danger-active"?: any;
1634
1786
  "border-danger-hover"?: any;
1787
+ "border-focus-error-inner"?: any;
1788
+ "border-focus-error-middle"?: any;
1789
+ "border-focus-error-outer"?: any;
1635
1790
  "border-focus-inner"?: any;
1636
1791
  "border-focus-middle"?: any;
1637
1792
  "border-focus-outer"?: any;
1793
+ "border-focus-success-inner"?: any;
1794
+ "border-focus-success-middle"?: any;
1795
+ "border-focus-success-outer"?: any;
1638
1796
  "border-neutrals"?: any;
1639
1797
  "border-neutrals-active"?: any;
1640
1798
  "border-neutrals-controls"?: any;
@@ -1727,21 +1885,23 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1727
1885
  readonly body: "Open Sans, sans-serif";
1728
1886
  };
1729
1887
  radii: {
1730
- readonly none: 0;
1731
- readonly half: "999em";
1732
1888
  readonly 25: "2px";
1733
1889
  readonly 50: "4px";
1734
1890
  readonly 75: "6px";
1735
1891
  readonly 100: "8px";
1736
1892
  readonly 200: "16px";
1893
+ readonly half: "999px";
1894
+ readonly none: "0px";
1737
1895
  };
1738
1896
  shadows: {
1739
- 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";
1740
- 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";
1741
- 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";
1742
- 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";
1743
- 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";
1744
- 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";
1897
+ 50: any;
1898
+ 100: any;
1899
+ "focus-small": any;
1900
+ "focus-small-outline": any;
1901
+ "focus-large": any;
1902
+ "focus-controls": any;
1903
+ "focus-controls-error": any;
1904
+ "focus-controls-success": any;
1745
1905
  };
1746
1906
  sizes: {
1747
1907
  readonly number: string;
@@ -2046,63 +2206,103 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2046
2206
  };
2047
2207
  colors: {
2048
2208
  readonly black: any;
2209
+ readonly 'blue-50': any;
2049
2210
  readonly 'blue-100': any;
2211
+ readonly 'blue-150': any;
2050
2212
  readonly 'blue-200': any;
2213
+ readonly 'blue-250': any;
2051
2214
  readonly 'blue-300': any;
2215
+ readonly 'blue-350': any;
2052
2216
  readonly 'blue-400': any;
2217
+ readonly 'blue-450': any;
2053
2218
  readonly 'blue-500': any;
2219
+ readonly 'blue-550': any;
2054
2220
  readonly 'blue-600': any;
2221
+ readonly 'blue-650': any;
2055
2222
  readonly 'blue-700': any;
2223
+ readonly 'blue-750': any;
2056
2224
  readonly 'blue-800': any;
2225
+ readonly 'blue-850': any;
2057
2226
  readonly 'blue-900': any;
2058
- readonly 'blue-1000': any;
2227
+ readonly 'blue-950': any;
2228
+ readonly 'gray-50': any;
2059
2229
  readonly 'gray-100': any;
2230
+ readonly 'gray-150': any;
2060
2231
  readonly 'gray-200': any;
2232
+ readonly 'gray-250': any;
2061
2233
  readonly 'gray-300': any;
2234
+ readonly 'gray-350': any;
2062
2235
  readonly 'gray-400': any;
2236
+ readonly 'gray-450': any;
2063
2237
  readonly 'gray-500': any;
2238
+ readonly 'gray-550': any;
2064
2239
  readonly 'gray-600': any;
2240
+ readonly 'gray-650': any;
2065
2241
  readonly 'gray-700': any;
2242
+ readonly 'gray-750': any;
2066
2243
  readonly 'gray-800': any;
2244
+ readonly 'gray-850': any;
2067
2245
  readonly 'gray-900': any;
2246
+ readonly 'gray-950': any;
2247
+ readonly 'green-50': any;
2068
2248
  readonly 'green-100': any;
2249
+ readonly 'green-150': any;
2069
2250
  readonly 'green-200': any;
2251
+ readonly 'green-250': any;
2070
2252
  readonly 'green-300': any;
2253
+ readonly 'green-350': any;
2071
2254
  readonly 'green-400': any;
2255
+ readonly 'green-450': any;
2072
2256
  readonly 'green-500': any;
2257
+ readonly 'green-550': any;
2073
2258
  readonly 'green-600': any;
2259
+ readonly 'green-650': any;
2074
2260
  readonly 'green-700': any;
2261
+ readonly 'green-750': any;
2075
2262
  readonly 'green-800': any;
2263
+ readonly 'green-850': any;
2076
2264
  readonly 'green-900': any;
2077
- readonly 'indigo-100': any;
2078
- readonly 'indigo-200': any;
2079
- readonly 'indigo-300': any;
2080
- readonly 'indigo-400': any;
2081
- readonly 'indigo-500': any;
2082
- readonly 'indigo-600': any;
2083
- readonly 'indigo-700': any;
2084
- readonly 'indigo-800': any;
2085
- readonly 'indigo-900': any;
2265
+ readonly 'green-950': any;
2266
+ readonly 'red-50': any;
2086
2267
  readonly 'red-100': any;
2268
+ readonly 'red-150': any;
2087
2269
  readonly 'red-200': any;
2270
+ readonly 'red-250': any;
2088
2271
  readonly 'red-300': any;
2272
+ readonly 'red-350': any;
2089
2273
  readonly 'red-400': any;
2274
+ readonly 'red-450': any;
2090
2275
  readonly 'red-500': any;
2276
+ readonly 'red-550': any;
2091
2277
  readonly 'red-600': any;
2278
+ readonly 'red-650': any;
2092
2279
  readonly 'red-700': any;
2280
+ readonly 'red-750': any;
2093
2281
  readonly 'red-800': any;
2282
+ readonly 'red-850': any;
2094
2283
  readonly 'red-900': any;
2284
+ readonly 'red-950': any;
2095
2285
  readonly transparent: any;
2096
2286
  readonly white: any;
2287
+ readonly 'yellow-50': any;
2097
2288
  readonly 'yellow-100': any;
2289
+ readonly 'yellow-150': any;
2098
2290
  readonly 'yellow-200': any;
2291
+ readonly 'yellow-250': any;
2099
2292
  readonly 'yellow-300': any;
2293
+ readonly 'yellow-350': any;
2100
2294
  readonly 'yellow-400': any;
2295
+ readonly 'yellow-450': any;
2101
2296
  readonly 'yellow-500': any;
2297
+ readonly 'yellow-550': any;
2102
2298
  readonly 'yellow-600': any;
2299
+ readonly 'yellow-650': any;
2103
2300
  readonly 'yellow-700': any;
2301
+ readonly 'yellow-750': any;
2104
2302
  readonly 'yellow-800': any;
2303
+ readonly 'yellow-850': any;
2105
2304
  readonly 'yellow-900': any;
2305
+ readonly 'yellow-950': any;
2106
2306
  "background-alpha-active"?: any;
2107
2307
  "background-alpha-hover"?: any;
2108
2308
  "background-danger-prominent"?: any;
@@ -2123,27 +2323,19 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2123
2323
  "background-neutrals-inverted-subtle"?: any;
2124
2324
  "background-neutrals-page"?: any;
2125
2325
  "background-neutrals-page-subtle"?: any;
2126
- "background-neutrals-scrolls"?: any;
2127
- "background-neutrals-scrolls-expanded"?: any;
2128
- "background-neutrals-scrolls-hover"?: any;
2129
- "background-neutrals-scrolls-pressed"?: any;
2130
- "background-neutrals-scrolls-pressed-hover"?: any;
2326
+ "background-neutrals-scrollbar"?: any;
2327
+ "background-neutrals-scrollbar-active"?: any;
2328
+ "background-neutrals-scrollbar-hover"?: any;
2131
2329
  "background-neutrals-subtle"?: any;
2132
2330
  "background-neutrals-subtle-active"?: any;
2133
2331
  "background-neutrals-subtle-hover"?: any;
2134
2332
  "background-primary-prominent"?: any;
2135
2333
  "background-primary-prominent-active"?: any;
2136
- "background-primary-prominent-expanded"?: any;
2137
2334
  "background-primary-prominent-hover"?: any;
2138
- "background-primary-prominent-pressed"?: any;
2139
- "background-primary-prominent-pressed-hover"?: any;
2140
2335
  "background-primary-prominent-selected"?: any;
2141
2336
  "background-primary-subtle"?: any;
2142
2337
  "background-primary-subtle-active"?: any;
2143
- "background-primary-subtle-expanded"?: any;
2144
2338
  "background-primary-subtle-hover"?: any;
2145
- "background-primary-subtle-pressed"?: any;
2146
- "background-primary-subtle-pressed-hover"?: any;
2147
2339
  "background-primary-subtle-selected"?: any;
2148
2340
  "background-success"?: any;
2149
2341
  "background-success-prominent"?: any;
@@ -2154,9 +2346,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2154
2346
  "border-danger"?: any;
2155
2347
  "border-danger-active"?: any;
2156
2348
  "border-danger-hover"?: any;
2349
+ "border-focus-error-inner"?: any;
2350
+ "border-focus-error-middle"?: any;
2351
+ "border-focus-error-outer"?: any;
2157
2352
  "border-focus-inner"?: any;
2158
2353
  "border-focus-middle"?: any;
2159
2354
  "border-focus-outer"?: any;
2355
+ "border-focus-success-inner"?: any;
2356
+ "border-focus-success-middle"?: any;
2357
+ "border-focus-success-outer"?: any;
2160
2358
  "border-neutrals"?: any;
2161
2359
  "border-neutrals-active"?: any;
2162
2360
  "border-neutrals-controls"?: any;
@@ -2249,21 +2447,23 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2249
2447
  readonly body: "Open Sans, sans-serif";
2250
2448
  };
2251
2449
  radii: {
2252
- readonly none: 0;
2253
- readonly half: "999em";
2254
2450
  readonly 25: "2px";
2255
2451
  readonly 50: "4px";
2256
2452
  readonly 75: "6px";
2257
2453
  readonly 100: "8px";
2258
2454
  readonly 200: "16px";
2455
+ readonly half: "999px";
2456
+ readonly none: "0px";
2259
2457
  };
2260
2458
  shadows: {
2261
- 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";
2262
- 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";
2263
- 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";
2264
- 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";
2265
- 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";
2266
- 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";
2459
+ 50: any;
2460
+ 100: any;
2461
+ "focus-small": any;
2462
+ "focus-small-outline": any;
2463
+ "focus-large": any;
2464
+ "focus-controls": any;
2465
+ "focus-controls-error": any;
2466
+ "focus-controls-success": any;
2267
2467
  };
2268
2468
  sizes: {
2269
2469
  readonly number: string;
@@ -2669,63 +2869,103 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2669
2869
  };
2670
2870
  colors: {
2671
2871
  readonly black: any;
2872
+ readonly 'blue-50': any;
2672
2873
  readonly 'blue-100': any;
2874
+ readonly 'blue-150': any;
2673
2875
  readonly 'blue-200': any;
2876
+ readonly 'blue-250': any;
2674
2877
  readonly 'blue-300': any;
2878
+ readonly 'blue-350': any;
2675
2879
  readonly 'blue-400': any;
2880
+ readonly 'blue-450': any;
2676
2881
  readonly 'blue-500': any;
2882
+ readonly 'blue-550': any;
2677
2883
  readonly 'blue-600': any;
2884
+ readonly 'blue-650': any;
2678
2885
  readonly 'blue-700': any;
2886
+ readonly 'blue-750': any;
2679
2887
  readonly 'blue-800': any;
2888
+ readonly 'blue-850': any;
2680
2889
  readonly 'blue-900': any;
2681
- readonly 'blue-1000': any;
2890
+ readonly 'blue-950': any;
2891
+ readonly 'gray-50': any;
2682
2892
  readonly 'gray-100': any;
2893
+ readonly 'gray-150': any;
2683
2894
  readonly 'gray-200': any;
2895
+ readonly 'gray-250': any;
2684
2896
  readonly 'gray-300': any;
2897
+ readonly 'gray-350': any;
2685
2898
  readonly 'gray-400': any;
2899
+ readonly 'gray-450': any;
2686
2900
  readonly 'gray-500': any;
2901
+ readonly 'gray-550': any;
2687
2902
  readonly 'gray-600': any;
2903
+ readonly 'gray-650': any;
2688
2904
  readonly 'gray-700': any;
2905
+ readonly 'gray-750': any;
2689
2906
  readonly 'gray-800': any;
2907
+ readonly 'gray-850': any;
2690
2908
  readonly 'gray-900': any;
2909
+ readonly 'gray-950': any;
2910
+ readonly 'green-50': any;
2691
2911
  readonly 'green-100': any;
2912
+ readonly 'green-150': any;
2692
2913
  readonly 'green-200': any;
2914
+ readonly 'green-250': any;
2693
2915
  readonly 'green-300': any;
2916
+ readonly 'green-350': any;
2694
2917
  readonly 'green-400': any;
2918
+ readonly 'green-450': any;
2695
2919
  readonly 'green-500': any;
2920
+ readonly 'green-550': any;
2696
2921
  readonly 'green-600': any;
2922
+ readonly 'green-650': any;
2697
2923
  readonly 'green-700': any;
2924
+ readonly 'green-750': any;
2698
2925
  readonly 'green-800': any;
2926
+ readonly 'green-850': any;
2699
2927
  readonly 'green-900': any;
2700
- readonly 'indigo-100': any;
2701
- readonly 'indigo-200': any;
2702
- readonly 'indigo-300': any;
2703
- readonly 'indigo-400': any;
2704
- readonly 'indigo-500': any;
2705
- readonly 'indigo-600': any;
2706
- readonly 'indigo-700': any;
2707
- readonly 'indigo-800': any;
2708
- readonly 'indigo-900': any;
2928
+ readonly 'green-950': any;
2929
+ readonly 'red-50': any;
2709
2930
  readonly 'red-100': any;
2931
+ readonly 'red-150': any;
2710
2932
  readonly 'red-200': any;
2933
+ readonly 'red-250': any;
2711
2934
  readonly 'red-300': any;
2935
+ readonly 'red-350': any;
2712
2936
  readonly 'red-400': any;
2937
+ readonly 'red-450': any;
2713
2938
  readonly 'red-500': any;
2939
+ readonly 'red-550': any;
2714
2940
  readonly 'red-600': any;
2941
+ readonly 'red-650': any;
2715
2942
  readonly 'red-700': any;
2943
+ readonly 'red-750': any;
2716
2944
  readonly 'red-800': any;
2945
+ readonly 'red-850': any;
2717
2946
  readonly 'red-900': any;
2947
+ readonly 'red-950': any;
2718
2948
  readonly transparent: any;
2719
2949
  readonly white: any;
2950
+ readonly 'yellow-50': any;
2720
2951
  readonly 'yellow-100': any;
2952
+ readonly 'yellow-150': any;
2721
2953
  readonly 'yellow-200': any;
2954
+ readonly 'yellow-250': any;
2722
2955
  readonly 'yellow-300': any;
2956
+ readonly 'yellow-350': any;
2723
2957
  readonly 'yellow-400': any;
2958
+ readonly 'yellow-450': any;
2724
2959
  readonly 'yellow-500': any;
2960
+ readonly 'yellow-550': any;
2725
2961
  readonly 'yellow-600': any;
2962
+ readonly 'yellow-650': any;
2726
2963
  readonly 'yellow-700': any;
2964
+ readonly 'yellow-750': any;
2727
2965
  readonly 'yellow-800': any;
2966
+ readonly 'yellow-850': any;
2728
2967
  readonly 'yellow-900': any;
2968
+ readonly 'yellow-950': any;
2729
2969
  "background-alpha-active"?: any;
2730
2970
  "background-alpha-hover"?: any;
2731
2971
  "background-danger-prominent"?: any;
@@ -2746,27 +2986,19 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2746
2986
  "background-neutrals-inverted-subtle"?: any;
2747
2987
  "background-neutrals-page"?: any;
2748
2988
  "background-neutrals-page-subtle"?: any;
2749
- "background-neutrals-scrolls"?: any;
2750
- "background-neutrals-scrolls-expanded"?: any;
2751
- "background-neutrals-scrolls-hover"?: any;
2752
- "background-neutrals-scrolls-pressed"?: any;
2753
- "background-neutrals-scrolls-pressed-hover"?: any;
2989
+ "background-neutrals-scrollbar"?: any;
2990
+ "background-neutrals-scrollbar-active"?: any;
2991
+ "background-neutrals-scrollbar-hover"?: any;
2754
2992
  "background-neutrals-subtle"?: any;
2755
2993
  "background-neutrals-subtle-active"?: any;
2756
2994
  "background-neutrals-subtle-hover"?: any;
2757
2995
  "background-primary-prominent"?: any;
2758
2996
  "background-primary-prominent-active"?: any;
2759
- "background-primary-prominent-expanded"?: any;
2760
2997
  "background-primary-prominent-hover"?: any;
2761
- "background-primary-prominent-pressed"?: any;
2762
- "background-primary-prominent-pressed-hover"?: any;
2763
2998
  "background-primary-prominent-selected"?: any;
2764
2999
  "background-primary-subtle"?: any;
2765
3000
  "background-primary-subtle-active"?: any;
2766
- "background-primary-subtle-expanded"?: any;
2767
3001
  "background-primary-subtle-hover"?: any;
2768
- "background-primary-subtle-pressed"?: any;
2769
- "background-primary-subtle-pressed-hover"?: any;
2770
3002
  "background-primary-subtle-selected"?: any;
2771
3003
  "background-success"?: any;
2772
3004
  "background-success-prominent"?: any;
@@ -2777,9 +3009,15 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2777
3009
  "border-danger"?: any;
2778
3010
  "border-danger-active"?: any;
2779
3011
  "border-danger-hover"?: any;
3012
+ "border-focus-error-inner"?: any;
3013
+ "border-focus-error-middle"?: any;
3014
+ "border-focus-error-outer"?: any;
2780
3015
  "border-focus-inner"?: any;
2781
3016
  "border-focus-middle"?: any;
2782
3017
  "border-focus-outer"?: any;
3018
+ "border-focus-success-inner"?: any;
3019
+ "border-focus-success-middle"?: any;
3020
+ "border-focus-success-outer"?: any;
2783
3021
  "border-neutrals"?: any;
2784
3022
  "border-neutrals-active"?: any;
2785
3023
  "border-neutrals-controls"?: any;
@@ -2872,21 +3110,23 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2872
3110
  readonly body: "Open Sans, sans-serif";
2873
3111
  };
2874
3112
  radii: {
2875
- readonly none: 0;
2876
- readonly half: "999em";
2877
3113
  readonly 25: "2px";
2878
3114
  readonly 50: "4px";
2879
3115
  readonly 75: "6px";
2880
3116
  readonly 100: "8px";
2881
3117
  readonly 200: "16px";
3118
+ readonly half: "999px";
3119
+ readonly none: "0px";
2882
3120
  };
2883
3121
  shadows: {
2884
- 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";
2885
- 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";
2886
- 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";
2887
- 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";
2888
- 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";
2889
- 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";
3122
+ 50: any;
3123
+ 100: any;
3124
+ "focus-small": any;
3125
+ "focus-small-outline": any;
3126
+ "focus-large": any;
3127
+ "focus-controls": any;
3128
+ "focus-controls-error": any;
3129
+ "focus-controls-success": any;
2890
3130
  };
2891
3131
  sizes: {
2892
3132
  readonly number: string;
@@ -3164,63 +3404,103 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3164
3404
  };
3165
3405
  colors: {
3166
3406
  readonly black: any;
3407
+ readonly 'blue-50': any;
3167
3408
  readonly 'blue-100': any;
3409
+ readonly 'blue-150': any;
3168
3410
  readonly 'blue-200': any;
3411
+ readonly 'blue-250': any;
3169
3412
  readonly 'blue-300': any;
3413
+ readonly 'blue-350': any;
3170
3414
  readonly 'blue-400': any;
3415
+ readonly 'blue-450': any;
3171
3416
  readonly 'blue-500': any;
3417
+ readonly 'blue-550': any;
3172
3418
  readonly 'blue-600': any;
3419
+ readonly 'blue-650': any;
3173
3420
  readonly 'blue-700': any;
3421
+ readonly 'blue-750': any;
3174
3422
  readonly 'blue-800': any;
3423
+ readonly 'blue-850': any;
3175
3424
  readonly 'blue-900': any;
3176
- readonly 'blue-1000': any;
3425
+ readonly 'blue-950': any;
3426
+ readonly 'gray-50': any;
3177
3427
  readonly 'gray-100': any;
3428
+ readonly 'gray-150': any;
3178
3429
  readonly 'gray-200': any;
3430
+ readonly 'gray-250': any;
3179
3431
  readonly 'gray-300': any;
3432
+ readonly 'gray-350': any;
3180
3433
  readonly 'gray-400': any;
3434
+ readonly 'gray-450': any;
3181
3435
  readonly 'gray-500': any;
3436
+ readonly 'gray-550': any;
3182
3437
  readonly 'gray-600': any;
3438
+ readonly 'gray-650': any;
3183
3439
  readonly 'gray-700': any;
3440
+ readonly 'gray-750': any;
3184
3441
  readonly 'gray-800': any;
3442
+ readonly 'gray-850': any;
3185
3443
  readonly 'gray-900': any;
3444
+ readonly 'gray-950': any;
3445
+ readonly 'green-50': any;
3186
3446
  readonly 'green-100': any;
3447
+ readonly 'green-150': any;
3187
3448
  readonly 'green-200': any;
3449
+ readonly 'green-250': any;
3188
3450
  readonly 'green-300': any;
3451
+ readonly 'green-350': any;
3189
3452
  readonly 'green-400': any;
3453
+ readonly 'green-450': any;
3190
3454
  readonly 'green-500': any;
3455
+ readonly 'green-550': any;
3191
3456
  readonly 'green-600': any;
3457
+ readonly 'green-650': any;
3192
3458
  readonly 'green-700': any;
3459
+ readonly 'green-750': any;
3193
3460
  readonly 'green-800': any;
3461
+ readonly 'green-850': any;
3194
3462
  readonly 'green-900': any;
3195
- readonly 'indigo-100': any;
3196
- readonly 'indigo-200': any;
3197
- readonly 'indigo-300': any;
3198
- readonly 'indigo-400': any;
3199
- readonly 'indigo-500': any;
3200
- readonly 'indigo-600': any;
3201
- readonly 'indigo-700': any;
3202
- readonly 'indigo-800': any;
3203
- readonly 'indigo-900': any;
3463
+ readonly 'green-950': any;
3464
+ readonly 'red-50': any;
3204
3465
  readonly 'red-100': any;
3466
+ readonly 'red-150': any;
3205
3467
  readonly 'red-200': any;
3468
+ readonly 'red-250': any;
3206
3469
  readonly 'red-300': any;
3470
+ readonly 'red-350': any;
3207
3471
  readonly 'red-400': any;
3472
+ readonly 'red-450': any;
3208
3473
  readonly 'red-500': any;
3474
+ readonly 'red-550': any;
3209
3475
  readonly 'red-600': any;
3476
+ readonly 'red-650': any;
3210
3477
  readonly 'red-700': any;
3478
+ readonly 'red-750': any;
3211
3479
  readonly 'red-800': any;
3480
+ readonly 'red-850': any;
3212
3481
  readonly 'red-900': any;
3482
+ readonly 'red-950': any;
3213
3483
  readonly transparent: any;
3214
3484
  readonly white: any;
3485
+ readonly 'yellow-50': any;
3215
3486
  readonly 'yellow-100': any;
3487
+ readonly 'yellow-150': any;
3216
3488
  readonly 'yellow-200': any;
3489
+ readonly 'yellow-250': any;
3217
3490
  readonly 'yellow-300': any;
3491
+ readonly 'yellow-350': any;
3218
3492
  readonly 'yellow-400': any;
3493
+ readonly 'yellow-450': any;
3219
3494
  readonly 'yellow-500': any;
3495
+ readonly 'yellow-550': any;
3220
3496
  readonly 'yellow-600': any;
3497
+ readonly 'yellow-650': any;
3221
3498
  readonly 'yellow-700': any;
3499
+ readonly 'yellow-750': any;
3222
3500
  readonly 'yellow-800': any;
3501
+ readonly 'yellow-850': any;
3223
3502
  readonly 'yellow-900': any;
3503
+ readonly 'yellow-950': any;
3224
3504
  "background-alpha-active"?: any;
3225
3505
  "background-alpha-hover"?: any;
3226
3506
  "background-danger-prominent"?: any;
@@ -3241,27 +3521,19 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3241
3521
  "background-neutrals-inverted-subtle"?: any;
3242
3522
  "background-neutrals-page"?: any;
3243
3523
  "background-neutrals-page-subtle"?: any;
3244
- "background-neutrals-scrolls"?: any;
3245
- "background-neutrals-scrolls-expanded"?: any;
3246
- "background-neutrals-scrolls-hover"?: any;
3247
- "background-neutrals-scrolls-pressed"?: any;
3248
- "background-neutrals-scrolls-pressed-hover"?: any;
3524
+ "background-neutrals-scrollbar"?: any;
3525
+ "background-neutrals-scrollbar-active"?: any;
3526
+ "background-neutrals-scrollbar-hover"?: any;
3249
3527
  "background-neutrals-subtle"?: any;
3250
3528
  "background-neutrals-subtle-active"?: any;
3251
3529
  "background-neutrals-subtle-hover"?: any;
3252
3530
  "background-primary-prominent"?: any;
3253
3531
  "background-primary-prominent-active"?: any;
3254
- "background-primary-prominent-expanded"?: any;
3255
3532
  "background-primary-prominent-hover"?: any;
3256
- "background-primary-prominent-pressed"?: any;
3257
- "background-primary-prominent-pressed-hover"?: any;
3258
3533
  "background-primary-prominent-selected"?: any;
3259
3534
  "background-primary-subtle"?: any;
3260
3535
  "background-primary-subtle-active"?: any;
3261
- "background-primary-subtle-expanded"?: any;
3262
3536
  "background-primary-subtle-hover"?: any;
3263
- "background-primary-subtle-pressed"?: any;
3264
- "background-primary-subtle-pressed-hover"?: any;
3265
3537
  "background-primary-subtle-selected"?: any;
3266
3538
  "background-success"?: any;
3267
3539
  "background-success-prominent"?: any;
@@ -3272,9 +3544,15 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3272
3544
  "border-danger"?: any;
3273
3545
  "border-danger-active"?: any;
3274
3546
  "border-danger-hover"?: any;
3547
+ "border-focus-error-inner"?: any;
3548
+ "border-focus-error-middle"?: any;
3549
+ "border-focus-error-outer"?: any;
3275
3550
  "border-focus-inner"?: any;
3276
3551
  "border-focus-middle"?: any;
3277
3552
  "border-focus-outer"?: any;
3553
+ "border-focus-success-inner"?: any;
3554
+ "border-focus-success-middle"?: any;
3555
+ "border-focus-success-outer"?: any;
3278
3556
  "border-neutrals"?: any;
3279
3557
  "border-neutrals-active"?: any;
3280
3558
  "border-neutrals-controls"?: any;
@@ -3367,21 +3645,23 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3367
3645
  readonly body: "Open Sans, sans-serif";
3368
3646
  };
3369
3647
  radii: {
3370
- readonly none: 0;
3371
- readonly half: "999em";
3372
3648
  readonly 25: "2px";
3373
3649
  readonly 50: "4px";
3374
3650
  readonly 75: "6px";
3375
3651
  readonly 100: "8px";
3376
3652
  readonly 200: "16px";
3653
+ readonly half: "999px";
3654
+ readonly none: "0px";
3377
3655
  };
3378
3656
  shadows: {
3379
- 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";
3380
- 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";
3381
- 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";
3382
- 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";
3383
- 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";
3384
- 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";
3657
+ 50: any;
3658
+ 100: any;
3659
+ "focus-small": any;
3660
+ "focus-small-outline": any;
3661
+ "focus-large": any;
3662
+ "focus-controls": any;
3663
+ "focus-controls-error": any;
3664
+ "focus-controls-success": any;
3385
3665
  };
3386
3666
  sizes: {
3387
3667
  readonly number: string;