@mirohq/design-system-tooltip 3.3.5-colors.2 → 3.3.5-combobox.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/types.d.ts +87 -207
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -17,103 +17,63 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
17
17
  };
18
18
  colors: {
19
19
  readonly black: any;
20
- readonly 'blue-50': any;
21
20
  readonly 'blue-100': any;
22
- readonly 'blue-150': any;
23
21
  readonly 'blue-200': any;
24
- readonly 'blue-250': any;
25
22
  readonly 'blue-300': any;
26
- readonly 'blue-350': any;
27
23
  readonly 'blue-400': any;
28
- readonly 'blue-450': any;
29
24
  readonly 'blue-500': any;
30
- readonly 'blue-550': any;
31
25
  readonly 'blue-600': any;
32
- readonly 'blue-650': any;
33
26
  readonly 'blue-700': any;
34
- readonly 'blue-750': any;
35
27
  readonly 'blue-800': any;
36
- readonly 'blue-850': any;
37
28
  readonly 'blue-900': any;
38
- readonly 'blue-950': any;
39
- readonly 'gray-50': any;
29
+ readonly 'blue-1000': any;
40
30
  readonly 'gray-100': any;
41
- readonly 'gray-150': any;
42
31
  readonly 'gray-200': any;
43
- readonly 'gray-250': any;
44
32
  readonly 'gray-300': any;
45
- readonly 'gray-350': any;
46
33
  readonly 'gray-400': any;
47
- readonly 'gray-450': any;
48
34
  readonly 'gray-500': any;
49
- readonly 'gray-550': any;
50
35
  readonly 'gray-600': any;
51
- readonly 'gray-650': any;
52
36
  readonly 'gray-700': any;
53
- readonly 'gray-750': any;
54
37
  readonly 'gray-800': any;
55
- readonly 'gray-850': any;
56
38
  readonly 'gray-900': any;
57
- readonly 'gray-950': any;
58
- readonly 'green-50': any;
59
39
  readonly 'green-100': any;
60
- readonly 'green-150': any;
61
40
  readonly 'green-200': any;
62
- readonly 'green-250': any;
63
41
  readonly 'green-300': any;
64
- readonly 'green-350': any;
65
42
  readonly 'green-400': any;
66
- readonly 'green-450': any;
67
43
  readonly 'green-500': any;
68
- readonly 'green-550': any;
69
44
  readonly 'green-600': any;
70
- readonly 'green-650': any;
71
45
  readonly 'green-700': any;
72
- readonly 'green-750': any;
73
46
  readonly 'green-800': any;
74
- readonly 'green-850': any;
75
47
  readonly 'green-900': any;
76
- readonly 'green-950': any;
77
- readonly 'red-50': any;
48
+ readonly 'indigo-100': any;
49
+ readonly 'indigo-200': any;
50
+ readonly 'indigo-300': any;
51
+ readonly 'indigo-400': any;
52
+ readonly 'indigo-500': any;
53
+ readonly 'indigo-600': any;
54
+ readonly 'indigo-700': any;
55
+ readonly 'indigo-800': any;
56
+ readonly 'indigo-900': any;
78
57
  readonly 'red-100': any;
79
- readonly 'red-150': any;
80
58
  readonly 'red-200': any;
81
- readonly 'red-250': any;
82
59
  readonly 'red-300': any;
83
- readonly 'red-350': any;
84
60
  readonly 'red-400': any;
85
- readonly 'red-450': any;
86
61
  readonly 'red-500': any;
87
- readonly 'red-550': any;
88
62
  readonly 'red-600': any;
89
- readonly 'red-650': any;
90
63
  readonly 'red-700': any;
91
- readonly 'red-750': any;
92
64
  readonly 'red-800': any;
93
- readonly 'red-850': any;
94
65
  readonly 'red-900': any;
95
- readonly 'red-950': any;
96
66
  readonly transparent: any;
97
67
  readonly white: any;
98
- readonly 'yellow-50': any;
99
68
  readonly 'yellow-100': any;
100
- readonly 'yellow-150': any;
101
69
  readonly 'yellow-200': any;
102
- readonly 'yellow-250': any;
103
70
  readonly 'yellow-300': any;
104
- readonly 'yellow-350': any;
105
71
  readonly 'yellow-400': any;
106
- readonly 'yellow-450': any;
107
72
  readonly 'yellow-500': any;
108
- readonly 'yellow-550': any;
109
73
  readonly 'yellow-600': any;
110
- readonly 'yellow-650': any;
111
74
  readonly 'yellow-700': any;
112
- readonly 'yellow-750': any;
113
75
  readonly 'yellow-800': any;
114
- readonly 'yellow-850': any;
115
76
  readonly 'yellow-900': any;
116
- readonly 'yellow-950': any;
117
77
  "background-alpha-active"?: any;
118
78
  "background-alpha-hover"?: any;
119
79
  "background-danger-prominent"?: any;
@@ -134,19 +94,27 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
134
94
  "background-neutrals-inverted-subtle"?: any;
135
95
  "background-neutrals-page"?: any;
136
96
  "background-neutrals-page-subtle"?: any;
137
- "background-neutrals-scrollbar"?: any;
138
- "background-neutrals-scrollbar-active"?: any;
139
- "background-neutrals-scrollbar-hover"?: any;
97
+ "background-neutrals-scrolls"?: any;
98
+ "background-neutrals-scrolls-expanded"?: any;
99
+ "background-neutrals-scrolls-hover"?: any;
100
+ "background-neutrals-scrolls-pressed"?: any;
101
+ "background-neutrals-scrolls-pressed-hover"?: any;
140
102
  "background-neutrals-subtle"?: any;
141
103
  "background-neutrals-subtle-active"?: any;
142
104
  "background-neutrals-subtle-hover"?: any;
143
105
  "background-primary-prominent"?: any;
144
106
  "background-primary-prominent-active"?: any;
107
+ "background-primary-prominent-expanded"?: any;
145
108
  "background-primary-prominent-hover"?: any;
109
+ "background-primary-prominent-pressed"?: any;
110
+ "background-primary-prominent-pressed-hover"?: any;
146
111
  "background-primary-prominent-selected"?: any;
147
112
  "background-primary-subtle"?: any;
148
113
  "background-primary-subtle-active"?: any;
114
+ "background-primary-subtle-expanded"?: any;
149
115
  "background-primary-subtle-hover"?: any;
116
+ "background-primary-subtle-pressed"?: any;
117
+ "background-primary-subtle-pressed-hover"?: any;
150
118
  "background-primary-subtle-selected"?: any;
151
119
  "background-success"?: any;
152
120
  "background-success-prominent"?: any;
@@ -157,15 +125,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
157
125
  "border-danger"?: any;
158
126
  "border-danger-active"?: any;
159
127
  "border-danger-hover"?: any;
160
- "border-focus-error-inner"?: any;
161
- "border-focus-error-middle"?: any;
162
- "border-focus-error-outer"?: any;
163
128
  "border-focus-inner"?: any;
164
129
  "border-focus-middle"?: any;
165
130
  "border-focus-outer"?: any;
166
- "border-focus-success-inner"?: any;
167
- "border-focus-success-middle"?: any;
168
- "border-focus-success-outer"?: any;
169
131
  "border-neutrals"?: any;
170
132
  "border-neutrals-active"?: any;
171
133
  "border-neutrals-controls"?: any;
@@ -258,23 +220,21 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
258
220
  readonly body: "Open Sans, sans-serif";
259
221
  };
