@mirohq/design-system-popover 5.1.21-colors.2 → 5.1.21-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 +116 -276
  2. package/package.json +5 -5
package/dist/types.d.ts CHANGED
@@ -16,103 +16,63 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
16
16
  };
17
17
  colors: {
18
18
  readonly black: any;
19
- readonly 'blue-50': any;
20
19
  readonly 'blue-100': any;
21
- readonly 'blue-150': any;
22
20
  readonly 'blue-200': any;
23
- readonly 'blue-250': any;
24
21
  readonly 'blue-300': any;
25
- readonly 'blue-350': any;
26
22
  readonly 'blue-400': any;
27
- readonly 'blue-450': any;
28
23
  readonly 'blue-500': any;
29
- readonly 'blue-550': any;
30
24
  readonly 'blue-600': any;
31
- readonly 'blue-650': any;
32
25
  readonly 'blue-700': any;
33
- readonly 'blue-750': any;
34
26
  readonly 'blue-800': any;
35
- readonly 'blue-850': any;
36
27
  readonly 'blue-900': any;
37
- readonly 'blue-950': any;
38
- readonly 'gray-50': any;
28
+ readonly 'blue-1000': any;
39
29
  readonly 'gray-100': any;
40
- readonly 'gray-150': any;
41
30
  readonly 'gray-200': any;
42
- readonly 'gray-250': any;
43
31
  readonly 'gray-300': any;
44
- readonly 'gray-350': any;
45
32
  readonly 'gray-400': any;
46
- readonly 'gray-450': any;
47
33
  readonly 'gray-500': any;
48
- readonly 'gray-550': any;
49
34
  readonly 'gray-600': any;
50
- readonly 'gray-650': any;
51
35
  readonly 'gray-700': any;
52
- readonly 'gray-750': any;
53
36
  readonly 'gray-800': any;
54
- readonly 'gray-850': any;
55
37
  readonly 'gray-900': any;
56
- readonly 'gray-950': any;
57
- readonly 'green-50': any;
58
38
  readonly 'green-100': any;
59
- readonly 'green-150': any;
60
39
  readonly 'green-200': any;
61
- readonly 'green-250': any;
62
40
  readonly 'green-300': any;
63
- readonly 'green-350': any;
64
41
  readonly 'green-400': any;
65
- readonly 'green-450': any;
66
42
  readonly 'green-500': any;
67
- readonly 'green-550': any;
68
43
  readonly 'green-600': any;
69
- readonly 'green-650': any;
70
44
  readonly 'green-700': any;
71
- readonly 'green-750': any;
72
45
  readonly 'green-800': any;
73
- readonly 'green-850': any;
74
46
  readonly 'green-900': any;
75
- readonly 'green-950': any;
76
- readonly 'red-50': any;
47
+ readonly 'indigo-100': any;
48
+ readonly 'indigo-200': any;
49
+ readonly 'indigo-300': any;
50
+ readonly 'indigo-400': any;
51
+ readonly 'indigo-500': any;
52
+ readonly 'indigo-600': any;
53
+ readonly 'indigo-700': any;
54
+ readonly 'indigo-800': any;
55
+ readonly 'indigo-900': any;
77
56
  readonly 'red-100': any;
78
- readonly 'red-150': any;
79
57
  readonly 'red-200': any;
80
- readonly 'red-250': any;
81
58
  readonly 'red-300': any;
82
- readonly 'red-350': any;
83
59
  readonly 'red-400': any;
84
- readonly 'red-450': any;
85
60
  readonly 'red-500': any;
86
- readonly 'red-550': any;
87
61
  readonly 'red-600': any;
88
- readonly 'red-650': any;
89
62
  readonly 'red-700': any;
90
- readonly 'red-750': any;
91
63
  readonly 'red-800': any;
92
- readonly 'red-850': any;
93
64
  readonly 'red-900': any;
94
- readonly 'red-950': any;
95
65
  readonly transparent: any;
96
66
  readonly white: any;
97
- readonly 'yellow-50': any;
98
67
  readonly 'yellow-100': any;
99
- readonly 'yellow-150': any;
100
68
  readonly 'yellow-200': any;
101
- readonly 'yellow-250': any;
102
69
  readonly 'yellow-300': any;
103
- readonly 'yellow-350': any;
104
70
  readonly 'yellow-400': any;
105
- readonly 'yellow-450': any;
106
71
  readonly 'yellow-500': any;
107
- readonly 'yellow-550': any;
108
72
  readonly 'yellow-600': any;
109
- readonly 'yellow-650': any;
110
73
  readonly 'yellow-700': any;
111
- readonly 'yellow-750': any;
112
74
  readonly 'yellow-800': any;
113
- readonly 'yellow-850': any;
114
75
  readonly 'yellow-900': any;
115
- readonly 'yellow-950': any;
116
76
  "background-alpha-active"?: any;
117
77
  "background-alpha-hover"?: any;
118
78
  "background-danger-prominent"?: any;
@@ -133,19 +93,27 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
133
93
  "background-neutrals-inverted-subtle"?: any;
134
94
  "background-neutrals-page"?: any;
135
95
  "background-neutrals-page-subtle"?: any;
136
- "background-neutrals-scrollbar"?: any;
137
- "background-neutrals-scrollbar-active"?: any;
138
- "background-neutrals-scrollbar-hover"?: any;
96
+ "background-neutrals-scrolls"?: any;
97
+ "background-neutrals-scrolls-expanded"?: any;
98
+ "background-neutrals-scrolls-hover"?: any;
99
+ "background-neutrals-scrolls-pressed"?: any;
100
+ "background-neutrals-scrolls-pressed-hover"?: any;
139
101
  "background-neutrals-subtle"?: any;
140
102
  "background-neutrals-subtle-active"?: any;
141
103
  "background-neutrals-subtle-hover"?: any;
142
104
  "background-primary-prominent"?: any;
143
105
  "background-primary-prominent-active"?: any;
106
+ "background-primary-prominent-expanded"?: any;
144
107
  "background-primary-prominent-hover"?: any;
108
+ "background-primary-prominent-pressed"?: any;
109
+ "background-primary-prominent-pressed-hover"?: any;
145
110
  "background-primary-prominent-selected"?: any;
146
111
  "background-primary-subtle"?: any;
147
112
  "background-primary-subtle-active"?: any;
113
+ "background-primary-subtle-expanded"?: any;
148
114
  "background-primary-subtle-hover"?: any;
115
+ "background-primary-subtle-pressed"?: any;
116
+ "background-primary-subtle-pressed-hover"?: any;
149
117
  "background-primary-subtle-selected"?: any;
150
118
  "background-success"?: any;
151
119
  "background-success-prominent"?: any;
@@ -156,15 +124,9 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
156
124
  "border-danger"?: any;
157
125
  "border-danger-active"?: any;
158
126
  "border-danger-hover"?: any;
159
- "border-focus-error-inner"?: any;
160
- "border-focus-error-middle"?: any;
161
- "border-focus-error-outer"?: any;
162
127
  "border-focus-inner"?: any;
163
128
  "border-focus-middle"?: any;
164
129
  "border-focus-outer"?: any;
165
- "border-focus-success-inner"?: any;
166
- "border-focus-success-middle"?: any;
167
- "border-focus-success-outer"?: any;
168
130
  "border-neutrals"?: any;
169
131
  "border-neutrals-active"?: any;
170
132
  "border-neutrals-controls"?: any;
@@ -257,23 +219,21 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
257
219
  readonly body: "Open Sans, sans-serif";
258
220
  };
