@mirohq/design-system-select 0.3.1 → 0.3.2-colors.1

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 +427 -161
  2. package/package.json +7 -7
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,13 +261,13 @@ 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
273
  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";
@@ -511,63 +549,103 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
511
549
  };
512
550
  colors: {
513
551
  readonly black: any;
552
+ readonly 'blue-50': any;
514
553
  readonly 'blue-100': any;
554
+ readonly 'blue-150': any;
515
555
  readonly 'blue-200': any;
556
+ readonly 'blue-250': any;
516
557
  readonly 'blue-300': any;
558
+ readonly 'blue-350': any;
517
559
  readonly 'blue-400': any;
560
+ readonly 'blue-450': any;
518
561
  readonly 'blue-500': any;
562
+ readonly 'blue-550': any;
519
563
  readonly 'blue-600': any;
564
+ readonly 'blue-650': any;
520
565
  readonly 'blue-700': any;
566
+ readonly 'blue-750': any;
521
567
  readonly 'blue-800': any;
568
+ readonly 'blue-850': any;
522
569
  readonly 'blue-900': any;
523
- readonly 'blue-1000': any;
570
+ readonly 'blue-950': any;
571
+ readonly 'gray-50': any;
524
572
  readonly 'gray-100': any;
573
+ readonly 'gray-150': any;
525
574
  readonly 'gray-200': any;
575
+ readonly 'gray-250': any;
526
576
  readonly 'gray-300': any;
577
+ readonly 'gray-350': any;
527
578
  readonly 'gray-400': any;
579
+ readonly 'gray-450': any;
528
580
  readonly 'gray-500': any;
581
+ readonly 'gray-550': any;
529
582
  readonly 'gray-600': any;
583
+ readonly 'gray-650': any;
530
584
  readonly 'gray-700': any;
585
+ readonly 'gray-750': any;
531
586
  readonly 'gray-800': any;
587
+ readonly 'gray-850': any;
532
588
  readonly 'gray-900': any;
589
+ readonly 'gray-950': any;
590
+ readonly 'green-50': any;
533
591
  readonly 'green-100': any;
592
+ readonly 'green-150': any;
534
593
  readonly 'green-200': any;
594
+ readonly 'green-250': any;
535
595
  readonly 'green-300': any;
596
+ readonly 'green-350': any;
536
597
  readonly 'green-400': any;
598
+ readonly 'green-450': any;
537
599
  readonly 'green-500': any;
600
+ readonly 'green-550': any;
538
601
  readonly 'green-600': any;
602
+ readonly 'green-650': any;
539
603
  readonly 'green-700': any;
604
+ readonly 'green-750': any;
540
605
  readonly 'green-800': any;
606
+ readonly 'green-850': any;
541
607
  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;
608
+ readonly 'green-950': any;
609
+ readonly 'red-50': any;
551
610
  readonly 'red-100': any;
611
+ readonly 'red-150': any;
552
612
  readonly 'red-200': any;
613
+ readonly 'red-250': any;
553
614
  readonly 'red-300': any;
615
+ readonly 'red-350': any;
554
616
  readonly 'red-400': any;
617
+ readonly 'red-450': any;
555
618
  readonly 'red-500': any;
619
+ readonly 'red-550': any;
556
620
  readonly 'red-600': any;
621
+ readonly 'red-650': any;
557
622
  readonly 'red-700': any;
623
+ readonly 'red-750': any;
558
624
  readonly 'red-800': any;
625
+ readonly 'red-850': any;
559
626
  readonly 'red-900': any;
627
+ readonly 'red-950': any;
560
628
  readonly transparent: any;
561
629
  readonly white: any;
630
+ readonly 'yellow-50': any;
562
631
  readonly 'yellow-100': any;
632
+ readonly 'yellow-150': any;
563
633
  readonly 'yellow-200': any;
634
+ readonly 'yellow-250': any;
564
635
  readonly 'yellow-300': any;
636
+ readonly 'yellow-350': any;
565
637
  readonly 'yellow-400': any;
638
+ readonly 'yellow-450': any;
566
639
  readonly 'yellow-500': any;
640
+ readonly 'yellow-550': any;
567
641
  readonly 'yellow-600': any;
642
+ readonly 'yellow-650': any;
568
643
  readonly 'yellow-700': any;
644
+ readonly 'yellow-750': any;
569
645
  readonly 'yellow-800': any;
646
+ readonly 'yellow-850': any;
570
647
  readonly 'yellow-900': any;
648
+ readonly 'yellow-950': any;
571
649
  "background-alpha-active"?: any;
572
650
  "background-alpha-hover"?: any;
573
651
  "background-danger-prominent"?: any;
@@ -588,27 +666,19 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
588
666
  "background-neutrals-inverted-subtle"?: any;
589
667
  "background-neutrals-page"?: any;
590
668
  "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;
669
+ "background-neutrals-scrollbar"?: any;
670
+ "background-neutrals-scrollbar-active"?: any;
671
+ "background-neutrals-scrollbar-hover"?: any;
596
672
  "background-neutrals-subtle"?: any;
597
673
  "background-neutrals-subtle-active"?: any;
598
674
  "background-neutrals-subtle-hover"?: any;
599
675
  "background-primary-prominent"?: any;
600
676
  "background-primary-prominent-active"?: any;
601
- "background-primary-prominent-expanded"?: any;
602
677
  "background-primary-prominent-hover"?: any;
603
- "background-primary-prominent-pressed"?: any;
604
- "background-primary-prominent-pressed-hover"?: any;
605
678
  "background-primary-prominent-selected"?: any;
606
679
  "background-primary-subtle"?: any;
607
680
  "background-primary-subtle-active"?: any;
608
- "background-primary-subtle-expanded"?: any;
609
681
  "background-primary-subtle-hover"?: any;
610
- "background-primary-subtle-pressed"?: any;
611
- "background-primary-subtle-pressed-hover"?: any;
612
682
  "background-primary-subtle-selected"?: any;
613
683
  "background-success"?: any;
614
684
  "background-success-prominent"?: any;
@@ -619,9 +689,15 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
619
689
  "border-danger"?: any;
620
690
  "border-danger-active"?: any;
621
691
  "border-danger-hover"?: any;
692
+ "border-focus-error-inner"?: any;
693
+ "border-focus-error-middle"?: any;
694
+ "border-focus-error-outer"?: any;
622
695
  "border-focus-inner"?: any;
623
696
  "border-focus-middle"?: any;
624
697
  "border-focus-outer"?: any;
698
+ "border-focus-success-inner"?: any;
699
+ "border-focus-success-middle"?: any;
700
+ "border-focus-success-outer"?: any;
625
701
  "border-neutrals"?: any;
626
702
  "border-neutrals-active"?: any;
627
703
  "border-neutrals-controls"?: any;
@@ -714,13 +790,13 @@ declare const StyledGroup: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
714
790
  readonly body: "Open Sans, sans-serif";
715
791
  };
