@wlloyalty/wll-react-sdk 1.6.16 → 1.6.18
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.
- package/dist/native.js +3 -5
- package/dist/native.js.map +1 -1
- package/dist/web.js +7 -5
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/native.js
CHANGED
|
@@ -3721,9 +3721,7 @@ var ContentTileMedia = function (_a) {
|
|
|
3721
3721
|
return null;
|
|
3722
3722
|
var hasArtwork = Boolean(artworkUrl);
|
|
3723
3723
|
var styles = useContentTileStyles(hasArtwork);
|
|
3724
|
-
var containerStyle = {
|
|
3725
|
-
flexBasis: isArtworkOnly ? '100%' : '50%',
|
|
3726
|
-
};
|
|
3724
|
+
var containerStyle = __assign({ flexBasis: isArtworkOnly ? '100%' : '50%' }, (isArtworkOnly && IS_WEB && { aspectRatio: 1 }));
|
|
3727
3725
|
return (jsxRuntimeExports.jsx(reactNative.View, { style: [styles.imageContainer, containerStyle], testID: "content-tile-media", role: "img", accessibilityLabel: "Image for ".concat(title), children: jsxRuntimeExports.jsx(ProgressiveImage, { source: { uri: artworkUrl }, style: styles.image, alt: "Image for ".concat(title) }) }));
|
|
3728
3726
|
};
|
|
3729
3727
|
|
|
@@ -4823,6 +4821,7 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
4823
4821
|
},
|
|
4824
4822
|
contentColumn: {
|
|
4825
4823
|
flexGrow: 1,
|
|
4824
|
+
paddingBottom: theme.sizes.xxs,
|
|
4826
4825
|
},
|
|
4827
4826
|
mediaColumn: {
|
|
4828
4827
|
flexDirection: 'row',
|
|
@@ -4844,7 +4843,6 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
4844
4843
|
},
|
|
4845
4844
|
imageContainer: {
|
|
4846
4845
|
width: isFullSize ? '100%' : isDesktop ? 57 : 40,
|
|
4847
|
-
height: isFullSize ? '50%' : isDesktop ? 57 : 40,
|
|
4848
4846
|
marginBottom: isFullSize
|
|
4849
4847
|
? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet)
|
|
4850
4848
|
: 0,
|
|
@@ -4856,9 +4854,9 @@ var usePointsTileStyles = function (isFullSize) {
|
|
|
4856
4854
|
overflow: 'hidden',
|
|
4857
4855
|
},
|
|
4858
4856
|
image: {
|
|
4857
|
+
minHeight: 130,
|
|
4859
4858
|
width: '100%',
|
|
4860
4859
|
height: '100%',
|
|
4861
|
-
position: 'absolute',
|
|
4862
4860
|
resizeMode: 'contain',
|
|
4863
4861
|
},
|
|
4864
4862
|
});
|