UNPKG

@gsretail.com/gui-core

Version:

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

151 lines (150 loc) • 9.49 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
/// <reference types="react" /> import { WithGuiTheme } from '../../../../../assets/theme'; declare const MenuListContainer: import("@emotion/styled").StyledComponent<(({ hidden?: boolean; } & WithGuiTheme) | ({ hidden?: boolean; } & WithGuiTheme & { children?: import("react").ReactNode; })) & { theme?: import("@emotion/react").Theme; }, {}, {}>; declare const ParentMenuItem: import("@emotion/styled").StyledComponent<(({ children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonClasses>; color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning"; disabled?: boolean; disableElevation?: boolean; disableFocusRipple?: boolean; endIcon?: import("react").ReactNode; fullWidth?: boolean; href?: string; size?: "small" | "medium" | "large" | "tiny" | "xTiny"; startIcon?: import("react").ReactNode; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; variant?: "text" | "outlined" | "contained"; } & Omit<{ action?: import("react").Ref<import("@mui/material").ButtonBaseActions>; centerRipple?: boolean; children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonBaseClasses>; disabled?: boolean; disableRipple?: boolean; disableTouchRipple?: boolean; focusRipple?: boolean; focusVisibleClassName?: string; LinkComponent?: import("react").ElementType<any>; onFocusVisible?: import("react").FocusEventHandler<any>; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; tabIndex?: number; TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>; touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & { ref?: import("react").Ref<HTMLButtonElement>; }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant">) | ({ children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonClasses>; color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning"; disabled?: boolean; disableElevation?: boolean; disableFocusRipple?: boolean; endIcon?: import("react").ReactNode; fullWidth?: boolean; href?: string; size?: "small" | "medium" | "large" | "tiny" | "xTiny"; startIcon?: import("react").ReactNode; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; variant?: "text" | "outlined" | "contained"; } & Omit<{ action?: import("react").Ref<import("@mui/material").ButtonBaseActions>; centerRipple?: boolean; children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonBaseClasses>; disabled?: boolean; disableRipple?: boolean; disableTouchRipple?: boolean; focusRipple?: boolean; focusVisibleClassName?: string; LinkComponent?: import("react").ElementType<any>; onFocusVisible?: import("react").FocusEventHandler<any>; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; tabIndex?: number; TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>; touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & { ref?: import("react").Ref<HTMLButtonElement>; }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & { children?: import("react").ReactNode; })) & { theme?: import("@emotion/react").Theme; }, {}, {}>; declare const ChildMenuItem: import("@emotion/styled").StyledComponent<(({ children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonClasses>; color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning"; disabled?: boolean; disableElevation?: boolean; disableFocusRipple?: boolean; endIcon?: import("react").ReactNode; fullWidth?: boolean; href?: string; size?: "small" | "medium" | "large" | "tiny" | "xTiny"; startIcon?: import("react").ReactNode; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; variant?: "text" | "outlined" | "contained"; } & Omit<{ action?: import("react").Ref<import("@mui/material").ButtonBaseActions>; centerRipple?: boolean; children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonBaseClasses>; disabled?: boolean; disableRipple?: boolean; disableTouchRipple?: boolean; focusRipple?: boolean; focusVisibleClassName?: string; LinkComponent?: import("react").ElementType<any>; onFocusVisible?: import("react").FocusEventHandler<any>; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; tabIndex?: number; TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>; touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & { ref?: import("react").Ref<HTMLButtonElement>; }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant">) | ({ children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonClasses>; color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning"; disabled?: boolean; disableElevation?: boolean; disableFocusRipple?: boolean; endIcon?: import("react").ReactNode; fullWidth?: boolean; href?: string; size?: "small" | "medium" | "large" | "tiny" | "xTiny"; startIcon?: import("react").ReactNode; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; variant?: "text" | "outlined" | "contained"; } & Omit<{ action?: import("react").Ref<import("@mui/material").ButtonBaseActions>; centerRipple?: boolean; children?: import("react").ReactNode; classes?: Partial<import("@mui/material").ButtonBaseClasses>; disabled?: boolean; disableRipple?: boolean; disableTouchRipple?: boolean; focusRipple?: boolean; focusVisibleClassName?: string; LinkComponent?: import("react").ElementType<any>; onFocusVisible?: import("react").FocusEventHandler<any>; sx?: import("@mui/material").SxProps<import("@mui/material").Theme>; tabIndex?: number; TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>; touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>; }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & { ref?: import("react").Ref<HTMLButtonElement>; }, "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant"> & { children?: import("react").ReactNode; })) & { theme?: import("@emotion/react").Theme; }, {}, {}>; export { MenuListContainer, ParentMenuItem, ChildMenuItem, };