@fluentui-react-native/tester 0.134.12 → 0.134.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.json +220 -1
  2. package/CHANGELOG.md +44 -2
  3. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts +1 -0
  4. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map +1 -1
  5. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js +34 -11
  6. package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js.map +1 -1
  7. package/lib/fluent-tester/src/TestComponents/FocusZone/styles.d.ts +1 -1
  8. package/lib/fluent-tester/src/TestComponents/FocusZone/styles.d.ts.map +1 -1
  9. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts +1 -0
  10. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map +1 -1
  11. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js +36 -12
  12. package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js.map +1 -1
  13. package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/styles.d.ts +1 -1
  14. package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/styles.d.ts.map +1 -1
  15. package/package.json +35 -35
  16. package/src/TestComponents/Divider/DividerTest.tsx +41 -12
package/CHANGELOG.json CHANGED
@@ -2,7 +2,226 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 23 Feb 2023 22:08:48 GMT",
5
+ "date": "Fri, 24 Feb 2023 02:19:38 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.134.13",
7
+ "version": "0.134.13",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "winlarry@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef",
14
+ "comment": "Add examples for customized dividers"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/android-theme to v0.16.7",
20
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/tester",
25
+ "comment": "Bump @fluentui-react-native/apple-theme to v0.18.13",
26
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/tester",
31
+ "comment": "Bump @fluentui-react-native/avatar to v1.6.7",
32
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/tester",
37
+ "comment": "Bump @fluentui-react-native/badge to v0.4.28",
38
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/tester",
43
+ "comment": "Bump @fluentui-react-native/button to v0.32.33",
44
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui-react-native/tester",
49
+ "comment": "Bump @fluentui-react-native/default-theme to v0.17.2",
50
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui-react-native/tester",
55
+ "comment": "Bump @fluentui-react-native/divider to v0.3.0",
56
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
57
+ },
58
+ {
59
+ "author": "beachball",
60
+ "package": "@fluentui-react-native/tester",
61
+ "comment": "Bump @fluentui-react-native/dropdown to v0.7.30",
62
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
63
+ },
64
+ {
65
+ "author": "beachball",
66
+ "package": "@fluentui-react-native/tester",
67
+ "comment": "Bump @fluentui-react-native/experimental-activity-indicator to v0.7.19",
68
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui-react-native/tester",
73
+ "comment": "Bump @fluentui-react-native/experimental-appearance-additions to v0.3.3",
74
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui-react-native/tester",
79
+ "comment": "Bump @fluentui-react-native/experimental-avatar to v0.17.17",
80
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
81
+ },
82
+ {
83
+ "author": "beachball",
84
+ "package": "@fluentui-react-native/tester",
85
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.91",
86
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui-react-native/tester",
91
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.39",
92
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui-react-native/tester",
97
+ "comment": "Bump @fluentui-react-native/experimental-expander to v0.5.19",
98
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
99
+ },
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui-react-native/tester",
103
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.32",
104
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui-react-native/tester",
109
+ "comment": "Bump @fluentui-react-native/experimental-radio-group to v0.9.20",
110
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui-react-native/tester",
115
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.69",
116
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui-react-native/tester",
121
+ "comment": "Bump @fluentui-react-native/experimental-shimmer to v0.8.21",
122
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
123
+ },
124
+ {
125
+ "author": "beachball",
126
+ "package": "@fluentui-react-native/tester",
127
+ "comment": "Bump @fluentui-react-native/experimental-tabs to v0.8.33",
128
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
129
+ },
130
+ {
131
+ "author": "beachball",
132
+ "package": "@fluentui-react-native/tester",
133
+ "comment": "Bump @fluentui-react-native/experimental-text to v0.11.52",
134
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
135
+ },
136
+ {
137
+ "author": "beachball",
138
+ "package": "@fluentui-react-native/tester",
139
+ "comment": "Bump @fluentui-react-native/framework to v0.9.2",
140
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
141
+ },
142
+ {
143
+ "author": "beachball",
144
+ "package": "@fluentui-react-native/tester",
145
+ "comment": "Bump @fluentui-react-native/icon to v0.17.13",
146
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
147
+ },
148
+ {
149
+ "author": "beachball",
150
+ "package": "@fluentui-react-native/tester",
151
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.22.19",
152
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
153
+ },
154
+ {
155
+ "author": "beachball",
156
+ "package": "@fluentui-react-native/tester",
157
+ "comment": "Bump @fluentui-react-native/menu to v1.4.8",
158
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
159
+ },
160
+ {
161
+ "author": "beachball",
162
+ "package": "@fluentui-react-native/tester",
163
+ "comment": "Bump @fluentui-react-native/notification to v0.21.34",
164
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
165
+ },
166
+ {
167
+ "author": "beachball",
168
+ "package": "@fluentui-react-native/tester",
169
+ "comment": "Bump @fluentui-react-native/separator to v0.14.16",
170
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
171
+ },
172
+ {
173
+ "author": "beachball",
174
+ "package": "@fluentui-react-native/tester",
175
+ "comment": "Bump @fluentui-react-native/stack to v0.7.53",
176
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
177
+ },
178
+ {
179
+ "author": "beachball",
180
+ "package": "@fluentui-react-native/tester",
181
+ "comment": "Bump @fluentui-react-native/switch to v0.8.27",
182
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
183
+ },
184
+ {
185
+ "author": "beachball",
186
+ "package": "@fluentui-react-native/tester",
187
+ "comment": "Bump @fluentui-react-native/text to v0.19.21",
188
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
189
+ },
190
+ {
191
+ "author": "beachball",
192
+ "package": "@fluentui-react-native/tester",
193
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.23.4",
194
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
195
+ },
196
+ {
197
+ "author": "beachball",
198
+ "package": "@fluentui-react-native/tester",
199
+ "comment": "Bump @fluentui-react-native/win32-theme to v0.25.2",
200
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
201
+ },
202
+ {
203
+ "author": "beachball",
204
+ "package": "@fluentui-react-native/tester",
205
+ "comment": "Bump @fluentui/react-native to v0.36.3",
206
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
207
+ },
208
+ {
209
+ "author": "beachball",
210
+ "package": "@fluentui-react-native/tester",
211
+ "comment": "Bump @fluentui-react-native/spinner to v0.2.2",
212
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
213
+ },
214
+ {
215
+ "author": "beachball",
216
+ "package": "@fluentui-react-native/tester",
217
+ "comment": "Bump @fluentui-react-native/focus-zone to v0.11.31",
218
+ "commit": "a266ece54bfecbd7edd912a26f46dae655bf48ef"
219
+ }
220
+ ]
221
+ }
222
+ },
223
+ {
224
+ "date": "Thu, 23 Feb 2023 22:09:21 GMT",
6
225
  "tag": "@fluentui-react-native/tester_v0.134.12",
7
226
  "version": "0.134.12",
8
227
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,54 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Thu, 23 Feb 2023 22:08:48 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 24 Feb 2023 02:19:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.134.13
8
+
9
+ Fri, 24 Feb 2023 02:19:38 GMT
10
+
11
+ ### Patches
12
+
13
+ - Add examples for customized dividers (winlarry@microsoft.com)
14
+ - Bump @fluentui-react-native/android-theme to v0.16.7
15
+ - Bump @fluentui-react-native/apple-theme to v0.18.13
16
+ - Bump @fluentui-react-native/avatar to v1.6.7
17
+ - Bump @fluentui-react-native/badge to v0.4.28
18
+ - Bump @fluentui-react-native/button to v0.32.33
19
+ - Bump @fluentui-react-native/default-theme to v0.17.2
20
+ - Bump @fluentui-react-native/divider to v0.3.0
21
+ - Bump @fluentui-react-native/dropdown to v0.7.30
22
+ - Bump @fluentui-react-native/experimental-activity-indicator to v0.7.19
23
+ - Bump @fluentui-react-native/experimental-appearance-additions to v0.3.3
24
+ - Bump @fluentui-react-native/experimental-avatar to v0.17.17
25
+ - Bump @fluentui-react-native/experimental-button to v0.16.91
26
+ - Bump @fluentui-react-native/experimental-checkbox to v0.13.39
27
+ - Bump @fluentui-react-native/experimental-expander to v0.5.19
28
+ - Bump @fluentui-react-native/experimental-menu-button to v0.6.32
29
+ - Bump @fluentui-react-native/experimental-radio-group to v0.9.20
30
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.69
31
+ - Bump @fluentui-react-native/experimental-shimmer to v0.8.21
32
+ - Bump @fluentui-react-native/experimental-tabs to v0.8.33
33
+ - Bump @fluentui-react-native/experimental-text to v0.11.52
34
+ - Bump @fluentui-react-native/framework to v0.9.2
35
+ - Bump @fluentui-react-native/icon to v0.17.13
36
+ - Bump @fluentui-react-native/interactive-hooks to v0.22.19
37
+ - Bump @fluentui-react-native/menu to v1.4.8
38
+ - Bump @fluentui-react-native/notification to v0.21.34
39
+ - Bump @fluentui-react-native/separator to v0.14.16
40
+ - Bump @fluentui-react-native/stack to v0.7.53
41
+ - Bump @fluentui-react-native/switch to v0.8.27
42
+ - Bump @fluentui-react-native/text to v0.19.21
43
+ - Bump @fluentui-react-native/theming-utils to v0.23.4
44
+ - Bump @fluentui-react-native/win32-theme to v0.25.2
45
+ - Bump @fluentui/react-native to v0.36.3
46
+ - Bump @fluentui-react-native/spinner to v0.2.2
47
+ - Bump @fluentui-react-native/focus-zone to v0.11.31
48
+
7
49
  ## 0.134.12
8
50
 
9
- Thu, 23 Feb 2023 22:08:48 GMT
51
+ Thu, 23 Feb 2023 22:09:21 GMT
10
52
 
11
53
  ### Patches
12
54
 
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts CHANGED
@@ -3,5 +3,6 @@ export declare const HorizontalDividers: React.FunctionComponent;
3
3
  export declare const VerticalDividers: React.FunctionComponent;
4
4
  export declare const DividersWithAppearance: React.FunctionComponent;
5
5
  export declare const DividersWithIcons: React.FunctionComponent;
6
+ export declare const CustomDividers: React.FunctionComponent;
6
7
  export declare const DividerTest: React.FunctionComponent;
7
8
  //# sourceMappingURL=DividerTest.d.ts.map
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAmCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
1
+ {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAelC,CAAC;AAuCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js CHANGED
@@ -9,24 +9,32 @@ import { commonTestStyles } from '../Common/styles';
9
9
  import TestSvg from '../../../assets/test.svg';
10
10
  import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
11
11
  var isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
12
- var CustomDivider = Divider.customize({ thickness: 3, paddingVertical: 4 });
12
+ var PaddedDivider = Divider.customize({ paddingVertical: 4, thickness: 2 });
13
13
  var CustomText = Text.customize({ margin: 8 });
14
- var RedDivider = Divider.customize({ contentColor: 'red', lineColor: 'red' });
14
+ var ColoredDivider = Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
15
+ var ThickDivider = Divider.customize({ thickness: 3 });
16
+ var TextVariantDivider = Divider.customize({ variant: 'subtitle2Strong' });
17
+ var StyledTextDivider = Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
15
18
  var dividerTestStyles = StyleSheet.create({
16
19
  verticalDividerContainer: {
17
20
  marginVertical: 8,
18
21
  flexDirection: 'row',
19
22
  justifyContent: 'space-evenly',
20
23
  },
24
+ horizontalDividerContainer: {
25
+ height: 120,
26
+ flexDirection: 'column',
27
+ justifyContent: 'space-evenly',
28
+ },
21
29
  });
22
30
  export var HorizontalDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
23
31
  React.createElement(CustomText, null, "Regular divider with no content below."),
24
32
  React.createElement(Divider, null),
25
33
  React.createElement(CustomText, null, "Regular divider with no content above."),
26
34
  React.createElement(Divider, null, "Divider with text content."),
27
- React.createElement(Divider, { insetSize: 16 }, "Colored divider with text + inset."),
28
- React.createElement(CustomDivider, { alignContent: "start" }, "I am a start-aligned divider with a thickness = 3"),
29
- React.createElement(CustomDivider, { alignContent: "end" }, "I am a end-aligned divider with a thickness = 3"))); };
35
+ React.createElement(Divider, { insetSize: 16 }, "Divider with text + inset."),
36
+ React.createElement(PaddedDivider, { alignContent: "start" }, "I am a start-aligned divider"),
37
+ React.createElement(PaddedDivider, { alignContent: "end" }, "I am a end-aligned divider"))); };
30
38
  export var VerticalDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
