@100mslive/roomkit-react 0.3.21 → 0.3.22-alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (82) hide show
  1. package/dist/Accordion/Accordion.d.ts +134 -322
  2. package/dist/Accordion/index.d.ts +134 -322
  3. package/dist/Avatar/Avatar.d.ts +47 -141
  4. package/dist/Button/Button.d.ts +47 -141
  5. package/dist/Checkbox/Checkbox.d.ts +134 -322
  6. package/dist/Collapsible/Collapsible.d.ts +201 -483
  7. package/dist/Divider/Divider.d.ts +134 -322
  8. package/dist/Dropdown/Dropdown.d.ts +804 -1932
  9. package/dist/Fieldset/Fieldset.d.ts +47 -141
  10. package/dist/Footer/Footer.d.ts +536 -1288
  11. package/dist/{HLSView-CIEOVB7G.js → HLSView-LCFZPBH3.js} +2 -2
  12. package/dist/{HLSView-IUYITNDV.css → HLSView-Z2JID2W7.css} +3 -3
  13. package/dist/{HLSView-IUYITNDV.css.map → HLSView-Z2JID2W7.css.map} +1 -1
  14. package/dist/IconButton/IconButton.d.ts +47 -141
  15. package/dist/Input/Input.d.ts +362 -926
  16. package/dist/Label/Label.d.ts +47 -141
  17. package/dist/Layout/Box.d.ts +47 -141
  18. package/dist/Layout/Flex.d.ts +47 -141
  19. package/dist/Link/Link.d.ts +47 -141
  20. package/dist/Modal/Dialog.d.ts +329 -987
  21. package/dist/Modal/DialogContent.d.ts +469 -1127
  22. package/dist/Pagination/StyledPagination.d.ts +268 -644
  23. package/dist/Popover/index.d.ts +201 -483
  24. package/dist/Prebuilt/IconButton.d.ts +134 -322
  25. package/dist/Prebuilt/components/Chat/ChatBody.d.ts +134 -322
  26. package/dist/Prebuilt/components/Leave/LeaveAtoms.d.ts +335 -805
  27. package/dist/Prebuilt/components/Notifications/DeviceChangeNotifications.d.ts +1 -0
  28. package/dist/Prebuilt/components/Notifications/DeviceInUseError.d.ts +2 -0
  29. package/dist/Prebuilt/components/Notifications/ErrorNotifications.d.ts +1 -0
  30. package/dist/Prebuilt/components/Notifications/MessageNotifications.d.ts +1 -0
  31. package/dist/Prebuilt/components/Notifications/PollNotificationModal.d.ts +1 -0
  32. package/dist/Prebuilt/components/Settings/common.d.ts +134 -322
  33. package/dist/Progress/index.d.ts +134 -322
  34. package/dist/RadioGroup/RadioGroup.d.ts +201 -483
  35. package/dist/ReactSelect/ReactSelect.d.ts +670 -1610
  36. package/dist/Select/Select.d.ts +201 -483
  37. package/dist/Sheet/Sheet.d.ts +329 -987
  38. package/dist/Slider/Slider.d.ts +47 -141
  39. package/dist/Stats/StyledStats.d.ts +402 -966
  40. package/dist/Switch/Switch.d.ts +47 -141
  41. package/dist/Tabs/Tabs.d.ts +268 -644
  42. package/dist/Text/Text.d.ts +47 -141
  43. package/dist/TextArea/TextArea.d.ts +47 -141
  44. package/dist/Theme/base.config.d.ts +26 -78
  45. package/dist/Theme/stitches.config.d.ts +1046 -1493
  46. package/dist/TileMenu/StyledMenuTile.d.ts +469 -1127
  47. package/dist/Toast/Toast.d.ts +382 -946
  48. package/dist/Video/Video.d.ts +47 -141
  49. package/dist/VideoList/StyledVideoList.d.ts +201 -483
  50. package/dist/VideoTile/StyledVideoTile.d.ts +670 -1610
  51. package/dist/{chunk-D6EIIW34.js → chunk-CRGZUJSX.js} +1000 -875
  52. package/dist/chunk-CRGZUJSX.js.map +7 -0
  53. package/dist/index.cjs.css +2 -2
  54. package/dist/index.cjs.css.map +1 -1
  55. package/dist/index.cjs.js +1038 -861
  56. package/dist/index.cjs.js.map +4 -4
  57. package/dist/index.css +2 -2
  58. package/dist/index.css.map +1 -1
  59. package/dist/index.js +1 -1
  60. package/dist/meta.cjs.json +348 -78
  61. package/dist/meta.esbuild.json +355 -85
  62. package/package.json +8 -8
  63. package/src/Avatar/Avatar.tsx +1 -1
  64. package/src/Popover/Popover.stories.tsx +1 -1
  65. package/src/Prebuilt/components/Header/common.jsx +6 -5
  66. package/src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx +18 -0
  67. package/src/Prebuilt/components/Notifications/DeviceInUseError.tsx +79 -0
  68. package/src/Prebuilt/components/Notifications/ErrorNotifications.tsx +56 -0
  69. package/src/Prebuilt/components/Notifications/MessageNotifications.tsx +24 -0
  70. package/src/Prebuilt/components/Notifications/Notifications.tsx +13 -159
  71. package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +23 -2
  72. package/src/Prebuilt/components/Notifications/PollNotificationModal.tsx +71 -0
  73. package/src/Prebuilt/components/Notifications/ReconnectNotifications.tsx +1 -5
  74. package/src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx +7 -5
  75. package/src/Prebuilt/components/Notifications/TrackNotifications.tsx +23 -1
  76. package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +13 -5
  77. package/src/Prebuilt/components/StatsForNerds.jsx +32 -3
  78. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +2 -2
  79. package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +3 -1
  80. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +6 -0
  81. package/dist/chunk-D6EIIW34.js.map +0 -7
  82. /package/dist/{HLSView-CIEOVB7G.js.map → HLSView-LCFZPBH3.js.map} +0 -0
