@majoo-ui/react 1.60.37-rc.5 → 1.60.37-rc.6
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/components/datePicker/InputDatePicker.d.ts +1 -13
- package/components/datePicker/components/CalendarTimePicker.d.ts +2 -1
- package/components/form/components/InputDateRange/InputDateRange.d.ts +0 -12
- package/components/form/components/InputSelect/InputSelect.backup.d.ts +1 -111
- package/components/form/components/InputSelect/InputSelect.d.ts +1 -111
- package/components/loadingBar/LoadingBar.d.ts +0 -12
- package/components/table/Table.d.ts +1 -111
- package/index.esm.js +638 -781
- package/index.umd.js +1138 -1312
- package/layout/flex/index.d.ts +1 -0
- package/package.json +1 -1
- package/components/tag/Tag.d.ts +0 -16
- package/components/tag/index.d.ts +0 -2
- package/components/tooltip/Tooltip.d.ts +0 -218
- package/components/tooltip/index.d.ts +0 -2
- package/layout/box/Box.d.ts +0 -100
- package/layout/flex/Flex.d.ts +0 -112
- package/layout/grid/Grid.d.ts +0 -40
package/layout/flex/index.d.ts
CHANGED
package/package.json
CHANGED
package/components/tag/Tag.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CSS } from '../../config/stitches.config';
|
|
3
|
-
interface TagProps {
|
|
4
|
-
css?: CSS;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
size?: 'sm' | 'lg';
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
type?: 'default' | 'success' | 'error' | 'varian';
|
|
9
|
-
icon?: React.ReactNode;
|
|
10
|
-
isRemovable?: boolean;
|
|
11
|
-
readOnly?: boolean;
|
|
12
|
-
onRemove?: (e: any) => void;
|
|
13
|
-
onClick?: () => void;
|
|
14
|
-
}
|
|
15
|
-
export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
-
export default Tag;
|
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CSS } from '../../config/stitches.config';
|
|
3
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
4
|
-
export declare const TooltipBase: import("@stitches/react/types/styled-component").StyledComponent<React.FC<TooltipPrimitive.TooltipProps>, {}, {
|
|
5
|
-
sm: "(min-width: 359px)";
|
|
6
|
-
md: "(min-width: 767px)";
|
|
7
|
-
lg: "(min-width: 1023px)";
|
|
8
|
-
xl: "(min-width: 1199px)";
|
|
9
|
-
'2xl': "(min-width: 1399px)";
|
|
10
|
-
'3xl': "(min-width: 1600px)";
|
|
11
|
-
}, import("@stitches/react/types/css-util").CSS<{
|
|
12
|
-
sm: "(min-width: 359px)";
|
|
13
|
-
md: "(min-width: 767px)";
|
|
14
|
-
lg: "(min-width: 1023px)";
|
|
15
|
-
xl: "(min-width: 1199px)";
|
|
16
|
-
'2xl': "(min-width: 1399px)";
|
|
17
|
-
'3xl': "(min-width: 1600px)";
|
|
18
|
-
}, {
|
|
19
|
-
colors: unknown;
|
|
20
|
-
space: unknown;
|
|
21
|
-
shadows: unknown;
|
|
22
|
-
fontSizes: unknown;
|
|
23
|
-
fonts: unknown;
|
|
24
|
-
lineHeights: unknown;
|
|
25
|
-
letterSpacings: unknown;
|
|
26
|
-
radii: unknown;
|
|
27
|
-
sizes: unknown;
|
|
28
|
-
zIndices: unknown;
|
|
29
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
30
|
-
m: (value: {
|
|
31
|
-
readonly [$$ScaleValue]: "space";
|
|
32
|
-
}) => {
|
|
33
|
-
margin: {
|
|
34
|
-
readonly [$$ScaleValue]: "space";
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
mt: (value: {
|
|
38
|
-
readonly [$$ScaleValue]: "space";
|
|
39
|
-
}) => {
|
|
40
|
-
marginTop: {
|
|
41
|
-
readonly [$$ScaleValue]: "space";
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
mr: (value: {
|
|
45
|
-
readonly [$$ScaleValue]: "space";
|
|
46
|
-
}) => {
|
|
47
|
-
marginRight: {
|
|
48
|
-
readonly [$$ScaleValue]: "space";
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
mb: (value: {
|
|
52
|
-
readonly [$$ScaleValue]: "space";
|
|
53
|
-
}) => {
|
|
54
|
-
marginBottom: {
|
|
55
|
-
readonly [$$ScaleValue]: "space";
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
ml: (value: {
|
|
59
|
-
readonly [$$ScaleValue]: "space";
|
|
60
|
-
}) => {
|
|
61
|
-
marginLeft: {
|
|
62
|
-
readonly [$$ScaleValue]: "space";
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
mx: (value: {
|
|
66
|
-
readonly [$$ScaleValue]: "space";
|
|
67
|
-
}) => {
|
|
68
|
-
marginLeft: {
|
|
69
|
-
readonly [$$ScaleValue]: "space";
|
|
70
|
-
};
|
|
71
|
-
marginRight: {
|
|
72
|
-
readonly [$$ScaleValue]: "space";
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
my: (value: {
|
|
76
|
-
readonly [$$ScaleValue]: "space";
|
|
77
|
-
}) => {
|
|
78
|
-
marginTop: {
|
|
79
|
-
readonly [$$ScaleValue]: "space";
|
|
80
|
-
};
|
|
81
|
-
marginBottom: {
|
|
82
|
-
readonly [$$ScaleValue]: "space";
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
size: (value: {
|
|
86
|
-
readonly [$$PropertyValue]: "width";
|
|
87
|
-
}) => {
|
|
88
|
-
width: {
|
|
89
|
-
readonly [$$PropertyValue]: "width";
|
|
90
|
-
};
|
|
91
|
-
height: {
|
|
92
|
-
readonly [$$PropertyValue]: "width";
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
subtleColor: (value: string) => {
|
|
96
|
-
color: string;
|
|
97
|
-
backgroundColor: string;
|
|
98
|
-
};
|
|
99
|
-
}>>;
|
|
100
|
-
export declare const Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
101
|
-
export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
102
|
-
export declare const TooltipContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
|
|
103
|
-
sm: "(min-width: 359px)";
|
|
104
|
-
md: "(min-width: 767px)";
|
|
105
|
-
lg: "(min-width: 1023px)";
|
|
106
|
-
xl: "(min-width: 1199px)";
|
|
107
|
-
'2xl': "(min-width: 1399px)";
|
|
108
|
-
'3xl': "(min-width: 1600px)";
|
|
109
|
-
}, import("@stitches/react/types/css-util").CSS<{
|
|
110
|
-
sm: "(min-width: 359px)";
|
|
111
|
-
md: "(min-width: 767px)";
|
|
112
|
-
lg: "(min-width: 1023px)";
|
|
113
|
-
xl: "(min-width: 1199px)";
|
|
114
|
-
'2xl': "(min-width: 1399px)";
|
|
115
|
-
'3xl': "(min-width: 1600px)";
|
|
116
|
-
}, {
|
|
117
|
-
colors: unknown;
|
|
118
|
-
space: unknown;
|
|
119
|
-
shadows: unknown;
|
|
120
|
-
fontSizes: unknown;
|
|
121
|
-
fonts: unknown;
|
|
122
|
-
lineHeights: unknown;
|
|
123
|
-
letterSpacings: unknown;
|
|
124
|
-
radii: unknown;
|
|
125
|
-
sizes: unknown;
|
|
126
|
-
zIndices: unknown;
|
|
127
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
128
|
-
m: (value: {
|
|
129
|
-
readonly [$$ScaleValue]: "space";
|
|
130
|
-
}) => {
|
|
131
|
-
margin: {
|
|
132
|
-
readonly [$$ScaleValue]: "space";
|
|
133
|
-
};
|
|
134
|
-
};
|
|
135
|
-
mt: (value: {
|
|
136
|
-
readonly [$$ScaleValue]: "space";
|
|
137
|
-
}) => {
|
|
138
|
-
marginTop: {
|
|
139
|
-
readonly [$$ScaleValue]: "space";
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
mr: (value: {
|
|
143
|
-
readonly [$$ScaleValue]: "space";
|
|
144
|
-
}) => {
|
|
145
|
-
marginRight: {
|
|
146
|
-
readonly [$$ScaleValue]: "space";
|
|
147
|
-
};
|
|
148
|
-
};
|
|
149
|
-
mb: (value: {
|
|
150
|
-
readonly [$$ScaleValue]: "space";
|
|
151
|
-
}) => {
|
|
152
|
-
marginBottom: {
|
|
153
|
-
readonly [$$ScaleValue]: "space";
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
ml: (value: {
|
|
157
|
-
readonly [$$ScaleValue]: "space";
|
|
158
|
-
}) => {
|
|
159
|
-
marginLeft: {
|
|
160
|
-
readonly [$$ScaleValue]: "space";
|
|
161
|
-
};
|
|
162
|
-
};
|
|
163
|
-
mx: (value: {
|
|
164
|
-
readonly [$$ScaleValue]: "space";
|
|
165
|
-
}) => {
|
|
166
|
-
marginLeft: {
|
|
167
|
-
readonly [$$ScaleValue]: "space";
|
|
168
|
-
};
|
|
169
|
-
marginRight: {
|
|
170
|
-
readonly [$$ScaleValue]: "space";
|
|
171
|
-
};
|
|
172
|
-
};
|
|
173
|
-
my: (value: {
|
|
174
|
-
readonly [$$ScaleValue]: "space";
|
|
175
|
-
}) => {
|
|
176
|
-
marginTop: {
|
|
177
|
-
readonly [$$ScaleValue]: "space";
|
|
178
|
-
};
|
|
179
|
-
marginBottom: {
|
|
180
|
-
readonly [$$ScaleValue]: "space";
|
|
181
|
-
};
|
|
182
|
-
};
|
|
183
|
-
size: (value: {
|
|
184
|
-
readonly [$$PropertyValue]: "width";
|
|
185
|
-
}) => {
|
|
186
|
-
width: {
|
|
187
|
-
readonly [$$PropertyValue]: "width";
|
|
188
|
-
};
|
|
189
|
-
height: {
|
|
190
|
-
readonly [$$PropertyValue]: "width";
|
|
191
|
-
};
|
|
192
|
-
};
|
|
193
|
-
subtleColor: (value: string) => {
|
|
194
|
-
color: string;
|
|
195
|
-
backgroundColor: string;
|
|
196
|
-
};
|
|
197
|
-
}>>;
|
|
198
|
-
export interface TooltipProps extends TooltipPrimitive.TooltipProps {
|
|
199
|
-
css?: CSS;
|
|
200
|
-
children: React.ReactNode;
|
|
201
|
-
label: string | React.ReactNode;
|
|
202
|
-
color?: string;
|
|
203
|
-
side?: 'top' | 'bottom' | 'right' | 'left';
|
|
204
|
-
align?: 'start' | 'center' | 'end';
|
|
205
|
-
withClick?: boolean;
|
|
206
|
-
}
|
|
207
|
-
declare const Tooltip: {
|
|
208
|
-
({ children, label, color, css, withClick, side, align, delayDuration, ...rest }: TooltipProps): JSX.Element;
|
|
209
|
-
defaultProps: {
|
|
210
|
-
color: string;
|
|
211
|
-
side: string;
|
|
212
|
-
align: string;
|
|
213
|
-
label: string;
|
|
214
|
-
children: JSX.Element;
|
|
215
|
-
delayDuration: number;
|
|
216
|
-
};
|
|
217
|
-
};
|
|
218
|
-
export default Tooltip;
|
package/layout/box/Box.d.ts
DELETED
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
declare const Box: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
2
|
-
mobileOnly?: boolean | "true" | undefined;
|
|
3
|
-
desktopOnly?: boolean | "true" | undefined;
|
|
4
|
-
}, {
|
|
5
|
-
sm: "(min-width: 359px)";
|
|
6
|
-
md: "(min-width: 767px)";
|
|
7
|
-
lg: "(min-width: 1023px)";
|
|
8
|
-
xl: "(min-width: 1199px)";
|
|
9
|
-
'2xl': "(min-width: 1399px)";
|
|
10
|
-
'3xl': "(min-width: 1600px)";
|
|
11
|
-
}, import("@stitches/react/types/css-util").CSS<{
|
|
12
|
-
sm: "(min-width: 359px)";
|
|
13
|
-
md: "(min-width: 767px)";
|
|
14
|
-
lg: "(min-width: 1023px)";
|
|
15
|
-
xl: "(min-width: 1199px)";
|
|
16
|
-
'2xl': "(min-width: 1399px)";
|
|
17
|
-
'3xl': "(min-width: 1600px)";
|
|
18
|
-
}, {
|
|
19
|
-
colors: unknown;
|
|
20
|
-
space: unknown;
|
|
21
|
-
shadows: unknown;
|
|
22
|
-
fontSizes: unknown;
|
|
23
|
-
fonts: unknown;
|
|
24
|
-
lineHeights: unknown;
|
|
25
|
-
letterSpacings: unknown;
|
|
26
|
-
radii: unknown;
|
|
27
|
-
sizes: unknown;
|
|
28
|
-
zIndices: unknown;
|
|
29
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
30
|
-
m: (value: {
|
|
31
|
-
readonly [$$ScaleValue]: "space";
|
|
32
|
-
}) => {
|
|
33
|
-
margin: {
|
|
34
|
-
readonly [$$ScaleValue]: "space";
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
mt: (value: {
|
|
38
|
-
readonly [$$ScaleValue]: "space";
|
|
39
|
-
}) => {
|
|
40
|
-
marginTop: {
|
|
41
|
-
readonly [$$ScaleValue]: "space";
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
mr: (value: {
|
|
45
|
-
readonly [$$ScaleValue]: "space";
|
|
46
|
-
}) => {
|
|
47
|
-
marginRight: {
|
|
48
|
-
readonly [$$ScaleValue]: "space";
|
|
49
|
-
};
|
|
50
|
-
};
|
|
51
|
-
mb: (value: {
|
|
52
|
-
readonly [$$ScaleValue]: "space";
|
|
53
|
-
}) => {
|
|
54
|
-
marginBottom: {
|
|
55
|
-
readonly [$$ScaleValue]: "space";
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
ml: (value: {
|
|
59
|
-
readonly [$$ScaleValue]: "space";
|
|
60
|
-
}) => {
|
|
61
|
-
marginLeft: {
|
|
62
|
-
readonly [$$ScaleValue]: "space";
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
mx: (value: {
|
|
66
|
-
readonly [$$ScaleValue]: "space";
|
|
67
|
-
}) => {
|
|
68
|
-
marginLeft: {
|
|
69
|
-
readonly [$$ScaleValue]: "space";
|
|
70
|
-
};
|
|
71
|
-
marginRight: {
|
|
72
|
-
readonly [$$ScaleValue]: "space";
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
my: (value: {
|
|
76
|
-
readonly [$$ScaleValue]: "space";
|
|
77
|
-
}) => {
|
|
78
|
-
marginTop: {
|
|
79
|
-
readonly [$$ScaleValue]: "space";
|
|
80
|
-
};
|
|
81
|
-
marginBottom: {
|
|
82
|
-
readonly [$$ScaleValue]: "space";
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
size: (value: {
|
|
86
|
-
readonly [$$PropertyValue]: "width";
|
|
87
|
-
}) => {
|
|
88
|
-
width: {
|
|
89
|
-
readonly [$$PropertyValue]: "width";
|
|
90
|
-
};
|
|
91
|
-
height: {
|
|
92
|
-
readonly [$$PropertyValue]: "width";
|
|
93
|
-
};
|
|
94
|
-
};
|
|
95
|
-
subtleColor: (value: string) => {
|
|
96
|
-
color: string;
|
|
97
|
-
backgroundColor: string;
|
|
98
|
-
};
|
|
99
|
-
}>>;
|
|
100
|
-
export default Box;
|
package/layout/flex/Flex.d.ts
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
declare const Flex: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
2
|
-
direction?: "column" | "row" | "rowReverse" | "columnReverse" | undefined;
|
|
3
|
-
align?: "stretch" | "center" | "end" | "start" | "baseline" | undefined;
|
|
4
|
-
justify?: "center" | "end" | "start" | "between" | "evenly" | "around" | undefined;
|
|
5
|
-
wrap?: "wrap" | "noWrap" | "wrapReverse" | undefined;
|
|
6
|
-
gap?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
7
|
-
m?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
8
|
-
mt?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
9
|
-
mb?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
10
|
-
mr?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
11
|
-
ml?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
12
|
-
mx?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
13
|
-
my?: 10 | 12 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | "10" | "12" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "11" | undefined;
|
|
14
|
-
mobileOnly?: boolean | "true" | undefined;
|
|
15
|
-
desktopOnly?: boolean | "true" | undefined;
|
|
16
|
-
}, {
|
|
17
|
-
sm: "(min-width: 359px)";
|
|
18
|
-
md: "(min-width: 767px)";
|
|
19
|
-
lg: "(min-width: 1023px)";
|
|
20
|
-
xl: "(min-width: 1199px)";
|
|
21
|
-
'2xl': "(min-width: 1399px)";
|
|
22
|
-
'3xl': "(min-width: 1600px)";
|
|
23
|
-
}, import("@stitches/react/types/css-util").CSS<{
|
|
24
|
-
sm: "(min-width: 359px)";
|
|
25
|
-
md: "(min-width: 767px)";
|
|
26
|
-
lg: "(min-width: 1023px)";
|
|
27
|
-
xl: "(min-width: 1199px)";
|
|
28
|
-
'2xl': "(min-width: 1399px)";
|
|
29
|
-
'3xl': "(min-width: 1600px)";
|
|
30
|
-
}, {
|
|
31
|
-
colors: unknown;
|
|
32
|
-
space: unknown;
|
|
33
|
-
shadows: unknown;
|
|
34
|
-
fontSizes: unknown;
|
|
35
|
-
fonts: unknown;
|
|
36
|
-
lineHeights: unknown;
|
|
37
|
-
letterSpacings: unknown;
|
|
38
|
-
radii: unknown;
|
|
39
|
-
sizes: unknown;
|
|
40
|
-
zIndices: unknown;
|
|
41
|
-
}, import("@stitches/react/types/config").DefaultThemeMap, {
|
|
42
|
-
m: (value: {
|
|
43
|
-
readonly [$$ScaleValue]: "space";
|
|
44
|
-
}) => {
|
|
45
|
-
margin: {
|
|
46
|
-
readonly [$$ScaleValue]: "space";
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
mt: (value: {
|
|
50
|
-
readonly [$$ScaleValue]: "space";
|
|
51
|
-
}) => {
|
|
52
|
-
marginTop: {
|
|
53
|
-
readonly [$$ScaleValue]: "space";
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
mr: (value: {
|
|
57
|
-
readonly [$$ScaleValue]: "space";
|
|
58
|
-
}) => {
|
|
59
|
-
marginRight: {
|
|
60
|
-
readonly [$$ScaleValue]: "space";
|
|
61
|
-
};
|
|
62
|
-
};
|
|
63
|
-
mb: (value: {
|
|
64
|
-
readonly [$$ScaleValue]: "space";
|
|
65
|
-
}) => {
|
|
66
|
-
marginBottom: {
|
|
67
|
-
readonly [$$ScaleValue]: "space";
|
|
68
|
-
};
|
|
69
|
-
};
|
|
70
|
-
ml: (value: {
|
|
71
|
-
readonly [$$ScaleValue]: "space";
|
|
72
|
-
}) => {
|
|
73
|
-
marginLeft: {
|
|
74
|
-
readonly [$$ScaleValue]: "space";
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
mx: (value: {
|
|
78
|
-
readonly [$$ScaleValue]: "space";
|
|
79
|
-
}) => {
|
|
80
|
-
marginLeft: {
|
|
81
|
-
readonly [$$ScaleValue]: "space";
|
|
82
|
-
};
|
|
83
|
-
marginRight: {
|
|
84
|
-
readonly [$$ScaleValue]: "space";
|
|
85
|
-
};
|
|
86
|
-
};
|
|
87
|
-
my: (value: {
|
|
88
|
-
readonly [$$ScaleValue]: "space";
|
|
89
|
-
}) => {
|
|
90
|
-
marginTop: {
|
|
91
|
-
readonly [$$ScaleValue]: "space";
|
|
92
|
-
};
|
|
93
|
-
marginBottom: {
|
|
94
|
-
readonly [$$ScaleValue]: "space";
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
size: (value: {
|
|
98
|
-
readonly [$$PropertyValue]: "width";
|
|
99
|
-
}) => {
|
|
100
|
-
width: {
|
|
101
|
-
readonly [$$PropertyValue]: "width";
|
|
102
|
-
};
|
|
103
|
-
height: {
|
|
104
|
-
readonly [$$PropertyValue]: "width";
|
|
105
|
-
};
|
|
106
|
-
};
|
|
107
|
-
subtleColor: (value: string) => {
|
|
108
|
-
color: string;
|
|
109
|
-
backgroundColor: string;
|
|
110
|
-
};
|
|
111
|
-
}>>;
|
|
112
|
-
export default Flex;
|
package/layout/grid/Grid.d.ts
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
export declare const Grid: {
|
|
4
|
-
({ children, ...props }: {
|
|
5
|
-
[x: string]: any;
|
|
6
|
-
children: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
propTypes: {
|
|
9
|
-
align: PropTypes.Requireable<string>;
|
|
10
|
-
justify: PropTypes.Requireable<string>;
|
|
11
|
-
autoColumns: PropTypes.Requireable<string | number>;
|
|
12
|
-
autoRows: PropTypes.Requireable<string | number>;
|
|
13
|
-
autoFlow: PropTypes.Requireable<string>;
|
|
14
|
-
templateColumns: PropTypes.Requireable<string>;
|
|
15
|
-
templateRows: PropTypes.Requireable<string>;
|
|
16
|
-
columns: PropTypes.Requireable<number>;
|
|
17
|
-
rows: PropTypes.Requireable<number>;
|
|
18
|
-
gap: PropTypes.Requireable<number>;
|
|
19
|
-
gapX: PropTypes.Requireable<string | number>;
|
|
20
|
-
gapY: PropTypes.Requireable<number>;
|
|
21
|
-
};
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
24
|
-
export default Grid;
|
|
25
|
-
export declare const GridItem: {
|
|
26
|
-
({ children, ...props }: {
|
|
27
|
-
[x: string]: any;
|
|
28
|
-
children: any;
|
|
29
|
-
}): JSX.Element;
|
|
30
|
-
propTypes: {
|
|
31
|
-
gridArea: PropTypes.Requireable<string | number>;
|
|
32
|
-
colSpan: PropTypes.Requireable<number>;
|
|
33
|
-
rowSpan: PropTypes.Requireable<number>;
|
|
34
|
-
colStart: PropTypes.Requireable<string | number>;
|
|
35
|
-
colEnd: PropTypes.Requireable<string | number>;
|
|
36
|
-
rowStart: PropTypes.Requireable<string | number>;
|
|
37
|
-
rowEnd: PropTypes.Requireable<string | number>;
|
|
38
|
-
};
|
|
39
|
-
displayName: string;
|
|
40
|
-
};
|