@wlloyalty/wll-react-sdk 1.0.92 → 1.0.94

package/dist/types/components/organisms/Section/Section.stories.d.ts

@@ -5,3 +5,15 @@ export declare const TravelRewardsSection: import("@storybook/csf").AnnotatedSto
     section?: import("../../..").TSection;
     sectionId?: string;
 }>;
+export declare const SingleTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../..").TSection;
+    sectionId?: string;
+}>;
+export declare const TwoTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../..").TSection;
+    sectionId?: string;
+}>;
+export declare const ThreeTileSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../..").TSection;
+    sectionId?: string;
+}>;

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

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

package/dist/types/utils/storybookThemes.d.ts

@@ -6,6 +6,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -19,6 +20,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -33,6 +35,7 @@ export declare const storyBookThemes: {
         accent: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -45,6 +48,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;
@@ -58,6 +62,7 @@ export declare const storyBookThemes: {
         background: string;
         surface: string;
         surfaceText: string;
+        fontFamily: string;
         errorPrimary: string;
         negative: string;
         pageButtonBackground: string;

package/dist/web.js

@@ -7949,6 +7949,7 @@ var commonStyles = StyleSheet$1.create({
   }
 });
 var defaultTheme = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif',
   background: '#F0F0F0',
   text: '#000000',
   primary: '#392ed7',
@@ -18900,7 +18901,9 @@ var Text = function (_a) {
   };
   var variantStyle = getVariantStyle(variant);
   return /*#__PURE__*/React__namespace.createElement(Text$3, __assign({
-    style: [variantStyle, style]
+    style: [variantStyle, style, {
+      fontFamily: theme.fontFamily
+    }]
   }, props));
 };
 
@@ -20710,7 +20713,8 @@ var Grid = function (_a) {
       return {
         width: "calc(".concat(100 / columns, "% - ").concat((columns - 1) * GRID_GAP / columns, "px)"),
         marginBottom: GRID_GAP,
-        height: 'auto'
+        height: 'auto',
+        aspectRatio: 1
       };
     } else {
       var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
@@ -20744,11 +20748,14 @@ 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)]
+          getTileWidth(columnsPerRow), !isLastInRow && {
+            marginRight: GRID_GAP
+          }]
         }, /*#__PURE__*/React.createElement(TileContainer, {
           tiles: currentTiles
         })));
@@ -20768,8 +20775,7 @@ var styles$2 = StyleSheet$1.create({
   grid: {
     flexDirection: 'row',
     flexWrap: 'wrap',
-    width: '100%',
-    justifyContent: 'space-between'
+    width: '100%'
   }
 });