@mirohq/design-system-popover 5.1.21-colors.1 → 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 +92 -244
  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,13 +219,13 @@ 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
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";
@@ -552,103 +514,63 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
552
514
  };
553
515
  colors: {
554
516
  readonly black: any;
555
- readonly 'blue-50': any;
556
517
  readonly 'blue-100': any;
557
- readonly 'blue-150': any;
558
518
  readonly 'blue-200': any;
559
- readonly 'blue-250': any;
560
519
  readonly 'blue-300': any;
561
- readonly 'blue-350': any;
562
520
  readonly 'blue-400': any;
563
- readonly 'blue-450': any;
564
521
  readonly 'blue-500': any;
565
- readonly 'blue-550': any;
566
522
  readonly 'blue-600': any;
567
- readonly 'blue-650': any;
568
523
  readonly 'blue-700': any;
569
- readonly 'blue-750': any;
570
524
  readonly 'blue-800': any;
571
- readonly 'blue-850': any;
572
525
  readonly 'blue-900': any;
573
- readonly 'blue-950': any;
574
- readonly 'gray-50': any;
526
+ readonly 'blue-1000': any;
575
527
  readonly 'gray-100': any;
576
- readonly 'gray-150': any;
577
528
  readonly 'gray-200': any;
578
- readonly 'gray-250': any;
579
529
  readonly 'gray-300': any;
580
- readonly 'gray-350': any;
581
530
  readonly 'gray-400': any;
582
- readonly 'gray-450': any;
583
531
  readonly 'gray-500': any;
584
- readonly 'gray-550': any;
585
532
  readonly 'gray-600': any;
586
- readonly 'gray-650': any;
587
533
  readonly 'gray-700': any;
588
- readonly 'gray-750': any;
589
534
  readonly 'gray-800': any;
590
- readonly 'gray-850': any;
591
535
  readonly 'gray-900': any;
592
- readonly 'gray-950': any;
593
- readonly 'green-50': any;
594
536
  readonly 'green-100': any;
595
- readonly 'green-150': any;
596
537
  readonly 'green-200': any;
597
- readonly 'green-250': any;
598
538
  readonly 'green-300': any;
599
- readonly 'green-350': any;
600
539
  readonly 'green-400': any;
601
- readonly 'green-450': any;
602
540
  readonly 'green-500': any;
603
- readonly 'green-550': any;
604
541
  readonly 'green-600': any;
605
- readonly 'green-650': any;
606
542
  readonly 'green-700': any;
607
- readonly 'green-750': any;
608
543
  readonly 'green-800': any;
609
- readonly 'green-850': any;
610
544
  readonly 'green-900': any;
611
- readonly 'green-950': any;
612
- 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;
613
554
  readonly 'red-100': any;
614
- readonly 'red-150': any;
615
555
  readonly 'red-200': any;
616
- readonly 'red-250': any;
617
556
  readonly 'red-300': any;
618
- readonly 'red-350': any;
619
557
  readonly 'red-400': any;
620
- readonly 'red-450': any;
621
558
  readonly 'red-500': any;
622
- readonly 'red-550': any;
623
559
  readonly 'red-600': any;
624
- readonly 'red-650': any;
625
560
  readonly 'red-700': any;
626
- readonly 'red-750': any;
627
561
  readonly 'red-800': any;
628
- readonly 'red-850': any;
629
562
  readonly 'red-900': any;
630
- readonly 'red-950': any;
631
563
  readonly transparent: any;
632
564
  readonly white: any;
633
- readonly 'yellow-50': any;
634
565
  readonly 'yellow-100': any;
635
- readonly 'yellow-150': any;
636
566
  readonly 'yellow-200': any;
637
- readonly 'yellow-250': any;
638
567
  readonly 'yellow-300': any;
639
- readonly 'yellow-350': any;
640
568
  readonly 'yellow-400': any;
641
- readonly 'yellow-450': any;
642
569
  readonly 'yellow-500': any;
643
- readonly 'yellow-550': any;
644
570
  readonly 'yellow-600': any;
645
- readonly 'yellow-650': any;
646
571
  readonly 'yellow-700': any;
647
- readonly 'yellow-750': any;
648
572
  readonly 'yellow-800': any;
649
- readonly 'yellow-850': any;
650
573
  readonly 'yellow-900': any;
651
- readonly 'yellow-950': any;
652
574
  "background-alpha-active"?: any;
653
575
  "background-alpha-hover"?: any;
654
576
  "background-danger-prominent"?: any;
@@ -669,19 +591,27 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
669
591
  "background-neutrals-inverted-subtle"?: any;
670
592
  "background-neutrals-page"?: any;
671
593
  "background-neutrals-page-subtle"?: any;
672
- "background-neutrals-scrollbar"?: any;
673
- "background-neutrals-scrollbar-active"?: any;
674
- "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;
675
599
  "background-neutrals-subtle"?: any;
676
600
  "background-neutrals-subtle-active"?: any;
677
601
  "background-neutrals-subtle-hover"?: any;
678
602
  "background-primary-prominent"?: any;
679
603
  "background-primary-prominent-active"?: any;
604
+ "background-primary-prominent-expanded"?: any;
680
605
  "background-primary-prominent-hover"?: any;
606
+ "background-primary-prominent-pressed"?: any;
607
+ "background-primary-prominent-pressed-hover"?: any;
681
608
  "background-primary-prominent-selected"?: any;
682
609
  "background-primary-subtle"?: any;
683
610
  "background-primary-subtle-active"?: any;
611
+ "background-primary-subtle-expanded"?: any;
684
612
  "background-primary-subtle-hover"?: any;
613
+ "background-primary-subtle-pressed"?: any;
614
+ "background-primary-subtle-pressed-hover"?: any;
685
615
  "background-primary-subtle-selected"?: any;
686
616
  "background-success"?: any;
687
617
  "background-success-prominent"?: any;
@@ -692,15 +622,9 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
692
622
  "border-danger"?: any;
693
623
  "border-danger-active"?: any;
694
624
  "border-danger-hover"?: any;
695
- "border-focus-error-inner"?: any;
696
- "border-focus-error-middle"?: any;
697
- "border-focus-error-outer"?: any;
698
625
  "border-focus-inner"?: any;
699
626
  "border-focus-middle"?: any;
700
627
  "border-focus-outer"?: any;
701
- "border-focus-success-inner"?: any;
702
- "border-focus-success-middle"?: any;
703
- "border-focus-success-outer"?: any;
704
628
  "border-neutrals"?: any;
705
629
  "border-neutrals-active"?: any;
706
630
  "border-neutrals-controls"?: any;
@@ -793,13 +717,13 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
793
717
  readonly body: "Open Sans, sans-serif";
794
718
  };
