@contentful/experiences-sdk-react 1.6.0 → 1.7.0-beta.0

package/dist/index.js

@@ -10,7 +10,7 @@ import { ContentfulContainer, Columns, SingleColumn } from '@contentful/experien
 import styleInject from 'style-inject';
 import md5 from 'md5';
 
-const SDK_VERSION = '1.6.0';
+const SDK_VERSION = '1.7.0-beta.0';
 
 var util;
 (function (util) {
@@ -4132,7 +4132,7 @@ const BreakpointSchema = z
     query: z.string().regex(/^\*$|^<[0-9*]+px$/),
     previewSize: z.string(),
     displayName: z.string(),
-    displayIconUrl: z.string().optional(),
+    displayIcon: z.enum(['desktop', 'tablet', 'mobile']).optional(),
 })
     .strict();
 const UnboundValuesSchema = z.record(uuidKeySchema, z.object({
@@ -4578,15 +4578,15 @@ const resolveCssVariables = (designTokensDefinition) => {
         const tempResolvedValue = {};
         Object.keys(border).forEach((borderKey) => {
             const { width, style, color } = border[borderKey];
-            if (CssVarRegex.test(width)) {
+            if (width && CssVarRegex.test(width)) {
                 const resolvedValue = getSingleCssVariableValue(element, width, 'border-width');
                 tempResolvedValue[width] = resolvedValue;
             }
-            if (CssVarRegex.test(style)) {
+            if (style && CssVarRegex.test(style)) {
                 const resolvedValue = getSingleCssVariableValue(element, style, 'border-style');
                 tempResolvedValue[style] = resolvedValue;
             }
-            if (CssVarRegex.test(color)) {
+            if (color && CssVarRegex.test(color)) {
                 const resolvedValue = getSingleCssVariableValue(element, color, 'border-color');
                 tempResolvedValue[color] = resolvedValue;
             }
@@ -4690,7 +4690,7 @@ const useClassName = ({ node, props, }) => {
             // class name has been already set on the server side. No need to calculate it on client side anymore
             return;
         }
-        const cfStyles = buildCfStyles(props, node.definitionId);
+        const cfStyles = buildCfStyles(props);
         if (Object.keys(cfStyles).length === 0) {
             return;
         }
@@ -5318,7 +5318,7 @@ const detachExperienceStyles = (experience) => {
                 }, {});
                 // We convert cryptic prop keys to css variables
                 // Eg: cfMargin to margin
-                const stylesForBreakpoint = buildCfStyles(propsByBreakpointWithResolvedDesignTokens, currentNode.definitionId);
+                const stylesForBreakpoint = buildCfStyles(propsByBreakpointWithResolvedDesignTokens);
                 const stylesForBreakpointWithoutUndefined = Object.fromEntries(Object.entries(stylesForBreakpoint)
                     .filter(([, value]) => value !== undefined)
                     .map(([key, value]) => [toCSSAttribute(key), value]));