@wlloyalty/wll-react-sdk 1.0.92 → 1.0.94

package/dist/index.d.ts

@@ -256,6 +256,7 @@ type DerivedColors = {
 };
 type DesaturationType = BadgeTileType.Specific | BadgeTileType.Latest;
 type BaseThemeObject = {
+    fontFamily: string;
     accent: string;
     background: string;
     errorPrimary: string;

package/dist/native.js

@@ -1620,6 +1620,7 @@ var commonStyles = reactNative.StyleSheet.create({
     },
 });
 var defaultTheme = {
+    fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif',
     background: '#F0F0F0',
     text: '#000000',
     primary: '#392ed7',
@@ -2299,7 +2300,13 @@ var Text = function (_a) {
         }
     };
     var variantStyle = getVariantStyle(variant);
-    return jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [variantStyle, style] }, props));
+    return (jsxRuntimeExports.jsx(reactNative.Text, __assign({ style: [
+            variantStyle,
+            style,
+            {
+                fontFamily: theme.fontFamily,
+            },
+        ] }, props)));
 };
 
 var MAX_WIDTH = 1080;
@@ -3754,6 +3761,7 @@ var Grid = function (_a) {
                 width: "calc(".concat(100 / columns, "% - ").concat(((columns - 1) * GRID_GAP) / columns, "px)"),
                 marginBottom: GRID_GAP,
                 height: 'auto',
+                aspectRatio: 1,
             };
         }
         else {
@@ -3795,9 +3803,11 @@ var Grid = function (_a) {
                 return true;
             };
             if (shouldStartNewContainer(currentTiles, tile, nextTile)) {
+                var isLastInRow = (tileContainers.length + 1) % columnsPerRow === 0;
                 tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
                         // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
                         getTileWidth(columnsPerRow),
+                        !isLastInRow && { marginRight: GRID_GAP },
                     ], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
                 currentTiles = [];
             }
@@ -3811,7 +3821,6 @@ var styles$2 = reactNative.StyleSheet.create({
         flexDirection: 'row',
         flexWrap: 'wrap',
         width: '100%',
-        justifyContent: 'space-between',
     },
 });