716
792
  radii: {
717
- readonly none: 0;
718
- readonly half: "999em";
719
793
  readonly 25: "2px";
720
794
  readonly 50: "4px";
721
795
  readonly 75: "6px";
722
796
  readonly 100: "8px";
723
797
  readonly 200: "16px";
798
+ readonly half: "999px";
799
+ readonly none: "0px";
724
800
  };
725
801
  shadows: {
726
802
  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";
@@ -1006,63 +1082,103 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1006
1082
  };
1007
1083
  colors: {
1008
1084
  readonly black: any;
1085
+ readonly 'blue-50': any;
1009
1086
  readonly 'blue-100': any;
1087
+ readonly 'blue-150': any;
1010
1088
  readonly 'blue-200': any;
1089
+ readonly 'blue-250': any;
1011
1090
  readonly 'blue-300': any;
1091
+ readonly 'blue-350': any;
1012
1092
  readonly 'blue-400': any;
1093
+ readonly 'blue-450': any;
1013
1094
  readonly 'blue-500': any;
1095
+ readonly 'blue-550': any;
1014
1096
  readonly 'blue-600': any;
1097
+ readonly 'blue-650': any;
1015
1098
  readonly 'blue-700': any;
1099
+ readonly 'blue-750': any;
1016
1100
  readonly 'blue-800': any;
1101
+ readonly 'blue-850': any;
1017
1102
  readonly 'blue-900': any;
1018
- readonly 'blue-1000': any;
1103
+ readonly 'blue-950': any;
1104
+ readonly 'gray-50': any;
1019
1105
  readonly 'gray-100': any;
1106
+ readonly 'gray-150': any;
1020
1107
  readonly 'gray-200': any;
1108
+ readonly 'gray-250': any;
1021
1109
  readonly 'gray-300': any;
1110
+ readonly 'gray-350': any;
1022
1111
  readonly 'gray-400': any;
1112
+ readonly 'gray-450': any;
1023
1113
  readonly 'gray-500': any;
1114
+ readonly 'gray-550': any;
1024
1115
  readonly 'gray-600': any;
1116
+ readonly 'gray-650': any;
1025
1117
  readonly 'gray-700': any;
1118
+ readonly 'gray-750': any;
1026
1119
  readonly 'gray-800': any;
1120
+ readonly 'gray-850': any;
1027
1121
  readonly 'gray-900': any;
1122
+ readonly 'gray-950': any;
1123
+ readonly 'green-50': any;
1028
1124
  readonly 'green-100': any;
1125
+ readonly 'green-150': any;
1029
1126
  readonly 'green-200': any;
1127
+ readonly 'green-250': any;
1030
1128
  readonly 'green-300': any;
1129
+ readonly 'green-350': any;
1031
1130
  readonly 'green-400': any;
1131
+ readonly 'green-450': any;
1032
1132
  readonly 'green-500': any;
1133
+ readonly 'green-550': any;
1033
1134
  readonly 'green-600': any;
1135
+ readonly 'green-650': any;
1034
1136
  readonly 'green-700': any;
1137
+ readonly 'green-750': any;
1035
1138
  readonly 'green-800': any;
1139
+ readonly 'green-850': any;
1036
1140
  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;
1141
+ readonly 'green-950': any;
1142
+ readonly 'red-50': any;
1046
1143
  readonly 'red-100': any;
1144
+ readonly 'red-150': any;
1047
1145
  readonly 'red-200': any;
1146
+ readonly 'red-250': any;
1048
1147
  readonly 'red-300': any;
1148
+ readonly 'red-350': any;
1049
1149
  readonly 'red-400': any;
1150
+ readonly 'red-450': any;
1050
1151
  readonly 'red-500': any;
1152
+ readonly 'red-550': any;
1051
1153
  readonly 'red-600': any;
1154
+ readonly 'red-650': any;
1052
1155
  readonly 'red-700': any;
1156
+ readonly 'red-750': any;
1053
1157
  readonly 'red-800': any;
1158
+ readonly 'red-850': any;
1054
1159
  readonly 'red-900': any;
1160
+ readonly 'red-950': any;
1055
1161
  readonly transparent: any;
1056
1162
  readonly white: any;
1163
+ readonly 'yellow-50': any;
1057
1164
  readonly 'yellow-100': any;
1165
+ readonly 'yellow-150': any;
1058
1166
  readonly 'yellow-200': any;
1167
+ readonly 'yellow-250': any;
1059
1168
  readonly 'yellow-300': any;
1169
+ readonly 'yellow-350': any;
1060
1170
  readonly 'yellow-400': any;
1171
+ readonly 'yellow-450': any;
1061
1172
  readonly 'yellow-500': any;
1173
+ readonly 'yellow-550': any;
1062
1174
  readonly 'yellow-600': any;
1175
+ readonly 'yellow-650': any;
1063
1176
  readonly 'yellow-700': any;
1177
+ readonly 'yellow-750': any;
1064
1178
  readonly 'yellow-800': any;
1179
+ readonly 'yellow-850': any;
1065
1180
  readonly 'yellow-900': any;
1181
+ readonly 'yellow-950': any;
1066
1182
  "background-alpha-active"?: any;
1067
1183
  "background-alpha-hover"?: any;
1068
1184
  "background-danger-prominent"?: any;
@@ -1083,27 +1199,19 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1083
1199
  "background-neutrals-inverted-subtle"?: any;
1084
1200
  "background-neutrals-page"?: any;
1085
1201
  "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;
1202
+ "background-neutrals-scrollbar"?: any;
1203
+ "background-neutrals-scrollbar-active"?: any;
1204
+ "background-neutrals-scrollbar-hover"?: any;
1091
1205
  "background-neutrals-subtle"?: any;
1092
1206
  "background-neutrals-subtle-active"?: any;
1093
1207
  "background-neutrals-subtle-hover"?: any;
1094
1208
  "background-primary-prominent"?: any;
1095
1209
  "background-primary-prominent-active"?: any;
1096
- "background-primary-prominent-expanded"?: any;
1097
1210
  "background-primary-prominent-hover"?: any;
1098
- "background-primary-prominent-pressed"?: any;
1099
- "background-primary-prominent-pressed-hover"?: any;
1100
1211
  "background-primary-prominent-selected"?: any;
1101
1212
  "background-primary-subtle"?: any;
1102
1213
  "background-primary-subtle-active"?: any;
1103
- "background-primary-subtle-expanded"?: any;
1104
1214
  "background-primary-subtle-hover"?: any;
1105
- "background-primary-subtle-pressed"?: any;
1106
- "background-primary-subtle-pressed-hover"?: any;
1107
1215
  "background-primary-subtle-selected"?: any;
1108
1216
  "background-success"?: any;
1109
1217
  "background-success-prominent"?: any;
@@ -1114,9 +1222,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1114
1222
  "border-danger"?: any;
1115
1223
  "border-danger-active"?: any;
1116
1224
  "border-danger-hover"?: any;
1225
+ "border-focus-error-inner"?: any;
1226
+ "border-focus-error-middle"?: any;
1227
+ "border-focus-error-outer"?: any;
1117
1228
  "border-focus-inner"?: any;
1118
1229
  "border-focus-middle"?: any;
1119
1230
  "border-focus-outer"?: any;
1231
+ "border-focus-success-inner"?: any;
1232
+ "border-focus-success-middle"?: any;
1233
+ "border-focus-success-outer"?: any;
1120
1234
  "border-neutrals"?: any;
1121
1235
  "border-neutrals-active"?: any;
1122
1236
  "border-neutrals-controls"?: any;
@@ -1209,13 +1323,13 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_desi
1209
1323
  readonly body: "Open Sans, sans-serif";
1210
1324
  };
