@mirohq/design-system-popover 5.1.27 → 5.1.29

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 -412
  2. package/package.json +4 -4
package/dist/types.d.ts CHANGED
@@ -258,17 +258,17 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
258
258
  readonly body: "Open Sans, sans-serif";
259
259
  };
260
260
  radii: {
261
+ readonly 0: "0px";
261
262
  readonly 25: "2px";
262
263
  readonly 50: "4px";
263
264
  readonly 75: "6px";
264
265
  readonly 100: "8px";
265
266
  readonly 200: "16px";
266
- readonly half: "999px";
267
- readonly none: "0px";
267
+ readonly round: "999px";
268
268
  };
269
269
  shadows: {
270
- 50: any;
271
270
  100: any;
271
+ 50: any;
272
272
  "focus-small": any;
273
273
  "focus-small-outline": any;
274
274
  "focus-large": any;
@@ -298,48 +298,6 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
298
298
  readonly 1200: "96px";
299
299
  readonly 1600: "128px";
300
300
  };
301
- 'space-gap': {
302
- readonly 0: any;
303
- readonly 50: any;
304
- readonly 100: any;
305
- readonly 200: any;
306
- readonly 300: any;
307
- };
308
- 'space-inset': {
309
- readonly 0: any;
310
- readonly 50: any;
311
- readonly 100: any;
312
- readonly 150: any;
313
- readonly 200: any;
314
- readonly 300: any;
315
- readonly 400: any;
316
- readonly 500: any;
317
- readonly 600: any;
318
- readonly 700: any;
319
- readonly 800: any;
320
- readonly 1200: any;
321
- readonly 1600: any;
322
- };
323
- 'space-offset': {
324
- readonly 0: any;
325
- readonly 50: any;
326
- readonly 100: any;
327
- readonly 150: any;
328
- readonly 200: any;
329
- readonly 300: any;
330
- readonly 400: any;
331
- readonly 600: any;
332
- readonly 800: any;
333
- readonly 1200: any;
334
- readonly 1600: any;
335
- readonly 'stacking-0': any;
336
- readonly 'stacking-100': any;
337
- readonly 'stacking-200': any;
338
- readonly 'stacking-300': any;
339
- readonly 'stacking-400': any;
340
- readonly 'stacking-500': any;
341
- readonly 'stacking-800': any;
342
- };
343
301
  'stroke-width': {
344
302
  readonly thin: "1.5px";
345
303
  readonly normal: "2px";
@@ -380,7 +338,7 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
380
338
  readonly borderRightColor: "colors";
381
339
  readonly borderRightStyle: "border-styles";
382
340
  readonly borderRightWidth: "border-widths";
383
- readonly borderSpacing: "space-offset";
341
+ readonly borderSpacing: "space";
384
342
  readonly borderStyle: "border-styles";
385
343
  readonly borderTop: "colors";
386
344
  readonly borderTopColor: "colors";
@@ -393,42 +351,42 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
393
351
  readonly boxShadow: "shadows";
394
352
  readonly caretColor: "colors";
395
353
  readonly color: "colors";
396
- readonly columnGap: "space-gap";
354
+ readonly columnGap: "space";
397
355
  readonly columnRuleColor: "colors";
398
356
  readonly fill: "colors";
399
357
  readonly flexBasis: "sizes";
400
358
  readonly fontFamily: "fonts";
401
359
  readonly fontSize: "font-sizes";
402
360
  readonly fontWeight: "font-weights";
403
- readonly gap: "space-gap";
404
- readonly gridColumnGap: "space-gap";
405
- readonly gridGap: "space-gap";
406
- readonly gridRowGap: "space-gap";
361
+ readonly gap: "space";
362
+ readonly gridColumnGap: "space";
363
+ readonly gridGap: "space";
364
+ readonly gridRowGap: "space";
407
365
  readonly gridTemplateColumns: "sizes";
408
366
  readonly gridTemplateRows: "sizes";
409
367
  readonly height: "sizes";
410
368
  readonly inlineSize: "sizes";
411
- readonly inset: "space-inset";
412
- readonly insetBlock: "space-inset";
413
- readonly insetBlockEnd: "space-inset";
414
- readonly insetBlockStart: "space-inset";
415
- readonly insetInline: "space-inset";
416
- readonly insetInlineEnd: "space-inset";
417
- readonly insetInlineStart: "space-inset";
369
+ readonly inset: "space";
370
+ readonly insetBlock: "space";
371
+ readonly insetBlockEnd: "space";
372
+ readonly insetBlockStart: "space";
373
+ readonly insetInline: "space";
374
+ readonly insetInlineEnd: "space";
375
+ readonly insetInlineStart: "space";
418
376
  readonly left: "space";
419
377
  readonly letterSpacing: "letter-spacings";
420
378
  readonly lineHeight: "line-heights";
421
- readonly margin: "space-offset";
422
- readonly marginBlock: "space-offset";
423
- readonly marginBlockEnd: "space-offset";
424
- readonly marginBlockStart: "space-offset";
425
- readonly marginBottom: "space-offset";
426
- readonly marginInline: "space-offset";
427
- readonly marginInlineEnd: "space-offset";
428
- readonly marginInlineStart: "space-offset";
429
- readonly marginLeft: "space-offset";
430
- readonly marginRight: "space-offset";
431
- readonly marginTop: "space-offset";
379
+ readonly margin: "space";
380
+ readonly marginBlock: "space";
381
+ readonly marginBlockEnd: "space";
382
+ readonly marginBlockStart: "space";
383
+ readonly marginBottom: "space";
384
+ readonly marginInline: "space";
385
+ readonly marginInlineEnd: "space";
386
+ readonly marginInlineStart: "space";
387
+ readonly marginLeft: "space";
388
+ readonly marginRight: "space";
389
+ readonly marginTop: "space";
432
390
  readonly maxBlockSize: "sizes";
433
391
  readonly maxHeight: "sizes";
434
392
  readonly maxInlineSize: "sizes";
@@ -439,41 +397,41 @@ declare const StyledTrigger: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
439
397
  readonly minWidth: "sizes";
440
398
  readonly outline: "colors";
441
399
  readonly outlineColor: "colors";
442
- readonly padding: "space-inset";
443
- readonly paddingBlock: "space-inset";
444
- readonly paddingBlockEnd: "space-inset";
445
- readonly paddingBlockStart: "space-inset";
446
- readonly paddingBottom: "space-inset";
447
- readonly paddingInline: "space-inset";
448
- readonly paddingInlineEnd: "space-inset";
449
- readonly paddingInlineStart: "space-inset";
450
- readonly paddingLeft: "space-inset";
451
- readonly paddingRight: "space-inset";
452
- readonly paddingTop: "space-inset";
400
+ readonly padding: "space";
401
+ readonly paddingBlock: "space";
402
+ readonly paddingBlockEnd: "space";
403
+ readonly paddingBlockStart: "space";
404
+ readonly paddingBottom: "space";
405
+ readonly paddingInline: "space";
406
+ readonly paddingInlineEnd: "space";
407
+ readonly paddingInlineStart: "space";
408
+ readonly paddingLeft: "space";
409
+ readonly paddingRight: "space";
410
+ readonly paddingTop: "space";
453
411
  readonly right: "space";
454
- readonly rowGap: "space-gap";
455
- readonly scrollMargin: "space-offset";
456
- readonly scrollMarginBlock: "space-offset";
457
- readonly scrollMarginBlockEnd: "space-offset";
458
- readonly scrollMarginBlockStart: "space-offset";
459
- readonly scrollMarginBottom: "space-offset";
460
- readonly scrollMarginInline: "space-offset";
461
- readonly scrollMarginInlineEnd: "space-offset";
462
- readonly scrollMarginInlineStart: "space-offset";
463
- readonly scrollMarginLeft: "space-offset";
464
- readonly scrollMarginRight: "space-offset";
465
- readonly scrollMarginTop: "space-offset";
466
- readonly scrollPadding: "space-inset";
467
- readonly scrollPaddingBlock: "space-inset";
468
- readonly scrollPaddingBlockEnd: "space-inset";
469
- readonly scrollPaddingBlockStart: "space-inset";
470
- readonly scrollPaddingBottom: "space-inset";
471
- readonly scrollPaddingInline: "space-inset";
472
- readonly scrollPaddingInlineEnd: "space-inset";
473
- readonly scrollPaddingInlineStart: "space-inset";
474
- readonly scrollPaddingLeft: "space-inset";
475
- readonly scrollPaddingRight: "space-inset";
476
- readonly scrollPaddingTop: "space-inset";
412
+ readonly rowGap: "space";
413
+ readonly scrollMargin: "space";
414
+ readonly scrollMarginBlock: "space";
415
+ readonly scrollMarginBlockEnd: "space";
416
+ readonly scrollMarginBlockStart: "space";
417
+ readonly scrollMarginBottom: "space";
418
+ readonly scrollMarginInline: "space";
419
+ readonly scrollMarginInlineEnd: "space";
420
+ readonly scrollMarginInlineStart: "space";
421
+ readonly scrollMarginLeft: "space";
422
+ readonly scrollMarginRight: "space";
423
+ readonly scrollMarginTop: "space";
424
+ readonly scrollPadding: "space";
425
+ readonly scrollPaddingBlock: "space";
426
+ readonly scrollPaddingBlockEnd: "space";
427
+ readonly scrollPaddingBlockStart: "space";
428
+ readonly scrollPaddingBottom: "space";
429
+ readonly scrollPaddingInline: "space";
430
+ readonly scrollPaddingInlineEnd: "space";
431
+ readonly scrollPaddingInlineStart: "space";
432
+ readonly scrollPaddingLeft: "space";
433
+ readonly scrollPaddingRight: "space";
434
+ readonly scrollPaddingTop: "space";
477
435
  readonly stroke: "colors";
478
436
  readonly strokeWidth: "stroke-width";
479
437
  readonly textDecorationColor: "colors";
@@ -797,17 +755,17 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
797
755
  readonly body: "Open Sans, sans-serif";
798
756
  };
