@wlloyalty/wll-react-sdk 1.6.17 → 1.6.19

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/web.js CHANGED
@@ -20124,6 +20124,7 @@ var BadgeTileDateEarned = function () {
20124
20124
  var BadgeTileDescription = function () {
20125
20125
  var tileContext = useTileContext();
20126
20126
  var width = useWindowDimensions().width;
20127
+ var theme = useWllSdk().theme;
20127
20128
  if (!isContextValid(tileContext)) return null;
20128
20129
  var _a = tileContext.configuration,
20129
20130
  count = _a.count,
@@ -20145,7 +20146,8 @@ var BadgeTileDescription = function () {
20145
20146
  testID: "badge-tile-description",
20146
20147
  style: {
20147
20148
  width: '100%',
20148
- overflow: 'hidden'
20149
+ overflow: 'hidden',
20150
+ paddingBottom: theme.sizes.xxs
20149
20151
  }
20150
20152
  }, /*#__PURE__*/React.createElement(Text, {
20151
20153
  variant: "body",
@@ -22024,7 +22026,8 @@ var usePointsTileStyles = function (isFullSize) {
22024
22026
  width: '100%'
22025
22027
  },
22026
22028
  contentColumn: {
22027
- flexGrow: 1
22029
+ flexGrow: 1,
22030
+ paddingBottom: theme.sizes.xxs
22028
22031
  },
22029
22032
  mediaColumn: {
22030
22033
  flexDirection: 'row',
@@ -22044,7 +22047,6 @@ var usePointsTileStyles = function (isFullSize) {
22044
22047
  },
22045
22048
  imageContainer: {
22046
22049
  width: isFullSize ? '100%' : isDesktop ? 57 : 40,
22047
- height: isFullSize ? '50%' : isDesktop ? 57 : 40,
22048
22050
  marginBottom: isFullSize ? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet) : 0,
22049
22051
  backgroundColor: isFullSize ? theme.alphaDerivedPrimary[20] : theme.surface,
22050
22052
  justifyContent: 'center',
@@ -22052,9 +22054,9 @@ var usePointsTileStyles = function (isFullSize) {
22052
22054
  overflow: 'hidden'
22053
22055
  },
22054
22056
  image: {
22057
+ minHeight: 130,
22055
22058
  width: '100%',
22056
22059
  height: '100%',
22057
- position: 'absolute',
22058
22060
  resizeMode: 'contain'
22059
22061
  }
22060
22062
  });