260
222
  radii: {
223
+ readonly none: 0;
224
+ readonly half: "999em";
261
225
  readonly 25: "2px";
262
226
  readonly 50: "4px";
263
227
  readonly 75: "6px";
264
228
  readonly 100: "8px";
265
229
  readonly 200: "16px";
266
- readonly half: "999px";
267
- readonly none: "0px";
268
230
  };
269
231
  shadows: {
270
- 50: any;
271
- 100: any;
272
- "focus-small": any;
273
- "focus-small-outline": any;
274
- "focus-large": any;
275
- "focus-controls": any;
276
- "focus-controls-error": any;
277
- "focus-controls-success": any;
232
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
233
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
234
+ readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
235
+ readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
236
+ readonly 'focus-controls-error': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-danger, 0 0 0 5px $colors$background-danger-subtle-hover";
237
+ readonly 'focus-controls-success': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$background-success-prominent, 0 0 0 5px $colors$background-success";
278
238
  };
279
239
  sizes: {
280
240
  readonly number: string;
@@ -635,103 +595,63 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
635
595
  };
636
596
  colors: {
637
597
  readonly black: any;
638
- readonly 'blue-50': any;
639
598
  readonly 'blue-100': any;
640
- readonly 'blue-150': any;
641
599
  readonly 'blue-200': any;
642
- readonly 'blue-250': any;
643
600
  readonly 'blue-300': any;
644
- readonly 'blue-350': any;
645
601
  readonly 'blue-400': any;
646
- readonly 'blue-450': any;
647
602
  readonly 'blue-500': any;
648
- readonly 'blue-550': any;
649
603
  readonly 'blue-600': any;
650
- readonly 'blue-650': any;
651
604
  readonly 'blue-700': any;
652
- readonly 'blue-750': any;
653
605
  readonly 'blue-800': any;
654
- readonly 'blue-850': any;
655
606
  readonly 'blue-900': any;
656
- readonly 'blue-950': any;
657
- readonly 'gray-50': any;
607
+ readonly 'blue-1000': any;
658
608
  readonly 'gray-100': any;
659
- readonly 'gray-150': any;
660
609
  readonly 'gray-200': any;
661
- readonly 'gray-250': any;
662
610
  readonly 'gray-300': any;
663
- readonly 'gray-350': any;
664
611
  readonly 'gray-400': any;
665
- readonly 'gray-450': any;
666
612
  readonly 'gray-500': any;
667
- readonly 'gray-550': any;
668
613
  readonly 'gray-600': any;
669
- readonly 'gray-650': any;
670
614
  readonly 'gray-700': any;
671
- readonly 'gray-750': any;
672
615
  readonly 'gray-800': any;
673
- readonly 'gray-850': any;
674
616
  readonly 'gray-900': any;
675
- readonly 'gray-950': any;
676
- readonly 'green-50': any;
677
617
  readonly 'green-100': any;
678
- readonly 'green-150': any;
679
618
  readonly 'green-200': any;
680
- readonly 'green-250': any;
681
619
  readonly 'green-300': any;
682
- readonly 'green-350': any;
683
620
  readonly 'green-400': any;
684
- readonly 'green-450': any;
685
621
  readonly 'green-500': any;
686
- readonly 'green-550': any;
687
622
  readonly 'green-600': any;
688
- readonly 'green-650': any;
689
623
  readonly 'green-700': any;
690
- readonly 'green-750': any;
691
624
  readonly 'green-800': any;
692
- readonly 'green-850': any;
693
625
  readonly 'green-900': any;
694
- readonly 'green-950': any;
695
- readonly 'red-50': any;
626
+ readonly 'indigo-100': any;
627
+ readonly 'indigo-200': any;
628
+ readonly 'indigo-300': any;
629
+ readonly 'indigo-400': any;
630
+ readonly 'indigo-500': any;
631
+ readonly 'indigo-600': any;
632
+ readonly 'indigo-700': any;
633
+ readonly 'indigo-800': any;
634
+ readonly 'indigo-900': any;
696
635
  readonly 'red-100': any;
697
- readonly 'red-150': any;
698
636
  readonly 'red-200': any;
699
- readonly 'red-250': any;
700
637
  readonly 'red-300': any;
701
- readonly 'red-350': any;
702
638
  readonly 'red-400': any;
703
- readonly 'red-450': any;
704
639
  readonly 'red-500': any;
705
- readonly 'red-550': any;
706
640
  readonly 'red-600': any;
707
- readonly 'red-650': any;
708
641
  readonly 'red-700': any;
709
- readonly 'red-750': any;
710
642
  readonly 'red-800': any;
711
- readonly 'red-850': any;
712
643
  readonly 'red-900': any;
713
- readonly 'red-950': any;
714
644
  readonly transparent: any;
715
645
  readonly white: any;
716
- readonly 'yellow-50': any;
717
646
  readonly 'yellow-100': any;
718
- readonly 'yellow-150': any;
719
647
  readonly 'yellow-200': any;
720
- readonly 'yellow-250': any;
721
648
  readonly 'yellow-300': any;
722
- readonly 'yellow-350': any;
723
649
  readonly 'yellow-400': any;
724
- readonly 'yellow-450': any;
725
650
  readonly 'yellow-500': any;
726
- readonly 'yellow-550': any;
727
651
  readonly 'yellow-600': any;
728
- readonly 'yellow-650': any;
729
652
  readonly 'yellow-700': any;
730
- readonly 'yellow-750': any;
731
653
  readonly 'yellow-800': any;
732
- readonly 'yellow-850': any;
733
654
  readonly 'yellow-900': any;
734
- readonly 'yellow-950': any;
735
655
  "background-alpha-active"?: any;
736
656
  "background-alpha-hover"?: any;
737
657
  "background-danger-prominent"?: any;
@@ -752,19 +672,27 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
752
672
  "background-neutrals-inverted-subtle"?: any;
753
673
  "background-neutrals-page"?: any;
754
674
  "background-neutrals-page-subtle"?: any;
755
- "background-neutrals-scrollbar"?: any;
756
- "background-neutrals-scrollbar-active"?: any;
757
- "background-neutrals-scrollbar-hover"?: any;
675
+ "background-neutrals-scrolls"?: any;
676
+ "background-neutrals-scrolls-expanded"?: any;
677
+ "background-neutrals-scrolls-hover"?: any;
678
+ "background-neutrals-scrolls-pressed"?: any;
679
+ "background-neutrals-scrolls-pressed-hover"?: any;
758
680
  "background-neutrals-subtle"?: any;
759
681
  "background-neutrals-subtle-active"?: any;
760
682
  "background-neutrals-subtle-hover"?: any;
761
683
  "background-primary-prominent"?: any;
762
684
  "background-primary-prominent-active"?: any;
685
+ "background-primary-prominent-expanded"?: any;
763
686
  "background-primary-prominent-hover"?: any;
687
+ "background-primary-prominent-pressed"?: any;
688
+ "background-primary-prominent-pressed-hover"?: any;
764
689
  "background-primary-prominent-selected"?: any;
765
690
  "background-primary-subtle"?: any;
766
691
  "background-primary-subtle-active"?: any;
692
+ "background-primary-subtle-expanded"?: any;
767
693
  "background-primary-subtle-hover"?: any;
694
+ "background-primary-subtle-pressed"?: any;
695
+ "background-primary-subtle-pressed-hover"?: any;
768
696
  "background-primary-subtle-selected"?: any;
769
697
  "background-success"?: any;
770
698
  "background-success-prominent"?: any;
@@ -775,15 +703,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
775
703
  "border-danger"?: any;
776
704
  "border-danger-active"?: any;
777
705
  "border-danger-hover"?: any;
778
- "border-focus-error-inner"?: any;
779
- "border-focus-error-middle"?: any;
780
- "border-focus-error-outer"?: any;
781
706
  "border-focus-inner"?: any;
782
707
  "border-focus-middle"?: any;
783
708
  "border-focus-outer"?: any;
784
- "border-focus-success-inner"?: any;
785
- "border-focus-success-middle"?: any;
786
- "border-focus-success-outer"?: any;
787
709
  "border-neutrals"?: any;
788
710
  "border-neutrals-active"?: any;
789
711
  "border-neutrals-controls"?: any;
@@ -876,23 +798,21 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
876
798
  readonly body: "Open Sans, sans-serif";
877
799
  };