259
221
  radii: {
222
+ readonly none: 0;
223
+ readonly half: "999em";
260
224
  readonly 25: "2px";
261
225
  readonly 50: "4px";
262
226
  readonly 75: "6px";
263
227
  readonly 100: "8px";
264
228
  readonly 200: "16px";
265
- readonly half: "999px";
266
- readonly none: "0px";
267
229
  };
268
230
  shadows: {
269
- 50: any;
270
- 100: any;
271
- "focus-small": any;
272
- "focus-small-outline": any;
273
- "focus-large": any;
274
- "focus-controls": any;
275
- "focus-controls-error": any;
276
- "focus-controls-success": any;
231
+ 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";
232
+ 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";
233
+ 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";
234
+ 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";
235
+ 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";
236
+ 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";
277
237
  };
278
238
  sizes: {
279
239
  readonly number: string;
@@ -554,103 +514,63 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
554
514
  };
555
515
  colors: {
556
516
  readonly black: any;
557
- readonly 'blue-50': any;
558
517
  readonly 'blue-100': any;
559
- readonly 'blue-150': any;
560
518
  readonly 'blue-200': any;
561
- readonly 'blue-250': any;
562
519
  readonly 'blue-300': any;
563
- readonly 'blue-350': any;
564
520
  readonly 'blue-400': any;
565
- readonly 'blue-450': any;
566
521
  readonly 'blue-500': any;
567
- readonly 'blue-550': any;
568
522
  readonly 'blue-600': any;
569
- readonly 'blue-650': any;
570
523
  readonly 'blue-700': any;
571
- readonly 'blue-750': any;
572
524
  readonly 'blue-800': any;
573
- readonly 'blue-850': any;
574
525
  readonly 'blue-900': any;
575
- readonly 'blue-950': any;
576
- readonly 'gray-50': any;
526
+ readonly 'blue-1000': any;
577
527
  readonly 'gray-100': any;
578
- readonly 'gray-150': any;
579
528
  readonly 'gray-200': any;
580
- readonly 'gray-250': any;
581
529
  readonly 'gray-300': any;
582
- readonly 'gray-350': any;
583
530
  readonly 'gray-400': any;
584
- readonly 'gray-450': any;
585
531
  readonly 'gray-500': any;
586
- readonly 'gray-550': any;
587
532
  readonly 'gray-600': any;
588
- readonly 'gray-650': any;
589
533
  readonly 'gray-700': any;
590
- readonly 'gray-750': any;
591
534
  readonly 'gray-800': any;
592
- readonly 'gray-850': any;
593
535
  readonly 'gray-900': any;
594
- readonly 'gray-950': any;
595
- readonly 'green-50': any;
596
536
  readonly 'green-100': any;
597
- readonly 'green-150': any;
598
537
  readonly 'green-200': any;
599
- readonly 'green-250': any;
600
538
  readonly 'green-300': any;
601
- readonly 'green-350': any;
602
539
  readonly 'green-400': any;
603
- readonly 'green-450': any;
604
540
  readonly 'green-500': any;
605
- readonly 'green-550': any;
606
541
  readonly 'green-600': any;
607
- readonly 'green-650': any;
608
542
  readonly 'green-700': any;
609
- readonly 'green-750': any;
610
543
  readonly 'green-800': any;
611
- readonly 'green-850': any;
612
544
  readonly 'green-900': any;
613
- readonly 'green-950': any;
614
- readonly 'red-50': any;
545
+ readonly 'indigo-100': any;
546
+ readonly 'indigo-200': any;
547
+ readonly 'indigo-300': any;
548
+ readonly 'indigo-400': any;
549
+ readonly 'indigo-500': any;
550
+ readonly 'indigo-600': any;
551
+ readonly 'indigo-700': any;
552
+ readonly 'indigo-800': any;
553
+ readonly 'indigo-900': any;
615
554
  readonly 'red-100': any;
616
- readonly 'red-150': any;
617
555
  readonly 'red-200': any;
618
- readonly 'red-250': any;
619
556
  readonly 'red-300': any;
620
- readonly 'red-350': any;
621
557
  readonly 'red-400': any;
622
- readonly 'red-450': any;
623
558
  readonly 'red-500': any;
624
- readonly 'red-550': any;
625
559
  readonly 'red-600': any;
626
- readonly 'red-650': any;
627
560
  readonly 'red-700': any;
628
- readonly 'red-750': any;
629
561
  readonly 'red-800': any;
630
- readonly 'red-850': any;
631
562
  readonly 'red-900': any;
632
- readonly 'red-950': any;
633
563
  readonly transparent: any;
634
564
  readonly white: any;
635
- readonly 'yellow-50': any;
636
565
  readonly 'yellow-100': any;
637
- readonly 'yellow-150': any;
638
566
  readonly 'yellow-200': any;
639
- readonly 'yellow-250': any;
640
567
  readonly 'yellow-300': any;
641
- readonly 'yellow-350': any;
642
568
  readonly 'yellow-400': any;
643
- readonly 'yellow-450': any;
644
569
  readonly 'yellow-500': any;
645
- readonly 'yellow-550': any;
646
570
  readonly 'yellow-600': any;
647
- readonly 'yellow-650': any;
648
571
  readonly 'yellow-700': any;
649
- readonly 'yellow-750': any;
650
572
  readonly 'yellow-800': any;
651
- readonly 'yellow-850': any;
652
573
  readonly 'yellow-900': any;
653
- readonly 'yellow-950': any;
654
574
  "background-alpha-active"?: any;
655
575
  "background-alpha-hover"?: any;
656
576
  "background-danger-prominent"?: any;
@@ -671,19 +591,27 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
671
591
  "background-neutrals-inverted-subtle"?: any;
672
592
  "background-neutrals-page"?: any;
673
593
  "background-neutrals-page-subtle"?: any;
674
- "background-neutrals-scrollbar"?: any;
675
- "background-neutrals-scrollbar-active"?: any;
676
- "background-neutrals-scrollbar-hover"?: any;
594
+ "background-neutrals-scrolls"?: any;
595
+ "background-neutrals-scrolls-expanded"?: any;
596
+ "background-neutrals-scrolls-hover"?: any;
597
+ "background-neutrals-scrolls-pressed"?: any;
598
+ "background-neutrals-scrolls-pressed-hover"?: any;
677
599
  "background-neutrals-subtle"?: any;
678
600
  "background-neutrals-subtle-active"?: any;
679
601
  "background-neutrals-subtle-hover"?: any;
680
602
  "background-primary-prominent"?: any;
681
603
  "background-primary-prominent-active"?: any;
604
+ "background-primary-prominent-expanded"?: any;
682
605
  "background-primary-prominent-hover"?: any;
606
+ "background-primary-prominent-pressed"?: any;
607
+ "background-primary-prominent-pressed-hover"?: any;
683
608
  "background-primary-prominent-selected"?: any;
684
609
  "background-primary-subtle"?: any;
685
610
  "background-primary-subtle-active"?: any;
611
+ "background-primary-subtle-expanded"?: any;
686
612
  "background-primary-subtle-hover"?: any;
613
+ "background-primary-subtle-pressed"?: any;
614
+ "background-primary-subtle-pressed-hover"?: any;
687
615
  "background-primary-subtle-selected"?: any;
688
616
  "background-success"?: any;
689
617
  "background-success-prominent"?: any;
@@ -694,15 +622,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
694
622
  "border-danger"?: any;
695
623
  "border-danger-active"?: any;
696
624
  "border-danger-hover"?: any;
697
- "border-focus-error-inner"?: any;
698
- "border-focus-error-middle"?: any;
699
- "border-focus-error-outer"?: any;
700
625
  "border-focus-inner"?: any;
701
626
  "border-focus-middle"?: any;
702
627
  "border-focus-outer"?: any;
703
- "border-focus-success-inner"?: any;
704
- "border-focus-success-middle"?: any;
705
- "border-focus-success-outer"?: any;
706
628
  "border-neutrals"?: any;
707
629
  "border-neutrals-active"?: any;
708
630
  "border-neutrals-controls"?: any;
@@ -795,23 +717,21 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
795
717
  readonly body: "Open Sans, sans-serif";
796
718
  };