31
39
  React.createElement(View, { style: dividerTestStyles.verticalDividerContainer },
32
40
  React.createElement(CustomText, null,
@@ -37,8 +45,8 @@ export var VerticalDividers = function () { return (React.createElement(Stack, {
37
45
  "Divider with an inset ",
38
46
  '->'),
39
47
  React.createElement(Divider, { vertical: true, insetSize: 16 }),
40
- React.createElement(CustomDivider, { vertical: true }, "Thick divider with text"),
41
- React.createElement(RedDivider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
48
+ React.createElement(PaddedDivider, { vertical: true }, "Divider with text"),
49
+ React.createElement(Divider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
42
50
  React.createElement(Divider, { vertical: true, alignContent: "end" }, "End-aligned divider")),
43
51
  React.createElement(Divider, null),
44
52
  React.createElement(View, { style: dividerTestStyles.verticalDividerContainer },
@@ -46,14 +54,25 @@ export var VerticalDividers = function () { return (React.createElement(Stack, {
46
54
  React.createElement(Divider, { vertical: true }),
47
55
  React.createElement(CustomText, null, "The divider to the left of me should have a min height of 24px")))); };
48
56
  export var DividersWithAppearance = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
49
- React.createElement(CustomDivider, { appearance: "default" }, "Default divider"),
50
- React.createElement(CustomDivider, { appearance: "subtle" }, "Subtle divider"),
51
- React.createElement(CustomDivider, { appearance: "brand" }, "Branded divider"),
52
- React.createElement(CustomDivider, { appearance: "strong" }, "Strong divider"))); };
57
+ React.createElement(PaddedDivider, { appearance: "default" }, "Default divider"),
58
+ React.createElement(PaddedDivider, { appearance: "subtle" }, "Subtle divider"),
59
+ React.createElement(PaddedDivider, { appearance: "brand" }, "Branded divider"),
60
+ React.createElement(PaddedDivider, { appearance: "strong" }, "Strong divider"))); };
53
61
  export var DividersWithIcons = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
54
62
  React.createElement(Divider, { appearance: "brand", icon: { fontSource: { fontFamily: 'Arial', codepoint: 0x2663, fontSize: 32 } } }),
55
63
  React.createElement(CustomText, { align: "center" }, "Above is a branded Divider with a font icon as content. Below me is a branded divider with an svg icon as content - this will not show on UWP."),
56
64
  Platform.OS !== 'windows' && (React.createElement(Divider, { appearance: "brand", icon: { svgSource: { viewBox: '0 0 500 500', src: TestSvg, width: 32, height: 32 } } })))); };
