@livepeer/design-system 0.0.0-beta.8 → 1.0.1

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 (74) hide show
  1. package/LICENSE +7 -0
  2. package/README.md +6 -2
  3. package/dist/components/Accordion.d.ts +1512 -0
  4. package/dist/components/Alert.d.ts +752 -0
  5. package/dist/components/AlertDialog.d.ts +9 -7
  6. package/dist/components/AppBar.d.ts +755 -0
  7. package/dist/components/Avatar.d.ts +2270 -0
  8. package/dist/components/Badge.d.ts +147 -385
  9. package/dist/components/Banner.d.ts +754 -1
  10. package/dist/components/Box.d.ts +749 -0
  11. package/dist/components/Button.d.ts +753 -1
  12. package/dist/components/Card.d.ts +147 -385
  13. package/dist/components/Checkbox.d.ts +761 -0
  14. package/dist/components/Code.d.ts +751 -0
  15. package/dist/components/Container.d.ts +147 -385
  16. package/dist/components/ContextMenu.d.ts +3766 -0
  17. package/dist/components/ControlGroup.d.ts +749 -0
  18. package/dist/components/DesignSystemProvider.d.ts +9 -0
  19. package/dist/components/Dialog.d.ts +9 -3
  20. package/dist/components/DropdownMenu.d.ts +6016 -3
  21. package/dist/components/Flex.d.ts +755 -0
  22. package/dist/components/Grid.d.ts +757 -0
  23. package/dist/components/Heading.d.ts +14 -0
  24. package/dist/components/IconButton.d.ts +753 -0
  25. package/dist/components/Image.d.ts +749 -0
  26. package/dist/components/Kbd.d.ts +752 -0
  27. package/dist/components/Label.d.ts +755 -1
  28. package/dist/components/Link.d.ts +148 -386
  29. package/dist/components/Menu.d.ts +10498 -0
  30. package/dist/components/Overlay.d.ts +1498 -0
  31. package/dist/components/Panel.d.ts +1498 -0
  32. package/dist/components/Paragraph.d.ts +14 -0
  33. package/dist/components/Popover.d.ts +13 -0
  34. package/dist/components/ProgressBar.d.ts +761 -0
  35. package/dist/components/Promo.d.ts +754 -1
  36. package/dist/components/Radio.d.ts +1510 -0
  37. package/dist/components/RadioCard.d.ts +149 -389
  38. package/dist/components/RadioGrid.d.ts +1500 -0
  39. package/dist/components/Scrollbar.d.ts +6 -0
  40. package/dist/components/Section.d.ts +751 -0
  41. package/dist/components/Select.d.ts +1504 -1
  42. package/dist/components/Separator.d.ts +753 -0
  43. package/dist/components/Sheet.d.ts +766 -0
  44. package/dist/components/SimpleToggle.d.ts +753 -0
  45. package/dist/components/Skeleton.d.ts +751 -0
  46. package/dist/components/Slider.d.ts +758 -0
  47. package/dist/components/Snackbar/SnackbarProvider.d.ts +2 -2
  48. package/dist/components/Snackbar/transitionStyles.d.ts +58 -58
  49. package/dist/components/Snackbar/useSnackbar.d.ts +1 -1
  50. package/dist/components/Status.d.ts +752 -0
  51. package/dist/components/Sub.d.ts +749 -0
  52. package/dist/components/Sup.d.ts +749 -0
  53. package/dist/components/Switch.d.ts +1509 -1
  54. package/dist/components/TabLink.d.ts +751 -0
  55. package/dist/components/Table.d.ts +1178 -3082
  56. package/dist/components/Tabs.d.ts +4500 -4
  57. package/dist/components/Text.d.ts +753 -1
  58. package/dist/components/TextArea.d.ts +753 -0
  59. package/dist/components/TextField.d.ts +754 -1
  60. package/dist/components/Tooltip.d.ts +10 -0
  61. package/dist/components/TreeItem.d.ts +751 -0
  62. package/dist/components/VerifiedBadge.d.ts +762 -0
  63. package/dist/custom/AppBar.d.ts +148 -386
  64. package/dist/custom/Avatars.d.ts +1 -0
  65. package/dist/custom/DarkThemeButton.d.ts +1 -0
  66. package/dist/custom/Kbds.d.ts +1 -0
  67. package/dist/custom/Snackbar.d.ts +1 -0
  68. package/dist/custom/Toolbar.d.ts +1 -0
  69. package/dist/index.d.ts +53 -20
  70. package/dist/index.es.js +3787 -1565
  71. package/dist/index.js +3897 -1890
  72. package/dist/stitches.config.d.ts +6320 -23
  73. package/package.json +61 -58
  74. package/dist/components/Accordian.d.ts +0 -4
@@ -4,8 +4,8 @@ export declare const defaultDuration = 5000;
4
4
  export declare const defaultInterval = 250;
5
5
  export declare const positions: string[];
6
6
  interface IContextProps {
7
- openSnackbar: any;
8
- closeSnackbar: any;
7
+ openSnackbar: (text: string, duration: number, position: string, style: object, closeStyle: object) => void;
8
+ closeSnackbar: () => void;
9
9
  }
10
10
  export declare const SnackbarContext: React.Context<IContextProps>;
