@fluentui-react-native/tester 0.95.3 → 0.95.5

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 (26) hide show
  1. package/CHANGELOG.json +73 -1
  2. package/CHANGELOG.md +25 -2
  3. package/lib/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  4. package/lib/TestComponents/Shadow/ShadowDepthTestSection.js +11 -16
  5. package/lib/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  6. package/lib/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
  7. package/lib/TestComponents/Shadow/ShadowTest.js +6 -0
  8. package/lib/TestComponents/Shadow/ShadowTest.js.map +1 -1
  9. package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts +3 -0
  10. package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts.map +1 -0
  11. package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js +61 -0
  12. package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js.map +1 -0
  13. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map +1 -1
  14. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js +11 -16
  15. package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js.map +1 -1
  16. package/lib-commonjs/TestComponents/Shadow/ShadowTest.d.ts.map +1 -1
  17. package/lib-commonjs/TestComponents/Shadow/ShadowTest.js +6 -0
  18. package/lib-commonjs/TestComponents/Shadow/ShadowTest.js.map +1 -1
  19. package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts +3 -0
  20. package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts.map +1 -0
  21. package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js +65 -0
  22. package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js.map +1 -0
  23. package/package.json +10 -9
  24. package/src/TestComponents/Shadow/ShadowDepthTestSection.tsx +13 -19
  25. package/src/TestComponents/Shadow/ShadowTest.tsx +6 -0
  26. package/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx +89 -0
