@gem-sdk/core 1.23.0-staging.275 → 1.23.0-staging.284

package/dist/cjs/helpers/compose-advance-style.js

@@ -223,6 +223,29 @@ const splitStyle = (keys, style = {})=>{
         restStyle
     ];
 };
+const filterAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (!filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const filterCornerInStyle = (style)=>{
+    const cornerKeys = [
+        '--bblr',
+        '--bbrr',
+        '--btlr',
+        '--btrr'
+    ];
+    return filterAttrInStyle(style, cornerKeys);
+};
 
 exports.composeAdvanceStyle = composeAdvanceStyle;
+exports.filterAttrInStyle = filterAttrInStyle;
+exports.filterCornerInStyle = filterCornerInStyle;
 exports.splitStyle = splitStyle;

package/dist/cjs/helpers/typography.js

@@ -61,7 +61,7 @@ const composeTypographyV2 = (value, attrs)=>{
     return makeStyle.removeNullUndefined({
         ...makeStyle.makeStyle({
             fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, ${value.fontFamily})` : undefined,
+            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}')` : undefined,
             weight: !attrs?.bold ? value?.fontWeight : undefined,
             ls: value?.letterSpacing,
             lh: value?.lineHeight

package/dist/cjs/index.js

@@ -249,6 +249,8 @@ exports.generateCollectionQueryKey = query.generateCollectionQueryKey;
 exports.generateProductQueryKey = query.generateProductQueryKey;
 exports.generateProductsQueryKey = query.generateProductsQueryKey;
 exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
+exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
+exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
 exports.splitStyle = composeAdvanceStyle.splitStyle;
 exports.composePositionLineHeight = iconList.composePositionLineHeight;
 exports.composePostionIconList = iconList.composePostionIconList;

package/dist/esm/helpers/compose-advance-style.js

@@ -221,5 +221,26 @@ const splitStyle = (keys, style = {})=>{
         restStyle
     ];
 };
+const filterAttrInStyle = (style, filterKeys)=>{
+    if (!style || !filterKeys) return {};
+    const newStyle = {
+        ...style
+    };
+    Object.entries(newStyle).forEach(([key])=>{
+        if (!filterKeys.includes(key)) {
+            delete newStyle[key];
+        }
+    });
+    return newStyle;
+};
+const filterCornerInStyle = (style)=>{
+    const cornerKeys = [
+        '--bblr',
+        '--bbrr',
+        '--btlr',
+        '--btrr'
+    ];
+    return filterAttrInStyle(style, cornerKeys);
+};
 
-export { composeAdvanceStyle, splitStyle };
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, splitStyle };

package/dist/esm/helpers/typography.js

@@ -59,7 +59,7 @@ const composeTypographyV2 = (value, attrs)=>{
     return removeNullUndefined({
         ...makeStyle({
             fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, ${value.fontFamily})` : undefined,
+            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}')` : undefined,
             weight: !attrs?.bold ? value?.fontWeight : undefined,
             ls: value?.letterSpacing,
             lh: value?.lineHeight

package/dist/esm/index.js

@@ -58,7 +58,7 @@ export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, ge
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
-export { composeAdvanceStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, splitStyle } from './helpers/compose-advance-style.js';
 export { composePositionLineHeight, composePostionIconList } from './helpers/icon-list.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
 export { useCartData } from './hooks/cart/use-cart-data.js';