@htyf-mp/taro-rn-style-transformer 0.0.2

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.
Files changed (69) hide show
  1. package/README.md +174 -0
  2. package/dist/config/rn-stylelint.json +4 -0
  3. package/dist/index.d.ts +8 -0
  4. package/dist/index.js +86 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/transforms/StyleSheet/ColorPropType.d.ts +10 -0
  7. package/dist/transforms/StyleSheet/ColorPropType.js +76 -0
  8. package/dist/transforms/StyleSheet/ColorPropType.js.map +1 -0
  9. package/dist/transforms/StyleSheet/ImageResizeMode.d.ts +6 -0
  10. package/dist/transforms/StyleSheet/ImageResizeMode.js +54 -0
  11. package/dist/transforms/StyleSheet/ImageResizeMode.js.map +1 -0
  12. package/dist/transforms/StyleSheet/ImageStylePropTypes.d.ts +106 -0
  13. package/dist/transforms/StyleSheet/ImageStylePropTypes.js +81 -0
  14. package/dist/transforms/StyleSheet/ImageStylePropTypes.js.map +1 -0
  15. package/dist/transforms/StyleSheet/LayoutPropTypes.d.ts +399 -0
  16. package/dist/transforms/StyleSheet/LayoutPropTypes.js +566 -0
  17. package/dist/transforms/StyleSheet/LayoutPropTypes.js.map +1 -0
  18. package/dist/transforms/StyleSheet/ShadowPropTypesIOS.d.ts +32 -0
  19. package/dist/transforms/StyleSheet/ShadowPropTypesIOS.js +86 -0
  20. package/dist/transforms/StyleSheet/ShadowPropTypesIOS.js.map +1 -0
  21. package/dist/transforms/StyleSheet/StyleSheetValidation.d.ts +15 -0
  22. package/dist/transforms/StyleSheet/StyleSheetValidation.js +71 -0
  23. package/dist/transforms/StyleSheet/StyleSheetValidation.js.map +1 -0
  24. package/dist/transforms/StyleSheet/TextStylePropTypes.d.ts +154 -0
  25. package/dist/transforms/StyleSheet/TextStylePropTypes.js +127 -0
  26. package/dist/transforms/StyleSheet/TextStylePropTypes.js.map +1 -0
  27. package/dist/transforms/StyleSheet/TransformPropTypes.d.ts +45 -0
  28. package/dist/transforms/StyleSheet/TransformPropTypes.js +129 -0
  29. package/dist/transforms/StyleSheet/TransformPropTypes.js.map +1 -0
  30. package/dist/transforms/StyleSheet/ViewStylePropTypes.d.ts +126 -0
  31. package/dist/transforms/StyleSheet/ViewStylePropTypes.js +72 -0
  32. package/dist/transforms/StyleSheet/ViewStylePropTypes.js.map +1 -0
  33. package/dist/transforms/StyleSheet/deprecatedPropType.d.ts +13 -0
  34. package/dist/transforms/StyleSheet/deprecatedPropType.js +32 -0
  35. package/dist/transforms/StyleSheet/deprecatedPropType.js.map +1 -0
  36. package/dist/transforms/StyleSheet/index.d.ts +2 -0
  37. package/dist/transforms/StyleSheet/index.js +9 -0
  38. package/dist/transforms/StyleSheet/index.js.map +1 -0
  39. package/dist/transforms/StyleSheet/normalizeColor.d.ts +10 -0
  40. package/dist/transforms/StyleSheet/normalizeColor.js +341 -0
  41. package/dist/transforms/StyleSheet/normalizeColor.js.map +1 -0
  42. package/dist/transforms/index.d.ts +56 -0
  43. package/dist/transforms/index.js +221 -0
  44. package/dist/transforms/index.js.map +1 -0
  45. package/dist/transforms/less.d.ts +2 -0
  46. package/dist/transforms/less.js +70 -0
  47. package/dist/transforms/less.js.map +1 -0
  48. package/dist/transforms/postcss.d.ts +13 -0
  49. package/dist/transforms/postcss.js +135 -0
  50. package/dist/transforms/postcss.js.map +1 -0
  51. package/dist/transforms/sass.d.ts +2 -0
  52. package/dist/transforms/sass.js +162 -0
  53. package/dist/transforms/sass.js.map +1 -0
  54. package/dist/transforms/stylus.d.ts +3 -0
  55. package/dist/transforms/stylus.js +110 -0
  56. package/dist/transforms/stylus.js.map +1 -0
  57. package/dist/types/index.d.ts +205 -0
  58. package/dist/types/index.js +6 -0
  59. package/dist/types/index.js.map +1 -0
  60. package/dist/utils/index.d.ts +21 -0
  61. package/dist/utils/index.js +240 -0
  62. package/dist/utils/index.js.map +1 -0
  63. package/dist/utils/lessImport.d.ts +5 -0
  64. package/dist/utils/lessImport.js +45 -0
  65. package/dist/utils/lessImport.js.map +1 -0
  66. package/dist/utils/reporterSkip.d.ts +7 -0
  67. package/dist/utils/reporterSkip.js +27 -0
  68. package/dist/utils/reporterSkip.js.map +1 -0
  69. package/package.json +56 -0