package/CHANGELOG.json CHANGED
@@ -2,7 +2,79 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Sat, 17 Sep 2022 00:44:17 GMT",
5
+ "date": "Tue, 20 Sep 2022 20:04:51 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.95.5",
7
+ "version": "0.95.5",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "78454019+lyzhan7@users.noreply.github.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9",
14
+ "comment": "Add border width test"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/button to v0.24.25",
20
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/tester",
25
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.25",
26
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/tester",
31
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.4.29",
32
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/tester",
37
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.19",
38
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/tester",
43
+ "comment": "Bump @fluentui-react-native/menu to v1.0.35",
44
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui-react-native/tester",
49
+ "comment": "Bump @fluentui-react-native/notification to v0.17.8",
50
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
51
+ },
52
+ {
53
+ "author": "beachball",
54
+ "package": "@fluentui-react-native/tester",
55
+ "comment": "Bump @fluentui/react-native to v0.32.19",
56
+ "commit": "c738f985915d011ced8cb7b713a3b5ca3f04cbd9"
57
+ }
58
+ ]
59
+ }
60
+ },
61
+ {
62
+ "date": "Tue, 20 Sep 2022 16:58:04 GMT",
63
+ "tag": "@fluentui-react-native/tester_v0.95.4",
64
+ "version": "0.95.4",
65
+ "comments": {
66
+ "patch": [
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui-react-native/switch to v0.6.7",
71
+ "commit": "725e9cb7c78a89c622c550a64a2a077660a7a2d0"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Sat, 17 Sep 2022 00:44:31 GMT",
6
78
  "tag": "@fluentui-react-native/tester_v0.95.3",
7
79
  "version": "0.95.3",
8
80
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,35 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Sat, 17 Sep 2022 00:44:17 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 20 Sep 2022 20:04:51 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.95.5
8
+
9
+ Tue, 20 Sep 2022 20:04:51 GMT
10
+
11
+ ### Patches
12
+
13
+ - Add border width test (78454019+lyzhan7@users.noreply.github.com)
14
+ - Bump @fluentui-react-native/button to v0.24.25
15
+ - Bump @fluentui-react-native/experimental-button to v0.16.25
16
+ - Bump @fluentui-react-native/experimental-menu-button to v0.4.29
17
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.19
18
+ - Bump @fluentui-react-native/menu to v1.0.35
19
+ - Bump @fluentui-react-native/notification to v0.17.8
20
+ - Bump @fluentui/react-native to v0.32.19
21
+
22
+ ## 0.95.4
23
+
24
+ Tue, 20 Sep 2022 16:58:04 GMT
25
+
26
+ ### Patches
27
+
28
+ - Bump @fluentui-react-native/switch to v0.6.7
29
+
7
30
  ## 0.95.3
8
31
 
9
- Sat, 17 Sep 2022 00:44:17 GMT
32
+ Sat, 17 Sep 2022 00:44:31 GMT
10
33
 
11
34
  ### Patches
12
35
 
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;AA0D/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
1
+ {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
package/lib/TestComponents/Shadow/ShadowDepthTestSection.js CHANGED
@@ -1,40 +1,35 @@
1
1
  import * as React from 'react';
2
- import { commonTestStyles } from '../Common/styles';
3
2
  import { View } from 'react-native';
4
3
  import { Text } from '@fluentui/react-native';
5
4
  import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
6
5
  import { useTheme } from '@fluentui-react-native/theme-types';
6
+ import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
7
7
  import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
8
- import { useFluentTheme } from '@fluentui-react-native/framework';
9
- var getThemedStyles = themedStyleSheet(function () {
8
+ var getThemedStyles = themedStyleSheet(function (t) {
10
9
  return {
11
- effectBox: {
10
+ shadowTestBox: {
12
11
  maxWidth: 732,
13
12
  minHeight: 64,
14
13
  borderRadius: 8,
15
- },
16
- padding: {
17
14
  padding: 20,
18
- },
19
- vmargin: {
20
15
  marginVertical: 16,
21
16
  marginHorizontal: 32,
22
17
  },
18
+ defaultBackground: {
19
+ backgroundColor: t.colors.background,
20
+ },
21
+ brandedBackground: {
22
+ backgroundColor: t.colors.brandedBackground,
23
+ },
23
24
  };
24
25
  });
25
26
  var ShadowTestBox = function (props) {
26
27
  var theme = useTheme();
27
28
  var themedStyles = getThemedStyles(theme);
28
- var backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
29
+ var backgroundColor = props.isBrand ? themedStyles.brandedBackground : themedStyles.defaultBackground;
29
30
  var textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
30
31
  return (React.createElement(Shadow, { shadowToken: props.shadowToken },
31
- React.createElement(View, { style: [
32
- commonTestStyles.view,
33
- themedStyles.effectBox,
34
- themedStyles.vmargin,
35
- themedStyles.padding,
36
- { backgroundColor: backgroundColor },
37
- ] },
32
+ React.createElement(View, { style: mergeStyles(themedStyles.shadowTestBox, backgroundColor) },
38
33
  React.createElement(Text, { variant: "bodySemibold", color: textColor }, props.shadowDepthText),
39
34
  React.createElement(Text, { color: textColor }, getShadowDescription(props.shadowToken)))));
40
35
  };
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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAC5F,OAAO,EAAe,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,IAAM,eAAe,GAAG,gBAAgB,CAAC;IACvC,OAAO;QACL,SAAS,EAAE;YACT,QAAQ,EAAE,GAAG;YACb,SAAS,EAAE,EAAE;YACb,YAAY,EAAE,CAAC;SAChB;QACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;SACZ;QACD,OAAO,EAAE;YACP,cAAc,EAAE,EAAE;YAClB,gBAAgB,EAAE,EAAE;SACrB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAQH,IAAM,aAAa,GAAgD,UAAC,KAAyB;IAC3F,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5C,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;IACjG,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;IAEzF,OAAO,CACL,oBAAC,MAAM,IAAC,WAAW,EAAE,KAAK,CAAC,WAAW;QACpC,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,gBAAgB,CAAC,IAAI;gBACrB,YAAY,CAAC,SAAS;gBACtB,YAAY,CAAC,OAAO;gBACpB,YAAY,CAAC,OAAO;gBACpB,EAAE,eAAe,EAAE,eAAe,EAAE;aACrC;YAED,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,EAAC,KAAK,EAAE,SAAS,IAC1C,KAAK,CAAC,eAAe,CACjB;YACP,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,oBAAoB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAQ,CACnE,CACA,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAA4B;IAC7D,IAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,aAAa,IAAC,eAAe,EAAC,UAAU,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAAI;QAChF,oBAAC,aAAa,IAAC,eAAe,EAAC,UAAU,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAAI;QAChF,oBAAC,aAAa,IAAC,eAAe,EAAC,UAAU,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAAI;QAChF,oBAAC,aAAa,IAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAI;QAClF,oBAAC,aAAa,IAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAI;QAClF,oBAAC,aAAa,IAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,GAAI;QAClF,oBAAC,aAAa,IAAC,eAAe,EAAC,gBAAgB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,GAAI;QAC1G,oBAAC,aAAa,IAAC,eAAe,EAAC,gBAAgB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,GAAI;QAC1G,oBAAC,aAAa,IAAC,eAAe,EAAC,gBAAgB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,GAAI;QAC1G,oBAAC,aAAa,IAAC,eAAe,EAAC,iBAAiB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,GAAI;QAC5G,oBAAC,aAAa,IAAC,eAAe,EAAC,iBAAiB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,GAAI;QAC5G,oBAAC,aAAa,IAAC,eAAe,EAAC,iBAAiB,EAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,EAAE,IAAI,GAAI,CACvG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,oBAAoB,CAAC,WAAwB;IACpD,IAAM,WAAW,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAExD,OAAO,CACL,aAAa;QACb,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC;QAC9F,WAAW;QACX,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3F,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ShadowDepthTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"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"}
package/lib/TestComponents/Shadow/ShadowTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAc9B,CAAC"}
1
+ {"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAc9B,CAAC"}
package/lib/TestComponents/Shadow/ShadowTest.js CHANGED
@@ -3,6 +3,7 @@ import { Test } from '../Test';
3
3
  import { SHADOW_TESTPAGE } from './consts';
4
4
  import { ShadowDepthTestSection } from './ShadowDepthTestSection';
5
5
  import { ShadowButtonTestSection } from './ShadowButtonTestSection';
6
+ import { ShadowWithDifferentPropsTestSection } from './ShadowWithDifferentPropsTestSection';
6
7
  var shadowSections = [
7
8
  {
8
9
  name: 'Shadow Depth Ramp',
@@ -14,6 +15,11 @@ var shadowSections = [
14
15
  testID: SHADOW_TESTPAGE,
15
16
  component: ShadowButtonTestSection,
16
17
  },
18
+ {
19
+ name: 'Shadows with Different Props Test',
20
+ testID: SHADOW_TESTPAGE,
21
+ component: ShadowWithDifferentPropsTestSection,
22
+ },
17
23
  ];
18
24
  export var ShadowTest = function () {
19
25
  var 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,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,IAAM,IAAI,GAAG,mGAAmG,CAAC;IAEjH,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,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;AACpE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,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;IACD;QACE,IAAI,EAAE,mCAAmC;QACzC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,mCAAmC;KAC/C;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,IAAM,IAAI,GAAG,mGAAmG,CAAC;IAEjH,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC"}
package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare const ShadowWithDifferentPropsTestSection: React.FunctionComponent;
3
+ //# sourceMappingURL=ShadowWithDifferentPropsTestSection.d.ts.map
package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShadowWithDifferentPropsTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4C/B,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,iBA4CvD,CAAC"}
package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js ADDED
@@ -0,0 +1,61 @@
1
+ import { __assign } from "tslib";
2
+ import * as React from 'react';
3
+ import { Text } from '@fluentui/react-native';
4
+ import { Shadow } from '@fluentui-react-native/experimental-shadow';
5
+ import { useFluentTheme } from '@fluentui-react-native/framework';
6
+ import { View } from 'react-native';
7
+ import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
8
+ import { mergeStyles } from '@fluentui-react-native/merge-props';
9
+ var getThemedStyles = themedStyleSheet(function (t) {
10
+ var defaultShadowTestBoxPropsWithoutSpacing = {
11
+ maxWidth: 732,
12
+ minHeight: 64,
13
+ backgroundColor: t.colors.background,
14
+ };
15
+ var marginTestProps = {
16
+ marginVertical: 16,
17
+ marginHorizontal: 32,
18
+ };
19
+ var paddingTestProps = {
20
+ padding: 20,
21
+ };
22
+ return {
23
+ headerTextPadding: {
24
+ padding: 16,
25
+ },
26
+ defaultShadowTestBoxPropsWithoutSpacing: defaultShadowTestBoxPropsWithoutSpacing,
27
+ defaultShadowTestBoxProps: __assign(__assign(__assign({}, defaultShadowTestBoxPropsWithoutSpacing), marginTestProps), paddingTestProps),
28
+ marginTestProps: marginTestProps,
29
+ paddingTestProps: paddingTestProps,
30
+ borderRadiusTestProps: {
31
+ borderRadius: 8,
32
+ },
33
+ borderWidthTestProps: {
34
+ borderWidth: 2,
35
+ borderColor: 'black',
36
+ },
37
+ };
38
+ });
39
+ export var ShadowWithDifferentPropsTestSection = function () {
40
+ var theme = useFluentTheme();
41
+ var themedStyles = getThemedStyles(theme);
42
+ return (React.createElement(View, null,
43
+ React.createElement(Text, { style: themedStyles.headerTextPadding }, "The following tests have a Shadow16 set on a child view that has some specific props."),
44
+ React.createElement(View, null,
45
+ React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
46
+ React.createElement(View, { style: themedStyles.defaultShadowTestBoxProps },
47
+ React.createElement(Text, { variant: "bodySemibold" }, "padding: 20, marginVertical: 16, marginHorizontal: 32"))),
48
+ React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
49
+ React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.paddingTestProps) },
50
+ React.createElement(Text, { variant: "bodySemibold" }, "padding only"))),
51
+ React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
52
+ React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.marginTestProps) },
53
+ React.createElement(Text, { variant: "bodySemibold" }, "margins only"))),
54
+ React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
55
+ React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps) },
56
+ React.createElement(Text, { variant: "bodySemibold" }, "borderRadius: 8"))),
57
+ React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
58
+ React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps, themedStyles.borderWidthTestProps) },
59
+ React.createElement(Text, { variant: "bodySemibold" }, "borderWidth: 2"))))));
60
+ };
61
+ //# sourceMappingURL=ShadowWithDifferentPropsTestSection.js.map
package/lib/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShadowWithDifferentPropsTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx"],"names":[],"mappings":"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"}
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;AA0D/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
1
+ {"version":3,"file":"ShadowDepthTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowDepthTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAmB1C,CAAC"}
package/lib-commonjs/TestComponents/Shadow/ShadowDepthTestSection.js CHANGED
@@ -3,42 +3,37 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ShadowDepthTestSection = void 0;
4
4
  var tslib_1 = require("tslib");