1211
1325
  radii: {
1212
- readonly none: 0;
1213
- readonly half: "999em";
1214
1326
  readonly 25: "2px";
1215
1327
  readonly 50: "4px";
1216
1328
  readonly 75: "6px";
1217
1329
  readonly 100: "8px";
1218
1330
  readonly 200: "16px";
1331
+ readonly half: "999px";
1332
+ readonly none: "0px";
1219
1333
  };
1220
1334
  shadows: {
1221
1335
  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";
@@ -1524,63 +1638,103 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1524
1638
  };
1525
1639
  colors: {
1526
1640
  readonly black: any;
1641
+ readonly 'blue-50': any;
1527
1642
  readonly 'blue-100': any;
1643
+ readonly 'blue-150': any;
1528
1644
  readonly 'blue-200': any;
1645
+ readonly 'blue-250': any;
1529
1646
  readonly 'blue-300': any;
1647
+ readonly 'blue-350': any;
1530
1648
  readonly 'blue-400': any;
1649
+ readonly 'blue-450': any;
1531
1650
  readonly 'blue-500': any;
1651
+ readonly 'blue-550': any;
1532
1652
  readonly 'blue-600': any;
1653
+ readonly 'blue-650': any;
1533
1654
  readonly 'blue-700': any;
1655
+ readonly 'blue-750': any;
1534
1656
  readonly 'blue-800': any;
1657
+ readonly 'blue-850': any;
1535
1658
  readonly 'blue-900': any;
1536
- readonly 'blue-1000': any;
1659
+ readonly 'blue-950': any;
1660
+ readonly 'gray-50': any;
1537
1661
  readonly 'gray-100': any;
1662
+ readonly 'gray-150': any;
1538
1663
  readonly 'gray-200': any;
1664
+ readonly 'gray-250': any;
1539
1665
  readonly 'gray-300': any;
1666
+ readonly 'gray-350': any;
1540
1667
  readonly 'gray-400': any;
1668
+ readonly 'gray-450': any;
1541
1669
  readonly 'gray-500': any;
1670
+ readonly 'gray-550': any;
1542
1671
  readonly 'gray-600': any;
1672
+ readonly 'gray-650': any;
1543
1673
  readonly 'gray-700': any;
1674
+ readonly 'gray-750': any;
1544
1675
  readonly 'gray-800': any;
1676
+ readonly 'gray-850': any;
1545
1677
  readonly 'gray-900': any;
1678
+ readonly 'gray-950': any;
1679
+ readonly 'green-50': any;
1546
1680
  readonly 'green-100': any;
1681
+ readonly 'green-150': any;
1547
1682
  readonly 'green-200': any;
1683
+ readonly 'green-250': any;
1548
1684
  readonly 'green-300': any;
1685
+ readonly 'green-350': any;
1549
1686
  readonly 'green-400': any;
1687
+ readonly 'green-450': any;
1550
1688
  readonly 'green-500': any;
1689
+ readonly 'green-550': any;
1551
1690
  readonly 'green-600': any;
1691
+ readonly 'green-650': any;
1552
1692
  readonly 'green-700': any;
1693
+ readonly 'green-750': any;
1553
1694
  readonly 'green-800': any;
1695
+ readonly 'green-850': any;
1554
1696
  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;
1697
+ readonly 'green-950': any;
1698
+ readonly 'red-50': any;
1564
1699
  readonly 'red-100': any;
1700
+ readonly 'red-150': any;
1565
1701
  readonly 'red-200': any;
1702
+ readonly 'red-250': any;
1566
1703
  readonly 'red-300': any;
1704
+ readonly 'red-350': any;
1567
1705
  readonly 'red-400': any;
1706
+ readonly 'red-450': any;
1568
1707
  readonly 'red-500': any;
1708
+ readonly 'red-550': any;
1569
1709
  readonly 'red-600': any;
1710
+ readonly 'red-650': any;
1570
1711
  readonly 'red-700': any;
1712
+ readonly 'red-750': any;
1571
1713
  readonly 'red-800': any;
1714
+ readonly 'red-850': any;
1572
1715
  readonly 'red-900': any;
1716
+ readonly 'red-950': any;
1573
1717
  readonly transparent: any;
1574
1718
  readonly white: any;
1719
+ readonly 'yellow-50': any;
1575
1720
  readonly 'yellow-100': any;
1721
+ readonly 'yellow-150': any;
1576
1722
  readonly 'yellow-200': any;
1723
+ readonly 'yellow-250': any;
1577
1724
  readonly 'yellow-300': any;
1725
+ readonly 'yellow-350': any;
1578
1726
  readonly 'yellow-400': any;
1727
+ readonly 'yellow-450': any;
1579
1728
  readonly 'yellow-500': any;
1729
+ readonly 'yellow-550': any;
1580
1730
  readonly 'yellow-600': any;
1731
+ readonly 'yellow-650': any;
1581
1732
  readonly 'yellow-700': any;
1733
+ readonly 'yellow-750': any;
1582
1734
  readonly 'yellow-800': any;
1735
+ readonly 'yellow-850': any;
1583
1736
  readonly 'yellow-900': any;
1737
+ readonly 'yellow-950': any;
1584
1738
  "background-alpha-active"?: any;
1585
1739
  "background-alpha-hover"?: any;
1586
1740
  "background-danger-prominent"?: any;
@@ -1601,27 +1755,19 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1601
1755
  "background-neutrals-inverted-subtle"?: any;
1602
1756
  "background-neutrals-page"?: any;
1603
1757
  "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;
1758
+ "background-neutrals-scrollbar"?: any;
1759
+ "background-neutrals-scrollbar-active"?: any;
1760
+ "background-neutrals-scrollbar-hover"?: any;
1609
1761
  "background-neutrals-subtle"?: any;
1610
1762
  "background-neutrals-subtle-active"?: any;
1611
1763
  "background-neutrals-subtle-hover"?: any;
1612
1764
  "background-primary-prominent"?: any;
1613
1765
  "background-primary-prominent-active"?: any;
1614
- "background-primary-prominent-expanded"?: any;
1615
1766
  "background-primary-prominent-hover"?: any;
1616
- "background-primary-prominent-pressed"?: any;
1617
- "background-primary-prominent-pressed-hover"?: any;
1618
1767
  "background-primary-prominent-selected"?: any;
1619
1768
  "background-primary-subtle"?: any;
1620
1769
  "background-primary-subtle-active"?: any;
1621
- "background-primary-subtle-expanded"?: any;
1622
1770
  "background-primary-subtle-hover"?: any;
1623
- "background-primary-subtle-pressed"?: any;
1624
- "background-primary-subtle-pressed-hover"?: any;
1625
1771
  "background-primary-subtle-selected"?: any;
1626
1772
  "background-success"?: any;
1627
1773
  "background-success-prominent"?: any;
@@ -1632,9 +1778,15 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1632
1778
  "border-danger"?: any;
1633
1779
  "border-danger-active"?: any;
1634
1780
  "border-danger-hover"?: any;
1781
+ "border-focus-error-inner"?: any;
1782
+ "border-focus-error-middle"?: any;
1783
+ "border-focus-error-outer"?: any;
1635
1784
  "border-focus-inner"?: any;
1636
1785
  "border-focus-middle"?: any;
1637
1786
  "border-focus-outer"?: any;
1787
+ "border-focus-success-inner"?: any;
1788
+ "border-focus-success-middle"?: any;
1789
+ "border-focus-success-outer"?: any;
1638
1790
  "border-neutrals"?: any;
1639
1791
  "border-neutrals-active"?: any;
1640
1792
  "border-neutrals-controls"?: any;
@@ -1727,13 +1879,13 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
1727
1879
  readonly body: "Open Sans, sans-serif";
1728
1880
  };