878
800
  radii: {
801
+ readonly none: 0;
802
+ readonly half: "999em";
879
803
  readonly 25: "2px";
880
804
  readonly 50: "4px";
881
805
  readonly 75: "6px";
882
806
  readonly 100: "8px";
883
807
  readonly 200: "16px";
884
- readonly half: "999px";
885
- readonly none: "0px";
886
808
  };
887
809
  shadows: {
888
- 50: any;
889
- 100: any;
890
- "focus-small": any;
891
- "focus-small-outline": any;
892
- "focus-large": any;
893
- "focus-controls": any;
894
- "focus-controls-error": any;
895
- "focus-controls-success": any;
810
+ 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";
811
+ 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";
812
+ 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";
813
+ 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";
814
+ 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";
815
+ 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";
896
816
  };
897
817
  sizes: {
898
818
  readonly number: string;
@@ -1206,103 +1126,63 @@ declare const StyledHotkey: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1206
1126
  };
1207
1127
  colors: {
1208
1128
  readonly black: any;
1209
- readonly 'blue-50': any;
1210
1129
  readonly 'blue-100': any;
1211
- readonly 'blue-150': any;
1212
1130
  readonly 'blue-200': any;
1213
- readonly 'blue-250': any;
1214
1131
  readonly 'blue-300': any;
1215
- readonly 'blue-350': any;
1216
1132
  readonly 'blue-400': any;
1217
- readonly 'blue-450': any;
1218
1133
  readonly 'blue-500': any;
1219
- readonly 'blue-550': any;
1220
1134
  readonly 'blue-600': any;
1221
- readonly 'blue-650': any;
1222
1135
  readonly 'blue-700': any;
1223
- readonly 'blue-750': any;
1224
1136
  readonly 'blue-800': any;
1225
- readonly 'blue-850': any;
1226
1137
  readonly 'blue-900': any;
1227
- readonly 'blue-950': any;
1228
- readonly 'gray-50': any;
1138
+ readonly 'blue-1000': any;
1229
1139
  readonly 'gray-100': any;
1230
- readonly 'gray-150': any;
1231
1140
  readonly 'gray-200': any;
1232
- readonly 'gray-250': any;
1233
1141
  readonly 'gray-300': any;
1234
- readonly 'gray-350': any;
1235
1142
  readonly 'gray-400': any;
1236
- readonly 'gray-450': any;
1237
1143
  readonly 'gray-500': any;
1238
- readonly 'gray-550': any;
1239
1144
  readonly 'gray-600': any;
1240
- readonly 'gray-650': any;
1241
1145
  readonly 'gray-700': any;
1242
- readonly 'gray-750': any;
1243
1146
  readonly 'gray-800': any;
1244
- readonly 'gray-850': any;
1245
1147
  readonly 'gray-900': any;
1246
- readonly 'gray-950': any;
1247
- readonly 'green-50': any;
1248
1148
  readonly 'green-100': any;
1249
- readonly 'green-150': any;
1250
1149
  readonly 'green-200': any;
1251
- readonly 'green-250': any;
1252
1150
  readonly 'green-300': any;
1253
- readonly 'green-350': any;
1254
1151
  readonly 'green-400': any;
1255
- readonly 'green-450': any;
1256
1152
  readonly 'green-500': any;
1257
- readonly 'green-550': any;
1258
1153
  readonly 'green-600': any;
1259
- readonly 'green-650': any;
1260
1154
  readonly 'green-700': any;
1261
- readonly 'green-750': any;
1262
1155
  readonly 'green-800': any;
1263
- readonly 'green-850': any;
1264
1156
  readonly 'green-900': any;
1265
- readonly 'green-950': any;
1266
- readonly 'red-50': any;
1157
+ readonly 'indigo-100': any;
1158
+ readonly 'indigo-200': any;
1159
+ readonly 'indigo-300': any;
1160
+ readonly 'indigo-400': any;
1161
+ readonly 'indigo-500': any;
1162
+ readonly 'indigo-600': any;
1163
+ readonly 'indigo-700': any;
1164
+ readonly 'indigo-800': any;
1165
+ readonly 'indigo-900': any;
1267
1166
  readonly 'red-100': any;
1268
- readonly 'red-150': any;
1269
1167
  readonly 'red-200': any;
1270
- readonly 'red-250': any;
1271
1168
  readonly 'red-300': any;
1272
- readonly 'red-350': any;
1273
1169
  readonly 'red-400': any;
1274
- readonly 'red-450': any;
1275
1170
  readonly 'red-500': any;
1276
- readonly 'red-550': any;
1277
1171
  readonly 'red-600': any;
1278
- readonly 'red-650': any;
1279
1172
  readonly 'red-700': any;
1280
- readonly 'red-750': any;
1281
1173
  readonly 'red-800': any;
1282
- readonly 'red-850': any;
1283
1174
  readonly 'red-900': any;
1284
- readonly 'red-950': any;
1285
1175
  readonly transparent: any;
1286
1176
  readonly white: any;
1287
- readonly 'yellow-50': any;
1288
1177
  readonly 'yellow-100': any;
1289
- readonly 'yellow-150': any;
1290
1178
  readonly 'yellow-200': any;
1291
- readonly 'yellow-250': any;
1292
1179
  readonly 'yellow-300': any;
1293
- readonly 'yellow-350': any;
1294
1180
  readonly 'yellow-400': any;
1295
- readonly 'yellow-450': any;
1296
1181
  readonly 'yellow-500': any;
1297
- readonly 'yellow-550': any;
1298
1182
  readonly 'yellow-600': any;
1299
- readonly 'yellow-650': any;
1300
1183
  readonly 'yellow-700': any;
1301
- readonly 'yellow-750': any;
1302
1184
  readonly 'yellow-800': any;
1303
- readonly 'yellow-850': any;
1304
1185
  readonly 'yellow-900': any;
1305
- readonly 'yellow-950': any;
1306
1186
  "background-alpha-active"?: any;
1307
1187
  "background-alpha-hover"?: any;
1308
1188
  "background-danger-prominent"?: any;
@@ -1323,19 +1203,27 @@ declare const StyledHotkey: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1323
1203
  "background-neutrals-inverted-subtle"?: any;
1324
1204
  "background-neutrals-page"?: any;
1325
1205
  "background-neutrals-page-subtle"?: any;
1326
- "background-neutrals-scrollbar"?: any;
1327
- "background-neutrals-scrollbar-active"?: any;
1328
- "background-neutrals-scrollbar-hover"?: any;
1206
+ "background-neutrals-scrolls"?: any;
1207
+ "background-neutrals-scrolls-expanded"?: any;
1208
+ "background-neutrals-scrolls-hover"?: any;
1209
+ "background-neutrals-scrolls-pressed"?: any;
1210
+ "background-neutrals-scrolls-pressed-hover"?: any;
1329
1211
  "background-neutrals-subtle"?: any;
1330
1212
  "background-neutrals-subtle-active"?: any;
1331
1213
  "background-neutrals-subtle-hover"?: any;
1332
1214
  "background-primary-prominent"?: any;
1333
1215
  "background-primary-prominent-active"?: any;
1216
+ "background-primary-prominent-expanded"?: any;
1334
1217
  "background-primary-prominent-hover"?: any;
1218
+ "background-primary-prominent-pressed"?: any;
1219
+ "background-primary-prominent-pressed-hover"?: any;
1335
1220
  "background-primary-prominent-selected"?: any;
1336
1221
  "background-primary-subtle"?: any;
1337
1222
  "background-primary-subtle-active"?: any;
1223
+ "background-primary-subtle-expanded"?: any;
1338
1224
  "background-primary-subtle-hover"?: any;
1225
+ "background-primary-subtle-pressed"?: any;
1226
+ "background-primary-subtle-pressed-hover"?: any;
1339
1227
  "background-primary-subtle-selected"?: any;
1340
1228
  "background-success"?: any;
1341
1229
  "background-success-prominent"?: any;
@@ -1346,15 +1234,9 @@ declare const StyledHotkey: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1346
1234
  "border-danger"?: any;
1347
1235
  "border-danger-active"?: any;
1348
1236
  "border-danger-hover"?: any;
1349
- "border-focus-error-inner"?: any;
1350
- "border-focus-error-middle"?: any;
1351
- "border-focus-error-outer"?: any;
1352
1237
  "border-focus-inner"?: any;
1353
1238
  "border-focus-middle"?: any;
1354
1239
  "border-focus-outer"?: any;
1355
- "border-focus-success-inner"?: any;
1356
- "border-focus-success-middle"?: any;
1357
- "border-focus-success-outer"?: any;
1358
1240
  "border-neutrals"?: any;
1359
1241
  "border-neutrals-active"?: any;
1360
1242
  "border-neutrals-controls"?: any;
@@ -1447,23 +1329,21 @@ declare const StyledHotkey: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_de
1447
1329
  readonly body: "Open Sans, sans-serif";
1448
1330
  };
