@fluentui-react-native/experimental-shadow 0.2.67 → 0.2.68
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/CHANGELOG.json +16 -1
- package/CHANGELOG.md +10 -2
- package/SPEC.md +5 -4
- package/package.json +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,22 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shadow",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 14 Feb 2023 22:21:51 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/experimental-shadow_v0.2.68",
|
|
7
|
+
"version": "0.2.68",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "saadnajmi2@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/experimental-shadow",
|
|
13
|
+
"commit": "c1495153e7ee9eeb66cfc822c9f73436bbf2e7df",
|
|
14
|
+
"comment": "Copy Android tokens to iOS"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Sat, 11 Feb 2023 01:32:30 GMT",
|
|
6
21
|
"tag": "@fluentui-react-native/experimental-shadow_v0.2.67",
|
|
7
22
|
"version": "0.2.67",
|
|
8
23
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/experimental-shadow
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 14 Feb 2023 22:21:51 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.2.68
|
|
8
|
+
|
|
9
|
+
Tue, 14 Feb 2023 22:21:51 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Copy Android tokens to iOS (saadnajmi2@gmail.com)
|
|
14
|
+
|
|
7
15
|
## 0.2.67
|
|
8
16
|
|
|
9
|
-
Sat, 11 Feb 2023 01:30
|
|
17
|
+
Sat, 11 Feb 2023 01:32:30 GMT
|
|
10
18
|
|
|
11
19
|
### Patches
|
|
12
20
|
|
package/SPEC.md
CHANGED
|
@@ -12,9 +12,9 @@ The `Shadow` component is different from other components in that it was created
|
|
|
12
12
|
|
|
13
13
|
These are the current `Shadow` variants:
|
|
14
14
|
|
|
15
|
-
| | Light mode
|
|
16
|
-
| --------------- |
|
|
17
|
-
| Regular shadows | <img width="820" alt="light" src="https://user-images.githubusercontent.com/78454019/187567525-64592ead-c64c-4cc1-acd3-a21abdea2d35.png">
|
|
15
|
+
| | Light mode | Dark mode |
|
|
16
|
+
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
17
|
+
| Regular shadows | <img width="820" alt="light" src="https://user-images.githubusercontent.com/78454019/187567525-64592ead-c64c-4cc1-acd3-a21abdea2d35.png"> | <img width="820" alt="dark" src="https://user-images.githubusercontent.com/78454019/187567552-3b376f4d-eacd-482d-a395-a261c374c9f6.png"> |
|
|
18
18
|
| Brand shadows | <img width="820" alt="light-brand" src="https://user-images.githubusercontent.com/78454019/187567541-c939ceaa-35b1-4cd6-84b5-55d8a5032e0c.png"> | <img width="820" alt="dark-brand" src="https://user-images.githubusercontent.com/78454019/187567558-79783f9b-2bff-463c-b7b5-7ec692b000fd.png"> |
|
|
19
19
|
|
|
20
20
|
## Sample Code
|
|
@@ -48,9 +48,10 @@ If `undefined` is passed into the `shadowToken` prop, no shadow will be rendered
|
|
|
48
48
|
|
|
49
49
|
## Implementation details
|
|
50
50
|
|
|
51
|
-
In order to get around the React Native restriction of one Shadow per View, the Shadow component adds an extra View around the original View. One of the shadows is placed on the original View and the other is placed on the extra View.
|
|
51
|
+
In order to get around the React Native restriction of one Shadow per View, the Shadow component adds an extra View around the original View. One of the shadows is placed on the original View and the other is placed on the extra View. The Shadow component smartly extracts the original View's style props so that the extra View isn't noticable (ex. will always be the same size as the original View, padding/margins are set correctly, etc.)
|
|
52
52
|
|
|
53
53
|
## Notes
|
|
54
54
|
|
|
55
|
+
- Known issue: The Shadow component does not currently work if you are wrapping an Animated component.
|
|
55
56
|
- Known issue: there may be some slight rounding discrepancies due to hex to decimal rounding errors, ex. opacity 0.24 may end up at 0.25.
|
|
56
57
|
- One additional adjustment that was needed on Apple platforms was to divide the blur radius token value by 2. This was needed because shadow blur/radius looks different across platforms - more information here: https://github.com/microsoft/apple-ux-guide/blob/gh-pages/Shadows.md
|
package/package.json
CHANGED