@fluentui-react-native/tester 0.72.1 → 0.73.1

package/CHANGELOG.json

@@ -2,7 +2,106 @@
   "name": "@fluentui-react-native/tester",
   "entries": [
     {
-      "date": "Tue, 12 Jul 2022 15:30:14 GMT",
+      "date": "Wed, 13 Jul 2022 23:23:25 GMT",
+      "tag": "@fluentui-react-native/tester_v0.73.1",
+      "version": "0.73.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "78454019+lyzhan7@users.noreply.github.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0",
+            "comment": "Add shadow to FAB"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/button to v0.23.0",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-button to v0.15.33",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.54",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.3",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/menu to v1.0.6",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/notification to v0.6.1",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui/react-native to v0.30.8",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Jul 2022 18:02:07 GMT",
+      "tag": "@fluentui-react-native/tester_v0.73.0",
+      "version": "0.73.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "joannaquu@gmail.com",
+            "package": "@fluentui-react-native/tester",
+            "commit": "ff827a5fcc714ea296983898fcb7e95871bccb0a",
+            "comment": "add optional icon"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/notification to v0.6.0",
+            "commit": "ff827a5fcc714ea296983898fcb7e95871bccb0a"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Jul 2022 17:07:10 GMT",
+      "tag": "@fluentui-react-native/tester_v0.72.2",
+      "version": "0.72.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/avatar to v1.1.10",
+            "commit": "93a3f45d6843ab35c6fdef51557a3591079a7511"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/tester",
+            "comment": "Bump @fluentui-react-native/badge to v0.0.49",
+            "commit": "93a3f45d6843ab35c6fdef51557a3591079a7511"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Jul 2022 15:30:28 GMT",
       "tag": "@fluentui-react-native/tester_v0.72.1",
       "version": "0.72.1",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,45 @@
 # Change Log - @fluentui-react-native/tester
 
-This log was last generated on Tue, 12 Jul 2022 15:30:14 GMT and should not be manually modified.
+This log was last generated on Wed, 13 Jul 2022 23:23:25 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.73.1
+
+Wed, 13 Jul 2022 23:23:25 GMT
+
+### Patches
+
+- Add shadow to FAB (78454019+lyzhan7@users.noreply.github.com)
+- Bump @fluentui-react-native/button to v0.23.0
+- Bump @fluentui-react-native/experimental-button to v0.15.33
+- Bump @fluentui-react-native/experimental-menu-button to v0.3.54
+- Bump @fluentui-react-native/experimental-shadow to v0.2.3
+- Bump @fluentui-react-native/menu to v1.0.6
+- Bump @fluentui-react-native/notification to v0.6.1
+- Bump @fluentui/react-native to v0.30.8
+
+## 0.73.0
+
+Tue, 12 Jul 2022 18:02:07 GMT
+
+### Minor changes
+
+- add optional icon (joannaquu@gmail.com)
+- Bump @fluentui-react-native/notification to v0.6.0
+
+## 0.72.2
+
+Tue, 12 Jul 2022 17:07:10 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/avatar to v1.1.10
+- Bump @fluentui-react-native/badge to v0.0.49
+
 ## 0.72.1
 
-Tue, 12 Jul 2022 15:30:14 GMT
+Tue, 12 Jul 2022 15:30:28 GMT
 
 ### Patches
 

package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA8CrC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA+CrC,CAAC"}

package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js

@@ -9,6 +9,7 @@ export var ButtonVariantTest = function () {
         src: TestSvg,
         viewBox: '0 0 500 500',
     };
+    var iconProps = { svgSource: svgProps, width: 20, height: 20 };
     return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
         React.createElement(Button, { style: commonTestStyles.vmargin }, "Default"),
         React.createElement(Button, { disabled: true, style: commonTestStyles.vmargin }, "Default Disabled"),
@@ -22,7 +23,7 @@ export var ButtonVariantTest = function () {
         React.createElement(CompoundButton, { secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Default"),
         React.createElement(CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Primary"),
         React.createElement(CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: commonTestStyles.vmargin }, "Subtle"),
-        React.createElement(FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }),
-        React.createElement(FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: commonTestStyles.vmargin }, "FAB")));
+        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }),
+        React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }, "FAB")));
 };
 //# sourceMappingURL=ButtonVariantTestSection.js.map