799
757
  radii: {
758
+ readonly 0: "0px";
800
759
  readonly 25: "2px";
801
760
  readonly 50: "4px";
802
761
  readonly 75: "6px";
803
762
  readonly 100: "8px";
804
763
  readonly 200: "16px";
805
- readonly half: "999px";
806
- readonly none: "0px";
764
+ readonly round: "999px";
807
765
  };
808
766
  shadows: {
809
- 50: any;
810
767
  100: any;
768
+ 50: any;
811
769
  "focus-small": any;
812
770
  "focus-small-outline": any;
813
771
  "focus-large": any;
@@ -837,48 +795,6 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
837
795
  readonly 1200: "96px";
838
796
  readonly 1600: "128px";
839
797
  };
840
- 'space-gap': {
841
- readonly 0: any;
842
- readonly 50: any;
843
- readonly 100: any;
844
- readonly 200: any;
845
- readonly 300: any;
846
- };
847
- 'space-inset': {
848
- readonly 0: any;
849
- readonly 50: any;
850
- readonly 100: any;
851
- readonly 150: any;
852
- readonly 200: any;
853
- readonly 300: any;
854
- readonly 400: any;
855
- readonly 500: any;
856
- readonly 600: any;
857
- readonly 700: any;
858
- readonly 800: any;
859
- readonly 1200: any;
860
- readonly 1600: any;
861
- };
862
- 'space-offset': {
863
- readonly 0: any;
864
- readonly 50: any;
865
- readonly 100: any;
866
- readonly 150: any;
867
- readonly 200: any;
868
- readonly 300: any;
869
- readonly 400: any;
870
- readonly 600: any;
871
- readonly 800: any;
872
- readonly 1200: any;
873
- readonly 1600: any;
874
- readonly 'stacking-0': any;
875
- readonly 'stacking-100': any;
876
- readonly 'stacking-200': any;
877
- readonly 'stacking-300': any;
878
- readonly 'stacking-400': any;
879
- readonly 'stacking-500': any;
880
- readonly 'stacking-800': any;
881
- };
882
798
  'stroke-width': {
883
799
  readonly thin: "1.5px";
884
800
  readonly normal: "2px";
@@ -919,7 +835,7 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
919
835
  readonly borderRightColor: "colors";
920
836
  readonly borderRightStyle: "border-styles";
921
837
  readonly borderRightWidth: "border-widths";
922
- readonly borderSpacing: "space-offset";
838
+ readonly borderSpacing: "space";
923
839
  readonly borderStyle: "border-styles";
924
840
  readonly borderTop: "colors";
925
841
  readonly borderTopColor: "colors";
@@ -932,42 +848,42 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
932
848
  readonly boxShadow: "shadows";
933
849
  readonly caretColor: "colors";
934
850
  readonly color: "colors";
935
- readonly columnGap: "space-gap";
851
+ readonly columnGap: "space";
936
852
  readonly columnRuleColor: "colors";
937
853
  readonly fill: "colors";
938
854
  readonly flexBasis: "sizes";
939
855
  readonly fontFamily: "fonts";
940
856
  readonly fontSize: "font-sizes";
941
857
  readonly fontWeight: "font-weights";
942
- readonly gap: "space-gap";
943
- readonly gridColumnGap: "space-gap";
944
- readonly gridGap: "space-gap";
945
- readonly gridRowGap: "space-gap";
858
+ readonly gap: "space";
859
+ readonly gridColumnGap: "space";
860
+ readonly gridGap: "space";
861
+ readonly gridRowGap: "space";
946
862
  readonly gridTemplateColumns: "sizes";
947
863
  readonly gridTemplateRows: "sizes";
948
864
  readonly height: "sizes";
949
865
  readonly inlineSize: "sizes";
950
- readonly inset: "space-inset";
951
- readonly insetBlock: "space-inset";
952
- readonly insetBlockEnd: "space-inset";
953
- readonly insetBlockStart: "space-inset";
954
- readonly insetInline: "space-inset";
955
- readonly insetInlineEnd: "space-inset";
956
- readonly insetInlineStart: "space-inset";
866
+ readonly inset: "space";
867
+ readonly insetBlock: "space";
868
+ readonly insetBlockEnd: "space";
869
+ readonly insetBlockStart: "space";
870
+ readonly insetInline: "space";
871
+ readonly insetInlineEnd: "space";
872
+ readonly insetInlineStart: "space";
957
873
  readonly left: "space";
958
874
  readonly letterSpacing: "letter-spacings";
959
875
  readonly lineHeight: "line-heights";
960
- readonly margin: "space-offset";
961
- readonly marginBlock: "space-offset";
962
- readonly marginBlockEnd: "space-offset";
963
- readonly marginBlockStart: "space-offset";
964
- readonly marginBottom: "space-offset";
965
- readonly marginInline: "space-offset";
966
- readonly marginInlineEnd: "space-offset";
967
- readonly marginInlineStart: "space-offset";
968
- readonly marginLeft: "space-offset";
969
- readonly marginRight: "space-offset";
970
- readonly marginTop: "space-offset";
876
+ readonly margin: "space";
877
+ readonly marginBlock: "space";
878
+ readonly marginBlockEnd: "space";
879
+ readonly marginBlockStart: "space";
880
+ readonly marginBottom: "space";
881
+ readonly marginInline: "space";
882
+ readonly marginInlineEnd: "space";
883
+ readonly marginInlineStart: "space";
884
+ readonly marginLeft: "space";
885
+ readonly marginRight: "space";
886
+ readonly marginTop: "space";
971
887
  readonly maxBlockSize: "sizes";
972
888
  readonly maxHeight: "sizes";
973
889
  readonly maxInlineSize: "sizes";
@@ -978,41 +894,41 @@ declare const StyledContent: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_d
978
894
  readonly minWidth: "sizes";
979
895
  readonly outline: "colors";
980
896
  readonly outlineColor: "colors";
981
- readonly padding: "space-inset";
982
- readonly paddingBlock: "space-inset";
983
- readonly paddingBlockEnd: "space-inset";
984
- readonly paddingBlockStart: "space-inset";
985
- readonly paddingBottom: "space-inset";
986
- readonly paddingInline: "space-inset";
987
- readonly paddingInlineEnd: "space-inset";
988
- readonly paddingInlineStart: "space-inset";
989
- readonly paddingLeft: "space-inset";
990
- readonly paddingRight: "space-inset";
991
- readonly paddingTop: "space-inset";
897
+ readonly padding: "space";
898
+ readonly paddingBlock: "space";
899
+ readonly paddingBlockEnd: "space";
900
+ readonly paddingBlockStart: "space";
901
+ readonly paddingBottom: "space";
902
+ readonly paddingInline: "space";
903
+ readonly paddingInlineEnd: "space";
904
+ readonly paddingInlineStart: "space";
905
+ readonly paddingLeft: "space";
906
+ readonly paddingRight: "space";
907
+ readonly paddingTop: "space";
992
908
  readonly right: "space";
993
- readonly rowGap: "space-gap";
994
- readonly scrollMargin: "space-offset";
995
- readonly scrollMarginBlock: "space-offset";
996
- readonly scrollMarginBlockEnd: "space-offset";
997
- readonly scrollMarginBlockStart: "space-offset";
998
- readonly scrollMarginBottom: "space-offset";
999
- readonly scrollMarginInline: "space-offset";
1000
- readonly scrollMarginInlineEnd: "space-offset";
1001
- readonly scrollMarginInlineStart: "space-offset";
1002
- readonly scrollMarginLeft: "space-offset";
1003
- readonly scrollMarginRight: "space-offset";
1004
- readonly scrollMarginTop: "space-offset";
1005
- readonly scrollPadding: "space-inset";
1006
- readonly scrollPaddingBlock: "space-inset";
1007
- readonly scrollPaddingBlockEnd: "space-inset";
1008
- readonly scrollPaddingBlockStart: "space-inset";
1009
- readonly scrollPaddingBottom: "space-inset";
1010
- readonly scrollPaddingInline: "space-inset";
1011
- readonly scrollPaddingInlineEnd: "space-inset";
1012
- readonly scrollPaddingInlineStart: "space-inset";
1013
- readonly scrollPaddingLeft: "space-inset";
1014
- readonly scrollPaddingRight: "space-inset";
1015
- readonly scrollPaddingTop: "space-inset";
909
+ readonly rowGap: "space";
910
+ readonly scrollMargin: "space";
911
+ readonly scrollMarginBlock: "space";
912
+ readonly scrollMarginBlockEnd: "space";
913
+ readonly scrollMarginBlockStart: "space";
914
+ readonly scrollMarginBottom: "space";
915
+ readonly scrollMarginInline: "space";
916
+ readonly scrollMarginInlineEnd: "space";
917
+ readonly scrollMarginInlineStart: "space";
918
+ readonly scrollMarginLeft: "space";
919
+ readonly scrollMarginRight: "space";
920
+ readonly scrollMarginTop: "space";
921
+ readonly scrollPadding: "space";
922
+ readonly scrollPaddingBlock: "space";
923
+ readonly scrollPaddingBlockEnd: "space";
924
+ readonly scrollPaddingBlockStart: "space";
925
+ readonly scrollPaddingBottom: "space";
926
+ readonly scrollPaddingInline: "space";
927
+ readonly scrollPaddingInlineEnd: "space";
928
+ readonly scrollPaddingInlineStart: "space";
929
+ readonly scrollPaddingLeft: "space";
930
+ readonly scrollPaddingRight: "space";
931
+ readonly scrollPaddingTop: "space";
1016
932
  readonly stroke: "colors";
1017
933
  readonly strokeWidth: "stroke-width";
1018
934
  readonly textDecorationColor: "colors";
@@ -1466,17 +1382,17 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1466
1382
  readonly body: "Open Sans, sans-serif";
1467
1383
  };