65
+ export var CustomDividers = function () { return (React.createElement(Stack, { style: commonTestStyles.stack },
66
+ React.createElement(View, { style: dividerTestStyles.horizontalDividerContainer },
67
+ React.createElement(ColoredDivider, null, "Divider with color"),
68
+ React.createElement(ThickDivider, null, "Divider with thickness"),
69
+ React.createElement(TextVariantDivider, null, "Divider with text variant"),
70
+ React.createElement(StyledTextDivider, null, "Divider with text styling")),
71
+ React.createElement(View, { style: dividerTestStyles.verticalDividerContainer },
72
+ React.createElement(ColoredDivider, { vertical: true }, "Divider with color"),
73
+ React.createElement(ThickDivider, { vertical: true }, "Divider with thickness"),
74
+ React.createElement(TextVariantDivider, { vertical: true }, "Divider with text variant"),
75
+ React.createElement(StyledTextDivider, { vertical: true }, "Divider with text styling")))); };
57
76
  var dividerSections = [
58
77
  {
59
78
  name: 'Horizontal Dividers',
@@ -68,6 +87,10 @@ var dividerSections = [
68
87
  name: 'Divider Appearances',
69
88
  component: DividersWithAppearance,
70
89
  },
90
+ {
91
+ name: 'Custom Dividers',
92
+ component: CustomDividers,
93
+ },
71
94
  {
72
95
  name: 'Dividers with Icons',
73
96
  component: DividersWithIcons,
package/lib/fluent-tester/src/TestComponents/Divider/DividerTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
package/lib/fluent-tester/src/TestComponents/FocusZone/styles.d.ts CHANGED
@@ -54,5 +54,5 @@ export declare const focusZoneTestStyles: {
54
54
  export declare const GridButton: import("@fluentui-react-native/composition").ComposeFactoryComponent<import("@fluentui/react-native").ButtonProps, import("@fluentui/react-native").ButtonSlotProps, import("@fluentui/react-native").ButtonTokens, import("@fluentui-react-native/theme-types").Theme, object>;
55
55
  export declare const SubheaderText: import("@uifabricshared/foundation-compose").IComposeReturnType<import("@fluentui/react-native").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
56
56
  root: import("@fluentui-react-native/adapters").ITextProps;
57
- }, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
57
+ }, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens/lib/text-tokens").FontDecorationTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
58
58
  //# sourceMappingURL=styles.d.ts.map
package/lib/fluent-tester/src/TestComponents/FocusZone/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;wVAGxB,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts CHANGED
@@ -3,5 +3,6 @@ export declare const HorizontalDividers: React.FunctionComponent;
3
3
  export declare const VerticalDividers: React.FunctionComponent;
4
4
  export declare const DividersWithAppearance: React.FunctionComponent;
5
5
  export declare const DividersWithIcons: React.FunctionComponent;
6
+ export declare const CustomDividers: React.FunctionComponent;
6
7
  export declare const DividerTest: React.FunctionComponent;
7
8
  //# sourceMappingURL=DividerTest.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAmCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
1
+ {"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkC/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAelC,CAAC;AAuCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAoB/B,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DividerTest = exports.DividersWithIcons = exports.DividersWithAppearance = exports.VerticalDividers = exports.HorizontalDividers = void 0;
3
+ exports.DividerTest = exports.CustomDividers = exports.DividersWithIcons = exports.DividersWithAppearance = exports.VerticalDividers = exports.HorizontalDividers = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var React = tslib_1.__importStar(require("react"));
6
6
  var react_native_1 = require("react-native");
@@ -13,24 +13,32 @@ var styles_1 = require("../Common/styles");
13
13
  var test_svg_1 = tslib_1.__importDefault(require("../../../assets/test.svg"));
14
14
  var MobileDividerTest_1 = require("./MobileDividerTest");
15
15
  var isMobile = react_native_1.Platform.OS === 'android' || react_native_1.Platform.OS === 'ios';
16
- var CustomDivider = divider_1.Divider.customize({ thickness: 3, paddingVertical: 4 });
16
+ var PaddedDivider = divider_1.Divider.customize({ paddingVertical: 4, thickness: 2 });
17
17
  var CustomText = text_1.TextV1.customize({ margin: 8 });
18
- var RedDivider = divider_1.Divider.customize({ contentColor: 'red', lineColor: 'red' });
18
+ var ColoredDivider = divider_1.Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
19
+ var ThickDivider = divider_1.Divider.customize({ thickness: 3 });
20
+ var TextVariantDivider = divider_1.Divider.customize({ variant: 'subtitle2Strong' });
21
+ var StyledTextDivider = divider_1.Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
19
22
  var dividerTestStyles = react_native_1.StyleSheet.create({
20
23
  verticalDividerContainer: {
21
24
  marginVertical: 8,
22
25
  flexDirection: 'row',
23
26
  justifyContent: 'space-evenly',
24
27
  },
28
+ horizontalDividerContainer: {
29
+ height: 120,
30
+ flexDirection: 'column',
31
+ justifyContent: 'space-evenly',
32
+ },
25
33
  });
26
34
  var HorizontalDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
27
35
  React.createElement(CustomText, null, "Regular divider with no content below."),
28
36
  React.createElement(divider_1.Divider, null),
29
37
  React.createElement(CustomText, null, "Regular divider with no content above."),
30
38
  React.createElement(divider_1.Divider, null, "Divider with text content."),
31
- React.createElement(divider_1.Divider, { insetSize: 16 }, "Colored divider with text + inset."),
32
- React.createElement(CustomDivider, { alignContent: "start" }, "I am a start-aligned divider with a thickness = 3"),
33
- React.createElement(CustomDivider, { alignContent: "end" }, "I am a end-aligned divider with a thickness = 3"))); };
39
+ React.createElement(divider_1.Divider, { insetSize: 16 }, "Divider with text + inset."),
40
+ React.createElement(PaddedDivider, { alignContent: "start" }, "I am a start-aligned divider"),
41
+ React.createElement(PaddedDivider, { alignContent: "end" }, "I am a end-aligned divider"))); };
34
42
  exports.HorizontalDividers = HorizontalDividers;
