@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/ContextualMenu/E2EContextualMenuTest.js

@@ -0,0 +1,117 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Text, View, Switch } from 'react-native';
+import { ButtonV1 as Button, ContextualMenu, ContextualMenuItem, Separator } from '@fluentui/react-native';
+import { CONTEXTUALMENUITEM_TEST_COMPONENT, CONTEXTUALMENU_TEST_COMPONENT } from '@fluentui-react-native/e2e-testing';
+import { testProps } from '../Common/TestProps';
+export const E2EContextualMenuTest = () => {
+  const stdBtnRef = React.useRef(null);
+  const [showContextualMenu, setShowContextualMenu] = React.useState(false);
+  const [isContextualMenuVisible, setIsContextualMenuVisible] = React.useState(false);
+  const [lastMenuItemClicked, setLastMenuItemClicked] = React.useState(null);
+  const [isBeakVisible, setIsBeakVisible] = React.useState(false);
+  const onIsBeakVisibleChange = React.useCallback((value) => setIsBeakVisible(value), []);
+  const [focusOnMount, setShouldFocusOnMount] = React.useState(true);
+  const toggleFocusOnMount = React.useCallback((value) => setShouldFocusOnMount(value), [setShouldFocusOnMount]);
+  const [focusOnContainer, setShouldFocusOnContainer] = React.useState(false);
+  const toggleFocusOnContainer = React.useCallback((value) => setShouldFocusOnContainer(value), [setShouldFocusOnContainer]);
+  const toggleShowContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(!showContextualMenu);
+    setIsContextualMenuVisible(false);
+  }, [showContextualMenu, setShowContextualMenu, setIsContextualMenuVisible]);
+  const onShowContextualMenu = React.useCallback(() => {
+    setIsContextualMenuVisible(true);
+  }, [setIsContextualMenuVisible]);
+  const onDismissContextualMenu = React.useCallback(() => {
+    setShowContextualMenu(false);
+    setIsContextualMenuVisible(false);
+  }, [setShowContextualMenu]);
+  const onItemClick = React.useCallback(
+    (key) => {
+      setLastMenuItemClicked(key);
+    },
+    [setLastMenuItemClicked],
+  );
+  return _jsxs(View, {
+    children: [
+      _jsxs(View, {
+        style: { flexDirection: 'row', paddingVertical: 5 },
+        children: [
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Mount' }),
+                  _jsx(Switch, { value: focusOnMount, onValueChange: toggleFocusOnMount }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Should Focus on Container' }),
+                  _jsx(Switch, { value: focusOnContainer, onValueChange: toggleFocusOnContainer }),
+                ],
+              }),
+              _jsxs(View, {
+                style: { flexDirection: 'row' },
+                children: [
+                  _jsx(Text, { children: 'Beak Visible' }),
+                  _jsx(Switch, { value: isBeakVisible, onValueChange: onIsBeakVisibleChange }),
+                ],
+              }),
+            ],
+          }),
+          _jsx(Separator, { vertical: true }),
+          _jsxs(View, {
+            style: { flexDirection: 'column', paddingHorizontal: 5 },
+            children: [
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Menu Visibility: ' }),
+                  isContextualMenuVisible
+                    ? _jsx(Text, { style: { color: 'green' }, children: 'Visible' })
+                    : _jsx(Text, { style: { color: 'red' }, children: 'Not Visible' }),
+                ],
+              }),
+              _jsxs(Text, {
+                children: [
+                  _jsx(Text, { children: 'Last Menu Item Clicked: ' }),
+                  lastMenuItemClicked > 0
+                    ? _jsx(Text, { style: { color: 'blue' }, children: lastMenuItemClicked })
+                    : _jsx(Text, { style: { color: 'blue' }, children: 'none' }),
+                ],
+              }),
+              _jsx(Button, {
+                onClick: toggleShowContextualMenu,
+                componentRef: stdBtnRef,
+                ...testProps(CONTEXTUALMENU_TEST_COMPONENT),
+                children: 'Press for ContextualMenu',
+              }),
+            ],
+          }),
+        ],
+      }),
+      showContextualMenu &&
+        _jsxs(ContextualMenu, {
+          target: stdBtnRef,
+          onDismiss: onDismissContextualMenu,
+          onShow: onShowContextualMenu,
+          onItemClick: onItemClick,
+          setShowMenu: toggleShowContextualMenu,
+          shouldFocusOnMount: focusOnMount,
+          shouldFocusOnContainer: focusOnContainer,
+          isBeakVisible: isBeakVisible,
+          children: [
+            _jsx(ContextualMenuItem, { text: 'MenuItem 1', itemKey: '1', ...testProps(CONTEXTUALMENUITEM_TEST_COMPONENT) }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 2', itemKey: '2' }),
+            _jsx(ContextualMenuItem, { text: 'Disabled Menu Item', itemKey: '3', disabled: true }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 4', itemKey: '4' }),
+            _jsx(ContextualMenuItem, { text: 'MenuItem 5', itemKey: '5' }),
+          ],
+        }),
+    ],
+  });
+};
+//# sourceMappingURL=E2EContextualMenuTest.js.map

