@fluentui-react-native/experimental-shadow 0.2.82 → 0.3.0

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 (4) hide show
  1. package/CHANGELOG.json +34 -1
  2. package/CHANGELOG.md +13 -2
  3. package/package.json +9 -9
  4. package/src/__tests__/__snapshots__/Shadow.test.tsx.snap +65 -65
package/CHANGELOG.json CHANGED
@@ -2,7 +2,40 @@
2
2
  "name": "@fluentui-react-native/experimental-shadow",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 30 May 2023 20:30:33 GMT",
5
+ "date": "Mon, 05 Jun 2023 19:19:48 GMT",
6
+ "tag": "@fluentui-react-native/experimental-shadow_v0.3.0",
7
+ "version": "0.3.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "sanajmi@microsoft.com",
12
+ "package": "@fluentui-react-native/experimental-shadow",
13
+ "commit": "8c0f9d27e34913da82c00299c12c399877257325",
14
+ "comment": "Upgrade to React Native 0.71"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/experimental-shadow",
19
+ "comment": "Bump @fluentui-react-native/framework to v0.10.0",
20
+ "commit": "8c0f9d27e34913da82c00299c12c399877257325"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/experimental-shadow",
25
+ "comment": "Bump @fluentui-react-native/pressable to v0.10.0",
26
+ "commit": "8c0f9d27e34913da82c00299c12c399877257325"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/experimental-shadow",
31
+ "comment": "Bump @fluentui-react-native/theme-types to v0.32.0",
32
+ "commit": "8c0f9d27e34913da82c00299c12c399877257325"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Tue, 30 May 2023 20:34:15 GMT",
6
39
  "tag": "@fluentui-react-native/experimental-shadow_v0.2.82",
7
40
  "version": "0.2.82",
8
41
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,23 @@
1
1
  # Change Log - @fluentui-react-native/experimental-shadow
2
2
 
3
- This log was last generated on Tue, 30 May 2023 20:30:33 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 05 Jun 2023 19:19:48 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.3.0
8
+
9
+ Mon, 05 Jun 2023 19:19:48 GMT
10
+
11
+ ### Minor changes
12
+
13
+ - Upgrade to React Native 0.71 (sanajmi@microsoft.com)
14
+ - Bump @fluentui-react-native/framework to v0.10.0
15
+ - Bump @fluentui-react-native/pressable to v0.10.0
16
+ - Bump @fluentui-react-native/theme-types to v0.32.0
17
+
7
18
  ## 0.2.82
8
19
 
9
- Tue, 30 May 2023 20:30:33 GMT
20
+ Tue, 30 May 2023 20:34:15 GMT
10
21
 
11
22
  ### Patches
12
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-shadow",
3
- "version": "0.2.82",
3
+ "version": "0.3.0",
4
4
  "description": "A cross-platform Shadow component using the Fluent Design System",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -22,20 +22,20 @@
22
22
  "directory": "packages/experimental/Shadow"
23
23
  },
24
24
  "dependencies": {
25
- "@fluentui-react-native/framework": "0.9.10",
26
- "@fluentui-react-native/pressable": "0.9.70",
27
- "@fluentui-react-native/theme-types": "0.31.2"
25
+ "@fluentui-react-native/framework": "0.10.0",
26
+ "@fluentui-react-native/pressable": "0.10.0",
27
+ "@fluentui-react-native/theme-types": "0.32.0"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",
31
31
  "@fluentui-react-native/scripts": "^0.1.1",
32
32
  "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
33
- "react": "17.0.2",
34
- "react-native": "^0.68.0"
33
+ "react": "18.2.0",
34
+ "react-native": "^0.71.0"
35
35
  },
36
36
  "peerDependencies": {
37
- "react": "17.0.2",
38
- "react-native": "^0.68.0"
37
+ "react": "18.2.0",
38
+ "react-native": "^0.71.0"
39
39
  },
40
40
  "author": "",
41
41
  "license": "MIT",
@@ -46,7 +46,7 @@
46
46
  "microsoft/react-native"
47
47
  ],
48
48
  "requirements": [
49
- "react-native@0.68"
49
+ "react-native@0.71"
50
50
  ],
