@wlloyalty/wll-react-sdk 1.0.96 → 1.0.97

package/dist/web.js

@@ -8228,11 +8228,16 @@ var isValidColor = function (color) {
  * @returns Boolean indicating if theme is valid
  */
 var validateTheme = function (theme) {
-  var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', 'positive', 'negative', 'text'];
+  var requiredColors = ['accent', 'background', 'primary', 'surface', 'surfaceText', 'text'];
   // fontFamily is optional - it has a default value in defaultTheme
-  return requiredColors.every(function (color) {
-    return theme[color] && isValidColor(theme[color]);
+  // Log missing or invalid colors for debugging
+  var missingOrInvalidColors = requiredColors.filter(function (color) {
+    return !theme[color] || !isValidColor(theme[color]);
   });
+  if (missingOrInvalidColors.length > 0) {
+    console.warn('[WLL SDK] Missing or invalid required colors:', missingOrInvalidColors);
+  }
+  return missingOrInvalidColors.length === 0;
 };
 /**
  * Safely creates a Color instance with error handling
@@ -18915,10 +18920,11 @@ var Text = function (_a) {
     }
   };
   var variantStyle = getVariantStyle(variant);
+  var baseTextStyle = {
+    fontFamily: theme.fontFamily
+  };
   return /*#__PURE__*/React__namespace.createElement(Text$3, __assign({
-    style: [variantStyle, style, {
-      fontFamily: theme.fontFamily
-    }]
+    style: [baseTextStyle, variantStyle, style]
   }, props));
 };
 
@@ -20397,11 +20403,13 @@ var useSectionHeaderStyles = function () {
       fontSize: useResponsiveValue(theme.sizes.xxxl, theme.sizes.xl, isDesktop, isTablet),
       marginBottom: useResponsiveValue(theme.sizes.xxs, theme.sizes.xxxs, isDesktop, isTablet),
       fontWeight: '700',
-      color: theme.text
+      color: theme.text,
+      fontFamily: theme.fontFamily
     },
     sectionDescription: {
       fontSize: useResponsiveValue(theme.sizes.xxl, theme.sizes.md, isDesktop, isTablet),
-      color: theme.alphaDerivedText[80]
+      color: theme.alphaDerivedText[80],
+      fontFamily: theme.fontFamily
     }
   });
 };