@proximus/lavender-patch-native 2.1.1-alpha.2 → 2.1.1-alpha.20

package/dist/PxPatch.d.ts

@@ -5,11 +5,13 @@ export interface IPxPatchProps {
     title: string;
     testID?: string;
     iconName?: IconName;
-    type: 'promo' | 'info' | 'blackfriday' | 'eco';
+    variant: 'promo' | 'info' | 'blackfriday' | 'eco';
+    /** @deprecated use variant instead */
+    type?: 'promo' | 'info' | 'blackfriday' | 'eco';
     borderType?: 'bottomLeft' | 'bottomRight';
     isFocused?: boolean;
     wrapperStyle?: StyleProp<ViewStyle>;
     onPress?: () => void;
 }
-export declare function PxPatch({ title, testID, type, iconName, borderType, wrapperStyle, onPress, ...accessibilityProps }: IPxPatchProps & AccessibilityProps): React.JSX.Element;
+export declare function PxPatch({ title, testID, variant, type, iconName, borderType, wrapperStyle, onPress, ...accessibilityProps }: IPxPatchProps & AccessibilityProps): React.JSX.Element;
 //# sourceMappingURL=PxPatch.d.ts.map

package/dist/PxPatch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxPatch.d.ts","sourceRoot":"","sources":["../src/PxPatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAGrE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC;IAC/C,UAAU,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,OAAO,EACP,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,kBAAkB,qBAiGpC"}
+{"version":3,"file":"PxPatch.d.ts","sourceRoot":"","sources":["../src/PxPatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,kBAAkB,EAClB,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,EAAE,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAGrE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC;IAClD,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,CAAC;IAChD,UAAU,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,OAAO,EACP,GAAG,kBAAkB,EACtB,EAAE,aAAa,GAAG,kBAAkB,qBAkGpC"}

package/dist/PxPatch.js

@@ -4,10 +4,11 @@ import { a11y, e2eID } from '@proximus/lavender-common-native';
 import { Header } from '@proximus/lavender-texts-native';
 import { PxIcon } from '@proximus/lavender-icon-native';
 import { useTheme } from '@proximus/lavender-styling-native';
-export function PxPatch({ title, testID, type, iconName, borderType, wrapperStyle, onPress, ...accessibilityProps }) {
+export function PxPatch({ title, testID, variant, type, iconName, borderType, wrapperStyle, onPress, ...accessibilityProps }) {
     const { theme } = useTheme();
+    const selectedVariant = variant ?? type;
     const backgroundColor = () => {
-        switch (type) {
+        switch (selectedVariant) {
             case 'promo':
                 return {
                     backgroundColor: theme.t('ColorBackgroundPurposePromoDefault'),
@@ -42,7 +43,7 @@ export function PxPatch({ title, testID, type, iconName, borderType, wrapperStyl
         return undefined;
     };
     const fontColor = () => {
-        if (type !== 'info') {
+        if (selectedVariant !== 'info') {
             return theme.t('ColorTextNeutralInverted');
         }
         return theme.t('ColorTextNeutralInverted');
@@ -71,7 +72,7 @@ export function PxPatch({ title, testID, type, iconName, borderType, wrapperStyl
                 color: fontColor(),
                 lineHeight: theme.t('TextSizeLabelMMobile').number * 1.5,
             } }, title),
-        iconName && onPress && type === 'promo' && (React.createElement(PxIcon, { ...(testID && e2eID(testID + '-patch-icon')), name: iconName, size: 'Xs', style: {
+        iconName && onPress && selectedVariant === 'promo' && (React.createElement(PxIcon, { ...(testID && e2eID(testID + '-patch-icon')), name: iconName, size: 'Xs', style: {
                 marginLeft: 5,
                 color: fontColor(),
             } }))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-patch-native",
-  "version": "2.1.1-alpha.2",
+  "version": "2.1.1-alpha.20",
   "description": "Lavender patch component",
   "license": "MIT",
   "main": "dist/index.js",