@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/Label/Label.d.ts CHANGED
@@ -276,166 +276,72 @@ export declare const Label: import("@stitches/react/types/styled-component").Sty
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
- };
279
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
280
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
285
281
  };
286
- c: (value: {
287
- readonly [$$PropertyValue]: "color";
288
- }) => {
289
- color: {
290
- readonly [$$PropertyValue]: "color";
291
- };
282
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
283
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
292
284
  };
293
- r: (value: {
294
- readonly [$$ScaleValue]: "radii";
295
- }) => {
296
- borderRadius: {
297
- readonly [$$ScaleValue]: "radii";
298
- };
285
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
286
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
299
287
  };
300
- fs: (value: string | number | {
301
- readonly [$$PropertyValue]: "fontSize";
302
- }) => {
303
- fontSize: string | number | {
304
- readonly [$$PropertyValue]: "fontSize";
305
- };
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">;
306
290
  };
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
- };
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">;
316
294
  };
317
- w: (value: string | number | {
318
- readonly [$$ScaleValue]: "space";
319
- }) => {
320
- width: string | number | {
321
- readonly [$$ScaleValue]: "space";
322
- };
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">;
323
297
  };
324
- h: (value: string | number | {
325
- readonly [$$ScaleValue]: "space";
326
- }) => {
327
- height: string | number | {
328
- readonly [$$ScaleValue]: "space";
329
- };
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">;
330
300
  };
331
- p: (value: string | number | {
332
- readonly [$$ScaleValue]: "space";
333
- }) => {
334
- padding: string | number | {
335
- readonly [$$ScaleValue]: "space";
336
- };
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">;
337
303
  };
338
- pt: (value: string | number | {
339
- readonly [$$ScaleValue]: "space";
340
- }) => {
341
- paddingTop: string | number | {
342
- readonly [$$ScaleValue]: "space";
343
- };
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">;
344
306
  };
345
- pr: (value: string | number | {
346
- readonly [$$ScaleValue]: "space";
347
- }) => {
348
- paddingRight: string | number | {
349
- readonly [$$ScaleValue]: "space";
350
- };
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">;
351
309
  };
352
- pb: (value: string | number | {
353
- readonly [$$ScaleValue]: "space";
354
- }) => {
355
- paddingBottom: string | number | {
356
- readonly [$$ScaleValue]: "space";
357
- };
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">;
358
312
  };
359
- pl: (value: string | number | {
360
- readonly [$$ScaleValue]: "space";
361
- }) => {
362
- paddingLeft: string | number | {
363
- readonly [$$ScaleValue]: "space";
364
- };
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">;
365
315
  };
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
- };
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">;
375
319
  };
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
- };
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">;
385
323
  };
386
- m: (value: string | number | {
387
- readonly [$$ScaleValue]: "space";
388
- }) => {
389
- margin: string | number | {
390
- readonly [$$ScaleValue]: "space";
391
- };
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">;
392
326
  };
393
- mt: (value: string | number | {
394
- readonly [$$ScaleValue]: "space";
395
- }) => {
396
- marginTop: string | number | {
397
- readonly [$$ScaleValue]: "space";
398
- };
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">;
399
329
  };
400
- mr: (value: string | number | {
401
- readonly [$$ScaleValue]: "space";
402
- }) => {
403
- marginRight: string | number | {
404
- readonly [$$ScaleValue]: "space";
405
- };
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">;
406
332
  };
407
- mb: (value: string | number | {
408
- readonly [$$ScaleValue]: "space";
409
- }) => {
410
- marginBottom: string | number | {
411
- readonly [$$ScaleValue]: "space";
412
- };
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">;
413
335
  };
414
- ml: (value: string | number | {
415
- readonly [$$ScaleValue]: "space";
416
- }) => {
417
- marginLeft: string | number | {
418
- readonly [$$ScaleValue]: "space";
419
- };
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">;
420
338
  };
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
- };
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">;
430
342
  };
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
- };
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
  }>>;
