@wlloyalty/wll-react-sdk 1.0.82 → 1.0.84

package/dist/types/constants/theme.d.ts

@@ -1,6 +1,6 @@
 export declare const COLOR_CONSTANTS: {
     readonly MINIMUM_CONTRAST_RATIO: 2;
     readonly DEFAULT_LIGHTNESS_ADJUSTMENT: 0.2;
-    readonly DESATURATION_LIGHTEN_AMOUNT: 2;
+    readonly DESATURATION_LIGHTEN_AMOUNT: 0.8;
     readonly DEFAULT_COLOR: "#FFFFFF";
 };

package/dist/web.js

@@ -7967,7 +7967,7 @@ var defaultTheme = {
 var COLOR_CONSTANTS = {
   MINIMUM_CONTRAST_RATIO: 2,
   DEFAULT_LIGHTNESS_ADJUSTMENT: 0.2,
-  DESATURATION_LIGHTEN_AMOUNT: 2,
+  DESATURATION_LIGHTEN_AMOUNT: 0.8,
   DEFAULT_COLOR: '#FFFFFF'
 };
 
@@ -18804,9 +18804,7 @@ var ProgressiveImage = function (_a) {
   // Platform-specific logic for desaturation
   var desaturationStyle = IS_WEB ? {
     filter: isDesaturated ? 'grayscale(100%)' : undefined
-  } : {
-    tintColor: isDesaturated ? desaturatedColor : undefined
-  };
+  } : {};
   return /*#__PURE__*/React.createElement(View$2, {
     style: [styles$7.container, style, {
       backgroundColor: backgroundColor
@@ -18840,7 +18838,6 @@ var styles$7 = StyleSheet$1.create({
     position: 'relative',
     alignItems: 'center',
     justifyContent: 'center',
-    backgroundColor: 'red',
     width: '100%',
     height: '100%'
   }
@@ -19477,7 +19474,6 @@ var styles$5 = StyleSheet$1.create({
     position: 'absolute',
     top: 10,
     right: 10,
-    backgroundColor: 'red',
     paddingHorizontal: 12,
     paddingVertical: 6,
     borderRadius: 4
@@ -20562,8 +20558,7 @@ var Grid = function (_a) {
       return {
         width: "calc(".concat(100 / columns, "% - ").concat((columns - 1) * GRID_GAP / columns, "px)"),
         marginBottom: GRID_GAP,
-        height: 'auto',
-        aspectRatio: 1
+        height: 'auto'
       };
     } else {
       var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
@@ -20571,8 +20566,7 @@ var Grid = function (_a) {
       var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
       return {
         width: tileWidth,
-        marginBottom: GRID_GAP,
-        aspectRatio: 1
+        marginBottom: GRID_GAP
       };
     }
   }, []);
@@ -20597,16 +20591,11 @@ var Grid = function (_a) {
         return true;
       };
       if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
-        var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
         tileContainers.push(/*#__PURE__*/React.createElement(View$2, {
           key: "container-".concat(index),
           style: [
           // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
-          getTileWidth(columnsPerRow), IS_WEB && !isLastInRow && {
-            marginRight: GRID_GAP
-          }, {
-            overflow: 'hidden'
-          }]
+          getTileWidth(columnsPerRow)]
         }, /*#__PURE__*/React.createElement(TileContainer, {
           tiles: currentTiles
         })));
@@ -20627,7 +20616,7 @@ var styles$2 = StyleSheet$1.create({
     flexDirection: 'row',
     flexWrap: 'wrap',
     width: '100%',
-    justifyContent: 'space-between' // Ensure tiles are evenly spaced
+    justifyContent: 'space-between'
   }
 });
 
@@ -20685,9 +20674,8 @@ var styles$1 = StyleSheet$1.create({
     width: 21,
     height: 21,
     borderRadius: 9999,
-    backgroundColor: 'red',
-    alignItems: 'center',
-    justifyContent: 'center'
+    justifyContent: 'center',
+    alignItems: 'center'
   }
 });
 
@@ -21287,8 +21275,8 @@ var usePointsTileStyles = function (isFullSize) {
       justifyContent: 'center'
     },
     imageContainer: {
-      width: isFullSize ? '100%' : 57,
-      height: isFullSize ? '50%' : 57,
+      width: isFullSize ? '100%' : isDesktop ? 57 : 40,
+      height: isFullSize ? '50%' : isDesktop ? 57 : 40,
       marginBottom: isFullSize ? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet) : 0,
       backgroundColor: isFullSize ? theme.alphaDerivedPrimary[20] : theme.surface,
       justifyContent: 'center',
@@ -21723,7 +21711,11 @@ var RewardTileTitle = function () {
     numberOfLines: 1,
     accessibilityRole: "header",
     accessibilityLabel: "Reward title: ".concat(name),
-    testID: "reward-tile-title"
+    testID: "reward-tile-title",
+    style: {
+      flex: 1,
+      marginRight: 8
+    }
   }, name);
 };