package/lib/TestComponents/ContextualMenu/E2EContextualMenuTest.js.map

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

package/lib/TestComponents/ContextualMenu/index.d.ts

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

package/lib/TestComponents/ContextualMenu/index.d.ts.map

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

package/lib/TestComponents/ContextualMenu/index.js

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

package/lib/TestComponents/ContextualMenu/index.js.map

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

package/lib/TestComponents/CornerRadius/CornerRadiusTest.d.ts

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

package/lib/TestComponents/CornerRadius/CornerRadiusTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CornerRadiusTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CornerRadius/CornerRadiusTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6E/B,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAY1C,CAAC"}

package/lib/TestComponents/CornerRadius/CornerRadiusTest.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { Text } from '@fluentui/react-native';
+import { HOMEPAGE_CORNERRADIUS_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { useFluentTheme } from '@fluentui-react-native/framework';
+import { Stack } from '@fluentui-react-native/stack';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+const CornerRadiusTestComponent = (props) => {
+  const theme = useFluentTheme();
+  const isLightMode = getCurrentAppearance(theme.host.appearance, 'light') === 'light';
+  const outerBoxProps = React.useMemo(
+    () => ({
+      height: 60,
+      margin: 16,
+      backgroundColor: isLightMode ? globalTokens.color.grey80 : globalTokens.color.grey10,
+      borderRadius: props.cornerRadius,
+    }),
+    [props.cornerRadius, isLightMode],
+  );
+  const innerCircleIndicatorProps = React.useMemo(
+    () => ({
+      height: Math.min(props.cornerRadius * 2, 60),
+      width: Math.min(props.cornerRadius * 2, 60),
+      borderRadius: props.cornerRadius,
+      backgroundColor: isLightMode ? globalTokens.color.grey10 : globalTokens.color.grey80,
+    }),
+    [props.cornerRadius, isLightMode],
+  );
+  return _jsxs(View, {
+    children: [
+      _jsx(Text, { variant: 'bodySemibold', children: props.name + ': ' + props.cornerRadius + 'px' }),
+      _jsx(View, { style: outerBoxProps, children: _jsx(View, { style: innerCircleIndicatorProps }) }),
+    ],
+  });
+};
+const CornerRadiusTest = () => {
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      gap: 500,
+      children: [
+        _jsx(CornerRadiusTestComponent, { name: 'radiusNone', cornerRadius: globalTokens.corner.radiusNone }),
+        _jsx(CornerRadiusTestComponent, { name: 'radius20', cornerRadius: globalTokens.corner.radius20 }),
+        _jsx(CornerRadiusTestComponent, { name: 'radius40', cornerRadius: globalTokens.corner.radius40 }),
+        _jsx(CornerRadiusTestComponent, { name: 'radius60', cornerRadius: globalTokens.corner.radius60 }),
+        _jsx(CornerRadiusTestComponent, { name: 'radius80', cornerRadius: globalTokens.corner.radius80 }),
+        _jsx(CornerRadiusTestComponent, { name: 'radius120', cornerRadius: globalTokens.corner.radius120 }),
+        _jsx(CornerRadiusTestComponent, { name: 'radiusCircular', cornerRadius: globalTokens.corner.radiusCircular }),
+      ],
+    }),
+  });
+};
+const cornerRadiusSections = [
+  {
+    name: 'Basic Usage',
+    testID: HOMEPAGE_CORNERRADIUS_TESTPAGE,
+    component: CornerRadiusTest,
+  },
+];
+export const CornerRadiusTokensTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Production',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description = 'The different global corner radius tokens available in Fluent UI.';
+  return _jsx(Test, { name: 'Corner Radius Tokens Test', description: description, sections: cornerRadiusSections, status: status });
+};
+//# sourceMappingURL=CornerRadiusTest.js.map

