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

Sign up to get free protection for your applications and to get access to all the features.
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
package/dist/components/Snackbar/SnackbarProvider.d.ts CHANGED
@@ -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 = {
package/dist/components/Snackbar/transitionStyles.d.ts CHANGED
@@ -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;
package/dist/components/Snackbar/useSnackbar.d.ts CHANGED
@@ -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)[];