npm - @proximus/lavender-button-native - Versions diffs - 0.1.0-alpha.5 → 0.1.0-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/PxButton.d.ts +5 -1
package/dist/PxButton.d.ts.map +1 -1
package/dist/PxButton.js +173 -0
package/package.json +10 -30
package/CHANGELOG.md +0 -47
package/src/PxButton.tsx +0 -241
package/tsconfig.json +0 -8
/package/{src/index.ts → dist/index.js} +0 -0

package/dist/PxButton.d.ts CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,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 ADDED Viewed

@@ -0,0 +1,173 @@
+import React from 'react';
+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 { variant, inverted = false } = props;
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
+    switch (variant) {
+        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('ColorBorderNoneDefault'),
+            };
+        }
+    }
+}
+function getIconColor(props, theme) {
+    const { variant, disabled, inverted } = props;
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
+    switch (variant) {
+        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, theme) {
+    const { variant, disabled, inverted } = props;
+    const invertedSuffix = inverted ? 'Inverted' : 'Default';
+    switch (variant) {
+        case 'tertiary':
+            return disabled
+                ? theme.t(`ColorBackgroundStateDisabled${invertedSuffix}`)
+                : theme.t(`ColorBackgroundContainerSecondary${invertedSuffix}`);
+        default:
+            return undefined;
+    }
+}
+export function PxButton(props) {
+    const { title, wrapperStyle, titleStyle, testID, disabled = false, prefix, suffix, onPress, accessibilityLabel, accessibilityHint, inverted, } = props;
+    const { theme } = useTheme();
+    const variant = useVariant(props);
+    const shape = useShape(props);
+    const buttonColors = getButtonColors({ variant, inverted }, theme);
+    const iconStyles = {
+        size: 'Xs',
+        deprecatedColor: getIconColor({ variant, disabled, inverted }, theme),
+        padding: theme.t('Padding2xsMobile').number,
+    };
+    const iconBackgroundStyles = {
+        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 && variant === 'tertiary' ? (React.createElement(View, { style: iconBackgroundStyles }, adaptedPrefix)) : (adaptedPrefix);
+    let adaptedSuffix = suffix && React.cloneElement(suffix, iconStyles);
+    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,
+            accessibilityState: {
+                disabled,
+            },
+            accessibilityLabel: accessibilityLabel || title,
+            accessibilityHint,
+        }), style: wrapperStyle },
+        React.createElement(View, { style: [
+                styles.button,
+                {
+                    backgroundColor: buttonColors.backgroundColor,
+                    borderColor: buttonColors.borderColor,
+                    borderRadius: theme.t('RadiusButtonSmall').number,
+                    ...(shape === 'default' && {
+                        borderBottomEndRadius: theme.t('RadiusButtonBig').number,
+                    }),
+                    paddingHorizontal: variant === 'tertiary' ? 0 : theme.t('PaddingMMobile').number,
+                    paddingVertical: variant === 'tertiary'
+                        ? theme.t('Padding2xsMobile').number
+                        : theme.t('PaddingXsMobile').number,
+                    gap: theme.t('Spacing2xsMobile').number,
+                    ...(variant !== 'tertiary' && {
+                        minHeight: theme.t('SpacingLMobile').number,
+                    }),
+                },
+                disabled && {
+                    backgroundColor: buttonColors.disabledBackgroundColor,
+                },
+                variant === 'tertiary' && {
+                    paddingVertical: 4,
+                    paddingHorizontal: 0,
+                },
+            ] },
+            adaptedPrefix,
+            React.createElement(Header, { style: [
+                    {
+                        color: buttonColors.textColor,
+                    },
+                    disabled && {
+                        color: buttonColors.disabledText,
+                    },
+                    {
+                        lineHeight: 21,
+                    },
+                    titleStyle,
+                ] }, title),
+            adaptedSuffix)));
+}
+const styles = StyleSheet.create({
+    button: {
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'center',
+    },
+});

package/package.json CHANGED Viewed

@@ -1,39 +1,19 @@
 {
   "name": "@proximus/lavender-button-native",
-  "version": "0.1.0-alpha.5",
+  "version": "0.1.0-beta.0",
   "description": "Button component",
   "license": "MIT",
-  "main": "src/index.ts",
-  "scripts": {
-    "clean": "rm -rf dist",
-    "prepublish": "yarn clean && 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.4",
-    "@proximus/lavender-icon-native": "0.1.0-alpha.4",
-    "@proximus/lavender-styling-native": "0.1.0-alpha.3",
-    "@proximus/lavender-texts-native": "0.1.0-alpha.4"
+    "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-icon-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 DELETED Viewed

@@ -1,47 +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.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/src/PxButton.tsx DELETED Viewed

@@ -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/tsconfig.json DELETED Viewed

@@ -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"]
-}

/package/{src/index.ts → dist/index.js} RENAMED Viewed

File without changes