package/lib/TestComponents/CornerRadius/CornerRadiusTest.js.map

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

package/lib/TestComponents/CornerRadius/index.d.ts

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

package/lib/TestComponents/CornerRadius/index.d.ts.map

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

package/lib/TestComponents/CornerRadius/index.js

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

package/lib/TestComponents/CornerRadius/index.js.map

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

package/lib/TestComponents/Divider/DividerTest.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const HorizontalDividers: React.FunctionComponent;
+export declare const VerticalDividers: React.FunctionComponent;
+export declare const DividersWithAppearance: React.FunctionComponent;
+export declare const DividersWithIcons: React.FunctionComponent;
+export declare const CustomDividers: React.FunctionComponent;
+export declare const DividerTest: React.FunctionComponent;
+//# sourceMappingURL=DividerTest.d.ts.map

package/lib/TestComponents/Divider/DividerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Divider/DividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoC/B,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAUtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAsBpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,iBAO1C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAWrC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAelC,CAAC;AAuCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAsB/B,CAAC"}

package/lib/TestComponents/Divider/DividerTest.js

@@ -0,0 +1,172 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Platform, StyleSheet, View } from 'react-native';
+import { Divider } from '@fluentui-react-native/divider';
+import { DIVIDER_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { CustomisedMobileDividers, MobileDividers } from './MobileDividerTest';
+import TestSvg from '../../../assets/test.svg';
+import { commonTestStyles } from '../Common/styles';
+import { Test } from '../Test';
+const isMobile = Platform.OS === 'android' || Platform.OS === 'ios';
+const PaddedDivider = Divider.customize({ paddingVertical: 4, thickness: 2 });
+const CustomText = Text.customize({ margin: 8 });
+const ColoredDivider = Divider.customize({ contentColor: '#bf5700', lineColor: '#bf5700' });
+const ThickDivider = Divider.customize({ thickness: 3 });
+const TextVariantDivider = Divider.customize({ variant: 'subtitle2Strong' });
+const StyledTextDivider = Divider.customize({ fontSize: 10, fontStyle: 'italic', textDecorationLine: 'underline' });
+const dividerTestStyles = StyleSheet.create({
+  verticalDividerContainer: {
+    marginVertical: 8,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+  },
+  horizontalDividerContainer: {
+    height: 120,
+    flexDirection: 'column',
+    justifyContent: 'space-evenly',
+  },
+});
+export const HorizontalDividers = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.stack,
+    children: [
+      _jsx(CustomText, { children: 'Regular divider with no content below.' }),
+      _jsx(Divider, {}),
+      _jsx(CustomText, { children: 'Regular divider with no content above.' }),
+      _jsx(Divider, { children: 'Divider with text content.' }),
+      _jsx(Divider, { insetSize: 16, children: 'Divider with text + inset.' }),
+      _jsx(PaddedDivider, { alignContent: 'start', children: 'I am a start-aligned divider' }),
+      _jsx(PaddedDivider, { alignContent: 'end', children: 'I am a end-aligned divider' }),
+    ],
+  });
+export const VerticalDividers = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.stack,
+    children: [
+      _jsxs(View, {
+        style: dividerTestStyles.verticalDividerContainer,
+        children: [
+          _jsxs(CustomText, { children: ['Regular divider ', '->'] }),
+          _jsx(Divider, { vertical: true }),
+          _jsxs(CustomText, { children: ['Divider with an inset ', '->'] }),
+          _jsx(Divider, { vertical: true, insetSize: 16 }),
+          _jsx(PaddedDivider, { vertical: true, children: 'Divider with text' }),
+          _jsx(Divider, { vertical: true, alignContent: 'start', children: 'Start-aligned divider' }),
+          _jsx(Divider, { vertical: true, alignContent: 'end', children: 'End-aligned divider' }),
+        ],
+      }),
+      _jsx(Divider, {}),
+      _jsxs(View, {
+        style: dividerTestStyles.verticalDividerContainer,
+        children: [
+          _jsx(CustomText, { children: 'The divider to the right of me should have a min height of 20px' }),
+          _jsx(Divider, { vertical: true }),
+          _jsx(CustomText, { children: 'The divider to the left of me should have a min height of 20px' }),
+        ],
+      }),
+    ],
+  });
+export const DividersWithAppearance = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.stack,
+    children: [
+      _jsx(PaddedDivider, { appearance: 'default', children: 'Default divider' }),
+      _jsx(PaddedDivider, { appearance: 'subtle', children: 'Subtle divider' }),
+      _jsx(PaddedDivider, { appearance: 'brand', children: 'Branded divider' }),
+      _jsx(PaddedDivider, { appearance: 'strong', children: 'Strong divider' }),
+    ],
+  });
+export const DividersWithIcons = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.stack,
+    children: [
+      _jsx(Divider, { appearance: 'brand', icon: { fontSource: { fontFamily: 'Arial', codepoint: 0x2663, fontSize: 32 } } }),
+      _jsx(CustomText, {
+        align: 'center',
+        children:
+          'Above is a branded Divider with a font icon as content. Below me is a branded divider with an svg icon as content - this will not show on UWP.',
+      }),
+      Platform.OS !== 'windows' &&
+        _jsx(Divider, { appearance: 'brand', icon: { svgSource: { viewBox: '0 0 500 500', src: TestSvg, width: 32, height: 32 } } }),
+    ],
+  });
+export const CustomDividers = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.stack,
+    children: [
+      _jsxs(View, {
+        style: dividerTestStyles.horizontalDividerContainer,
+        children: [
+          _jsx(ColoredDivider, { children: 'Divider with color' }),
+          _jsx(ThickDivider, { children: 'Divider with thickness' }),
+          _jsx(TextVariantDivider, { children: 'Divider with text variant' }),
+          _jsx(StyledTextDivider, { children: 'Divider with text styling' }),
+        ],
+      }),
+      _jsxs(View, {
+        style: dividerTestStyles.verticalDividerContainer,
+        children: [
+          _jsx(ColoredDivider, { vertical: true, children: 'Divider with color' }),
+          _jsx(ThickDivider, { vertical: true, children: 'Divider with thickness' }),
+          _jsx(TextVariantDivider, { vertical: true, children: 'Divider with text variant' }),
+          _jsx(StyledTextDivider, { vertical: true, children: 'Divider with text styling' }),
+        ],
+      }),
+    ],
+  });
+const dividerSections = [
+  {
+    name: 'Horizontal Dividers',
+    testID: DIVIDER_TESTPAGE,
+    component: HorizontalDividers,
+  },
+  {
+    name: 'Vertical Dividers',
+    component: VerticalDividers,
+  },
+  {
+    name: 'Divider Appearances',
+    component: DividersWithAppearance,
+  },
+  {
+    name: 'Custom Dividers',
+    component: CustomDividers,
+  },
+  {
+    name: 'Dividers with Icons',
+    component: DividersWithIcons,
+  },
+];
+const mobileDividerSections = [
+  {
+    name: 'Mobile Dividers',
+    testID: DIVIDER_TESTPAGE,
+    component: MobileDividers,
+  },
+  {
+    name: 'Customised Mobile Dividers',
+    testID: DIVIDER_TESTPAGE,
+    component: CustomisedMobileDividers,
+  },
+];
+export const DividerTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description = 'A Divider is a visual separator that can contain content (text or an icon). Dividers can be horizontal or vertical';
+  const mobileDescription = 'A Divider is a visual horizontal separator that seperates content/sections';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Divider/SPEC.md';
+  return _jsx(Test, {
+    name: 'Divider Test',
+    description: isMobile ? mobileDescription : description,
+    sections: isMobile ? mobileDividerSections : dividerSections,
+    spec: spec,
+    status: status,
+  });
+};
+//# sourceMappingURL=DividerTest.js.map

