@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/Button/ButtonIconTestSection.js

@@ -0,0 +1,65 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Platform, View, StyleSheet } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { SvgXml } from 'react-native-svg';
+import { testImage, svgProps, iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+const styles = StyleSheet.create({
+  balloon: { paddingStart: 4 },
+});
+export const ButtonIconTest = () => {
+  const fontBuiltInProps = {
+    fontFamily: 'Arial',
+    codepoint: 0x2663,
+    fontSize: 24,
+  };
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  const balloonXml = `
+          <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M5.00498 3.4296C5.04386 3.15621 5.29701 2.9661 5.5704 3.00498C6.30797 3.10988 6.89039 3.69171 6.9962 4.42897C7.03543 4.70232 6.84564 4.9557 6.5723 4.99493C6.29896 5.03416 6.04557 4.84437 6.00634 4.57103C5.96366 4.27364 5.7271 4.03733 5.4296 3.99502C5.15621 3.95614 4.9661 3.70299 5.00498 3.4296ZM2 4.36364C2 2.48429 3.58918 1 5.5 1C7.41082 1 9 2.48429 9 4.36364C9 5.59911 8.53933 6.7387 7.8958 7.57241C7.38607 8.23279 6.71092 8.76136 6 8.93727V9.39999C6 9.62091 6.17909 9.79999 6.4 9.79999H7.60001C8.37321 9.79999 9.00001 10.4268 9.00001 11.2V11.5C9.00001 11.7761 8.77615 12 8.50001 12C8.22386 12 8.00001 11.7761 8.00001 11.5V11.2C8.00001 10.9791 7.82092 10.8 7.60001 10.8H6.4C5.6268 10.8 5 10.1732 5 9.39999V8.93735C4.28929 8.7617 3.61415 8.23398 3.10428 7.57379C2.4606 6.74035 2 5.60069 2 4.36364ZM5.5 2C4.09711 2 3 3.0799 3 4.36364C3 5.35685 3.37273 6.28538 3.89572 6.96255C4.43393 7.65943 5.05441 8 5.5 8C5.94529 8 6.56577 7.65894 7.1042 6.96139C7.62734 6.28363 8 5.35505 8 4.36364C8 3.0799 6.90289 2 5.5 2Z" fill="#212121"/>
+          </svg>`;
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsx(Button, {
+        icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' },
+        style: commonTestStyles.vmargin,
+        children: 'Font icon',
+      }),
+      _jsx(Button, {
+        icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' },
+        style: commonTestStyles.vmargin,
+        iconPosition: 'after',
+        children: 'Icon after',
+      }),
+      _jsx(Button, { icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin, children: 'Font icon' }),
+      _jsx(Button, {
+        appearance: 'primary',
+        icon: { fontSource: fontBuiltInProps },
+        style: commonTestStyles.vmargin,
+        children: 'Font icon',
+      }),
+      svgIconsEnabled &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Button, {
+              appearance: 'primary',
+              icon: { svgSource: svgProps, color: 'red' },
+              style: commonTestStyles.vmargin,
+              children: 'SVG',
+            }),
+            _jsx(Button, { icon: iconProps, style: commonTestStyles.vmargin, children: 'SVG' }),
+          ],
+        }),
+      _jsx(Button, { appearance: 'primary', icon: testImage, style: commonTestStyles.vmargin, children: 'PNG' }),
+      _jsx(Button, { icon: testImage, style: commonTestStyles.vmargin, children: 'PNG' }),
+      svgIconsEnabled &&
+        _jsxs(Button, {
+          style: commonTestStyles.vmargin,
+          icon: iconProps,
+          children: ['Icon Button and Balloon', _jsx(View, { style: styles.balloon, children: _jsx(SvgXml, { xml: balloonXml }) })],
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonIconTestSection.js.map

package/lib/TestComponents/Button/ButtonIconTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonIconTestSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC;IAC3D,MAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,MAAM,UAAU,GAAG;;;iBAGJ,CAAC;IAEhB,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;YACnC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,0BAE1G,EACT,KAAC,MAAM,IACL,IAAI,EAAE,EAAE,UAAU,EAAE,EAAE,GAAG,gBAAgB,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,2BAGb,EACT,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,0BAEtE,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,0BAE3F,EACR,eAAe,IAAI,CAClB;oBACE,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEhG,EACT,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE/C;oBACR,CACJ,EACD,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAEpE,EACT,KAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE/C,EACR,eAAe,IAAI,CAClB,MAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,SAAS;oBAEtD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,YACzB,KAAC,MAAM,IAAC,GAAG,EAAE,UAAU,GAAI,GACtB;oBACA,CACV,IACI,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/ButtonShapeTestSection.d.ts

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

package/lib/TestComponents/Button/ButtonShapeTestSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAyCnC,CAAC"}

package/lib/TestComponents/Button/ButtonShapeTestSection.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View } from 'react-native';
+import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+export const ButtonShapeTest = () => {
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsx(Button, { shape: 'rounded', style: commonTestStyles.vmargin, children: 'Default Rounded Button' }),
+      _jsx(Button, { shape: 'square', style: commonTestStyles.vmargin, children: 'Square Button' }),
+      _jsx(Button, { shape: 'circular', style: commonTestStyles.vmargin, children: 'Circular Button' }),
+      _jsx(Button, { appearance: 'primary', shape: 'rounded', style: commonTestStyles.vmargin, children: 'Primary Rounded Button' }),
+      _jsx(Button, { appearance: 'primary', shape: 'square', style: commonTestStyles.vmargin, children: 'Square Button' }),
+      _jsx(Button, { appearance: 'primary', shape: 'circular', style: commonTestStyles.vmargin, children: 'Circular Button' }),
+      _jsx(CompoundButton, { secondaryContent: 'rounded', shape: 'rounded', style: commonTestStyles.vmargin, children: 'Compound Button' }),
+      _jsx(CompoundButton, { secondaryContent: 'square', shape: 'square', style: commonTestStyles.vmargin, children: 'Compound Button' }),
+      _jsx(CompoundButton, {
+        secondaryContent: 'circular',
+        shape: 'circular',
+        style: commonTestStyles.vmargin,
+        children: 'Compound Button',
+      }),
+      _jsx(CompoundButton, {
+        appearance: 'primary',
+        secondaryContent: 'rounded',
+        shape: 'rounded',
+        style: commonTestStyles.vmargin,
+        children: 'Compound Button',
+      }),
+      _jsx(CompoundButton, {
+        appearance: 'primary',
+        secondaryContent: 'square',
+        shape: 'square',
+        style: commonTestStyles.vmargin,
+        children: 'Compound Button',
+      }),
+      _jsx(CompoundButton, {
+        appearance: 'primary',
+        secondaryContent: 'circular',
+        shape: 'circular',
+        style: commonTestStyles.vmargin,
+        children: 'Compound Button',
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonShapeTestSection.js.map

package/lib/TestComponents/Button/ButtonShapeTestSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonShapeTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonShapeTestSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC;IAC5D,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;YACnC,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uCAE9C,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAE7C,EACT,KAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE/C,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uCAEnE,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAElE,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAEpE,EACT,KAAC,cAAc,IAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAEzE,EACjB,KAAC,cAAc,IAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAEvE,EACjB,KAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE3E,EACjB,KAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE9F,EACjB,KAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE5F,EACjB,KAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAEhG;YACZ,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/ButtonSizeTestSection.d.ts

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

package/lib/TestComponents/Button/ButtonSizeTestSection.d.ts.map

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

package/lib/TestComponents/Button/ButtonSizeTestSection.js

@@ -0,0 +1,169 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Platform, View } from 'react-native';
+import { ButtonV1 as Button, CompoundButton, FAB } from '@fluentui/react-native';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
+export const ButtonSizeTest = () => {
+  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      svgIconsEnabled &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'small',
+              icon: iconProps,
+              accessibilityLabel: 'Small size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+              tooltip: 'button tooltip',
+            }),
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'small',
+              appearance: 'primary',
+              icon: iconProps,
+              accessibilityLabel: 'Small size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+              tooltip: 'button tooltip',
+            }),
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'medium',
+              icon: iconProps,
+              accessibilityLabel: 'Medium size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+            }),
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'medium',
+              appearance: 'primary',
+              icon: iconProps,
+              accessibilityLabel: 'Medium size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+            }),
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'large',
+              icon: iconProps,
+              accessibilityLabel: 'Large size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+            }),
+            _jsx(Button, {
+              iconOnly: true,
+              size: 'large',
+              appearance: 'primary',
+              icon: iconProps,
+              accessibilityLabel: 'Large size button with accessibility icon',
+              style: commonTestStyles.vmargin,
+            }),
+            _jsx(Button, { size: 'small', icon: iconProps, style: commonTestStyles.vmargin, children: 'Small Button with icon' }),
+            _jsx(Button, {
+              size: 'small',
+              appearance: 'primary',
+              icon: iconProps,
+              style: commonTestStyles.vmargin,
+              children: 'Small Button with icon',
+            }),
+            _jsx(Button, { size: 'medium', icon: iconProps, style: commonTestStyles.vmargin, children: 'Medium Button with icon' }),
+            _jsx(Button, {
+              size: 'medium',
+              appearance: 'primary',
+              icon: iconProps,
+              style: commonTestStyles.vmargin,
+              children: 'Medium Button with icon',
+            }),
+            _jsx(Button, { size: 'large', icon: iconProps, style: commonTestStyles.vmargin, children: 'Large Button with icon' }),
+            _jsx(Button, {
+              size: 'large',
+              appearance: 'primary',
+              icon: iconProps,
+              style: commonTestStyles.vmargin,
+              children: 'Large Button with icon',
+            }),
+            _jsx(FAB, { size: 'small', icon: iconProps, style: commonTestStyles.vmargin, children: 'Small FAB' }),
+            _jsx(FAB, { size: 'large', icon: iconProps, style: commonTestStyles.vmargin, children: 'Large FAB' }),
+          ],
+        }),
+      _jsx(Button, { size: 'small', style: commonTestStyles.vmargin, children: 'Small' }),
+      _jsx(Button, { size: 'medium', style: commonTestStyles.vmargin, children: 'Medium' }),
+      _jsx(Button, { size: 'large', style: commonTestStyles.vmargin, children: 'Large' }),
+      !isMobile &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(Button, { loading: true, size: 'small', style: commonTestStyles.vmargin, children: 'Loading Button Small' }),
+            _jsx(Button, { loading: true, size: 'medium', style: commonTestStyles.vmargin, children: 'Loading Button Medium' }),
+            _jsx(Button, { loading: true, size: 'large', style: commonTestStyles.vmargin, children: 'Loading Button Large' }),
+            _jsx(CompoundButton, {
+              secondaryContent: 'Small compound button',
+              size: 'small',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            _jsx(CompoundButton, {
+              appearance: 'primary',
+              secondaryContent: 'Small compound button',
+              size: 'small',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            _jsx(CompoundButton, {
+              secondaryContent: 'Medium compound button',
+              size: 'medium',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            _jsx(CompoundButton, {
+              appearance: 'primary',
+              secondaryContent: 'Medium compound button',
+              size: 'medium',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            _jsx(CompoundButton, {
+              secondaryContent: 'Large compound button',
+              size: 'large',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            _jsx(CompoundButton, {
+              appearance: 'primary',
+              secondaryContent: 'Large compound button',
+              size: 'large',
+              style: commonTestStyles.vmargin,
+              children: 'Compound Button',
+            }),
+            svgIconsEnabled &&
+              _jsxs(_Fragment, {
+                children: [
+                  _jsx(CompoundButton, {
+                    icon: iconProps,
+                    secondaryContent: 'SecondaryContent',
+                    size: 'small',
+                    style: commonTestStyles.vmargin,
+                    children: 'Content',
+                  }),
+                  _jsx(CompoundButton, {
+                    icon: iconProps,
+                    secondaryContent: 'SecondaryContent',
+                    size: 'medium',
+                    style: commonTestStyles.vmargin,
+                    children: 'Content',
+                  }),
+                  _jsx(CompoundButton, {
+                    icon: iconProps,
+                    secondaryContent: 'SecondaryContent',
+                    size: 'large',
+                    style: commonTestStyles.vmargin,
+                    children: 'Content',
+                  }),
+                ],
+              }),
+          ],
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonSizeTestSection.js.map

package/lib/TestComponents/Button/ButtonSizeTestSection.js.map

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

package/lib/TestComponents/Button/ButtonTest.d.ts

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

package/lib/TestComponents/Button/ButtonTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgF/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAiB9B,CAAC"}

package/lib/TestComponents/Button/ButtonTest.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Platform } from 'react-native';
+import { BUTTON_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { ButtonShapeTest } from './ButtonShapeTestSection';
+import { ButtonSizeTest } from './ButtonSizeTestSection';
+import { ButtonVariantTest } from './ButtonVariantTestSection';
+import { ButtonFocusTest_deprecated } from './deprecated/ButtonFocusTest';
+import { ButtonIconTest_deprecated } from './deprecated/ButtonIconTest';
+import { E2EButtonTest_deprecated } from './deprecated/E2EButtonTest';
+import { E2EButtonTest } from './E2EButtonTest';
+import { ToggleButtonTest } from './ToggleButtonTestSection';
+import { ButtonHOCTest } from '../Button/ButtonHOCTestSection';
+import { ButtonIconTest } from '../Button/ButtonIconTestSection';
+import { Test } from '../Test';
+const buttonSections = [
+  {
+    name: 'Button Variants',
+    testID: BUTTON_TESTPAGE,
+    component: ButtonVariantTest,
+  },
+  {
+    name: 'Icon Button',
+    component: ButtonIconTest,
+  },
+  ...Platform.select({
+    // The following sections are not supported for iOS or Android
+    ios: [],
+    android: [],
+    default: [
+      {
+        name: 'Toggle Button',
+        component: ToggleButtonTest,
+      },
+      {
+        name: 'Button Shape',
+        component: ButtonShapeTest,
+      },
+    ],
+  }),
+  {
+    name: 'Sizes',
+    component: ButtonSizeTest,
+  },
+  Platform.select({
+    android: null,
+    default: {
+      name: 'Customize, Compose, and Ref',
+      component: ButtonHOCTest,
+    },
+  }),
+  ...Platform.select({
+    android: [], // Following sections are not supported from Fluent Android
+    default: [
+      {
+        name: 'Deprecated Basic Button',
+        component: ButtonFocusTest_deprecated,
+      },
+      {
+        name: 'Deprecated Icon Button',
+        component: ButtonIconTest_deprecated,
+      },
+    ],
+  }),
+];
+const e2eSections = [
+  {
+    name: 'E2E Button Testing',
+    component: E2EButtonTest,
+  },
+  {
+    name: 'Deprecated E2E Button Testing',
+    component: E2EButtonTest_deprecated,
+  },
+];
+export const ButtonTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description =
+    'Buttons are best used to enable a user to commit a change or complete steps in a task. They are typically found inside forms, dialogs, panels or pages. An example of their usage is confirming the deletion of a file in a confirmation dialog.\n\nWhen considering their place in a layout, contemplate the order in which a user will flow through the UI. As an example, in a form, the individual will need to read and interact with the form fields before submiting the form. Therefore, as a general rule, the button should be placed at the bottom of the UI container (a dialog, panel, or page) which holds the related UI elements.\n\nWhile buttons can technically be used to navigate a user to another part of the experience, this is not recommended unless that navigation is part of an action or their flow.';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Button/SPEC.md';
+  return _jsx(Test, {
+    name: 'Button Test',
+    description: description,
+    spec: spec,
+    sections: buttonSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=ButtonTest.js.map

package/lib/TestComponents/Button/ButtonTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,cAAc,GAAkB;IACpC;QACE,IAAI,EAAE,iBAAiB;QACvB,MAAM,EAAE,eAAe;QACvB,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,cAAc;KAC1B;IACD,GAAG,QAAQ,CAAC,MAAM,CAAC;QACjB,8DAA8D;QAC9D,GAAG,EAAE,EAAE;QACP,OAAO,EAAE,EAAE;QACX,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,eAAe;gBACrB,SAAS,EAAE,gBAAgB;aAC5B;YACD;gBACE,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,eAAe;aAC3B;SACF;KACF,CAAC;IACF;QACE,IAAI,EAAE,OAAO;QACb,SAAS,EAAE,cAAc;KAC1B;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,aAAa;SACzB;KACF,CAAC;IACF,GAAG,QAAQ,CAAC,MAAM,CAAC;QACjB,OAAO,EAAE,EAAE,EAAE,2DAA2D;QACxE,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,yBAAyB;gBAC/B,SAAS,EAAE,0BAA0B;aACtC;YACD;gBACE,IAAI,EAAE,wBAAwB;gBAC9B,SAAS,EAAE,yBAAyB;aACrC;SACF;KACF,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,aAAa;KACzB;IACD;QACE,IAAI,EAAE,+BAA+B;QACrC,SAAS,EAAE,wBAAwB;KACpC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA4B,GAAG,EAAE,CAAC;IACvD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,qyBAAqyB,CAAC;IAExyB,MAAM,IAAI,GAAG,iGAAiG,CAAC;IAE/G,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CACtI,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/ButtonVariantTestSection.android.d.ts

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.android.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.android.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.android.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

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

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

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

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

package/lib/TestComponents/Button/ButtonVariantTestSection.ios.d.ts

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.ios.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.ios.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { ButtonVariantTest } from './ButtonVariantTestSection.mobile';
+//# sourceMappingURL=ButtonVariantTestSection.ios.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.ios.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC"}

package/lib/TestComponents/Button/ButtonVariantTestSection.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View } from 'react-native';
+import { ButtonV1 as Button, CompoundButton, FAB } from '@fluentui-react-native/button';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+// Test also pulls button from deprecated package to ensure it's still working
+export const ButtonVariantTest = () => {
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsx(Button, { style: commonTestStyles.vmargin, children: 'Default' }),
+      _jsx(Button, { disabled: true, style: commonTestStyles.vmargin, children: 'Default Disabled' }),
+      _jsx(Button, { appearance: 'primary', style: commonTestStyles.vmargin, children: 'Primary' }),
+      _jsx(Button, { disabled: true, appearance: 'primary', style: commonTestStyles.vmargin, children: 'Primary Disabled' }),
+      _jsx(Button, { appearance: 'subtle', style: commonTestStyles.vmargin, children: 'Subtle' }),
+      _jsx(Button, { disabled: true, appearance: 'subtle', style: commonTestStyles.vmargin, children: 'Subtle Disabled' }),
+      _jsx(Button, { loading: true, children: 'Loading Button' }),
+      _jsx(Button, { block: true, style: commonTestStyles.vmargin, children: 'Block' }),
+      _jsx(Button, { appearance: 'primary', block: true, style: commonTestStyles.vmargin, children: 'Block Primary' }),
+      _jsx(Button, { appearance: 'subtle', block: true, style: commonTestStyles.vmargin, children: 'Block Subtle' }),
+      _jsx(CompoundButton, { secondaryContent: 'Compound', style: commonTestStyles.vmargin, children: 'Default' }),
+      _jsx(CompoundButton, { appearance: 'primary', secondaryContent: 'Compound', style: commonTestStyles.vmargin, children: 'Primary' }),
+      _jsx(CompoundButton, { appearance: 'subtle', secondaryContent: 'Compound', style: commonTestStyles.vmargin, children: 'Subtle' }),
+      _jsx(FAB, { icon: iconProps, style: commonTestStyles.vmargin, children: 'FAB' }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonVariantTestSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,8EAA8E;AAC9E,MAAM,CAAC,MAAM,iBAAiB,GAA4B,GAAG,EAAE,CAAC;IAC9D,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;YACnC,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAAkB,EACzD,KAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,iCAEvC,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAEnD,EACT,KAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,iCAE5D,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAElD,EACT,KAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE3D,EACT,KAAC,MAAM,IAAC,OAAO,qCAAwB,EACvC,KAAC,MAAM,IAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,sBAEpC,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAEzD,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,6BAExD,EACT,KAAC,cAAc,IAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAE1D,EACjB,KAAC,cAAc,IAAC,UAAU,EAAC,SAAS,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAE/E,EACjB,KAAC,cAAc,IAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAE9E,EACjB,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,oBAE/C;YACD,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/ButtonVariantTestSection.mobile.d.ts

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

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

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

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button, FAB } from '@fluentui-react-native/button';
+import { iconProps } from '../Common/iconExamples';
+import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
+export const ButtonVariantTest = () => {
+  const [showFABText, setShowFABText] = React.useState(true);
+  const flipFABcontent = React.useCallback(() => setShowFABText(!showFABText), [showFABText]);
+  return _jsxs(View, {
+    style: testContentRootViewStyle,
+    children: [
+      _jsx(Button, { style: commonTestStyles.vmargin, children: 'Default' }),
+      _jsx(Button, { disabled: true, style: commonTestStyles.vmargin, children: 'Default Disabled' }),
+      _jsx(Button, { appearance: 'accent', style: commonTestStyles.vmargin, children: 'Accent' }),
+      _jsx(Button, { disabled: true, appearance: 'accent', style: commonTestStyles.vmargin, children: 'Accent Disabled' }),
+      _jsx(Button, { appearance: 'outline', style: commonTestStyles.vmargin, children: 'Outline' }),
+      _jsx(Button, { appearance: 'outline', disabled: true, style: commonTestStyles.vmargin, children: 'Outline Disabled' }),
+      _jsx(Button, { appearance: 'subtle', style: commonTestStyles.vmargin, children: 'Subtle' }),
+      _jsx(Button, { appearance: 'subtle', disabled: true, style: commonTestStyles.vmargin, children: 'Subtle Disabled' }),
+      _jsx(FAB, { icon: iconProps, iconOnly: true, disabled: true, style: commonTestStyles.vmargin, accessibilityLabel: 'FAB' }),
+      _jsx(FAB, {
+        icon: iconProps,
+        style: commonTestStyles.vmargin,
+        showContent: showFABText,
+        onClick: flipFABcontent,
+        children: 'Click Me!',
+      }),
+      _jsx(FAB, {
+        appearance: 'subtle',
+        iconOnly: true,
+        disabled: true,
+        icon: iconProps,
+        style: commonTestStyles.vmargin,
+        accessibilityLabel: 'FAB',
+      }),
+      _jsx(FAB, {
+        appearance: 'subtle',
+        icon: iconProps,
+        style: commonTestStyles.vmargin,
+        showContent: showFABText,
+        onClick: flipFABcontent,
+        children: 'Click Me!',
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=ButtonVariantTestSection.mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantTestSection.mobile.js","sourceRoot":"","sources":["../../../src/TestComponents/Button/ButtonVariantTestSection.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,CAAC,MAAM,iBAAiB,GAA4B,GAAG,EAAE,CAAC;IAC9D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE5F,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,wBAAwB;YACnC,KAAC,MAAM,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAAkB,EACzD,KAAC,MAAM,IAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,iCAEvC,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAElD,EACT,KAAC,MAAM,IAAC,QAAQ,QAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE3D,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,wBAEnD,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,iCAE5D,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,uBAElD,EACT,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE3D,EACT,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,QAAC,QAAQ,QAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAC,KAAK,GAAG,EACpG,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,0BAElG,EACN,KAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,QAAC,QAAQ,QAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAC,KAAK,GAAG,EACxH,KAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,0BAEtH;YACD,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/Button/E2EButtonTest.d.ts

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

package/lib/TestComponents/Button/E2EButtonTest.d.ts.map

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