@fluentui-react-native/tester 0.135.1 → 0.135.3

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.android.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js

@@ -0,0 +1,4 @@
+import { SeparatorTest } from './SeparatorTest.mobile';
+export { SeparatorTest } from './SeparatorTest.mobile';
+export default SeparatorTest;
+//# sourceMappingURL=SeparatorTest.android.js.map

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.android.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyC/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts

@@ -0,0 +1,4 @@
+import { SeparatorTest } from './SeparatorTest.mobile';
+export { SeparatorTest } from './SeparatorTest.mobile';
+export default SeparatorTest;
+//# sourceMappingURL=SeparatorTest.ios.d.ts.map

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.ios.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js

@@ -0,0 +1,4 @@
+import { SeparatorTest } from './SeparatorTest.mobile';
+export { SeparatorTest } from './SeparatorTest.mobile';
+export default SeparatorTest;
+//# sourceMappingURL=SeparatorTest.ios.js.map

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.ios.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,eAAe,aAAa,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { ButtonV1 } from '@fluentui-react-native/button';
+import { Text } from '@fluentui-react-native/experimental-text';
+import { Separator } from '@fluentui-react-native/separator';
+import { Stack } from '@fluentui-react-native/stack';
+import { SEPARATOR_TESTPAGE } from '../../../../E2E/src/Separator/consts';
+import { stackStyle, separatorStackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var BlueSeparator = Separator.customize({ color: 'blue' });
+var RedSeparator = Separator.customize({ color: 'red' });
+var SeparatorMainTest = function () {
+    return (React.createElement(Stack, { style: stackStyle, gap: 5 },
+        React.createElement(Stack, { gap: 4, style: separatorStackStyle },
+            React.createElement(ButtonV1, null, "Button1"),
+            React.createElement(BlueSeparator, { vertical: true }),
+            React.createElement(ButtonV1, null, "Button2"),
+            React.createElement(RedSeparator, { vertical: true }),
+            React.createElement(ButtonV1, null, "Button3 "),
+            React.createElement(Separator, null)),
+        React.createElement(Text, null, "This is a text element"),
+        React.createElement(Separator, null),
+        React.createElement(ButtonV1, null, "This button has longer text")));
+};
+var separatorSections = [
+    {
+        name: 'Basic Seperator',
+        testID: SEPARATOR_TESTPAGE,
+        component: SeparatorMainTest,
+    },
+];
+export var SeparatorTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Beta',
+        androidStatus: 'Experimental',
+    };
+    var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
+    return React.createElement(Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
+};
+//# sourceMappingURL=SeparatorTest.js.map

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7D,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAE3D,IAAM,iBAAiB,GAA4B;IACjD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;QAC9B,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,mBAAmB;YACvC,oBAAC,QAAQ,kBAAmB;YAC5B,oBAAC,aAAa,IAAC,QAAQ,SAAG;YAC1B,oBAAC,QAAQ,kBAAmB;YAC5B,oBAAC,YAAY,IAAC,QAAQ,SAAG;YACzB,oBAAC,QAAQ,mBAAoB;YAC7B,oBAAC,SAAS,OAAG,CACP;QACR,oBAAC,IAAI,iCAA8B;QACnC,oBAAC,SAAS,OAAG;QACb,oBAAC,QAAQ,sCAAuC,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts

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

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.mobile.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmE/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAajC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { Text } from '@fluentui-react-native/experimental-text';
+import { Separator } from '@fluentui-react-native/separator';
+import { Stack } from '@fluentui-react-native/stack';
+import { SEPARATOR_TESTPAGE } from '../../../../E2E/src/Separator/consts';
+import { commonTestStyles, mobileStyles } from '../Common/styles';
+import { Test } from '../Test';
+var CustomisedText = Text.customize({
+    textAlign: 'right',
+    fontSize: 'caption',
+});
+var SeparatorBasicUsage = function () {
+    return (React.createElement(Stack, { style: commonTestStyles.section, gap: 5 },
+        React.createElement(Separator, { insetSpacing: 0 }),
+        React.createElement(CustomisedText, null, "Inset : 0"),
+        React.createElement(Separator, { insetSpacing: 16 }),
+        React.createElement(CustomisedText, null, "Inset : 16"),
+        React.createElement(Separator, { insetSpacing: 56 }),
+        React.createElement(CustomisedText, null, "Inset : 56"),
+        React.createElement(Separator, { insetSpacing: 68 }),
+        React.createElement(CustomisedText, null, "Inset : 68"),
+        React.createElement(Separator, { insetSpacing: 72 }),
+        React.createElement(CustomisedText, null, "Inset : 72"),
+        React.createElement(Separator, { insetSpacing: 108 }),
+        React.createElement(CustomisedText, null, "Inset : 108")));
+};
+var RedSeparator = Separator.customize({ color: 'red' });
+var BlueSeparatorWithCustomWidth = Separator.customize({ color: 'blue', separatorWidth: 10 });
+var SeparatorCustomisedUsage = function () {
+    return (React.createElement(Stack, { style: mobileStyles.testSection, gap: 5 },
+        React.createElement(RedSeparator, null),
+        React.createElement(CustomisedText, null, "Customised Color Seperator"),
+        React.createElement(BlueSeparatorWithCustomWidth, { insetSpacing: 16 }),
+        React.createElement(CustomisedText, null, "Customised Color and Width Seperator")));
+};
+var separatorSections = [
+    {
+        name: 'Basic Mobile Seperator',
+        testID: SEPARATOR_TESTPAGE,
+        component: SeparatorBasicUsage,
+    },
+    {
+        name: 'Customised Mobile Seperator',
+        testID: SEPARATOR_TESTPAGE,
+        component: SeparatorCustomisedUsage,
+    },
+];
+export var SeparatorTest = function () {
+    var status = {
+        win32Status: 'Beta',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Beta',
+        androidStatus: 'Experimental',
+    };
+    var description = "A separator visually separates content into groups.\n\nYou can render content in the separator by specifying the component's children. The component's children can be plain text or a component like Icon. The content is center-aligned by default.";
+    return React.createElement(Test, { name: "Separator Test", description: description, sections: separatorSections, status: status });
+};
+//# sourceMappingURL=SeparatorTest.mobile.js.map