package/dist/Prebuilt/IconButton.d.ts CHANGED
@@ -276,167 +276,73 @@ declare const IconButton: import("@stitches/react/types/styled-component").Style
276
276
  transition: "transitions";
277
277
  zIndex: "zIndices";
278
278
  }, {
279
- bg: (value: {
280
- readonly [$$PropertyValue]: "backgroundColor";
281
- }) => {
282
- backgroundColor: {
283
- readonly [$$PropertyValue]: "backgroundColor";
284
- };
285
- };
286
- c: (value: {
287
- readonly [$$PropertyValue]: "color";
288
- }) => {
289
- color: {
290
- readonly [$$PropertyValue]: "color";
291
- };
292
- };
293
- r: (value: {
294
- readonly [$$ScaleValue]: "radii";
295
- }) => {
296
- borderRadius: {
297
- readonly [$$ScaleValue]: "radii";
298
- };
299
- };
300
- fs: (value: string | number | {
301
- readonly [$$PropertyValue]: "fontSize";
302
- }) => {
303
- fontSize: string | number | {
304
- readonly [$$PropertyValue]: "fontSize";
305
- };
306
- };
307
- size: (value: string | number | {
308
- readonly [$$ScaleValue]: "space";
309
- }) => {
310
- height: string | number | {
311
- readonly [$$ScaleValue]: "space";
312
- };
313
- width: string | number | {
314
- readonly [$$ScaleValue]: "space";
315
- };
316
- };
317
- w: (value: string | number | {
318
- readonly [$$ScaleValue]: "space";
319
- }) => {
320
- width: string | number | {
321
- readonly [$$ScaleValue]: "space";
322
- };
323
- };
324
- h: (value: string | number | {
325
- readonly [$$ScaleValue]: "space";
326
- }) => {
327
- height: string | number | {
328
- readonly [$$ScaleValue]: "space";
329
- };
330
- };
331
- p: (value: string | number | {
332
- readonly [$$ScaleValue]: "space";
333
- }) => {
334
- padding: string | number | {
335
- readonly [$$ScaleValue]: "space";
336
- };
337
- };
338
- pt: (value: string | number | {
339
- readonly [$$ScaleValue]: "space";
340
- }) => {
341
- paddingTop: string | number | {
342
- readonly [$$ScaleValue]: "space";
343
- };
344
- };
345
- pr: (value: string | number | {
346
- readonly [$$ScaleValue]: "space";
347
- }) => {
348
- paddingRight: string | number | {
349
- readonly [$$ScaleValue]: "space";
350
- };
351
- };
352
- pb: (value: string | number | {
353
- readonly [$$ScaleValue]: "space";
354
- }) => {
355
- paddingBottom: string | number | {
356
- readonly [$$ScaleValue]: "space";
357
- };
358
- };
359
- pl: (value: string | number | {
360
- readonly [$$ScaleValue]: "space";
361
- }) => {
362
- paddingLeft: string | number | {
363
- readonly [$$ScaleValue]: "space";
364
- };
365
- };
366
- px: (value: string | number | {
367
- readonly [$$ScaleValue]: "space";
368
- }) => {
369
- paddingLeft: string | number | {
370
- readonly [$$ScaleValue]: "space";
371
- };
372
- paddingRight: string | number | {
373
- readonly [$$ScaleValue]: "space";
374
- };
375
- };
376
- py: (value: string | number | {
377
- readonly [$$ScaleValue]: "space";
378
- }) => {
379
- paddingTop: string | number | {
380
- readonly [$$ScaleValue]: "space";
381
- };
382
- paddingBottom: string | number | {
383
- readonly [$$ScaleValue]: "space";
384
- };
385
- };
386
- m: (value: string | number | {
387
- readonly [$$ScaleValue]: "space";
388
- }) => {
389
- margin: string | number | {
390
- readonly [$$ScaleValue]: "space";
391
- };
392
- };
393
- mt: (value: string | number | {
394
- readonly [$$ScaleValue]: "space";
395
- }) => {
396
- marginTop: string | number | {
397
- readonly [$$ScaleValue]: "space";
398
- };
399
- };
400
- mr: (value: string | number | {
401
- readonly [$$ScaleValue]: "space";
402
- }) => {
403
- marginRight: string | number | {
404
- readonly [$$ScaleValue]: "space";
405
- };
406
- };
407
- mb: (value: string | number | {
408
- readonly [$$ScaleValue]: "space";
409
- }) => {
410
- marginBottom: string | number | {
411
- readonly [$$ScaleValue]: "space";
412
- };
413
- };
414
- ml: (value: string | number | {
415
- readonly [$$ScaleValue]: "space";
416
- }) => {
417
- marginLeft: string | number | {
418
- readonly [$$ScaleValue]: "space";
419
- };
420
- };
421
- mx: (value: string | number | {
422
- readonly [$$ScaleValue]: "space";
423
- }) => {
424
- marginLeft: string | number | {
425
- readonly [$$ScaleValue]: "space";
426
- };
427
- marginRight: string | number | {
428
- readonly [$$ScaleValue]: "space";
429
- };
430
- };
431
- my: (value: string | number | {
432
- readonly [$$ScaleValue]: "space";
433
- }) => {
434
- marginTop: string | number | {
435
- readonly [$$ScaleValue]: "space";
436
- };
437
- marginBottom: string | number | {
438
- readonly [$$ScaleValue]: "space";
439
- };
279
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
280
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
281
+ };
282
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
283
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
284
+ };
285
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
286
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
287
+ };
288
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
289
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
290
+ };
291
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
292
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
293
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
294
+ };
295
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
296
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
297
+ };
298
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
299
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
300
+ };
301
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
302
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
303
+ };
304
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
305
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
306
+ };
307
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
308
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
309
+ };
310
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
312
+ };
313
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
314
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
315
+ };
316
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
317
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
318
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
319
+ };
320
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
321
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
322
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
323
+ };
324
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
325
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
326
+ };
327
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
328
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
329
+ };
330
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
331
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
332
+ };
333
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
334
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
335
+ };
336
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
337
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
338
+ };
339
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
340
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
341
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
342
+ };
343
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
344
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
345
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
440
346
  };