11
11
  declare type Props = {
@@ -1,87 +1,87 @@
1
1
  declare const transitionStyles: {
2
- ".snackbar-enter": {
3
- opacity: number;
2
+ readonly ".snackbar-enter": {
3
+ readonly opacity: 0;
4
4
  };
5
- ".snackbar-exit-active": {
6
- opacity: number;
5
+ readonly ".snackbar-exit-active": {
6
+ readonly opacity: 0;
7
7
  };
8
- ".snackbar-enter-active": {
9
- opacity: number;
8
+ readonly ".snackbar-enter-active": {
9
+ readonly opacity: 1;
10
10
  };
11
- ".snackbar-enter-top-center": {
12
- transform: string;
11
+ readonly ".snackbar-enter-top-center": {
12
+ readonly transform: "translateY(-16px)";
13
13
  };
14
- ".snackbar-enter-top-right": {
15
- transform: string;
14
+ readonly ".snackbar-enter-top-right": {
15
+ readonly transform: "translateY(-16px)";
16
16
  };
17
- ".snackbar-exit-active-top-left": {
18
- transform: string;
17
+ readonly ".snackbar-exit-active-top-left": {
18
+ readonly transform: "translateY(-16px)";
19
19
  };
20
- ".snackbar-exit-active-top-center": {
21
- transform: string;
20
+ readonly ".snackbar-exit-active-top-center": {
21
+ readonly transform: "translateY(-16px)";
22
22
  };
23
- ".snackbar-exit-active-top-right": {
24
- transform: string;
23
+ readonly ".snackbar-exit-active-top-right": {
24
+ readonly transform: "translateY(-16px)";
25
25
  };
26
- ".snackbar-enter-bottom-left": {
27
- transform: string;
26
+ readonly ".snackbar-enter-bottom-left": {
27
+ readonly transform: "translateY(16px)";
28
28
  };
29
- ".snackbar-enter-bottom-center": {
30
- transform: string;
29
+ readonly ".snackbar-enter-bottom-center": {
30
+ readonly transform: "translateY(16px)";
31
31
  };
32
- ".snackbar-enter-bottom-right": {
33
- transform: string;
32
+ readonly ".snackbar-enter-bottom-right": {
33
+ readonly transform: "translateY(16px)";
34
34
  };
35
- ".snackbar-exit-active-bottom-left": {
36
- transform: string;
35
+ readonly ".snackbar-exit-active-bottom-left": {
36
+ readonly transform: "translateY(16px)";
37
37
  };
38
- ".snackbar-exit-active-bottom-center": {
39
- transform: string;
38
+ readonly ".snackbar-exit-active-bottom-center": {
39
+ readonly transform: "translateY(16px)";
40
40
  };
41
- ".snackbar-exit-active-bottom-right": {
42
- transform: string;
41
+ readonly ".snackbar-exit-active-bottom-right": {
42
+ readonly transform: "translateY(16px)";
43
43
  };
44
- ".snackbar-enter-active-top-left": {
45
- transform: string;
44
+ readonly ".snackbar-enter-active-top-left": {
45
+ readonly transform: "translateY(0px)";
46
46
  };
47
- ".snackbar-enter-active-top-center": {
48
- transform: string;
47
+ readonly ".snackbar-enter-active-top-center": {
48
+ readonly transform: "translateY(0px)";
49
49
  };
50
- ".snackbar-enter-active-top-right": {
51
- transform: string;
50
+ readonly ".snackbar-enter-active-top-right": {
51
+ readonly transform: "translateY(0px)";
52
52
  };
53
- ".snackbar-enter-active-bottom-left": {
54
- transform: string;
53
+ readonly ".snackbar-enter-active-bottom-left": {
54
+ readonly transform: "translateY(0px)";
55
55
  };
56
- ".snackbar-enter-active-bottom-center": {
57
- transform: string;
56
+ readonly ".snackbar-enter-active-bottom-center": {
57
+ readonly transform: "translateY(0px)";
58
58
  };
59
- ".snackbar-enter-active-bottom-right": {
60
- transform: string;
59
+ readonly ".snackbar-enter-active-bottom-right": {
60
+ readonly transform: "translateY(0px)";
61
61
  };
62
- ".snackbar-wrapper-top-left": {
63
- justifyContent: string;
64
- top: string;
62
+ readonly ".snackbar-wrapper-top-left": {
63
+ readonly justifyContent: "flex-start";
64
+ readonly top: "8px";
65
65
  };
66
- ".snackbar-wrapper-top-center": {
67
- top: string;
68
- justifyContent: string;
66
+ readonly ".snackbar-wrapper-top-center": {
67
+ readonly top: "8px";
68
+ readonly justifyContent: "center";
69
69
  };
70
- ".snackbar-wrapper-top-right": {
71
- top: string;
72
- justifyContent: string;
70
+ readonly ".snackbar-wrapper-top-right": {
71
+ readonly top: "8px";
72
+ readonly justifyContent: "flex-end";
73
73
  };
74
- ".snackbar-wrapper-bottom-left": {
75
- bottom: string;
76
- justifyContent: string;
74
+ readonly ".snackbar-wrapper-bottom-left": {
75
+ readonly bottom: "8px";
76
+ readonly justifyContent: "flex-start";
77
77
  };
78
- ".snackbar-wrapper-bottom-center": {
79
- bottom: string;
80
- justifyContent: string;
78
+ readonly ".snackbar-wrapper-bottom-center": {
79
+ readonly bottom: "8px";
80
+ readonly justifyContent: "center";
81
81
  };
82
- ".snackbar-wrapper-bottom-right": {
83
- bottom: string;
84
- justifyContent: string;
82
+ readonly ".snackbar-wrapper-bottom-right": {
83
+ readonly bottom: "8px";
84
+ readonly justifyContent: "flex-end";
85
85
  };
86
86
  };
87
87
  export default transitionStyles;
@@ -2,4 +2,4 @@ export declare const useSnackbar: ({ position, style, closeStyle, }?: {
2
2
  position?: string | undefined;
3
3
  style?: {} | undefined;
4
4
  closeStyle?: {} | undefined;
5
- }) => any[];
5
+ }) => ((text?: string, duration?: number) => void)[];