package/lib/fluent-tester/src/TestComponents/Separator/SeparatorTest.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeparatorTest.mobile.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/SeparatorTest.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;CACpB,CAAC,CAAC;AAEH,IAAM,mBAAmB,GAA4B;IACnD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,SAAS,IAAC,YAAY,EAAE,CAAC,GAAI;QAC9B,oBAAC,cAAc,oBAA2B;QAE1C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,EAAE,GAAI;QAC/B,oBAAC,cAAc,qBAA4B;QAE3C,oBAAC,SAAS,IAAC,YAAY,EAAE,GAAG,GAAI;QAChC,oBAAC,cAAc,sBAA6B,CACtC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,IAAM,4BAA4B,GAAG,SAAS,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhG,IAAM,wBAAwB,GAA4B;IACxD,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC;QAC5C,oBAAC,YAAY,OAAG;QAChB,oBAAC,cAAc,qCAA4C;QAC3D,oBAAC,4BAA4B,IAAC,YAAY,EAAE,EAAE,GAAI;QAClD,oBAAC,cAAc,+CAAsD,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAkB;IACvC;QACE,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,6BAA6B;QACnC,MAAM,EAAE,kBAAkB;QAC1B,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,cAAc;QACzB,WAAW,EAAE,MAAM;QACnB,aAAa,EAAE,cAAc;KAC9B,CAAC;IAEF,IAAM,WAAW,GACf,uPAAuP,CAAC;IAE1P,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC/G,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SeparatorTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/Separator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/fluent-tester/src/TestComponents/Separator/index.js

