@proximus/lavender-button-native 0.1.0-alpha.16 → 0.1.0-alpha.17

package/dist/PxButton.d.ts

@@ -11,7 +11,9 @@ export interface IProps extends AccessibilityProps {
     /** @deprecated Use `variant` instead. */
     type?: Variant;
     variant?: Variant;
+    /** @deprecated Use `shape` instead. */
     isRoundedBottomCorner?: boolean;
+    shape?: 'default' | 'alternative';
     theme?: ITheme;
     disabled?: boolean;
     testID?: string;

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,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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;AAgGD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0HrC"}
+{"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

@@ -5,7 +5,6 @@ import { useTheme } from '@proximus/lavender-styling-native';
 import { Header } from '@proximus/lavender-texts-native';
 /**
  * Keeps backward compatibility for `type` prop.
- * @param props
  */
 function useVariant(props) {
     const { variant, type } = props;
@@ -17,6 +16,21 @@ function useVariant(props) {
     }
     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';
@@ -79,9 +93,10 @@ function getIconBackgroundColor(props, theme) {
     }
 }
 export function PxButton(props) {
-    const { title, wrapperStyle, titleStyle, isRoundedBottomCorner = true, testID, disabled = false, prefix, suffix, onPress, accessibilityLabel, accessibilityHint, inverted, } = 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',
@@ -114,7 +129,7 @@ export function PxButton(props) {
                     backgroundColor: buttonColors.backgroundColor,
                     borderColor: buttonColors.borderColor,
                     borderRadius: theme.t('RadiusButtonSmall').number,
-                    ...(isRoundedBottomCorner && {
+                    ...(shape === 'default' && {
                         borderBottomEndRadius: theme.t('RadiusButtonBig').number,
                     }),
                     paddingHorizontal: variant === 'tertiary' ? 0 : theme.t('PaddingMMobile').number,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-button-native",
-  "version": "0.1.0-alpha.16",
+  "version": "0.1.0-alpha.17",
   "description": "Button component",
   "license": "MIT",
   "main": "dist/index.js",