@wlloyalty/wll-react-sdk 1.0.71 → 1.0.72

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
@@ -20566,7 +20566,9 @@ var Grid = function (_a) {
20566
20566
  aspectRatio: 1
20567
20567
  };
20568
20568
  } else {
20569
- var tileWidth = (SCREEN_WIDTH - (columns - 1) * GRID_GAP) / columns;
20569
+ // Account for horizontal padding (GRID_GAP on both sides)
20570
+ var adjustedScreenWidth = SCREEN_WIDTH - 2 * GRID_GAP;
20571
+ var tileWidth = (adjustedScreenWidth - (columns - 1) * GRID_GAP) / columns;
20570
20572
  return {
20571
20573
  width: tileWidth,
20572
20574
  marginBottom: GRID_GAP,
@@ -20698,12 +20700,14 @@ var useSectionStyles = function () {
20698
20700
  isTablet = _a.isTablet;
20699
20701
  var theme = useWllSdk().theme;
20700
20702
  return StyleSheet$1.create({
20701
- section: {
20703
+ section: __assign({
20702
20704
  width: '100%',
20703
20705
  maxWidth: MAX_WIDTH,
20704
20706
  marginHorizontal: 'auto',
20705
20707
  marginBottom: useResponsiveValue(theme.sizes.xxxxxl, theme.sizes.xxxxl, isDesktop, isTablet)
20706
- }
20708
+ }, IS_WEB ? {} : {
20709
+ paddingHorizontal: GRID_GAP
20710
+ })
20707
20711
  });
20708
20712
  };
20709
20713
 
@@ -20992,7 +20996,7 @@ var GroupSections = function () {
20992
20996
  return /*#__PURE__*/React.createElement(Container, {
20993
20997
  accessible: true,
20994
20998
  accessibilityLabel: "Group: ".concat(groupData.name || 'Unnamed group'),
20995
- contentContainerStyle: !IS_WEB ? styles$1.container : undefined
20999
+ style: !IS_WEB ? styles$1.container : undefined
20996
21000
  }, sortedSections.map(function (section) {
20997
21001
  return /*#__PURE__*/React.createElement(Section, {
20998
21002
  key: section.id,