5
5
  var React = (0, tslib_1.__importStar)(require("react"));
6
- var styles_1 = require("../Common/styles");
7
6
  var react_native_1 = require("react-native");
8
7
  var react_native_2 = require("@fluentui/react-native");
9
8
  var experimental_shadow_1 = require("@fluentui-react-native/experimental-shadow");
10
9
  var theme_types_1 = require("@fluentui-react-native/theme-types");
11
- var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
12
10
  var framework_1 = require("@fluentui-react-native/framework");
13
- var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function () {
11
+ var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
12
+ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
14
13
  return {
15
- effectBox: {
14
+ shadowTestBox: {
16
15
  maxWidth: 732,
17
16
  minHeight: 64,
18
17
  borderRadius: 8,
19
- },
20
- padding: {
21
18
  padding: 20,
22
- },
23
- vmargin: {
24
19
  marginVertical: 16,
25
20
  marginHorizontal: 32,
26
21
  },
22
+ defaultBackground: {
23
+ backgroundColor: t.colors.background,
24
+ },
25
+ brandedBackground: {
26
+ backgroundColor: t.colors.brandedBackground,
27
+ },
27
28
  };
28
29
  });
29
30
  var ShadowTestBox = function (props) {
30
31
  var theme = (0, theme_types_1.useTheme)();
31
32
  var themedStyles = getThemedStyles(theme);
32
- var backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
33
+ var backgroundColor = props.isBrand ? themedStyles.brandedBackground : themedStyles.defaultBackground;
33
34
  var textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
34
35
  return (React.createElement(experimental_shadow_1.Shadow, { shadowToken: props.shadowToken },
35
- React.createElement(react_native_1.View, { style: [
36
- styles_1.commonTestStyles.view,
37
- themedStyles.effectBox,
38
- themedStyles.vmargin,
39
- themedStyles.padding,
40
- { backgroundColor: backgroundColor },
41
- ] },
36
+ React.createElement(react_native_1.View, { style: (0, framework_1.mergeStyles)(themedStyles.shadowTestBox, backgroundColor) },
42
37
  React.createElement(react_native_2.Text, { variant: "bodySemibold", color: textColor }, props.shadowDepthText),
43
38
  React.createElement(react_native_2.Text, { color: textColor }, getShadowDescription(props.shadowToken)))));
44
39
  };
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.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAc9B,CAAC"}
1
+ {"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAc9B,CAAC"}
package/lib-commonjs/TestComponents/Shadow/ShadowTest.js CHANGED
@@ -7,6 +7,7 @@ var Test_1 = require("../Test");
7
7
  var consts_1 = require("./consts");
8
8
  var ShadowDepthTestSection_1 = require("./ShadowDepthTestSection");
9
9
  var ShadowButtonTestSection_1 = require("./ShadowButtonTestSection");
10
+ var ShadowWithDifferentPropsTestSection_1 = require("./ShadowWithDifferentPropsTestSection");
10
11
  var shadowSections = [
11
12
  {
12
13
  name: 'Shadow Depth Ramp',
@@ -18,6 +19,11 @@ var shadowSections = [
18
19
  testID: consts_1.SHADOW_TESTPAGE,
19
20
  component: ShadowButtonTestSection_1.ShadowButtonTestSection,
20
21
  },
22
+ {
23
+ name: 'Shadows with Different Props Test',
24
+ testID: consts_1.SHADOW_TESTPAGE,
25
+ component: ShadowWithDifferentPropsTestSection_1.ShadowWithDifferentPropsTestSection,
26
+ },
21
27
  ];
22
28
  var ShadowTest = function () {
23
29
  var 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,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,IAAM,IAAI,GAAG,mGAAmG,CAAC;IAEjH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}
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;AACpE,6FAA4F;AAE5F,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;IACD;QACE,IAAI,EAAE,mCAAmC;QACzC,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,yEAAmC;KAC/C;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,IAAM,IAAI,GAAG,mGAAmG,CAAC;IAEjH,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACrH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB"}
package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ export declare const ShadowWithDifferentPropsTestSection: React.FunctionComponent;
3
+ //# sourceMappingURL=ShadowWithDifferentPropsTestSection.d.ts.map
package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShadowWithDifferentPropsTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4C/B,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,iBA4CvD,CAAC"}
package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js ADDED
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ShadowWithDifferentPropsTestSection = void 0;
4
+ var tslib_1 = require("tslib");
5
+ var React = (0, tslib_1.__importStar)(require("react"));
6
+ var react_native_1 = require("@fluentui/react-native");
7
+ var experimental_shadow_1 = require("@fluentui-react-native/experimental-shadow");
8
+ var framework_1 = require("@fluentui-react-native/framework");
9
+ var react_native_2 = require("react-native");
10
+ var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
11
+ var merge_props_1 = require("@fluentui-react-native/merge-props");
12
+ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
13
+ var defaultShadowTestBoxPropsWithoutSpacing = {
14
+ maxWidth: 732,
15
+ minHeight: 64,
16
+ backgroundColor: t.colors.background,
17
+ };
18
+ var marginTestProps = {
19
+ marginVertical: 16,
20
+ marginHorizontal: 32,
21
+ };
22
+ var paddingTestProps = {
23
+ padding: 20,
24
+ };
25
+ return {
26
+ headerTextPadding: {
27
+ padding: 16,
28
+ },
29
+ defaultShadowTestBoxPropsWithoutSpacing: defaultShadowTestBoxPropsWithoutSpacing,
30
+ defaultShadowTestBoxProps: (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultShadowTestBoxPropsWithoutSpacing), marginTestProps), paddingTestProps),
31
+ marginTestProps: marginTestProps,
32
+ paddingTestProps: paddingTestProps,
33
+ borderRadiusTestProps: {
34
+ borderRadius: 8,
35
+ },
36
+ borderWidthTestProps: {
37
+ borderWidth: 2,
38
+ borderColor: 'black',
39
+ },
40
+ };
41
+ });
42
+ var ShadowWithDifferentPropsTestSection = function () {
43
+ var theme = (0, framework_1.useFluentTheme)();
44
+ var themedStyles = getThemedStyles(theme);
45
+ return (React.createElement(react_native_2.View, null,
46
+ React.createElement(react_native_1.Text, { style: themedStyles.headerTextPadding }, "The following tests have a Shadow16 set on a child view that has some specific props."),
47
+ React.createElement(react_native_2.View, null,
48
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
49
+ React.createElement(react_native_2.View, { style: themedStyles.defaultShadowTestBoxProps },
50
+ React.createElement(react_native_1.Text, { variant: "bodySemibold" }, "padding: 20, marginVertical: 16, marginHorizontal: 32"))),
51
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
52
+ React.createElement(react_native_2.View, { style: (0, merge_props_1.mergeStyles)(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.paddingTestProps) },
53
+ React.createElement(react_native_1.Text, { variant: "bodySemibold" }, "padding only"))),
54
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
55
+ React.createElement(react_native_2.View, { style: (0, merge_props_1.mergeStyles)(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.marginTestProps) },
56
+ React.createElement(react_native_1.Text, { variant: "bodySemibold" }, "margins only"))),
57
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
58
+ React.createElement(react_native_2.View, { style: (0, merge_props_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps) },
59
+ React.createElement(react_native_1.Text, { variant: "bodySemibold" }, "borderRadius: 8"))),
60
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: theme.shadows.shadow16 },
61
+ React.createElement(react_native_2.View, { style: (0, merge_props_1.mergeStyles)(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps, themedStyles.borderWidthTestProps) },
62
+ React.createElement(react_native_1.Text, { variant: "bodySemibold" }, "borderWidth: 2"))))));
63
+ };
64
+ exports.ShadowWithDifferentPropsTestSection = ShadowWithDifferentPropsTestSection;
65
+ //# sourceMappingURL=ShadowWithDifferentPropsTestSection.js.map
package/lib-commonjs/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShadowWithDifferentPropsTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA8C;AAC9C,kFAAoE;AACpE,8DAAyE;AACzE,6CAAoC;AACpC,8EAA4E;AAC5E,kEAAiE;AAEjE,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IAChD,IAAM,uCAAuC,GAAG;QAC9C,QAAQ,EAAE,GAAG;QACb,SAAS,EAAE,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;KACrC,CAAC;IACF,IAAM,eAAe,GAAG;QACtB,cAAc,EAAE,EAAE;QAClB,gBAAgB,EAAE,EAAE;KACrB,CAAC;IACF,IAAM,gBAAgB,GAAG;QACvB,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,OAAO;QACL,iBAAiB,EAAE;YACjB,OAAO,EAAE,EAAE;SACZ;QACD,uCAAuC,yCAAA;QACvC,yBAAyB,wEACpB,uCAAuC,GACvC,eAAe,GACf,gBAAgB,CACpB;QACD,eAAe,iBAAA;QACf,gBAAgB,kBAAA;QAChB,qBAAqB,EAAE;YACrB,YAAY,EAAE,CAAC;SAChB;QACD,oBAAoB,EAAE;YACpB,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;SACrB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEI,IAAM,mCAAmC,GAA4B;IAC1E,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,iBAAiB,4FAEpC;QACP,oBAAC,mBAAI;YACH,oBAAC,4BAAM,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;gBACzC,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,yBAAyB;oBACjD,oBAAC,mBAAI,IAAC,OAAO,EAAC,cAAc,4DAA6D,CACpF,CACA;YACT,oBAAC,4BAAM,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;gBACzC,oBAAC,mBAAI,IAAC,KAAK,EAAE,IAAA,yBAAW,EAAC,YAAY,CAAC,uCAAuC,EAAE,YAAY,CAAC,gBAAgB,CAAC;oBAC3G,oBAAC,mBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB,CAC3C,CACA;YACT,oBAAC,4BAAM,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;gBACzC,oBAAC,mBAAI,IAAC,KAAK,EAAE,IAAA,yBAAW,EAAC,YAAY,CAAC,uCAAuC,EAAE,YAAY,CAAC,eAAe,CAAC;oBAC1G,oBAAC,mBAAI,IAAC,OAAO,EAAC,cAAc,mBAAoB,CAC3C,CACA;YACT,oBAAC,4BAAM,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;gBACzC,oBAAC,mBAAI,IAAC,KAAK,EAAE,IAAA,yBAAW,EAAC,YAAY,CAAC,yBAAyB,EAAE,YAAY,CAAC,qBAAqB,CAAC;oBAClG,oBAAC,mBAAI,IAAC,OAAO,EAAC,cAAc,sBAAuB,CAC9C,CACA;YACT,oBAAC,4BAAM,IAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ;gBACzC,oBAAC,mBAAI,IACH,KAAK,EAAE,IAAA,yBAAW,EAChB,YAAY,CAAC,yBAAyB,EACtC,YAAY,CAAC,qBAAqB,EAClC,YAAY,CAAC,oBAAoB,CAClC;oBAED,oBAAC,mBAAI,IAAC,OAAO,EAAC,cAAc,qBAAsB,CAC7C,CACA,CACJ,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA5CW,QAAA,mCAAmC,uCA4C9C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.95.3",
3
+ "version": "0.95.5",
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>",
@@ -40,35 +40,36 @@
40
40
  "@fluentui-react-native/apple-theme": ">=0.14.1 <1.0.0",
