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