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