@fluentui-react-native/tester-core 0.1.1

package/lib/TestComponents/CheckboxLegacy/CheckboxLegacyTest.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, TextInput } from 'react-native';
+import { Checkbox } from '@fluentui/react-native';
+import { CHECKBOX_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { CheckboxLegacyE2ETest } from './CheckboxLegacyE2ETest';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+import { Test } from '../Test';
+function onChangeUncontrolled(isChecked) {
+  console.log(isChecked);
+}
+const BasicCheckbox = () => {
+  return _jsxs(View, {
+    children: [
+      _jsx(Checkbox, { label: 'Unchecked checkbox (undefined)', onChange: onChangeUncontrolled }),
+      _jsx(Checkbox, { label: 'Unchecked checkbox (uncontrolled)', onChange: onChangeUncontrolled, defaultChecked: false }),
+      _jsx(Checkbox, {
+        label: 'Checked checkbox (uncontrolled)',
+        onChange: onChangeUncontrolled,
+        defaultChecked: true,
+        accessibilityLabel: 'Hello there',
+      }),
+      _jsx(Checkbox, { label: 'Disabled checkbox', onChange: onChangeUncontrolled, defaultChecked: false, disabled: true }),
+      _jsx(Checkbox, { label: 'Disabled checked checkbox', onChange: onChangeUncontrolled, defaultChecked: true, disabled: true }),
+      _jsx(Checkbox, { label: 'Checkbox will display a tooltip', onChange: onChangeUncontrolled, tooltip: 'This is a tooltip' }),
+    ],
+  });
+};
+const OtherCheckbox = () => {
+  const [isCheckedControlled1, setCheckedControlled1] = React.useState(false);
+  const onChangeControlled1 = React.useCallback((checked) => {
+    setCheckedControlled1(checked);
+  }, []);
+  const [isCheckedControlled2, setCheckedControlled2] = React.useState(true);
+  const onChangeControlled2 = React.useCallback((checked) => {
+    setCheckedControlled2(checked);
+  }, []);
+  return _jsxs(View, {
+    children: [
+      _jsx(Checkbox, { label: 'This is a controlled Checkbox', onChange: onChangeControlled1, checked: isCheckedControlled1 }),
+      _jsx(Checkbox, {
+        label: "Checkbox rendered with boxSide 'end' (controlled)",
+        onChange: onChangeControlled2,
+        boxSide: 'end',
+        checked: isCheckedControlled2,
+      }),
+    ],
+  });
+};
+const CircularCheckbox = Checkbox.customize({ tokens: { borderRadius: 50 } });
+const CircleColorCheckbox = Checkbox.customize({
+  tokens: { borderRadius: 50, checkboxBackgroundColor: 'white' },
+  _overrides: {
+    checked: {
+      tokens: {
+        checkboxBackgroundColor: 'green',
+        checkboxBorderColor: 'green',
+        checkmarkColor: 'white',
+      },
+    },
+    focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+    hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+    pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+  },
+});
+const HoverCheckbox = Checkbox.customize({
+  _overrides: {
+    checked: {
+      tokens: {
+        checkboxBackgroundColor: 'black',
+        checkmarkColor: 'white',
+      },
+    },
+    hovered: {
+      tokens: {
+        checkmarkVisibility: 1,
+      },
+    },
+  },
+});
+const getThemedStyles = themedStyleSheet((t) => {
+  return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+const TokenCheckbox = () => {
+  const [checkboxColor, setCheckboxColor] = React.useState('blue');
+  const [checkmarkColor, setCheckmarkColor] = React.useState('white');
+  const BlueCheckbox = Checkbox.customize({
+    tokens: { checkboxBackgroundColor: 'white' },
+    _overrides: {
+      checked: {
+        tokens: {
+          checkboxBackgroundColor: checkboxColor,
+          checkboxBorderColor: checkboxColor,
+          checkmarkColor: checkmarkColor,
+        },
+      },
+      focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+      hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
+      pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
+    },
+  });
+  const theme = useTheme();
+  const textBoxBorderStyle = getThemedStyles(theme);
+  return _jsxs(View, {
+    children: [
+      _jsx(CircularCheckbox, { label: 'A circular checkbox', onChange: onChangeUncontrolled, defaultChecked: false }),
+      _jsx(HoverCheckbox, { label: 'A checkbox with checkmark visible on hover', onChange: onChangeUncontrolled, defaultChecked: false }),
+      _jsx(CircleColorCheckbox, { label: 'A circular token-customized checkbox', onChange: onChangeUncontrolled, defaultChecked: true }),
+      _jsx(BlueCheckbox, {
+        label: 'Token-customized checkbox. Customizable below.',
+        onChange: onChangeUncontrolled,
+        boxSide: 'end',
+        defaultChecked: false,
+      }),
+      _jsx(TextInput, {
+        accessibilityLabel: 'Background color',
+        style: textBoxBorderStyle.textbox,
+        placeholder: 'Background color',
+        blurOnSubmit: true,
+        onSubmitEditing: (e) => {
+          setCheckboxColor(e.nativeEvent.text);
+        },
+      }),
+      _jsx(TextInput, {
+        accessibilityLabel: 'Checkmark color',
+        style: textBoxBorderStyle.textbox,
+        placeholder: 'Checkmark color',
+        blurOnSubmit: true,
+        onSubmitEditing: (e) => {
+          setCheckmarkColor(e.nativeEvent.text);
+        },
+      }),
+    ],
+  });
+};
+const checkboxSections = [
+  {
+    name: 'Basic Checkboxes',
+    testID: CHECKBOX_TESTPAGE,
+    component: BasicCheckbox,
+  },
+  {
+    name: 'Other Implementations',
+    component: OtherCheckbox,
+  },
+  {
+    name: 'Token Customized Checkboxes',
+    component: TokenCheckbox,
+  },
+];
+const e2eSections = [
+  {
+    name: 'Checkbox for E2E Testing',
+    component: CheckboxLegacyE2ETest,
+  },
+];
+export const CheckboxLegacyTest = () => {
+  const status = {
+    win32Status: 'Deprecated',
+    uwpStatus: 'Deprecated',
+    iosStatus: 'N/A',
+    macosStatus: 'Deprecated',
+    androidStatus: 'N/A',
+  };
+  const description =
+    'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off).';
+  const spec = 'https://github.com/microsoft/fluentui-react-native/blob/main/packages/components/Checkbox/SPEC.md';
+  return _jsx(Test, {
+    name: 'Checkbox Legacy Test',
+    description: description,
+    spec: spec,
+    sections: checkboxSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=CheckboxLegacyTest.js.map

package/lib/TestComponents/CheckboxLegacy/CheckboxLegacyTest.js.map

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

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

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

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

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

package/lib/TestComponents/CheckboxLegacy/index.js

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

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

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

package/lib/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts

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

package/lib/TestComponents/CheckboxV1/BasicCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAWjC,CAAC"}

package/lib/TestComponents/CheckboxV1/BasicCheckboxTest.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { View } from 'react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+function onChangeUncontrolled(_e, isChecked) {
+  console.log(isChecked);
+}
+export const BasicCheckbox = () => {
+  return _jsxs(View, {
+    children: [
+      _jsx(Checkbox, { label: 'Unchecked checkbox (undefined)', onChange: onChangeUncontrolled }),
+      _jsx(Checkbox, { label: 'Unchecked checkbox (uncontrolled)', onChange: onChangeUncontrolled, defaultChecked: false }),
+      _jsx(Checkbox, {
+        label: 'Checked checkbox (uncontrolled)',
+        onChange: onChangeUncontrolled,
+        defaultChecked: true,
+        accessibilityLabel: 'Hello there',
+      }),
+      _jsx(Checkbox, { label: 'Disabled checkbox', disabled: true }),
+      _jsx(Checkbox, { label: 'Disabled checked checkbox', defaultChecked: true, disabled: true }),
+      _jsx(Checkbox, { label: 'A required checkbox', required: true }),
+    ],
+  });
+};
+//# sourceMappingURL=BasicCheckboxTest.js.map

package/lib/TestComponents/CheckboxV1/BasicCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicCheckboxTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/BasicCheckboxTest.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE,SAAS,oBAAoB,CAAC,EAAoB,EAAE,SAAkB,EAAE;IACtE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAAA,CACxB;AAED,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,OAAO,CACL,MAAC,IAAI;YACH,KAAC,QAAQ,IAAC,KAAK,EAAC,gCAAgC,EAAC,QAAQ,EAAE,oBAAoB,GAAI,EACnF,KAAC,QAAQ,IAAC,KAAK,EAAC,mCAAmC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,GAAI,EAC7G,KAAC,QAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,QAAC,kBAAkB,EAAC,aAAa,GAAG,EACpI,KAAC,QAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,SAAG,EAC/C,KAAC,QAAQ,IAAC,KAAK,EAAC,2BAA2B,EAAC,cAAc,QAAC,QAAQ,SAAG,EACtE,KAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,QAAQ,SAAG;YAC5C,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.d.ts

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

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.d.ts.map

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

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { Platform } from 'react-native';
+import { CHECKBOXV1_TESTPAGE } from '@fluentui-react-native/e2e-testing';
+import { E2ECheckboxV1Test } from './E2ECheckboxV1Test';
+import { Test } from '../Test';
+import { BasicCheckbox } from './BasicCheckboxTest';
+import { DesktopSpecificCheckbox } from './DesktopSpecificCheckboxTest';
+import { OtherCheckbox } from './OtherCheckboxPropsTest';
+import { SizeCheckbox } from './SizeCheckboxTest';
+import { TokenCheckbox } from './TokenCheckboxTest';
+const checkboxSections = [
+  {
+    name: 'Basic Checkboxes',
+    testID: CHECKBOXV1_TESTPAGE,
+    component: BasicCheckbox,
+  },
+  Platform.select({
+    android: null,
+    ios: null,
+    default: {
+      name: 'Size Checkboxes',
+      component: SizeCheckbox,
+    },
+  }),
+  Platform.select({
+    android: null,
+    ios: null,
+    default: {
+      name: 'Desktop Specific Checkboxes',
+      component: DesktopSpecificCheckbox,
+    },
+  }),
+  {
+    name: 'Other Implementations',
+    component: OtherCheckbox,
+  },
+  Platform.select({
+    android: null,
+    ios: null,
+    default: {
+      name: 'Token Customized Checkboxes',
+      component: TokenCheckbox,
+    },
+  }),
+];
+const e2eSections = [
+  {
+    name: 'E2E Testing for CheckboxV1',
+    component: E2ECheckboxV1Test,
+  },
+];
+export const CheckboxV1Test = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'N/A',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description =
+    'Checkboxes give people a way to select one or more items from a group, or switch between two mutually exclusive options (checked or unchecked, on or off). For macOS, use experimental-checkbox package.';
+  return _jsx(Test, {
+    name: 'CheckboxV1 Test',
+    description: description,
+    sections: checkboxSections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+//# sourceMappingURL=CheckboxV1Test.js.map

package/lib/TestComponents/CheckboxV1/CheckboxV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxV1Test.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/CheckboxV1Test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC;QACE,IAAI,EAAE,kBAAkB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,SAAS,EAAE,aAAa;KACzB;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAE,YAAY;SACxB;KACF,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,uBAAuB;SACnC;KACF,CAAC;IACF;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,aAAa;KACzB;IACD,QAAQ,CAAC,MAAM,CAAC;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,IAAI;QACT,OAAO,EAAE;YACP,IAAI,EAAE,6BAA6B;YACnC,SAAS,EAAE,aAAa;SACzB;KACF,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,4BAA4B;QAClC,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAA4B,GAAG,EAAE,CAAC;IAC3D,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GACf,0MAA0M,CAAC;IAE7M,OAAO,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAAA,CACxI,CAAC"}

package/lib/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.d.ts

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

package/lib/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSpecificCheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAQ3C,CAAC"}

package/lib/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.js

@@ -0,0 +1,12 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export const DesktopSpecificCheckbox = () => {
+  return _jsxs(_Fragment, {
+    children: [
+      _jsx(Checkbox, { label: 'Checkbox will display a tooltip', tooltip: 'This is a tooltip' }),
+      _jsx(Checkbox, { label: 'A circular checkbox', shape: 'circular' }),
+      _jsx(Checkbox, { label: 'A checkbox with label placed before', labelPosition: 'before' }),
+    ],
+  });
+};
+//# sourceMappingURL=DesktopSpecificCheckboxTest.js.map

package/lib/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopSpecificCheckboxTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/DesktopSpecificCheckboxTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,MAAM,uBAAuB,GAA4B,GAAG,EAAE,CAAC;IACpE,OAAO,CACL;YACE,KAAC,QAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,OAAO,EAAC,mBAAmB,GAAG,EAChF,KAAC,QAAQ,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,UAAU,GAAG,EACzD,KAAC,QAAQ,IAAC,KAAK,EAAC,qCAAqC,EAAC,aAAa,EAAC,QAAQ,GAAG;YAC9E,CACJ,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.d.ts

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

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.d.ts.map

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

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.js

@@ -0,0 +1,47 @@
+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 {
+  CHECKBOXV1_TEST_COMPONENT,
+  CHECKBOXV1_ACCESSIBILITY_LABEL,
+  CHECKBOXV1_NO_A11Y_LABEL_COMPONENT,
+  CHECKBOXV1_TEST_COMPONENT_LABEL,
+  CHECKBOXV1_ON_PRESS,
+} from '@fluentui-react-native/e2e-testing';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { Stack } from '@fluentui-react-native/stack';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export const E2ECheckboxV1Test = () => {
+  const [checkboxPressed, setCheckboxPressed] = React.useState(false);
+  const onClick = React.useCallback(
+    (_e, checked) => {
+      setCheckboxPressed(checked);
+    },
+    [setCheckboxPressed],
+  );
+  return _jsx(View, {
+    children: _jsxs(Stack, {
+      style: stackStyle,
+      children: [
+        _jsx(Checkbox, {
+          accessibilityLabel: CHECKBOXV1_ACCESSIBILITY_LABEL,
+          disabled: false,
+          label: 'Testing accessibilityLabel',
+          onChange: onClick,
+          ...testProps(CHECKBOXV1_TEST_COMPONENT),
+        }),
+        _jsx(Checkbox, { label: CHECKBOXV1_TEST_COMPONENT_LABEL, required: true, ...testProps(CHECKBOXV1_NO_A11Y_LABEL_COMPONENT) }),
+        checkboxPressed
+          ? _jsx(
+              Text,
+              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+              { ...testProps(CHECKBOXV1_ON_PRESS), children: 'Checkbox Selected' },
+            )
+          : null,
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=E2ECheckboxV1Test.js.map

package/lib/TestComponents/CheckboxV1/E2ECheckboxV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"E2ECheckboxV1Test.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/E2ECheckboxV1Test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EACL,yBAAyB,EACzB,8BAA8B,EAC9B,kCAAkC,EAClC,+BAA+B,EAC/B,mBAAmB,GACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,MAAM,iBAAiB,GAA4B,GAAG,EAAE,CAAC;IAC9D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC;QACf,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAAA,CAC7B,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,cACH,MAAC,KAAK,IAAC,KAAK,EAAE,UAAU;gBACtB,KAAC,QAAQ,IACP,kBAAkB,EAAE,8BAA8B,EAClD,QAAQ,EAAE,KAAK,EACf,KAAK,EAAC,4BAA4B,EAClC,QAAQ,EAAE,OAAO,KAEb,SAAS,CAAC,yBAAyB,CAAC,GACxC,EACF,KAAC,QAAQ,IACP,KAAK,EAAE,+BAA+B,EACtC,QAAQ,WAEJ,SAAS,CAAC,kCAAkC,CAAC,GACjD,EACD,eAAe,CAAC,CAAC,CAAC,CACjB,KAAC,IAAI;gBACH,6FAA6F;uBACzF,SAAS,CAAC,mBAAmB,CAAC,kCAG7B,CACR,CAAC,CAAC,CAAC,IAAI,IACF,GACH,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/CheckboxV1/OtherCheckboxPropsTest.d.ts

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

package/lib/TestComponents/CheckboxV1/OtherCheckboxPropsTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCheckboxPropsTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAmDjC,CAAC"}

package/lib/TestComponents/CheckboxV1/OtherCheckboxPropsTest.js

@@ -0,0 +1,63 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { Platform, Pressable, View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { TextV1 } from '@fluentui-react-native/text';
+import { mobileStyles } from '../Common/styles';
+const pressableStyle = { borderWidth: 1, padding: 4, gap: 4, flexDirection: 'row', alignItems: 'center' };
+export const OtherCheckbox = () => {
+  const [isChecked, setisChecked] = React.useState(false);
+  const setCheckedTrue = React.useCallback(() => {
+    setisChecked(true);
+  }, []);
+  const setCheckedFalse = React.useCallback(() => {
+    setisChecked(false);
+  }, []);
+  const onChange = React.useCallback((_e, checked) => {
+    setisChecked(checked);
+  }, []);
+  const onPress = React.useCallback(() => {
+    setisChecked(!isChecked);
+  }, [isChecked]);
+  const memoizedStyles = React.useMemo(
+    () => (Platform.OS === 'android' ? { ...mobileStyles.containerSpacedEvenly, height: 150 } : { gap: 8 }),
+    [],
+  );
+  return _jsxs(View, {
+    style: memoizedStyles,
+    children: [
+      _jsxs(View, {
+        children: [
+          _jsx(Button, { onClick: setCheckedTrue, size: 'small', children: 'Check controlled checkboxes below' }),
+          _jsx(Button, { onClick: setCheckedFalse, size: 'small', children: 'Uncheck controlled checkboxes below' }),
+        ],
+      }),
+      _jsxs(View, {
+        children: [
+          _jsx(Checkbox, { label: 'This is a controlled Checkbox', checked: isChecked, onChange: onChange }),
+          _jsxs(Pressable, {
+            style: pressableStyle,
+            onPress: onPress,
+            children: [
+              _jsx(Checkbox, { checked: isChecked, onChange: onChange }),
+              _jsx(TextV1, { children: 'A controlled checkbox in a Pressable. Pressing Pressable also toggles Checkbox' }),
+            ],
+          }),
+          Platform.OS !== 'android' &&
+            _jsxs(_Fragment, {
+              children: [
+                _jsx(Checkbox, {
+                  label: "Checkbox rendered with labelPosition 'before' (controlled)",
+                  labelPosition: 'before',
+                  checked: isChecked,
+                }),
+                _jsx(Checkbox, { label: 'A required checkbox with other required text', required: '**' }),
+              ],
+            }),
+        ],
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=OtherCheckboxPropsTest.js.map

package/lib/TestComponents/CheckboxV1/OtherCheckboxPropsTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtherCheckboxPropsTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/OtherCheckboxPropsTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGzD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAc,GAAc,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAErH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC7C,YAAY,CAAC,IAAI,CAAC,CAAC;IAAA,CACpB,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAC9C,YAAY,CAAC,KAAK,CAAC,CAAC;IAAA,CACrB,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,OAAgB,EAAE,EAAE,CAAC;QAC3D,YAAY,CAAC,OAAO,CAAC,CAAC;IAAA,CACvB,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QACtC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAAA,CAC1B,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC,qBAAqB,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EACvG,EAAE,CACH,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc;YACzB,MAAC,IAAI;oBACH,KAAC,MAAM,IAAC,OAAO,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,kDAEpC,EACT,KAAC,MAAM,IAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,OAAO,oDAErC;oBACJ,EAEP,MAAC,IAAI;oBACH,KAAC,QAAQ,IAAC,KAAK,EAAC,+BAA+B,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EAC1F,MAAC,SAAS,IAAC,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO;4BAChD,KAAC,QAAQ,IAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACpD,KAAC,MAAM,iGAAwF;4BACrF,EAEX,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;4BACE,KAAC,QAAQ,IAAC,KAAK,EAAC,4DAA4D,EAAC,aAAa,EAAC,QAAQ,EAAC,OAAO,EAAE,SAAS,GAAI,EAC1H,KAAC,QAAQ,IAAC,KAAK,EAAC,8CAA8C,EAAC,QAAQ,EAAC,IAAI,GAAG;4BAC9E,CACJ,IACI;YACF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/CheckboxV1/SizeCheckboxTest.d.ts

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

package/lib/TestComponents/CheckboxV1/SizeCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeCheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/SizeCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAShC,CAAC"}

package/lib/TestComponents/CheckboxV1/SizeCheckboxTest.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+export const SizeCheckbox = () => {
+  return _jsxs(_Fragment, {
+    children: [
+      _jsx(Checkbox, { tooltip: 'Medium checkbox', size: 'medium' }),
+      _jsx(Checkbox, { tooltip: 'Large checkbox', size: 'large' }),
+      _jsx(Checkbox, { label: 'Medium checkbox', size: 'medium' }),
+      _jsx(Checkbox, { label: 'Large checkbox', size: 'large' }),
+    ],
+  });
+};
+//# sourceMappingURL=SizeCheckboxTest.js.map

package/lib/TestComponents/CheckboxV1/SizeCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SizeCheckboxTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/SizeCheckboxTest.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,OAAO,CACL;YACE,KAAC,QAAQ,IAAC,OAAO,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,GAAG,EACpD,KAAC,QAAQ,IAAC,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG,EAClD,KAAC,QAAQ,IAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,GAAG,EAClD,KAAC,QAAQ,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG;YAC/C,CACJ,CAAC;AAAA,CACH,CAAC"}

package/lib/TestComponents/CheckboxV1/TokenCheckboxTest.d.ts

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

package/lib/TestComponents/CheckboxV1/TokenCheckboxTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCheckboxTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/TokenCheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8C1B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA2DjC,CAAC"}

package/lib/TestComponents/CheckboxV1/TokenCheckboxTest.js

@@ -0,0 +1,92 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { View, TextInput, Platform } from 'react-native';
+import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { commonTestStyles as commonStyles } from '../Common/styles';
+function onChangeUncontrolled(_e, isChecked) {
+  console.log(isChecked);
+}
+const CircleColorCheckbox = Checkbox.customize({
+  checked: {
+    checkboxBackgroundColor: 'green',
+    checkboxBorderColor: 'green',
+    checkmarkColor: 'white',
+  },
+});
+const HoverCheckbox = Checkbox.customize({
+  hovered: {
+    checkmarkOpacity: 1,
+  },
+});
+const BigLabelCheckbox = Checkbox.customize({
+  label: {
+    fontSize: 24,
+    fontWeight: 'bold',
+  },
+});
+const ComposedCheckbox = Checkbox.compose({
+  slotProps: {
+    label: { style: { color: 'hotpink' } },
+  },
+});
+const getThemedStyles = themedStyleSheet((t) => {
+  return { textbox: { ...commonStyles.textBox, borderColor: t.colors.inputBorder } };
+});
+export const TokenCheckbox = () => {
+  const [checkboxColor, setCheckboxColor] = React.useState('blue');
+  const [checkmarkColor, setCheckmarkColor] = React.useState('white');
+  const BlueCheckbox = Checkbox.customize({
+    checked: {
+      checkboxBackgroundColor: checkboxColor,
+      checkboxBorderColor: checkboxColor,
+      checkmarkColor: checkmarkColor,
+    },
+  });
+  const theme = useTheme();
+  const textBoxBorderStyle = getThemedStyles(theme);
+  return _jsxs(View, {
+    children: [
+      Platform.OS !== 'android' &&
+        _jsxs(_Fragment, {
+          children: [
+            _jsx(HoverCheckbox, { label: 'A checkbox with checkmark visible on hover', onChange: onChangeUncontrolled }),
+            _jsx(CircleColorCheckbox, {
+              label: 'A circular token-customized checkbox',
+              shape: 'circular',
+              onChange: onChangeUncontrolled,
+              defaultChecked: true,
+            }),
+          ],
+        }),
+      _jsx(BigLabelCheckbox, { label: 'A checkbox with a bold large font label' }),
+      _jsx(ComposedCheckbox, { label: 'A checkbox with a hot pink label and no padding' }),
+      _jsx(BlueCheckbox, {
+        label: 'Token-customized checkbox. Customizable below.',
+        onChange: onChangeUncontrolled,
+        labelPosition: 'before',
+        defaultChecked: false,
+      }),
+      _jsx(TextInput, {
+        accessibilityLabel: 'Background color',
+        style: textBoxBorderStyle.textbox,
+        placeholder: 'Background color',
+        blurOnSubmit: true,
+        onSubmitEditing: (e) => {
+          setCheckboxColor(e.nativeEvent.text);
+        },
+      }),
+      _jsx(TextInput, {
+        accessibilityLabel: 'Checkmark color',
+        style: textBoxBorderStyle.textbox,
+        placeholder: 'Checkmark color',
+        blurOnSubmit: true,
+        onSubmitEditing: (e) => {
+          setCheckmarkColor(e.nativeEvent.text);
+        },
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=TokenCheckboxTest.js.map

package/lib/TestComponents/CheckboxV1/TokenCheckboxTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCheckboxTest.js","sourceRoot":"","sources":["../../../src/TestComponents/CheckboxV1/TokenCheckboxTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAGxE,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,SAAS,oBAAoB,CAAC,EAAoB,EAAE,SAAkB,EAAE;IACtE,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAAA,CACxB;AAED,MAAM,mBAAmB,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC7C,OAAO,EAAE;QACP,uBAAuB,EAAE,OAAO;QAChC,mBAAmB,EAAE,OAAO;QAC5B,cAAc,EAAE,OAAO;KACxB;CACF,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE;QACP,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC;IACxC,SAAS,EAAE;QACT,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;KACvC;CACF,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,gBAAgB,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC;IACrD,OAAO,EAAE,OAAO,EAAE,EAAE,GAAG,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC;AAAA,CACpF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE,CAAC;IAC1D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC;QACtC,OAAO,EAAE;YACP,uBAAuB,EAAE,aAAa;YACtC,mBAAmB,EAAE,aAAa;YAClC,cAAc,EAAE,cAAc;SAC/B;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,IAAI,eACF,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B;oBACE,KAAC,aAAa,IAAC,KAAK,EAAC,4CAA4C,EAAC,QAAQ,EAAE,oBAAoB,GAAI,EACpG,KAAC,mBAAmB,IAClB,KAAK,EAAC,sCAAsC,EAC5C,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,SACd;oBACD,CACJ,EAED,KAAC,gBAAgB,IAAC,KAAK,EAAC,yCAAyC,GAAG,EACpE,KAAC,gBAAgB,IAAC,KAAK,EAAC,iDAAiD,GAAG,EAE5E,KAAC,YAAY,IACX,KAAK,EAAC,gDAAgD,EACtD,QAAQ,EAAE,oBAAoB,EAC9B,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAE,KAAK,GACrB,EACF,KAAC,SAAS,IACR,kBAAkB,EAAC,kBAAkB,EACrC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EACjC,WAAW,EAAC,kBAAkB,EAC9B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oBACtB,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAAA,CACtC,GACD,EAEF,KAAC,SAAS,IACR,kBAAkB,EAAC,iBAAiB,EACpC,KAAK,EAAE,kBAAkB,CAAC,OAAO,EACjC,WAAW,EAAC,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;oBACtB,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAAA,CACvC,GACD;YACG,CACR,CAAC;AAAA,CACH,CAAC"}

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

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

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

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