@gem-sdk/core 1.23.0-staging.302 → 1.23.0-staging.304

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

@@ -235,6 +235,18 @@ const filterAttrInStyle = (style, filterKeys)=>{
     });
     return newStyle;
 };
+const removeAttrInStyle = (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',
@@ -244,8 +256,21 @@ const filterCornerInStyle = (style)=>{
     ];
     return filterAttrInStyle(style, cornerKeys);
 };
+const removePaddingYInStyle = (style)=>{
+    const keys = [
+        '--pt',
+        '--pt-tablet',
+        '--pt-mobile',
+        '--pb',
+        '--pb-tablet',
+        '--pb-mobile'
+    ];
+    return removeAttrInStyle(style, keys);
+};
 
 exports.composeAdvanceStyle = composeAdvanceStyle;
 exports.filterAttrInStyle = filterAttrInStyle;
 exports.filterCornerInStyle = filterCornerInStyle;
+exports.removeAttrInStyle = removeAttrInStyle;
+exports.removePaddingYInStyle = removePaddingYInStyle;
 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

@@ -251,6 +251,8 @@ exports.generateProductsQueryKey = query.generateProductsQueryKey;
 exports.composeAdvanceStyle = composeAdvanceStyle.composeAdvanceStyle;
 exports.filterAttrInStyle = composeAdvanceStyle.filterAttrInStyle;
 exports.filterCornerInStyle = composeAdvanceStyle.filterCornerInStyle;
+exports.removeAttrInStyle = composeAdvanceStyle.removeAttrInStyle;
+exports.removePaddingYInStyle = composeAdvanceStyle.removePaddingYInStyle;
 exports.splitStyle = composeAdvanceStyle.splitStyle;
 exports.composePositionLineHeight = iconList.composePositionLineHeight;
 exports.composePostionIconList = iconList.composePostionIconList;

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

@@ -233,6 +233,18 @@ const filterAttrInStyle = (style, filterKeys)=>{
     });
     return newStyle;
 };
+const removeAttrInStyle = (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',
@@ -242,5 +254,16 @@ const filterCornerInStyle = (style)=>{
     ];
     return filterAttrInStyle(style, cornerKeys);
 };
+const removePaddingYInStyle = (style)=>{
+    const keys = [
+        '--pt',
+        '--pt-tablet',
+        '--pt-mobile',
+        '--pb',
+        '--pb-tablet',
+        '--pb-mobile'
+    ];
+    return removeAttrInStyle(style, keys);
+};
 
-export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, splitStyle };
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, 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, filterAttrInStyle, filterCornerInStyle, splitStyle } from './helpers/compose-advance-style.js';
+export { composeAdvanceStyle, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, 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';