@@ -0,0 +1,566 @@
1
+ "use strict";
2
+ /**
3
+ * Copyright (c) 2015-present, Facebook, Inc.
4
+ *
5
+ * This source code is licensed under the MIT license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ *
8
+ * @format
9
+ * strict
10
+ */
11
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
12
+ if (k2 === undefined) k2 = k;
13
+ var desc = Object.getOwnPropertyDescriptor(m, k);
14
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
15
+ desc = { enumerable: true, get: function() { return m[k]; } };
16
+ }
17
+ Object.defineProperty(o, k2, desc);
18
+ }) : (function(o, m, k, k2) {
19
+ if (k2 === undefined) k2 = k;
20
+ o[k2] = m[k];
21
+ }));
22
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
23
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
24
+ }) : function(o, v) {
25
+ o["default"] = v;
26
+ });
27
+ var __importStar = (this && this.__importStar) || (function () {
28
+ var ownKeys = function(o) {
29
+ ownKeys = Object.getOwnPropertyNames || function (o) {
30
+ var ar = [];
31
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
32
+ return ar;
33
+ };
34
+ return ownKeys(o);
35
+ };
36
+ return function (mod) {
37
+ if (mod && mod.__esModule) return mod;
38
+ var result = {};
39
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
40
+ __setModuleDefault(result, mod);
41
+ return result;
42
+ };
43
+ })();
44
+ Object.defineProperty(exports, "__esModule", { value: true });
45
+ // @ts-ignore
46
+ const ReactPropTypes = __importStar(require("prop-types"));
47
+ /**
48
+ * React Native's layout system is based on Flexbox and is powered both
49
+ * on iOS and Android by an open source project called `Yoga`:
50
+ * https://github.com/facebook/yoga
51
+ *
52
+ * The implementation in Yoga is slightly different from what the
53
+ * Flexbox spec defines - for example, we chose more sensible default
54
+ * values. Since our layout docs are generated from the comments in this
55
+ * file, please keep a brief comment describing each prop type.
56
+ *
57
+ * These properties are a subset of our styles that are consumed by the layout
58
+ * algorithm and affect the positioning and sizing of views.
59
+ */
60
+ const LayoutPropTypes = {
61
+ /** `display` sets the display type of this component.
62
+ *
63
+ * It works similarly to `display` in CSS, but only support 'flex' and 'none'.
64
+ * 'flex' is the default.
65
+ */
66
+ display: ReactPropTypes.oneOf(['none', 'flex']),
67
+ /** `width` sets the width of this component.
68
+ *
69
+ * It works similarly to `width` in CSS, but in React Native you
70
+ * must use points or percentages. Ems and other units are not supported.
71
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.
72
+ */
73
+ width: ReactPropTypes.oneOfType([
74
+ ReactPropTypes.number,
75
+ ReactPropTypes.string
76
+ ]),
77
+ /** `height` sets the height of this component.
78
+ *
79
+ * It works similarly to `height` in CSS, but in React Native you
80
+ * must use points or percentages. Ems and other units are not supported.
81
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.
82
+ */
83
+ height: ReactPropTypes.oneOfType([
84
+ ReactPropTypes.number,
85
+ ReactPropTypes.string
86
+ ]),
87
+ /**
88
+ * When the direction is `ltr`, `start` is equivalent to `left`.
89
+ * When the direction is `rtl`, `start` is equivalent to `right`.
90
+ *
91
+ * This style takes precedence over the `left`, `right`, and `end` styles.
92
+ */
93
+ start: ReactPropTypes.oneOfType([
94
+ ReactPropTypes.number,
95
+ ReactPropTypes.string
96
+ ]),
97
+ /**
98
+ * When the direction is `ltr`, `end` is equivalent to `right`.
99
+ * When the direction is `rtl`, `end` is equivalent to `left`.
100
+ *
101
+ * This style takes precedence over the `left` and `right` styles.
102
+ */
103
+ end: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
104
+ /** `top` is the number of logical pixels to offset the top edge of
105
+ * this component.
106
+ *
107
+ * It works similarly to `top` in CSS, but in React Native you
108
+ * must use points or percentages. Ems and other units are not supported.
109
+ *
110
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/top
111
+ * for more details of how `top` affects layout.
112
+ */
113
+ top: ReactPropTypes.oneOfType([ReactPropTypes.number, ReactPropTypes.string]),
114
+ /** `left` is the number of logical pixels to offset the left edge of
115
+ * this component.
116
+ *
117
+ * It works similarly to `left` in CSS, but in React Native you
118
+ * must use points or percentages. Ems and other units are not supported.
119
+ *
120
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/left
121
+ * for more details of how `left` affects layout.
122
+ */
123
+ left: ReactPropTypes.oneOfType([
124
+ ReactPropTypes.number,
125
+ ReactPropTypes.string
126
+ ]),
127
+ /** `right` is the number of logical pixels to offset the right edge of
128
+ * this component.
129
+ *
130
+ * It works similarly to `right` in CSS, but in React Native you
131
+ * must use points or percentages. Ems and other units are not supported.
132
+ *
133
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/right
134
+ * for more details of how `right` affects layout.
135
+ */
136
+ right: ReactPropTypes.oneOfType([
137
+ ReactPropTypes.number,
138
+ ReactPropTypes.string
139
+ ]),
140
+ /** `bottom` is the number of logical pixels to offset the bottom edge of
141
+ * this component.
142
+ *
143
+ * It works similarly to `bottom` in CSS, but in React Native you
144
+ * must use points or percentages. Ems and other units are not supported.
145
+ *
146
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
147
+ * for more details of how `bottom` affects layout.
148
+ */
149
+ bottom: ReactPropTypes.oneOfType([
150
+ ReactPropTypes.number,
151
+ ReactPropTypes.string
152
+ ]),
153
+ /** `minWidth` is the minimum width for this component, in logical pixels.
154
+ *
155
+ * It works similarly to `min-width` in CSS, but in React Native you
156
+ * must use points or percentages. Ems and other units are not supported.
157
+ *
158
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
159
+ * for more details.
160
+ */
161
+ minWidth: ReactPropTypes.oneOfType([
162
+ ReactPropTypes.number,
163
+ ReactPropTypes.string
164
+ ]),
165
+ /** `maxWidth` is the maximum width for this component, in logical pixels.
166
+ *
167
+ * It works similarly to `max-width` in CSS, but in React Native you
168
+ * must use points or percentages. Ems and other units are not supported.
169
+ *
170
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
171
+ * for more details.
172
+ */
173
+ maxWidth: ReactPropTypes.oneOfType([
174
+ ReactPropTypes.number,
175
+ ReactPropTypes.string
176
+ ]),
177
+ /** `minHeight` is the minimum height for this component, in logical pixels.
178
+ *
179
+ * It works similarly to `min-height` in CSS, but in React Native you
180
+ * must use points or percentages. Ems and other units are not supported.
181
+ *
182
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/min-height
183
+ * for more details.
184
+ */
185
+ minHeight: ReactPropTypes.oneOfType([
186
+ ReactPropTypes.number,
187
+ ReactPropTypes.string
188
+ ]),
189
+ /** `maxHeight` is the maximum height for this component, in logical pixels.
190
+ *
191
+ * It works similarly to `max-height` in CSS, but in React Native you
192
+ * must use points or percentages. Ems and other units are not supported.
193
+ *
194
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
195
+ * for more details.
196
+ */
197
+ maxHeight: ReactPropTypes.oneOfType([
198
+ ReactPropTypes.number,
199
+ ReactPropTypes.string
200
+ ]),
201
+ /** Setting `margin` has the same effect as setting each of
202
+ * `marginTop`, `marginLeft`, `marginBottom`, and `marginRight`.
203
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin
204
+ * for more details.
205
+ */
206
+ margin: ReactPropTypes.oneOfType([
207
+ ReactPropTypes.number,
208
+ ReactPropTypes.string
209
+ ]),
210
+ /** Setting `marginVertical` has the same effect as setting both
211
+ * `marginTop` and `marginBottom`.
212
+ */
213
+ marginVertical: ReactPropTypes.oneOfType([
214
+ ReactPropTypes.number,
215
+ ReactPropTypes.string
216
+ ]),
217
+ /** Setting `marginHorizontal` has the same effect as setting
218
+ * both `marginLeft` and `marginRight`.
219
+ */
220
+ marginHorizontal: ReactPropTypes.oneOfType([
221
+ ReactPropTypes.number,
222
+ ReactPropTypes.string
223
+ ]),
224
+ /** `marginTop` works like `margin-top` in CSS.
225
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
226
+ * for more details.
227
+ */
228
+ marginTop: ReactPropTypes.oneOfType([
229
+ ReactPropTypes.number,
230
+ ReactPropTypes.string
231
+ ]),
232
+ /** `marginBottom` works like `margin-bottom` in CSS.
233
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
234
+ * for more details.
235
+ */
236
+ marginBottom: ReactPropTypes.oneOfType([
237
+ ReactPropTypes.number,
238
+ ReactPropTypes.string
239
+ ]),
240
+ /** `marginLeft` works like `margin-left` in CSS.
241
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
242
+ * for more details.
243
+ */
244
+ marginLeft: ReactPropTypes.oneOfType([
245
+ ReactPropTypes.number,
246
+ ReactPropTypes.string
247
+ ]),
248
+ /** `marginRight` works like `margin-right` in CSS.
249
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
250
+ * for more details.
251
+ */
252
+ marginRight: ReactPropTypes.oneOfType([
253
+ ReactPropTypes.number,
254
+ ReactPropTypes.string
255
+ ]),
256
+ /**
257
+ * When direction is `ltr`, `marginStart` is equivalent to `marginLeft`.
258
+ * When direction is `rtl`, `marginStart` is equivalent to `marginRight`.
259
+ */
260
+ marginStart: ReactPropTypes.oneOfType([
261
+ ReactPropTypes.number,
262
+ ReactPropTypes.string
263
+ ]),
264
+ /**
265
+ * When direction is `ltr`, `marginEnd` is equivalent to `marginRight`.
266
+ * When direction is `rtl`, `marginEnd` is equivalent to `marginLeft`.
267
+ */
268
+ marginEnd: ReactPropTypes.oneOfType([
269
+ ReactPropTypes.number,
270
+ ReactPropTypes.string
271
+ ]),
272
+ /** Setting `padding` has the same effect as setting each of
273
+ * `paddingTop`, `paddingBottom`, `paddingLeft`, and `paddingRight`.
274
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding
275
+ * for more details.
276
+ */
277
+ padding: ReactPropTypes.oneOfType([
278
+ ReactPropTypes.number,
279
+ ReactPropTypes.string
280
+ ]),
281
+ /** Setting `paddingVertical` is like setting both of
282
+ * `paddingTop` and `paddingBottom`.
283
+ */
284
+ paddingVertical: ReactPropTypes.oneOfType([
285
+ ReactPropTypes.number,
286
+ ReactPropTypes.string
287
+ ]),
288
+ /** Setting `paddingHorizontal` is like setting both of
289
+ * `paddingLeft` and `paddingRight`.
290
+ */
291
+ paddingHorizontal: ReactPropTypes.oneOfType([
292
+ ReactPropTypes.number,
293
+ ReactPropTypes.string
294
+ ]),
295
+ /** `paddingTop` works like `padding-top` in CSS.
296
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
297
+ * for more details.
298
+ */
299
+ paddingTop: ReactPropTypes.oneOfType([
300
+ ReactPropTypes.number,
301
+ ReactPropTypes.string
302
+ ]),
303
+ /** `paddingBottom` works like `padding-bottom` in CSS.
304
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
305
+ * for more details.
306
+ */
307
+ paddingBottom: ReactPropTypes.oneOfType([
308
+ ReactPropTypes.number,
309
+ ReactPropTypes.string
310
+ ]),
311
+ /** `paddingLeft` works like `padding-left` in CSS.
312
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
313
+ * for more details.
314
+ */
315
+ paddingLeft: ReactPropTypes.oneOfType([
316
+ ReactPropTypes.number,
317
+ ReactPropTypes.string
318
+ ]),
319
+ /** `paddingRight` works like `padding-right` in CSS.
320
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
321
+ * for more details.
322
+ */
323
+ paddingRight: ReactPropTypes.oneOfType([
324
+ ReactPropTypes.number,
325
+ ReactPropTypes.string
326
+ ]),
327
+ /**
328
+ * When direction is `ltr`, `paddingStart` is equivalent to `paddingLeft`.
329
+ * When direction is `rtl`, `paddingStart` is equivalent to `paddingRight`.
330
+ */
331
+ paddingStart: ReactPropTypes.oneOfType([
332
+ ReactPropTypes.number,
333
+ ReactPropTypes.string
334
+ ]),
335
+ /**
336
+ * When direction is `ltr`, `paddingEnd` is equivalent to `paddingRight`.
337
+ * When direction is `rtl`, `paddingEnd` is equivalent to `paddingLeft`.
338
+ */
339
+ paddingEnd: ReactPropTypes.oneOfType([
340
+ ReactPropTypes.number,
341
+ ReactPropTypes.string
342
+ ]),
343
+ /** `borderWidth` works like `border-width` in CSS.
344
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
345
+ * for more details.
346
+ */
347
+ borderWidth: ReactPropTypes.number,
348
+ /** `borderTopWidth` works like `border-top-width` in CSS.
349
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
350
+ * for more details.
351
+ */
352
+ borderTopWidth: ReactPropTypes.number,
353
+ /**
354
+ * When direction is `ltr`, `borderStartWidth` is equivalent to `borderLeftWidth`.
355
+ * When direction is `rtl`, `borderStartWidth` is equivalent to `borderRightWidth`.
356
+ */
357
+ borderStartWidth: ReactPropTypes.number,
358
+ /**
359
+ * When direction is `ltr`, `borderEndWidth` is equivalent to `borderRightWidth`.
360
+ * When direction is `rtl`, `borderEndWidth` is equivalent to `borderLeftWidth`.
361
+ */
362
+ borderEndWidth: ReactPropTypes.number,
363
+ /** `borderRightWidth` works like `border-right-width` in CSS.
364
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
365
+ * for more details.
366
+ */
367
+ borderRightWidth: ReactPropTypes.number,
368
+ /** `borderBottomWidth` works like `border-bottom-width` in CSS.
369
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
370
+ * for more details.
371
+ */
372
+ borderBottomWidth: ReactPropTypes.number,
373
+ /** `borderLeftWidth` works like `border-left-width` in CSS.
374
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
375
+ * for more details.
376
+ */
377
+ borderLeftWidth: ReactPropTypes.number,
378
+ /** `position` in React Native is similar to regular CSS, but
379
+ * everything is set to `relative` by default, so `absolute`
380
+ * positioning is always just relative to the parent.
381
+ *
382
+ * If you want to position a child using specific numbers of logical
383
+ * pixels relative to its parent, set the child to have `absolute`
384
+ * position.
385
+ *
386
+ * If you want to position a child relative to something
387
+ * that is not its parent, just don't use styles for that. Use the
388
+ * component tree.
389
+ *
390
+ * See https://github.com/facebook/yoga
391
+ * for more details on how `position` differs between React Native
392
+ * and CSS.
393
+ */
394
+ position: ReactPropTypes.oneOf(['absolute', 'relative', 'static']),
395
+ /** `flexDirection` controls which directions children of a container go.
396
+ * `row` goes left to right, `column` goes top to bottom, and you may
397
+ * be able to guess what the other two do. It works like `flex-direction`
398
+ * in CSS, except the default is `column`.
399
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
400
+ * for more details.
401
+ */
402
+ flexDirection: ReactPropTypes.oneOf([
403
+ 'row',
404
+ 'row-reverse',
405
+ 'column',
406
+ 'column-reverse'
407
+ ]),
408
+ /** `flexWrap` controls whether children can wrap around after they
409
+ * hit the end of a flex container.
410
+ * It works like `flex-wrap` in CSS (default: nowrap).
411
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
412
+ * for more details.
413
+ */
414
+ flexWrap: ReactPropTypes.oneOf(['wrap', 'nowrap', 'wrap-reverse']),
415
+ /** `justifyContent` aligns children in the main direction.
416
+ * For example, if children are flowing vertically, `justifyContent`
417
+ * controls how they align vertically.
418
+ * It works like `justify-content` in CSS (default: flex-start).
419
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
420
+ * for more details.
421
+ */
422
+ justifyContent: ReactPropTypes.oneOf([
423
+ 'flex-start',
424
+ 'flex-end',
425
+ 'center',
426
+ 'space-between',
427
+ 'space-around',
428
+ 'space-evenly'
429
+ ]),
430
+ /** `alignItems` aligns children in the cross direction.
431
+ * For example, if children are flowing vertically, `alignItems`
432
+ * controls how they align horizontally.
433
+ * It works like `align-items` in CSS (default: stretch).
434
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
435
+ * for more details.
436
+ */
437
+ alignItems: ReactPropTypes.oneOf([
438
+ 'flex-start',
439
+ 'flex-end',
440
+ 'center',
441
+ 'stretch',
442
+ 'baseline'
443
+ ]),
444
+ /** `alignSelf` controls how a child aligns in the cross direction,
445
+ * overriding the `alignItems` of the parent. It works like `align-self`
446
+ * in CSS (default: auto).
447
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
448
+ * for more details.
449
+ */
450
+ alignSelf: ReactPropTypes.oneOf([
451
+ 'auto',
452
+ 'flex-start',
453
+ 'flex-end',
454
+ 'center',
455
+ 'stretch',
456
+ 'baseline'
457
+ ]),
458
+ /** `alignContent` controls how rows align in the cross direction,
459
+ * overriding the `alignContent` of the parent.
460
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
461
+ * for more details.
462
+ */
463
+ alignContent: ReactPropTypes.oneOf([
464
+ 'flex-start',
465
+ 'flex-end',
466
+ 'center',
467
+ 'stretch',
468
+ 'space-between',
469
+ 'space-around',
470
+ 'space-evenly'
471
+ ]),
472
+ /** `overflow` controls how children are measured and displayed.
473
+ * `overflow: hidden` causes views to be clipped while `overflow: scroll`
474
+ * causes views to be measured independently of their parents main axis.
475
+ * It works like `overflow` in CSS (default: visible).
476
+ * See https://developer.mozilla.org/en/docs/Web/CSS/overflow
477
+ * for more details.
478
+ * `overflow: visible` only works on iOS. On Android, all views will clip
479
+ * their children.
480
+ */
481
+ overflow: ReactPropTypes.oneOf(['visible', 'hidden', 'scroll']),
482
+ /** In React Native `flex` does not work the same way that it does in CSS.
483
+ * `flex` is a number rather than a string, and it works
484
+ * according to the `Yoga` library
485
+ * at https://github.com/facebook/yoga
486
+ *
487
+ * When `flex` is a positive number, it makes the component flexible
488
+ * and it will be sized proportional to its flex value. So a
489
+ * component with `flex` set to 2 will take twice the space as a
490
+ * component with `flex` set to 1.
491
+ *
492
+ * When `flex` is 0, the component is sized according to `width`
493
+ * and `height` and it is inflexible.
494
+ *
495
+ * When `flex` is -1, the component is normally sized according
496
+ * `width` and `height`. However, if there's not enough space,
497
+ * the component will shrink to its `minWidth` and `minHeight`.
498
+ *
499
+ * flexGrow, flexShrink, and flexBasis work the same as in CSS.
500
+ */
501
+ flex: ReactPropTypes.number,
502
+ flexGrow: ReactPropTypes.number,
503
+ flexShrink: ReactPropTypes.number,
504
+ flexBasis: ReactPropTypes.oneOfType([
505
+ ReactPropTypes.number,
506
+ ReactPropTypes.string
507
+ ]),
508
+ /**
509
+ * Aspect ratio control the size of the undefined dimension of a node. Aspect ratio is a
510
+ * non-standard property only available in react native and not CSS.
511
+ *
512
+ * - On a node with a set width/height aspect ratio control the size of the unset dimension
513
+ * - On a node with a set flex basis aspect ratio controls the size of the node in the cross axis
514
+ * if unset
515
+ * - On a node with a measure function aspect ratio works as though the measure function measures
516
+ * the flex basis
517
+ * - On a node with flex grow/shrink aspect ratio controls the size of the node in the cross axis
518
+ * if unset
519
+ * - Aspect ratio takes min/max dimensions into account
520
+ */
521
+ aspectRatio: ReactPropTypes.number,
522
+ /** `zIndex` controls which components display on top of others.
523
+ * Normally, you don't use `zIndex`. Components render according to
524
+ * their order in the document tree, so later components draw over
525
+ * earlier ones. `zIndex` may be useful if you have animations or custom
526
+ * modal interfaces where you don't want this behavior.
527
+ *
528
+ * It works like the CSS `z-index` property - components with a larger
529
+ * `zIndex` will render on top. Think of the z-direction like it's
530
+ * pointing from the phone into your eyeball.
531
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for
532
+ * more details.
533
+ */
534
+ zIndex: ReactPropTypes.number,
535
+ /** `direction` specifies the directional flow of the user interface.
536
+ * The default is `inherit`, except for root node which will have
537
+ * value based on the current locale.
538
+ * See https://facebook.github.io/yoga/docs/rtl/
539
+ * for more details.
540
+ * @platform ios
541
+ */
542
+ direction: ReactPropTypes.oneOf(['inherit', 'ltr', 'rtl']),
543
+ /**
544
+ * In React Native, gap works the same way it does in CSS.
545
+ * If there are two or more children in a container, they will be separated from each other
546
+ * by the value of the gap - but the children will not be separated from the edges of their parent container.
547
+ * For horizontal gaps, use columnGap, for vertical gaps, use rowGap, and to apply both at the same time, it's gap.
548
+ * When align-content or justify-content are set to space-between or space-around, the separation
549
+ * between children may be larger than the gap value.
550
+ * See https://developer.mozilla.org/en-US/docs/Web/CSS/gap for more details.
551
+ */
552
+ rowGap: ReactPropTypes.oneOfType([
553
+ ReactPropTypes.number,
554
+ ReactPropTypes.string
555
+ ]),
556
+ columnGap: ReactPropTypes.oneOfType([
557
+ ReactPropTypes.number,
558
+ ReactPropTypes.string
559
+ ]),
560
+ gap: ReactPropTypes.oneOfType([
561
+ ReactPropTypes.number,
562
+ ReactPropTypes.string
563
+ ]),
564
+ };
565
+ exports.default = LayoutPropTypes;
566
+ //# sourceMappingURL=LayoutPropTypes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LayoutPropTypes.js","sourceRoot":"","sources":["../../../src/transforms/StyleSheet/LayoutPropTypes.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,32 @@
1
+ /**
2
+ * These props can be used to dynamically generate shadows on views, images, text, etc.
3
+ *
4
+ * Because they are dynamically generated, they may cause performance regressions. Static
5
+ * shadow image asset may be a better way to go for optimal performance.
6
+ *
7
+ * These properties are iOS only - for similar functionality on Android, use the [`elevation`
8
+ * property](docs/viewstyleproptypes.html#elevation).
9
+ */
10
+ declare const ShadowPropTypesIOS: {
11
+ /**
12
+ * Sets the drop shadow color
13
+ * @platform ios
14
+ */
15
+ shadowColor: (props: any, propName: any, componentName: any, location: any, propFullName: any) => Error | undefined;
16
+ /**
17
+ * Sets the drop shadow offset
18
+ * @platform ios
19
+ */
20
+ shadowOffset: any;
21
+ /**
22
+ * Sets the drop shadow opacity (multiplied by the color's alpha component)
23
+ * @platform ios
24
+ */
25
+ shadowOpacity: any;
26
+ /**
27
+ * Sets the drop shadow blur radius
28
+ * @platform ios
29
+ */
30
+ shadowRadius: any;
31
+ };
32
+ export default ShadowPropTypesIOS;