@proximus/lavender-cells-native 0.1.0-alpha.4 → 0.1.0-beta.0

package/dist/PxCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxCell.d.ts","sourceRoot":"","sources":["../src/PxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,OAAQ,SAAQ,kBAAkB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAClD;AAID,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAAc,EACd,MAAM,EACN,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,IAAc,EACd,UAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,wBAAwB,EACxB,YAAqB,EACrB,SAAiB,GAClB,EAAE,OAAO,qBA6HT"}
+{"version":3,"file":"PxCell.d.ts","sourceRoot":"","sources":["../src/PxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,OAAQ,SAAQ,kBAAkB;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wBAAwB,CAAC,EAAE,kBAAkB,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;CAClD;AAID,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,cAAc,EACd,MAAM,EACN,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,IAAc,EACd,UAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,wBAAwB,EACxB,YAAqB,EACrB,SAAiB,GAClB,EAAE,OAAO,qBA+HT"}

package/dist/PxCell.js

@@ -0,0 +1,104 @@
+import { StyleSheet, TouchableOpacity, View, } from 'react-native';
+import { a11y, e2eID } from '@proximus/lavender-common-native';
+import { Body, Header } from '@proximus/lavender-texts-native';
+import { PxSeparator } from '@proximus/lavender-separator-native';
+import { useTheme } from '@proximus/lavender-styling-native';
+import React from 'react';
+const BORDER_RADIUS = 8;
+export function PxCell({ label, description, onPress, backgroundColor, containerStyle, prefix, suffix, suffixLabel, suffixDescription, testID, type = 'naked', accessible = true, accessibilityRole, accessibilityLabel, accessibilityHint, disabled, labelsAccessibilityProps, borderRadius = 'none', separator = false, }) {
+    const { theme } = useTheme();
+    return (React.createElement(TouchableOpacity, { ...a11y({
+            accessibilityRole,
+            accessible,
+            importantForAccessibility: accessible ? 'yes' : 'no',
+            accessibilityLabel: accessibilityLabel || label,
+            accessibilityHint: accessibilityHint || description,
+        }), disabled: disabled || !onPress, onPress: onPress, ...e2eID(testID) },
+        React.createElement(View, { style: [
+                styles.container,
+                containerStyle,
+                {
+                    backgroundColor: type === 'naked'
+                        ? 'transparent'
+                        : backgroundColor
+                            ? theme.t(`ColorBackgroundContainer${backgroundColor}Default`)
+                            : theme.t('ColorBackgroundContainerDefaultDefault'),
+                    borderTopLeftRadius: ['top', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderTopEndRadius: ['top', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderBottomLeftRadius: ['bottom', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderBottomRightRadius: ['bottom', 'all'].includes(borderRadius)
+                        ? BORDER_RADIUS
+                        : 0,
+                    borderRadius: 20,
+                },
+                disabled && {
+                    backgroundColor: theme.t('ColorBackgroundStateDisabledDefault'),
+                },
+            ] },
+            !!prefix && React.createElement(View, { style: styles.leftComponent }, prefix),
+            React.createElement(View, { style: styles.content },
+                React.createElement(Header, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: [
+                        {
+                            fontSize: theme.t('TextSizeLabelLMobile').number,
+                            color: theme.t('ColorTextNeutralDefault'),
+                        },
+                    ], disabled: disabled, ...(testID && e2eID(`${testID}-cell-title`)) }, label),
+                description && (React.createElement(Body, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), ...(testID && e2eID(`${testID}-cell-description`)), style: [
+                        {
+                            fontSize: theme.t('TextSizeLabelMMobile').number,
+                            color: theme.t('ColorTextNeutralDefault'),
+                        },
+                    ], disabled: disabled }, description))),
+            suffixLabel && suffixDescription && (React.createElement(View, { style: styles.suffixLabelDescription },
+                React.createElement(Header, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: {
+                        textAlign: 'right',
+                        fontSize: theme.t('TextSizeLabelLMobile').number,
+                        color: theme.t('ColorTextNeutralDefault'),
+                    }, disabled: disabled, ...(testID && e2eID(`${testID}-cell-title-right`)) }, suffixLabel),
+                description && (React.createElement(Body, { ...a11y({
+                        ...labelsAccessibilityProps,
+                        accessible,
+                        importantForAccessibility: accessible ? 'yes' : 'no',
+                    }), style: {
+                        color: theme.t('ColorTextNeutralDefault'),
+                        fontSize: theme.t('TextSizeLabelMMobile').number,
+                    }, ...(testID && e2eID(`${testID}-cell-description-right`)), disabled: disabled }, suffixDescription)))),
+            suffix),
+        separator && React.createElement(PxSeparator, null)));
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        padding: 16,
+        alignItems: 'center',
+        gap: 16,
+    },
+    content: {
+        flex: 1,
+    },
+    leftComponent: {
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    suffixLabelDescription: {
+        alignSelf: 'flex-end',
+    },
+});