1729
1881
  radii: {
1730
- readonly none: 0;
1731
- readonly half: "999em";
1732
1882
  readonly 25: "2px";
1733
1883
  readonly 50: "4px";
1734
1884
  readonly 75: "6px";
1735
1885
  readonly 100: "8px";
1736
1886
  readonly 200: "16px";
1887
+ readonly half: "999px";
1888
+ readonly none: "0px";
1737
1889
  };
1738
1890
  shadows: {
1739
1891
  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";
@@ -2046,63 +2198,103 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2046
2198
  };
2047
2199
  colors: {
2048
2200
  readonly black: any;
2201
+ readonly 'blue-50': any;
2049
2202
  readonly 'blue-100': any;
2203
+ readonly 'blue-150': any;
2050
2204
  readonly 'blue-200': any;
2205
+ readonly 'blue-250': any;
2051
2206
  readonly 'blue-300': any;
2207
+ readonly 'blue-350': any;
2052
2208
  readonly 'blue-400': any;
2209
+ readonly 'blue-450': any;
2053
2210
  readonly 'blue-500': any;
2211
+ readonly 'blue-550': any;
2054
2212
  readonly 'blue-600': any;
2213
+ readonly 'blue-650': any;
2055
2214
  readonly 'blue-700': any;
2215
+ readonly 'blue-750': any;
2056
2216
  readonly 'blue-800': any;
2217
+ readonly 'blue-850': any;
2057
2218
  readonly 'blue-900': any;
2058
- readonly 'blue-1000': any;
2219
+ readonly 'blue-950': any;
2220
+ readonly 'gray-50': any;
2059
2221
  readonly 'gray-100': any;
2222
+ readonly 'gray-150': any;
2060
2223
  readonly 'gray-200': any;
2224
+ readonly 'gray-250': any;
2061
2225
  readonly 'gray-300': any;
2226
+ readonly 'gray-350': any;
2062
2227
  readonly 'gray-400': any;
2228
+ readonly 'gray-450': any;
2063
2229
  readonly 'gray-500': any;
2230
+ readonly 'gray-550': any;
2064
2231
  readonly 'gray-600': any;
2232
+ readonly 'gray-650': any;
2065
2233
  readonly 'gray-700': any;
2234
+ readonly 'gray-750': any;
2066
2235
  readonly 'gray-800': any;
2236
+ readonly 'gray-850': any;
2067
2237
  readonly 'gray-900': any;
2238
+ readonly 'gray-950': any;
2239
+ readonly 'green-50': any;
2068
2240
  readonly 'green-100': any;
2241
+ readonly 'green-150': any;
2069
2242
  readonly 'green-200': any;
2243
+ readonly 'green-250': any;
2070
2244
  readonly 'green-300': any;
2245
+ readonly 'green-350': any;
2071
2246
  readonly 'green-400': any;
2247
+ readonly 'green-450': any;
2072
2248
  readonly 'green-500': any;
2249
+ readonly 'green-550': any;
2073
2250
  readonly 'green-600': any;
2251
+ readonly 'green-650': any;
2074
2252
  readonly 'green-700': any;
2253
+ readonly 'green-750': any;
2075
2254
  readonly 'green-800': any;
2255
+ readonly 'green-850': any;
2076
2256
  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;
2257
+ readonly 'green-950': any;
2258
+ readonly 'red-50': any;
2086
2259
  readonly 'red-100': any;
2260
+ readonly 'red-150': any;
2087
2261
  readonly 'red-200': any;
2262
+ readonly 'red-250': any;
2088
2263
  readonly 'red-300': any;
2264
+ readonly 'red-350': any;
2089
2265
  readonly 'red-400': any;
2266
+ readonly 'red-450': any;
2090
2267
  readonly 'red-500': any;
2268
+ readonly 'red-550': any;
2091
2269
  readonly 'red-600': any;
2270
+ readonly 'red-650': any;
2092
2271
  readonly 'red-700': any;
2272
+ readonly 'red-750': any;
2093
2273
  readonly 'red-800': any;
2274
+ readonly 'red-850': any;
2094
2275
  readonly 'red-900': any;
2276
+ readonly 'red-950': any;
2095
2277
  readonly transparent: any;
2096
2278
  readonly white: any;
2279
+ readonly 'yellow-50': any;
2097
2280
  readonly 'yellow-100': any;
2281
+ readonly 'yellow-150': any;
2098
2282
  readonly 'yellow-200': any;
2283
+ readonly 'yellow-250': any;
2099
2284
  readonly 'yellow-300': any;
2285
+ readonly 'yellow-350': any;
2100
2286
  readonly 'yellow-400': any;
2287
+ readonly 'yellow-450': any;
2101
2288
  readonly 'yellow-500': any;
2289
+ readonly 'yellow-550': any;
2102
2290
  readonly 'yellow-600': any;
2291
+ readonly 'yellow-650': any;
2103
2292
  readonly 'yellow-700': any;
2293
+ readonly 'yellow-750': any;
2104
2294
  readonly 'yellow-800': any;
2295
+ readonly 'yellow-850': any;
2105
2296
  readonly 'yellow-900': any;
2297
+ readonly 'yellow-950': any;
2106
2298
  "background-alpha-active"?: any;
2107
2299
  "background-alpha-hover"?: any;
2108
2300
  "background-danger-prominent"?: any;
@@ -2123,27 +2315,19 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2123
2315
  "background-neutrals-inverted-subtle"?: any;
2124
2316
  "background-neutrals-page"?: any;
2125
2317
  "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;
2318
+ "background-neutrals-scrollbar"?: any;
2319
+ "background-neutrals-scrollbar-active"?: any;
2320
+ "background-neutrals-scrollbar-hover"?: any;
2131
2321
  "background-neutrals-subtle"?: any;
2132
2322
  "background-neutrals-subtle-active"?: any;
2133
2323
  "background-neutrals-subtle-hover"?: any;
2134
2324
  "background-primary-prominent"?: any;
2135
2325
  "background-primary-prominent-active"?: any;
2136
- "background-primary-prominent-expanded"?: any;
2137
2326
  "background-primary-prominent-hover"?: any;
2138
- "background-primary-prominent-pressed"?: any;
2139
- "background-primary-prominent-pressed-hover"?: any;
2140
2327
  "background-primary-prominent-selected"?: any;
2141
2328
  "background-primary-subtle"?: any;
2142
2329
  "background-primary-subtle-active"?: any;
2143
- "background-primary-subtle-expanded"?: any;
2144
2330
  "background-primary-subtle-hover"?: any;
2145
- "background-primary-subtle-pressed"?: any;
2146
- "background-primary-subtle-pressed-hover"?: any;
2147
2331
  "background-primary-subtle-selected"?: any;
2148
2332
  "background-success"?: any;
2149
2333
  "background-success-prominent"?: any;
@@ -2154,9 +2338,15 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2154
2338
  "border-danger"?: any;
2155
2339
  "border-danger-active"?: any;
2156
2340
  "border-danger-hover"?: any;
2341
+ "border-focus-error-inner"?: any;
2342
+ "border-focus-error-middle"?: any;
2343
+ "border-focus-error-outer"?: any;
2157
2344
  "border-focus-inner"?: any;
2158
2345
  "border-focus-middle"?: any;
2159
2346
  "border-focus-outer"?: any;
2347
+ "border-focus-success-inner"?: any;
2348
+ "border-focus-success-middle"?: any;
2349
+ "border-focus-success-outer"?: any;
2160
2350
  "border-neutrals"?: any;
2161
2351
  "border-neutrals-active"?: any;
2162
2352
  "border-neutrals-controls"?: any;
@@ -2249,13 +2439,13 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
2249
2439
  readonly body: "Open Sans, sans-serif";
2250
2440
  };