1468
1384
  radii: {
1385
+ readonly 0: "0px";
1469
1386
  readonly 25: "2px";
1470
1387
  readonly 50: "4px";
1471
1388
  readonly 75: "6px";
1472
1389
  readonly 100: "8px";
1473
1390
  readonly 200: "16px";
1474
- readonly half: "999px";
1475
- readonly none: "0px";
1391
+ readonly round: "999px";
1476
1392
  };
1477
1393
  shadows: {
1478
- 50: any;
1479
1394
  100: any;
1395
+ 50: any;
1480
1396
  "focus-small": any;
1481
1397
  "focus-small-outline": any;
1482
1398
  "focus-large": any;
@@ -1506,48 +1422,6 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1506
1422
  readonly 1200: "96px";
1507
1423
  readonly 1600: "128px";
1508
1424
  };
1509
- 'space-gap': {
1510
- readonly 0: any;
1511
- readonly 50: any;
1512
- readonly 100: any;
1513
- readonly 200: any;
1514
- readonly 300: any;
1515
- };
1516
- 'space-inset': {
1517
- readonly 0: any;
1518
- readonly 50: any;
1519
- readonly 100: any;
1520
- readonly 150: any;
1521
- readonly 200: any;
1522
- readonly 300: any;
1523
- readonly 400: any;
1524
- readonly 500: any;
1525
- readonly 600: any;
1526
- readonly 700: any;
1527
- readonly 800: any;
1528
- readonly 1200: any;
1529
- readonly 1600: any;
1530
- };
1531
- 'space-offset': {
1532
- readonly 0: any;
1533
- readonly 50: any;
1534
- readonly 100: any;
1535
- readonly 150: any;
1536
- readonly 200: any;
1537
- readonly 300: any;
1538
- readonly 400: any;
1539
- readonly 600: any;
1540
- readonly 800: any;
1541
- readonly 1200: any;
1542
- readonly 1600: any;
1543
- readonly 'stacking-0': any;
1544
- readonly 'stacking-100': any;
1545
- readonly 'stacking-200': any;
1546
- readonly 'stacking-300': any;
1547
- readonly 'stacking-400': any;
1548
- readonly 'stacking-500': any;
1549
- readonly 'stacking-800': any;
1550
- };
1551
1425
  'stroke-width': {
1552
1426
  readonly thin: "1.5px";
1553
1427
  readonly normal: "2px";
@@ -1588,7 +1462,7 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1588
1462
  readonly borderRightColor: "colors";
1589
1463
  readonly borderRightStyle: "border-styles";
1590
1464
  readonly borderRightWidth: "border-widths";
1591
- readonly borderSpacing: "space-offset";
1465
+ readonly borderSpacing: "space";
1592
1466
  readonly borderStyle: "border-styles";
1593
1467
  readonly borderTop: "colors";
1594
1468
  readonly borderTopColor: "colors";
@@ -1601,42 +1475,42 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1601
1475
  readonly boxShadow: "shadows";
1602
1476
  readonly caretColor: "colors";
1603
1477
  readonly color: "colors";
1604
- readonly columnGap: "space-gap";
1478
+ readonly columnGap: "space";
1605
1479
  readonly columnRuleColor: "colors";
1606
1480
  readonly fill: "colors";
1607
1481
  readonly flexBasis: "sizes";
1608
1482
  readonly fontFamily: "fonts";
1609
1483
  readonly fontSize: "font-sizes";
1610
1484
  readonly fontWeight: "font-weights";
1611
- readonly gap: "space-gap";
1612
- readonly gridColumnGap: "space-gap";
1613
- readonly gridGap: "space-gap";
1614
- readonly gridRowGap: "space-gap";
1485
+ readonly gap: "space";
1486
+ readonly gridColumnGap: "space";
1487
+ readonly gridGap: "space";
1488
+ readonly gridRowGap: "space";
1615
1489
  readonly gridTemplateColumns: "sizes";
1616
1490
  readonly gridTemplateRows: "sizes";
1617
1491
  readonly height: "sizes";
1618
1492
  readonly inlineSize: "sizes";
1619
- readonly inset: "space-inset";
1620
- readonly insetBlock: "space-inset";
1621
- readonly insetBlockEnd: "space-inset";
1622
- readonly insetBlockStart: "space-inset";
1623
- readonly insetInline: "space-inset";
1624
- readonly insetInlineEnd: "space-inset";
1625
- readonly insetInlineStart: "space-inset";
1493
+ readonly inset: "space";
1494
+ readonly insetBlock: "space";
1495
+ readonly insetBlockEnd: "space";
1496
+ readonly insetBlockStart: "space";
1497
+ readonly insetInline: "space";
1498
+ readonly insetInlineEnd: "space";
1499
+ readonly insetInlineStart: "space";
1626
1500
  readonly left: "space";
1627
1501
  readonly letterSpacing: "letter-spacings";
1628
1502
  readonly lineHeight: "line-heights";
1629
- readonly margin: "space-offset";
1630
- readonly marginBlock: "space-offset";
1631
- readonly marginBlockEnd: "space-offset";
1632
- readonly marginBlockStart: "space-offset";
1633
- readonly marginBottom: "space-offset";
1634
- readonly marginInline: "space-offset";
1635
- readonly marginInlineEnd: "space-offset";
1636
- readonly marginInlineStart: "space-offset";
1637
- readonly marginLeft: "space-offset";
1638
- readonly marginRight: "space-offset";
1639
- readonly marginTop: "space-offset";
1503
+ readonly margin: "space";
1504
+ readonly marginBlock: "space";
1505
+ readonly marginBlockEnd: "space";
1506
+ readonly marginBlockStart: "space";
1507
+ readonly marginBottom: "space";
1508
+ readonly marginInline: "space";
1509
+ readonly marginInlineEnd: "space";
1510
+ readonly marginInlineStart: "space";
1511
+ readonly marginLeft: "space";
1512
+ readonly marginRight: "space";
1513
+ readonly marginTop: "space";
1640
1514
  readonly maxBlockSize: "sizes";
1641
1515
  readonly maxHeight: "sizes";
1642
1516
  readonly maxInlineSize: "sizes";
@@ -1647,41 +1521,41 @@ declare const StyledClose: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
1647
1521
  readonly minWidth: "sizes";
1648
1522
  readonly outline: "colors";
1649
1523
  readonly outlineColor: "colors";
1650
- readonly padding: "space-inset";
1651
- readonly paddingBlock: "space-inset";
1652
- readonly paddingBlockEnd: "space-inset";
1653
- readonly paddingBlockStart: "space-inset";
1654
- readonly paddingBottom: "space-inset";
1655
- readonly paddingInline: "space-inset";
1656
- readonly paddingInlineEnd: "space-inset";
1657
- readonly paddingInlineStart: "space-inset";
1658
- readonly paddingLeft: "space-inset";
1659
- readonly paddingRight: "space-inset";
1660
- readonly paddingTop: "space-inset";
1524
+ readonly padding: "space";
1525
+ readonly paddingBlock: "space";
1526
+ readonly paddingBlockEnd: "space";
1527
+ readonly paddingBlockStart: "space";
1528
+ readonly paddingBottom: "space";
1529
+ readonly paddingInline: "space";
1530
+ readonly paddingInlineEnd: "space";
1531
+ readonly paddingInlineStart: "space";
1532
+ readonly paddingLeft: "space";
1533
+ readonly paddingRight: "space";
1534
+ readonly paddingTop: "space";
1661
1535
  readonly right: "space";
1662
- readonly rowGap: "space-gap";
1663
- readonly scrollMargin: "space-offset";
1664
- readonly scrollMarginBlock: "space-offset";
1665
- readonly scrollMarginBlockEnd: "space-offset";
1666
- readonly scrollMarginBlockStart: "space-offset";
1667
- readonly scrollMarginBottom: "space-offset";
1668
- readonly scrollMarginInline: "space-offset";
1669
- readonly scrollMarginInlineEnd: "space-offset";
1670
- readonly scrollMarginInlineStart: "space-offset";
1671
- readonly scrollMarginLeft: "space-offset";
1672
- readonly scrollMarginRight: "space-offset";
1673
- readonly scrollMarginTop: "space-offset";
1674
- readonly scrollPadding: "space-inset";
1675
- readonly scrollPaddingBlock: "space-inset";
1676
- readonly scrollPaddingBlockEnd: "space-inset";
1677
- readonly scrollPaddingBlockStart: "space-inset";
1678
- readonly scrollPaddingBottom: "space-inset";
1679
- readonly scrollPaddingInline: "space-inset";
1680
- readonly scrollPaddingInlineEnd: "space-inset";
1681
- readonly scrollPaddingInlineStart: "space-inset";
1682
- readonly scrollPaddingLeft: "space-inset";
1683
- readonly scrollPaddingRight: "space-inset";
1684
- readonly scrollPaddingTop: "space-inset";
1536
+ readonly rowGap: "space";
1537
+ readonly scrollMargin: "space";
1538
+ readonly scrollMarginBlock: "space";
1539
+ readonly scrollMarginBlockEnd: "space";
1540
+ readonly scrollMarginBlockStart: "space";
1541
+ readonly scrollMarginBottom: "space";
1542
+ readonly scrollMarginInline: "space";
1543
+ readonly scrollMarginInlineEnd: "space";
1544
+ readonly scrollMarginInlineStart: "space";
1545
+ readonly scrollMarginLeft: "space";
1546
+ readonly scrollMarginRight: "space";
1547
+ readonly scrollMarginTop: "space";
1548
+ readonly scrollPadding: "space";
1549
+ readonly scrollPaddingBlock: "space";
1550
+ readonly scrollPaddingBlockEnd: "space";
1551
+ readonly scrollPaddingBlockStart: "space";
1552
+ readonly scrollPaddingBottom: "space";
1553
+ readonly scrollPaddingInline: "space";
1554
+ readonly scrollPaddingInlineEnd: "space";
1555
+ readonly scrollPaddingInlineStart: "space";
1556
+ readonly scrollPaddingLeft: "space";
1557
+ readonly scrollPaddingRight: "space";
1558
+ readonly scrollPaddingTop: "space";
1685
1559
  readonly stroke: "colors";
1686
1560
  readonly strokeWidth: "stroke-width";
1687
1561
  readonly textDecorationColor: "colors";
@@ -2066,17 +1940,17 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2066
1940
  readonly body: "Open Sans, sans-serif";
2067
1941
  };