package/dist/PxCellCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxCellCheckbox.d.ts","sourceRoot":"","sources":["../src/PxCellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAI3C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBAqD/D"}
+{"version":3,"file":"PxCellCheckbox.d.ts","sourceRoot":"","sources":["../src/PxCellCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAI3C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA8C/D"}

package/dist/PxCellCheckbox.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { PxCell } from './PxCell';
+import { PxCheckBox } from '@proximus/lavender-checkbox-native';
+import { StyleSheet, View } from 'react-native';
+export function PxCellCheckbox(props) {
+    const { side = 'right' } = props;
+    const checkbox = (React.createElement(PxCheckBox, { disabled: props.disabled, accessibilityLabel: props.label, accessibilityHint: props.description, wrapperStyle: {
+            height: 32,
+            justifyContent: 'center',
+        }, checked: props.checked, onChange: props.onPress, ...(props.testID && { testID: `${props.testID}-cell` }) }));
+    return (React.createElement(PxCell, { ...props, onPress: undefined, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
+            checkbox,
+            props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
+            props.suffix,
+            checkbox)) : (props.suffix), testID: props.testID }));
+}
+const styles = StyleSheet.create({
+    prefix: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+    },
+});

package/dist/PxCellRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxCellRadio.d.ts","sourceRoot":"","sources":["../src/PxCellRadio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA4C/D"}
+{"version":3,"file":"PxCellRadio.d.ts","sourceRoot":"","sources":["../src/PxCellRadio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,WAAW,CACzB,KAAK,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,qBA0C/D"}

package/dist/PxCellRadio.js

@@ -0,0 +1,20 @@
+import { PxRadioButton } from '@proximus/lavender-radio-native';
+import { PxCell } from './PxCell';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+export function PxCellRadio(props) {
+    const { side = 'right' } = props;
+    const radioButton = (React.createElement(PxRadioButton, { size: 20, accessibilityLabel: props.label, accessibilityHint: props.description, checked: props.checked, onPress: props.onPress, ...(props.testID && { testID: `${props.testID}-cell` }) }));
+    return (React.createElement(PxCell, { ...props, accessible: false, prefix: side === 'left' ? (React.createElement(View, { style: styles.prefix },
+            radioButton,
+            props.prefix)) : (props.prefix), suffix: side === 'right' ? (React.createElement(View, { style: styles.prefix },
+            props.suffix,
+            radioButton)) : (props.suffix), testID: props.testID }));
+}
+const styles = StyleSheet.create({
+    prefix: {
+        flexDirection: 'row',
+        gap: 16,
+        alignItems: 'center',
+    },
+});

package/dist/PxEntrypoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxEntrypoint.d.ts","sourceRoot":"","sources":["../src/PxEntrypoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAG3C,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,qBAQ1C"}
+{"version":3,"file":"PxEntrypoint.d.ts","sourceRoot":"","sources":["../src/PxEntrypoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAG3C,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,qBAS1C"}

package/dist/PxEntrypoint.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PxCell } from './PxCell';
+import { PxIcon } from '@proximus/lavender-icon-native';
+export function PxEntrypoint(props) {
+    return (React.createElement(PxCell, { ...props, accessibilityRole: 'button', suffix: React.createElement(PxIcon, { name: 'chevron_right' }), testID: props.testID }));
+}

package/package.json

@@ -1,46 +1,23 @@
 {
   "name": "@proximus/lavender-cells-native",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-beta.0",
   "description": "Lavender cell list component",
   "license": "MIT",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "type": "module",
-  "scripts": {
-    "clean": "rm -rf dist",
-    "prepublish": "yarn clean && yarn build",
-    "build": "npx tsc -p tsconfig.json"
-  },
   "peerDependencies": {
-    "@proximus/lavender-checkbox-native": "workspace:*",
-    "@proximus/lavender-common-native": "workspace:*",
-    "@proximus/lavender-icon-native": "workspace:*",
-    "@proximus/lavender-radio-native": "workspace:*",
-    "@proximus/lavender-separator-native": "workspace:*",
-    "@proximus/lavender-styling-native": "workspace:*",
-    "@proximus/lavender-texts-native": "workspace:*"
-  },
-  "devDependencies": {
-    "@proximus/lavender-checkbox-native": "0.1.0-alpha.4",
-    "@proximus/lavender-common-native": "0.1.0-alpha.4",
-    "@proximus/lavender-icon-native": "0.1.0-alpha.4",
-    "@proximus/lavender-radio-native": "0.1.0-alpha.4",
-    "@proximus/lavender-separator-native": "0.1.0-alpha.3",
-    "@proximus/lavender-styling-native": "0.1.0-alpha.3",
-    "@proximus/lavender-texts-native": "0.1.0-alpha.4"
+    "@proximus/lavender-checkbox-native": "*",
+    "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-icon-native": "*",
+    "@proximus/lavender-radio-native": "*",
+    "@proximus/lavender-separator-native": "*",
+    "@proximus/lavender-styling-native": "*",
+    "@proximus/lavender-texts-native": "*"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          "dist",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
+  }
 }

package/CHANGELOG.md

@@ -1,53 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [0.1.0-alpha.4](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.3...@proximus/lavender-cells-native@0.1.0-alpha.4) (2025-09-19)
-
-**Note:** Version bump only for package @proximus/lavender-cells-native
-
-# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.2...@proximus/lavender-cells-native@0.1.0-alpha.3) (2025-09-12)
-
-**Note:** Version bump only for package @proximus/lavender-cells-native
-
-# [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.1...@proximus/lavender-cells-native@0.1.0-alpha.2) (2025-09-05)
-
-### Features
-
-- **BCRI-4279213:** update token architecture and component styles ([#18](https://github.com/Pxs-Corporate/react-native-lavender/issues/18)) ([2fabf41](https://github.com/Pxs-Corporate/react-native-lavender/commit/2fabf416ce069e9756daa868c3012181db87e7f5))
-
-# [0.1.0-alpha.1](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-cells-native@0.1.0-alpha.0...@proximus/lavender-cells-native@0.1.0-alpha.1) (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-4210372:** fix types field in modules ([68ac126](https://github.com/Pxs-Corporate/react-native-lavender/commit/68ac12657112473ae9e0e683076b1d9172be9ce6))
-
-# 0.1.0-alpha.0 (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-3807748:** fix checkbox android native crash ([f358872](https://github.com/Pxs-Corporate/react-native-lavender/commit/f3588725a8a7440722b6fc13a5586da2da758ea0))
-
-### Features
-
-- **BCRI-000000:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
-- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4149480:** cell background color ([acf6722](https://github.com/Pxs-Corporate/react-native-lavender/commit/acf67226cf17589647163886f64f77cd18a87959))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))
-- **BCRI-4210372:** fix bad version numbers ([bc6a8ba](https://github.com/Pxs-Corporate/react-native-lavender/commit/bc6a8ba48c15347442f2ac38dacae7ffba3d95eb))
-
-# (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-3807748:** fix checkbox android native crash ([f358872](https://github.com/Pxs-Corporate/react-native-lavender/commit/f3588725a8a7440722b6fc13a5586da2da758ea0))
-
-### Features
-
-- **BCRI-000000:** adding testids on cells ([1e5f002](https://github.com/Pxs-Corporate/react-native-lavender/commit/1e5f00201a84516c1a6fe3fe5c04032204c32ae8))
-- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
-- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
-- **BCRI-4149480:** cell background color ([acf6722](https://github.com/Pxs-Corporate/react-native-lavender/commit/acf67226cf17589647163886f64f77cd18a87959))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/src/PxCell.tsx

@@ -1,199 +0,0 @@
-import {
-  AccessibilityProps,
-  StyleProp,
-  StyleSheet,
-  TouchableOpacity,
-  View,
-  ViewStyle,
-} from 'react-native';
-import { a11y, e2eID } from '@proximus/lavender-common-native';
-import { Body, Header } from '@proximus/lavender-texts-native';
-import { PxSeparator } from '@proximus/lavender-separator-native';
-import { useTheme } from '@proximus/lavender-styling-native';
-import React, { ReactElement, ReactNode } from 'react';
-
-export interface IPxCell extends AccessibilityProps {
-  label: string;
-  description?: string;
-  containerStyle?: StyleProp<ViewStyle>;
-  backgroundColor?: 'Default' | 'Light';
-  onPress?: () => void;
-  prefix?: ReactNode;
-  suffix?: ReactElement;
-  suffixLabel?: string;
-  suffixDescription?: string;
-  type?: 'naked' | 'contained';
-  testID?: string;
-  disabled?: boolean;
-  separator?: boolean;
-  labelsAccessibilityProps?: AccessibilityProps;
-  borderRadius?: 'top' | 'bottom' | 'all' | 'none';
-}
-
-const BORDER_RADIUS = 8;
-
-export function PxCell({
-  label,
-  description,
-  onPress,
-  backgroundColor,
-  containerStyle,
-  prefix,
-  suffix,
-  suffixLabel,
-  suffixDescription,
-  testID,
-  type = 'naked',
-  accessible = true,
-  accessibilityRole,
-  accessibilityLabel,
-  accessibilityHint,
-  disabled,
-  labelsAccessibilityProps,
-  borderRadius = 'none',
-  separator = false,
-}: IPxCell) {
-  const { theme } = useTheme();
-
-  return (
-    <TouchableOpacity
-      {...a11y({
-        accessibilityRole,
-        accessible,
-        importantForAccessibility: accessible ? 'yes' : 'no',
-        accessibilityLabel: accessibilityLabel || label,
-        accessibilityHint: accessibilityHint || description,
-      })}
-      disabled={disabled || !onPress}
-      onPress={onPress}
-      {...e2eID(testID)}
-    >
-      <View
-        style={[
-          styles.container,
-          containerStyle,
-          {
-            backgroundColor:
-              type === 'naked'
-                ? 'transparent'
-                : backgroundColor
-                  ? theme.t(`ColorBackgroundContainer${backgroundColor}Default`)
-                  : theme.t('ColorBackgroundContainerDefaultDefault'),
-            borderTopLeftRadius: ['top', 'all'].includes(borderRadius)
-              ? BORDER_RADIUS
-              : 0,
-            borderTopEndRadius: ['top', 'all'].includes(borderRadius)
-              ? BORDER_RADIUS
-              : 0,
-            borderBottomLeftRadius: ['bottom', 'all'].includes(borderRadius)
-              ? BORDER_RADIUS
-              : 0,
-            borderBottomRightRadius: ['bottom', 'all'].includes(borderRadius)
-              ? BORDER_RADIUS
-              : 0,
-            borderRadius: 20,
-          },
-          disabled && {
-            backgroundColor: theme.t('ColorBackgroundStateDisabledDefault'),
-          },
-        ]}
-      >
-        {!!prefix && <View style={styles.leftComponent}>{prefix}</View>}
-        <View style={styles.content}>
-          <Header
-            {...a11y({
-              ...labelsAccessibilityProps,
-              accessible,
-              importantForAccessibility: accessible ? 'yes' : 'no',
-            })}
-            style={[
-              {
-                fontSize: theme.t('TextSizeLabelLMobile').number,
-                color: theme.t('ColorTextNeutralDefault'),
-              },
-            ]}
-            disabled={disabled}
-          >
-            {label}
-          </Header>
-          {description && (
-            <Body
-              {...a11y({
-                ...labelsAccessibilityProps,
-                accessible,
-                importantForAccessibility: accessible ? 'yes' : 'no',
-              })}
-              {...e2eID(`${testID}_subTitle`)}
-              style={[
-                {
-                  fontSize: theme.t('TextSizeLabelMMobile').number,
-                  color: theme.t('ColorTextNeutralDefault'),
-                },
-              ]}
-              disabled={disabled}
-            >
-              {description}
-            </Body>
-          )}
-        </View>
-        {suffixLabel && suffixDescription && (
-          <View style={styles.suffixLabelDescription}>
-            <Header
-              {...a11y({
-                ...labelsAccessibilityProps,
-                accessible,
-                importantForAccessibility: accessible ? 'yes' : 'no',
-              })}
-              style={{
-                textAlign: 'right',
-                fontSize: theme.t('TextSizeLabelLMobile').number,
-                color: theme.t('ColorTextNeutralDefault'),
-              }}
-              disabled={disabled}
-            >
-              {suffixLabel}
-            </Header>
-            {description && (
-              <Body
-                {...a11y({
-                  ...labelsAccessibilityProps,
-                  accessible,
-                  importantForAccessibility: accessible ? 'yes' : 'no',
-                })}
-                style={{
-                  color: theme.t('ColorTextNeutralDefault'),
-                  fontSize: theme.t('TextSizeLabelMMobile').number,
-                }}
-                {...e2eID(`${testID}_subTitle`)}
-                disabled={disabled}
-              >
-                {suffixDescription}
-              </Body>
-            )}
-          </View>
-        )}
-        {suffix}
-      </View>
-      {separator && <PxSeparator />}
-    </TouchableOpacity>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    padding: 16,
-    alignItems: 'center',
-    gap: 16,
-  },
-  content: {
-    flex: 1,
-  },
-  leftComponent: {
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  suffixLabelDescription: {
-    alignSelf: 'flex-end',
-  },
-});

package/src/PxCellCheckbox.tsx

@@ -1,68 +0,0 @@
-import React from 'react';
-import { IPxCell, PxCell } from './PxCell';
-import { PxCheckBox } from '@proximus/lavender-checkbox-native';
-import { StyleSheet, View } from 'react-native';
-
-export function PxCellCheckbox(
-  props: IPxCell & { checked: boolean; side?: 'left' | 'right' }
-) {
-  const { side = 'right' } = props;
-  const checkbox = (
-    <PxCheckBox
-      disabled={props.disabled}
-      accessibilityLabel={props.label}
-      accessibilityHint={props.description}
-      wrapperStyle={{
-        height: 32,
-        justifyContent: 'center',
-      }}
-      // checkboxStyle={{
-      //   // Not applied on Android because of a weird visual bug
-      //   ...(Platform.OS === 'ios' && {
-      //     width: 16,
-      //     height: 16,
-      //   }),
-      //   backgroundColor: 'transparent',
-      // }}
-      checked={props.checked}
-      onChange={props.onPress}
-      testID={props.testID}
-    />
-  );
-
-  return (
-    <PxCell
-      {...props}
-      onPress={undefined} // override onPress to prevent double tap
-      accessible={false}
-      prefix={
-        side === 'left' ? (
-          <View style={styles.prefix}>
-            {checkbox}
-            {props.prefix}
-          </View>
-        ) : (
-          props.prefix
-        )
-      }
-      suffix={
-        side === 'right' ? (
-          <View style={styles.prefix}>
-            {props.suffix}
-            {checkbox}
-          </View>
-        ) : (
-          props.suffix
-        )
-      }
-    />
-  );
-}
-
-const styles = StyleSheet.create({
-  prefix: {
-    flexDirection: 'row',
-    gap: 16,
-    alignItems: 'center',
-  },
-});

package/src/PxCellRadio.tsx

@@ -1,59 +0,0 @@
-import { PxRadioButton } from '@proximus/lavender-radio-native';
-import { IPxCell, PxCell } from './PxCell';
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-
-export function PxCellRadio(
-  props: IPxCell & { checked: boolean; side?: 'left' | 'right' }
-) {
-  const { side = 'right' } = props;
-
-  const radioButton = (
-    <PxRadioButton
-      size={20}
-      accessibilityLabel={props.label}
-      accessibilityHint={props.description}
-      labelA11y={{
-        accessible: false,
-      }}
-      checked={props.checked}
-      onPress={props.onPress}
-      testID={props.testID}
-    />
-  );
-
-  return (
-    <PxCell
-      {...props}
-      accessible={false}
-      prefix={
-        side === 'left' ? (
-          <View style={styles.prefix}>
-            {radioButton}
-            {props.prefix}
-          </View>
-        ) : (
-          props.prefix
-        )
-      }
-      suffix={
-        side === 'right' ? (
-          <View style={styles.prefix}>
-            {props.suffix}
-            {radioButton}
-          </View>
-        ) : (
-          props.suffix
-        )
-      }
-    />
-  );
-}
-
-const styles = StyleSheet.create({
-  prefix: {
-    flexDirection: 'row',
-    gap: 16,
-    alignItems: 'center',
-  },
-});

package/src/PxEntrypoint.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import { IPxCell, PxCell } from './PxCell';
-import { PxIcon } from '@proximus/lavender-icon-native';
-
-export function PxEntrypoint(props: IPxCell) {
-  return (
-    <PxCell
-      {...props}
-      accessibilityRole={'button'}
-      suffix={<PxIcon name={'chevron_right'} />}
-    />
-  );
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../../tsconfig.npm.json",
-  "compilerOptions": {
-    "outDir": "dist",
-  },
-  "include": ["src","../../../lib.d.ts"],
-  "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
-}