2251
2441
  radii: {
2252
- readonly none: 0;
2253
- readonly half: "999em";
2254
2442
  readonly 25: "2px";
2255
2443
  readonly 50: "4px";
2256
2444
  readonly 75: "6px";
2257
2445
  readonly 100: "8px";
2258
2446
  readonly 200: "16px";
2447
+ readonly half: "999px";
2448
+ readonly none: "0px";
2259
2449
  };
2260
2450
  shadows: {
2261
2451
  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";
@@ -2669,63 +2859,103 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2669
2859
  };
2670
2860
  colors: {
2671
2861
  readonly black: any;
2862
+ readonly 'blue-50': any;
2672
2863
  readonly 'blue-100': any;
2864
+ readonly 'blue-150': any;
2673
2865
  readonly 'blue-200': any;
2866
+ readonly 'blue-250': any;
2674
2867
  readonly 'blue-300': any;
2868
+ readonly 'blue-350': any;
2675
2869
  readonly 'blue-400': any;
2870
+ readonly 'blue-450': any;
2676
2871
  readonly 'blue-500': any;
2872
+ readonly 'blue-550': any;
2677
2873
  readonly 'blue-600': any;
2874
+ readonly 'blue-650': any;
2678
2875
  readonly 'blue-700': any;
2876
+ readonly 'blue-750': any;
2679
2877
  readonly 'blue-800': any;
2878
+ readonly 'blue-850': any;
2680
2879
  readonly 'blue-900': any;
2681
- readonly 'blue-1000': any;
2880
+ readonly 'blue-950': any;
2881
+ readonly 'gray-50': any;
2682
2882
  readonly 'gray-100': any;
2883
+ readonly 'gray-150': any;
2683
2884
  readonly 'gray-200': any;
2885
+ readonly 'gray-250': any;
2684
2886
  readonly 'gray-300': any;
2887
+ readonly 'gray-350': any;
2685
2888
  readonly 'gray-400': any;
2889
+ readonly 'gray-450': any;
2686
2890
  readonly 'gray-500': any;
2891
+ readonly 'gray-550': any;
2687
2892
  readonly 'gray-600': any;
2893
+ readonly 'gray-650': any;
2688
2894
  readonly 'gray-700': any;
2895
+ readonly 'gray-750': any;
2689
2896
  readonly 'gray-800': any;
2897
+ readonly 'gray-850': any;
2690
2898
  readonly 'gray-900': any;
2899
+ readonly 'gray-950': any;
2900
+ readonly 'green-50': any;
2691
2901
  readonly 'green-100': any;
2902
+ readonly 'green-150': any;
2692
2903
  readonly 'green-200': any;
2904
+ readonly 'green-250': any;
2693
2905
  readonly 'green-300': any;
2906
+ readonly 'green-350': any;
2694
2907
  readonly 'green-400': any;
2908
+ readonly 'green-450': any;
2695
2909
  readonly 'green-500': any;
2910
+ readonly 'green-550': any;
2696
2911
  readonly 'green-600': any;
2912
+ readonly 'green-650': any;
2697
2913
  readonly 'green-700': any;
2914
+ readonly 'green-750': any;
2698
2915
  readonly 'green-800': any;
2916
+ readonly 'green-850': any;
2699
2917
  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;
2918
+ readonly 'green-950': any;
2919
+ readonly 'red-50': any;
2709
2920
  readonly 'red-100': any;
2921
+ readonly 'red-150': any;
2710
2922
  readonly 'red-200': any;
2923
+ readonly 'red-250': any;
2711
2924
  readonly 'red-300': any;
2925
+ readonly 'red-350': any;
2712
2926
  readonly 'red-400': any;
2927
+ readonly 'red-450': any;
2713
2928
  readonly 'red-500': any;
2929
+ readonly 'red-550': any;
2714
2930
  readonly 'red-600': any;
2931
+ readonly 'red-650': any;
2715
2932
  readonly 'red-700': any;
2933
+ readonly 'red-750': any;
2716
2934
  readonly 'red-800': any;
2935
+ readonly 'red-850': any;
2717
2936
  readonly 'red-900': any;
2937
+ readonly 'red-950': any;
2718
2938
  readonly transparent: any;
2719
2939
  readonly white: any;
2940
+ readonly 'yellow-50': any;
2720
2941
  readonly 'yellow-100': any;
2942
+ readonly 'yellow-150': any;
2721
2943
  readonly 'yellow-200': any;
2944
+ readonly 'yellow-250': any;
2722
2945
  readonly 'yellow-300': any;
2946
+ readonly 'yellow-350': any;
2723
2947
  readonly 'yellow-400': any;
2948
+ readonly 'yellow-450': any;
2724
2949
  readonly 'yellow-500': any;
2950
+ readonly 'yellow-550': any;
2725
2951
  readonly 'yellow-600': any;
2952
+ readonly 'yellow-650': any;
2726
2953
  readonly 'yellow-700': any;
2954
+ readonly 'yellow-750': any;
2727
2955
  readonly 'yellow-800': any;
2956
+ readonly 'yellow-850': any;
2728
2957
  readonly 'yellow-900': any;
2958
+ readonly 'yellow-950': any;
2729
2959
  "background-alpha-active"?: any;
2730
2960
  "background-alpha-hover"?: any;
2731
2961
  "background-danger-prominent"?: any;
@@ -2746,27 +2976,19 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2746
2976
  "background-neutrals-inverted-subtle"?: any;
2747
2977
  "background-neutrals-page"?: any;
2748
2978
  "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;
2979
+ "background-neutrals-scrollbar"?: any;
2980
+ "background-neutrals-scrollbar-active"?: any;
2981
+ "background-neutrals-scrollbar-hover"?: any;
2754
2982
  "background-neutrals-subtle"?: any;
2755
2983
  "background-neutrals-subtle-active"?: any;
2756
2984
  "background-neutrals-subtle-hover"?: any;
2757
2985
  "background-primary-prominent"?: any;
2758
2986
  "background-primary-prominent-active"?: any;
2759
- "background-primary-prominent-expanded"?: any;
2760
2987
  "background-primary-prominent-hover"?: any;
2761
- "background-primary-prominent-pressed"?: any;
2762
- "background-primary-prominent-pressed-hover"?: any;
2763
2988
  "background-primary-prominent-selected"?: any;
2764
2989
  "background-primary-subtle"?: any;
2765
2990
  "background-primary-subtle-active"?: any;
2766
- "background-primary-subtle-expanded"?: any;
2767
2991
  "background-primary-subtle-hover"?: any;
2768
- "background-primary-subtle-pressed"?: any;
2769
- "background-primary-subtle-pressed-hover"?: any;
2770
2992
  "background-primary-subtle-selected"?: any;
2771
2993
  "background-success"?: any;
2772
2994
  "background-success-prominent"?: any;
@@ -2777,9 +2999,15 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2777
2999
  "border-danger"?: any;
2778
3000
  "border-danger-active"?: any;
2779
3001
  "border-danger-hover"?: any;
3002
+ "border-focus-error-inner"?: any;
3003
+ "border-focus-error-middle"?: any;
3004
+ "border-focus-error-outer"?: any;
2780
3005
  "border-focus-inner"?: any;
2781
3006
  "border-focus-middle"?: any;
2782
3007
  "border-focus-outer"?: any;
3008
+ "border-focus-success-inner"?: any;
3009
+ "border-focus-success-middle"?: any;
3010
+ "border-focus-success-outer"?: any;
2783
3011
  "border-neutrals"?: any;
2784
3012
  "border-neutrals-active"?: any;
2785
3013
  "border-neutrals-controls"?: any;
@@ -2872,13 +3100,13 @@ declare const StyledLabel: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2872
3100
  readonly body: "Open Sans, sans-serif";
2873
3101
  };
