@fluentui-react-native/experimental-shadow 0.2.70 → 0.2.72

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 (16) hide show
  1. package/CHANGELOG.json +31 -1
  2. package/CHANGELOG.md +18 -2
  3. package/lib/Shadow.d.ts.map +1 -1
  4. package/lib/Shadow.js +12 -9
  5. package/lib/Shadow.js.map +1 -1
  6. package/lib/__tests__/Shadow.test.js +8 -5
  7. package/lib/__tests__/Shadow.test.js.map +1 -1
  8. package/lib-commonjs/Shadow.d.ts.map +1 -1
  9. package/lib-commonjs/Shadow.js +12 -9
  10. package/lib-commonjs/Shadow.js.map +1 -1
  11. package/lib-commonjs/__tests__/Shadow.test.js +8 -5
  12. package/lib-commonjs/__tests__/Shadow.test.js.map +1 -1
  13. package/package.json +2 -2
  14. package/src/Shadow.tsx +62 -59
  15. package/src/__tests__/Shadow.test.tsx +11 -6
  16. package/src/__tests__/__snapshots__/Shadow.test.tsx.snap +52 -571
package/src/__tests__/__snapshots__/Shadow.test.tsx.snap CHANGED
@@ -5,19 +5,6 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
5
5
  style={
6
6
  Object {
7
7
  "backgroundColor": "red",
8
- "bottom": undefined,
9
- "end": undefined,
10
- "left": undefined,
11
- "margin": undefined,
12
- "marginBottom": undefined,
13
- "marginEnd": undefined,
14
- "marginHorizontal": undefined,
15
- "marginLeft": undefined,
16
- "marginRight": undefined,
17
- "marginStart": undefined,
18
- "marginTop": undefined,
19
- "marginVertical": undefined,
20
- "right": undefined,
21
8
  "shadowColor": "#000000",
22
9
  "shadowOffset": Object {
23
10
  "height": 0,
@@ -25,34 +12,13 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
25
12
  },
26
13
  "shadowOpacity": 0.3,
27
14
  "shadowRadius": 1,
28
- "start": undefined,
29
- "top": undefined,
30
15
  }
31
16
  }
32
17
  >
33
18
  <View