2068
1942
  radii: {
1943
+ readonly 0: "0px";
2069
1944
  readonly 25: "2px";
2070
1945
  readonly 50: "4px";
2071
1946
  readonly 75: "6px";
2072
1947
  readonly 100: "8px";
2073
1948
  readonly 200: "16px";
2074
- readonly half: "999px";
2075
- readonly none: "0px";
1949
+ readonly round: "999px";
2076
1950
  };
2077
1951
  shadows: {
2078
- 50: any;
2079
1952
  100: any;
1953
+ 50: any;
2080
1954
  "focus-small": any;
2081
1955
  "focus-small-outline": any;
2082
1956
  "focus-large": any;
@@ -2106,48 +1980,6 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2106
1980
  readonly 1200: "96px";
2107
1981
  readonly 1600: "128px";
2108
1982
  };
2109
- 'space-gap': {
2110
- readonly 0: any;
2111
- readonly 50: any;
2112
- readonly 100: any;
2113
- readonly 200: any;
2114
- readonly 300: any;
2115
- };
2116
- 'space-inset': {
2117
- readonly 0: any;
2118
- readonly 50: any;
2119
- readonly 100: any;
2120
- readonly 150: any;
2121
- readonly 200: any;
2122
- readonly 300: any;
2123
- readonly 400: any;
2124
- readonly 500: any;
2125
- readonly 600: any;
2126
- readonly 700: any;
2127
- readonly 800: any;
2128
- readonly 1200: any;
2129
- readonly 1600: any;
2130
- };
2131
- 'space-offset': {
2132
- readonly 0: any;
2133
- readonly 50: any;
2134
- readonly 100: any;
2135
- readonly 150: any;
2136
- readonly 200: any;
2137
- readonly 300: any;
2138
- readonly 400: any;
2139
- readonly 600: any;
2140
- readonly 800: any;
2141
- readonly 1200: any;
2142
- readonly 1600: any;
2143
- readonly 'stacking-0': any;
2144
- readonly 'stacking-100': any;
2145
- readonly 'stacking-200': any;
2146
- readonly 'stacking-300': any;
2147
- readonly 'stacking-400': any;
2148
- readonly 'stacking-500': any;
2149
- readonly 'stacking-800': any;
2150
- };
2151
1983
  'stroke-width': {
2152
1984
  readonly thin: "1.5px";
2153
1985
  readonly normal: "2px";
@@ -2188,7 +2020,7 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2188
2020
  readonly borderRightColor: "colors";
2189
2021
  readonly borderRightStyle: "border-styles";
2190
2022
  readonly borderRightWidth: "border-widths";
2191
- readonly borderSpacing: "space-offset";
2023
+ readonly borderSpacing: "space";
2192
2024
  readonly borderStyle: "border-styles";
2193
2025
  readonly borderTop: "colors";
2194
2026
  readonly borderTopColor: "colors";
@@ -2201,42 +2033,42 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2201
2033
  readonly boxShadow: "shadows";
2202
2034
  readonly caretColor: "colors";
2203
2035
  readonly color: "colors";
2204
- readonly columnGap: "space-gap";
2036
+ readonly columnGap: "space";
2205
2037
  readonly columnRuleColor: "colors";
2206
2038
  readonly fill: "colors";
2207
2039
  readonly flexBasis: "sizes";
2208
2040
  readonly fontFamily: "fonts";
2209
2041
  readonly fontSize: "font-sizes";
2210
2042
  readonly fontWeight: "font-weights";
2211
- readonly gap: "space-gap";
2212
- readonly gridColumnGap: "space-gap";
2213
- readonly gridGap: "space-gap";
2214
- readonly gridRowGap: "space-gap";
2043
+ readonly gap: "space";
2044
+ readonly gridColumnGap: "space";
2045
+ readonly gridGap: "space";
2046
+ readonly gridRowGap: "space";
2215
2047
  readonly gridTemplateColumns: "sizes";
2216
2048
  readonly gridTemplateRows: "sizes";
2217
2049
  readonly height: "sizes";
2218
2050
  readonly inlineSize: "sizes";
2219
- readonly inset: "space-inset";
2220
- readonly insetBlock: "space-inset";
2221
- readonly insetBlockEnd: "space-inset";
2222
- readonly insetBlockStart: "space-inset";
2223
- readonly insetInline: "space-inset";
2224
- readonly insetInlineEnd: "space-inset";
2225
- readonly insetInlineStart: "space-inset";
2051
+ readonly inset: "space";
2052
+ readonly insetBlock: "space";
2053
+ readonly insetBlockEnd: "space";
2054
+ readonly insetBlockStart: "space";
2055
+ readonly insetInline: "space";
2056
+ readonly insetInlineEnd: "space";
2057
+ readonly insetInlineStart: "space";
2226
2058
  readonly left: "space";
2227
2059
  readonly letterSpacing: "letter-spacings";
2228
2060
  readonly lineHeight: "line-heights";
2229
- readonly margin: "space-offset";
2230
- readonly marginBlock: "space-offset";
2231
- readonly marginBlockEnd: "space-offset";
2232
- readonly marginBlockStart: "space-offset";
2233
- readonly marginBottom: "space-offset";
2234
- readonly marginInline: "space-offset";
2235
- readonly marginInlineEnd: "space-offset";
2236
- readonly marginInlineStart: "space-offset";
2237
- readonly marginLeft: "space-offset";
2238
- readonly marginRight: "space-offset";
2239
- readonly marginTop: "space-offset";
2061
+ readonly margin: "space";
2062
+ readonly marginBlock: "space";
2063
+ readonly marginBlockEnd: "space";
2064
+ readonly marginBlockStart: "space";
2065
+ readonly marginBottom: "space";
2066
+ readonly marginInline: "space";
2067
+ readonly marginInlineEnd: "space";
2068
+ readonly marginInlineStart: "space";
2069
+ readonly marginLeft: "space";
2070
+ readonly marginRight: "space";
2071
+ readonly marginTop: "space";
2240
2072
  readonly maxBlockSize: "sizes";
2241
2073
  readonly maxHeight: "sizes";
2242
2074
  readonly maxInlineSize: "sizes";
@@ -2247,41 +2079,41 @@ declare const StyledArrow: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_des
2247
2079
  readonly minWidth: "sizes";
2248
2080
  readonly outline: "colors";
2249
2081
  readonly outlineColor: "colors";
2250
- readonly padding: "space-inset";
2251
- readonly paddingBlock: "space-inset";
2252
- readonly paddingBlockEnd: "space-inset";
2253
- readonly paddingBlockStart: "space-inset";
2254
- readonly paddingBottom: "space-inset";
2255
- readonly paddingInline: "space-inset";
2256
- readonly paddingInlineEnd: "space-inset";
2257
- readonly paddingInlineStart: "space-inset";
2258
- readonly paddingLeft: "space-inset";
2259
- readonly paddingRight: "space-inset";
2260
- readonly paddingTop: "space-inset";
2082
+ readonly padding: "space";
2083
+ readonly paddingBlock: "space";
2084
+ readonly paddingBlockEnd: "space";
2085
+ readonly paddingBlockStart: "space";
2086
+ readonly paddingBottom: "space";
2087
+ readonly paddingInline: "space";
2088
+ readonly paddingInlineEnd: "space";
2089
+ readonly paddingInlineStart: "space";
2090
+ readonly paddingLeft: "space";
2091
+ readonly paddingRight: "space";
2092
+ readonly paddingTop: "space";
2261
2093
  readonly right: "space";
2262
- readonly rowGap: "space-gap";
2263
- readonly scrollMargin: "space-offset";
2264
- readonly scrollMarginBlock: "space-offset";
2265
- readonly scrollMarginBlockEnd: "space-offset";
2266
- readonly scrollMarginBlockStart: "space-offset";
2267
- readonly scrollMarginBottom: "space-offset";
2268
- readonly scrollMarginInline: "space-offset";
2269
- readonly scrollMarginInlineEnd: "space-offset";
2270
- readonly scrollMarginInlineStart: "space-offset";
2271
- readonly scrollMarginLeft: "space-offset";
2272
- readonly scrollMarginRight: "space-offset";
2273
- readonly scrollMarginTop: "space-offset";
2274
- readonly scrollPadding: "space-inset";
2275
- readonly scrollPaddingBlock: "space-inset";
2276
- readonly scrollPaddingBlockEnd: "space-inset";
2277
- readonly scrollPaddingBlockStart: "space-inset";
2278
- readonly scrollPaddingBottom: "space-inset";
2279
- readonly scrollPaddingInline: "space-inset";
2280
- readonly scrollPaddingInlineEnd: "space-inset";
2281
- readonly scrollPaddingInlineStart: "space-inset";
2282
- readonly scrollPaddingLeft: "space-inset";
2283
- readonly scrollPaddingRight: "space-inset";
2284
- readonly scrollPaddingTop: "space-inset";
2094
+ readonly rowGap: "space";
2095
+ readonly scrollMargin: "space";
2096
+ readonly scrollMarginBlock: "space";
2097
+ readonly scrollMarginBlockEnd: "space";
2098
+ readonly scrollMarginBlockStart: "space";
2099
+ readonly scrollMarginBottom: "space";
2100
+ readonly scrollMarginInline: "space";
2101
+ readonly scrollMarginInlineEnd: "space";
2102
+ readonly scrollMarginInlineStart: "space";
2103
+ readonly scrollMarginLeft: "space";
2104
+ readonly scrollMarginRight: "space";
2105
+ readonly scrollMarginTop: "space";
2106
+ readonly scrollPadding: "space";
2107
+ readonly scrollPaddingBlock: "space";
2108
+ readonly scrollPaddingBlockEnd: "space";
2109
+ readonly scrollPaddingBlockStart: "space";
2110
+ readonly scrollPaddingBottom: "space";
2111
+ readonly scrollPaddingInline: "space";
2112
+ readonly scrollPaddingInlineEnd: "space";
2113
+ readonly scrollPaddingInlineStart: "space";
2114
+ readonly scrollPaddingLeft: "space";
2115
+ readonly scrollPaddingRight: "space";
2116
+ readonly scrollPaddingTop: "space";
2285
2117
  readonly stroke: "colors";
2286
2118
  readonly strokeWidth: "stroke-width";
2287
2119
  readonly textDecorationColor: "colors";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-popover",
3
- "version": "5.1.27",
3
+ "version": "5.1.29",
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.39.3",
32
+ "@mirohq/design-system-icons": "^0.40.0",
33
33
  "@mirohq/design-system-primitive": "^1.1.2",
34
- "@mirohq/design-system-stitches": "^2.6.3",
35
- "@mirohq/design-system-styles": "^1.2.2"
34
+ "@mirohq/design-system-styles": "^1.2.3",
35
+ "@mirohq/design-system-stitches": "^2.6.4"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rollup -c ../../../rollup.config.js",