@contentful/experiences-core 1.15.0-dev-20240911T1639-fbf3d88.0 → 1.15.0

package/dist/index.js

@@ -2431,9 +2431,9 @@ const builtInStylesWithDesignTokens = [
 const isValidBreakpointValue = (value) => {
     return value !== undefined && value !== null && value !== '';
 };
-const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, variableName) => {
+const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpointIndex, variableName, resolveDesignTokens = true) => {
     const eventuallyResolveDesignTokens = (value) => {
-        // For some built-in design propertier, we support design tokens
+        // For some built-in design properties, we support design tokens
         if (builtInStylesWithDesignTokens.includes(variableName)) {
             return getDesignTokenRegistration(value, variableName);
         }
@@ -2446,14 +2446,20 @@ const getValueForBreakpoint = (valuesByBreakpoint, breakpoints, activeBreakpoint
             const breakpointId = breakpoints[index]?.id;
             if (isValidBreakpointValue(valuesByBreakpoint[breakpointId])) {
                 // If the value is defined, we use it and stop the breakpoints cascade
-                return eventuallyResolveDesignTokens(valuesByBreakpoint[breakpointId]);
+                if (resolveDesignTokens) {
+                    return eventuallyResolveDesignTokens(valuesByBreakpoint[breakpointId]);
+                }
+                return valuesByBreakpoint[breakpointId];
             }
         }
         // If no breakpoint matched, we search and apply the fallback breakpoint
         const fallbackBreakpointIndex = getFallbackBreakpointIndex(breakpoints);
         const fallbackBreakpointId = breakpoints[fallbackBreakpointIndex]?.id;
         if (isValidBreakpointValue(valuesByBreakpoint[fallbackBreakpointId])) {
-            return eventuallyResolveDesignTokens(valuesByBreakpoint[fallbackBreakpointId]);
+            if (resolveDesignTokens) {
+                return eventuallyResolveDesignTokens(valuesByBreakpoint[fallbackBreakpointId]);
+            }
+            return valuesByBreakpoint[fallbackBreakpointId];
         }
     }
     else {