@gem-sdk/core 2.0.0-dev.713 → 2.0.0-dev.719

package/dist/cjs/helpers/background.js

@@ -209,18 +209,14 @@ const GRADIENT_BGR_KEY = 'linear-gradient';
 const getGradientBgrStyleForButton = (backgroundStyle)=>{
     if (!backgroundStyle) return;
     const bgrStyle = {};
-    Object.keys(backgroundStyle).forEach((state)=>{
-        if (!backgroundStyle[state]?.startsWith(GRADIENT_BGR_KEY)) return;
-        if (state === 'normal') {
-            Object.assign(bgrStyle, {
-                '--bg': backgroundStyle[state]
-            });
-        } else {
-            Object.assign(bgrStyle, {
-                '--hvr-bg': backgroundStyle[state]
-            });
-        }
-    });
+    for (const state of Object.keys(backgroundStyle)){
+        const color = backgroundStyle[state];
+        // Skip if not a gradient
+        if (!color?.startsWith(GRADIENT_BGR_KEY)) continue;
+        // Set normal or hover gradient
+        const cssVar = state === 'normal' ? '--bgi' : '--hvr-bgi';
+        bgrStyle[cssVar] = color;
+    }
     return bgrStyle;
 };
 const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{

package/dist/cjs/helpers/render.js

@@ -71,8 +71,8 @@ const removeUndefinedValuesFromObject = (obj)=>{
 function sanitizeLiquid(input) {
     return input.replace(/\{\{\s*(.*?)\s*\}\}/g, (_, inner)=>{
         const trimmed = inner.trim();
-        // eslint-disable-next-line regexp/no-unused-capturing-group, regexp/prefer-w, regexp/prefer-d
-        const isValidLiquid = /^([a-zA-Z_][a-zA-Z0-9_]*)(\.[a-zA-Z0-9_]+)*$/.test(trimmed);
+        // eslint-disable-next-line regexp/no-unused-capturing-group, regexp/no-dupe-characters-character-class, regexp/prefer-w, regexp/prefer-d
+        const isValidLiquid = /^([a-zA-Z_][a-zA-Z0-9_-]*)(\.[a-zA-Z0-9_-]+)*$/i.test(trimmed);
         if (isValidLiquid) {
             return `{{ ${trimmed} }}`;
         }

package/dist/esm/helpers/background.js

@@ -207,18 +207,14 @@ const GRADIENT_BGR_KEY = 'linear-gradient';
 const getGradientBgrStyleForButton = (backgroundStyle)=>{
     if (!backgroundStyle) return;
     const bgrStyle = {};
-    Object.keys(backgroundStyle).forEach((state)=>{
-        if (!backgroundStyle[state]?.startsWith(GRADIENT_BGR_KEY)) return;
-        if (state === 'normal') {
-            Object.assign(bgrStyle, {
-                '--bg': backgroundStyle[state]
-            });
-        } else {
-            Object.assign(bgrStyle, {
-                '--hvr-bg': backgroundStyle[state]
-            });
-        }
-    });
+    for (const state of Object.keys(backgroundStyle)){
+        const color = backgroundStyle[state];
+        // Skip if not a gradient
+        if (!color?.startsWith(GRADIENT_BGR_KEY)) continue;
+        // Set normal or hover gradient
+        const cssVar = state === 'normal' ? '--bgi' : '--hvr-bgi';
+        bgrStyle[cssVar] = color;
+    }
     return bgrStyle;
 };
 const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{

package/dist/esm/helpers/render.js

@@ -69,8 +69,8 @@ const removeUndefinedValuesFromObject = (obj)=>{
 function sanitizeLiquid(input) {
     return input.replace(/\{\{\s*(.*?)\s*\}\}/g, (_, inner)=>{
         const trimmed = inner.trim();
-        // eslint-disable-next-line regexp/no-unused-capturing-group, regexp/prefer-w, regexp/prefer-d
-        const isValidLiquid = /^([a-zA-Z_][a-zA-Z0-9_]*)(\.[a-zA-Z0-9_]+)*$/.test(trimmed);
+        // eslint-disable-next-line regexp/no-unused-capturing-group, regexp/no-dupe-characters-character-class, regexp/prefer-w, regexp/prefer-d
+        const isValidLiquid = /^([a-zA-Z_][a-zA-Z0-9_-]*)(\.[a-zA-Z0-9_-]+)*$/i.test(trimmed);
         if (isValidLiquid) {
             return `{{ ${trimmed} }}`;
         }

package/dist/types/index.d.ts

@@ -37370,7 +37370,7 @@ type Mapped<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     placeholder?: string;
     type: 'layout-selector';
     itemPerRow?: number;
-    popoverLabel?: string;
+    popoverLabel?: LabelWithLang | string;
     itemSpacing?: 'large' | 'small';
     options?: Option<T>[];
     groups?: {
@@ -37686,7 +37686,7 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
     };
 } | undefined;
 declare const GRADIENT_BGR_KEY = "linear-gradient";
-declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
+declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => Record<string, string> | undefined;
 declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
 declare const getBgByDevice: (data: {
     backgroundColor: Partial<Record<Devices, string>> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.713",
+  "version": "2.0.0-dev.719",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",