package/dist/Layout/Box.d.ts CHANGED
@@ -274,166 +274,72 @@ export declare const Box: import("@stitches/react/types/styled-component").Style
274
274
  transition: "transitions";
275
275
  zIndex: "zIndices";
276
276
  }, {
277
- bg: (value: {
278
- readonly [$$PropertyValue]: "backgroundColor";
279
- }) => {
280
- backgroundColor: {
281
- readonly [$$PropertyValue]: "backgroundColor";
282
- };
277
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
278
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
283
279
  };
284
- c: (value: {
285
- readonly [$$PropertyValue]: "color";
286
- }) => {
287
- color: {
288
- readonly [$$PropertyValue]: "color";
289
- };
280
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
281
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
290
282
  };
291
- r: (value: {
292
- readonly [$$ScaleValue]: "radii";
293
- }) => {
294
- borderRadius: {
295
- readonly [$$ScaleValue]: "radii";
296
- };
283
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
284
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
297
285
  };
298
- fs: (value: string | number | {
299
- readonly [$$PropertyValue]: "fontSize";
300
- }) => {
301
- fontSize: string | number | {
302
- readonly [$$PropertyValue]: "fontSize";
303
- };
286
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
287
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
304
288
  };
305
- size: (value: string | number | {
306
- readonly [$$ScaleValue]: "space";
307
- }) => {
308
- height: string | number | {
309
- readonly [$$ScaleValue]: "space";
310
- };
311
- width: string | number | {
312
- readonly [$$ScaleValue]: "space";
313
- };
289
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
290
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
291
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
314
292
  };
315
- w: (value: string | number | {
316
- readonly [$$ScaleValue]: "space";
317
- }) => {
318
- width: string | number | {
319
- readonly [$$ScaleValue]: "space";
320
- };
293
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
294
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
321
295
  };
322
- h: (value: string | number | {
323
- readonly [$$ScaleValue]: "space";
324
- }) => {
325
- height: string | number | {
326
- readonly [$$ScaleValue]: "space";
327
- };
296
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
297
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
328
298
  };
329
- p: (value: string | number | {
330
- readonly [$$ScaleValue]: "space";
331
- }) => {
332
- padding: string | number | {
333
- readonly [$$ScaleValue]: "space";
334
- };
299
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
300
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
335
301
  };
336
- pt: (value: string | number | {
337
- readonly [$$ScaleValue]: "space";
338
- }) => {
339
- paddingTop: string | number | {
340
- readonly [$$ScaleValue]: "space";
341
- };
302
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
303
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
342
304
  };
343
- pr: (value: string | number | {
344
- readonly [$$ScaleValue]: "space";
345
- }) => {
346
- paddingRight: string | number | {
347
- readonly [$$ScaleValue]: "space";
348
- };
305
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
306
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
349
307
  };
350
- pb: (value: string | number | {
351
- readonly [$$ScaleValue]: "space";
352
- }) => {
353
- paddingBottom: string | number | {
354
- readonly [$$ScaleValue]: "space";
355
- };
308
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
309
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
356
310
  };
357
- pl: (value: string | number | {
358
- readonly [$$ScaleValue]: "space";
359
- }) => {
360
- paddingLeft: string | number | {
361
- readonly [$$ScaleValue]: "space";
362
- };
311
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
312
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
363
313
  };
364
- px: (value: string | number | {
365
- readonly [$$ScaleValue]: "space";
366
- }) => {
367
- paddingLeft: string | number | {
368
- readonly [$$ScaleValue]: "space";
369
- };
370
- paddingRight: string | number | {
371
- readonly [$$ScaleValue]: "space";
372
- };
314
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
315
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
316
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
373
317
  };
374
- py: (value: string | number | {
375
- readonly [$$ScaleValue]: "space";
376
- }) => {
377
- paddingTop: string | number | {
378
- readonly [$$ScaleValue]: "space";
379
- };
380
- paddingBottom: string | number | {
381
- readonly [$$ScaleValue]: "space";
382
- };
318
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
319
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
320
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
383
321
  };
384
- m: (value: string | number | {
385
- readonly [$$ScaleValue]: "space";
386
- }) => {
387
- margin: string | number | {
388
- readonly [$$ScaleValue]: "space";
389
- };
322
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
323
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
390
324
  };
391
- mt: (value: string | number | {
392
- readonly [$$ScaleValue]: "space";
393
- }) => {
394
- marginTop: string | number | {
395
- readonly [$$ScaleValue]: "space";
396
- };
325
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
326
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
397
327
  };
398
- mr: (value: string | number | {
399
- readonly [$$ScaleValue]: "space";
400
- }) => {
401
- marginRight: string | number | {
402
- readonly [$$ScaleValue]: "space";
403
- };
328
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
329
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
404
330
  };
405
- mb: (value: string | number | {
406
- readonly [$$ScaleValue]: "space";
407
- }) => {
408
- marginBottom: string | number | {
409
- readonly [$$ScaleValue]: "space";
410
- };
331
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
332
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
411
333
  };
412
- ml: (value: string | number | {
413
- readonly [$$ScaleValue]: "space";
414
- }) => {
415
- marginLeft: string | number | {
416
- readonly [$$ScaleValue]: "space";
417
- };
334
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
335
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
418
336
  };
419
- mx: (value: string | number | {
420
- readonly [$$ScaleValue]: "space";
421
- }) => {
422
- marginLeft: string | number | {
423
- readonly [$$ScaleValue]: "space";
424
- };
425
- marginRight: string | number | {
426
- readonly [$$ScaleValue]: "space";
427
- };
337
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
338
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
339
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
428
340
  };
429
- my: (value: string | number | {
430
- readonly [$$ScaleValue]: "space";
431
- }) => {
432
- marginTop: string | number | {
433
- readonly [$$ScaleValue]: "space";
434
- };
435
- marginBottom: string | number | {
436
- readonly [$$ScaleValue]: "space";
437
- };
341
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
342
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
343
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
438
344
  };
439
345
  }>>;