795
719
  radii: {
720
+ readonly none: 0;
721
+ readonly half: "999em";
796
722
  readonly 25: "2px";
797
723
  readonly 50: "4px";
798
724
  readonly 75: "6px";
799
725
  readonly 100: "8px";
800
726
  readonly 200: "16px";
801
- readonly half: "999px";
802
- readonly none: "0px";
803
727
  };
804
728
  shadows: {
805
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";
@@ -1218,103 +1142,63 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1218
1142
  };
1219
1143
  colors: {
1220
1144
  readonly black: any;
1221
- readonly 'blue-50': any;
1222
1145
  readonly 'blue-100': any;
1223
- readonly 'blue-150': any;
1224
1146
  readonly 'blue-200': any;
1225
- readonly 'blue-250': any;
1226
1147
  readonly 'blue-300': any;
1227
- readonly 'blue-350': any;
1228
1148
  readonly 'blue-400': any;
1229
- readonly 'blue-450': any;
1230
1149
  readonly 'blue-500': any;
1231
- readonly 'blue-550': any;
1232
1150
  readonly 'blue-600': any;
1233
- readonly 'blue-650': any;
1234
1151
  readonly 'blue-700': any;
1235
- readonly 'blue-750': any;
1236
1152
  readonly 'blue-800': any;
1237
- readonly 'blue-850': any;
1238
1153
  readonly 'blue-900': any;
1239
- readonly 'blue-950': any;
1240
- readonly 'gray-50': any;
1154
+ readonly 'blue-1000': any;
1241
1155
  readonly 'gray-100': any;
1242
- readonly 'gray-150': any;
1243
1156
  readonly 'gray-200': any;
1244
- readonly 'gray-250': any;
1245
1157
  readonly 'gray-300': any;
1246
- readonly 'gray-350': any;
1247
1158
  readonly 'gray-400': any;
1248
- readonly 'gray-450': any;
1249
1159
  readonly 'gray-500': any;
1250
- readonly 'gray-550': any;
1251
1160
  readonly 'gray-600': any;
1252
- readonly 'gray-650': any;
1253
1161
  readonly 'gray-700': any;
1254
- readonly 'gray-750': any;
1255
1162
  readonly 'gray-800': any;
1256
- readonly 'gray-850': any;
1257
1163
  readonly 'gray-900': any;
1258
- readonly 'gray-950': any;
1259
- readonly 'green-50': any;
1260
1164
  readonly 'green-100': any;
1261
- readonly 'green-150': any;
1262
1165
  readonly 'green-200': any;
1263
- readonly 'green-250': any;
1264
1166
  readonly 'green-300': any;
1265
- readonly 'green-350': any;
1266
1167
  readonly 'green-400': any;
1267
- readonly 'green-450': any;
1268
1168
  readonly 'green-500': any;
1269
- readonly 'green-550': any;
1270
1169
  readonly 'green-600': any;
1271
- readonly 'green-650': any;
1272
1170
  readonly 'green-700': any;
1273
- readonly 'green-750': any;
1274
1171
  readonly 'green-800': any;
1275
- readonly 'green-850': any;
1276
1172
  readonly 'green-900': any;
1277
- readonly 'green-950': any;
1278
- 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;
1279
1182
  readonly 'red-100': any;
1280
- readonly 'red-150': any;
1281
1183
  readonly 'red-200': any;
1282
- readonly 'red-250': any;
1283
1184
  readonly 'red-300': any;
1284
- readonly 'red-350': any;
1285
1185
  readonly 'red-400': any;
1286
- readonly 'red-450': any;
1287
1186
  readonly 'red-500': any;
1288
- readonly 'red-550': any;
1289
1187
  readonly 'red-600': any;
1290
- readonly 'red-650': any;
1291
1188
  readonly 'red-700': any;
1292
- readonly 'red-750': any;
1293
1189
  readonly 'red-800': any;
1294
- readonly 'red-850': any;
1295
1190
  readonly 'red-900': any;
1296
- readonly 'red-950': any;
1297
1191
  readonly transparent: any;
1298
1192
  readonly white: any;
1299
- readonly 'yellow-50': any;
1300
1193
  readonly 'yellow-100': any;
1301
- readonly 'yellow-150': any;
1302
1194
  readonly 'yellow-200': any;
1303
- readonly 'yellow-250': any;
1304
1195
  readonly 'yellow-300': any;
1305
- readonly 'yellow-350': any;
1306
1196
  readonly 'yellow-400': any;
1307
- readonly 'yellow-450': any;
1308
1197
  readonly 'yellow-500': any;
1309
- readonly 'yellow-550': any;
1310
1198
  readonly 'yellow-600': any;
1311
- readonly 'yellow-650': any;
1312
1199
  readonly 'yellow-700': any;
1313
- readonly 'yellow-750': any;
1314
1200
  readonly 'yellow-800': any;
1315
- readonly 'yellow-850': any;
1316
1201
  readonly 'yellow-900': any;
1317
- readonly 'yellow-950': any;
1318
1202
  "background-alpha-active"?: any;
1319
1203
  "background-alpha-hover"?: any;
1320
1204
  "background-danger-prominent"?: any;
@@ -1335,19 +1219,27 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1335
1219
  "background-neutrals-inverted-subtle"?: any;
1336
1220
  "background-neutrals-page"?: any;
1337
1221
  "background-neutrals-page-subtle"?: any;
1338
- "background-neutrals-scrollbar"?: any;
1339
- "background-neutrals-scrollbar-active"?: any;
1340
- "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;
1341
1227
  "background-neutrals-subtle"?: any;
1342
1228
  "background-neutrals-subtle-active"?: any;
1343
1229
  "background-neutrals-subtle-hover"?: any;
1344
1230
  "background-primary-prominent"?: any;
1345
1231
  "background-primary-prominent-active"?: any;
1232
+ "background-primary-prominent-expanded"?: any;
1346
1233
  "background-primary-prominent-hover"?: any;
1234
+ "background-primary-prominent-pressed"?: any;
1235
+ "background-primary-prominent-pressed-hover"?: any;
1347
1236
  "background-primary-prominent-selected"?: any;
1348
1237
  "background-primary-subtle"?: any;
1349
1238
  "background-primary-subtle-active"?: any;
1239
+ "background-primary-subtle-expanded"?: any;
1350
1240
  "background-primary-subtle-hover"?: any;
1241
+ "background-primary-subtle-pressed"?: any;
1242
+ "background-primary-subtle-pressed-hover"?: any;
1351
1243
  "background-primary-subtle-selected"?: any;
1352
1244
  "background-success"?: any;
1353
1245
  "background-success-prominent"?: any;
@@ -1358,15 +1250,9 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1358
1250
  "border-danger"?: any;
1359
1251
  "border-danger-active"?: any;
1360
1252
  "border-danger-hover"?: any;
1361
- "border-focus-error-inner"?: any;
1362
- "border-focus-error-middle"?: any;
1363
- "border-focus-error-outer"?: any;
1364
1253
  "border-focus-inner"?: any;
1365
1254
  "border-focus-middle"?: any;
1366
1255
  "border-focus-outer"?: any;
1367
- "border-focus-success-inner"?: any;
1368
- "border-focus-success-middle"?: any;
1369
- "border-focus-success-outer"?: any;
1370
1256
  "border-neutrals"?: any;
1371
1257
  "border-neutrals-active"?: any;
1372
1258
  "border-neutrals-controls"?: any;
@@ -1459,13 +1345,13 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1459
1345
  readonly body: "Open Sans, sans-serif";
1460
1346
  };
