@metamask-previews/design-system-react-native 0.0.0-preview.3774cae → 0.0.0-preview.3f880d9
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/README.md +18 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.ts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.js +13 -10
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.js.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.js +5 -5
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.js.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js +6 -6
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +3 -3
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/TextButton/TextButton.js +1 -1
- package/dist/components/TextButton/TextButton.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -2
- package/dist/components/index.js.map +1 -1
- package/dist/types/index.d.ts +8 -111
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/index.js +9 -117
- package/dist/types/index.js.map +1 -1
- package/package.json +9 -5
- package/dist/components/Box/Box.constants.d.ts +0 -17
- package/dist/components/Box/Box.constants.d.ts.map +0 -1
- package/dist/components/Box/Box.constants.js +0 -229
- package/dist/components/Box/Box.constants.js.map +0 -1
- package/dist/components/Box/Box.d.ts +0 -4
- package/dist/components/Box/Box.d.ts.map +0 -1
- package/dist/components/Box/Box.js +0 -45
- package/dist/components/Box/Box.js.map +0 -1
- package/dist/components/Box/Box.types.d.ts +0 -116
- package/dist/components/Box/Box.types.d.ts.map +0 -1
- package/dist/components/Box/Box.types.js +0 -3
- package/dist/components/Box/Box.types.js.map +0 -1
- package/dist/components/Box/index.d.ts +0 -4
- package/dist/components/Box/index.d.ts.map +0 -1
- package/dist/components/Box/index.js +0 -6
- package/dist/components/Box/index.js.map +0 -1
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TWCLASSMAP_BOX_MINHEIGHT = exports.TWCLASSMAP_BOX_HEIGHT = exports.TWCLASSMAP_BOX_MINWIDTH = exports.TWCLASSMAP_BOX_WIDTH = exports.TWCLASSMAP_BOX_PADDINGRIGHT = exports.TWCLASSMAP_BOX_PADDINGLEFT = exports.TWCLASSMAP_BOX_PADDINGBOTTOM = exports.TWCLASSMAP_BOX_PADDINGTOP = exports.TWCLASSMAP_BOX_PADDING = exports.TWCLASSMAP_BOX_MARGINRIGHT = exports.TWCLASSMAP_BOX_MARGINLEFT = exports.TWCLASSMAP_BOX_MARGINBOTTOM = exports.TWCLASSMAP_BOX_MARGINTOP = exports.TWCLASSMAP_BOX_MARGIN = exports.TWCLASSMAP_BOX_GAP = void 0;
|
|
4
|
-
exports.TWCLASSMAP_BOX_GAP = {
|
|
5
|
-
0: 'gap-0',
|
|
6
|
-
1: 'gap-1',
|
|
7
|
-
2: 'gap-2',
|
|
8
|
-
3: 'gap-3',
|
|
9
|
-
4: 'gap-4',
|
|
10
|
-
5: 'gap-5',
|
|
11
|
-
6: 'gap-6',
|
|
12
|
-
7: 'gap-7',
|
|
13
|
-
8: 'gap-8',
|
|
14
|
-
9: 'gap-9',
|
|
15
|
-
10: 'gap-10',
|
|
16
|
-
11: 'gap-11',
|
|
17
|
-
12: 'gap-12',
|
|
18
|
-
};
|
|
19
|
-
exports.TWCLASSMAP_BOX_MARGIN = {
|
|
20
|
-
0: 'm-0',
|
|
21
|
-
1: 'm-1',
|
|
22
|
-
2: 'm-2',
|
|
23
|
-
3: 'm-3',
|
|
24
|
-
4: 'm-4',
|
|
25
|
-
5: 'm-5',
|
|
26
|
-
6: 'm-6',
|
|
27
|
-
7: 'm-7',
|
|
28
|
-
8: 'm-8',
|
|
29
|
-
9: 'm-9',
|
|
30
|
-
10: 'm-10',
|
|
31
|
-
11: 'm-11',
|
|
32
|
-
12: 'm-12',
|
|
33
|
-
};
|
|
34
|
-
exports.TWCLASSMAP_BOX_MARGINTOP = {
|
|
35
|
-
0: 'mt-0',
|
|
36
|
-
1: 'mt-1',
|
|
37
|
-
2: 'mt-2',
|
|
38
|
-
3: 'mt-3',
|
|
39
|
-
4: 'mt-4',
|
|
40
|
-
5: 'mt-5',
|
|
41
|
-
6: 'mt-6',
|
|
42
|
-
7: 'mt-7',
|
|
43
|
-
8: 'mt-8',
|
|
44
|
-
9: 'mt-9',
|
|
45
|
-
10: 'mt-10',
|
|
46
|
-
11: 'mt-11',
|
|
47
|
-
12: 'mt-12',
|
|
48
|
-
};
|
|
49
|
-
exports.TWCLASSMAP_BOX_MARGINBOTTOM = {
|
|
50
|
-
0: 'mb-0',
|
|
51
|
-
1: 'mb-1',
|
|
52
|
-
2: 'mb-2',
|
|
53
|
-
3: 'mb-3',
|
|
54
|
-
4: 'mb-4',
|
|
55
|
-
5: 'mb-5',
|
|
56
|
-
6: 'mb-6',
|
|
57
|
-
7: 'mb-7',
|
|
58
|
-
8: 'mb-8',
|
|
59
|
-
9: 'mb-9',
|
|
60
|
-
10: 'mb-10',
|
|
61
|
-
11: 'mb-11',
|
|
62
|
-
12: 'mb-12',
|
|
63
|
-
};
|
|
64
|
-
exports.TWCLASSMAP_BOX_MARGINLEFT = {
|
|
65
|
-
0: 'ml-0',
|
|
66
|
-
1: 'ml-1',
|
|
67
|
-
2: 'ml-2',
|
|
68
|
-
3: 'ml-3',
|
|
69
|
-
4: 'ml-4',
|
|
70
|
-
5: 'ml-5',
|
|
71
|
-
6: 'ml-6',
|
|
72
|
-
7: 'ml-7',
|
|
73
|
-
8: 'ml-8',
|
|
74
|
-
9: 'ml-9',
|
|
75
|
-
10: 'ml-10',
|
|
76
|
-
11: 'ml-11',
|
|
77
|
-
12: 'ml-12',
|
|
78
|
-
};
|
|
79
|
-
exports.TWCLASSMAP_BOX_MARGINRIGHT = {
|
|
80
|
-
0: 'mr-0',
|
|
81
|
-
1: 'mr-1',
|
|
82
|
-
2: 'mr-2',
|
|
83
|
-
3: 'mr-3',
|
|
84
|
-
4: 'mr-4',
|
|
85
|
-
5: 'mr-5',
|
|
86
|
-
6: 'mr-6',
|
|
87
|
-
7: 'mr-7',
|
|
88
|
-
8: 'mr-8',
|
|
89
|
-
9: 'mr-9',
|
|
90
|
-
10: 'mr-10',
|
|
91
|
-
11: 'mr-11',
|
|
92
|
-
12: 'mr-12',
|
|
93
|
-
};
|
|
94
|
-
exports.TWCLASSMAP_BOX_PADDING = {
|
|
95
|
-
0: 'p-0',
|
|
96
|
-
1: 'p-1',
|
|
97
|
-
2: 'p-2',
|
|
98
|
-
3: 'p-3',
|
|
99
|
-
4: 'p-4',
|
|
100
|
-
5: 'p-5',
|
|
101
|
-
6: 'p-6',
|
|
102
|
-
7: 'p-7',
|
|
103
|
-
8: 'p-8',
|
|
104
|
-
9: 'p-9',
|
|
105
|
-
10: 'p-10',
|
|
106
|
-
11: 'p-11',
|
|
107
|
-
12: 'p-12',
|
|
108
|
-
};
|
|
109
|
-
exports.TWCLASSMAP_BOX_PADDINGTOP = {
|
|
110
|
-
0: 'pt-0',
|
|
111
|
-
1: 'pt-1',
|
|
112
|
-
2: 'pt-2',
|
|
113
|
-
3: 'pt-3',
|
|
114
|
-
4: 'pt-4',
|
|
115
|
-
5: 'pt-5',
|
|
116
|
-
6: 'pt-6',
|
|
117
|
-
7: 'pt-7',
|
|
118
|
-
8: 'pt-8',
|
|
119
|
-
9: 'pt-9',
|
|
120
|
-
10: 'pt-10',
|
|
121
|
-
11: 'pt-11',
|
|
122
|
-
12: 'pt-12',
|
|
123
|
-
};
|
|
124
|
-
exports.TWCLASSMAP_BOX_PADDINGBOTTOM = {
|
|
125
|
-
0: 'pb-0',
|
|
126
|
-
1: 'pb-1',
|
|
127
|
-
2: 'pb-2',
|
|
128
|
-
3: 'pb-3',
|
|
129
|
-
4: 'pb-4',
|
|
130
|
-
5: 'pb-5',
|
|
131
|
-
6: 'pb-6',
|
|
132
|
-
7: 'pb-7',
|
|
133
|
-
8: 'pb-8',
|
|
134
|
-
9: 'pb-9',
|
|
135
|
-
10: 'pb-10',
|
|
136
|
-
11: 'pb-11',
|
|
137
|
-
12: 'pb-12',
|
|
138
|
-
};
|
|
139
|
-
exports.TWCLASSMAP_BOX_PADDINGLEFT = {
|
|
140
|
-
0: 'pl-0',
|
|
141
|
-
1: 'pl-1',
|
|
142
|
-
2: 'pl-2',
|
|
143
|
-
3: 'pl-3',
|
|
144
|
-
4: 'pl-4',
|
|
145
|
-
5: 'pl-5',
|
|
146
|
-
6: 'pl-6',
|
|
147
|
-
7: 'pl-7',
|
|
148
|
-
8: 'pl-8',
|
|
149
|
-
9: 'pl-9',
|
|
150
|
-
10: 'pl-10',
|
|
151
|
-
11: 'pl-11',
|
|
152
|
-
12: 'pl-12',
|
|
153
|
-
};
|
|
154
|
-
exports.TWCLASSMAP_BOX_PADDINGRIGHT = {
|
|
155
|
-
0: 'pr-0',
|
|
156
|
-
1: 'pr-1',
|
|
157
|
-
2: 'pr-2',
|
|
158
|
-
3: 'pr-3',
|
|
159
|
-
4: 'pr-4',
|
|
160
|
-
5: 'pr-5',
|
|
161
|
-
6: 'pr-6',
|
|
162
|
-
7: 'pr-7',
|
|
163
|
-
8: 'pr-8',
|
|
164
|
-
9: 'pr-9',
|
|
165
|
-
10: 'pr-10',
|
|
166
|
-
11: 'pr-11',
|
|
167
|
-
12: 'pr-12',
|
|
168
|
-
};
|
|
169
|
-
exports.TWCLASSMAP_BOX_WIDTH = {
|
|
170
|
-
0: 'w-0',
|
|
171
|
-
1: 'w-1',
|
|
172
|
-
2: 'w-2',
|
|
173
|
-
3: 'w-3',
|
|
174
|
-
4: 'w-4',
|
|
175
|
-
5: 'w-5',
|
|
176
|
-
6: 'w-6',
|
|
177
|
-
7: 'w-7',
|
|
178
|
-
8: 'w-8',
|
|
179
|
-
9: 'w-9',
|
|
180
|
-
10: 'w-10',
|
|
181
|
-
11: 'w-11',
|
|
182
|
-
12: 'w-12',
|
|
183
|
-
};
|
|
184
|
-
exports.TWCLASSMAP_BOX_MINWIDTH = {
|
|
185
|
-
0: 'min-w-0',
|
|
186
|
-
1: 'min-w-1',
|
|
187
|
-
2: 'min-w-2',
|
|
188
|
-
3: 'min-w-3',
|
|
189
|
-
4: 'min-w-4',
|
|
190
|
-
5: 'min-w-5',
|
|
191
|
-
6: 'min-w-6',
|
|
192
|
-
7: 'min-w-7',
|
|
193
|
-
8: 'min-w-8',
|
|
194
|
-
9: 'min-w-9',
|
|
195
|
-
10: 'min-w-10',
|
|
196
|
-
11: 'min-w-11',
|
|
197
|
-
12: 'min-w-12',
|
|
198
|
-
};
|
|
199
|
-
exports.TWCLASSMAP_BOX_HEIGHT = {
|
|
200
|
-
0: 'h-0',
|
|
201
|
-
1: 'h-1',
|
|
202
|
-
2: 'h-2',
|
|
203
|
-
3: 'h-3',
|
|
204
|
-
4: 'h-4',
|
|
205
|
-
5: 'h-5',
|
|
206
|
-
6: 'h-6',
|
|
207
|
-
7: 'h-7',
|
|
208
|
-
8: 'h-8',
|
|
209
|
-
9: 'h-9',
|
|
210
|
-
10: 'h-10',
|
|
211
|
-
11: 'h-11',
|
|
212
|
-
12: 'h-12',
|
|
213
|
-
};
|
|
214
|
-
exports.TWCLASSMAP_BOX_MINHEIGHT = {
|
|
215
|
-
0: 'min-h-0',
|
|
216
|
-
1: 'min-h-1',
|
|
217
|
-
2: 'min-h-2',
|
|
218
|
-
3: 'min-h-3',
|
|
219
|
-
4: 'min-h-4',
|
|
220
|
-
5: 'min-h-5',
|
|
221
|
-
6: 'min-h-6',
|
|
222
|
-
7: 'min-h-7',
|
|
223
|
-
8: 'min-h-8',
|
|
224
|
-
9: 'min-h-9',
|
|
225
|
-
10: 'min-h-10',
|
|
226
|
-
11: 'min-h-11',
|
|
227
|
-
12: 'min-h-12',
|
|
228
|
-
};
|
|
229
|
-
//# sourceMappingURL=Box.constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.constants.js","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BoxSpacing } from '../../types';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINTOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINBOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINLEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGINRIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGTOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGBOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGLEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDINGRIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_WIDTH: Record<BoxSpacing, string> = {\n 0: 'w-0',\n 1: 'w-1',\n 2: 'w-2',\n 3: 'w-3',\n 4: 'w-4',\n 5: 'w-5',\n 6: 'w-6',\n 7: 'w-7',\n 8: 'w-8',\n 9: 'w-9',\n 10: 'w-10',\n 11: 'w-11',\n 12: 'w-12',\n};\n\nexport const TWCLASSMAP_BOX_MINWIDTH: Record<BoxSpacing, string> = {\n 0: 'min-w-0',\n 1: 'min-w-1',\n 2: 'min-w-2',\n 3: 'min-w-3',\n 4: 'min-w-4',\n 5: 'min-w-5',\n 6: 'min-w-6',\n 7: 'min-w-7',\n 8: 'min-w-8',\n 9: 'min-w-9',\n 10: 'min-w-10',\n 11: 'min-w-11',\n 12: 'min-w-12',\n};\n\nexport const TWCLASSMAP_BOX_HEIGHT: Record<BoxSpacing, string> = {\n 0: 'h-0',\n 1: 'h-1',\n 2: 'h-2',\n 3: 'h-3',\n 4: 'h-4',\n 5: 'h-5',\n 6: 'h-6',\n 7: 'h-7',\n 8: 'h-8',\n 9: 'h-9',\n 10: 'h-10',\n 11: 'h-11',\n 12: 'h-12',\n};\n\nexport const TWCLASSMAP_BOX_MINHEIGHT: Record<BoxSpacing, string> = {\n 0: 'min-h-0',\n 1: 'min-h-1',\n 2: 'min-h-2',\n 3: 'min-h-3',\n 4: 'min-h-4',\n 5: 'min-h-5',\n 6: 'min-h-6',\n 7: 'min-h-7',\n 8: 'min-h-8',\n 9: 'min-h-9',\n 10: 'min-h-10',\n 11: 'min-h-11',\n 12: 'min-h-12',\n};\n"]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { BoxProps } from './Box.types';
|
|
3
|
-
export declare const Box: ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName, style, children, ...props }: BoxProps) => React.JSX.Element;
|
|
4
|
-
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,4UA6Bb,QAAQ,sBAmCV,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Box = void 0;
|
|
7
|
-
const design_system_twrnc_preset_1 = require("@metamask-previews/design-system-twrnc-preset");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const react_native_1 = require("react-native");
|
|
10
|
-
const Box_constants_1 = require("./Box.constants");
|
|
11
|
-
const Box = ({ flexDirection, flexWrap, gap, margin, marginTop, marginBottom, marginLeft, marginRight, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, borderColor, borderWidth, borderRadius, borderStyle, alignItems, justifyContent, width, minWidth, height, minHeight, backgroundColor, twClassName = '', style, children, ...props }) => {
|
|
12
|
-
const tw = (0, design_system_twrnc_preset_1.useTailwind)();
|
|
13
|
-
const twContainerClassNames = `
|
|
14
|
-
flex
|
|
15
|
-
${flexDirection ?? ''}
|
|
16
|
-
${flexWrap ?? ''}
|
|
17
|
-
${gap !== undefined ? Box_constants_1.TWCLASSMAP_BOX_GAP[gap] : ''}
|
|
18
|
-
${margin !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGIN[margin] : ''}
|
|
19
|
-
${marginTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''}
|
|
20
|
-
${marginBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''}
|
|
21
|
-
${marginLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''}
|
|
22
|
-
${marginRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''}
|
|
23
|
-
${padding !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDING[padding] : ''}
|
|
24
|
-
${paddingTop !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''}
|
|
25
|
-
${paddingBottom !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''}
|
|
26
|
-
${paddingLeft !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''}
|
|
27
|
-
${paddingRight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''}
|
|
28
|
-
${borderColor ?? ''}
|
|
29
|
-
${borderWidth ?? ''}
|
|
30
|
-
${borderRadius ?? ''}
|
|
31
|
-
${borderStyle ?? ''}
|
|
32
|
-
${alignItems ?? ''}
|
|
33
|
-
${justifyContent ?? ''}
|
|
34
|
-
${width !== undefined ? Box_constants_1.TWCLASSMAP_BOX_WIDTH[width] : ''}
|
|
35
|
-
${minWidth !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''}
|
|
36
|
-
${height !== undefined ? Box_constants_1.TWCLASSMAP_BOX_HEIGHT[height] : ''}
|
|
37
|
-
${minHeight !== undefined ? Box_constants_1.TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''}
|
|
38
|
-
${backgroundColor ?? ''}
|
|
39
|
-
${twClassName}`.trim();
|
|
40
|
-
return (<react_native_1.View style={[tw `${twContainerClassNames}`, style]} {...props}>
|
|
41
|
-
{children}
|
|
42
|
-
</react_native_1.View>);
|
|
43
|
-
};
|
|
44
|
-
exports.Box = Box;
|
|
45
|
-
//# sourceMappingURL=Box.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask-previews/design-system-twrnc-preset';\nimport React from 'react';\nimport { View } from 'react-native';\n\nimport {\n TWCLASSMAP_BOX_GAP,\n TWCLASSMAP_BOX_MARGIN,\n TWCLASSMAP_BOX_MARGINTOP,\n TWCLASSMAP_BOX_MARGINBOTTOM,\n TWCLASSMAP_BOX_MARGINLEFT,\n TWCLASSMAP_BOX_MARGINRIGHT,\n TWCLASSMAP_BOX_PADDING,\n TWCLASSMAP_BOX_PADDINGTOP,\n TWCLASSMAP_BOX_PADDINGBOTTOM,\n TWCLASSMAP_BOX_PADDINGLEFT,\n TWCLASSMAP_BOX_PADDINGRIGHT,\n TWCLASSMAP_BOX_WIDTH,\n TWCLASSMAP_BOX_MINWIDTH,\n TWCLASSMAP_BOX_HEIGHT,\n TWCLASSMAP_BOX_MINHEIGHT,\n} from './Box.constants';\nimport type { BoxProps } from './Box.types';\n\nexport const Box = ({\n flexDirection,\n flexWrap,\n gap,\n margin,\n marginTop,\n marginBottom,\n marginLeft,\n marginRight,\n padding,\n paddingTop,\n paddingBottom,\n paddingLeft,\n paddingRight,\n borderColor,\n borderWidth,\n borderRadius,\n borderStyle,\n alignItems,\n justifyContent,\n width,\n minWidth,\n height,\n minHeight,\n backgroundColor,\n twClassName = '',\n style,\n children,\n ...props\n}: BoxProps) => {\n const tw = useTailwind();\n const twContainerClassNames = `\n flex\n ${flexDirection ?? ''} \n ${flexWrap ?? ''} \n ${gap !== undefined ? TWCLASSMAP_BOX_GAP[gap] : ''} \n ${margin !== undefined ? TWCLASSMAP_BOX_MARGIN[margin] : ''} \n ${marginTop !== undefined ? TWCLASSMAP_BOX_MARGINTOP[marginTop] : ''} \n ${marginBottom !== undefined ? TWCLASSMAP_BOX_MARGINBOTTOM[marginBottom] : ''} \n ${marginLeft !== undefined ? TWCLASSMAP_BOX_MARGINLEFT[marginLeft] : ''} \n ${marginRight !== undefined ? TWCLASSMAP_BOX_MARGINRIGHT[marginRight] : ''} \n ${padding !== undefined ? TWCLASSMAP_BOX_PADDING[padding] : ''} \n ${paddingTop !== undefined ? TWCLASSMAP_BOX_PADDINGTOP[paddingTop] : ''} \n ${paddingBottom !== undefined ? TWCLASSMAP_BOX_PADDINGBOTTOM[paddingBottom] : ''} \n ${paddingLeft !== undefined ? TWCLASSMAP_BOX_PADDINGLEFT[paddingLeft] : ''} \n ${paddingRight !== undefined ? TWCLASSMAP_BOX_PADDINGRIGHT[paddingRight] : ''} \n ${borderColor ?? ''} \n ${borderWidth ?? ''} \n ${borderRadius ?? ''} \n ${borderStyle ?? ''} \n ${alignItems ?? ''} \n ${justifyContent ?? ''} \n ${width !== undefined ? TWCLASSMAP_BOX_WIDTH[width] : ''} \n ${minWidth !== undefined ? TWCLASSMAP_BOX_MINWIDTH[minWidth] : ''} \n ${height !== undefined ? TWCLASSMAP_BOX_HEIGHT[height] : ''} \n ${minHeight !== undefined ? TWCLASSMAP_BOX_MINHEIGHT[minHeight] : ''} \n ${backgroundColor ?? ''} \n ${twClassName}`.trim();\n\n return (\n <View style={[tw`${twContainerClassNames}`, style]} {...props}>\n {children}\n </View>\n );\n};\n"]}
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import type { ViewProps } from 'react-native';
|
|
2
|
-
import type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderColor, BoxBorderRadius, BoxBorderWidth, BoxBorderStyle, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor } from '../../types';
|
|
3
|
-
export type BoxProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The flexDirection style of the component.
|
|
6
|
-
*/
|
|
7
|
-
flexDirection?: BoxFlexDirection;
|
|
8
|
-
/**
|
|
9
|
-
* The flexWrap style of the component.
|
|
10
|
-
*/
|
|
11
|
-
flexWrap?: BoxFlexWrap;
|
|
12
|
-
/**
|
|
13
|
-
* The gap between the component's children.
|
|
14
|
-
* Use 1-12 for a gap of 4px-48px.
|
|
15
|
-
*/
|
|
16
|
-
gap?: BoxSpacing;
|
|
17
|
-
/**
|
|
18
|
-
* The margin style of the component.
|
|
19
|
-
* Use 1-12 for margin of 4px-48px.
|
|
20
|
-
*/
|
|
21
|
-
margin?: BoxSpacing;
|
|
22
|
-
/**
|
|
23
|
-
* The marginTop style of the component.
|
|
24
|
-
* Use 1-12 for marginTop of 4px-48px.
|
|
25
|
-
*/
|
|
26
|
-
marginTop?: BoxSpacing;
|
|
27
|
-
/**
|
|
28
|
-
* The marginBottom style of the component.
|
|
29
|
-
* Use 1-12 for marginBottom of 4px-48px.
|
|
30
|
-
*/
|
|
31
|
-
marginBottom?: BoxSpacing;
|
|
32
|
-
/**
|
|
33
|
-
* The marginLeft style of the component.
|
|
34
|
-
* Use 1-12 for marginLeft of 4px-48px.
|
|
35
|
-
*/
|
|
36
|
-
marginLeft?: BoxSpacing;
|
|
37
|
-
/**
|
|
38
|
-
* The marginRight style of the component.
|
|
39
|
-
* Use 1-12 for marginRight of 4px-48px.
|
|
40
|
-
*/
|
|
41
|
-
marginRight?: BoxSpacing;
|
|
42
|
-
/**
|
|
43
|
-
* The padding style of the component.
|
|
44
|
-
* Use 1-12 for padding of 4px-48px.
|
|
45
|
-
*/
|
|
46
|
-
padding?: BoxSpacing;
|
|
47
|
-
/**
|
|
48
|
-
* The paddingTop style of the component.
|
|
49
|
-
* Use 1-12 for paddingTop of 4px-48px.
|
|
50
|
-
*/
|
|
51
|
-
paddingTop?: BoxSpacing;
|
|
52
|
-
/**
|
|
53
|
-
* The paddingBottom style of the component.
|
|
54
|
-
* Use 1-12 for paddingBottom of 4px-48px.
|
|
55
|
-
*/
|
|
56
|
-
paddingBottom?: BoxSpacing;
|
|
57
|
-
/**
|
|
58
|
-
* The paddingLeft style of the component.
|
|
59
|
-
* Use 1-12 for paddingLeft of 4px-48px.
|
|
60
|
-
*/
|
|
61
|
-
paddingLeft?: BoxSpacing;
|
|
62
|
-
/**
|
|
63
|
-
* The paddingRight style of the component.
|
|
64
|
-
* Use 1-12 for paddingRight of 4px-48px.
|
|
65
|
-
*/
|
|
66
|
-
paddingRight?: BoxSpacing;
|
|
67
|
-
/**
|
|
68
|
-
* The borderColor style of the component.
|
|
69
|
-
*/
|
|
70
|
-
borderColor?: BoxBorderColor;
|
|
71
|
-
/**
|
|
72
|
-
* The borderWidth style of the component.
|
|
73
|
-
*/
|
|
74
|
-
borderWidth?: BoxBorderWidth;
|
|
75
|
-
/**
|
|
76
|
-
* The borderRadius style of the component.
|
|
77
|
-
*/
|
|
78
|
-
borderRadius?: BoxBorderRadius;
|
|
79
|
-
/**
|
|
80
|
-
* The borderStyle style of the component.
|
|
81
|
-
*/
|
|
82
|
-
borderStyle?: BoxBorderStyle;
|
|
83
|
-
/**
|
|
84
|
-
* The alignItems style of the component.
|
|
85
|
-
*/
|
|
86
|
-
alignItems?: BoxAlignItems;
|
|
87
|
-
/**
|
|
88
|
-
* The justifyContent style of the component.
|
|
89
|
-
*/
|
|
90
|
-
justifyContent?: BoxJustifyContent;
|
|
91
|
-
/**
|
|
92
|
-
* The width style of the component.
|
|
93
|
-
*/
|
|
94
|
-
width?: BoxSpacing;
|
|
95
|
-
/**
|
|
96
|
-
* The minWidth style of the component.
|
|
97
|
-
*/
|
|
98
|
-
minWidth?: BoxSpacing;
|
|
99
|
-
/**
|
|
100
|
-
* The height style of the component.
|
|
101
|
-
*/
|
|
102
|
-
height?: BoxSpacing;
|
|
103
|
-
/**
|
|
104
|
-
* The minHeight style of the component.
|
|
105
|
-
*/
|
|
106
|
-
minHeight?: BoxSpacing;
|
|
107
|
-
/**
|
|
108
|
-
* The backgroundColor style of the component.
|
|
109
|
-
*/
|
|
110
|
-
backgroundColor?: BoxBackgroundColor;
|
|
111
|
-
/**
|
|
112
|
-
* Optional prop to add twrnc overriding classNames.
|
|
113
|
-
*/
|
|
114
|
-
twClassName?: string;
|
|
115
|
-
} & ViewProps;
|
|
116
|
-
//# sourceMappingURL=Box.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.types.js","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ViewProps } from 'react-native';\n\nimport type {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxSpacing,\n BoxBorderColor,\n BoxBorderRadius,\n BoxBorderWidth,\n BoxBorderStyle,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../../types';\n\nexport type BoxProps = {\n /**\n * The flexDirection style of the component.\n */\n flexDirection?: BoxFlexDirection;\n /**\n * The flexWrap style of the component.\n */\n flexWrap?: BoxFlexWrap;\n /**\n * The gap between the component's children.\n * Use 1-12 for a gap of 4px-48px.\n */\n gap?: BoxSpacing;\n /**\n * The margin style of the component.\n * Use 1-12 for margin of 4px-48px.\n */\n margin?: BoxSpacing;\n /**\n * The marginTop style of the component.\n * Use 1-12 for marginTop of 4px-48px.\n */\n marginTop?: BoxSpacing;\n /**\n * The marginBottom style of the component.\n * Use 1-12 for marginBottom of 4px-48px.\n */\n marginBottom?: BoxSpacing;\n /**\n * The marginLeft style of the component.\n * Use 1-12 for marginLeft of 4px-48px.\n */\n marginLeft?: BoxSpacing;\n /**\n * The marginRight style of the component.\n * Use 1-12 for marginRight of 4px-48px.\n */\n marginRight?: BoxSpacing;\n /**\n * The padding style of the component.\n * Use 1-12 for padding of 4px-48px.\n */\n padding?: BoxSpacing;\n /**\n * The paddingTop style of the component.\n * Use 1-12 for paddingTop of 4px-48px.\n */\n paddingTop?: BoxSpacing;\n /**\n * The paddingBottom style of the component.\n * Use 1-12 for paddingBottom of 4px-48px.\n */\n paddingBottom?: BoxSpacing;\n /**\n * The paddingLeft style of the component.\n * Use 1-12 for paddingLeft of 4px-48px.\n */\n paddingLeft?: BoxSpacing;\n /**\n * The paddingRight style of the component.\n * Use 1-12 for paddingRight of 4px-48px.\n */\n paddingRight?: BoxSpacing;\n /**\n * The borderColor style of the component.\n */\n borderColor?: BoxBorderColor;\n /**\n * The borderWidth style of the component.\n */\n borderWidth?: BoxBorderWidth;\n /**\n * The borderRadius style of the component.\n */\n borderRadius?: BoxBorderRadius;\n /**\n * The borderStyle style of the component.\n */\n borderStyle?: BoxBorderStyle;\n /**\n * The alignItems style of the component.\n */\n alignItems?: BoxAlignItems;\n /**\n * The justifyContent style of the component.\n */\n justifyContent?: BoxJustifyContent;\n /**\n * The width style of the component.\n */\n width?: BoxSpacing;\n /**\n * The minWidth style of the component.\n */\n minWidth?: BoxSpacing;\n /**\n * The height style of the component.\n */\n height?: BoxSpacing;\n /**\n * The minHeight style of the component.\n */\n minHeight?: BoxSpacing;\n /**\n * The backgroundColor style of the component.\n */\n backgroundColor?: BoxBackgroundColor;\n /**\n * Optional prop to add twrnc overriding classNames.\n */\n twClassName?: string;\n} & ViewProps;\n"]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export type { BoxFlexDirection, BoxFlexWrap, BoxSpacing, BoxBorderColor, BoxBorderRadius, BoxBorderWidth, BoxBorderStyle, BoxAlignItems, BoxJustifyContent, BoxBackgroundColor, } from '../../types';
|
|
2
|
-
export { Box } from './Box';
|
|
3
|
-
export type { BoxProps } from './Box.types';
|
|
4
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Box = void 0;
|
|
4
|
-
var Box_1 = require("./Box");
|
|
5
|
-
Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":";;;AAYA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA","sourcesContent":["export type {\n BoxFlexDirection,\n BoxFlexWrap,\n BoxSpacing,\n BoxBorderColor,\n BoxBorderRadius,\n BoxBorderWidth,\n BoxBorderStyle,\n BoxAlignItems,\n BoxJustifyContent,\n BoxBackgroundColor,\n} from '../../types';\nexport { Box } from './Box';\nexport type { BoxProps } from './Box.types';\n"]}
|