35
43
  var VerticalDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
36
44
  React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
@@ -42,8 +50,8 @@ var VerticalDividers = function () { return (React.createElement(stack_1.Stack,
42
50
  "Divider with an inset ",
43
51
  '->'),
44
52
  React.createElement(divider_1.Divider, { vertical: true, insetSize: 16 }),
45
- React.createElement(CustomDivider, { vertical: true }, "Thick divider with text"),
46
- React.createElement(RedDivider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
53
+ React.createElement(PaddedDivider, { vertical: true }, "Divider with text"),
54
+ React.createElement(divider_1.Divider, { vertical: true, alignContent: "start" }, "Start-aligned divider"),
47
55
  React.createElement(divider_1.Divider, { vertical: true, alignContent: "end" }, "End-aligned divider")),
48
56
  React.createElement(divider_1.Divider, null),
49
57
  React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
@@ -52,16 +60,28 @@ var VerticalDividers = function () { return (React.createElement(stack_1.Stack,
52
60
  React.createElement(CustomText, null, "The divider to the left of me should have a min height of 24px")))); };
53
61
  exports.VerticalDividers = VerticalDividers;
54
62
  var DividersWithAppearance = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
55
- React.createElement(CustomDivider, { appearance: "default" }, "Default divider"),
56
- React.createElement(CustomDivider, { appearance: "subtle" }, "Subtle divider"),
57
- React.createElement(CustomDivider, { appearance: "brand" }, "Branded divider"),
58
- React.createElement(CustomDivider, { appearance: "strong" }, "Strong divider"))); };
63
+ React.createElement(PaddedDivider, { appearance: "default" }, "Default divider"),
64
+ React.createElement(PaddedDivider, { appearance: "subtle" }, "Subtle divider"),
65
+ React.createElement(PaddedDivider, { appearance: "brand" }, "Branded divider"),
66
+ React.createElement(PaddedDivider, { appearance: "strong" }, "Strong divider"))); };
59
67
  exports.DividersWithAppearance = DividersWithAppearance;