1461
1347
  radii: {
1348
+ readonly none: 0;
1349
+ readonly half: "999em";
1462
1350
  readonly 25: "2px";
1463
1351
  readonly 50: "4px";
1464
1352
  readonly 75: "6px";
1465
1353
  readonly 100: "8px";
1466
1354
  readonly 200: "16px";
1467
- readonly half: "999px";
1468
- readonly none: "0px";
1469
1355
  };
1470
1356
  shadows: {
1471
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";
@@ -1815,103 +1701,63 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1815
1701
  };
1816
1702
  colors: {
1817
1703
  readonly black: any;
1818
- readonly 'blue-50': any;
1819
1704
  readonly 'blue-100': any;
1820
- readonly 'blue-150': any;
1821
1705
  readonly 'blue-200': any;
1822
- readonly 'blue-250': any;
1823
1706
  readonly 'blue-300': any;
1824
- readonly 'blue-350': any;
1825
1707
  readonly 'blue-400': any;
1826
- readonly 'blue-450': any;
1827
1708
  readonly 'blue-500': any;
1828
- readonly 'blue-550': any;
1829
1709
  readonly 'blue-600': any;
1830
- readonly 'blue-650': any;
1831
1710
  readonly 'blue-700': any;
1832
- readonly 'blue-750': any;
1833
1711
  readonly 'blue-800': any;
1834
- readonly 'blue-850': any;
1835
1712
  readonly 'blue-900': any;
1836
- readonly 'blue-950': any;
1837
- readonly 'gray-50': any;
1713
+ readonly 'blue-1000': any;
1838
1714
  readonly 'gray-100': any;
1839
- readonly 'gray-150': any;
1840
1715
  readonly 'gray-200': any;
1841
- readonly 'gray-250': any;
1842
1716
  readonly 'gray-300': any;
1843
- readonly 'gray-350': any;
1844
1717
  readonly 'gray-400': any;
1845
- readonly 'gray-450': any;
1846
1718
  readonly 'gray-500': any;
1847
- readonly 'gray-550': any;
1848
1719
  readonly 'gray-600': any;
1849
- readonly 'gray-650': any;
1850
1720
  readonly 'gray-700': any;
1851
- readonly 'gray-750': any;
1852
1721
  readonly 'gray-800': any;
1853
- readonly 'gray-850': any;
1854
1722
  readonly 'gray-900': any;
1855
- readonly 'gray-950': any;
1856
- readonly 'green-50': any;
1857
1723
  readonly 'green-100': any;
1858
- readonly 'green-150': any;
1859
1724
  readonly 'green-200': any;
1860
- readonly 'green-250': any;
1861
1725
  readonly 'green-300': any;
1862
- readonly 'green-350': any;
1863
1726
  readonly 'green-400': any;
1864
- readonly 'green-450': any;
1865
1727
  readonly 'green-500': any;
1866
- readonly 'green-550': any;
1867
1728
  readonly 'green-600': any;
1868
- readonly 'green-650': any;
1869
1729
  readonly 'green-700': any;
1870
- readonly 'green-750': any;
1871
1730
  readonly 'green-800': any;
1872
- readonly 'green-850': any;
1873
1731
  readonly 'green-900': any;
1874
- readonly 'green-950': any;
1875
- 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;
1876
1741
  readonly 'red-100': any;
1877
- readonly 'red-150': any;
1878
1742
  readonly 'red-200': any;
1879
- readonly 'red-250': any;
1880
1743
  readonly 'red-300': any;
1881
- readonly 'red-350': any;
1882
1744
  readonly 'red-400': any;
1883
- readonly 'red-450': any;
1884
1745
  readonly 'red-500': any;
1885
- readonly 'red-550': any;
1886
1746
  readonly 'red-600': any;
1887
- readonly 'red-650': any;
1888
1747
  readonly 'red-700': any;
1889
- readonly 'red-750': any;
1890
1748
  readonly 'red-800': any;
1891
- readonly 'red-850': any;
1892
1749
  readonly 'red-900': any;
1893
- readonly 'red-950': any;
1894
1750
  readonly transparent: any;
1895
1751
  readonly white: any;
1896
- readonly 'yellow-50': any;
1897
1752
  readonly 'yellow-100': any;
1898
- readonly 'yellow-150': any;
1899
1753
  readonly 'yellow-200': any;
1900
- readonly 'yellow-250': any;
1901
1754
  readonly 'yellow-300': any;
1902
- readonly 'yellow-350': any;
1903
1755
  readonly 'yellow-400': any;
1904
- readonly 'yellow-450': any;
1905
1756
  readonly 'yellow-500': any;
1906
- readonly 'yellow-550': any;
1907
1757
  readonly 'yellow-600': any;
1908
- readonly 'yellow-650': any;
1909
1758
  readonly 'yellow-700': any;
1910
- readonly 'yellow-750': any;
1911
1759
  readonly 'yellow-800': any;
1912
- readonly 'yellow-850': any;
1913
1760
  readonly 'yellow-900': any;
1914
- readonly 'yellow-950': any;
1915
1761
  "background-alpha-active"?: any;
1916
1762
  "background-alpha-hover"?: any;
1917
1763
  "background-danger-prominent"?: any;
@@ -1932,19 +1778,27 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1932
1778
  "background-neutrals-inverted-subtle"?: any;
1933
1779
  "background-neutrals-page"?: any;
1934
1780
  "background-neutrals-page-subtle"?: any;
1935
- "background-neutrals-scrollbar"?: any;
1936
- "background-neutrals-scrollbar-active"?: any;
1937
- "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;
1938
1786
  "background-neutrals-subtle"?: any;
1939
1787
  "background-neutrals-subtle-active"?: any;
1940
1788
  "background-neutrals-subtle-hover"?: any;
1941
1789
  "background-primary-prominent"?: any;
1942
1790
  "background-primary-prominent-active"?: any;
1791
+ "background-primary-prominent-expanded"?: any;
1943
1792
  "background-primary-prominent-hover"?: any;
1793
+ "background-primary-prominent-pressed"?: any;
1794
+ "background-primary-prominent-pressed-hover"?: any;
1944
1795
  "background-primary-prominent-selected"?: any;
1945
1796
  "background-primary-subtle"?: any;
1946
1797
  "background-primary-subtle-active"?: any;
1798
+ "background-primary-subtle-expanded"?: any;
1947
1799
  "background-primary-subtle-hover"?: any;
1800
+ "background-primary-subtle-pressed"?: any;
1801
+ "background-primary-subtle-pressed-hover"?: any;
1948
1802
  "background-primary-subtle-selected"?: any;
1949
1803
  "background-success"?: any;
1950
1804
  "background-success-prominent"?: any;
@@ -1955,15 +1809,9 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1955
1809
  "border-danger"?: any;
1956
1810
  "border-danger-active"?: any;
1957
1811
  "border-danger-hover"?: any;
1958
- "border-focus-error-inner"?: any;
1959
- "border-focus-error-middle"?: any;
1960
- "border-focus-error-outer"?: any;
1961
1812
  "border-focus-inner"?: any;
1962
1813
  "border-focus-middle"?: any;
1963
1814
  "border-focus-outer"?: any;
1964
- "border-focus-success-inner"?: any;
1965
- "border-focus-success-middle"?: any;
1966
- "border-focus-success-outer"?: any;
1967
1815
  "border-neutrals"?: any;
1968
1816
  "border-neutrals-active"?: any;
1969
1817
  "border-neutrals-controls"?: any;
@@ -2056,13 +1904,13 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2056
1904
  readonly body: "Open Sans, sans-serif";
2057
1905
  };
2058
1906
  radii: {
1907
+ readonly none: 0;
1908
+ readonly half: "999em";
2059
1909
  readonly 25: "2px";
2060
1910
  readonly 50: "4px";
2061
1911
  readonly 75: "6px";
2062
1912
  readonly 100: "8px";
2063
1913
  readonly 200: "16px";
2064
- readonly half: "999px";
2065
- readonly none: "0px";
2066
1914
  };
2067
1915
  shadows: {
2068
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";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-popover",
3
- "version": "5.1.21-colors.1",
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.1",
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.1",
35
- "@mirohq/design-system-styles": "^1.1.20-colors.1"
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",