41
41
  "@fluentui-react-native/avatar": "^1.2.9",
42
42
  "@fluentui-react-native/badge": ">=0.1.32 <1.0.0",
43
- "@fluentui-react-native/button": ">=0.24.24 <1.0.0",
43
+ "@fluentui-react-native/button": ">=0.24.25 <1.0.0",
44
44
  "@fluentui-react-native/default-theme": ">=0.15.1 <1.0.0",
45
45
  "@fluentui-react-native/dropdown": ">=0.4.0 <1.0.0",
46
46
  "@fluentui-react-native/experimental-activity-indicator": ">=0.6.3 <1.0.0",
47
47
  "@fluentui-react-native/experimental-avatar": ">=0.16.4 <1.0.0",
48
- "@fluentui-react-native/experimental-button": "0.16.24",
48
+ "@fluentui-react-native/experimental-button": "0.16.25",
49
49
  "@fluentui-react-native/experimental-checkbox": "0.12.16",
50
50
  "@fluentui-react-native/experimental-expander": "0.4.3",
51
- "@fluentui-react-native/experimental-menu-button": ">=0.4.28 <1.0.0",
51
+ "@fluentui-react-native/experimental-menu-button": ">=0.4.29 <1.0.0",
52
52
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.0 <1.0.0",
53
53
  "@fluentui-react-native/experimental-radio-group": "^0.3.3",
