@contentful/experiences-core 1.19.1-dev-20241014T1637-45fad70.0 → 1.19.1-dev-20241017T2042-ba9cebd.0

package/dist/index.js

@@ -1063,16 +1063,19 @@ const ensureValidCompositeValues = (designTokenDefinition) => {
 const defineDesignTokens = (designTokenDefinition) => {
     Object.assign(designTokensRegistry, ensureValidCompositeValues(designTokenDefinition));
 };
-const templateStringRegex = /\${(.+?)}/g;
+const templateStringRegex = /\${(\w.+?)}/g;
 const getDesignTokenRegistration = (breakpointValue, variableName) => {
     if (!breakpointValue)
         return breakpointValue;
     let resolvedValue = '';
-    for (const part of breakpointValue.split(' ')) {
-        const tokenValue = templateStringRegex.test(part)
-            ? resolveSimpleDesignToken(part, variableName)
-            : part;
-        resolvedValue += `${tokenValue} `;
+    // Match all parts of the string, including design tokens and other parts
+    const parts = breakpointValue.match(/(\${.+?}|\S+)/g);
+    if (parts) {
+        for (const part of parts) {
+            const isDesignToken = templateStringRegex.test(part);
+            const tokenValue = isDesignToken ? resolveSimpleDesignToken(part, variableName) : part;
+            resolvedValue += `${tokenValue} `;
+        }
     }
     // Not trimming would end up with a trailing space that breaks the check in `calculateNodeDefaultHeight`
     return resolvedValue.trim();