797
719
  radii: {
720
+ readonly none: 0;
721
+ readonly half: "999em";
798
722
  readonly 25: "2px";
799
723
  readonly 50: "4px";
800
724
  readonly 75: "6px";
801
725
  readonly 100: "8px";
802
726
  readonly 200: "16px";
803
- readonly half: "999px";
804
- readonly none: "0px";
805
727
  };
806
728
  shadows: {
807
- 50: any;
808
- 100: any;
809
- "focus-small": any;
810
- "focus-small-outline": any;
811
- "focus-large": any;
812
- "focus-controls": any;
813
- "focus-controls-error": any;
814
- "focus-controls-success": any;
729
+ 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";
730
+ 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";
731
+ 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";
732
+ 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";
733
+ 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";
734
+ 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";
815
735
  };
816
736
  sizes: {
817
737
  readonly number: string;
@@ -1222,103 +1142,63 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1222
1142
  };
1223
1143
  colors: {
1224
1144
  readonly black: any;
1225
- readonly 'blue-50': any;
1226
1145
  readonly 'blue-100': any;
1227
- readonly 'blue-150': any;
1228
1146
  readonly 'blue-200': any;
1229
- readonly 'blue-250': any;
1230
1147
  readonly 'blue-300': any;
1231
- readonly 'blue-350': any;
1232
1148
  readonly 'blue-400': any;
1233
- readonly 'blue-450': any;
1234
1149
  readonly 'blue-500': any;
1235
- readonly 'blue-550': any;
1236
1150
  readonly 'blue-600': any;
1237
- readonly 'blue-650': any;
1238
1151
  readonly 'blue-700': any;
1239
- readonly 'blue-750': any;
1240
1152
  readonly 'blue-800': any;
1241
- readonly 'blue-850': any;
1242
1153
  readonly 'blue-900': any;
1243
- readonly 'blue-950': any;
1244
- readonly 'gray-50': any;
1154
+ readonly 'blue-1000': any;
1245
1155
  readonly 'gray-100': any;
1246
- readonly 'gray-150': any;
1247
1156
  readonly 'gray-200': any;
1248
- readonly 'gray-250': any;
1249
1157
  readonly 'gray-300': any;
1250
- readonly 'gray-350': any;
1251
1158
  readonly 'gray-400': any;
1252
- readonly 'gray-450': any;
1253
1159
  readonly 'gray-500': any;
1254
- readonly 'gray-550': any;
1255
1160
  readonly 'gray-600': any;
1256
- readonly 'gray-650': any;
1257
1161
  readonly 'gray-700': any;
1258
- readonly 'gray-750': any;
1259
1162
  readonly 'gray-800': any;
1260
- readonly 'gray-850': any;
1261
1163
  readonly 'gray-900': any;
1262
- readonly 'gray-950': any;
1263
- readonly 'green-50': any;
1264
1164
  readonly 'green-100': any;
1265
- readonly 'green-150': any;
1266
1165
  readonly 'green-200': any;
1267
- readonly 'green-250': any;
1268
1166
  readonly 'green-300': any;
1269
- readonly 'green-350': any;
1270
1167
  readonly 'green-400': any;
1271
- readonly 'green-450': any;
1272
1168
  readonly 'green-500': any;
1273
- readonly 'green-550': any;
1274
1169
  readonly 'green-600': any;
1275
- readonly 'green-650': any;
1276
1170
  readonly 'green-700': any;
1277
- readonly 'green-750': any;
1278
1171
  readonly 'green-800': any;
1279
- readonly 'green-850': any;
1280
1172
  readonly 'green-900': any;
1281
- readonly 'green-950': any;
1282
- readonly 'red-50': any;
1173
+ readonly 'indigo-100': any;
1174
+ readonly 'indigo-200': any;
1175
+ readonly 'indigo-300': any;
1176
+ readonly 'indigo-400': any;
1177
+ readonly 'indigo-500': any;
1178
+ readonly 'indigo-600': any;
1179
+ readonly 'indigo-700': any;
1180
+ readonly 'indigo-800': any;
1181
+ readonly 'indigo-900': any;
1283
1182
  readonly 'red-100': any;
1284
- readonly 'red-150': any;
1285
1183
  readonly 'red-200': any;
1286
- readonly 'red-250': any;
1287
1184
  readonly 'red-300': any;
1288
- readonly 'red-350': any;
1289
1185
  readonly 'red-400': any;
1290
- readonly 'red-450': any;
1291
1186
  readonly 'red-500': any;
1292
- readonly 'red-550': any;
1293
1187
  readonly 'red-600': any;
1294
- readonly 'red-650': any;
1295
1188
  readonly 'red-700': any;
1296
- readonly 'red-750': any;
1297
1189
  readonly 'red-800': any;
1298
- readonly 'red-850': any;
1299
1190
  readonly 'red-900': any;
1300
- readonly 'red-950': any;
1301
1191
  readonly transparent: any;
1302
1192
  readonly white: any;
1303
- readonly 'yellow-50': any;
1304
1193
  readonly 'yellow-100': any;
1305
- readonly 'yellow-150': any;
1306
1194
  readonly 'yellow-200': any;
1307
- readonly 'yellow-250': any;
1308
1195
  readonly 'yellow-300': any;
1309
- readonly 'yellow-350': any;
1310
1196
  readonly 'yellow-400': any;
1311
- readonly 'yellow-450': any;
1312
1197
  readonly 'yellow-500': any;
1313
- readonly 'yellow-550': any;
1314
1198
  readonly 'yellow-600': any;
1315
- readonly 'yellow-650': any;
1316
1199
  readonly 'yellow-700': any;
1317
- readonly 'yellow-750': any;
1318
1200
  readonly 'yellow-800': any;
1319
- readonly 'yellow-850': any;
1320
1201
  readonly 'yellow-900': any;
1321
- readonly 'yellow-950': any;
1322
1202
  "background-alpha-active"?: any;
1323
1203
  "background-alpha-hover"?: any;
1324
1204
  "background-danger-prominent"?: any;
@@ -1339,19 +1219,27 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1339
1219
  "background-neutrals-inverted-subtle"?: any;
1340
1220
  "background-neutrals-page"?: any;
1341
1221
  "background-neutrals-page-subtle"?: any;
1342
- "background-neutrals-scrollbar"?: any;
1343
- "background-neutrals-scrollbar-active"?: any;
1344
- "background-neutrals-scrollbar-hover"?: any;
1222
+ "background-neutrals-scrolls"?: any;
1223
+ "background-neutrals-scrolls-expanded"?: any;
1224
+ "background-neutrals-scrolls-hover"?: any;
1225
+ "background-neutrals-scrolls-pressed"?: any;
1226
+ "background-neutrals-scrolls-pressed-hover"?: any;
1345
1227
  "background-neutrals-subtle"?: any;
1346
1228
  "background-neutrals-subtle-active"?: any;
1347
1229
  "background-neutrals-subtle-hover"?: any;
1348
1230
  "background-primary-prominent"?: any;
1349
1231
  "background-primary-prominent-active"?: any;
1232
+ "background-primary-prominent-expanded"?: any;
1350
1233
  "background-primary-prominent-hover"?: any;
1234
+ "background-primary-prominent-pressed"?: any;
1235
+ "background-primary-prominent-pressed-hover"?: any;
1351
1236
  "background-primary-prominent-selected"?: any;
1352
1237
  "background-primary-subtle"?: any;
1353
1238
  "background-primary-subtle-active"?: any;
1239
+ "background-primary-subtle-expanded"?: any;
1354
1240
  "background-primary-subtle-hover"?: any;
1241
+ "background-primary-subtle-pressed"?: any;
1242
+ "background-primary-subtle-pressed-hover"?: any;
1355
1243
  "background-primary-subtle-selected"?: any;
1356
1244
  "background-success"?: any;
1357
1245
  "background-success-prominent"?: any;
@@ -1362,15 +1250,9 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1362
1250
  "border-danger"?: any;
1363
1251
  "border-danger-active"?: any;
1364
1252
  "border-danger-hover"?: any;
1365
- "border-focus-error-inner"?: any;
1366
- "border-focus-error-middle"?: any;
1367
- "border-focus-error-outer"?: any;
1368
1253
  "border-focus-inner"?: any;
1369
1254
  "border-focus-middle"?: any;
1370
1255
  "border-focus-outer"?: any;
1371
- "border-focus-success-inner"?: any;
1372
- "border-focus-success-middle"?: any;
1373
- "border-focus-success-outer"?: any;
1374
1256
  "border-neutrals"?: any;
1375
1257
  "border-neutrals-active"?: any;
1376
1258
  "border-neutrals-controls"?: any;
@@ -1463,23 +1345,21 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1463
1345
  readonly body: "Open Sans, sans-serif";
1464
1346
  };