package/dist/Layout/Flex.d.ts CHANGED
@@ -279,166 +279,72 @@ export declare const Flex: import("@stitches/react/types/styled-component").Styl
279
279
  transition: "transitions";
280
280
  zIndex: "zIndices";
281
281
  }, {
282
- bg: (value: {
283
- readonly [$$PropertyValue]: "backgroundColor";
284
- }) => {
285
- backgroundColor: {
286
- readonly [$$PropertyValue]: "backgroundColor";
287
- };
282
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
283
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
288
284
  };
289
- c: (value: {
290
- readonly [$$PropertyValue]: "color";
291
- }) => {
292
- color: {
293
- readonly [$$PropertyValue]: "color";
294
- };
285
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
286
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
295
287
  };
296
- r: (value: {
297
- readonly [$$ScaleValue]: "radii";
298
- }) => {
299
- borderRadius: {
300
- readonly [$$ScaleValue]: "radii";
301
- };
288
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
289
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
302
290
  };
303
- fs: (value: string | number | {
304
- readonly [$$PropertyValue]: "fontSize";
305
- }) => {
306
- fontSize: string | number | {
307
- readonly [$$PropertyValue]: "fontSize";
308
- };
291
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
292
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
309
293
  };
310
- size: (value: string | number | {
311
- readonly [$$ScaleValue]: "space";
312
- }) => {
313
- height: string | number | {
314
- readonly [$$ScaleValue]: "space";
315
- };
316
- width: string | number | {
317
- readonly [$$ScaleValue]: "space";
318
- };
294
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
295
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
296
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
319
297
  };
320
- w: (value: string | number | {
321
- readonly [$$ScaleValue]: "space";
322
- }) => {
323
- width: string | number | {
324
- readonly [$$ScaleValue]: "space";
325
- };
298
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
299
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
326
300
  };
327
- h: (value: string | number | {
328
- readonly [$$ScaleValue]: "space";
329
- }) => {
330
- height: string | number | {
331
- readonly [$$ScaleValue]: "space";
332
- };
301
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
302
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
333
303
  };
334
- p: (value: string | number | {
335
- readonly [$$ScaleValue]: "space";
336
- }) => {
337
- padding: string | number | {
338
- readonly [$$ScaleValue]: "space";
339
- };
304
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
305
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
340
306
  };
341
- pt: (value: string | number | {
342
- readonly [$$ScaleValue]: "space";
343
- }) => {
344
- paddingTop: string | number | {
345
- readonly [$$ScaleValue]: "space";
346
- };
307
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
308
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
347
309
  };
348
- pr: (value: string | number | {
349
- readonly [$$ScaleValue]: "space";
350
- }) => {
351
- paddingRight: string | number | {
352
- readonly [$$ScaleValue]: "space";
353
- };
310
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
354
312
  };
355
- pb: (value: string | number | {
356
- readonly [$$ScaleValue]: "space";
357
- }) => {
358
- paddingBottom: string | number | {
359
- readonly [$$ScaleValue]: "space";
360
- };
313
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
314
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
361
315
  };
362
- pl: (value: string | number | {
363
- readonly [$$ScaleValue]: "space";
364
- }) => {
365
- paddingLeft: string | number | {
366
- readonly [$$ScaleValue]: "space";
367
- };
316
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
317
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
368
318
  };
369
- px: (value: string | number | {
370
- readonly [$$ScaleValue]: "space";
371
- }) => {
372
- paddingLeft: string | number | {
373
- readonly [$$ScaleValue]: "space";
374
- };
375
- paddingRight: string | number | {
376
- readonly [$$ScaleValue]: "space";
377
- };
319
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
320
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
321
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
378
322
  };
379
- py: (value: string | number | {
380
- readonly [$$ScaleValue]: "space";
381
- }) => {
382
- paddingTop: string | number | {
383
- readonly [$$ScaleValue]: "space";
384
- };
385
- paddingBottom: string | number | {
386
- readonly [$$ScaleValue]: "space";
387
- };
323
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
324
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
325
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
388
326
  };
389
- m: (value: string | number | {
390
- readonly [$$ScaleValue]: "space";
391
- }) => {
392
- margin: string | number | {
393
- readonly [$$ScaleValue]: "space";
394
- };
327
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
328
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
395
329
  };
396
- mt: (value: string | number | {
397
- readonly [$$ScaleValue]: "space";
398
- }) => {
399
- marginTop: string | number | {
400
- readonly [$$ScaleValue]: "space";
401
- };
330
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
331
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
402
332
  };
403
- mr: (value: string | number | {
404
- readonly [$$ScaleValue]: "space";
405
- }) => {
406
- marginRight: string | number | {
407
- readonly [$$ScaleValue]: "space";
408
- };
333
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
334
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
409
335
  };
410
- mb: (value: string | number | {
411
- readonly [$$ScaleValue]: "space";
412
- }) => {
413
- marginBottom: string | number | {
414
- readonly [$$ScaleValue]: "space";
415
- };
336
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
337
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
416
338
  };
417
- ml: (value: string | number | {
418
- readonly [$$ScaleValue]: "space";
419
- }) => {
420
- marginLeft: string | number | {
421
- readonly [$$ScaleValue]: "space";
422
- };
339
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
340
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
423
341
  };
424
- mx: (value: string | number | {
425
- readonly [$$ScaleValue]: "space";
426
- }) => {
427
- marginLeft: string | number | {
428
- readonly [$$ScaleValue]: "space";
429
- };
430
- marginRight: string | number | {
431
- readonly [$$ScaleValue]: "space";
432
- };
342
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
343
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
344
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
433
345
  };
434
- my: (value: string | number | {
435
- readonly [$$ScaleValue]: "space";
436
- }) => {
437
- marginTop: string | number | {
438
- readonly [$$ScaleValue]: "space";
439
- };
440
- marginBottom: string | number | {
441
- readonly [$$ScaleValue]: "space";
442
- };
346
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
347
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
348
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
443
349
  };
444
350
  }>>;