package/lib/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,8EAA8E;AAC9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,8EAA8E;AAC9E,MAAM,CAAC,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,MAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,GAAI;QACzD,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,UAE/C,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Notification/NotificationTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqJ/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}
+{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6J/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

package/lib/FluentTester/TestComponents/Notification/NotificationTest.js

@@ -1,13 +1,18 @@
 import * as React from 'react';
 import { Notification } from '@fluentui-react-native/notification';
 import { Test } from '../Test';
+import PlayButton from './assets/play_button.svg';
+var svgProps = {
+    src: PlayButton,
+};
+var iconProps = { svgSource: svgProps };
 var PrimaryTest = function () {
     return (React.createElement(Notification, { variant: 'primary', action: "Undo", onPress: function () {
             console.log('Notification tapped');
         } }, "Mail Archived"));
 };
-var PrimaryTestWithTitle = function () {
-    return (React.createElement(Notification, { variant: 'primary', title: "Kat's iPhone X", action: "X", onPress: function () {
+var PrimaryTestWithTitleAndIcon = function () {
+    return (React.createElement(Notification, { variant: 'primary', icon: iconProps, title: "Kat's iPhone X", action: "X", onPress: function () {
             console.log('Notification tapped');
         } }, "Listen to Emails \u2022 7 mins"));
 };
@@ -47,8 +52,8 @@ var notificationSections = [
         component: PrimaryTest,
     },
     {
-        name: 'Primary With Title',
-        component: PrimaryTestWithTitle,
+        name: 'Primary with Title and Icon',
+        component: PrimaryTestWithTitleAndIcon,
     },
     {
         name: 'Neutral',

package/lib/FluentTester/TestComponents/Notification/NotificationTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}

package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ShadowButtonTestSection: React.FunctionComponent;
+//# sourceMappingURL=ShadowButtonTestSection.d.ts.map

package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAgB3C,CAAC"}

package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { FAB, Text } from '@fluentui/react-native';
+import { commonTestStyles, stackStyle } from '../Common/styles';
+var CustomFABNoShadow = FAB.customize({ shadowDepth: undefined });
+var CustomFABShadow64 = FAB.customize({ shadowDepth: 'shadow64' });
+export var ShadowButtonTestSection = function () {
+    if (Platform.OS === 'ios') {
+        return (React.createElement(View, { style: stackStyle },
+            React.createElement(FAB, { style: commonTestStyles.vmargin }, "FAB with default shadow"),
+            React.createElement(CustomFABShadow64, { style: commonTestStyles.vmargin }, "Custom FAB with shadow64"),
+            React.createElement(CustomFABNoShadow, { style: commonTestStyles.vmargin }, "Custom FAB with no shadow")));
+    }
+    else {
+        return (React.createElement(View, { style: stackStyle },
+            React.createElement(Text, null, "Shadows only implemented for iOS at this time")));
+    }
+};
+//# sourceMappingURL=ShadowButtonTestSection.js.map

package/lib/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;AAErE,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,GAAG,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAA+B;YACnE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,+BAA8C;YAChG,oBAAC,iBAAiB,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAA+C,CAC5F,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC"}

package/lib/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
+{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js

@@ -1,11 +1,8 @@
 import * as React from 'react';
-import { Text } from '@fluentui/react-native';
 import { Test } from '../Test';
 import { SHADOW_TESTPAGE } from './consts';
 import { ShadowDepthTestSection } from './ShadowDepthTestSection';
-var ShadowButtonTest = function () {
-    return React.createElement(Text, null, "TODO");
-};
+import { ShadowButtonTestSection } from './ShadowButtonTestSection';
 var shadowSections = [
     {
         name: 'Shadow Depth Ramp',
@@ -15,7 +12,7 @@ var shadowSections = [
     {
         name: 'Shadows on Button Examples',
         testID: SHADOW_TESTPAGE,
-        component: ShadowButtonTest,
+        component: ShadowButtonTestSection,
     },
 ];
 export var ShadowTest = function () {

package/lib/FluentTester/TestComponents/Shadow/ShadowTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,IAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}
+{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,uBAAuB;KACnC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA8CrC,CAAC"}
+{"version":3,"file":"ButtonVariantTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBA+CrC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js

@@ -13,6 +13,7 @@ var ButtonVariantTest = function () {
         src: test_svg_1.default,
         viewBox: '0 0 500 500',
     };
+    var iconProps = { svgSource: svgProps, width: 20, height: 20 };
     return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
         React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin }, "Default"),
         React.createElement(experimental_button_1.Button, { disabled: true, style: styles_1.commonTestStyles.vmargin }, "Default Disabled"),
@@ -26,8 +27,8 @@ var ButtonVariantTest = function () {
         React.createElement(experimental_button_1.CompoundButton, { secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Default"),
         React.createElement(experimental_button_1.CompoundButton, { appearance: "primary", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Primary"),
         React.createElement(experimental_button_1.CompoundButton, { appearance: "subtle", secondaryContent: "Compound", style: styles_1.commonTestStyles.vmargin }, "Subtle"),
-        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }),
-        React.createElement(experimental_button_1.FAB, { icon: { svgSource: svgProps, width: 20, height: 20 }, style: styles_1.commonTestStyles.vmargin }, "FAB")));
+        React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin }),
+        React.createElement(experimental_button_1.FAB, { icon: iconProps, style: styles_1.commonTestStyles.vmargin }, "FAB")));
 };
 exports.ButtonVariantTest = ButtonVariantTest;
 //# sourceMappingURL=ButtonVariantTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/Button/ButtonVariantTestSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyF;AACzF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,qEAAiC;AAEjC,8EAA8E;AACvE,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QAC9F,oBAAC,yBAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpF,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,iBAAiB,qBA8C5B"}
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAyF;AACzF,wDAA+B;AAC/B,6CAAoC;AACpC,2CAAgE;AAEhE,qEAAiC;AAEjC,8EAA8E;AACvE,IAAM,iBAAiB,GAA4B;IACxD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,SAAS,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEjE,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAAkB;QACzD,oBAAC,4BAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAEvC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAEnD;QACT,oBAAC,4BAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,uBAE5D;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAElD;QACT,oBAAC,4BAAM,IAAC,OAAO,2BAAwB;QACvC,oBAAC,4BAAM,IAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,YAEpC;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,oBAEzD;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,mBAExD;QACT,oBAAC,oCAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE1D;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,cAE/E;QACjB,oBAAC,oCAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,aAE9E;QACjB,oBAAC,yBAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,GAAI;QACzD,oBAAC,yBAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,iBAAiB,qBA+C5B"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqJ/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}
+{"version":3,"file":"NotificationTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6J/B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAYpC,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js

@@ -5,13 +5,18 @@ var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
 var notification_1 = require("@fluentui-react-native/notification");
 var Test_1 = require("../Test");
+var play_button_svg_1 = (0, tslib_1.__importDefault)(require("./assets/play_button.svg"));
+var svgProps = {
+    src: play_button_svg_1.default,
+};
+var iconProps = { svgSource: svgProps };
 var PrimaryTest = function () {
     return (React.createElement(notification_1.Notification, { variant: 'primary', action: "Undo", onPress: function () {
             console.log('Notification tapped');
         } }, "Mail Archived"));
 };
-var PrimaryTestWithTitle = function () {
-    return (React.createElement(notification_1.Notification, { variant: 'primary', title: "Kat's iPhone X", action: "X", onPress: function () {
+var PrimaryTestWithTitleAndIcon = function () {
+    return (React.createElement(notification_1.Notification, { variant: 'primary', icon: iconProps, title: "Kat's iPhone X", action: "X", onPress: function () {
             console.log('Notification tapped');
         } }, "Listen to Emails \u2022 7 mins"));
 };
@@ -51,8 +56,8 @@ var notificationSections = [
         component: PrimaryTest,
     },
     {
-        name: 'Primary With Title',
-        component: PrimaryTestWithTitle,
+        name: 'Primary with Title and Icon',
+        component: PrimaryTestWithTitleAndIcon,
     },
     {
         name: 'Neutral',

package/lib-commonjs/FluentTester/TestComponents/Notification/NotificationTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,oEAAmE;AACnE,gCAA4D;AAE5D,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,SAAS,EAClB,MAAM,EAAC,MAAM,EACb,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,oBAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IACpD,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,SAAS,EAClB,KAAK,EAAC,gBAAgB,EACtB,MAAM,EAAC,GAAG,EACV,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,qCAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,SAAS,EAClB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,qDAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,UAAU,GAA4B;IAC1C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,QAAQ,EACjB,MAAM,EAAC,OAAO,EACd,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,sEAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAA4B;IAC3C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,SAAS,EAClB,MAAM,EAAC,GAAG,EACV,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,gBAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,kBAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,qBAAqB,GAA4B;IACrD,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,gBAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAA4B;IAC9C,OAAO,CACL,oBAAC,2BAAY,IACX,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE;YACP,OAAO,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;QACrC,CAAC,6BAGY,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAAkB;IAC1C;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,oBAAoB;KAChC;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;KACtB;IACD;QACE,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,WAAW;KACvB;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,qBAAqB;KACjC;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;CACF,CAAC;AAEK,IAAM,gBAAgB,GAA4B;IACvD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,SAAS;QACtB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,SAAS;QACtB,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gCAAgC,CAAC;IAErD,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,mBAAmB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,GAAS,CAAC;AAC1H,CAAC,CAAC;AAZW,QAAA,gBAAgB,oBAY3B"}
+{"version":3,"file":"NotificationTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Notification/NotificationTest.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const ShadowButtonTestSection: React.FunctionComponent;
+//# sourceMappingURL=ShadowButtonTestSection.d.ts.map

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAgB3C,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShadowButtonTestSection = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var react_native_1 = require("react-native");
+var react_native_2 = require("@fluentui/react-native");
+var styles_1 = require("../Common/styles");
+var CustomFABNoShadow = react_native_2.FAB.customize({ shadowDepth: undefined });
+var CustomFABShadow64 = react_native_2.FAB.customize({ shadowDepth: 'shadow64' });
+var ShadowButtonTestSection = function () {
+    if (react_native_1.Platform.OS === 'ios') {
+        return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
+            React.createElement(react_native_2.FAB, { style: styles_1.commonTestStyles.vmargin }, "FAB with default shadow"),
+            React.createElement(CustomFABShadow64, { style: styles_1.commonTestStyles.vmargin }, "Custom FAB with shadow64"),
+            React.createElement(CustomFABNoShadow, { style: styles_1.commonTestStyles.vmargin }, "Custom FAB with no shadow")));
+    }
+    else {
+        return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
+            React.createElement(react_native_2.Text, null, "Shadows only implemented for iOS at this time")));
+    }
+};
+exports.ShadowButtonTestSection = ShadowButtonTestSection;
+//# sourceMappingURL=ShadowButtonTestSection.js.map

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,uDAAmD;AACnD,2CAAgE;AAEhE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC;AAE9D,IAAM,uBAAuB,GAA4B;IAC9D,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,kBAAG,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAA+B;YACnE,oBAAC,iBAAiB,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAA8C;YAChG,oBAAC,iBAAiB,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,gCAA+C,CAC5F,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC;AAhBW,QAAA,uBAAuB,2BAgBlC"}

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}
+{"version":3,"file":"ShadowTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js

@@ -3,13 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShadowTest = void 0;
 var tslib_1 = require("tslib");
 var React = (0, tslib_1.__importStar)(require("react"));
-var react_native_1 = require("@fluentui/react-native");
 var Test_1 = require("../Test");
 var consts_1 = require("./consts");
 var ShadowDepthTestSection_1 = require("./ShadowDepthTestSection");
-var ShadowButtonTest = function () {
-    return React.createElement(react_native_1.Text, null, "TODO");
-};
+var ShadowButtonTestSection_1 = require("./ShadowButtonTestSection");
 var shadowSections = [
     {
         name: 'Shadow Depth Ramp',
@@ -19,7 +16,7 @@ var shadowSections = [
     {
         name: 'Shadows on Button Examples',
         testID: consts_1.SHADOW_TESTPAGE,
-        component: ShadowButtonTest,
+        component: ShadowButtonTestSection_1.ShadowButtonTestSection,
     },
 ];
 var ShadowTest = function () {

package/lib-commonjs/FluentTester/TestComponents/Shadow/ShadowTest.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAA8C;AAC9C,gCAA4D;AAC5D,mCAA2C;AAC3C,mEAAkE;AAElE,IAAM,gBAAgB,GAA4B;IAChD,OAAO,oBAAC,mBAAI,eAAY,CAAC;AAC3B,CAAC,CAAC;AAEF,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,+CAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}
+{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,gCAA4D;AAC5D,mCAA2C;AAC3C,mEAAkE;AAClE,qEAAoE;AAEpE,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,+CAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,MAAM,EAAE,wBAAe;QACvB,SAAS,EAAE,iDAAuB;KACnC;CACF,CAAC;AAEK,IAAM,UAAU,GAA4B;IACjD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GAAG,wGAAwG,CAAC;IAE7H,OAAO,oBAAC,WAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AACzG,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui-react-native/tester",
-  "version": "0.72.1",
+  "version": "0.73.1",
   "description": "A test app to test FluentUI React Native Components during development",
   "license": "MIT",
   "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -27,34 +27,34 @@
   "dependencies": {
     "@fluentui-react-native/android-theme": ">=0.10.0 <1.0.0",
     "@fluentui-react-native/apple-theme": ">=0.12.3 <1.0.0",
-    "@fluentui-react-native/avatar": "^1.1.9",
-    "@fluentui-react-native/badge": ">=0.0.48 <1.0.0",
-    "@fluentui-react-native/button": ">=0.22.31 <1.0.0",
+    "@fluentui-react-native/avatar": "^1.1.10",
+    "@fluentui-react-native/badge": ">=0.0.49 <1.0.0",
+    "@fluentui-react-native/button": ">=0.23.0 <1.0.0",
     "@fluentui-react-native/default-theme": ">=0.13.0 <1.0.0",
     "@fluentui-react-native/experimental-activity-indicator": ">=0.5.31 <1.0.0",
     "@fluentui-react-native/experimental-avatar": ">=0.15.3 <1.0.0",
-    "@fluentui-react-native/experimental-button": "0.15.32",
+    "@fluentui-react-native/experimental-button": "0.15.33",
     "@fluentui-react-native/experimental-checkbox": "0.11.16",
     "@fluentui-react-native/experimental-drawer": ">=0.1.15 <1.0.0",
     "@fluentui-react-native/experimental-native-date-picker": ">=0.5.0 <1.0.0",
     "@fluentui-react-native/experimental-expander": "0.3.35",
-    "@fluentui-react-native/experimental-menu-button": ">=0.3.53 <1.0.0",
-    "@fluentui-react-native/experimental-shadow": "0.2.2",
+    "@fluentui-react-native/experimental-menu-button": ">=0.3.54 <1.0.0",
+    "@fluentui-react-native/experimental-shadow": "0.2.3",
     "@fluentui-react-native/experimental-shimmer": "0.6.35",
     "@fluentui-react-native/experimental-tabs": "0.4.54",
     "@fluentui-react-native/experimental-text": ">=0.9.2 <1.0.0",
     "@fluentui-react-native/framework": ">=0.7.32 <1.0.0",
     "@fluentui-react-native/icon": "0.12.3",
     "@fluentui-react-native/interactive-hooks": ">=0.16.5 <1.0.0",
-    "@fluentui-react-native/menu": "^1.0.5",
-    "@fluentui-react-native/notification": "0.5.0",
+    "@fluentui-react-native/menu": "^1.0.6",
+    "@fluentui-react-native/notification": "0.6.1",
     "@fluentui-react-native/stack": ">=0.6.31 <1.0.0",
     "@fluentui-react-native/theme": ">=0.6.11 <1.0.0",
     "@fluentui-react-native/theme-types": ">=0.17.0 <1.0.0",
     "@fluentui-react-native/themed-stylesheet": "^1.3.3",
     "@fluentui-react-native/theming-utils": ">=0.13.0 <1.0.0",
     "@fluentui-react-native/win32-theme": ">=0.19.2 <1.0.0",
-    "@fluentui/react-native": ">=0.30.7 <1.0.0",
+    "@fluentui/react-native": ">=0.30.8 <1.0.0",
     "@react-native-community/slider": "^4.2.0",
     "@react-native-menu/menu": "^0.1.2",
     "@react-native-picker/picker": "^2.2.1",

package/src/FluentTester/TestComponents/Button/ButtonVariantTestSection.tsx

@@ -11,6 +11,7 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
     src: TestSvg,
     viewBox: '0 0 500 500',
   };
+  const iconProps = { svgSource: svgProps, width: 20, height: 20 };
 
   return (
     <View style={[stackStyle, commonTestStyles.view]}>
@@ -46,8 +47,8 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
       <CompoundButton appearance="subtle" secondaryContent="Compound" style={commonTestStyles.vmargin}>
         Subtle
       </CompoundButton>
-      <FAB icon={{ svgSource: svgProps, width: 20, height: 20 }} style={commonTestStyles.vmargin} />
-      <FAB icon={{ svgSource: svgProps, width: 20, height: 20 }} style={commonTestStyles.vmargin}>
+      <FAB icon={iconProps} style={commonTestStyles.vmargin} />
+      <FAB icon={iconProps} style={commonTestStyles.vmargin}>
         FAB
       </FAB>
     </View>

package/src/FluentTester/TestComponents/Notification/NotificationTest.tsx

@@ -1,6 +1,13 @@
 import * as React from 'react';
 import { Notification } from '@fluentui-react-native/notification';
 import { Test, TestSection, PlatformStatus } from '../Test';
+import { SvgIconProps } from '@fluentui-react-native/icon';
+import PlayButton from './assets/play_button.svg';
+
+const svgProps: SvgIconProps = {
+  src: PlayButton,
+};
+const iconProps = { svgSource: svgProps };
 
 const PrimaryTest: React.FunctionComponent = () => {
   return (
@@ -16,10 +23,11 @@ const PrimaryTest: React.FunctionComponent = () => {
   );
 };
 
-const PrimaryTestWithTitle: React.FunctionComponent = () => {
+const PrimaryTestWithTitleAndIcon: React.FunctionComponent = () => {
   return (
     <Notification
       variant={'primary'}
+      icon={iconProps}
       title="Kat's iPhone X"
       action="X"
       onPress={() => {
@@ -118,8 +126,8 @@ const notificationSections: TestSection[] = [
     component: PrimaryTest,
   },
   {
-    name: 'Primary With Title',
-    component: PrimaryTestWithTitle,
+    name: 'Primary with Title and Icon',
+    component: PrimaryTestWithTitleAndIcon,
   },
   {
     name: 'Neutral',

package/src/FluentTester/TestComponents/Notification/assets/play_button.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M10 16.5l6-4.5-6-4.5v9zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>

package/src/FluentTester/TestComponents/Shadow/ShadowButtonTestSection.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { FAB, Text } from '@fluentui/react-native';
+import { commonTestStyles, stackStyle } from '../Common/styles';
+
+const CustomFABNoShadow = FAB.customize({ shadowDepth: undefined });
+const CustomFABShadow64 = FAB.customize({ shadowDepth: 'shadow64' });
+
+export const ShadowButtonTestSection: React.FunctionComponent = () => {
+  if (Platform.OS === 'ios') {
+    return (
+      <View style={stackStyle}>
+        <FAB style={commonTestStyles.vmargin}>FAB with default shadow</FAB>
+        <CustomFABShadow64 style={commonTestStyles.vmargin}>Custom FAB with shadow64</CustomFABShadow64>
+        <CustomFABNoShadow style={commonTestStyles.vmargin}>Custom FAB with no shadow</CustomFABNoShadow>
+      </View>
+    );
+  } else {
+    return (
+      <View style={stackStyle}>
+        <Text>Shadows only implemented for iOS at this time</Text>
+      </View>
+    );
+  }
+};

package/src/FluentTester/TestComponents/Shadow/ShadowTest.tsx

@@ -1,12 +1,8 @@
 import * as React from 'react';
-import { Text } from '@fluentui/react-native';
 import { Test, TestSection, PlatformStatus } from '../Test';
 import { SHADOW_TESTPAGE } from './consts';
 import { ShadowDepthTestSection } from './ShadowDepthTestSection';
-
-const ShadowButtonTest: React.FunctionComponent = () => {
-  return <Text>TODO</Text>;
-};
+import { ShadowButtonTestSection } from './ShadowButtonTestSection';
 
 const shadowSections: TestSection[] = [
   {
@@ -17,7 +13,7 @@ const shadowSections: TestSection[] = [
   {
     name: 'Shadows on Button Examples',
     testID: SHADOW_TESTPAGE,
-    component: ShadowButtonTest,
+    component: ShadowButtonTestSection,
   },
 ];