@fluentui-react-native/tester 0.85.5 → 0.85.8

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 (15) hide show
  1. package/CHANGELOG.json +130 -1
  2. package/CHANGELOG.md +40 -2
  3. package/lib/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  4. package/lib/TestComponents/Shadow/ShadowDepthTestSection.js +19 -17
  5. package/lib/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  6. package/lib/TestComponents/Shadow/ShadowTest.js +1 -1
  7. package/lib/TestComponents/Shadow/ShadowTest.js.map +1 -1
  8. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  9. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js +19 -17
  10. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  11. package/lib-commonjs/TestComponents/Shadow/ShadowTest.js +1 -1
  12. package/lib-commonjs/TestComponents/Shadow/ShadowTest.js.map +1 -1
  13. package/package.json +10 -10
  14. package/src/TestComponents/Shadow/ShadowDepthTestSection.tsx +23 -43
  15. package/src/TestComponents/Shadow/ShadowTest.tsx +1 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,136 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 15 Aug 2022 18:42:09 GMT",
5
+ "date": "Tue, 16 Aug 2022 18:18:01 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.85.8",
7
+ "version": "0.85.8",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/tester",
13
+ "comment": "Bump @fluentui-react-native/avatar to v1.1.38",
14
+ "commit": "f076ddd8c09e6d9c2e7b76bc743aee47ea26822e"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/badge to v0.1.21",
20
+ "commit": "f076ddd8c09e6d9c2e7b76bc743aee47ea26822e"
21
+ }
22
+ ]
23
+ }
24
+ },
25
+ {
26
+ "date": "Mon, 15 Aug 2022 23:29:03 GMT",
27
+ "tag": "@fluentui-react-native/tester_v0.85.7",
28
+ "version": "0.85.7",
29
+ "comments": {
30
+ "patch": [
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/button to v0.24.16",
35
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/tester",
40
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.16",
41
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/tester",
46
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.19",
47
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/tester",
52
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.12",
53
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/tester",
58
+ "comment": "Bump @fluentui-react-native/menu to v1.0.25",
59
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/tester",
64
+ "comment": "Bump @fluentui-react-native/notification to v0.15.2",
65
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui/react-native to v0.32.7",
71
+ "commit": "0f96f121a70581779472908ff4e00a914dcd1bf0"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Mon, 15 Aug 2022 22:12:03 GMT",
78
+ "tag": "@fluentui-react-native/tester_v0.85.6",
79
+ "version": "0.85.6",
80
+ "comments": {
81
+ "patch": [
82
+ {
83
+ "author": "78454019+lyzhan7@users.noreply.github.com",
84
+ "package": "@fluentui-react-native/tester",
85
+ "commit": "4103b739d00860d6f3741f4820b96257122653c9",
86
+ "comment": "Update platform status"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui-react-native/tester",
91
+ "comment": "Bump @fluentui-react-native/button to v0.24.15",
92
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui-react-native/tester",
97
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.15",
98
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
99
+ },
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui-react-native/tester",
103
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.18",
104
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui-react-native/tester",
109
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.11",
110
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui-react-native/tester",
115
+ "comment": "Bump @fluentui-react-native/menu to v1.0.24",
116
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui-react-native/tester",
121
+ "comment": "Bump @fluentui-react-native/notification to v0.15.1",
122
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
123
+ },
124
+ {
125
+ "author": "beachball",
126
+ "package": "@fluentui-react-native/tester",
127
+ "comment": "Bump @fluentui/react-native to v0.32.6",
128
+ "commit": "5e9c0dfef3718735520706056cb1c5f62524efd7"
129
+ }
130
+ ]
131
+ }
132
+ },
133
+ {
134
+ "date": "Mon, 15 Aug 2022 18:42:24 GMT",
6
135
  "tag": "@fluentui-react-native/tester_v0.85.5",
7
136
  "version": "0.85.5",
8
137
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,50 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Mon, 15 Aug 2022 18:42:09 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 16 Aug 2022 18:18:01 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.85.8
8
+
9
+ Tue, 16 Aug 2022 18:18:01 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/avatar to v1.1.38
14
+ - Bump @fluentui-react-native/badge to v0.1.21
15
+
16
+ ## 0.85.7
17
+
18
+ Mon, 15 Aug 2022 23:29:03 GMT
19
+
20
+ ### Patches
21
+
22
+ - Bump @fluentui-react-native/button to v0.24.16
23
+ - Bump @fluentui-react-native/experimental-button to v0.16.16
24
+ - Bump @fluentui-react-native/experimental-menu-button to v0.4.19
25
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.12
26
+ - Bump @fluentui-react-native/menu to v1.0.25
27
+ - Bump @fluentui-react-native/notification to v0.15.2
28
+ - Bump @fluentui/react-native to v0.32.7
29
+
30
+ ## 0.85.6
31
+
32
+ Mon, 15 Aug 2022 22:12:03 GMT
33
+
34
+ ### Patches
35
+
36
+ - Update platform status (78454019+lyzhan7@users.noreply.github.com)
37
+ - Bump @fluentui-react-native/button to v0.24.15
38
+ - Bump @fluentui-react-native/experimental-button to v0.16.15
39
+ - Bump @fluentui-react-native/experimental-menu-button to v0.4.18
40
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.11
41
+ - Bump @fluentui-react-native/menu to v1.0.24
42
+ - Bump @fluentui-react-native/notification to v0.15.1
43
+ - Bump @fluentui/react-native to v0.32.6
44
+
7
45
  ## 0.85.5
8
46
 
9
- Mon, 15 Aug 2022 18:42:09 GMT
47
+ Mon, 15 Aug 2022 18:42:24 GMT
10
48
 
11
49
  ### Patches
12
50
 
package/lib/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBA2C1C,CAAC"}
1
+ {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0D/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
package/lib/TestComponents/Shadow/ShadowDepthTestSection.js CHANGED
@@ -9,12 +9,12 @@ import { useFluentTheme } from '@fluentui-react-native/framework';
9
9
  var getThemedStyles = themedStyleSheet(function () {
10
10
  return {
11
11
  effectBox: {
12
- width: 366,
12
+ maxWidth: 732,
13
13
  minHeight: 64,
14
+ borderRadius: 8,
14
15
  },
15
16
  padding: {
16
17
  padding: 20,
17
- paddingHorizontal: 24,
18
18
  },
19
19
  vmargin: {
20
20
  marginVertical: 16,
@@ -25,32 +25,34 @@ var getThemedStyles = themedStyleSheet(function () {
25
25
  var ShadowTestBox = function (props) {
26
26
  var theme = useTheme();
27
27
  var themedStyles = getThemedStyles(theme);
28
+ var backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
29
+ var textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
28
30
  return (React.createElement(Shadow, { shadowToken: props.shadowToken },
29
31
  React.createElement(View, { style: [
30
32
  commonTestStyles.view,
31
33
  themedStyles.effectBox,
32
34
  themedStyles.vmargin,
33
35
  themedStyles.padding,
34
- { backgroundColor: props.backgroundColor },
36
+ { backgroundColor: backgroundColor },
35
37
  ] },
36
- React.createElement(Text, { variant: "bodySemibold" }, props.shadowDepthText),
37
- React.createElement(Text, null, getShadowDescription(props.shadowToken)))));
38
+ React.createElement(Text, { variant: "bodySemibold", color: textColor }, props.shadowDepthText),
39
+ React.createElement(Text, { color: textColor }, getShadowDescription(props.shadowToken)))));
38
40
  };
39
41
  export var ShadowDepthTestSection = function () {
40
42
  var theme = useFluentTheme();
41
43
  return (React.createElement(View, null,
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 })));
44
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 2", shadowToken: theme.shadows.shadow2 }),
45
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 4", shadowToken: theme.shadows.shadow4 }),
46
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 8", shadowToken: theme.shadows.shadow8 }),
47
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 16", shadowToken: theme.shadows.shadow16 }),
48
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 28", shadowToken: theme.shadows.shadow28 }),
49
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 64", shadowToken: theme.shadows.shadow64 }),
50
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 2", shadowToken: theme.shadows.shadow2brand, isBrand: true }),
51
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 4", shadowToken: theme.shadows.shadow4brand, isBrand: true }),
52
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 8", shadowToken: theme.shadows.shadow8brand, isBrand: true }),
53
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 16", shadowToken: theme.shadows.shadow16brand, isBrand: true }),
54
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 28", shadowToken: theme.shadows.shadow28brand, isBrand: true }),
55
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 64", shadowToken: theme.shadows.shadow64brand, isBrand: true })));
54
56
  };
55
57
  function getShadowDescription(shadowToken) {
56
58
  var shadowStyle = getShadowTokenStyleSet(shadowToken);
package/lib/TestComponents/Shadow/ShadowDepthTestSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
package/lib/TestComponents/Shadow/ShadowTest.js CHANGED
@@ -21,7 +21,7 @@ export var ShadowTest = function () {
21
21
  uwpStatus: 'Experimental',
22
22
  iosStatus: 'Experimental',
23
23
  macosStatus: 'Experimental',
24
- androidStatus: 'Experimental',
24
+ androidStatus: 'Backlog',
25
25
  };
26
26
  var description = 'A Shadow component using the Fluent Design System. Shadow components can be added to other components.';
27
27
  return React.createElement(Test, { name: "Shadow Test", description: description, sections: shadowSections, status: status });
package/lib/TestComponents/Shadow/ShadowTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../src/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"}
1
+ {"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../src/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,SAAS;KACzB,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"}
package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBA2C1C,CAAC"}
1
+ {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0D/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js CHANGED
@@ -13,12 +13,12 @@ var framework_1 = require("@fluentui-react-native/framework");
13
13
  var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function () {
14
14
  return {
15
15
  effectBox: {
16
- width: 366,
16
+ maxWidth: 732,
17
17
  minHeight: 64,
18
+ borderRadius: 8,
18
19
  },
19
20
  padding: {
20
21
  padding: 20,
21
- paddingHorizontal: 24,
22
22
  },
23
23
  vmargin: {
24
24
  marginVertical: 16,
@@ -29,32 +29,34 @@ 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
+ var backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
33
+ var textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
32
34
  return (React.createElement(experimental_shadow_1.Shadow, { shadowToken: props.shadowToken },
33
35
  React.createElement(react_native_1.View, { style: [
34
36
  styles_1.commonTestStyles.view,
35
37
  themedStyles.effectBox,
36
38
  themedStyles.vmargin,
37
39
  themedStyles.padding,
38
- { backgroundColor: props.backgroundColor },
40
+ { backgroundColor: backgroundColor },
39
41
  ] },
40
- React.createElement(react_native_2.Text, { variant: "bodySemibold" }, props.shadowDepthText),
41
- React.createElement(react_native_2.Text, null, getShadowDescription(props.shadowToken)))));
42
+ React.createElement(react_native_2.Text, { variant: "bodySemibold", color: textColor }, props.shadowDepthText),
43
+ React.createElement(react_native_2.Text, { color: textColor }, getShadowDescription(props.shadowToken)))));
42
44
  };
43
45
  var ShadowDepthTestSection = function () {
44
46
  var theme = (0, framework_1.useFluentTheme)();
45
47
  return (React.createElement(react_native_1.View, null,
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 })));
48
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 2", shadowToken: theme.shadows.shadow2 }),
49
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 4", shadowToken: theme.shadows.shadow4 }),
50
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 8", shadowToken: theme.shadows.shadow8 }),
51
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 16", shadowToken: theme.shadows.shadow16 }),
52
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 28", shadowToken: theme.shadows.shadow28 }),
53
+ React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 64", shadowToken: theme.shadows.shadow64 }),
54
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 2", shadowToken: theme.shadows.shadow2brand, isBrand: true }),
55
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 4", shadowToken: theme.shadows.shadow4brand, isBrand: true }),
56
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 8", shadowToken: theme.shadows.shadow8brand, isBrand: true }),
57
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 16", shadowToken: theme.shadows.shadow16brand, isBrand: true }),
58
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 28", shadowToken: theme.shadows.shadow28brand, isBrand: true }),
59
+ React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 64", shadowToken: theme.shadows.shadow64brand, isBrand: true })));
58
60
  };
59
61
  exports.ShadowDepthTestSection = ShadowDepthTestSection;
60
62
  function getShadowDescription(shadowToken) {
package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/TestComponents/Shadow/ShadowTest.js CHANGED
@@ -25,7 +25,7 @@ var ShadowTest = function () {
25
25
  uwpStatus: 'Experimental',
26
26
  iosStatus: 'Experimental',
27
27
  macosStatus: 'Experimental',
28
- androidStatus: 'Experimental',
28
+ androidStatus: 'Backlog',
29
29
  };
30
30
  var description = 'A Shadow component using the Fluent Design System. Shadow components can be added to other components.';
31
31
  return React.createElement(Test_1.Test, { name: "Shadow Test", description: description, sections: shadowSections, status: status });
package/lib-commonjs/TestComponents/Shadow/ShadowTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../src/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"}
1
+ {"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../src/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,SAAS;KACzB,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.85.5",
3
+ "version": "0.85.8",
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>",
@@ -37,26 +37,26 @@
37
37
  "dependencies": {
38
38
  "@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
39
39
  "@fluentui-react-native/apple-theme": ">=0.13.2 <1.0.0",
40
- "@fluentui-react-native/avatar": "^1.1.37",
41
- "@fluentui-react-native/badge": ">=0.1.20 <1.0.0",
42
- "@fluentui-react-native/button": ">=0.24.14 <1.0.0",
40
+ "@fluentui-react-native/avatar": "^1.1.38",
41
+ "@fluentui-react-native/badge": ">=0.1.21 <1.0.0",
42
+ "@fluentui-react-native/button": ">=0.24.16 <1.0.0",
43
43
  "@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
44
44
  "@fluentui-react-native/experimental-activity-indicator": ">=0.6.0 <1.0.0",
45
45
  "@fluentui-react-native/experimental-avatar": ">=0.16.1 <1.0.0",
46
- "@fluentui-react-native/experimental-button": "0.16.14",
46
+ "@fluentui-react-native/experimental-button": "0.16.16",
47
47
  "@fluentui-react-native/experimental-checkbox": "0.12.10",
48
48
  "@fluentui-react-native/experimental-expander": "0.4.0",
49
- "@fluentui-react-native/experimental-menu-button": ">=0.4.17 <1.0.0",
49
+ "@fluentui-react-native/experimental-menu-button": ">=0.4.19 <1.0.0",
50
50
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.0 <1.0.0",
51
- "@fluentui-react-native/experimental-shadow": "0.2.10",
51
+ "@fluentui-react-native/experimental-shadow": "0.2.12",
52
52
  "@fluentui-react-native/experimental-shimmer": "0.7.0",
53
53
  "@fluentui-react-native/experimental-tabs": "0.5.9",
54
54
  "@fluentui-react-native/experimental-text": ">=0.11.1 <1.0.0",
55
55
  "@fluentui-react-native/framework": ">=0.8.0 <1.0.0",
56
56
  "@fluentui-react-native/icon": "0.13.4",
57
57
  "@fluentui-react-native/interactive-hooks": ">=0.18.1 <1.0.0",
58
- "@fluentui-react-native/menu": "^1.0.23",
59
- "@fluentui-react-native/notification": "0.15.0",
58
+ "@fluentui-react-native/menu": "^1.0.25",
59
+ "@fluentui-react-native/notification": "0.15.2",
60
60
  "@fluentui-react-native/stack": ">=0.7.3 <1.0.0",
61
61
  "@fluentui-react-native/switch": "^0.5.0",
62
62
  "@fluentui-react-native/text": ">=0.14.0 <1.0.0",
@@ -65,7 +65,7 @@
65
65
  "@fluentui-react-native/themed-stylesheet": "^1.4.0",
66
66
  "@fluentui-react-native/theming-utils": ">=0.14.0 <1.0.0",
67
67
  "@fluentui-react-native/win32-theme": ">=0.20.1 <1.0.0",
68
- "@fluentui/react-native": ">=0.32.5 <1.0.0",
68
+ "@fluentui/react-native": ">=0.32.7 <1.0.0",
69
69
  "@react-native-community/slider": "^4.2.0",
70
70
  "@react-native-menu/menu": "^0.1.2",
71
71
  "@react-native-picker/picker": "^2.2.1",
package/src/TestComponents/Shadow/ShadowDepthTestSection.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { commonTestStyles } from '../Common/styles';
3
- import { ColorValue, View } from 'react-native';
3
+ import { View } from 'react-native';
4
4
  import { Text } from '@fluentui/react-native';
5
5
  import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
6
6
  import { ShadowToken, useTheme } from '@fluentui-react-native/theme-types';
@@ -10,12 +10,12 @@ import { useFluentTheme } from '@fluentui-react-native/framework';
10
10
  const getThemedStyles = themedStyleSheet(() => {
11
11
  return {
12
12
  effectBox: {
13
- width: 366,
13
+ maxWidth: 732,
14
14
  minHeight: 64,
15
+ borderRadius: 8,
15
16
  },
16
17
  padding: {
17
18
  padding: 20,
18
- paddingHorizontal: 24,
19
19
  },
20
20
  vmargin: {
21
21
  marginVertical: 16,
@@ -27,12 +27,14 @@ const getThemedStyles = themedStyleSheet(() => {
27
27
  interface ShadowTestBoxProps {
28
28
  shadowDepthText: string;
29
29
  shadowToken: ShadowToken;
30
- backgroundColor: ColorValue;
30
+ isBrand?: boolean;
31
31
  }
32
32
 
33
33
  const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: ShadowTestBoxProps) => {
34
34
  const theme = useTheme();
35
35
  const themedStyles = getThemedStyles(theme);
36
+ const backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
37
+ const textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
36
38
 
37
39
  return (
38
40
  <Shadow shadowToken={props.shadowToken}>
@@ -42,11 +44,13 @@ const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: Shado
42
44
  themedStyles.effectBox,
43
45
  themedStyles.vmargin,
44
46
  themedStyles.padding,
45
- { backgroundColor: props.backgroundColor },
47
+ { backgroundColor: backgroundColor },
46
48
  ]}
47
49
  >
48
- <Text variant="bodySemibold">{props.shadowDepthText}</Text>
49
- <Text>{getShadowDescription(props.shadowToken)}</Text>
50
+ <Text variant="bodySemibold" color={textColor}>
51
+ {props.shadowDepthText}
52
+ </Text>
53
+ <Text color={textColor}>{getShadowDescription(props.shadowToken)}</Text>
50
54
  </View>
51
55
  </Shadow>
52
56
  );
@@ -57,42 +61,18 @@ export const ShadowDepthTestSection: React.FunctionComponent = () => {
57
61
 
58
62
  return (
59
63
  <View>
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
- />
64
+ <ShadowTestBox shadowDepthText="Shadow 2" shadowToken={theme.shadows.shadow2} />
65
+ <ShadowTestBox shadowDepthText="Shadow 4" shadowToken={theme.shadows.shadow4} />
66
+ <ShadowTestBox shadowDepthText="Shadow 8" shadowToken={theme.shadows.shadow8} />
67
+ <ShadowTestBox shadowDepthText="Shadow 16" shadowToken={theme.shadows.shadow16} />
68
+ <ShadowTestBox shadowDepthText="Shadow 28" shadowToken={theme.shadows.shadow28} />
69
+ <ShadowTestBox shadowDepthText="Shadow 64" shadowToken={theme.shadows.shadow64} />
70
+ <ShadowTestBox shadowDepthText="Brand Shadow 2" shadowToken={theme.shadows.shadow2brand} isBrand={true} />
71
+ <ShadowTestBox shadowDepthText="Brand Shadow 4" shadowToken={theme.shadows.shadow4brand} isBrand={true} />
72
+ <ShadowTestBox shadowDepthText="Brand Shadow 8" shadowToken={theme.shadows.shadow8brand} isBrand={true} />
73
+ <ShadowTestBox shadowDepthText="Brand Shadow 16" shadowToken={theme.shadows.shadow16brand} isBrand={true} />
74
+ <ShadowTestBox shadowDepthText="Brand Shadow 28" shadowToken={theme.shadows.shadow28brand} isBrand={true} />
75
+ <ShadowTestBox shadowDepthText="Brand Shadow 64" shadowToken={theme.shadows.shadow64brand} isBrand={true} />
96
76
  </View>
97
77
  );
98
78
  };
package/src/TestComponents/Shadow/ShadowTest.tsx CHANGED
@@ -23,7 +23,7 @@ export const ShadowTest: React.FunctionComponent = () => {
23
23
  uwpStatus: 'Experimental',
24
24
  iosStatus: 'Experimental',
25
25
  macosStatus: 'Experimental',
26
- androidStatus: 'Experimental',
26
+ androidStatus: 'Backlog',
27
27
  };
28
28
 
29
29
  const description = 'A Shadow component using the Fluent Design System. Shadow components can be added to other components.';