@wlloyalty/wll-react-sdk 1.0.83 → 1.0.84

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.
@@ -1,6 +1,6 @@
1
1
  export declare const COLOR_CONSTANTS: {
2
2
  readonly MINIMUM_CONTRAST_RATIO: 2;
3
3
  readonly DEFAULT_LIGHTNESS_ADJUSTMENT: 0.2;
4
- readonly DESATURATION_LIGHTEN_AMOUNT: 2;
4
+ readonly DESATURATION_LIGHTEN_AMOUNT: 0.8;
5
5
  readonly DEFAULT_COLOR: "#FFFFFF";
6
6
  };
package/dist/web.js CHANGED
@@ -7967,7 +7967,7 @@ var defaultTheme = {
7967
7967
  var COLOR_CONSTANTS = {
7968
7968
  MINIMUM_CONTRAST_RATIO: 2,
7969
7969
  DEFAULT_LIGHTNESS_ADJUSTMENT: 0.2,
7970
- DESATURATION_LIGHTEN_AMOUNT: 2,
7970
+ DESATURATION_LIGHTEN_AMOUNT: 0.8,
7971
7971
  DEFAULT_COLOR: '#FFFFFF'
7972
7972
  };
7973
7973
 
@@ -18838,7 +18838,6 @@ var styles$7 = StyleSheet$1.create({
18838
18838
  position: 'relative',
18839
18839
  alignItems: 'center',
18840
18840
  justifyContent: 'center',
18841
- backgroundColor: 'red',
18842
18841
  width: '100%',
18843
18842
  height: '100%'
18844
18843
  }
@@ -19475,7 +19474,6 @@ var styles$5 = StyleSheet$1.create({
19475
19474
  position: 'absolute',
19476
19475
  top: 10,
19477
19476
  right: 10,
19478
- backgroundColor: 'red',
19479
19477
  paddingHorizontal: 12,
19480
19478
  paddingVertical: 6,
19481
19479
  borderRadius: 4
@@ -20560,8 +20558,7 @@ var Grid = function (_a) {
20560
20558
  return {
20561
20559
  width: "calc(".concat(100 / columns, "% - ").concat((columns - 1) * GRID_GAP / columns, "px)"),
20562
20560
  marginBottom: GRID_GAP,
20563
- height: 'auto',
20564
- aspectRatio: 1
20561
+ height: 'auto'
20565
20562
  };
20566
20563
  } else {
20567
20564
  var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
@@ -20569,8 +20566,7 @@ var Grid = function (_a) {
20569
20566
  var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
20570
20567
  return {
20571
20568
  width: tileWidth,
20572
- marginBottom: GRID_GAP,
20573
- aspectRatio: 1
20569
+ marginBottom: GRID_GAP
20574
20570
  };
20575
20571
  }
20576
20572
  }, []);
@@ -20678,9 +20674,8 @@ var styles$1 = StyleSheet$1.create({
20678
20674
  width: 21,
20679
20675
  height: 21,
20680
20676
  borderRadius: 9999,
20681
- backgroundColor: 'red',
20682
- alignItems: 'center',
20683
- justifyContent: 'center'
20677
+ justifyContent: 'center',
20678
+ alignItems: 'center'
20684
20679
  }
20685
20680
  });
20686
20681
 
@@ -21280,8 +21275,8 @@ var usePointsTileStyles = function (isFullSize) {
21280
21275
  justifyContent: 'center'
21281
21276
  },
21282
21277
  imageContainer: {
21283
- width: isFullSize ? '100%' : 57,
21284
- height: isFullSize ? '50%' : 57,
21278
+ width: isFullSize ? '100%' : isDesktop ? 57 : 40,
21279
+ height: isFullSize ? '50%' : isDesktop ? 57 : 40,
21285
21280
  marginBottom: isFullSize ? useResponsiveValue(theme.sizes.sm, theme.sizes.xxs, isDesktop, isTablet) : 0,
21286
21281
  backgroundColor: isFullSize ? theme.alphaDerivedPrimary[20] : theme.surface,
21287
21282
  justifyContent: 'center',