2874
3102
  radii: {
2875
- readonly none: 0;
2876
- readonly half: "999em";
2877
3103
  readonly 25: "2px";
2878
3104
  readonly 50: "4px";
2879
3105
  readonly 75: "6px";
2880
3106
  readonly 100: "8px";
2881
3107
  readonly 200: "16px";
3108
+ readonly half: "999px";
3109
+ readonly none: "0px";
2882
3110
  };
2883
3111
  shadows: {
2884
3112
  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";
@@ -3164,63 +3392,103 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3164
3392
  };
3165
3393
  colors: {
3166
3394
  readonly black: any;
3395
+ readonly 'blue-50': any;
3167
3396
  readonly 'blue-100': any;
3397
+ readonly 'blue-150': any;
3168
3398
  readonly 'blue-200': any;
3399
+ readonly 'blue-250': any;
3169
3400
  readonly 'blue-300': any;
3401
+ readonly 'blue-350': any;
3170
3402
  readonly 'blue-400': any;
3403
+ readonly 'blue-450': any;
3171
3404
  readonly 'blue-500': any;
3405
+ readonly 'blue-550': any;
3172
3406
  readonly 'blue-600': any;
3407
+ readonly 'blue-650': any;
3173
3408
  readonly 'blue-700': any;
3409
+ readonly 'blue-750': any;
3174
3410
  readonly 'blue-800': any;
3411
+ readonly 'blue-850': any;
3175
3412
  readonly 'blue-900': any;
3176
- readonly 'blue-1000': any;
3413
+ readonly 'blue-950': any;
3414
+ readonly 'gray-50': any;
3177
3415
  readonly 'gray-100': any;
3416
+ readonly 'gray-150': any;
3178
3417
  readonly 'gray-200': any;
3418
+ readonly 'gray-250': any;
3179
3419
  readonly 'gray-300': any;
3420
+ readonly 'gray-350': any;
3180
3421
  readonly 'gray-400': any;
3422
+ readonly 'gray-450': any;
3181
3423
  readonly 'gray-500': any;
3424
+ readonly 'gray-550': any;
3182
3425
  readonly 'gray-600': any;
3426
+ readonly 'gray-650': any;
3183
3427
  readonly 'gray-700': any;
3428
+ readonly 'gray-750': any;
3184
3429
  readonly 'gray-800': any;
3430
+ readonly 'gray-850': any;
3185
3431
  readonly 'gray-900': any;
3432
+ readonly 'gray-950': any;
3433
+ readonly 'green-50': any;
3186
3434
  readonly 'green-100': any;
3435
+ readonly 'green-150': any;
3187
3436
  readonly 'green-200': any;
3437
+ readonly 'green-250': any;
3188
3438
  readonly 'green-300': any;
3439
+ readonly 'green-350': any;
3189
3440
  readonly 'green-400': any;
3441
+ readonly 'green-450': any;
3190
3442
  readonly 'green-500': any;
3443
+ readonly 'green-550': any;
3191
3444
  readonly 'green-600': any;
3445
+ readonly 'green-650': any;
3192
3446
  readonly 'green-700': any;
3447
+ readonly 'green-750': any;
3193
3448
  readonly 'green-800': any;
3449
+ readonly 'green-850': any;
3194
3450
  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;
3451
+ readonly 'green-950': any;
3452
+ readonly 'red-50': any;
3204
3453
  readonly 'red-100': any;
3454
+ readonly 'red-150': any;
3205
3455
  readonly 'red-200': any;
3456
+ readonly 'red-250': any;
3206
3457
  readonly 'red-300': any;
3458
+ readonly 'red-350': any;
3207
3459
  readonly 'red-400': any;
3460
+ readonly 'red-450': any;
3208
3461
  readonly 'red-500': any;
3462
+ readonly 'red-550': any;
3209
3463
  readonly 'red-600': any;
3464
+ readonly 'red-650': any;
3210
3465
  readonly 'red-700': any;
3466
+ readonly 'red-750': any;
3211
3467
  readonly 'red-800': any;
3468
+ readonly 'red-850': any;
3212
3469
  readonly 'red-900': any;
3470
+ readonly 'red-950': any;
3213
3471
  readonly transparent: any;
3214
3472
  readonly white: any;
3473
+ readonly 'yellow-50': any;
3215
3474
  readonly 'yellow-100': any;
3475
+ readonly 'yellow-150': any;
3216
3476
  readonly 'yellow-200': any;
3477
+ readonly 'yellow-250': any;
3217
3478
  readonly 'yellow-300': any;
3479
+ readonly 'yellow-350': any;
3218
3480
  readonly 'yellow-400': any;
3481
+ readonly 'yellow-450': any;
3219
3482
  readonly 'yellow-500': any;
3483
+ readonly 'yellow-550': any;
3220
3484
  readonly 'yellow-600': any;
3485
+ readonly 'yellow-650': any;
3221
3486
  readonly 'yellow-700': any;
3487
+ readonly 'yellow-750': any;
3222
3488
  readonly 'yellow-800': any;
3489
+ readonly 'yellow-850': any;
3223
3490
  readonly 'yellow-900': any;
3491
+ readonly 'yellow-950': any;
3224
3492
  "background-alpha-active"?: any;
3225
3493
  "background-alpha-hover"?: any;
3226
3494
  "background-danger-prominent"?: any;
@@ -3241,27 +3509,19 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3241
3509
  "background-neutrals-inverted-subtle"?: any;
3242
3510
  "background-neutrals-page"?: any;
3243
3511
  "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;
3512
+ "background-neutrals-scrollbar"?: any;
3513
+ "background-neutrals-scrollbar-active"?: any;
3514
+ "background-neutrals-scrollbar-hover"?: any;
3249
3515
  "background-neutrals-subtle"?: any;
3250
3516
  "background-neutrals-subtle-active"?: any;
3251
3517
  "background-neutrals-subtle-hover"?: any;
3252
3518
  "background-primary-prominent"?: any;
3253
3519
  "background-primary-prominent-active"?: any;
3254
- "background-primary-prominent-expanded"?: any;
3255
3520
  "background-primary-prominent-hover"?: any;
3256
- "background-primary-prominent-pressed"?: any;
3257
- "background-primary-prominent-pressed-hover"?: any;
3258
3521
  "background-primary-prominent-selected"?: any;
3259
3522
  "background-primary-subtle"?: any;
3260
3523
  "background-primary-subtle-active"?: any;
3261
- "background-primary-subtle-expanded"?: any;
3262
3524
  "background-primary-subtle-hover"?: any;
3263
- "background-primary-subtle-pressed"?: any;
3264
- "background-primary-subtle-pressed-hover"?: any;
3265
3525
  "background-primary-subtle-selected"?: any;
3266
3526
  "background-success"?: any;
3267
3527
  "background-success-prominent"?: any;
@@ -3272,9 +3532,15 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3272
3532
  "border-danger"?: any;
3273
3533
  "border-danger-active"?: any;
3274
3534
  "border-danger-hover"?: any;
3535
+ "border-focus-error-inner"?: any;
3536
+ "border-focus-error-middle"?: any;
3537
+ "border-focus-error-outer"?: any;
3275
3538
  "border-focus-inner"?: any;
3276
3539
  "border-focus-middle"?: any;
3277
3540
  "border-focus-outer"?: any;
3541
+ "border-focus-success-inner"?: any;
3542
+ "border-focus-success-middle"?: any;
3543
+ "border-focus-success-outer"?: any;
3278
3544
  "border-neutrals"?: any;
3279
3545
  "border-neutrals-active"?: any;
3280
3546
  "border-neutrals-controls"?: any;
@@ -3367,13 +3633,13 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<_mirohq
3367
3633
  readonly body: "Open Sans, sans-serif";
3368
3634
  };