441
347
  }>>, {
442
348
  active?: boolean | "true" | undefined;
@@ -716,167 +622,73 @@ declare const IconButton: import("@stitches/react/types/styled-component").Style
716
622
  transition: "transitions";
717
623
  zIndex: "zIndices";
718
624
  }, {
719
- bg: (value: {
720
- readonly [$$PropertyValue]: "backgroundColor";
721
- }) => {
722
- backgroundColor: {
723
- readonly [$$PropertyValue]: "backgroundColor";
724
- };
725
- };
726
- c: (value: {
727
- readonly [$$PropertyValue]: "color";
728
- }) => {
729
- color: {
730
- readonly [$$PropertyValue]: "color";
731
- };
732
- };
733
- r: (value: {
734
- readonly [$$ScaleValue]: "radii";
735
- }) => {
736
- borderRadius: {
737
- readonly [$$ScaleValue]: "radii";
738
- };
739
- };
740
- fs: (value: string | number | {
741
- readonly [$$PropertyValue]: "fontSize";
742
- }) => {
743
- fontSize: string | number | {
744
- readonly [$$PropertyValue]: "fontSize";
745
- };
746
- };
747
- size: (value: string | number | {
748
- readonly [$$ScaleValue]: "space";
749
- }) => {
750
- height: string | number | {
751
- readonly [$$ScaleValue]: "space";
752
- };
753
- width: string | number | {
754
- readonly [$$ScaleValue]: "space";
755
- };
756
- };
757
- w: (value: string | number | {
758
- readonly [$$ScaleValue]: "space";
759
- }) => {
760
- width: string | number | {
761
- readonly [$$ScaleValue]: "space";
762
- };
763
- };
764
- h: (value: string | number | {
765
- readonly [$$ScaleValue]: "space";
766
- }) => {
767
- height: string | number | {
768
- readonly [$$ScaleValue]: "space";
769
- };
770
- };
771
- p: (value: string | number | {
772
- readonly [$$ScaleValue]: "space";
773
- }) => {
774
- padding: string | number | {
775
- readonly [$$ScaleValue]: "space";
776
- };
777
- };
778
- pt: (value: string | number | {
779
- readonly [$$ScaleValue]: "space";
780
- }) => {
781
- paddingTop: string | number | {
782
- readonly [$$ScaleValue]: "space";
783
- };
784
- };
785
- pr: (value: string | number | {
786
- readonly [$$ScaleValue]: "space";
787
- }) => {
788
- paddingRight: string | number | {
789
- readonly [$$ScaleValue]: "space";
790
- };
791
- };
792
- pb: (value: string | number | {
793
- readonly [$$ScaleValue]: "space";
794
- }) => {
795
- paddingBottom: string | number | {
796
- readonly [$$ScaleValue]: "space";
797
- };
798
- };
799
- pl: (value: string | number | {
800
- readonly [$$ScaleValue]: "space";
801
- }) => {
802
- paddingLeft: string | number | {
803
- readonly [$$ScaleValue]: "space";
804
- };
805
- };
806
- px: (value: string | number | {
807
- readonly [$$ScaleValue]: "space";
808
- }) => {
809
- paddingLeft: string | number | {
810
- readonly [$$ScaleValue]: "space";
811
- };
812
- paddingRight: string | number | {
813
- readonly [$$ScaleValue]: "space";
814
- };
815
- };
816
- py: (value: string | number | {
817
- readonly [$$ScaleValue]: "space";
818
- }) => {
819
- paddingTop: string | number | {
820
- readonly [$$ScaleValue]: "space";
821
- };
822
- paddingBottom: string | number | {
823
- readonly [$$ScaleValue]: "space";
824
- };
825
- };
826
- m: (value: string | number | {
827
- readonly [$$ScaleValue]: "space";
828
- }) => {
829
- margin: string | number | {
830
- readonly [$$ScaleValue]: "space";
831
- };
832
- };
833
- mt: (value: string | number | {
834
- readonly [$$ScaleValue]: "space";
835
- }) => {
836
- marginTop: string | number | {
837
- readonly [$$ScaleValue]: "space";
838
- };
839
- };
840
- mr: (value: string | number | {
841
- readonly [$$ScaleValue]: "space";
842
- }) => {
843
- marginRight: string | number | {
844
- readonly [$$ScaleValue]: "space";
845
- };
846
- };
847
- mb: (value: string | number | {
848
- readonly [$$ScaleValue]: "space";
849
- }) => {
850
- marginBottom: string | number | {
851
- readonly [$$ScaleValue]: "space";
852
- };
853
- };
854
- ml: (value: string | number | {
855
- readonly [$$ScaleValue]: "space";
856
- }) => {
857
- marginLeft: string | number | {
858
- readonly [$$ScaleValue]: "space";
859
- };
860
- };
861
- mx: (value: string | number | {
862
- readonly [$$ScaleValue]: "space";
863
- }) => {
864
- marginLeft: string | number | {
865
- readonly [$$ScaleValue]: "space";
866
- };
867
- marginRight: string | number | {
868
- readonly [$$ScaleValue]: "space";
869
- };
870
- };
871
- my: (value: string | number | {
872
- readonly [$$ScaleValue]: "space";
873
- }) => {
874
- marginTop: string | number | {
875
- readonly [$$ScaleValue]: "space";
876
- };
877
- marginBottom: string | number | {
878
- readonly [$$ScaleValue]: "space";
879
- };
625
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
626
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
627
+ };
628
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
629
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
630
+ };
631
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
632
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
633
+ };
634
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
635
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
636
+ };
637
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
638
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
639
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
640
+ };
641
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
642
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
643
+ };
644
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
645
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
646
+ };
647
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
648
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
649
+ };
650
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
651
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
652
+ };
653
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
654
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
655
+ };
656
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
657
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
658
+ };
659
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
660
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
661
+ };
662
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
663
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
664
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
665
+ };
666
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
667
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
668
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
669
+ };
670
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
671
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
672
+ };
673
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
674
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
675
+ };
676
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
677
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
678
+ };
679
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
680
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
681
+ };
682
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
683
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
684
+ };
685
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
686
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
687
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
688
+ };
689
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
690
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
691
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
880
692
  };
881
693
  }>>;
882
694
  export default IconButton;