@proximus/lavender-button-native 0.1.0-alpha.7 → 0.1.0-beta.0

package/dist/PxButton.d.ts

@@ -8,8 +8,12 @@ export interface IProps extends AccessibilityProps {
     titleStyle?: StyleProp<TextStyle>;
     wrapperStyle?: StyleProp<ViewStyle>;
     onPress?: () => void;
+    /** @deprecated Use `variant` instead. */
     type?: Variant;
+    variant?: Variant;
+    /** @deprecated Use `shape` instead. */
     isRoundedBottomCorner?: boolean;
+    shape?: 'default' | 'alternative';
     theme?: ITheme;
     disabled?: boolean;
     testID?: string;
@@ -17,5 +21,5 @@ export interface IProps extends AccessibilityProps {
     suffix?: ReactNode;
     inverted?: boolean;
 }
-export declare function PxButton({ title, wrapperStyle, titleStyle, isRoundedBottomCorner, testID, disabled, prefix, suffix, onPress, type, accessibilityLabel, accessibilityHint, inverted, }: IProps): React.JSX.Element;
+export declare function PxButton(props: IProps): React.JSX.Element;
 //# sourceMappingURL=PxButton.d.ts.map

package/dist/PxButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxButton.d.ts","sourceRoot":"","sources":["../src/PxButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,MAAO,SAAQ,kBAAkB;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,YAAY,EACZ,UAAU,EACV,qBAA4B,EAC5B,MAAM,EACN,QAAgB,EAChB,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,GACT,EAAE,MAAM,qBA2GR"}
+{"version":3,"file":"PxButton.d.ts","sourceRoot":"","sources":["../src/PxButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EACV,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAIhE,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,MAAO,SAAQ,kBAAkB;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8GD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0HrC"}

package/dist/PxButton.js

@@ -3,10 +3,38 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { a11y, e2eID } from '@proximus/lavender-common-native';
 import { useTheme } from '@proximus/lavender-styling-native';
 import { Header } from '@proximus/lavender-texts-native';
+/**
+ * Keeps backward compatibility for `type` prop.
+ */
+function useVariant(props) {
+    const { variant, type } = props;
+    if (type && !variant) {
+        return type;
+    }
+    else if (!variant) {
+        return 'primary';
+    }
+    return variant;
+}
+/**
+ * Keeps backward compatibility for `isRoundedBottomCorner` prop.
+ */
+function useShape(props) {
+    const { shape, isRoundedBottomCorner } = props;
+    if (shape) {
+        return shape;
+    }
+    else {
+        if (isRoundedBottomCorner === undefined || isRoundedBottomCorner) {
+            return 'default';
+        }
+        return 'alternative';
+    }
+}
 function getButtonColors(props, theme) {
-    const { type, inverted = false } = props;
+    const { variant, inverted = false } = props;
     const invertedSuffix = inverted ? 'Inverted' : 'Default';
-    switch (type) {
+    switch (variant) {
         case 'secondary': {
             return {
                 backgroundColor: theme.t(`ColorBackgroundContainerSecondary${invertedSuffix}`),
@@ -31,15 +59,15 @@ function getButtonColors(props, theme) {
                     : theme.t('ColorTextBrandInverted'),
                 disabledBackgroundColor: theme.t(`ColorBackgroundStateDisabled${invertedSuffix}`),
                 disabledText: theme.t(`ColorTextStateDisabled${invertedSuffix}`),
-                borderColor: theme.t('ColorBorderNone'),
+                borderColor: theme.t('ColorBorderNoneDefault'),
             };
         }
     }
 }
 function getIconColor(props, theme) {
-    const { type, disabled, inverted } = props;
+    const { variant, disabled, inverted } = props;
     const invertedSuffix = inverted ? 'Inverted' : 'Default';
-    switch (type) {
+    switch (variant) {
         case 'primary':
             return disabled
                 ? theme.t(`ColorIconStateDisabled${invertedSuffix}`)
@@ -53,9 +81,9 @@ function getIconColor(props, theme) {
     }
 }
 function getIconBackgroundColor(props, theme) {
-    const { type, disabled, inverted } = props;
+    const { variant, disabled, inverted } = props;
     const invertedSuffix = inverted ? 'Inverted' : 'Default';
-    switch (type) {
+    switch (variant) {
         case 'tertiary':
             return disabled
                 ? theme.t(`ColorBackgroundStateDisabled${invertedSuffix}`)
@@ -64,25 +92,28 @@ function getIconBackgroundColor(props, theme) {
             return undefined;
     }
 }
-export function PxButton({ title, wrapperStyle, titleStyle, isRoundedBottomCorner = true, testID, disabled = false, prefix, suffix, onPress, type = 'primary', accessibilityLabel, accessibilityHint, inverted, }) {
+export function PxButton(props) {
+    const { title, wrapperStyle, titleStyle, testID, disabled = false, prefix, suffix, onPress, accessibilityLabel, accessibilityHint, inverted, } = props;
     const { theme } = useTheme();
-    const buttonColors = getButtonColors({ type, inverted }, theme);
+    const variant = useVariant(props);
+    const shape = useShape(props);
+    const buttonColors = getButtonColors({ variant, inverted }, theme);
     const iconStyles = {
-        size: theme.t('SizeIconXs').number,
-        color: getIconColor({ type, disabled, inverted }, theme),
+        size: 'Xs',
+        deprecatedColor: getIconColor({ variant, disabled, inverted }, theme),
         padding: theme.t('Padding2xsMobile').number,
     };
     const iconBackgroundStyles = {
-        backgroundColor: getIconBackgroundColor({ type, disabled, inverted }, theme),
+        backgroundColor: getIconBackgroundColor({ variant, disabled, inverted }, theme),
         borderRadius: theme.t('RadiusPill').number,
         marginHorizontal: theme.t('SpacingXsMobile').number,
     };
     let adaptedPrefix = prefix && React.cloneElement(prefix, iconStyles);
     adaptedPrefix =
-        prefix && type === 'tertiary' ? (React.createElement(View, { style: iconBackgroundStyles }, adaptedPrefix)) : (adaptedPrefix);
+        prefix && variant === 'tertiary' ? (React.createElement(View, { style: iconBackgroundStyles }, adaptedPrefix)) : (adaptedPrefix);
     let adaptedSuffix = suffix && React.cloneElement(suffix, iconStyles);
     adaptedSuffix =
-        suffix && type === 'tertiary' ? (React.createElement(View, { style: iconBackgroundStyles }, adaptedSuffix)) : (adaptedSuffix);
+        suffix && variant === 'tertiary' ? (React.createElement(View, { style: iconBackgroundStyles }, adaptedSuffix)) : (adaptedSuffix);
     return (React.createElement(TouchableOpacity, { ...e2eID(testID), onPress: onPress, focusable: true, disabled: disabled, ...a11y({
             accessibilityRole: 'button',
             accessible: true,
@@ -98,22 +129,22 @@ export function PxButton({ title, wrapperStyle, titleStyle, isRoundedBottomCorne
                     backgroundColor: buttonColors.backgroundColor,
                     borderColor: buttonColors.borderColor,
                     borderRadius: theme.t('RadiusButtonSmall').number,
-                    ...(isRoundedBottomCorner && {
+                    ...(shape === 'default' && {
                         borderBottomEndRadius: theme.t('RadiusButtonBig').number,
                     }),
-                    paddingHorizontal: type === 'tertiary' ? 0 : theme.t('PaddingMMobile').number,
-                    paddingVertical: type === 'tertiary'
+                    paddingHorizontal: variant === 'tertiary' ? 0 : theme.t('PaddingMMobile').number,
+                    paddingVertical: variant === 'tertiary'
                         ? theme.t('Padding2xsMobile').number
                         : theme.t('PaddingXsMobile').number,
                     gap: theme.t('Spacing2xsMobile').number,
-                    ...(type !== 'tertiary' && {
+                    ...(variant !== 'tertiary' && {
                         minHeight: theme.t('SpacingLMobile').number,
                     }),
                 },
                 disabled && {
                     backgroundColor: buttonColors.disabledBackgroundColor,
                 },
-                type === 'tertiary' && {
+                variant === 'tertiary' && {
                     paddingVertical: 4,
                     paddingHorizontal: 0,
                 },

package/package.json

@@ -1,46 +1,19 @@
 {
   "name": "@proximus/lavender-button-native",
-  "version": "0.1.0-alpha.7",
+  "version": "0.1.0-beta.0",
   "description": "Button component",
   "license": "MIT",
-  "main": "src/index.ts",
-  "scripts": {
-    "clean": "rm -rf dist",
-    "transform-package-json": "node ../../../scripts/tranformPackageJson.js package.json dist/far/away",
-    "prepublish": "yarn clean && yarn transform-package-json && yarn build",
-    "build": "npx tsc -p tsconfig.json"
-  },
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "peerDependencies": {
-    "@proximus/lavender-common-native": "workspace:*",
-    "@proximus/lavender-icon-native": "workspace:*",
-    "@proximus/lavender-styling-native": "workspace:*",
-    "@proximus/lavender-texts-native": "workspace:*"
-  },
-  "devDependencies": {
-    "@proximus/lavender-common-native": "0.1.0-alpha.6",
-    "@proximus/lavender-icon-native": "0.1.0-alpha.6",
-    "@proximus/lavender-styling-native": "0.1.0-alpha.5",
-    "@proximus/lavender-texts-native": "0.1.0-alpha.6"
+    "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-icon-native": "*",
+    "@proximus/lavender-styling-native": "*",
+    "@proximus/lavender-texts-native": "*"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          {
-            "from": "dist/far/away/package.json",
-            "to": "."
-          },
-          "dist/*.js",
-          "dist/*.d.ts",
-          "dist/*.d.ts.map",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "e50a17526561b3eafb159e36c737173956093e0d"
+  }
 }

package/CHANGELOG.md

@@ -1,57 +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.7](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.6...@proximus/lavender-button-native@0.1.0-alpha.7) (2025-09-26)
-
-**Note:** Version bump only for package @proximus/lavender-button-native
-
-# [0.1.0-alpha.6](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.5...@proximus/lavender-button-native@0.1.0-alpha.6) (2025-09-25)
-
-### Bug Fixes
-
-- **BCRI-000000:** no free space on gh runner during build ([#27](https://github.com/Pxs-Corporate/react-native-lavender/issues/27)) ([a7c8604](https://github.com/Pxs-Corporate/react-native-lavender/commit/a7c86043b5cefcb10fd768d449c5718fbabe87ec))
-
-# [0.1.0-alpha.5](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.4...@proximus/lavender-button-native@0.1.0-alpha.5) (2025-09-19)
-
-### Features
-
-- **BCRI-4249550:** message card + tag components ([#22](https://github.com/Pxs-Corporate/react-native-lavender/issues/22)) ([39fb91c](https://github.com/Pxs-Corporate/react-native-lavender/commit/39fb91cc294a37d07e63fca2b4e993d90b867082))
-
-# [0.1.0-alpha.4](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.3...@proximus/lavender-button-native@0.1.0-alpha.4) (2025-09-12)
-
-**Note:** Version bump only for package @proximus/lavender-button-native
-
-# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.2...@proximus/lavender-button-native@0.1.0-alpha.3) (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.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.1...@proximus/lavender-button-native@0.1.0-alpha.2) (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.1](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-button-native@0.1.0-alpha.0...@proximus/lavender-button-native@0.1.0-alpha.1) (2025-08-13)
-
-### Features
-
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))
-
-# 0.1.0-alpha.0 (2025-08-12)
-
-### Features
-
-- **BCRI-000000:** lerna setup ([1d24b00](https://github.com/Pxs-Corporate/react-native-lavender/commit/1d24b00a9ca917d873e9c497bfebf6a0cc570d13))
-- **BCRI-000000:** lerna setup ([f7fa837](https://github.com/Pxs-Corporate/react-native-lavender/commit/f7fa837fb15e0fd1ee838f99f421ff23a52c0403))
-- **BCRI-000000:** remove default E2E on DEV env build for all components ([a5d27bf](https://github.com/Pxs-Corporate/react-native-lavender/commit/a5d27bfaaebf5b75f3160f31c64b590b7bd00b93))
-- **BCRI-3619796:** top navigation bar ([0b2bcae](https://github.com/Pxs-Corporate/react-native-lavender/commit/0b2bcaee7243b9f00f88e2b2fb97d86cf0cf5b77))
-- **BCRI-3651606:** mono repo creation ([d19f852](https://github.com/Pxs-Corporate/react-native-lavender/commit/d19f852a710963ff85b1a9d31d18188217aa23ab))
-- **BCRI-3689585:** icon module ([f13230d](https://github.com/Pxs-Corporate/react-native-lavender/commit/f13230d9c7643680089a0db2c69b96cd73ff246e))
-- **BCRI-3702949:** tertiary button ([4999cea](https://github.com/Pxs-Corporate/react-native-lavender/commit/4999cea4d7866084d0f8c1cba37070c6cdaa7601))
-- **BCRI-3702949:** tertiary button ([db24455](https://github.com/Pxs-Corporate/react-native-lavender/commit/db24455bd9687d80920be3e42c9e1fc14703a571))
-- **BCRI-3749589:** button icon component ([62cfd94](https://github.com/Pxs-Corporate/react-native-lavender/commit/62cfd945420c26cf6da6dfb802cc998c613e9687))
-- **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))

package/dist/far/away/package.json

@@ -1,34 +0,0 @@
-{
-  "name": "@proximus/lavender-button-native",
-  "version": "0.1.0-alpha.7",
-  "description": "Button component",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "peerDependencies": {
-    "@proximus/lavender-common-native": "*",
-    "@proximus/lavender-icon-native": "*",
-    "@proximus/lavender-styling-native": "*",
-    "@proximus/lavender-texts-native": "*"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          {
-            "from": "dist/far/away/package.json",
-            "to": "."
-          },
-          "dist/*.js",
-          "dist/*.d.ts",
-          "dist/*.d.ts.map",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "e50a17526561b3eafb159e36c737173956093e0d"
-}

package/src/PxButton.tsx

@@ -1,241 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
-import type {
-  AccessibilityProps,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-} from 'react-native';
-import { StyleSheet, TouchableOpacity, View } from 'react-native';
-import { a11y, e2eID } from '@proximus/lavender-common-native';
-import type { ITheme } from '@proximus/lavender-styling-native';
-import { useTheme } from '@proximus/lavender-styling-native';
-import { Header } from '@proximus/lavender-texts-native';
-
-export type Variant = 'primary' | 'secondary' | 'tertiary';
-
-export interface IProps extends AccessibilityProps {
-  title: string;
-  titleStyle?: StyleProp<TextStyle>;
-  wrapperStyle?: StyleProp<ViewStyle>;
-  onPress?: () => void;
-  type?: Variant;
-  isRoundedBottomCorner?: boolean;
-  theme?: ITheme;
-  disabled?: boolean;
-  testID?: string;
-  prefix?: ReactNode;
-  suffix?: ReactNode;
-  inverted?: boolean;
-}
-
-function getButtonColors(props: Partial<IProps>, theme: ITheme) {
-  const { type, inverted = false } = props;
-
-  const invertedSuffix = inverted ? 'Inverted' : 'Default';
-
-  switch (type) {
-    case 'secondary': {
-      return {
-        backgroundColor: theme.t(
-          `ColorBackgroundContainerSecondary${invertedSuffix}`
-        ),
-        textColor: theme.t(`ColorTextBrand${invertedSuffix}`),
-        disabledBackgroundColor: theme.t(
-          `ColorBackgroundStateDisabled${invertedSuffix}`
-        ),
-        disabledText: theme.t(`ColorTextStateDisabled${invertedSuffix}`),
-      };
-    }
-
-    case 'tertiary': {
-      return {
-        backgroundColor: 'transparent',
-        disabledBackgroundColor: 'transparent',
-        textColor: theme.t(`ColorTextBrand${invertedSuffix}`),
-        disabledText: theme.t(`ColorTextStateDisabled${invertedSuffix}`),
-      };
-    }
-
-    default: {
-      return {
-        backgroundColor: theme.t(
-          `ColorBackgroundContainerPrimary${invertedSuffix}`
-        ),
-        textColor: inverted
-          ? theme.t('ColorTextBrandDefault')
-          : theme.t('ColorTextBrandInverted'),
-        disabledBackgroundColor: theme.t(
-          `ColorBackgroundStateDisabled${invertedSuffix}`
-        ),
-        disabledText: theme.t(`ColorTextStateDisabled${invertedSuffix}`),
-        borderColor: theme.t('ColorBorderNone'),
-      };
-    }
-  }
-}
-
-function getIconColor(props: Partial<IProps>, theme: ITheme) {
-  const { type, disabled, inverted } = props;
-
-  const invertedSuffix = inverted ? 'Inverted' : 'Default';
-
-  switch (type) {
-    case 'primary':
-      return disabled
-        ? theme.t(`ColorIconStateDisabled${invertedSuffix}`)
-        : inverted
-          ? theme.t('ColorIconBrandDefault')
-          : theme.t('ColorIconBrandInverted');
-    default:
-      return disabled
-        ? theme.t(`ColorIconStateDisabled${invertedSuffix}`)
-        : theme.t(`ColorIconBrand${invertedSuffix}`);
-  }
-}
-
-function getIconBackgroundColor(props: Partial<IProps>, theme: ITheme) {
-  const { type, disabled, inverted } = props;
-
-  const invertedSuffix = inverted ? 'Inverted' : 'Default';
-
-  switch (type) {
-    case 'tertiary':
-      return disabled
-        ? theme.t(`ColorBackgroundStateDisabled${invertedSuffix}`)
-        : theme.t(`ColorBackgroundContainerSecondary${invertedSuffix}`);
-    default:
-      return undefined;
-  }
-}
-
-export function PxButton({
-  title,
-  wrapperStyle,
-  titleStyle,
-  isRoundedBottomCorner = true,
-  testID,
-  disabled = false,
-  prefix,
-  suffix,
-  onPress,
-  type = 'primary',
-  accessibilityLabel,
-  accessibilityHint,
-  inverted,
-}: IProps) {
-  const { theme } = useTheme();
-  const buttonColors = getButtonColors({ type, inverted }, theme);
-
-  const iconStyles = {
-    size: theme.t('SizeIconXs').number,
-    color: getIconColor({ type, disabled, inverted }, theme),
-    padding: theme.t('Padding2xsMobile').number,
-  };
-
-  const iconBackgroundStyles = {
-    backgroundColor: getIconBackgroundColor(
-      { type, disabled, inverted },
-      theme
-    ),
-    borderRadius: theme.t('RadiusPill').number,
-    marginHorizontal: theme.t('SpacingXsMobile').number,
-  };
-
-  let adaptedPrefix =
-    prefix && React.cloneElement(prefix as ReactElement, iconStyles);
-
-  adaptedPrefix =
-    prefix && type === 'tertiary' ? (
-      <View style={iconBackgroundStyles}>{adaptedPrefix}</View>
-    ) : (
-      adaptedPrefix
-    );
-
-  let adaptedSuffix =
-    suffix && React.cloneElement(suffix as ReactElement, iconStyles);
-
-  adaptedSuffix =
-    suffix && type === 'tertiary' ? (
-      <View style={iconBackgroundStyles}>{adaptedSuffix}</View>
-    ) : (
-      adaptedSuffix
-    );
-
-  return (
-    <TouchableOpacity
-      {...e2eID(testID)}
-      onPress={onPress}
-      focusable={true}
-      disabled={disabled}
-      {...a11y({
-        accessibilityRole: 'button',
-        accessible: true,
-        accessibilityState: {
-          disabled,
-        },
-        accessibilityLabel: accessibilityLabel || title,
-        accessibilityHint,
-      })}
-      style={wrapperStyle}
-    >
-      <View
-        style={[
-          styles.button,
-          {
-            backgroundColor: buttonColors.backgroundColor,
-            borderColor: buttonColors.borderColor,
-            borderRadius: theme.t('RadiusButtonSmall').number,
-            ...(isRoundedBottomCorner && {
-              borderBottomEndRadius: theme.t('RadiusButtonBig').number,
-            }),
-            paddingHorizontal:
-              type === 'tertiary' ? 0 : theme.t('PaddingMMobile').number,
-            paddingVertical:
-              type === 'tertiary'
-                ? theme.t('Padding2xsMobile').number
-                : theme.t('PaddingXsMobile').number,
-            gap: theme.t('Spacing2xsMobile').number,
-            ...(type !== 'tertiary' && {
-              minHeight: theme.t('SpacingLMobile').number,
-            }),
-          },
-          disabled && {
-            backgroundColor: buttonColors.disabledBackgroundColor,
-          },
-          type === 'tertiary' && {
-            paddingVertical: 4,
-            paddingHorizontal: 0,
-          },
-        ]}
-      >
-        {adaptedPrefix}
-        <Header
-          style={[
-            {
-              color: buttonColors.textColor,
-            },
-            disabled && {
-              color: buttonColors.disabledText,
-            },
-            {
-              lineHeight: 21,
-            },
-            titleStyle,
-          ]}
-        >
-          {title}
-        </Header>
-        {adaptedSuffix}
-      </View>
-    </TouchableOpacity>
-  );
-}
-
-const styles = StyleSheet.create({
-  button: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    justifyContent: 'center',
-  },
-});

package/src/index.ts

@@ -1 +0,0 @@
-export * from './PxButton';

package/tsconfig.json

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