@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.
Files changed (45) hide show
  1. package/CHANGELOG.json +196 -1
  2. package/CHANGELOG.md +51 -2
  3. package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
  4. package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js +3 -2
  5. package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
  6. package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts +3 -0
  7. package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -0
  8. package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js +21 -0
  9. package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -0
  10. package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  11. package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +17 -17
  12. package/lib/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  13. package/lib/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
  14. package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js +2 -5
  15. package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
  16. package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +1 -1
  17. package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
  18. package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.d.ts.map +1 -1
  19. package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.js +2 -5
  20. package/lib/FluentTester/TestComponents/TextExperimental/PressableUsage.js.map +1 -1
  21. package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map +1 -1
  22. package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js +3 -2
  23. package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
  24. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts +3 -0
  25. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -0
  26. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js +26 -0
  27. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -0
  28. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  29. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js +17 -17
  30. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  31. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
  32. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js +2 -5
  33. package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js.map +1 -1
  34. package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +1 -1
  35. package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
  36. package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.d.ts.map +1 -1
  37. package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.js +2 -5
  38. package/lib-commonjs/FluentTester/TestComponents/TextExperimental/PressableUsage.js.map +1 -1
  39. package/package.json +13 -13
  40. package/src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx +3 -2
  41. package/src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx +27 -0
  42. package/src/FluentTester/TestComponents/Shadow/ShadowDepthTestSection.tsx +45 -20
  43. package/src/FluentTester/TestComponents/Shadow/ShadowTest.tsx +2 -6
  44. package/src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx +1 -1
  45. 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": "Thu, 14 Jul 2022 18:07:20 GMT",
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 Thu, 14 Jul 2022 18:07:20 GMT and should not be manually modified.
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:07:20 GMT
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,iBA8CrC,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: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }),
26
- React.createElement(FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }, "FAB")));
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;IAEF,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,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,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,3 @@
1
+ import * as React from 'react';
2
+ export declare const ShadowButtonTestSection: React.FunctionComponent;
3
+ //# sourceMappingURL=ShadowButtonTestSection.d.ts.map
@@ -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;AAqD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,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, { depth: props.depth },
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.depth),
37
- React.createElement(Text, null, getShadowDescription(props.depth, theme)))));
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, { depth: "shadow2", backgroundColor: theme.colors.background }),
43
- React.createElement(ShadowTestBox, { depth: "shadow4", backgroundColor: theme.colors.background }),
44
- React.createElement(ShadowTestBox, { depth: "shadow8", backgroundColor: theme.colors.background }),
45
- React.createElement(ShadowTestBox, { depth: "shadow16", backgroundColor: theme.colors.background }),
46
- React.createElement(ShadowTestBox, { depth: "shadow28", backgroundColor: theme.colors.background }),
47
- React.createElement(ShadowTestBox, { depth: "shadow64", backgroundColor: theme.colors.background }),
48
- React.createElement(ShadowTestBox, { depth: "shadow2brand", backgroundColor: theme.colors.brandBackground }),
49
- React.createElement(ShadowTestBox, { depth: "shadow4brand", backgroundColor: theme.colors.brandBackground }),
50
- React.createElement(ShadowTestBox, { depth: "shadow8brand", backgroundColor: theme.colors.brandBackground }),
51
- React.createElement(ShadowTestBox, { depth: "shadow16brand", backgroundColor: theme.colors.brandBackground }),
52
- React.createElement(ShadowTestBox, { depth: "shadow28brand", backgroundColor: theme.colors.brandBackground }),
53
- React.createElement(ShadowTestBox, { depth: "shadow64brand", backgroundColor: theme.colors.brandBackground })));
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(depth, t) {
56
- var shadowStyle = getShadowTokenStyleSet(t, depth);
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":"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"}
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;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,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
- var ShadowButtonTest = function () {
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: ShadowButtonTest,
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,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,IAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,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,gBAAgB;KAC5B;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"}
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", truncate: true }, "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."),
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":"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"}
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,2WAIjE;YACP,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAC,UAAU,EAAC,IAAI,EAAE,KAAK,6WAI7C;YACP,oBAAC,IAAI,IAAC,SAAS,oDAA+C;YAC9D,oBAAC,IAAI,8BAA2B;YAChC,oBAAC,IAAI,IAAC,SAAS,QAAC,aAAa,QAAC,KAAK,EAAC,KAAK,4FAElC,CACN,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,MAAM,yCAAoC;YAChD,oBAAC,IAAI,IAAC,MAAM,EAAC,QAAQ,yDAA0D;YAC/E,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,oCAAqC;YACxD,oBAAC,IAAI,IAAC,IAAI,EAAE,GAAG,0BAA4B,CACtC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,cAAc,yBAAgC;YAC/C,oBAAC,mBAAmB,8BAA0C;YAC9D,oBAAC,cAAc,yBAAgC;YAC/C,oBAAC,kBAAkB,6BAAwC;YAC3D,oBAAC,cAAc,yBAAgC;YAC/C,oBAAC,cAAc,yBAAgC;YAC/C,oBAAC,mBAAmB,8BAA0C,CACxD,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACtB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,UAAU,sBAAyB;YACpC,oBAAC,aAAa,0BAAgC;YAC9C,oBAAC,UAAU,sBAAyB;YACpC,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,aAAa,wBAA8B;YAC5C,oBAAC,SAAS,oBAAsB,CAC1B,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,KAAK,gBAAc;YACpB,oBAAC,MAAM,iBAAgB;YACvB,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,UAAU,sBAAyB;YACpC,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,aAAa,wBAA8B,CACtC,CACT,CAAC;IACJ,CAAC,CAAC;IACF,IAAM,kBAAkB,GAAG;QACzB,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;YAC9B,oBAAC,KAAK,gBAAc;YACpB,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,SAAS,oBAAsB;YAChC,oBAAC,UAAU,sBAAyB;YACpC,oBAAC,OAAO,kBAAkB;YAC1B,oBAAC,aAAa,wBAA8B,CACtC,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,QAAQ,QAAQ,CAAC,EAAE,EAAE;QACnB,KAAK,SAAS;YACZ,OAAO,CACL,oBAAC,IAAI;gBACH,oBAAC,gBAAgB,OAAG;gBACpB,oBAAC,sBAAsB,OAAG,CACrB,CACR,CAAC;QACJ,KAAK,KAAK;YACR,OAAO,CACL,oBAAC,IAAI;gBACH,oBAAC,gBAAgB,OAAG;gBACpB,oBAAC,kBAAkB,OAAG,CACjB,CACR,CAAC;QACJ;YACE,OAAO,CACL,oBAAC,IAAI;gBACH,oBAAC,SAAS,OAAG;gBACb,oBAAC,IAAI,QAAE,IAAI,CAAQ;gBACnB,oBAAC,YAAY,OAAG;gBAChB,oBAAC,IAAI,QAAE,IAAI,CAAQ;gBACnB,oBAAC,gBAAgB,OAAG;gBACpB,oBAAC,eAAe,OAAG,CACd,CACR,CAAC;KACL;AACH,CAAC,CAAC"}
@@ -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,iBAyDlC,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, { focusable: true, variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
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, onAccessibilityTap: _onPress3 }, "here"),
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,SAAS,GAAG;QAChB,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE,6BAA6B,CAAC,CAAC;IACtD,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,IACH,SAAS,QACT,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,UAAU,cAGhB;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,EACtB,kBAAkB,EAAE,SAAS,WAGxB;gBAAC,GAAG;oCAEN,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC"}
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,iBA8CrC,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: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
30
- React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }, "FAB")));
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;IAEF,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,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,iBAAiB,qBA8C5B"}
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,3 @@
1
+ import * as React from 'react';
2
+ export declare const ShadowButtonTestSection: React.FunctionComponent;
3
+ //# sourceMappingURL=ShadowButtonTestSection.d.ts.map
@@ -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;AAqD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,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, { depth: props.depth },
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.depth),
41
- React.createElement(react_native_2.Text, null, getShadowDescription(props.depth, theme)))));
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, { depth: "shadow2", backgroundColor: theme.colors.background }),
47
- React.createElement(ShadowTestBox, { depth: "shadow4", backgroundColor: theme.colors.background }),
48
- React.createElement(ShadowTestBox, { depth: "shadow8", backgroundColor: theme.colors.background }),
49
- React.createElement(ShadowTestBox, { depth: "shadow16", backgroundColor: theme.colors.background }),
50
- React.createElement(ShadowTestBox, { depth: "shadow28", backgroundColor: theme.colors.background }),
51
- React.createElement(ShadowTestBox, { depth: "shadow64", backgroundColor: theme.colors.background }),
52
- React.createElement(ShadowTestBox, { depth: "shadow2brand", backgroundColor: theme.colors.brandBackground }),
53
- React.createElement(ShadowTestBox, { depth: "shadow4brand", backgroundColor: theme.colors.brandBackground }),
54
- React.createElement(ShadowTestBox, { depth: "shadow8brand", backgroundColor: theme.colors.brandBackground }),
55
- React.createElement(ShadowTestBox, { depth: "shadow16brand", backgroundColor: theme.colors.brandBackground }),
56
- React.createElement(ShadowTestBox, { depth: "shadow28brand", backgroundColor: theme.colors.brandBackground }),
57
- React.createElement(ShadowTestBox, { depth: "shadow64brand", backgroundColor: theme.colors.brandBackground })));
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(depth, t) {
61
- var shadowStyle = (0, experimental_shadow_1.getShadowTokenStyleSet)(t, depth);
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":"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"}
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;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,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 ShadowButtonTest = function () {
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: ShadowButtonTest,
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,uDAA8C;AAC9C,gCAA4D;AAC5D,mCAA2C;AAC3C,mEAAkE;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,mBAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,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,gBAAgB;KAC5B;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"}
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", truncate: true }, "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."),
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,iBAyDlC,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, { focusable: true, variant: 'bodyStandard', color: "blue", keyDownEvents: handledNativeKeyboardEvents, onPress: _onPress, onKeyDown: _onKeyDown }, "webpage"),
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, onAccessibilityTap: _onPress3 }, "here"),
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,SAAS,GAAG;QAChB,oBAAK,CAAC,KAAK,CAAC,OAAO,EAAE,6BAA6B,CAAC,CAAC;IACtD,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,IACH,SAAS,QACT,OAAO,EAAE,cAAc,EACvB,KAAK,EAAC,MAAM,EACZ,aAAa,EAAE,2BAA2B,EAC1C,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,UAAU,cAGhB;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,EACtB,kBAAkB,EAAE,SAAS,WAGxB;gBAAC,GAAG;oCAEN,CACD,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,cAAc,kBAyDzB"}
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.0",
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.12",
31
- "@fluentui-react-native/badge": ">=0.1.0 <1.0.0",
32
- "@fluentui-react-native/button": ">=0.24.0 <1.0.0",
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.0",
37
- "@fluentui-react-native/experimental-checkbox": "0.12.0",
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.0 <1.0.0",
42
- "@fluentui-react-native/experimental-shadow": "0.2.5",
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.0",
45
- "@fluentui-react-native/experimental-text": ">=0.10.0 <1.0.0",
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.9",
50
- "@fluentui-react-native/notification": "0.6.4",
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.0 <1.0.0",
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={{ svgSource: svgProps, width: 20, height: 20 }} style={commonTestStyles.vmargin} />
50
- <FAB icon={{ svgSource: svgProps, width: 20, height: 20 }} style={commonTestStyles.vmargin}>
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, ShadowDepth, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
6
- import { Theme, useTheme } from '@fluentui-react-native/theme-types';
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
- depth: ShadowDepth;
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 depth={props.depth}>
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.depth}</Text>
48
- <Text>{getShadowDescription(props.depth, theme)}</Text>
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 depth="shadow2" backgroundColor={theme.colors.background} />
60
- <ShadowTestBox depth="shadow4" backgroundColor={theme.colors.background} />
61
- <ShadowTestBox depth="shadow8" backgroundColor={theme.colors.background} />
62
- <ShadowTestBox depth="shadow16" backgroundColor={theme.colors.background} />
63
- <ShadowTestBox depth="shadow28" backgroundColor={theme.colors.background} />
64
- <ShadowTestBox depth="shadow64" backgroundColor={theme.colors.background} />
65
- <ShadowTestBox depth="shadow2brand" backgroundColor={theme.colors.brandBackground} />
66
- <ShadowTestBox depth="shadow4brand" backgroundColor={theme.colors.brandBackground} />
67
- <ShadowTestBox depth="shadow8brand" backgroundColor={theme.colors.brandBackground} />
68
- <ShadowTestBox depth="shadow16brand" backgroundColor={theme.colors.brandBackground} />
69
- <ShadowTestBox depth="shadow28brand" backgroundColor={theme.colors.brandBackground} />
70
- <ShadowTestBox depth="shadow64brand" backgroundColor={theme.colors.brandBackground} />
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(depth: ShadowDepth, t: Theme): string {
76
- const shadowStyle = getShadowTokenStyleSet(t, depth);
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: ShadowButtonTest,
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" truncate>
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>{' '}