51
51
  "capabilities": [
52
52
  "core",
package/src/__tests__/__snapshots__/Shadow.test.tsx.snap CHANGED
@@ -3,10 +3,10 @@
3
3
  exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
4
4
  <View
5
5
  style={
6
- Object {
6
+ {
7
7
  "backgroundColor": "red",
8
8
  "shadowColor": "#000000",
9
- "shadowOffset": Object {
9
+ "shadowOffset": {
10
10
  "height": 0,
11
11
  "width": 0,
12
12
  },
@@ -17,10 +17,10 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
17
17
  >
18
18
  <View
19
19
  style={
20
- Object {
20
+ {
21
21
  "backgroundColor": "red",
22
22
  "shadowColor": "#000000",
23
- "shadowOffset": Object {
23
+ "shadowOffset": {
24
24
  "height": 1,
25
25
  "width": 0,
26
26
  },
@@ -39,10 +39,10 @@ exports[`Shadow component tests Brand shadow (depth=2) 1`] = `
39
39
  exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
40
40
  <View
41
41
  style={
42
- Object {
42
+ {
43
43
  "backgroundColor": "red",
44
44
  "shadowColor": "#000000",
45
- "shadowOffset": Object {
45
+ "shadowOffset": {
46
46
  "height": 0,
47
47
  "width": 0,
48
48
  },
@@ -53,10 +53,10 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
53
53
  >
54
54
  <View
55
55
  style={
56
- Object {
56
+ {
57
57
  "backgroundColor": "red",
58
58
  "shadowColor": "#000000",
59
- "shadowOffset": Object {
59
+ "shadowOffset": {
60
60
  "height": 2,
61
61
  "width": 0,
62
62
  },
@@ -75,10 +75,10 @@ exports[`Shadow component tests Brand shadow (depth=4) 1`] = `
75
75
  exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
76
76
  <View
77
77
  style={
78
- Object {
78
+ {
79
79
  "backgroundColor": "red",
80
80
  "shadowColor": "#000000",
81
- "shadowOffset": Object {
81
+ "shadowOffset": {
82
82
  "height": 0,
83
83
  "width": 0,
84
84
  },
@@ -89,10 +89,10 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
89
89
  >
90
90
  <View
91
91
  style={
92
- Object {
92
+ {
93
93
  "backgroundColor": "red",
94
94
  "shadowColor": "#000000",
95
- "shadowOffset": Object {
95
+ "shadowOffset": {
96
96
  "height": 4,
97
97
  "width": 0,
98
98
  },
@@ -111,10 +111,10 @@ exports[`Shadow component tests Brand shadow (depth=8) 1`] = `
111
111
  exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
112
112
  <View
113
113
  style={
114
- Object {
114
+ {
115
115
  "backgroundColor": "red",
116
116
  "shadowColor": "#000000",
117
- "shadowOffset": Object {
117
+ "shadowOffset": {
118
118
  "height": 0,
119
119
  "width": 0,
120
120
  },
@@ -125,10 +125,10 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
125
125
  >
126
126
  <View
127
127
  style={
128
- Object {
128
+ {
129
129
  "backgroundColor": "red",
130
130
  "shadowColor": "#000000",
131
- "shadowOffset": Object {
131
+ "shadowOffset": {
132
132
  "height": 8,
133
133
  "width": 0,
134
134
  },
@@ -147,10 +147,10 @@ exports[`Shadow component tests Brand shadow (depth=16) 1`] = `
147
147
  exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
148
148
  <View
149
149
  style={
150
- Object {
150
+ {
151
151
  "backgroundColor": "red",
152
152
  "shadowColor": "#000000",
153
- "shadowOffset": Object {
153
+ "shadowOffset": {
154
154
  "height": 0,
155
155
  "width": 0,
156
156
  },
@@ -161,10 +161,10 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
161
161
  >
162
162
  <View
163
163
  style={
164
- Object {
164
+ {
165
165
  "backgroundColor": "red",
166
166
  "shadowColor": "#000000",
167
- "shadowOffset": Object {
167
+ "shadowOffset": {
168
168
  "height": 14,
169
169
  "width": 0,
170
170
  },
@@ -183,10 +183,10 @@ exports[`Shadow component tests Brand shadow (depth=28) 1`] = `
183
183
  exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
184
184
  <View
185
185
  style={
186
- Object {
186
+ {
187
187
  "backgroundColor": "red",
188
188
  "shadowColor": "#000000",
189
- "shadowOffset": Object {
189
+ "shadowOffset": {
190
190
  "height": 0,
191
191
  "width": 0,
192
192
  },
@@ -197,10 +197,10 @@ exports[`Shadow component tests Brand shadow (depth=64) 1`] = `
197
197
  >
198
198
  <View
199
199
  style={
200
- Object {
200
+ {
201
201
  "backgroundColor": "red",
202
202
  "shadowColor": "#000000",
203
- "shadowOffset": Object {
203
+ "shadowOffset": {
204
204
  "height": 32,
205
205
  "width": 0,
206
206
  },
@@ -220,10 +220,10 @@ exports[`Shadow component tests Pressable that has a shadow vs. pressable withou
220
220
  <View>
221
221
  <View
222
222
  style={
223
- Object {
223
+ {
224
224
  "backgroundColor": "red",
225
225
  "shadowColor": "#000000",
226
- "shadowOffset": Object {
226
+ "shadowOffset": {
227
227
  "height": 0,
228
228
  "width": 0,
229
229
  },
@@ -245,10 +245,10 @@ exports[`Shadow component tests Pressable that has a shadow vs. pressable withou
245
245
  onResponderTerminationRequest={[Function]}
246
246
  onStartShouldSetResponder={[Function]}
247
247
  style={
248
- Object {
248
+ {
249
249
  "backgroundColor": "red",
250
250
  "shadowColor": "#000000",
251
- "shadowOffset": Object {
251
+ "shadowOffset": {
252
252
  "height": 8,
253
253
  "width": 0,
254
254
  },
@@ -272,7 +272,7 @@ exports[`Shadow component tests Pressable that has a shadow vs. pressable withou
272
272
  onResponderTerminationRequest={[Function]}
273
273
  onStartShouldSetResponder={[Function]}
274
274
  style={
275
- Object {
275
+ {
276
276
  "backgroundColor": "red",
277
277
  }
278
278
  }
@@ -284,10 +284,10 @@ exports[`Shadow component tests Pressable that has a shadow vs. pressable withou
284
284
  exports[`Shadow component tests Shadow (depth=2) 1`] = `
285
285
  <View
286
286
  style={
287
- Object {
287
+ {
288
288
  "backgroundColor": "red",
289
289
  "shadowColor": "#000000",
290
- "shadowOffset": Object {
290
+ "shadowOffset": {
291
291
  "height": 0,
292
292
  "width": 0,
293
293
  },
@@ -298,10 +298,10 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
298
298
  >
299
299
  <View
300
300
  style={
301
- Object {
301
+ {
302
302
  "backgroundColor": "red",
303
303
  "shadowColor": "#000000",
304
- "shadowOffset": Object {
304
+ "shadowOffset": {
305
305
  "height": 1,
306
306
  "width": 0,
307
307
  },
@@ -320,10 +320,10 @@ exports[`Shadow component tests Shadow (depth=2) 1`] = `
320
320
  exports[`Shadow component tests Shadow (depth=4) 1`] = `
321
321
  <View
322
322
  style={
323
- Object {
323
+ {
324
324
  "backgroundColor": "red",
325
325
  "shadowColor": "#000000",
326
- "shadowOffset": Object {
326
+ "shadowOffset": {
327
327
  "height": 0,
328
328
  "width": 0,
329
329
  },
@@ -334,10 +334,10 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
334
334
  >
335
335
  <View
336
336
  style={
337
- Object {
337
+ {
338
338
  "backgroundColor": "red",
339
339
  "shadowColor": "#000000",
340
- "shadowOffset": Object {
340
+ "shadowOffset": {
341
341
  "height": 2,
342
342
  "width": 0,
343
343
  },
@@ -356,10 +356,10 @@ exports[`Shadow component tests Shadow (depth=4) 1`] = `
356
356
  exports[`Shadow component tests Shadow (depth=8) 1`] = `
357
357
  <View
358
358
  style={
359
- Object {
359
+ {
360
360
  "backgroundColor": "red",
361
361
  "shadowColor": "#000000",
362
- "shadowOffset": Object {
362
+ "shadowOffset": {
363
363
  "height": 0,
364
364
  "width": 0,
365
365
  },
@@ -370,10 +370,10 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
370
370
  >
371
371
  <View
372
372
  style={
373
- Object {
373
+ {
374
374
  "backgroundColor": "red",
375
375
  "shadowColor": "#000000",
376
- "shadowOffset": Object {
376
+ "shadowOffset": {
377
377
  "height": 4,
378
378
  "width": 0,
379
379
  },
@@ -392,10 +392,10 @@ exports[`Shadow component tests Shadow (depth=8) 1`] = `
392
392
  exports[`Shadow component tests Shadow (depth=16) 1`] = `
393
393
  <View
394
394
  style={
395
- Object {
395
+ {
396
396
  "backgroundColor": "red",
397
397
  "shadowColor": "#000000",
398
- "shadowOffset": Object {
398
+ "shadowOffset": {
399
399
  "height": 0,
400
400
  "width": 0,
401
401
  },
@@ -406,10 +406,10 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
406
406
  >
407
407
  <View
408
408
  style={
409
- Object {
409
+ {
410
410
  "backgroundColor": "red",
411
411
  "shadowColor": "#000000",
412
- "shadowOffset": Object {
412
+ "shadowOffset": {
413
413
  "height": 8,
414
414
  "width": 0,
415
415
  },
@@ -428,10 +428,10 @@ exports[`Shadow component tests Shadow (depth=16) 1`] = `
428
428
  exports[`Shadow component tests Shadow (depth=28) 1`] = `
429
429
  <View
430
430
  style={
431
- Object {
431
+ {
432
432
  "backgroundColor": "red",
433
433
  "shadowColor": "#000000",
434
- "shadowOffset": Object {
434
+ "shadowOffset": {
435
435
  "height": 0,
436
436
  "width": 0,
437
437
  },
@@ -442,10 +442,10 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
442
442
  >
443
443
  <View
444
444
  style={
445
- Object {
445
+ {
446
446
  "backgroundColor": "red",
447
447
  "shadowColor": "#000000",
448
- "shadowOffset": Object {
448
+ "shadowOffset": {
449
449
  "height": 14,
450
450
  "width": 0,
451
451
  },
@@ -464,10 +464,10 @@ exports[`Shadow component tests Shadow (depth=28) 1`] = `
464
464
  exports[`Shadow component tests Shadow (depth=64) 1`] = `
465
465
  <View
466
466
  style={
467
- Object {
467
+ {
468
468
  "backgroundColor": "red",
469
469
  "shadowColor": "#000000",
470
- "shadowOffset": Object {
470
+ "shadowOffset": {
471
471
  "height": 0,
472
472
  "width": 0,
473
473
  },
@@ -478,10 +478,10 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
478
478
  >
479
479
  <View
480
480
  style={
481
- Object {
481
+ {
482
482
  "backgroundColor": "red",
483
483
  "shadowColor": "#000000",
484
- "shadowOffset": Object {
484
+ "shadowOffset": {
485
485
  "height": 32,
486
486
  "width": 0,
487
487
  },
@@ -500,11 +500,11 @@ exports[`Shadow component tests Shadow (depth=64) 1`] = `
500
500
  exports[`Shadow component tests Shadow on a child with border radius 1`] = `
501
501
  <View
502
502
  style={
503
- Object {
503
+ {
504
504
  "backgroundColor": "red",
505
505
  "borderRadius": 2,
506
506
  "shadowColor": "#000000",
507
- "shadowOffset": Object {
507
+ "shadowOffset": {
508
508
  "height": 0,
509
509
  "width": 0,
510
510
  },
@@ -515,11 +515,11 @@ exports[`Shadow component tests Shadow on a child with border radius 1`] = `
515
515
  >
516
516
  <View
517
517
  style={
518
- Object {
518
+ {
519
519
  "backgroundColor": "red",
520
520
  "borderRadius": 2,
521
521
  "shadowColor": "#000000",
522
- "shadowOffset": Object {
522
+ "shadowOffset": {
523
523
  "height": 8,
524
524
  "width": 0,
525
525
  },
@@ -538,10 +538,10 @@ exports[`Shadow component tests Shadow on a child with border radius 1`] = `
538
538
  exports[`Shadow component tests Shadow on a child with border width 1`] = `
539
539
  <View
540
540
  style={
541
- Object {
541
+ {
542
542
  "backgroundColor": "red",
543
543
  "shadowColor": "#000000",
544
- "shadowOffset": Object {
544
+ "shadowOffset": {
545
545
  "height": 0,
546
546
  "width": 0,
547
547
  },
@@ -552,11 +552,11 @@ exports[`Shadow component tests Shadow on a child with border width 1`] = `
552
552
  >
553
553
  <View
554
554
  style={
555
- Object {
555
+ {
556
556
  "backgroundColor": "red",
557
557
  "borderWidth": 2,
558
558
  "shadowColor": "#000000",
559
- "shadowOffset": Object {
559
+ "shadowOffset": {
560
560
  "height": 8,
561
561
  "width": 0,
562
562
  },
@@ -575,11 +575,11 @@ exports[`Shadow component tests Shadow on a child with border width 1`] = `
575
575
  exports[`Shadow component tests Shadow on a child with margin and padding 1`] = `
576
576
  <View
577
577
  style={
578
- Object {
578
+ {
579
579
  "backgroundColor": "red",
580
580
  "margin": 2,
581
581
  "shadowColor": "#000000",
582
- "shadowOffset": Object {
582
+ "shadowOffset": {
583
583
  "height": 0,
584
584
  "width": 0,
585
585
  },
@@ -590,11 +590,11 @@ exports[`Shadow component tests Shadow on a child with margin and padding 1`] =
590
590
  >
591
591
  <View
592
592
  style={
593
- Object {
593
+ {
594
594
  "backgroundColor": "red",
595
595
  "padding": 2,
596
596
  "shadowColor": "#000000",
597
- "shadowOffset": Object {
597
+ "shadowOffset": {
598
598
  "height": 8,
599
599
  "width": 0,
600
600
  },