54
- "@fluentui-react-native/experimental-shadow": "0.2.18",
54
+ "@fluentui-react-native/experimental-shadow": "0.2.19",
55
55
  "@fluentui-react-native/experimental-shimmer": "0.7.3",
56
56
  "@fluentui-react-native/experimental-tabs": "0.5.14",
57
57
  "@fluentui-react-native/experimental-text": ">=0.11.5 <1.0.0",
58
58
  "@fluentui-react-native/framework": ">=0.8.3 <1.0.0",
59
59
  "@fluentui-react-native/icon": "0.13.8",
60
60
  "@fluentui-react-native/interactive-hooks": ">=0.18.5 <1.0.0",
61
- "@fluentui-react-native/menu": "^1.0.34",
62
- "@fluentui-react-native/notification": "0.17.7",
61
+ "@fluentui-react-native/menu": "^1.0.35",
62
+ "@fluentui-react-native/merge-props": ">=0.5.0 <1.0.0",
63
+ "@fluentui-react-native/notification": "0.17.8",
63
64
  "@fluentui-react-native/stack": ">=0.7.7 <1.0.0",
64
- "@fluentui-react-native/switch": "^0.6.6",
65
+ "@fluentui-react-native/switch": "^0.6.7",
65
66
  "@fluentui-react-native/text": ">=0.14.4 <1.0.0",
