@proximus/lavender-pokecard-native 1.2.4-alpha.4 → 1.2.4-alpha.6

package/dist/PxCardContainer.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AccessibilityProps, ImageResizeMode, ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import { type MediaContainerAspectRatio } from '@proximus/lavender-mediacontainer-native';
 export declare const PxCardBackgroundColor: {
     readonly Light: "ColorBackgroundSurfaceLight";
     readonly Default: "ColorBackgroundSurfaceDefault";
@@ -42,7 +43,7 @@ export interface PxCardContainerProps extends AccessibilityProps {
      */
     artwork?: ImageSourcePropType;
     paddingSize?: 's' | 'm' | 'l';
-    aspectRatio?: number;
+    aspectRatio?: MediaContainerAspectRatio;
     hasBorder?: boolean;
     backgroundColor?: PxCardBackgroundColor;
     backgroundImage?: ImageSourcePropType;

package/dist/PxCardContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PxCardContainer.d.ts","sourceRoot":"","sources":["../src/PxCardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,mBAAmB,EACnB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA4L1D"}
+{"version":3,"file":"PxCardContainer.d.ts","sourceRoot":"","sources":["../src/PxCardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,kBAAkB,EAGlB,eAAe,EACf,mBAAmB,EACnB,SAAS,EAIT,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAEL,KAAK,yBAAyB,EAC/B,MAAM,0CAA0C,CAAC;AAElD,eAAO,MAAM,qBAAqB;;;;;;;;CAQxB,CAAC;AAEX,MAAM,MAAM,qBAAqB,GAC/B,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,CAAC;AAErE,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA4L1D"}

package/dist/PxCardContainer.js

@@ -2,6 +2,7 @@ import React, { useMemo } from 'react';
 import { Image, ImageBackground, StyleSheet, TouchableOpacity, View, } from 'react-native';
 import { useTheme } from '@proximus/lavender-styling-native';
 import { a11y, e2eID } from '@proximus/lavender-common-native';
+import { PxMediaContainer, } from '@proximus/lavender-mediacontainer-native';
 export const PxCardBackgroundColor = {
     Light: 'ColorBackgroundSurfaceLight',
     Default: 'ColorBackgroundSurfaceDefault',
@@ -70,7 +71,7 @@ export function PxCardContainer(props) {
         artworkImage,
         React.createElement(View, { style: styles.artworkContent }, children))) : (children);
     const innerContent = (React.createElement(React.Fragment, null,
-        hasTopMedia && (React.createElement(View, { style: { aspectRatio, width: '100%' }, ...(testID && e2eID(`${testID}-media-wrapper`)) }, mediaImage)),
+        hasTopMedia && (React.createElement(PxMediaContainer, { aspectRatio: aspectRatio, testID: testID ? `${testID}-media-wrapper` : undefined }, mediaImage)),
         hasLeftMedia && (React.createElement(View, { style: styles.leftMediaWrapper, ...(testID && e2eID(`${testID}-media-wrapper`)) }, mediaImage)),
         hasMedia ? (React.createElement(View, { style: {
                 padding,

package/dist/{PxCardHeader.d.ts → PxCardHeading.d.ts}

@@ -8,7 +8,7 @@ export interface PxCardHeaderProps {
 }
 /** @deprecated Use PxCardHeaderProps instead. */
 export type CardHeadingProps = PxCardHeaderProps;
-export declare function PxCardHeader({ title, subtitle, inverted, testID, size, }: PxCardHeaderProps): React.JSX.Element;
+export declare function PxCardHeading({ title, subtitle, inverted, testID, size, }: PxCardHeaderProps): React.JSX.Element;
 /** @deprecated Use PxCardHeader instead. */
-export declare const CardHeading: typeof PxCardHeader;
-//# sourceMappingURL=PxCardHeader.d.ts.map
+export declare const CardHeading: typeof PxCardHeading;
+//# sourceMappingURL=PxCardHeading.d.ts.map

package/dist/PxCardHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PxCardHeading.d.ts","sourceRoot":"","sources":["../src/PxCardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,iDAAiD;AACjD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAgB,GACjB,EAAE,iBAAiB,qBA2CnB;AAED,4CAA4C;AAC5C,eAAO,MAAM,WAAW,sBAAgB,CAAC"}

package/dist/{PxCardHeader.js → PxCardHeading.js}

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 import { Header, Body } from '@proximus/lavender-texts-native';
 import { e2eID } from '@proximus/lavender-common-native';
 import { useTheme } from '@proximus/lavender-styling-native';
-export function PxCardHeader({ title, subtitle, inverted, testID, size = 'default', }) {
+export function PxCardHeading({ title, subtitle, inverted, testID, size = 'default', }) {
     const { theme } = useTheme();
     const isLarge = size === 'large';
     const titleFontSize = isLarge
@@ -27,4 +27,4 @@ export function PxCardHeader({ title, subtitle, inverted, testID, size = 'defaul
             }, ...(testID && e2eID(`${testID}-subtitle`)) }, subtitle))));
 }
 /** @deprecated Use PxCardHeader instead. */
-export const CardHeading = PxCardHeader;
+export const CardHeading = PxCardHeading;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './PxCardContainer';
-export * from './PxCardHeader';
+export * from './PxCardHeading';
 export * from './PxCardActions';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
 export * from './PxCardContainer';
-export * from './PxCardHeader';
+export * from './PxCardHeading';
 export * from './PxCardActions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-pokecard-native",
-  "version": "1.2.4-alpha.4",
+  "version": "1.2.4-alpha.6",
   "description": "Pokecard component",
   "license": "MIT",
   "main": "dist/index.js",
@@ -11,6 +11,7 @@
     "@proximus/lavender-button-native": "*",
     "@proximus/lavender-buttonicon-native": "*",
     "@proximus/lavender-common-native": "*",
+    "@proximus/lavender-mediacontainer-native": "*",
     "@proximus/lavender-styling-native": "*",
     "@proximus/lavender-texts-native": "*"
   },

package/dist/PxCardHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PxCardHeader.d.ts","sourceRoot":"","sources":["../src/PxCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC5B;AAED,iDAAiD;AACjD,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAgB,GACjB,EAAE,iBAAiB,qBA2CnB;AAED,4CAA4C;AAC5C,eAAO,MAAM,WAAW,qBAAe,CAAC"}