3369
3635
  radii: {
3370
- readonly none: 0;
3371
- readonly half: "999em";
3372
3636
  readonly 25: "2px";
3373
3637
  readonly 50: "4px";
3374
3638
  readonly 75: "6px";
3375
3639
  readonly 100: "8px";
3376
3640
  readonly 200: "16px";
3641
+ readonly half: "999px";
3642
+ readonly none: "0px";
3377
3643
  };
3378
3644
  shadows: {
3379
3645
  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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-select",
3
- "version": "0.3.1",
3
+ "version": "0.3.2-colors.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -29,14 +29,14 @@
29
29
  "@radix-ui/react-select": "^2.0.0",
30
30
  "@react-aria/interactions": "^3.13.0",
31
31
  "@react-types/shared": "^3.16.0",
32
- "@mirohq/design-system-base-form": "^0.1.0",
32
+ "@mirohq/design-system-base-form": "^0.1.1-colors.1",
33
+ "@mirohq/design-system-icons": "^0.36.3-colors.1",
33
34
  "@mirohq/design-system-primitive": "^1.1.2",
34
- "@mirohq/design-system-icons": "^0.36.2",
35
- "@mirohq/design-system-scroll-area": "^0.2.0",
36
- "@mirohq/design-system-styles": "^1.1.19",
35
+ "@mirohq/design-system-scroll-area": "^0.2.1-colors.1",
36
+ "@mirohq/design-system-stitches": "^2.6.1-colors.1",
37
37
  "@mirohq/design-system-types": "^0.6.2",
38
- "@mirohq/design-system-stitches": "^2.6.0",
39
- "@mirohq/design-system-utils": "^0.15.0"
38
+ "@mirohq/design-system-utils": "^0.15.0",
39
+ "@mirohq/design-system-styles": "^1.1.20-colors.1"
40
40
  },
41
41
  "scripts": {
42
42
  "build": "rollup -c ../../../rollup.config.js",