1449
1331
  radii: {
1332
+ readonly none: 0;
1333
+ readonly half: "999em";
1450
1334
  readonly 25: "2px";
1451
1335
  readonly 50: "4px";
1452
1336
  readonly 75: "6px";
1453
1337
  readonly 100: "8px";
1454
1338
  readonly 200: "16px";
1455
- readonly half: "999px";
1456
- readonly none: "0px";
1457
1339
  };
1458
1340
  shadows: {
1459
- 50: any;
1460
- 100: any;
1461
- "focus-small": any;
1462
- "focus-small-outline": any;
1463
- "focus-large": any;
1464
- "focus-controls": any;
1465
- "focus-controls-error": any;
1466
- "focus-controls-success": any;
1341
+ 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";
1342
+ 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";
1343
+ 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";
1344
+ 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";
1345
+ 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";
1346
+ 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";
1467
1347
  };
1468
1348
  sizes: {
1469
1349
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-tooltip",
3
- "version": "3.3.5-colors.2",
3
+ "version": "3.3.5-combobox.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,12 +28,12 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-tooltip": "^1.0.3",
31
- "@mirohq/design-system-base-hotkey": "^0.1.2-colors.2",
32
31
  "@mirohq/design-system-primitive": "^1.1.2",
33
- "@mirohq/design-system-stitches": "^2.6.1-colors.2",
34
- "@mirohq/design-system-styles": "^1.1.20-colors.2",
32
+ "@mirohq/design-system-stitches": "^2.6.0",
35
33
  "@mirohq/design-system-utils": "^0.15.0",
36
- "@mirohq/design-tokens": "^4.0.0-colors.2"
34
+ "@mirohq/design-tokens": "^3.6.0",
35
+ "@mirohq/design-system-base-hotkey": "^0.1.1",
36
+ "@mirohq/design-system-styles": "^1.1.20-combobox.0"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rollup -c ../../../rollup.config.js",