1465
1347
  radii: {
1348
+ readonly none: 0;
1349
+ readonly half: "999em";
1466
1350
  readonly 25: "2px";
1467
1351
  readonly 50: "4px";
1468
1352
  readonly 75: "6px";
1469
1353
  readonly 100: "8px";
1470
1354
  readonly 200: "16px";
1471
- readonly half: "999px";
1472
- readonly none: "0px";
1473
1355
  };
1474
1356
  shadows: {
1475
- 50: any;
1476
- 100: any;
1477
- "focus-small": any;
1478
- "focus-small-outline": any;
1479
- "focus-large": any;
1480
- "focus-controls": any;
1481
- "focus-controls-error": any;
1482
- "focus-controls-success": any;
1357
+ 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";
1358
+ 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";
1359
+ 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";
1360
+ 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";
1361
+ 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";
1362
+ 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";
1483
1363
  };
1484
1364
  sizes: {
1485
1365
  readonly number: string;
@@ -1821,103 +1701,63 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1821
1701
  };
1822
1702
  colors: {
1823
1703
  readonly black: any;
1824
- readonly 'blue-50': any;
1825
1704
  readonly 'blue-100': any;
1826
- readonly 'blue-150': any;
1827
1705
  readonly 'blue-200': any;
1828
- readonly 'blue-250': any;
1829
1706
  readonly 'blue-300': any;
1830
- readonly 'blue-350': any;
1831
1707
  readonly 'blue-400': any;
1832
- readonly 'blue-450': any;
1833
1708
  readonly 'blue-500': any;
1834
- readonly 'blue-550': any;
1835
1709
  readonly 'blue-600': any;
1836
- readonly 'blue-650': any;
1837
1710
  readonly 'blue-700': any;
1838
- readonly 'blue-750': any;
1839
1711
  readonly 'blue-800': any;
1840
- readonly 'blue-850': any;
1841
1712
  readonly 'blue-900': any;
1842
- readonly 'blue-950': any;
1843
- readonly 'gray-50': any;
1713
+ readonly 'blue-1000': any;
1844
1714
  readonly 'gray-100': any;
1845
- readonly 'gray-150': any;
1846
1715
  readonly 'gray-200': any;
1847
- readonly 'gray-250': any;
1848
1716
  readonly 'gray-300': any;
1849
- readonly 'gray-350': any;
1850
1717
  readonly 'gray-400': any;
1851
- readonly 'gray-450': any;
1852
1718
  readonly 'gray-500': any;
1853
- readonly 'gray-550': any;
1854
1719
  readonly 'gray-600': any;
1855
- readonly 'gray-650': any;
1856
1720
  readonly 'gray-700': any;
1857
- readonly 'gray-750': any;
1858
1721
  readonly 'gray-800': any;
1859
- readonly 'gray-850': any;
1860
1722
  readonly 'gray-900': any;
1861
- readonly 'gray-950': any;
1862
- readonly 'green-50': any;
1863
1723
  readonly 'green-100': any;
1864
- readonly 'green-150': any;
1865
1724
  readonly 'green-200': any;
1866
- readonly 'green-250': any;
1867
1725
  readonly 'green-300': any;
1868
- readonly 'green-350': any;
1869
1726
  readonly 'green-400': any;
1870
- readonly 'green-450': any;
1871
1727
  readonly 'green-500': any;
1872
- readonly 'green-550': any;
1873
1728
  readonly 'green-600': any;
1874
- readonly 'green-650': any;
1875
1729
  readonly 'green-700': any;
1876
- readonly 'green-750': any;
1877
1730
  readonly 'green-800': any;
1878
- readonly 'green-850': any;
1879
1731
  readonly 'green-900': any;
1880
- readonly 'green-950': any;
1881
- readonly 'red-50': any;
1732
+ readonly 'indigo-100': any;
1733
+ readonly 'indigo-200': any;
1734
+ readonly 'indigo-300': any;
1735
+ readonly 'indigo-400': any;
1736
+ readonly 'indigo-500': any;
1737
+ readonly 'indigo-600': any;
1738
+ readonly 'indigo-700': any;
1739
+ readonly 'indigo-800': any;
1740
+ readonly 'indigo-900': any;
1882
1741
  readonly 'red-100': any;
1883
- readonly 'red-150': any;
1884
1742
  readonly 'red-200': any;
1885
- readonly 'red-250': any;
1886
1743
  readonly 'red-300': any;
1887
- readonly 'red-350': any;
1888
1744
  readonly 'red-400': any;
1889
- readonly 'red-450': any;
1890
1745
  readonly 'red-500': any;
1891
- readonly 'red-550': any;
1892
1746
  readonly 'red-600': any;
1893
- readonly 'red-650': any;
1894
1747
  readonly 'red-700': any;
1895
- readonly 'red-750': any;
1896
1748
  readonly 'red-800': any;
1897
- readonly 'red-850': any;
1898
1749
  readonly 'red-900': any;
1899
- readonly 'red-950': any;
1900
1750
  readonly transparent: any;
1901
1751
  readonly white: any;
1902
- readonly 'yellow-50': any;
1903
1752
  readonly 'yellow-100': any;
1904
- readonly 'yellow-150': any;
1905
1753
  readonly 'yellow-200': any;
1906
- readonly 'yellow-250': any;
1907
1754
  readonly 'yellow-300': any;
1908
- readonly 'yellow-350': any;
1909
1755
  readonly 'yellow-400': any;
1910
- readonly 'yellow-450': any;
1911
1756
  readonly 'yellow-500': any;
1912
- readonly 'yellow-550': any;
1913
1757
  readonly 'yellow-600': any;
1914
- readonly 'yellow-650': any;
1915
1758
  readonly 'yellow-700': any;
1916
- readonly 'yellow-750': any;
1917
1759
  readonly 'yellow-800': any;
1918
- readonly 'yellow-850': any;
1919
1760
  readonly 'yellow-900': any;
1920
- readonly 'yellow-950': any;
1921
1761
  "background-alpha-active"?: any;
1922
1762
  "background-alpha-hover"?: any;
1923
1763
  "background-danger-prominent"?: any;
@@ -1938,19 +1778,27 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1938
1778
  "background-neutrals-inverted-subtle"?: any;
1939
1779
  "background-neutrals-page"?: any;
1940
1780
  "background-neutrals-page-subtle"?: any;
1941
- "background-neutrals-scrollbar"?: any;
1942
- "background-neutrals-scrollbar-active"?: any;
1943
- "background-neutrals-scrollbar-hover"?: any;
1781
+ "background-neutrals-scrolls"?: any;
1782
+ "background-neutrals-scrolls-expanded"?: any;
1783
+ "background-neutrals-scrolls-hover"?: any;
1784
+ "background-neutrals-scrolls-pressed"?: any;
1785
+ "background-neutrals-scrolls-pressed-hover"?: any;
1944
1786
  "background-neutrals-subtle"?: any;
1945
1787
  "background-neutrals-subtle-active"?: any;
1946
1788
  "background-neutrals-subtle-hover"?: any;
1947
1789
  "background-primary-prominent"?: any;
1948
1790
  "background-primary-prominent-active"?: any;
1791
+ "background-primary-prominent-expanded"?: any;
1949
1792
  "background-primary-prominent-hover"?: any;
1793
+ "background-primary-prominent-pressed"?: any;
1794
+ "background-primary-prominent-pressed-hover"?: any;
1950
1795
  "background-primary-prominent-selected"?: any;
1951
1796
  "background-primary-subtle"?: any;
1952
1797
  "background-primary-subtle-active"?: any;
1798
+ "background-primary-subtle-expanded"?: any;
1953
1799
  "background-primary-subtle-hover"?: any;
1800
+ "background-primary-subtle-pressed"?: any;
1801
+ "background-primary-subtle-pressed-hover"?: any;
1954
1802
  "background-primary-subtle-selected"?: any;
1955
1803
  "background-success"?: any;
1956
1804
  "background-success-prominent"?: any;
@@ -1961,15 +1809,9 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1961
1809
  "border-danger"?: any;
1962
1810
  "border-danger-active"?: any;
1963
1811
  "border-danger-hover"?: any;
1964
- "border-focus-error-inner"?: any;
1965
- "border-focus-error-middle"?: any;
1966
- "border-focus-error-outer"?: any;
1967
1812
  "border-focus-inner"?: any;
1968
1813
  "border-focus-middle"?: any;
1969
1814
  "border-focus-outer"?: any;
1970
- "border-focus-success-inner"?: any;
1971
- "border-focus-success-middle"?: any;
1972
- "border-focus-success-outer"?: any;
1973
1815
  "border-neutrals"?: any;
1974
1816
  "border-neutrals-active"?: any;
1975
1817
  "border-neutrals-controls"?: any;
@@ -2062,23 +1904,21 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2062
1904
  readonly body: "Open Sans, sans-serif";
2063
1905
  };
