@fluentui-react-native/tester 0.75.0 → 0.75.3
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 +196 -1
- package/CHANGELOG.md +51 -2
- package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js +3 -2
- package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts +3 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js +21 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -0
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +17 -17
- package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js +2 -5
- package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.js +2 -5
- package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js +3 -2
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts +3 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js +26 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -0
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +17 -17
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js +2 -5
- package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.js +2 -5
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.js.map +1 -1
- package/package.json +13 -13
- package/src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx +3 -2
- package/src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx +27 -0
- package/src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx +45 -20
- package/src/FluentTester/TestComponents/Shadow/ShadowTest.tsx +2 -6
- package/src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx +1 -1
- package/src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx +1 -13
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,202 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 15 Jul 2022 01:22:26 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.75.3",
|
|
7
|
+
"version": "0.75.3",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141",
|
|
14
|
+
"comment": "Replace shadowDepth with shadowToken"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/button to v0.24.3",
|
|
20
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.16.3",
|
|
26
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.3",
|
|
32
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.7",
|
|
38
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui-react-native/menu to v1.0.12",
|
|
44
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui-react-native/tester",
|
|
49
|
+
"comment": "Bump @fluentui-react-native/notification to v0.6.7",
|
|
50
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui-react-native/tester",
|
|
55
|
+
"comment": "Bump @fluentui/react-native to v0.31.3",
|
|
56
|
+
"commit": "b3e63050f4b326ea7326a7d8e5c956537e9f5141"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Fri, 15 Jul 2022 00:29:27 GMT",
|
|
63
|
+
"tag": "@fluentui-react-native/tester_v0.75.2",
|
|
64
|
+
"version": "0.75.2",
|
|
65
|
+
"comments": {
|
|
66
|
+
"patch": [
|
|
67
|
+
{
|
|
68
|
+
"author": "78454019+lyzhan7@users.noreply.github.com",
|
|
69
|
+
"package": "@fluentui-react-native/tester",
|
|
70
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9",
|
|
71
|
+
"comment": "Add shadow to iOS FAB"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui-react-native/tester",
|
|
76
|
+
"comment": "Bump @fluentui-react-native/button to v0.24.2",
|
|
77
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui-react-native/tester",
|
|
82
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.16.2",
|
|
83
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui-react-native/tester",
|
|
88
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.2",
|
|
89
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui-react-native/tester",
|
|
94
|
+
"comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.6",
|
|
95
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "beachball",
|
|
99
|
+
"package": "@fluentui-react-native/tester",
|
|
100
|
+
"comment": "Bump @fluentui-react-native/menu to v1.0.11",
|
|
101
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"author": "beachball",
|
|
105
|
+
"package": "@fluentui-react-native/tester",
|
|
106
|
+
"comment": "Bump @fluentui-react-native/notification to v0.6.6",
|
|
107
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"author": "beachball",
|
|
111
|
+
"package": "@fluentui-react-native/tester",
|
|
112
|
+
"comment": "Bump @fluentui/react-native to v0.31.2",
|
|
113
|
+
"commit": "368fee7d4df7596cab2638938835f7ded84bc6c9"
|
|
114
|
+
}
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"date": "Thu, 14 Jul 2022 20:03:37 GMT",
|
|
120
|
+
"tag": "@fluentui-react-native/tester_v0.75.1",
|
|
121
|
+
"version": "0.75.1",
|
|
122
|
+
"comments": {
|
|
123
|
+
"patch": [
|
|
124
|
+
{
|
|
125
|
+
"author": "amchiu@microsoft.com",
|
|
126
|
+
"package": "@fluentui-react-native/tester",
|
|
127
|
+
"commit": "3c2728e993014ee36272608ce23165aa8212bb31",
|
|
128
|
+
"comment": "Revert \"Add support for onAccessibilityTap on Text\""
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"author": "beachball",
|
|
132
|
+
"package": "@fluentui-react-native/tester",
|
|
133
|
+
"comment": "Bump @fluentui-react-native/avatar to v1.1.13",
|
|
134
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"author": "beachball",
|
|
138
|
+
"package": "@fluentui-react-native/tester",
|
|
139
|
+
"comment": "Bump @fluentui-react-native/badge to v0.1.1",
|
|
140
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"author": "beachball",
|
|
144
|
+
"package": "@fluentui-react-native/tester",
|
|
145
|
+
"comment": "Bump @fluentui-react-native/button to v0.24.1",
|
|
146
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"author": "beachball",
|
|
150
|
+
"package": "@fluentui-react-native/tester",
|
|
151
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.16.1",
|
|
152
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"author": "beachball",
|
|
156
|
+
"package": "@fluentui-react-native/tester",
|
|
157
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.12.1",
|
|
158
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"author": "beachball",
|
|
162
|
+
"package": "@fluentui-react-native/tester",
|
|
163
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.1",
|
|
164
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"author": "beachball",
|
|
168
|
+
"package": "@fluentui-react-native/tester",
|
|
169
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.5.1",
|
|
170
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"author": "beachball",
|
|
174
|
+
"package": "@fluentui-react-native/tester",
|
|
175
|
+
"comment": "Bump @fluentui-react-native/experimental-text to v0.10.1",
|
|
176
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"author": "beachball",
|
|
180
|
+
"package": "@fluentui-react-native/tester",
|
|
181
|
+
"comment": "Bump @fluentui-react-native/menu to v1.0.10",
|
|
182
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"author": "beachball",
|
|
186
|
+
"package": "@fluentui-react-native/tester",
|
|
187
|
+
"comment": "Bump @fluentui-react-native/notification to v0.6.5",
|
|
188
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"author": "beachball",
|
|
192
|
+
"package": "@fluentui-react-native/tester",
|
|
193
|
+
"comment": "Bump @fluentui/react-native to v0.31.1",
|
|
194
|
+
"commit": "32c99c628be487a61c9ad2f792accc4360e1cfe7"
|
|
195
|
+
}
|
|
196
|
+
]
|
|
197
|
+
}
|
|
198
|
+
},
|
|
199
|
+
{
|
|
200
|
+
"date": "Thu, 14 Jul 2022 18:09:49 GMT",
|
|
6
201
|
"tag": "@fluentui-react-native/tester_v0.75.0",
|
|
7
202
|
"version": "0.75.0",
|
|
8
203
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,61 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 15 Jul 2022 01:22:26 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.75.3
|
|
8
|
+
|
|
9
|
+
Fri, 15 Jul 2022 01:22:26 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Replace shadowDepth with shadowToken (78454019+lyzhan7@users.noreply.github.com)
|
|
14
|
+
- Bump @fluentui-react-native/button to v0.24.3
|
|
15
|
+
- Bump @fluentui-react-native/experimental-button to v0.16.3
|
|
16
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.4.3
|
|
17
|
+
- Bump @fluentui-react-native/experimental-shadow to v0.2.7
|
|
18
|
+
- Bump @fluentui-react-native/menu to v1.0.12
|
|
19
|
+
- Bump @fluentui-react-native/notification to v0.6.7
|
|
20
|
+
- Bump @fluentui/react-native to v0.31.3
|
|
21
|
+
|
|
22
|
+
## 0.75.2
|
|
23
|
+
|
|
24
|
+
Fri, 15 Jul 2022 00:29:27 GMT
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- Add shadow to iOS FAB (78454019+lyzhan7@users.noreply.github.com)
|
|
29
|
+
- Bump @fluentui-react-native/button to v0.24.2
|
|
30
|
+
- Bump @fluentui-react-native/experimental-button to v0.16.2
|
|
31
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.4.2
|
|
32
|
+
- Bump @fluentui-react-native/experimental-shadow to v0.2.6
|
|
33
|
+
- Bump @fluentui-react-native/menu to v1.0.11
|
|
34
|
+
- Bump @fluentui-react-native/notification to v0.6.6
|
|
35
|
+
- Bump @fluentui/react-native to v0.31.2
|
|
36
|
+
|
|
37
|
+
## 0.75.1
|
|
38
|
+
|
|
39
|
+
Thu, 14 Jul 2022 20:03:37 GMT
|
|
40
|
+
|
|
41
|
+
### Patches
|
|
42
|
+
|
|
43
|
+
- Revert "Add support for onAccessibilityTap on Text" (amchiu@microsoft.com)
|
|
44
|
+
- Bump @fluentui-react-native/avatar to v1.1.13
|
|
45
|
+
- Bump @fluentui-react-native/badge to v0.1.1
|
|
46
|
+
- Bump @fluentui-react-native/button to v0.24.1
|
|
47
|
+
- Bump @fluentui-react-native/experimental-button to v0.16.1
|
|
48
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.12.1
|
|
49
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.4.1
|
|
50
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.5.1
|
|
51
|
+
- Bump @fluentui-react-native/experimental-text to v0.10.1
|
|
52
|
+
- Bump @fluentui-react-native/menu to v1.0.10
|
|
53
|
+
- Bump @fluentui-react-native/notification to v0.6.5
|
|
54
|
+
- Bump @fluentui/react-native to v0.31.1
|
|
55
|
+
|
|
7
56
|
## 0.75.0
|
|
8
57
|
|
|
9
|
-
Thu, 14 Jul 2022 18:
|
|
58
|
+
Thu, 14 Jul 2022 18:09:49 GMT
|
|
10
59
|
|
|
11
60
|
### Minor changes
|
|
12
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA+CrC,CAAC"}
|
|
@@ -9,6 +9,7 @@ export var ButtonVariantTest = function () {
|
|
|
9
9
|
src: TestSvg,
|
|
10
10
|
viewBox: '0 0 500 500',
|
|
11
11
|
};
|
|
12
|
+
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
12
13
|
return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
|
|
13
14
|
React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
|
|
14
15
|
React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Default Disabled"),
|
|
@@ -22,7 +23,7 @@ export var ButtonVariantTest = function () {
|
|
|
22
23
|
React.createElement(CompoundButton, { secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Default"),
|
|
23
24
|
React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Primary"),
|
|
24
25
|
React.createElement(CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Subtle"),
|
|
25
|
-
React.createElement(FAB, { icon:
|
|
26
|
-
React.createElement(FAB, { icon:
|
|
26
|
+
React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }),
|
|
27
|
+
React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }, "FAB")));
|
|
27
28
|
};
|
|
28
29
|
//# sourceMappingURL=ButtonVariantTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,8EAA8E;AAC9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,8EAA8E;AAC9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACzD,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE/C,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAgB3C,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Platform, View } from 'react-native';
|
|
3
|
+
import { FAB, Text } from '@fluentui/react-native';
|
|
4
|
+
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
5
|
+
var CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
|
|
6
|
+
var CustomFABShadow64 = FAB.customize({
|
|
7
|
+
shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
|
|
8
|
+
});
|
|
9
|
+
export var ShadowButtonTestSection = function () {
|
|
10
|
+
if (Platform.OS === 'ios') {
|
|
11
|
+
return (React.createElement(View, { style: stackStyle },
|
|
12
|
+
React.createElement(FAB, { style: commonTestStyles.vmargin }, "FAB with default shadow"),
|
|
13
|
+
React.createElement(CustomFABShadow64, { style: commonTestStyles.vmargin }, "Custom FAB with shadow64"),
|
|
14
|
+
React.createElement(CustomFABNoShadow, { style: commonTestStyles.vmargin }, "Custom FAB with no shadow")));
|
|
15
|
+
}
|
|
16
|
+
else {
|
|
17
|
+
return (React.createElement(View, { style: stackStyle },
|
|
18
|
+
React.createElement(Text, null, "Shadows only implemented for iOS at this time")));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=ShadowButtonTestSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,GAAG,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAA+B;YACnE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,+BAA8C;YAChG,oBAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAA+C,CAC5F,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBA2C1C,CAAC"}
|
|
@@ -25,7 +25,7 @@ var getThemedStyles = themedStyleSheet(function () {
|
|
|
25
25
|
var ShadowTestBox = function (props) {
|
|
26
26
|
var theme = useTheme();
|
|
27
27
|
var themedStyles = getThemedStyles(theme);
|
|
28
|
-
return (React.createElement(Shadow, {
|
|
28
|
+
return (React.createElement(Shadow, { shadowToken: props.shadowToken },
|
|
29
29
|
React.createElement(View, { style: [
|
|
30
30
|
commonTestStyles.view,
|
|
31
31
|
themedStyles.effectBox,
|
|
@@ -33,27 +33,27 @@ var ShadowTestBox = function (props) {
|
|
|
33
33
|
themedStyles.padding,
|
|
34
34
|
{ backgroundColor: props.backgroundColor },
|
|
35
35
|
] },
|
|
36
|
-
React.createElement(Text, { variant: "bodySemibold" }, props.
|
|
37
|
-
React.createElement(Text, null, getShadowDescription(props.
|
|
36
|
+
React.createElement(Text, { variant: "bodySemibold" }, props.shadowDepthText),
|
|
37
|
+
React.createElement(Text, null, getShadowDescription(props.shadowToken)))));
|
|
38
38
|
};
|
|
39
39
|
export var ShadowDepthTestSection = function () {
|
|
40
40
|
var theme = useFluentTheme();
|
|
41
41
|
return (React.createElement(View, null,
|
|
42
|
-
React.createElement(ShadowTestBox, {
|
|
43
|
-
React.createElement(ShadowTestBox, {
|
|
44
|
-
React.createElement(ShadowTestBox, {
|
|
45
|
-
React.createElement(ShadowTestBox, {
|
|
46
|
-
React.createElement(ShadowTestBox, {
|
|
47
|
-
React.createElement(ShadowTestBox, {
|
|
48
|
-
React.createElement(ShadowTestBox, {
|
|
49
|
-
React.createElement(ShadowTestBox, {
|
|
50
|
-
React.createElement(ShadowTestBox, {
|
|
51
|
-
React.createElement(ShadowTestBox, {
|
|
52
|
-
React.createElement(ShadowTestBox, {
|
|
53
|
-
React.createElement(ShadowTestBox, {
|
|
42
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 2", shadowToken: theme.shadows.shadow2, backgroundColor: theme.colors.background }),
|
|
43
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 4", shadowToken: theme.shadows.shadow4, backgroundColor: theme.colors.background }),
|
|
44
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 8", shadowToken: theme.shadows.shadow8, backgroundColor: theme.colors.background }),
|
|
45
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 16", shadowToken: theme.shadows.shadow16, backgroundColor: theme.colors.background }),
|
|
46
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 28", shadowToken: theme.shadows.shadow28, backgroundColor: theme.colors.background }),
|
|
47
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 64", shadowToken: theme.shadows.shadow64, backgroundColor: theme.colors.background }),
|
|
48
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 2", shadowToken: theme.shadows.shadow2brand, backgroundColor: theme.colors.brandBackground }),
|
|
49
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 4", shadowToken: theme.shadows.shadow4brand, backgroundColor: theme.colors.brandBackground }),
|
|
50
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 8", shadowToken: theme.shadows.shadow8brand, backgroundColor: theme.colors.brandBackground }),
|
|
51
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 16", shadowToken: theme.shadows.shadow16brand, backgroundColor: theme.colors.brandBackground }),
|
|
52
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 28", shadowToken: theme.shadows.shadow28brand, backgroundColor: theme.colors.brandBackground }),
|
|
53
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 64", shadowToken: theme.shadows.shadow64brand, backgroundColor: theme.colors.brandBackground })));
|
|
54
54
|
};
|
|
55
|
-
function getShadowDescription(
|
|
56
|
-
var shadowStyle = getShadowTokenStyleSet(
|
|
55
|
+
function getShadowDescription(shadowToken) {
|
|
56
|
+
var shadowStyle = getShadowTokenStyleSet(shadowToken);
|
|
57
57
|
return ('\nAmbient: ' +
|
|
58
58
|
JSON.stringify(shadowStyle.ambient, undefined, ' ').split('\n').join('').replace(/['"]+/g, '') +
|
|
59
59
|
'\n\nKey: ' +
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from '@fluentui/react-native';
|
|
3
2
|
import { Test } from '../Test';
|
|
4
3
|
import { SHADOW_TESTPAGE } from './consts';
|
|
5
4
|
import { ShadowDepthTestSection } from './ShadowDepthTestSection';
|
|
6
|
-
|
|
7
|
-
return React.createElement(Text, null, "TODO");
|
|
8
|
-
};
|
|
5
|
+
import { ShadowButtonTestSection } from './ShadowButtonTestSection';
|
|
9
6
|
var shadowSections = [
|
|
10
7
|
{
|
|
11
8
|
name: 'Shadow Depth Ramp',
|
|
@@ -15,7 +12,7 @@ var shadowSections = [
|
|
|
15
12
|
{
|
|
16
13
|
name: 'Shadows on Button Examples',
|
|
17
14
|
testID: SHADOW_TESTPAGE,
|
|
18
|
-
component:
|
|
15
|
+
component: ShadowButtonTestSection,
|
|
19
16
|
},
|
|
20
17
|
];
|
|
21
18
|
export var ShadowTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}
|
|
@@ -43,7 +43,7 @@ var Arial = Text.customize({ variant: 'heroLargeStandard', fontFamily: 'arial' }
|
|
|
43
43
|
export var CustomizeUsage = function () {
|
|
44
44
|
var BlockText = function () {
|
|
45
45
|
return (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement(Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium"
|
|
46
|
+
React.createElement(Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium" }, "I am going to be truncated since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
|
|
47
47
|
React.createElement(Text, { font: "monospace", weight: "semibold", wrap: false }, "I am not going to be wrapped since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
|
|
48
48
|
React.createElement(Text, { underline: true }, "Since text components are inside a View"),
|
|
49
49
|
React.createElement(Text, null, "every block of text"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC3G,IAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAClH,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACxG,IAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACjH,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC1G,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACxG,IAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAElH,8FAA8F;AAC9F,wFAAwF;AACxF,mJAAmJ;AACnJ,IAAM,eAAe,gBAChB,QAAQ,CAAC,MAAM,CAAC;IACjB,OAAO,EAAE;QACP,UAAU,EAAE,aAAa;QACzB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,iBAAiB;KACjC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,aAAa;QACzB,OAAO,EAAE,SAAS;QAClB,aAAa,EAAE,iBAAiB;KACjC;CACF,CAAC,CACH,CAAC;AAEF,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC;AAC/F,IAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACjG,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,eAAe,CAAC,UAAU,EAAE,CAAC,CAAC;AACzG,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;AACtG,IAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,CAAC,aAAa,EAAE,CAAC,CAAC;AAClH,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AAE1F,uCAAuC;AACvC,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjF,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;AACnF,yBAAyB;AACzB,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;AACxF,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AAC5F,qCAAqC;AACrC,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAEpF,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,SAAS,GAAG;QAChB,OAAO,CACL;YACE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PressableUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"PressableUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6ClC,CAAC"}
|
|
@@ -14,9 +14,6 @@ export var PressableUsage = function () {
|
|
|
14
14
|
var _onPress2 = function () {
|
|
15
15
|
Alert.alert('Alert', 'Success!');
|
|
16
16
|
};
|
|
17
|
-
var _onPress3 = function () {
|
|
18
|
-
Alert.alert('Alert', 'onAccessibilityTap invoked!');
|
|
19
|
-
};
|
|
20
17
|
var _onKeyDown2 = function (ev) {
|
|
21
18
|
if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == ' ')
|
|
22
19
|
Alert.alert('Alert', 'Success!');
|
|
@@ -27,13 +24,13 @@ export var PressableUsage = function () {
|
|
|
27
24
|
React.createElement(Text, { variant: 'bodyStandard' },
|
|
28
25
|
"To learn more about microsoft, visit this",
|
|
29
26
|
' ',
|
|
30
|
-
React.createElement(Text, {
|
|
27
|
+
React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
|
|
31
28
|
' ',
|
|
32
29
|
"for more details."),
|
|
33
30
|
React.createElement(Text, { variant: 'bodyStandard' },
|
|
34
31
|
"Press",
|
|
35
32
|
' ',
|
|
36
|
-
React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2
|
|
33
|
+
React.createElement(Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2 }, "here"),
|
|
37
34
|
' ',
|
|
38
35
|
"to view an alert."))));
|
|
39
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PressableUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAG;QACf,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,EAAkB;QACpC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACpH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,
|
|
1
|
+
{"version":3,"file":"PressableUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAG;QACf,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,EAAkB;QACpC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,OAAO;YAAE,OAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACpH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkB;QACrC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG;YAAE,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACpG,CAAC,CAAC;IAEF,IAAM,2BAA2B,GAA4B,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAElG,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc;;gBACe,GAAG;gBAC7C,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,2BAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,cAEzH;gBAAC,GAAG;oCAEN;YACP,oBAAC,IAAI,IAAC,OAAO,EAAE,cAAc;;gBACrB,GAAG;gBACT,oBAAC,IAAI,IACH,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,WAAW,WAGjB;gBAAC,GAAG;oCAEN,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA+CrC,CAAC"}
|
|
@@ -13,6 +13,7 @@ var ButtonVariantTest = function () {
|
|
|
13
13
|
src: test_svg_1.default,
|
|
14
14
|
viewBox: '0 0 500 500',
|
|
15
15
|
};
|
|
16
|
+
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
16
17
|
return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
17
18
|
React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
|
|
18
19
|
React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Default Disabled"),
|
|
@@ -26,8 +27,8 @@ var ButtonVariantTest = function () {
|
|
|
26
27
|
React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Default"),
|
|
27
28
|
React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Primary"),
|
|
28
29
|
React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
|
|
29
|
-
React.createElement(experimental_button_1.FAB, { icon:
|
|
30
|
-
React.createElement(experimental_button_1.FAB, { icon:
|
|
30
|
+
React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin }),
|
|
31
|
+
React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin }, "FAB")));
|
|
31
32
|
};
|
|
32
33
|
exports.ButtonVariantTest = ButtonVariantTest;
|
|
33
34
|
//# sourceMappingURL=ButtonVariantTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyF;AACzF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,qEAAiC;AAEjC,8EAA8E;AACvE,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyF;AACzF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,qEAAiC;AAEjC,8EAA8E;AACvE,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,yBAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACzD,oBAAC,yBAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAgB3C,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ShadowButtonTestSection = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
+
var react_native_1 = require("react-native");
|
|
7
|
+
var react_native_2 = require("@fluentui/react-native");
|
|
8
|
+
var styles_1 = require("../Common/styles");
|
|
9
|
+
var CustomFABNoShadow = react_native_2.FAB.customize({ shadowToken: undefined });
|
|
10
|
+
var CustomFABShadow64 = react_native_2.FAB.customize({
|
|
11
|
+
shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
|
|
12
|
+
});
|
|
13
|
+
var ShadowButtonTestSection = function () {
|
|
14
|
+
if (react_native_1.Platform.OS === 'ios') {
|
|
15
|
+
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
16
|
+
React.createElement(react_native_2.FAB, { style: styles_1.commonTestStyles.vmargin }, "FAB with default shadow"),
|
|
17
|
+
React.createElement(CustomFABShadow64, { style: styles_1.commonTestStyles.vmargin }, "Custom FAB with shadow64"),
|
|
18
|
+
React.createElement(CustomFABNoShadow, { style: styles_1.commonTestStyles.vmargin }, "Custom FAB with no shadow")));
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
22
|
+
React.createElement(react_native_2.Text, null, "Shadows only implemented for iOS at this time")));
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
exports.ShadowButtonTestSection = ShadowButtonTestSection;
|
|
26
|
+
//# sourceMappingURL=ShadowButtonTestSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,uDAAmD;AACnD,2CAAgE;AAEhE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEI,IAAM,uBAAuB,GAA4B;IAC9D,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,kBAAG,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAA+B;YACnE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAA8C;YAChG,oBAAC,iBAAiB,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,gCAA+C,CAC5F,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBA2C1C,CAAC"}
|
|
@@ -29,7 +29,7 @@ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function () {
|
|
|
29
29
|
var ShadowTestBox = function (props) {
|
|
30
30
|
var theme = (0, theme_types_1.useTheme)();
|
|
31
31
|
var themedStyles = getThemedStyles(theme);
|
|
32
|
-
return (React.createElement(experimental_shadow_1.Shadow, {
|
|
32
|
+
return (React.createElement(experimental_shadow_1.Shadow, { shadowToken: props.shadowToken },
|
|
33
33
|
React.createElement(react_native_1.View, { style: [
|
|
34
34
|
styles_1.commonTestStyles.view,
|
|
35
35
|
themedStyles.effectBox,
|
|
@@ -37,28 +37,28 @@ var ShadowTestBox = function (props) {
|
|
|
37
37
|
themedStyles.padding,
|
|
38
38
|
{ backgroundColor: props.backgroundColor },
|
|
39
39
|
] },
|
|
40
|
-
React.createElement(react_native_2.Text, { variant: "bodySemibold" }, props.
|
|
41
|
-
React.createElement(react_native_2.Text, null, getShadowDescription(props.
|
|
40
|
+
React.createElement(react_native_2.Text, { variant: "bodySemibold" }, props.shadowDepthText),
|
|
41
|
+
React.createElement(react_native_2.Text, null, getShadowDescription(props.shadowToken)))));
|
|
42
42
|
};
|
|
43
43
|
var ShadowDepthTestSection = function () {
|
|
44
44
|
var theme = (0, framework_1.useFluentTheme)();
|
|
45
45
|
return (React.createElement(react_native_1.View, null,
|
|
46
|
-
React.createElement(ShadowTestBox, {
|
|
47
|
-
React.createElement(ShadowTestBox, {
|
|
48
|
-
React.createElement(ShadowTestBox, {
|
|
49
|
-
React.createElement(ShadowTestBox, {
|
|
50
|
-
React.createElement(ShadowTestBox, {
|
|
51
|
-
React.createElement(ShadowTestBox, {
|
|
52
|
-
React.createElement(ShadowTestBox, {
|
|
53
|
-
React.createElement(ShadowTestBox, {
|
|
54
|
-
React.createElement(ShadowTestBox, {
|
|
55
|
-
React.createElement(ShadowTestBox, {
|
|
56
|
-
React.createElement(ShadowTestBox, {
|
|
57
|
-
React.createElement(ShadowTestBox, {
|
|
46
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 2", shadowToken: theme.shadows.shadow2, backgroundColor: theme.colors.background }),
|
|
47
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 4", shadowToken: theme.shadows.shadow4, backgroundColor: theme.colors.background }),
|
|
48
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 8", shadowToken: theme.shadows.shadow8, backgroundColor: theme.colors.background }),
|
|
49
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 16", shadowToken: theme.shadows.shadow16, backgroundColor: theme.colors.background }),
|
|
50
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 28", shadowToken: theme.shadows.shadow28, backgroundColor: theme.colors.background }),
|
|
51
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 64", shadowToken: theme.shadows.shadow64, backgroundColor: theme.colors.background }),
|
|
52
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 2", shadowToken: theme.shadows.shadow2brand, backgroundColor: theme.colors.brandBackground }),
|
|
53
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 4", shadowToken: theme.shadows.shadow4brand, backgroundColor: theme.colors.brandBackground }),
|
|
54
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 8", shadowToken: theme.shadows.shadow8brand, backgroundColor: theme.colors.brandBackground }),
|
|
55
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 16", shadowToken: theme.shadows.shadow16brand, backgroundColor: theme.colors.brandBackground }),
|
|
56
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 28", shadowToken: theme.shadows.shadow28brand, backgroundColor: theme.colors.brandBackground }),
|
|
57
|
+
React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 64", shadowToken: theme.shadows.shadow64brand, backgroundColor: theme.colors.brandBackground })));
|
|
58
58
|
};
|
|
59
59
|
exports.ShadowDepthTestSection = ShadowDepthTestSection;
|
|
60
|
-
function getShadowDescription(
|
|
61
|
-
var shadowStyle = (0, experimental_shadow_1.getShadowTokenStyleSet)(
|
|
60
|
+
function getShadowDescription(shadowToken) {
|
|
61
|
+
var shadowStyle = (0, experimental_shadow_1.getShadowTokenStyleSet)(shadowToken);
|
|
62
62
|
return ('\nAmbient: ' +
|
|
63
63
|
JSON.stringify(shadowStyle.ambient, undefined, ' ').split('\n').join('').replace(/['"]+/g, '') +
|
|
64
64
|
'\n\nKey: ' +
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,2CAAoD;AACpD,6CAAgD;AAChD,uDAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
|
|
@@ -3,13 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ShadowTest = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
|
-
var react_native_1 = require("@fluentui/react-native");
|
|
7
6
|
var Test_1 = require("../Test");
|
|
8
7
|
var consts_1 = require("./consts");
|
|
9
8
|
var ShadowDepthTestSection_1 = require("./ShadowDepthTestSection");
|
|
10
|
-
var
|
|
11
|
-
return React.createElement(react_native_1.Text, null, "TODO");
|
|
12
|
-
};
|
|
9
|
+
var ShadowButtonTestSection_1 = require("./ShadowButtonTestSection");
|
|
13
10
|
var shadowSections = [
|
|
14
11
|
{
|
|
15
12
|
name: 'Shadow Depth Ramp',
|
|
@@ -19,7 +16,7 @@ var shadowSections = [
|
|
|
19
16
|
{
|
|
20
17
|
name: 'Shadows on Button Examples',
|
|
21
18
|
testID: consts_1.SHADOW_TESTPAGE,
|
|
22
|
-
component:
|
|
19
|
+
component: ShadowButtonTestSection_1.ShadowButtonTestSection,
|
|
23
20
|
},
|
|
24
21
|
];
|
|
25
22
|
var ShadowTest = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,gCAA4D;AAC5D,mCAA2C;AAC3C,mEAAkE;AAClE,qEAAoE;AAEpE,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,+CAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,iDAAuB;KACnC;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
|
|
@@ -46,7 +46,7 @@ var Arial = experimental_text_1.Text.customize({ variant: 'heroLargeStandard', f
|
|
|
46
46
|
var CustomizeUsage = function () {
|
|
47
47
|
var BlockText = function () {
|
|
48
48
|
return (React.createElement(React.Fragment, null,
|
|
49
|
-
React.createElement(experimental_text_1.Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium"
|
|
49
|
+
React.createElement(experimental_text_1.Text, { style: { textTransform: 'uppercase' }, font: "base", weight: "medium" }, "I am going to be truncated since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
|
|
50
50
|
React.createElement(experimental_text_1.Text, { font: "monospace", weight: "semibold", wrap: false }, "I am not going to be wrapped since I am a very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very very long block text."),
|
|
51
51
|
React.createElement(experimental_text_1.Text, { underline: true }, "Since text components are inside a View"),
|
|
52
52
|
React.createElement(experimental_text_1.Text, null, "every block of text"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PressableUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"PressableUsage.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6ClC,CAAC"}
|
|
@@ -18,9 +18,6 @@ var PressableUsage = function () {
|
|
|
18
18
|
var _onPress2 = function () {
|
|
19
19
|
react_native_1.Alert.alert('Alert', 'Success!');
|
|
20
20
|
};
|
|
21
|
-
var _onPress3 = function () {
|
|
22
|
-
react_native_1.Alert.alert('Alert', 'onAccessibilityTap invoked!');
|
|
23
|
-
};
|
|
24
21
|
var _onKeyDown2 = function (ev) {
|
|
25
22
|
if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == ' ')
|
|
26
23
|
react_native_1.Alert.alert('Alert', 'Success!');
|
|
@@ -31,13 +28,13 @@ var PressableUsage = function () {
|
|
|
31
28
|
React.createElement(experimental_text_1.Text, { variant: 'bodyStandard' },
|
|
32
29
|
"To learn more about microsoft, visit this",
|
|
33
30
|
' ',
|
|
34
|
-
React.createElement(experimental_text_1.Text, {
|
|
31
|
+
React.createElement(experimental_text_1.Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
|
|
35
32
|
' ',
|
|
36
33
|
"for more details."),
|
|
37
34
|
React.createElement(experimental_text_1.Text, { variant: 'bodyStandard' },
|
|
38
35
|
"Press",
|
|
39
36
|
' ',
|
|
40
|
-
React.createElement(experimental_text_1.Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2
|
|
37
|
+
React.createElement(experimental_text_1.Text, { variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress2, onKeyDown: _onKeyDown2 }, "here"),
|
|
41
38
|
' ',
|
|
42
39
|
"to view an alert."))));
|
|
43
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PressableUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoD;AACpD,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;AAGvC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAG;QACf,sBAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,EAAkB;QACpC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,OAAO;YAAE,sBAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACpH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,oBAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,
|
|
1
|
+
{"version":3,"file":"PressableUsage.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/TextExperimental/PressableUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoD;AACpD,sDAAqD;AACrD,8EAAgE;AAChE,2CAA8C;AAGvC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAG;QACf,sBAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,EAAkB;QACpC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,OAAO;YAAE,sBAAO,CAAC,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACpH,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,oBAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,EAAkB;QACrC,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG;YAAE,oBAAK,CAAC,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACpG,CAAC,CAAC;IAEF,IAAM,2BAA2B,GAA4B,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAElG,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,aAAK,IAAC,KAAK,EAAE,mBAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,wBAAI,IAAC,OAAO,EAAE,cAAc;;gBACe,GAAG;gBAC7C,oBAAC,wBAAI,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,2BAA2B,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,cAEzH;gBAAC,GAAG;oCAEN;YACP,oBAAC,wBAAI,IAAC,OAAO,EAAE,cAAc;;gBACrB,GAAG;gBACT,oBAAC,wBAAI,IACH,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,SAAS,EAClB,SAAS,EAAE,WAAW,WAGjB;gBAAC,GAAG;oCAEN,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,cAAc,kBA6CzB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.75.
|
|
3
|
+
"version": "0.75.3",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -27,34 +27,34 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
|
|
29
29
|
"@fluentui-react-native/apple-theme": ">=0.13.0 <1.0.0",
|
|
30
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
31
|
-
"@fluentui-react-native/badge": ">=0.1.
|
|
32
|
-
"@fluentui-react-native/button": ">=0.24.
|
|
30
|
+
"@fluentui-react-native/avatar": "^1.1.13",
|
|
31
|
+
"@fluentui-react-native/badge": ">=0.1.1 <1.0.0",
|
|
32
|
+
"@fluentui-react-native/button": ">=0.24.3 <1.0.0",
|
|
33
33
|
"@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
|
|
34
34
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.6.0 <1.0.0",
|
|
35
35
|
"@fluentui-react-native/experimental-avatar": ">=0.16.0 <1.0.0",
|
|
36
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
37
|
-
"@fluentui-react-native/experimental-checkbox": "0.12.
|
|
36
|
+
"@fluentui-react-native/experimental-button": "0.16.3",
|
|
37
|
+
"@fluentui-react-native/experimental-checkbox": "0.12.1",
|
|
38
38
|
"@fluentui-react-native/experimental-drawer": ">=0.2.0 <1.0.0",
|
|
39
39
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.6.0 <1.0.0",
|
|
40
40
|
"@fluentui-react-native/experimental-expander": "0.4.0",
|
|
41
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.4.
|
|
42
|
-
"@fluentui-react-native/experimental-shadow": "0.2.
|
|
41
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.4.3 <1.0.0",
|
|
42
|
+
"@fluentui-react-native/experimental-shadow": "0.2.7",
|
|
43
43
|
"@fluentui-react-native/experimental-shimmer": "0.7.0",
|
|
44
|
-
"@fluentui-react-native/experimental-tabs": "0.5.
|
|
45
|
-
"@fluentui-react-native/experimental-text": ">=0.10.
|
|
44
|
+
"@fluentui-react-native/experimental-tabs": "0.5.1",
|
|
45
|
+
"@fluentui-react-native/experimental-text": ">=0.10.1 <1.0.0",
|
|
46
46
|
"@fluentui-react-native/framework": ">=0.8.0 <1.0.0",
|
|
47
47
|
"@fluentui-react-native/icon": "0.13.0",
|
|
48
48
|
"@fluentui-react-native/interactive-hooks": ">=0.17.0 <1.0.0",
|
|
49
|
-
"@fluentui-react-native/menu": "^1.0.
|
|
50
|
-
"@fluentui-react-native/notification": "0.6.
|
|
49
|
+
"@fluentui-react-native/menu": "^1.0.12",
|
|
50
|
+
"@fluentui-react-native/notification": "0.6.7",
|
|
51
51
|
"@fluentui-react-native/stack": ">=0.7.0 <1.0.0",
|
|
52
52
|
"@fluentui-react-native/theme": ">=0.7.0 <1.0.0",
|
|
53
53
|
"@fluentui-react-native/theme-types": ">=0.18.0 <1.0.0",
|
|
54
54
|
"@fluentui-react-native/themed-stylesheet": "^1.4.0",
|
|
55
55
|
"@fluentui-react-native/theming-utils": ">=0.14.0 <1.0.0",
|
|
56
56
|
"@fluentui-react-native/win32-theme": ">=0.20.0 <1.0.0",
|
|
57
|
-
"@fluentui/react-native": ">=0.31.
|
|
57
|
+
"@fluentui/react-native": ">=0.31.3 <1.0.0",
|
|
58
58
|
"@react-native-community/slider": "^4.2.0",
|
|
59
59
|
"@react-native-menu/menu": "^0.1.2",
|
|
60
60
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -11,6 +11,7 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
|
|
|
11
11
|
src: TestSvg,
|
|
12
12
|
viewBox: '0 0 500 500',
|
|
13
13
|
};
|
|
14
|
+
const iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
14
15
|
|
|
15
16
|
return (
|
|
16
17
|
<View style={[stackStyle, commonTestStyles.view]}>
|
|
@@ -46,8 +47,8 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
|
|
|
46
47
|
<CompoundButton appearance="subtle" secondaryContent="Compound" style={commonTestStyles.vmargin}>
|
|
47
48
|
Subtle
|
|
48
49
|
</CompoundButton>
|
|
49
|
-
<FAB icon={
|
|
50
|
-
<FAB icon={
|
|
50
|
+
<FAB icon={iconProps} style={commonTestStyles.vmargin} />
|
|
51
|
+
<FAB icon={iconProps} style={commonTestStyles.vmargin}>
|
|
51
52
|
FAB
|
|
52
53
|
</FAB>
|
|
53
54
|
</View>
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Platform, View } from 'react-native';
|
|
3
|
+
import { FAB, Text } from '@fluentui/react-native';
|
|
4
|
+
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
5
|
+
|
|
6
|
+
const CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
|
|
7
|
+
const CustomFABShadow64 = FAB.customize({
|
|
8
|
+
shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
export const ShadowButtonTestSection: React.FunctionComponent = () => {
|
|
12
|
+
if (Platform.OS === 'ios') {
|
|
13
|
+
return (
|
|
14
|
+
<View style={stackStyle}>
|
|
15
|
+
<FAB style={commonTestStyles.vmargin}>FAB with default shadow</FAB>
|
|
16
|
+
<CustomFABShadow64 style={commonTestStyles.vmargin}>Custom FAB with shadow64</CustomFABShadow64>
|
|
17
|
+
<CustomFABNoShadow style={commonTestStyles.vmargin}>Custom FAB with no shadow</CustomFABNoShadow>
|
|
18
|
+
</View>
|
|
19
|
+
);
|
|
20
|
+
} else {
|
|
21
|
+
return (
|
|
22
|
+
<View style={stackStyle}>
|
|
23
|
+
<Text>Shadows only implemented for iOS at this time</Text>
|
|
24
|
+
</View>
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
@@ -2,8 +2,8 @@ import * as React from 'react';
|
|
|
2
2
|
import { commonTestStyles } from '../Common/styles';
|
|
3
3
|
import { ColorValue, View } from 'react-native';
|
|
4
4
|
import { Text } from '@fluentui/react-native';
|
|
5
|
-
import { Shadow,
|
|
6
|
-
import {
|
|
5
|
+
import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
|
|
6
|
+
import { ShadowToken, useTheme } from '@fluentui-react-native/theme-types';
|
|
7
7
|
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
8
8
|
import { useFluentTheme } from '@fluentui-react-native/framework';
|
|
9
9
|
|
|
@@ -25,7 +25,8 @@ const getThemedStyles = themedStyleSheet(() => {
|
|
|
25
25
|
});
|
|
26
26
|
|
|
27
27
|
interface ShadowTestBoxProps {
|
|
28
|
-
|
|
28
|
+
shadowDepthText: string;
|
|
29
|
+
shadowToken: ShadowToken;
|
|
29
30
|
backgroundColor: ColorValue;
|
|
30
31
|
}
|
|
31
32
|
|
|
@@ -34,7 +35,7 @@ const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: Shado
|
|
|
34
35
|
const themedStyles = getThemedStyles(theme);
|
|
35
36
|
|
|
36
37
|
return (
|
|
37
|
-
<Shadow
|
|
38
|
+
<Shadow shadowToken={props.shadowToken}>
|
|
38
39
|
<View
|
|
39
40
|
style={[
|
|
40
41
|
commonTestStyles.view,
|
|
@@ -44,8 +45,8 @@ const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: Shado
|
|
|
44
45
|
{ backgroundColor: props.backgroundColor },
|
|
45
46
|
]}
|
|
46
47
|
>
|
|
47
|
-
<Text variant="bodySemibold">{props.
|
|
48
|
-
<Text>{getShadowDescription(props.
|
|
48
|
+
<Text variant="bodySemibold">{props.shadowDepthText}</Text>
|
|
49
|
+
<Text>{getShadowDescription(props.shadowToken)}</Text>
|
|
49
50
|
</View>
|
|
50
51
|
</Shadow>
|
|
51
52
|
);
|
|
@@ -56,24 +57,48 @@ export const ShadowDepthTestSection: React.FunctionComponent = () => {
|
|
|
56
57
|
|
|
57
58
|
return (
|
|
58
59
|
<View>
|
|
59
|
-
<ShadowTestBox
|
|
60
|
-
<ShadowTestBox
|
|
61
|
-
<ShadowTestBox
|
|
62
|
-
<ShadowTestBox
|
|
63
|
-
<ShadowTestBox
|
|
64
|
-
<ShadowTestBox
|
|
65
|
-
<ShadowTestBox
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
<ShadowTestBox
|
|
60
|
+
<ShadowTestBox shadowDepthText="Shadow 2" shadowToken={theme.shadows.shadow2} backgroundColor={theme.colors.background} />
|
|
61
|
+
<ShadowTestBox shadowDepthText="Shadow 4" shadowToken={theme.shadows.shadow4} backgroundColor={theme.colors.background} />
|
|
62
|
+
<ShadowTestBox shadowDepthText="Shadow 8" shadowToken={theme.shadows.shadow8} backgroundColor={theme.colors.background} />
|
|
63
|
+
<ShadowTestBox shadowDepthText="Shadow 16" shadowToken={theme.shadows.shadow16} backgroundColor={theme.colors.background} />
|
|
64
|
+
<ShadowTestBox shadowDepthText="Shadow 28" shadowToken={theme.shadows.shadow28} backgroundColor={theme.colors.background} />
|
|
65
|
+
<ShadowTestBox shadowDepthText="Shadow 64" shadowToken={theme.shadows.shadow64} backgroundColor={theme.colors.background} />
|
|
66
|
+
<ShadowTestBox
|
|
67
|
+
shadowDepthText="Brand Shadow 2"
|
|
68
|
+
shadowToken={theme.shadows.shadow2brand}
|
|
69
|
+
backgroundColor={theme.colors.brandBackground}
|
|
70
|
+
/>
|
|
71
|
+
<ShadowTestBox
|
|
72
|
+
shadowDepthText="Brand Shadow 4"
|
|
73
|
+
shadowToken={theme.shadows.shadow4brand}
|
|
74
|
+
backgroundColor={theme.colors.brandBackground}
|
|
75
|
+
/>
|
|
76
|
+
<ShadowTestBox
|
|
77
|
+
shadowDepthText="Brand Shadow 8"
|
|
78
|
+
shadowToken={theme.shadows.shadow8brand}
|
|
79
|
+
backgroundColor={theme.colors.brandBackground}
|
|
80
|
+
/>
|
|
81
|
+
<ShadowTestBox
|
|
82
|
+
shadowDepthText="Brand Shadow 16"
|
|
83
|
+
shadowToken={theme.shadows.shadow16brand}
|
|
84
|
+
backgroundColor={theme.colors.brandBackground}
|
|
85
|
+
/>
|
|
86
|
+
<ShadowTestBox
|
|
87
|
+
shadowDepthText="Brand Shadow 28"
|
|
88
|
+
shadowToken={theme.shadows.shadow28brand}
|
|
89
|
+
backgroundColor={theme.colors.brandBackground}
|
|
90
|
+
/>
|
|
91
|
+
<ShadowTestBox
|
|
92
|
+
shadowDepthText="Brand Shadow 64"
|
|
93
|
+
shadowToken={theme.shadows.shadow64brand}
|
|
94
|
+
backgroundColor={theme.colors.brandBackground}
|
|
95
|
+
/>
|
|
71
96
|
</View>
|
|
72
97
|
);
|
|
73
98
|
};
|
|
74
99
|
|
|
75
|
-
function getShadowDescription(
|
|
76
|
-
const shadowStyle = getShadowTokenStyleSet(
|
|
100
|
+
function getShadowDescription(shadowToken: ShadowToken): string {
|
|
101
|
+
const shadowStyle = getShadowTokenStyleSet(shadowToken);
|
|
77
102
|
|
|
78
103
|
return (
|
|
79
104
|
'\nAmbient: ' +
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Text } from '@fluentui/react-native';
|
|
3
2
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
4
3
|
import { SHADOW_TESTPAGE } from './consts';
|
|
5
4
|
import { ShadowDepthTestSection } from './ShadowDepthTestSection';
|
|
6
|
-
|
|
7
|
-
const ShadowButtonTest: React.FunctionComponent = () => {
|
|
8
|
-
return <Text>TODO</Text>;
|
|
9
|
-
};
|
|
5
|
+
import { ShadowButtonTestSection } from './ShadowButtonTestSection';
|
|
10
6
|
|
|
11
7
|
const shadowSections: TestSection[] = [
|
|
12
8
|
{
|
|
@@ -17,7 +13,7 @@ const shadowSections: TestSection[] = [
|
|
|
17
13
|
{
|
|
18
14
|
name: 'Shadows on Button Examples',
|
|
19
15
|
testID: SHADOW_TESTPAGE,
|
|
20
|
-
component:
|
|
16
|
+
component: ShadowButtonTestSection,
|
|
21
17
|
},
|
|
22
18
|
];
|
|
23
19
|
|
|
@@ -50,7 +50,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
50
50
|
const BlockText = () => {
|
|
51
51
|
return (
|
|
52
52
|
<>
|
|
53
|
-
<Text style={{ textTransform: 'uppercase' }} font="base" weight="medium"
|
|
53
|
+
<Text style={{ textTransform: 'uppercase' }} font="base" weight="medium">
|
|
54
54
|
I am going to be truncated since I am a very very very very very very very very very very very very very very very very very very
|
|
55
55
|
very very very very very very very very very very very very very very very very very very very very very very very very very very
|
|
56
56
|
very very very very very very very very very very very very very very very very long block text.
|
|
@@ -18,10 +18,6 @@ export const PressableUsage: React.FunctionComponent = () => {
|
|
|
18
18
|
Alert.alert('Alert', 'Success!');
|
|
19
19
|
};
|
|
20
20
|
|
|
21
|
-
const _onPress3 = (): void => {
|
|
22
|
-
Alert.alert('Alert', 'onAccessibilityTap invoked!');
|
|
23
|
-
};
|
|
24
|
-
|
|
25
21
|
const _onKeyDown2 = (ev: IKeyboardEvent) => {
|
|
26
22
|
if (ev.nativeEvent.key === 'Enter' || ev.nativeEvent.key == ' ') Alert.alert('Alert', 'Success!');
|
|
27
23
|
};
|
|
@@ -33,14 +29,7 @@ export const PressableUsage: React.FunctionComponent = () => {
|
|
|
33
29
|
<Stack style={stackStyle} gap={5}>
|
|
34
30
|
<Text variant={'bodyStandard'}>
|
|
35
31
|
To learn more about microsoft, visit this{' '}
|
|
36
|
-
<Text
|
|
37
|
-
focusable
|
|
38
|
-
variant={'bodyStandard'}
|
|
39
|
-
color="blue"
|
|
40
|
-
keyDownEvents={handledNativeKeyboardEvents}
|
|
41
|
-
onPress={_onPress}
|
|
42
|
-
onKeyDown={_onKeyDown}
|
|
43
|
-
>
|
|
32
|
+
<Text variant={'bodyStandard'} color="blue" keyDownEvents={handledNativeKeyboardEvents} onPress={_onPress} onKeyDown={_onKeyDown}>
|
|
44
33
|
webpage
|
|
45
34
|
</Text>{' '}
|
|
46
35
|
for more details.
|
|
@@ -53,7 +42,6 @@ export const PressableUsage: React.FunctionComponent = () => {
|
|
|
53
42
|
keyDownEvents={handledNativeKeyboardEvents}
|
|
54
43
|
onPress={_onPress2}
|
|
55
44
|
onKeyDown={_onKeyDown2}
|
|
56
|
-
onAccessibilityTap={_onPress3}
|
|
57
45
|
>
|
|
58
46
|
here
|
|
59
47
|
</Text>{' '}
|