package/lib/TestComponents/Divider/DividerTest.js.map

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

package/lib/TestComponents/Divider/MobileDividerTest.d.ts

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

package/lib/TestComponents/Divider/MobileDividerTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDividerTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA6BlC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAY5C,CAAC"}

package/lib/TestComponents/Divider/MobileDividerTest.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { StyleSheet, View } from 'react-native';
+import { Divider } from '@fluentui-react-native/divider';
+import { Stack } from '@fluentui-react-native/stack';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { globalTokens } from '@fluentui-react-native/theme-tokens';
+import { commonTestStyles } from '../Common/styles';
+const CustomizedText = Text.customize({
+  textAlign: 'right',
+  fontSize: 'caption',
+  fontWeight: 'bold',
+  paddingVertical: 100,
+});
+const mobileDividerstyles = StyleSheet.create({
+  container: { marginVertical: 20, display: 'flex', height: 20, justifyContent: 'space-between' },
+});
+const RedDivider = Divider.customize({ lineColor: 'red' });
+const GreenThickDivider = Divider.customize({ lineColor: 'green', thickness: globalTokens.stroke.width30 });
+export const MobileDividers = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.section,
+    children: [
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 0 }), _jsx(CustomizedText, { children: 'Inset : 0' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 16 }), _jsx(CustomizedText, { children: 'Inset : 16' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 56 }), _jsx(CustomizedText, { children: 'Inset : 56' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 68 }), _jsx(CustomizedText, { children: 'Inset : 68' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 72 }), _jsx(CustomizedText, { children: 'Inset : 72' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(Divider, { insetSize: 108 }), _jsx(CustomizedText, { children: 'Inset : 108' })],
+      }),
+    ],
+  });
+export const CustomisedMobileDividers = () =>
+  _jsxs(Stack, {
+    style: commonTestStyles.section,
+    children: [
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [_jsx(RedDivider, {}), _jsx(CustomizedText, { children: 'Inset : 0 | color : red' })],
+      }),
+      _jsxs(View, {
+        style: mobileDividerstyles.container,
+        children: [
+          _jsx(GreenThickDivider, { insetSize: 56 }),
+          _jsx(CustomizedText, { children: 'Inset : 56 | color : green | thickness: width30' }),
+        ],
+      }),
+    ],
+  });
+//# sourceMappingURL=MobileDividerTest.js.map