34
19
  style={
35
20
  Object {
36
- "alignItems": undefined,
37
21
  "backgroundColor": "red",
38
- "borderBottomWidth": undefined,
39
- "borderEndWidth": undefined,
40
- "borderLeftWidth": undefined,
41
- "borderRightWidth": undefined,
42
- "borderStartWidth": undefined,
43
- "borderTopWidth": undefined,
44
- "borderWidth": undefined,
45
- "flexDirection": undefined,
46
- "flexWrap": undefined,
47
- "padding": undefined,
48
- "paddingBottom": undefined,
49
- "paddingEnd": undefined,
50
- "paddingHorizontal": undefined,
51
- "paddingLeft": undefined,
52
- "paddingRight": undefined,
53
- "paddingStart": undefined,
54
- "paddingTop": undefined,
55
- "paddingVertical": undefined,
56
22
  "shadowColor": "#000000",
57
23
  "shadowOffset": Object {
58
24
  "height": 1,
@@ -75,19 +41,6 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
75
41
  style={
76
42
  Object {
77
43
  "backgroundColor": "red",
78
- "bottom": undefined,
79
- "end": undefined,
80
- "left": undefined,
81
- "margin": undefined,
82
- "marginBottom": undefined,
83
- "marginEnd": undefined,
84
- "marginHorizontal": undefined,
85
- "marginLeft": undefined,
86
- "marginRight": undefined,
87
- "marginStart": undefined,
88
- "marginTop": undefined,
89
- "marginVertical": undefined,
90
- "right": undefined,
91
44
  "shadowColor": "#000000",
92
45
  "shadowOffset": Object {
93
46
  "height": 0,
@@ -95,34 +48,13 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
95
48
  },
96
49
  "shadowOpacity": 0.3,
97
50
  "shadowRadius": 1,
98
- "start": undefined,
99
- "top": undefined,
100
51
  }
101
52
  }
102
53
  >
103
54
  <View
104
55
  style={
105
56
  Object {
106
- "alignItems": undefined,
107
57
  "backgroundColor": "red",
108
- "borderBottomWidth": undefined,
109
- "borderEndWidth": undefined,
110
- "borderLeftWidth": undefined,
111
- "borderRightWidth": undefined,
112
- "borderStartWidth": undefined,
113
- "borderTopWidth": undefined,
114
- "borderWidth": undefined,
115
- "flexDirection": undefined,
116
- "flexWrap": undefined,
117
- "padding": undefined,
118
- "paddingBottom": undefined,
119
- "paddingEnd": undefined,
120
- "paddingHorizontal": undefined,
121
- "paddingLeft": undefined,
122
- "paddingRight": undefined,
123
- "paddingStart": undefined,
124
- "paddingTop": undefined,
125
- "paddingVertical": undefined,
126
58
  "shadowColor": "#000000",
127
59
  "shadowOffset": Object {
128
60
  "height": 2,
@@ -145,19 +77,6 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
145
77
  style={
146
78
  Object {
147
79
  "backgroundColor": "red",
148
- "bottom": undefined,
149
- "end": undefined,
150
- "left": undefined,
151
- "margin": undefined,
152
- "marginBottom": undefined,
153
- "marginEnd": undefined,
154
- "marginHorizontal": undefined,
155
- "marginLeft": undefined,
156
- "marginRight": undefined,
157
- "marginStart": undefined,
158
- "marginTop": undefined,
159
- "marginVertical": undefined,
160
- "right": undefined,
161
80
  "shadowColor": "#000000",
162
81
  "shadowOffset": Object {
163
82
  "height": 0,
@@ -165,34 +84,13 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
165
84
  },
166
85
  "shadowOpacity": 0.3,
167
86
  "shadowRadius": 1,
168
- "start": undefined,
169
- "top": undefined,
170
87
  }
171
88
  }
172
89
  >
173
90
  <View
174
91
  style={
175
92
  Object {
176
- "alignItems": undefined,
177
93
  "backgroundColor": "red",
178
- "borderBottomWidth": undefined,
179
- "borderEndWidth": undefined,
180
- "borderLeftWidth": undefined,
181
- "borderRightWidth": undefined,
182
- "borderStartWidth": undefined,
183
- "borderTopWidth": undefined,
184
- "borderWidth": undefined,
185
- "flexDirection": undefined,
186
- "flexWrap": undefined,
187
- "padding": undefined,
188
- "paddingBottom": undefined,
189
- "paddingEnd": undefined,
190
- "paddingHorizontal": undefined,
191
- "paddingLeft": undefined,
192
- "paddingRight": undefined,
193
- "paddingStart": undefined,
194
- "paddingTop": undefined,
195
- "paddingVertical": undefined,
196
94
  "shadowColor": "#000000",
197
95
  "shadowOffset": Object {
198
96
  "height": 4,
@@ -215,19 +113,6 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
215
113
  style={
216
114
  Object {
217
115
  "backgroundColor": "red",
218
- "bottom": undefined,
219
- "end": undefined,
220
- "left": undefined,
221
- "margin": undefined,
222
- "marginBottom": undefined,
223
- "marginEnd": undefined,
224
- "marginHorizontal": undefined,
225
- "marginLeft": undefined,
226
- "marginRight": undefined,
227
- "marginStart": undefined,
228
- "marginTop": undefined,
229
- "marginVertical": undefined,
230
- "right": undefined,
231
116
  "shadowColor": "#000000",
232
117
  "shadowOffset": Object {
233
118
  "height": 0,
@@ -235,34 +120,13 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
235
120
  },
236
121
  "shadowOpacity": 0.3,
237
122
  "shadowRadius": 1,
238
- "start": undefined,
239
- "top": undefined,
240
123
  }
241
124
  }
242
125
  >
243
126
  <View
244
127
  style={
245
128
  Object {
246
- "alignItems": undefined,
247
129
  "backgroundColor": "red",
248
- "borderBottomWidth": undefined,
249
- "borderEndWidth": undefined,
250
- "borderLeftWidth": undefined,
251
- "borderRightWidth": undefined,
252
- "borderStartWidth": undefined,
253
- "borderTopWidth": undefined,
254
- "borderWidth": undefined,
255
- "flexDirection": undefined,
256
- "flexWrap": undefined,
257
- "padding": undefined,
258
- "paddingBottom": undefined,
259
- "paddingEnd": undefined,
260
- "paddingHorizontal": undefined,
261
- "paddingLeft": undefined,
262
- "paddingRight": undefined,
263
- "paddingStart": undefined,
264
- "paddingTop": undefined,
265
- "paddingVertical": undefined,
266
130
  "shadowColor": "#000000",
267
131
  "shadowOffset": Object {
268
132
  "height": 8,
@@ -285,19 +149,6 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
285
149
  style={
286
150
  Object {
287
151
  "backgroundColor": "red",
288
- "bottom": undefined,
289
- "end": undefined,
290
- "left": undefined,
291
- "margin": undefined,
292
- "marginBottom": undefined,
293
- "marginEnd": undefined,
294
- "marginHorizontal": undefined,
295
- "marginLeft": undefined,
296
- "marginRight": undefined,
297
- "marginStart": undefined,
298
- "marginTop": undefined,
299
- "marginVertical": undefined,
300
- "right": undefined,
301
152
  "shadowColor": "#000000",
302
153
  "shadowOffset": Object {
303
154
  "height": 0,
@@ -305,34 +156,13 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
305
156
  },
306
157
  "shadowOpacity": 0.3,
307
158
  "shadowRadius": 4,
308
- "start": undefined,
309
- "top": undefined,
310
159
  }
311
160
  }
312
161
  >
313
162
  <View
314
163
  style={
315
164
  Object {
316
- "alignItems": undefined,
317
165
  "backgroundColor": "red",
318
- "borderBottomWidth": undefined,
319
- "borderEndWidth": undefined,
320
- "borderLeftWidth": undefined,
321
- "borderRightWidth": undefined,
322
- "borderStartWidth": undefined,
323
- "borderTopWidth": undefined,
324
- "borderWidth": undefined,
325
- "flexDirection": undefined,
326
- "flexWrap": undefined,
327
- "padding": undefined,
328
- "paddingBottom": undefined,
329
- "paddingEnd": undefined,
330
- "paddingHorizontal": undefined,
331
- "paddingLeft": undefined,
332
- "paddingRight": undefined,
333
- "paddingStart": undefined,
334
- "paddingTop": undefined,
335
- "paddingVertical": undefined,
336
166
  "shadowColor": "#000000",
337
167
  "shadowOffset": Object {
338
168
  "height": 14,
@@ -355,19 +185,6 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
355
185
  style={
356
186
  Object {
357
187
  "backgroundColor": "red",
358
- "bottom": undefined,
359
- "end": undefined,
360
- "left": undefined,
361
- "margin": undefined,
362
- "marginBottom": undefined,
363
- "marginEnd": undefined,
364
- "marginHorizontal": undefined,
365
- "marginLeft": undefined,
366
- "marginRight": undefined,
367
- "marginStart": undefined,
368
- "marginTop": undefined,
369
- "marginVertical": undefined,
370
- "right": undefined,
371
188
  "shadowColor": "#000000",
372
189
  "shadowOffset": Object {
373
190
  "height": 0,
@@ -375,34 +192,13 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
375
192
  },
376
193
  "shadowOpacity": 0.3,
377
194
  "shadowRadius": 4,
378
- "start": undefined,
379
- "top": undefined,
380
195
  }
381
196
  }
382
197
  >
383
198
  <View
384
199
  style={
385
200
  Object {
386
- "alignItems": undefined,
387
201
  "backgroundColor": "red",
388
- "borderBottomWidth": undefined,
389
- "borderEndWidth": undefined,
390
- "borderLeftWidth": undefined,
391
- "borderRightWidth": undefined,
392
- "borderStartWidth": undefined,
393
- "borderTopWidth": undefined,
394
- "borderWidth": undefined,
395
- "flexDirection": undefined,
396
- "flexWrap": undefined,
397
- "padding": undefined,
398
- "paddingBottom": undefined,
399
- "paddingEnd": undefined,
400
- "paddingHorizontal": undefined,
401
- "paddingLeft": undefined,
402
- "paddingRight": undefined,
403
- "paddingStart": undefined,
404
- "paddingTop": undefined,
405
- "paddingVertical": undefined,
406
202
  "shadowColor": "#000000",
407
203
  "shadowOffset": Object {
408
204
  "height": 32,
@@ -420,80 +216,68 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
420
216
  </View>
421
217
  `;
422
218
 
423
- exports[`Shadow component tests Pressable that has a shadow 1`] = `
424
- <View
425
- style={
426
- Object {
427
- "backgroundColor": "red",
428
- "bottom": undefined,
429
- "end": undefined,
430
- "left": undefined,
431
- "margin": undefined,
432
- "marginBottom": undefined,
433
- "marginEnd": undefined,
434
- "marginHorizontal": undefined,
435
- "marginLeft": undefined,
436
- "marginRight": undefined,
437
- "marginStart": undefined,
438
- "marginTop": undefined,
439
- "marginVertical": undefined,
440
- "right": undefined,
441
- "shadowColor": "#000000",
442
- "shadowOffset": Object {
443
- "height": 0,
444
- "width": 0,
445
- },
446
- "shadowOpacity": 0.12,
447
- "shadowRadius": 1,
448
- "start": undefined,
449
- "top": undefined,
450
- }
451
- }
452
- >
219
+ exports[`Shadow component tests Pressable that has a shadow vs. pressable without shadow 1`] = `
220
+ <View>
453
221
  <View
454
- onBlur={[Function]}
455
- onClick={[Function]}
456
- onFocus={[Function]}
457
- onMouseEnter={[Function]}
458
- onMouseLeave={[Function]}
459
- onResponderGrant={[Function]}
460
- onResponderMove={[Function]}
461
- onResponderRelease={[Function]}
462
- onResponderTerminate={[Function]}
463
- onResponderTerminationRequest={[Function]}
464
- onStartShouldSetResponder={[Function]}
465
222
  style={
466
223
  Object {
467
- "alignItems": undefined,
468
224
  "backgroundColor": "red",
469
- "borderBottomWidth": undefined,
470
- "borderEndWidth": undefined,
471
- "borderLeftWidth": undefined,
472
- "borderRightWidth": undefined,
473
- "borderStartWidth": undefined,
474
- "borderTopWidth": undefined,
475
- "borderWidth": undefined,
476
- "flexDirection": undefined,
477
- "flexWrap": undefined,
478
- "padding": undefined,
479
- "paddingBottom": undefined,
480
- "paddingEnd": undefined,
481
- "paddingHorizontal": undefined,
482
- "paddingLeft": undefined,
483
- "paddingRight": undefined,
484
- "paddingStart": undefined,
485
- "paddingTop": undefined,
486
- "paddingVertical": undefined,
487
225
  "shadowColor": "#000000",
488
226
  "shadowOffset": Object {
489
- "height": 8,
227
+ "height": 0,
490
228
  "width": 0,
491
229
  },
492
- "shadowOpacity": 0.14,
493
- "shadowRadius": 8,
230
+ "shadowOpacity": 0.12,
231
+ "shadowRadius": 1,
494
232
  }
495
233
  }
496
- />
234
+ >
235
+ <View
236
+ onBlur={[Function]}
237
+ onClick={[Function]}
238
+ onFocus={[Function]}
239
+ onMouseEnter={[Function]}
240
+ onMouseLeave={[Function]}
241
+ onResponderGrant={[Function]}
242
+ onResponderMove={[Function]}
243
+ onResponderRelease={[Function]}
244
+ onResponderTerminate={[Function]}
245
+ onResponderTerminationRequest={[Function]}
246
+ onStartShouldSetResponder={[Function]}
247
+ style={
248
+ Object {
249
+ "backgroundColor": "red",
250
+ "shadowColor": "#000000",
251
+ "shadowOffset": Object {
252
+ "height": 8,
253
+ "width": 0,
254
+ },
255
+ "shadowOpacity": 0.14,
256
+ "shadowRadius": 8,
257
+ }
258
+ }
259
+ />
260
+ </View>
261
+ <View>
262
+ <View
263
+ onBlur={[Function]}
264
+ onClick={[Function]}
265
+ onFocus={[Function]}
266
+ onMouseEnter={[Function]}
267
+ onMouseLeave={[Function]}
268
+ onResponderGrant={[Function]}
269
+ onResponderMove={[Function]}
270
+ onResponderRelease={[Function]}
271
+ onResponderTerminate={[Function]}
272
+ onResponderTerminationRequest={[Function]}
273
+ onStartShouldSetResponder={[Function]}
274
+ style={
275
+ Object {
276
+ "backgroundColor": "red",
277
+ }
278
+ }
279
+ />
280
+ </View>
497
281
  </View>
498
282
  `;
499
283
 
@@ -502,19 +286,6 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
502
286
  style={
503
287
  Object {
504
288
  "backgroundColor": "red",
505
- "bottom": undefined,
506
- "end": undefined,
507
- "left": undefined,
508
- "margin": undefined,
509
- "marginBottom": undefined,
510
- "marginEnd": undefined,
511
- "marginHorizontal": undefined,
512
- "marginLeft": undefined,
513
- "marginRight": undefined,
514
- "marginStart": undefined,
515
- "marginTop": undefined,
516
- "marginVertical": undefined,
517
- "right": undefined,
518
289
  "shadowColor": "#000000",
519
290
  "shadowOffset": Object {
520
291
  "height": 0,
@@ -522,34 +293,13 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
522
293
  },
523
294
  "shadowOpacity": 0.12,
524
295
  "shadowRadius": 1,
525
- "start": undefined,
526
- "top": undefined,
527
296
  }
528
297
  }
529
298
  >
530
299
  <View
531
300
  style={
532
301
  Object {
533
- "alignItems": undefined,
534
302
  "backgroundColor": "red",
535
- "borderBottomWidth": undefined,
536
- "borderEndWidth": undefined,
537
- "borderLeftWidth": undefined,
538
- "borderRightWidth": undefined,
539
- "borderStartWidth": undefined,
540
- "borderTopWidth": undefined,
541
- "borderWidth": undefined,
542
- "flexDirection": undefined,
543
- "flexWrap": undefined,
544
- "padding": undefined,
545
- "paddingBottom": undefined,
546
- "paddingEnd": undefined,
547
- "paddingHorizontal": undefined,
548
- "paddingLeft": undefined,
549
- "paddingRight": undefined,
550
- "paddingStart": undefined,
551
- "paddingTop": undefined,
552
- "paddingVertical": undefined,
553
303
  "shadowColor": "#000000",
554
304
  "shadowOffset": Object {
555
305
  "height": 1,
@@ -572,19 +322,6 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
572
322
  style={
573
323
  Object {
574
324
  "backgroundColor": "red",
575
- "bottom": undefined,
576
- "end": undefined,
577
- "left": undefined,
578
- "margin": undefined,
579
- "marginBottom": undefined,
580
- "marginEnd": undefined,
581
- "marginHorizontal": undefined,
582
- "marginLeft": undefined,
583
- "marginRight": undefined,
584
- "marginStart": undefined,
585
- "marginTop": undefined,
586
- "marginVertical": undefined,
587
- "right": undefined,
588
325
  "shadowColor": "#000000",
589
326
  "shadowOffset": Object {
590
327
  "height": 0,
@@ -592,34 +329,13 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
592
329
  },
593
330
  "shadowOpacity": 0.12,
594
331
  "shadowRadius": 1,
595
- "start": undefined,
596
- "top": undefined,
597
332
  }
598
333
  }
599
334
  >
600
335
  <View
601
336
  style={
602
337
  Object {
603
- "alignItems": undefined,
604
338
  "backgroundColor": "red",
605
- "borderBottomWidth": undefined,
606
- "borderEndWidth": undefined,
607
- "borderLeftWidth": undefined,
608
- "borderRightWidth": undefined,
609
- "borderStartWidth": undefined,
610
- "borderTopWidth": undefined,
611
- "borderWidth": undefined,
612
- "flexDirection": undefined,
613
- "flexWrap": undefined,
614
- "padding": undefined,
615
- "paddingBottom": undefined,
616
- "paddingEnd": undefined,
617
- "paddingHorizontal": undefined,
618
- "paddingLeft": undefined,
619
- "paddingRight": undefined,
620
- "paddingStart": undefined,
621
- "paddingTop": undefined,
622
- "paddingVertical": undefined,
623
339
  "shadowColor": "#000000",
624
340
  "shadowOffset": Object {
625
341
  "height": 2,
@@ -642,19 +358,6 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
642
358
  style={
643
359
  Object {
644
360
  "backgroundColor": "red",
645
- "bottom": undefined,
646
- "end": undefined,
647
- "left": undefined,
648
- "margin": undefined,
649
- "marginBottom": undefined,
650
- "marginEnd": undefined,
651
- "marginHorizontal": undefined,
652
- "marginLeft": undefined,
653
- "marginRight": undefined,
654
- "marginStart": undefined,
655
- "marginTop": undefined,
656
- "marginVertical": undefined,
657
- "right": undefined,
658
361
  "shadowColor": "#000000",
659
362
  "shadowOffset": Object {
660
363
  "height": 0,
@@ -662,34 +365,13 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
662
365
  },
663
366
  "shadowOpacity": 0.12,
664
367
  "shadowRadius": 1,
665
- "start": undefined,
666
- "top": undefined,
667
368
  }
668
369
  }
669
370
  >
670
371
  <View
671
372
  style={
672
373
  Object {
673
- "alignItems": undefined,
674
374
  "backgroundColor": "red",
675
- "borderBottomWidth": undefined,
676
- "borderEndWidth": undefined,
677
- "borderLeftWidth": undefined,
678
- "borderRightWidth": undefined,
679
- "borderStartWidth": undefined,
680
- "borderTopWidth": undefined,
681
- "borderWidth": undefined,
682
- "flexDirection": undefined,
683
- "flexWrap": undefined,
684
- "padding": undefined,
685
- "paddingBottom": undefined,
686
- "paddingEnd": undefined,
687
- "paddingHorizontal": undefined,
688
- "paddingLeft": undefined,
689
- "paddingRight": undefined,
690
- "paddingStart": undefined,
691
- "paddingTop": undefined,
692
- "paddingVertical": undefined,
693
375
  "shadowColor": "#000000",
694
376
  "shadowOffset": Object {
695
377
  "height": 4,
@@ -712,19 +394,6 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
712
394
  style={
713
395
  Object {
714
396
  "backgroundColor": "red",
715
- "bottom": undefined,
716
- "end": undefined,
717
- "left": undefined,
718
- "margin": undefined,
719
- "marginBottom": undefined,
720
- "marginEnd": undefined,
721
- "marginHorizontal": undefined,
722
- "marginLeft": undefined,
723
- "marginRight": undefined,
724
- "marginStart": undefined,
725
- "marginTop": undefined,
726
- "marginVertical": undefined,
727
- "right": undefined,
728
397
  "shadowColor": "#000000",
729
398
  "shadowOffset": Object {
730
399
  "height": 0,
@@ -732,34 +401,13 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
732
401
  },
733
402
  "shadowOpacity": 0.12,
734
403
  "shadowRadius": 1,
735
- "start": undefined,
736
- "top": undefined,
737
404
  }
738
405
  }
739
406
  >
740
407
  <View
741
408
  style={
742
409
  Object {
743
- "alignItems": undefined,
744
410
  "backgroundColor": "red",
745
- "borderBottomWidth": undefined,
746
- "borderEndWidth": undefined,
747
- "borderLeftWidth": undefined,
748
- "borderRightWidth": undefined,
749
- "borderStartWidth": undefined,
750
- "borderTopWidth": undefined,
751
- "borderWidth": undefined,
752
- "flexDirection": undefined,
753
- "flexWrap": undefined,
754
- "padding": undefined,
755
- "paddingBottom": undefined,
756
- "paddingEnd": undefined,
757
- "paddingHorizontal": undefined,
758
- "paddingLeft": undefined,
759
- "paddingRight": undefined,
760
- "paddingStart": undefined,
761
- "paddingTop": undefined,
762
- "paddingVertical": undefined,
763
411
  "shadowColor": "#000000",
764
412
  "shadowOffset": Object {
765
413
  "height": 8,
@@ -782,19 +430,6 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
782
430
  style={
783
431
  Object {
784
432
  "backgroundColor": "red",
785
- "bottom": undefined,
786
- "end": undefined,
787
- "left": undefined,
788
- "margin": undefined,
789
- "marginBottom": undefined,
790
- "marginEnd": undefined,
791
- "marginHorizontal": undefined,
792
- "marginLeft": undefined,
793
- "marginRight": undefined,
794
- "marginStart": undefined,
795
- "marginTop": undefined,
796
- "marginVertical": undefined,
797
- "right": undefined,
798
433
  "shadowColor": "#000000",
799
434
  "shadowOffset": Object {
800
435
  "height": 0,
@@ -802,34 +437,13 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
802
437
  },
803
438
  "shadowOpacity": 0.2,
804
439
  "shadowRadius": 4,
805
- "start": undefined,
806
- "top": undefined,
807
440
  }
808
441
  }
809
442
  >
810
443
  <View
811
444
  style={
812
445
  Object {
813
- "alignItems": undefined,
814
446
  "backgroundColor": "red",
815
- "borderBottomWidth": undefined,
816
- "borderEndWidth": undefined,
817
- "borderLeftWidth": undefined,
818
- "borderRightWidth": undefined,
819
- "borderStartWidth": undefined,
820
- "borderTopWidth": undefined,
821
- "borderWidth": undefined,
822
- "flexDirection": undefined,
823
- "flexWrap": undefined,
824
- "padding": undefined,
825
- "paddingBottom": undefined,
826
- "paddingEnd": undefined,
827
- "paddingHorizontal": undefined,
828
- "paddingLeft": undefined,
829
- "paddingRight": undefined,
830
- "paddingStart": undefined,
831
- "paddingTop": undefined,
832
- "paddingVertical": undefined,
833
447
  "shadowColor": "#000000",
834
448
  "shadowOffset": Object {
835
449
  "height": 14,
@@ -852,19 +466,6 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
852
466
  style={
853
467
  Object {
854
468
  "backgroundColor": "red",
855
- "bottom": undefined,
856
- "end": undefined,
857
- "left": undefined,
858
- "margin": undefined,
859
- "marginBottom": undefined,
860
- "marginEnd": undefined,
861
- "marginHorizontal": undefined,
862
- "marginLeft": undefined,
863
- "marginRight": undefined,
864
- "marginStart": undefined,
865
- "marginTop": undefined,
866
- "marginVertical": undefined,
867
- "right": undefined,
868
469
  "shadowColor": "#000000",
869
470
  "shadowOffset": Object {
870
471
  "height": 0,
@@ -872,34 +473,13 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
872
473
  },
873
474
  "shadowOpacity": 0.2,
874
475
  "shadowRadius": 4,
875
- "start": undefined,
876
- "top": undefined,
877
476
  }
878
477
  }
879
478
  >
880
479
  <View
881
480
  style={
882
481
  Object {
883
- "alignItems": undefined,
884
482
  "backgroundColor": "red",
885
- "borderBottomWidth": undefined,
886
- "borderEndWidth": undefined,
887
- "borderLeftWidth": undefined,
888
- "borderRightWidth": undefined,
889
- "borderStartWidth": undefined,
890
- "borderTopWidth": undefined,
891
- "borderWidth": undefined,
892
- "flexDirection": undefined,
893
- "flexWrap": undefined,
894
- "padding": undefined,
895
- "paddingBottom": undefined,
896
- "paddingEnd": undefined,
897
- "paddingHorizontal": undefined,
898
- "paddingLeft": undefined,
899
- "paddingRight": undefined,
900
- "paddingStart": undefined,
901
- "paddingTop": undefined,
902
- "paddingVertical": undefined,
903
483
  "shadowColor": "#000000",
904
484
  "shadowOffset": Object {
905
485
  "height": 32,
@@ -923,19 +503,6 @@ exports[`Shadow component tests Shadow on a child with border radius 1`] = `
923
503
  Object {
924
504
  "backgroundColor": "red",
925
505
  "borderRadius": 2,
926
- "bottom": undefined,
927
- "end": undefined,
928
- "left": undefined,
929
- "margin": undefined,
930
- "marginBottom": undefined,
931
- "marginEnd": undefined,
932
- "marginHorizontal": undefined,
933
- "marginLeft": undefined,
934
- "marginRight": undefined,
935
- "marginStart": undefined,
936
- "marginTop": undefined,
937
- "marginVertical": undefined,
938
- "right": undefined,
939
506
  "shadowColor": "#000000",
940
507
  "shadowOffset": Object {
941
508
  "height": 0,
@@ -943,35 +510,14 @@ exports[`Shadow component tests Shadow on a child with border radius 1`] = `
943
510
  },
944
511
  "shadowOpacity": 0.12,
945
512
  "shadowRadius": 1,
946
- "start": undefined,
947
- "top": undefined,
948
513
  }
949
514
  }
950
515
  >
951
516
  <View
952
517
  style={
953
518
  Object {
954
- "alignItems": undefined,
955
519
  "backgroundColor": "red",
956
- "borderBottomWidth": undefined,
957
- "borderEndWidth": undefined,
958
- "borderLeftWidth": undefined,
959
520
  "borderRadius": 2,
960
- "borderRightWidth": undefined,
961
- "borderStartWidth": undefined,
962
- "borderTopWidth": undefined,
963
- "borderWidth": undefined,
964
- "flexDirection": undefined,
965
- "flexWrap": undefined,
966
- "padding": undefined,
967
- "paddingBottom": undefined,
968
- "paddingEnd": undefined,
969
- "paddingHorizontal": undefined,
970
- "paddingLeft": undefined,
971
- "paddingRight": undefined,
972
- "paddingStart": undefined,
973
- "paddingTop": undefined,
974
- "paddingVertical": undefined,
975
521
  "shadowColor": "#000000",
976
522
  "shadowOffset": Object {
977
523
  "height": 8,
@@ -994,19 +540,6 @@ exports[`Shadow component tests Shadow on a child with border width 1`] = `
994
540
  style={
995
541
  Object {
996
542
  "backgroundColor": "red",
997
- "bottom": undefined,
998
- "end": undefined,
999
- "left": undefined,
1000
- "margin": undefined,
1001
- "marginBottom": undefined,
1002
- "marginEnd": undefined,
1003
- "marginHorizontal": undefined,
1004
- "marginLeft": undefined,
1005
- "marginRight": undefined,
1006
- "marginStart": undefined,
1007
- "marginTop": undefined,
1008
- "marginVertical": undefined,
1009
- "right": undefined,
1010
543
  "shadowColor": "#000000",
1011
544
  "shadowOffset": Object {
1012
545
  "height": 0,
@@ -1014,34 +547,14 @@ exports[`Shadow component tests Shadow on a child with border width 1`] = `
1014
547
  },
1015
548
  "shadowOpacity": 0.12,
1016
549
  "shadowRadius": 1,
1017
- "start": undefined,
1018
- "top": undefined,
1019
550
  }
1020
551
  }
1021
552
  >
1022
553
  <View
1023
554
  style={
1024
555
  Object {
1025
- "alignItems": undefined,
1026
556
  "backgroundColor": "red",
1027
- "borderBottomWidth": undefined,
1028
- "borderEndWidth": undefined,
1029
- "borderLeftWidth": undefined,
1030
- "borderRightWidth": undefined,
1031
- "borderStartWidth": undefined,
1032
- "borderTopWidth": undefined,
1033
557
  "borderWidth": 2,
1034
- "flexDirection": undefined,
1035
- "flexWrap": undefined,
1036
- "padding": undefined,
1037
- "paddingBottom": undefined,
1038
- "paddingEnd": undefined,
1039
- "paddingHorizontal": undefined,
1040
- "paddingLeft": undefined,
1041
- "paddingRight": undefined,
1042
- "paddingStart": undefined,
1043
- "paddingTop": undefined,
1044
- "paddingVertical": undefined,
1045
558
  "shadowColor": "#000000",
1046
559
  "shadowOffset": Object {
1047
560
  "height": 8,
@@ -1064,19 +577,7 @@ exports[`Shadow component tests Shadow on a child with margin and padding 1`] =
1064
577
  style={
1065
578
  Object {
1066
579
  "backgroundColor": "red",
1067
- "bottom": undefined,
1068
- "end": undefined,
1069
- "left": undefined,
1070
580
  "margin": 2,
1071
- "marginBottom": undefined,
1072
- "marginEnd": undefined,
1073
- "marginHorizontal": undefined,
1074
- "marginLeft": undefined,
1075
- "marginRight": undefined,
1076
- "marginStart": undefined,
1077
- "marginTop": undefined,
1078
- "marginVertical": undefined,
1079
- "right": undefined,
1080
581
  "shadowColor": "#000000",
1081
582
  "shadowOffset": Object {
1082
583
  "height": 0,
@@ -1084,34 +585,14 @@ exports[`Shadow component tests Shadow on a child with margin and padding 1`] =
1084
585
  },
1085
586
  "shadowOpacity": 0.12,
1086
587
  "shadowRadius": 1,
1087
- "start": undefined,
1088
- "top": undefined,
1089
588
  }
1090
589
  }
1091
590
  >
1092
591
  <View
1093
592
  style={
1094
593
  Object {
1095
- "alignItems": undefined,
1096
594
  "backgroundColor": "red",
1097
- "borderBottomWidth": undefined,
1098
- "borderEndWidth": undefined,
1099
- "borderLeftWidth": undefined,
1100
- "borderRightWidth": undefined,
1101
- "borderStartWidth": undefined,
1102
- "borderTopWidth": undefined,
1103
- "borderWidth": undefined,
1104
- "flexDirection": undefined,
1105
- "flexWrap": undefined,
1106
595
  "padding": 2,
1107
- "paddingBottom": undefined,
1108
- "paddingEnd": undefined,
1109
- "paddingHorizontal": undefined,
1110
- "paddingLeft": undefined,
1111
- "paddingRight": undefined,
1112
- "paddingStart": undefined,
1113
- "paddingTop": undefined,
1114
- "paddingVertical": undefined,
1115
596
  "shadowColor": "#000000",
1116
597
  "shadowOffset": Object {
1117
598
  "height": 8,