60
68
  var DividersWithIcons = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
61
69
  React.createElement(divider_1.Divider, { appearance: "brand", icon: { fontSource: { fontFamily: 'Arial', codepoint: 0x2663, fontSize: 32 } } }),
62
70
  React.createElement(CustomText, { align: "center" }, "Above is a branded Divider with a font icon as content. Below me is a branded divider with an svg icon as content - this will not show on UWP."),
63
71
  react_native_1.Platform.OS !== 'windows' && (React.createElement(divider_1.Divider, { appearance: "brand", icon: { svgSource: { viewBox: '0 0 500 500', src: test_svg_1.default, width: 32, height: 32 } } })))); };
64
72
  exports.DividersWithIcons = DividersWithIcons;
73
+ var CustomDividers = function () { return (React.createElement(stack_1.Stack, { style: styles_1.commonTestStyles.stack },
74
+ React.createElement(react_native_1.View, { style: dividerTestStyles.horizontalDividerContainer },
75
+ React.createElement(ColoredDivider, null, "Divider with color"),
76
+ React.createElement(ThickDivider, null, "Divider with thickness"),
77
+ React.createElement(TextVariantDivider, null, "Divider with text variant"),
78
+ React.createElement(StyledTextDivider, null, "Divider with text styling")),
79
+ React.createElement(react_native_1.View, { style: dividerTestStyles.verticalDividerContainer },
80
+ React.createElement(ColoredDivider, { vertical: true }, "Divider with color"),
81
+ React.createElement(ThickDivider, { vertical: true }, "Divider with thickness"),
82
+ React.createElement(TextVariantDivider, { vertical: true }, "Divider with text variant"),
83
+ React.createElement(StyledTextDivider, { vertical: true }, "Divider with text styling")))); };
84
+ exports.CustomDividers = CustomDividers;
65
85
  var dividerSections = [
66
86
  {
67
87
  name: 'Horizontal Dividers',
@@ -76,6 +96,10 @@ var dividerSections = [
76
96
  name: 'Divider Appearances',
77
97
  component: exports.DividersWithAppearance,
78
98
  },
99
+ {
100
+ name: 'Custom Dividers',
101
+ component: exports.CustomDividers,
102
+ },
79
103
  {
80
104
  name: 'Dividers with Icons',
81
105
  component: exports.DividersWithIcons,
package/lib-commonjs/fluent-tester/src/TestComponents/Divider/DividerTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DividerTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/styles.d.ts CHANGED
@@ -54,5 +54,5 @@ export declare const focusZoneTestStyles: {
54
54
  export declare const GridButton: import("@fluentui-react-native/composition").ComposeFactoryComponent<import("@fluentui/react-native").ButtonProps, import("@fluentui/react-native").ButtonSlotProps, import("@fluentui/react-native").ButtonTokens, import("@fluentui-react-native/theme-types").Theme, object>;
55
55
  export declare const SubheaderText: import("@uifabricshared/foundation-compose").IComposeReturnType<import("@fluentui/react-native").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
56
56
  root: import("@fluentui-react-native/adapters").ITextProps;
57
- }, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
57
+ }, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens/lib/text-tokens").FontDecorationTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
58
58
  //# sourceMappingURL=styles.d.ts.map
package/lib-commonjs/fluent-tester/src/TestComponents/FocusZone/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;yQAGxB,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/FocusZone/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD9B,CAAC;AAEH,eAAO,MAAM,UAAU,iRAWrB,CAAC;AAEH,eAAO,MAAM,aAAa;;wVAGxB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.134.12",
3
+ "version": "0.134.13",
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>",
@@ -33,51 +33,51 @@
33
33
  "directory": "apps/fluent-tester"
34
34
  },
35
35
  "dependencies": {
36
- "@fluentui-react-native/android-theme": ">=0.16.6 <1.0.0",
37
- "@fluentui-react-native/apple-theme": ">=0.18.12 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.6.6",
39
- "@fluentui-react-native/badge": ">=0.4.27 <1.0.0",
40
- "@fluentui-react-native/button": ">=0.32.32 <1.0.0",
41
- "@fluentui-react-native/default-theme": ">=0.17.1 <1.0.0",
42
- "@fluentui-react-native/divider": "^0.2.4",
43
- "@fluentui-react-native/dropdown": ">=0.7.29 <1.0.0",
44
- "@fluentui-react-native/experimental-activity-indicator": ">=0.7.18 <1.0.0",
45
- "@fluentui-react-native/experimental-appearance-additions": "^0.3.2",
46
- "@fluentui-react-native/experimental-avatar": ">=0.17.16 <1.0.0",
47
- "@fluentui-react-native/experimental-button": "0.16.90",
48
- "@fluentui-react-native/experimental-checkbox": "0.13.38",
49
- "@fluentui-react-native/experimental-expander": "0.5.18",
50
- "@fluentui-react-native/experimental-menu-button": ">=0.6.31 <1.0.0",
36
+ "@fluentui-react-native/android-theme": ">=0.16.7 <1.0.0",
37
+ "@fluentui-react-native/apple-theme": ">=0.18.13 <1.0.0",
38
+ "@fluentui-react-native/avatar": "^1.6.7",
39
+ "@fluentui-react-native/badge": ">=0.4.28 <1.0.0",
40
+ "@fluentui-react-native/button": ">=0.32.33 <1.0.0",
41
+ "@fluentui-react-native/default-theme": ">=0.17.2 <1.0.0",
42
+ "@fluentui-react-native/divider": "^0.3.0",
43
+ "@fluentui-react-native/dropdown": ">=0.7.30 <1.0.0",
44
+ "@fluentui-react-native/experimental-activity-indicator": ">=0.7.19 <1.0.0",
45
+ "@fluentui-react-native/experimental-appearance-additions": "^0.3.3",
46
+ "@fluentui-react-native/experimental-avatar": ">=0.17.17 <1.0.0",
47
+ "@fluentui-react-native/experimental-button": "0.16.91",
48
+ "@fluentui-react-native/experimental-checkbox": "0.13.39",
49
+ "@fluentui-react-native/experimental-expander": "0.5.19",
50
+ "@fluentui-react-native/experimental-menu-button": ">=0.6.32 <1.0.0",
51
51
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.6 <1.0.0",
52
- "@fluentui-react-native/experimental-radio-group": "^0.9.19",
53
- "@fluentui-react-native/experimental-shadow": "0.2.68",
54
- "@fluentui-react-native/experimental-shimmer": "0.8.20",
55
- "@fluentui-react-native/experimental-tabs": "0.8.32",
56
- "@fluentui-react-native/experimental-text": ">=0.11.51 <1.0.0",
57
- "@fluentui-react-native/framework": ">=0.9.1 <1.0.0",
58
- "@fluentui-react-native/icon": "0.17.12",
59
- "@fluentui-react-native/interactive-hooks": ">=0.22.18 <1.0.0",
60
- "@fluentui-react-native/menu": "^1.4.7",
52
+ "@fluentui-react-native/experimental-radio-group": "^0.9.20",
53
+ "@fluentui-react-native/experimental-shadow": "0.2.69",
54
+ "@fluentui-react-native/experimental-shimmer": "0.8.21",
55
+ "@fluentui-react-native/experimental-tabs": "0.8.33",
56
+ "@fluentui-react-native/experimental-text": ">=0.11.52 <1.0.0",
57
+ "@fluentui-react-native/framework": ">=0.9.2 <1.0.0",
58
+ "@fluentui-react-native/icon": "0.17.13",
59
+ "@fluentui-react-native/interactive-hooks": ">=0.22.19 <1.0.0",
60
+ "@fluentui-react-native/menu": "^1.4.8",
61
61
  "@fluentui-react-native/merge-props": ">=0.5.2 <1.0.0",
62
- "@fluentui-react-native/notification": "0.21.33",
63
- "@fluentui-react-native/separator": "^0.14.15",
64
- "@fluentui-react-native/stack": ">=0.7.52 <1.0.0",
65
- "@fluentui-react-native/switch": "^0.8.26",
66
- "@fluentui-react-native/text": ">=0.19.20 <1.0.0",
62
+ "@fluentui-react-native/notification": "0.21.34",
63
+ "@fluentui-react-native/separator": "^0.14.16",
64
+ "@fluentui-react-native/stack": ">=0.7.53 <1.0.0",
65
+ "@fluentui-react-native/switch": "^0.8.27",
66
+ "@fluentui-react-native/text": ">=0.19.21 <1.0.0",
67
67
  "@fluentui-react-native/theme": ">=0.8.0 <1.0.0",
68
68
  "@fluentui-react-native/theme-tokens": "^0.24.2",
69
69
  "@fluentui-react-native/theme-types": ">=0.30.2 <1.0.0",
70
70
  "@fluentui-react-native/themed-stylesheet": "^1.4.2",
71
- "@fluentui-react-native/theming-utils": ">=0.23.3 <1.0.0",
72
- "@fluentui-react-native/win32-theme": ">=0.25.1 <1.0.0",
73
- "@fluentui/react-native": ">=0.36.2 <1.0.0",
71
+ "@fluentui-react-native/theming-utils": ">=0.23.4 <1.0.0",
72
+ "@fluentui-react-native/win32-theme": ">=0.25.2 <1.0.0",
73
+ "@fluentui/react-native": ">=0.36.3 <1.0.0",
74
74
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
75
75
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
76
76
  "@fortawesome/react-native-fontawesome": "^0.3.0",
77
77
  "@react-native-community/slider": "^4.2.0",
78
78
  "@react-native-menu/menu": "^0.1.2",
79
79
  "@react-native-picker/picker": "^2.2.1",
80
- "@fluentui-react-native/spinner": "^0.2.1",
80
+ "@fluentui-react-native/spinner": "^0.2.2",
81
81
  "@warren-ms/react-native-icons": "^0.0.13",
82
82
  "react": "17.0.2",
83
83
  "react-native": "^0.68.0",
@@ -90,7 +90,7 @@
90
90
  "@babel/core": "^7.8.0",
91
91
  "@babel/runtime": "^7.8.0",
92
92
  "@fluentui-react-native/eslint-config-rules": "^0.1.1",
93
- "@fluentui-react-native/focus-zone": "^0.11.30",
93
+ "@fluentui-react-native/focus-zone": "^0.11.31",
94
94
  "@fluentui-react-native/scripts": "^0.1.1",
95
95
  "@rnx-kit/cli": "^0.16.2",
96
96
  "@rnx-kit/metro-config": "^1.3.1",
package/src/TestComponents/Divider/DividerTest.tsx CHANGED
@@ -11,10 +11,13 @@ import TestSvg from '../../../assets/test.svg';
11
11
  import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
12
12
 
13
13
  const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
14
- const CustomDivider = Divider.customize({ thickness: 3, paddingVertical: 4 });
14
+ const PaddedDivider = Divider.customize({ paddingVertical: 4, thickness: 2 });
15
15
  const CustomText = Text.customize({ margin: 8 });
16
16
 
17
- const RedDivider = Divider.customize({ contentColor: 'red', lineColor: 'red' });
17
+ const ColoredDivider = Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
18
+ const ThickDivider = Divider.customize({ thickness: 3 });
19
+ const TextVariantDivider = Divider.customize({ variant: 'subtitle2Strong' });
20
+ const StyledTextDivider = Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
18
21
 
19
22
  const dividerTestStyles = StyleSheet.create({
20
23
  verticalDividerContainer: {
@@ -22,6 +25,11 @@ const dividerTestStyles = StyleSheet.create({
22
25
  flexDirection: 'row',
23
26
  justifyContent: 'space-evenly',
24
27
  },
28
+ horizontalDividerContainer: {
29
+ height: 120,
30
+ flexDirection: 'column',
31
+ justifyContent: 'space-evenly',
32
+ },
25
33
  });
26
34
 
27
35
  export const HorizontalDividers: React.FunctionComponent = () => (
@@ -30,9 +38,9 @@ export const HorizontalDividers: React.FunctionComponent = () => (
30
38
  <Divider />
31
39
  <CustomText>Regular divider with no content above.</CustomText>
32
40
  <Divider>Divider with text content.</Divider>
33
- <Divider insetSize={16}>Colored divider with text + inset.</Divider>
34
- <CustomDivider alignContent="start">I am a start-aligned divider with a thickness = 3</CustomDivider>
35
- <CustomDivider alignContent="end">I am a end-aligned divider with a thickness = 3</CustomDivider>
41
+ <Divider insetSize={16}>Divider with text + inset.</Divider>
42
+ <PaddedDivider alignContent="start">I am a start-aligned divider</PaddedDivider>
43
+ <PaddedDivider alignContent="end">I am a end-aligned divider</PaddedDivider>
36
44
  </Stack>
37
45
  );
38
46
 
@@ -43,10 +51,10 @@ export const VerticalDividers: React.FunctionComponent = () => (
43
51
  <Divider vertical />
44
52
  <CustomText>Divider with an inset {'->'}</CustomText>
45
53
  <Divider vertical insetSize={16} />
46
- <CustomDivider vertical>Thick divider with text</CustomDivider>
47
- <RedDivider vertical alignContent="start">
54
+ <PaddedDivider vertical>Divider with text</PaddedDivider>
55
+ <Divider vertical alignContent="start">
48
56
  Start-aligned divider
49
- </RedDivider>
57
+ </Divider>
50
58
  <Divider vertical alignContent="end">
51
59
  End-aligned divider
52
60
  </Divider>
@@ -62,10 +70,10 @@ export const VerticalDividers: React.FunctionComponent = () => (
62
70
 
63
71
  export const DividersWithAppearance: React.FunctionComponent = () => (
64
72
  <Stack style={commonTestStyles.stack}>
65
- <CustomDivider appearance="default">Default divider</CustomDivider>
66
- <CustomDivider appearance="subtle">Subtle divider</CustomDivider>
67
- <CustomDivider appearance="brand">Branded divider</CustomDivider>
68
- <CustomDivider appearance="strong">Strong divider</CustomDivider>
73
+ <PaddedDivider appearance="default">Default divider</PaddedDivider>
74
+ <PaddedDivider appearance="subtle">Subtle divider</PaddedDivider>
75
+ <PaddedDivider appearance="brand">Branded divider</PaddedDivider>
76
+ <PaddedDivider appearance="strong">Strong divider</PaddedDivider>
69
77
  </Stack>
70
78
  );
71
79
 
@@ -82,6 +90,23 @@ export const DividersWithIcons: React.FunctionComponent = () => (
82
90
  </Stack>
83
91
  );
84
92
 
93
+ export const CustomDividers: React.FunctionComponent = () => (
94
+ <Stack style={commonTestStyles.stack}>
95
+ <View style={dividerTestStyles.horizontalDividerContainer}>
96
+ <ColoredDivider>Divider with color</ColoredDivider>
97
+ <ThickDivider>Divider with thickness</ThickDivider>
98
+ <TextVariantDivider>Divider with text variant</TextVariantDivider>
99
+ <StyledTextDivider>Divider with text styling</StyledTextDivider>
100
+ </View>
101
+ <View style={dividerTestStyles.verticalDividerContainer}>
102
+ <ColoredDivider vertical>Divider with color</ColoredDivider>
103
+ <ThickDivider vertical>Divider with thickness</ThickDivider>
104
+ <TextVariantDivider vertical>Divider with text variant</TextVariantDivider>
105
+ <StyledTextDivider vertical>Divider with text styling</StyledTextDivider>
106
+ </View>
107
+ </Stack>
108
+ );
109
+
85
110
  const dividerSections: TestSection[] = [
86
111
  {
87
112
  name: 'Horizontal Dividers',
@@ -96,6 +121,10 @@ const dividerSections: TestSection[] = [
96
121
  name: 'Divider Appearances',
97
122
  component: DividersWithAppearance,
98
123
  },
124
+ {
125
+ name: 'Custom Dividers',
126
+ component: CustomDividers,
127
+ },
99
128
  {
100
129
  name: 'Dividers with Icons',
101
130
  component: DividersWithIcons,