2064
1906
  radii: {
1907
+ readonly none: 0;
1908
+ readonly half: "999em";
2065
1909
  readonly 25: "2px";
2066
1910
  readonly 50: "4px";
2067
1911
  readonly 75: "6px";
2068
1912
  readonly 100: "8px";
2069
1913
  readonly 200: "16px";
2070
- readonly half: "999px";
2071
- readonly none: "0px";
2072
1914
  };
2073
1915
  shadows: {
2074
- 50: any;
2075
- 100: any;
2076
- "focus-small": any;
2077
- "focus-small-outline": any;
2078
- "focus-large": any;
2079
- "focus-controls": any;
2080
- "focus-controls-error": any;
2081
- "focus-controls-success": any;
1916
+ 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";
1917
+ 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";
1918
+ 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";
1919
+ 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";
1920
+ 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";
1921
+ 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";
2082
1922
  };
2083
1923
  sizes: {
2084
1924
  readonly number: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-popover",
3
- "version": "5.1.21-colors.2",
3
+ "version": "5.1.21-combobox.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,12 +27,12 @@
27
27
  "react-dom": "^16.14 || ^17 || ^18"
28
28
  },
29
29
  "dependencies": {
30
- "@radix-ui/react-popover": "^1.0.0",
30
+ "@radix-ui/react-popover": "^1.0.7",
31
31
  "@radix-ui/react-use-size": "^1.0.1",
32
- "@mirohq/design-system-icons": "^0.36.3-colors.2",
32
+ "@mirohq/design-system-icons": "^0.36.3-combobox.0",
33
33
  "@mirohq/design-system-primitive": "^1.1.2",
34
- "@mirohq/design-system-stitches": "^2.6.1-colors.2",
35
- "@mirohq/design-system-styles": "^1.1.20-colors.2"
34
+ "@mirohq/design-system-stitches": "^2.6.0",
35
+ "@mirohq/design-system-styles": "^1.1.20-combobox.0"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rollup -c ../../../rollup.config.js",