@@ -0,0 +1,2 @@
+export * from './SeparatorTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Separator/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/fluent-tester/src/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/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Platform, View, StyleSheet } from 'react-native';
+import { FAB, Text } from '@fluentui/react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Shadow } from '@fluentui-react-native/experimental-shadow';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { shadowTestPageStyles } from './ShadowTestPageStyles';
+import { iconProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+var styles = StyleSheet.create({ marginBetweenComponentsWithShadow: { margin: 10 } });
+var CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
+var CustomFABShadow64 = FAB.customize({
+    shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
+});
+var platformSupportsShadow = Platform.OS !== 'android';
+var platformSupportsFAB = Platform.OS === 'ios' || Platform.OS === 'android';
+export var ShadowButtonTestSection = function () {
+    var t = useFluentTheme();
+    if (platformSupportsShadow) {
+        return (React.createElement(View, { style: shadowTestPageStyles(t).backgroundColor },
+            platformSupportsShadow && platformSupportsFAB && (React.createElement(View, { style: stackStyle },
+                React.createElement(FAB, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "FAB with default shadow"),
+                React.createElement(CustomFABShadow64, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with shadow64"),
+                React.createElement(CustomFABNoShadow, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with no shadow"))),
+            platformSupportsShadow && (React.createElement(View, { style: stackStyle },
+                React.createElement(Shadow, { shadowToken: t.shadows['shadow16'] },
+                    React.createElement(Button, { style: styles.marginBetweenComponentsWithShadow }, "Button with shadow16")),
+                React.createElement(View, null,
+                    React.createElement(Button, { style: styles.marginBetweenComponentsWithShadow }, "Button without shadow"))))));
+    }
+    else {
+        return (React.createElement(View, { style: stackStyle },
+            React.createElement(Text, null, "Shadows not implemented on this platform at this time")));
+    }
+};
+//# sourceMappingURL=ShadowButtonTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,iCAAiC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAExF,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AACzD,IAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AAE/E,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,IAAM,CAAC,GAAG,cAAc,EAAE,CAAC;IAE3B,IAAI,sBAAsB,EAAE;QAC1B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,eAAe;YACjD,sBAAsB,IAAI,mBAAmB,IAAI,CAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;gBACrB,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,8BAE/D;gBACN,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,+BAE/D;gBACpB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,gCAE/D,CACf,CACR;YACA,sBAAsB,IAAI,CACzB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;gBACrB,oBAAC,MAAM,IAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;oBACxC,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,2BAA+B,CAC/E;gBACT,oBAAC,IAAI;oBACH,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,4BAAgC,CAClF,CACF,CACR,CACI,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,gEAA6D,CAC7D,CACR,CAAC;KACH;AACH,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowDepthTestSection.d.ts

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowDepthTestSection.d.ts.map

@@ -0,0 +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,iBAoB1C,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowDepthTestSection.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Shadow, getShadowTokenStyleSet } from '@fluentui-react-native/experimental-shadow';
+import { mergeStyles, useFluentTheme } from '@fluentui-react-native/framework';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { shadowTestPageStyles } from './ShadowTestPageStyles';
+var getThemedStyles = themedStyleSheet(function (t) {
+    return {
+        shadowTestBox: {
+            maxWidth: 732,
+            minHeight: 64,
+            borderRadius: 8,
+            padding: 20,
+            marginVertical: 16,
+            marginHorizontal: 32,
+        },
+        defaultBackground: shadowTestPageStyles(t).backgroundColor,
+        brandedBackground: {
+            backgroundColor: t.colors.brandedBackground,
+        },
+    };
+});
+var ShadowTestBox = function (props) {
+    var theme = useTheme();
+    var themedStyles = getThemedStyles(theme);
+    var backgroundColor = props.isBrand ? themedStyles.brandedBackground : themedStyles.defaultBackground;
+    var textColor = props.isBrand ? theme.colors.primaryButtonText : theme.colors.bodyText;
+    return (React.createElement(Shadow, { shadowToken: props.shadowToken },
+        React.createElement(View, { style: mergeStyles(themedStyles.shadowTestBox, backgroundColor) },
+            React.createElement(Text, { variant: "bodySemibold", color: textColor }, props.shadowDepthText),
+            React.createElement(Text, { color: textColor }, getShadowDescription(props.shadowToken)))));
+};
+export var ShadowDepthTestSection = function () {
+    var theme = useFluentTheme();
+    var backgroundViewStyle = shadowTestPageStyles(theme).backgroundColor;
+    return (React.createElement(View, { style: backgroundViewStyle },
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 2", shadowToken: theme.shadows.shadow2 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 4", shadowToken: theme.shadows.shadow4 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 8", shadowToken: theme.shadows.shadow8 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 16", shadowToken: theme.shadows.shadow16 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 28", shadowToken: theme.shadows.shadow28 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Shadow 64", shadowToken: theme.shadows.shadow64 }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 2", shadowToken: theme.shadows.shadow2brand, isBrand: true }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 4", shadowToken: theme.shadows.shadow4brand, isBrand: true }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 8", shadowToken: theme.shadows.shadow8brand, isBrand: true }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 16", shadowToken: theme.shadows.shadow16brand, isBrand: true }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 28", shadowToken: theme.shadows.shadow28brand, isBrand: true }),
+        React.createElement(ShadowTestBox, { shadowDepthText: "Brand Shadow 64", shadowToken: theme.shadows.shadow64brand, isBrand: true })));
+};
+function getShadowDescription(shadowToken) {
+    var shadowStyle = getShadowTokenStyleSet(shadowToken);
+    return ('\nAmbient: ' +
+        JSON.stringify(shadowStyle.ambient, undefined, ' ').split('\n').join('').replace(/['"]+/g, '') +
+        '\n\nKey: ' +
+        JSON.stringify(shadowStyle.key, undefined, ' ').split('\n').join('').replace(/['"]+/g, ''));
+}
+//# sourceMappingURL=ShadowDepthTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowDepthTestSection.js.map

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTest.d.ts.map

@@ -0,0 +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/fluent-tester/src/TestComponents/Shadow/ShadowTest.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { ShadowButtonTestSection } from './ShadowButtonTestSection';
+import { ShadowDepthTestSection } from './ShadowDepthTestSection';
+import { ShadowWithDifferentPropsTestSection } from './ShadowWithDifferentPropsTestSection';
+import { SHADOW_TESTPAGE } from '../../../../E2E/src/Shadow/consts';
+import { Test } from '../Test';
+var shadowSections = [
+    {
+        name: 'Shadow Depth Ramp',
+        testID: SHADOW_TESTPAGE,
+        component: ShadowDepthTestSection,
+    },
+    {
+        name: 'Shadows on Button Examples',
+        component: ShadowButtonTestSection,
+    },
+    {
+        name: 'Shadows with Different Props Test',
+        component: ShadowWithDifferentPropsTestSection,
+    },
+];
+export var ShadowTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Experimental',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'A Shadow component using the Fluent Design System. Shadow components can be added to other components.';
+    var spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/experimental/Shadow/SPEC.md';
+    return React.createElement(Test, { name: "Shadow Test", description: description, spec: spec, sections: shadowSections, status: status });
+};
+//# sourceMappingURL=ShadowTest.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAC5F,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,mBAAmB;QACzB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,uBAAuB;KACnC;IACD;QACE,IAAI,EAAE,mCAAmC;QACzC,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/fluent-tester/src/TestComponents/Shadow/ShadowTestPageStyles.d.ts

@@ -0,0 +1,12 @@
+import type { Theme } from '@fluentui-react-native/theme-types';
+/**
+ * The default dark mode iOS background color from the theme is black ('#000000'), which shadows are not visible against.
+ * Shadows are also not very visible when placed on a view that is black.
+ *
+ * For dark mode iOS, returns a dark grey that shadows are visible on. Otherwise, will return either undefined or the default
+ * background color from the theme based on whether or not a theme has been provided.
+ */
+export declare const shadowTestPageStyles: (theme: Theme) => import("@fluentui-react-native/themed-stylesheet").NamedStyles<{
+    backgroundColor: unknown;
+}>;
+//# sourceMappingURL=ShadowTestPageStyles.d.ts.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTestPageStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowTestPageStyles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowTestPageStyles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGhE;;;;;;GAMG;AAEH,eAAO,MAAM,oBAAoB;;EAQ/B,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTestPageStyles.js

@@ -0,0 +1,18 @@
+import { Platform } from 'react-native';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+/**
+ * The default dark mode iOS background color from the theme is black ('#000000'), which shadows are not visible against.
+ * Shadows are also not very visible when placed on a view that is black.
+ *
+ * For dark mode iOS, returns a dark grey that shadows are visible on. Otherwise, will return either undefined or the default
+ * background color from the theme based on whether or not a theme has been provided.
+ */
+export var shadowTestPageStyles = themedStyleSheet(function (t) {
+    var useLighterBackgroundColor = Platform.OS === 'ios' && t.host.appearance === 'dark';
+    return {
+        backgroundColor: {
+            backgroundColor: useLighterBackgroundColor ? '#313131' : t.colors.background,
+        },
+    };
+});
+//# sourceMappingURL=ShadowTestPageStyles.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowTestPageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShadowTestPageStyles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowTestPageStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E;;;;;;GAMG;AAEH,MAAM,CAAC,IAAM,oBAAoB,GAAG,gBAAgB,CAAC,UAAC,CAAQ;IAC5D,IAAM,yBAAyB,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC;IAExF,OAAO;QACL,eAAe,EAAE;YACf,eAAe,EAAE,yBAAyB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU;SAC7E;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.d.ts.map

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

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js

@@ -0,0 +1,74 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { Shadow } from '@fluentui-react-native/experimental-shadow';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { mergeStyles } from '@fluentui-react-native/merge-props';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { shadowTestPageStyles } from './ShadowTestPageStyles';
+var getThemedStyles = themedStyleSheet(function (t) {
+    var defaultShadowTestBoxPropsWithoutSpacing = __assign({ maxWidth: 732, minHeight: 64 }, shadowTestPageStyles(t).backgroundColor);
+    var marginTestProps = {
+        marginVertical: 16,
+        marginHorizontal: 32,
+    };
+    var paddingTestProps = {
+        padding: 20,
+    };
+    return {
+        headerTextPadding: {
+            padding: 16,
+        },
+        defaultShadowTestBoxPropsWithoutSpacing: defaultShadowTestBoxPropsWithoutSpacing,
+        defaultShadowTestBoxProps: __assign(__assign(__assign({}, defaultShadowTestBoxPropsWithoutSpacing), marginTestProps), paddingTestProps),
+        marginTestProps: marginTestProps,
+        paddingTestProps: paddingTestProps,
+        borderRadiusTestProps: {
+            borderRadius: 8,
+        },
+        borderWidthTestProps: {
+            borderWidth: 2,
+            borderColor: 'black',
+        },
+        offsetTestProps: { start: 10 },
+        alignItemsTestProps: { alignItems: 'flex-start' },
+        flexDirectionTestProps: { flexDirection: 'row' },
+        flexWrapTestProps: { flexWrap: 'wrap' },
+    };
+});
+export var ShadowWithDifferentPropsTestSection = function () {
+    var theme = useFluentTheme();
+    var themedStyles = getThemedStyles(theme);
+    return (React.createElement(View, { style: shadowTestPageStyles(theme).backgroundColor },
+        React.createElement(Text, { style: themedStyles.headerTextPadding }, "The following tests have a Shadow16 set on a child view that has some specific props."),
+        React.createElement(View, null,
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: themedStyles.defaultShadowTestBoxProps },
+                    React.createElement(Text, { variant: "bodySemibold" }, "padding: 20, marginVertical: 16, marginHorizontal: 32"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.paddingTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "padding only"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxPropsWithoutSpacing, themedStyles.marginTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "margins only"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "borderRadius: 8"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.borderRadiusTestProps, themedStyles.borderWidthTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "borderWidth: 2"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.offsetTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "start: 10"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.alignItemsTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "alignItems: flex-start"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.flexDirectionTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "flexDirection: row"))),
+            React.createElement(Shadow, { shadowToken: theme.shadows.shadow16 },
+                React.createElement(View, { style: mergeStyles(themedStyles.defaultShadowTestBoxProps, themedStyles.flexWrapTestProps) },
+                    React.createElement(Text, { variant: "bodySemibold" }, "flexWrap: wrap"))))));
+};
+//# sourceMappingURL=ShadowWithDifferentPropsTestSection.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/ShadowWithDifferentPropsTestSection.js.map

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

package/lib/fluent-tester/src/TestComponents/Shadow/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ShadowTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/Shadow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shadow/index.js

@@ -0,0 +1,2 @@
+export * from './ShadowTest';
+//# sourceMappingURL=index.js.map

package/lib/fluent-tester/src/TestComponents/Shadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerE2ETest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const E2ETestingShimmer: React.FunctionComponent<Record<string, never>>;
+//# sourceMappingURL=ShimmerE2ETest.d.ts.map

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerE2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerE2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shimmer/ShimmerE2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAa5E,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerE2ETest.js

@@ -0,0 +1,13 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { Shimmer } from '@fluentui-react-native/experimental-shimmer';
+import { Stack } from '@fluentui-react-native/stack';
+import { shimmerRectsAndRect } from './ShimmerTestElementSets';
+import { SHIMMER_TEST_COMPONENT } from '../../../../E2E/src/Shimmer/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var E2ETestingShimmer = function () {
+    return (React.createElement(Stack, { style: stackStyle },
+        React.createElement(Shimmer, __assign({ elements: shimmerRectsAndRect(), duration: 2000, delay: 1000, style: { width: 300, height: 100 } }, testProps(SHIMMER_TEST_COMPONENT)))));
+};
+//# sourceMappingURL=ShimmerE2ETest.js.map

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerE2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerE2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shimmer/ShimmerE2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,iBAAiB,GAAmD;IAC/E,OAAO,CACL,oBAAC,KAAK,IAAC,KAAK,EAAE,UAAU;QACtB,oBAAC,OAAO,aACN,QAAQ,EAAE,mBAAmB,EAAE,EAC/B,QAAQ,EAAE,IAAI,EACd,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAE9B,SAAS,CAAC,sBAAsB,CAAC,EACrC,CACI,CACT,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerTest.d.ts

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

package/lib/fluent-tester/src/TestComponents/Shimmer/ShimmerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shimmer/ShimmerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,iBAqBlD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KAAK,CAAC,iBAYjD,CAAC;AAmEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAa/B,CAAC"}