66
67
  "@fluentui-react-native/theme": ">=0.7.1 <1.0.0",
67
68
  "@fluentui-react-native/theme-types": ">=0.19.0 <1.0.0",
68
69
  "@fluentui-react-native/themed-stylesheet": "^1.4.0",
69
70
  "@fluentui-react-native/theming-utils": ">=0.15.1 <1.0.0",
70
71
  "@fluentui-react-native/win32-theme": ">=0.21.1 <1.0.0",
71
- "@fluentui/react-native": ">=0.32.18 <1.0.0",
72
+ "@fluentui/react-native": ">=0.32.19 <1.0.0",
72
73
  "@react-native-community/slider": "^4.2.0",
73
74
  "@react-native-menu/menu": "^0.1.2",
74
75
  "@react-native-picker/picker": "^2.2.1",
package/src/TestComponents/Shadow/ShadowDepthTestSection.tsx CHANGED
@@ -1,26 +1,27 @@
1
1
  import * as React from 'react';
2
- import { commonTestStyles } from '../Common/styles';
3
2
  import { View } from 'react-native';
4
3
  import { Text } from '@fluentui/react-native';
5
4
  import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
6
- import { ShadowToken, useTheme } from '@fluentui-react-native/theme-types';
5
+ import { ShadowToken, Theme, useTheme } from '@fluentui-react-native/theme-types';
6
+ import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
7
7
  import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