package/lib/TestComponents/Divider/MobileDividerTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDividerTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Divider/MobileDividerTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,SAAS;IACnB,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,GAAG;CACrB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,SAAS,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;CAChG,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3D,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;AAE5G,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC,CAC3D,MAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;QACpC,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,CAAC,GAAI,EACzB,KAAC,cAAc,4BAA2B;gBACrC,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI,EAC1B,KAAC,cAAc,6BAA4B;gBACtC,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI,EAC1B,KAAC,cAAc,6BAA4B;gBACtC,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI,EAC1B,KAAC,cAAc,6BAA4B;gBACtC,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,GAAI,EAC1B,KAAC,cAAc,6BAA4B;gBACtC,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,OAAO,IAAC,SAAS,EAAE,GAAG,GAAI,EAC3B,KAAC,cAAc,8BAA6B;gBACvC;QACD,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAA4B,GAAG,EAAE,CAAC,CACrE,MAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO;QACpC,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,UAAU,KAAG,EACd,KAAC,cAAc,0CAAyC;gBACnD,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,SAAS;gBACxC,KAAC,iBAAiB,IAAC,SAAS,EAAE,EAAE,GAAI,EACpC,KAAC,cAAc,kEAAiE;gBAC3E;QACD,CACT,CAAC"}

package/lib/TestComponents/Divider/index.d.ts

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

package/lib/TestComponents/Divider/index.d.ts.map

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

package/lib/TestComponents/Divider/index.js

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

package/lib/TestComponents/Divider/index.js.map

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

package/lib/TestComponents/Drawer/DrawerDefault.d.ts

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

package/lib/TestComponents/Drawer/DrawerDefault.d.ts.map

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