8
- import { useFluentTheme } from '@fluentui-react-native/framework';
9
8
 
10
- const getThemedStyles = themedStyleSheet(() => {
9
+ const getThemedStyles = themedStyleSheet((t: Theme) => {
11
10
  return {
12
- effectBox: {
11
+ shadowTestBox: {
13
12
  maxWidth: 732,
14
13
  minHeight: 64,
15
14
  borderRadius: 8,
16
- },
17
- padding: {
18
15
  padding: 20,
19
- },
20
- vmargin: {
21
16
  marginVertical: 16,
22
17
  marginHorizontal: 32,
23
18
  },
19
+ defaultBackground: {
20
+ backgroundColor: t.colors.background,
21
+ },
22
+ brandedBackground: {
23
+ backgroundColor: t.colors.brandedBackground,
24
+ },
24
25
  };
25
26
  });
26
27
 
@@ -33,20 +34,13 @@ interface ShadowTestBoxProps {
33
34
  const ShadowTestBox: React.FunctionComponent<ShadowTestBoxProps> = (props: ShadowTestBoxProps) => {
34
35
  const theme = useTheme();
35
36
  const themedStyles = getThemedStyles(theme);
36
- const backgroundColor = props.isBrand ? theme.colors.brandedBackground : theme.colors.background;
37
+
38
+ const backgroundColor = props.isBrand ? themedStyles.brandedBackground : themedStyles.defaultBackground;
37
39
  const textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
38
40
 
39
41
  return (
40
42
  <Shadow shadowToken={props.shadowToken}>
41
- <View
42
- style={[
43
- commonTestStyles.view,
44
- themedStyles.effectBox,
45
- themedStyles.vmargin,
46
- themedStyles.padding,
47
- { backgroundColor: backgroundColor },
48
- ]}
49
- >
43
+ <View style={mergeStyles(themedStyles.shadowTestBox, backgroundColor)}>
50
44
  <Text variant="bodySemibold" color={textColor}>
51
45
  {props.shadowDepthText}
52
46
  </Text>
package/src/TestComponents/Shadow/ShadowTest.tsx CHANGED
@@ -3,6 +3,7 @@ import { Test, TestSection, PlatformStatus } from '../Test';
3
3
  import { SHADOW_TESTPAGE } from './consts';
4
4
  import { ShadowDepthTestSection } from './ShadowDepthTestSection';
5
5
  import { ShadowButtonTestSection } from './ShadowButtonTestSection';
6
+ import { ShadowWithDifferentPropsTestSection } from './ShadowWithDifferentPropsTestSection';
6
7
 
7
8
  const shadowSections: TestSection[] = [
8
9
  {
@@ -15,6 +16,11 @@ const shadowSections: TestSection[] = [
15
16
  testID: SHADOW_TESTPAGE,
16
17
  component: ShadowButtonTestSection,
17
18
  },
19
+ {
20
+ name: 'Shadows with Different Props Test',
21
+ testID: SHADOW_TESTPAGE,
22
+ component: ShadowWithDifferentPropsTestSection,
23
+ },
18
24
  ];
19
25
 
20
26
  export const ShadowTest: React.FunctionComponent = () => {
package/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.tsx ADDED
@@ -0,0 +1,89 @@
1
+ import * as React from 'react';
2
+ import { Text } from '@fluentui/react-native';
3
+ import { Shadow } from '@fluentui-react-native/experimental-shadow';
4
+ import { Theme, useFluentTheme } from '@fluentui-react-native/framework';
5
+ import { View } from 'react-native';
6
+ import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
7
+ import { mergeStyles } from '@fluentui-react-native/merge-props';
8
+
9
+ const getThemedStyles = themedStyleSheet((t: Theme) => {
10
+ const defaultShadowTestBoxPropsWithoutSpacing = {
11
+ maxWidth: 732,
12
+ minHeight: 64,
13
+ backgroundColor: t.colors.background,
14
+ };
15
+ const marginTestProps = {
16
+ marginVertical: 16,
17
+ marginHorizontal: 32,
18
+ };
19
+ const paddingTestProps = {
20
+ padding: 20,
21
+ };
22
+
23
+ return {
24
+ headerTextPadding: {
25
+ padding: 16,
26
+ },
27
+ defaultShadowTestBoxPropsWithoutSpacing,
28
+ defaultShadowTestBoxProps: {
29
+ ...defaultShadowTestBoxPropsWithoutSpacing,
30
+ ...marginTestProps,
31
+ ...paddingTestProps,
32
+ },
33
+ marginTestProps,
34
+ paddingTestProps,
35
+ borderRadiusTestProps: {
36
+ borderRadius: 8,
37
+ },
38
+ borderWidthTestProps: {
39
+ borderWidth: 2,
40
+ borderColor: 'black',
41
+ },
42
+ };
43
+ });
44
+
45
+ export const ShadowWithDifferentPropsTestSection: React.FunctionComponent = () => {
46
+ const theme = useFluentTheme();
47
+ const themedStyles = getThemedStyles(theme);
48
+
49
+ return (
50
+ <View>
51
+ <Text style={themedStyles.headerTextPadding}>
52
+ The following tests have a Shadow16 set on a child view that has some specific props.
53
+ </Text>
54
+ <View>
55
+ <Shadow shadowToken={theme.shadows.shadow16}>
56
+ <View style={themedStyles.defaultShadowTestBoxProps}>
57
+ <Text variant="bodySemibold">padding: 20, marginVertical: 16, marginHorizontal: 32</Text>
58
+ </View>
59
+ </Shadow>
60
+ <Shadow shadowToken={theme.shadows.shadow16}>
61
+ <View style={mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.paddingTestProps)}>
62
+ <Text variant="bodySemibold">padding only</Text>
63
+ </View>
64
+ </Shadow>
65
+ <Shadow shadowToken={theme.shadows.shadow16}>
66
+ <View style={mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.marginTestProps)}>
67
+ <Text variant="bodySemibold">margins only</Text>
68
+ </View>
69
+ </Shadow>
70
+ <Shadow shadowToken={theme.shadows.shadow16}>
71
+ <View style={mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps)}>
72
+ <Text variant="bodySemibold">borderRadius: 8</Text>
73
+ </View>
74
+ </Shadow>
75
+ <Shadow shadowToken={theme.shadows.shadow16}>
76
+ <View
77
+ style={mergeStyles(
78
+ themedStyles.defaultShadowTestBoxProps,
79
+ themedStyles.borderRadiusTestProps,
80
+ themedStyles.borderWidthTestProps,
81
+ )}
82
+ >
83
+ <Text variant="bodySemibold">borderWidth: 2</Text>
84
+ </View>
85
+ </Shadow>
86
+ </View>
87
+ </View>
88
+ );
89
+ };