@gem-sdk/core 1.58.0-dev.98 → 1.58.0-staging.104

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -8,13 +8,6 @@ var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../contexts/BuilderPreviewContext.js');
 var PageContext = require('../contexts/PageContext.js');
-var ShopContext = require('../contexts/ShopContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 var CreateThemeSection = require('./theme-section/CreateThemeSection.js');
 var Tooltip = require('./toolbar/Tooltip.js');
 var ThemeSectionStatus = require('./theme-section/ThemeSectionStatus.js');
@@ -24,7 +17,14 @@ var constant = require('./constant.js');
 var AIContentGenerator = require('./ai-generator/AIContentGenerator.js');
 var AIGenContentLoading = require('./ai-generator/AIGenContentLoading.js');
 var InteractionSuffix = require('./InteractionSuffix.js');
+require('swr');
 require('../helpers/convert.js');
+var ShopContext = require('../contexts/ShopContext.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const SECTION_LIMIT = 25;
 const notVisible = (el)=>{

package/dist/cjs/components/ComponentWrapperPreview.js

@@ -11,15 +11,15 @@ var constant = require('./constant.js');
 var RenderCustomCode = require('./RenderCustomCode.js');
 var ComponentToolbarPreview = require('./ComponentToolbarPreview.js');
 require('zustand');
+var cls = require('../helpers/cls.js');
 require('swr');
+require('../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var shop = require('../hooks/shop.js');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../hooks/useCartUI.js');
-var cls = require('../helpers/cls.js');
-require('../helpers/convert.js');
 var ComponentAnimation = require('./ComponentAnimation.js');
 
 const ComponentWrapperPreview = ({ children, ...props })=>{

package/dist/cjs/components/InteractionSuffix.js

@@ -5,18 +5,18 @@ var jsxRuntime = require('react/jsx-runtime');
 require('zustand');
 require('react');
 var PageContext = require('../contexts/PageContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
 require('classnames');
 require('dayjs');
 var index = require('../helpers/interaction/index.js');
 require('../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const InteractionSuffix = ({ uid })=>{
     const { closeSelectOnPage, selectInteractionElement } = index.useInteraction();

package/dist/cjs/components/Render.liquid.js

@@ -36,7 +36,7 @@ const componentIconList = [
 const componentUsingAdvanced = [
     'IconList'
 ];
-const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
+const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, enableLazyloadImage, ...passProps })=>{
     const item = builder[uid];
     const Component = components[item?.tag];
     if (!Component) {
@@ -75,6 +75,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     advanced: item.advanced,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    enableLazyloadImage,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -86,7 +87,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            enableLazyloadImage
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -98,7 +100,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            enableLazyloadImage
                         }))) : ''
                 });
             }, ()=>{
@@ -114,6 +117,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     isText: componentTexts.includes(item.tag) ? true : null,
                     parentId: componentsRenderWithParentId.includes(item.tag) ? parentId : null,
                     pageContext,
+                    enableLazyloadImage,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -135,6 +139,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
+                    enableLazyloadImage,
                     ...passProps,
                     builderAttrs: {
                         ...passProps.builderAttrs
@@ -146,7 +151,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             builder,
                             components,
                             customProps,
-                            pageContext
+                            pageContext,
+                            enableLazyloadImage
                         };
                     }),
                     children: !constant.customRenderChildren.includes(item.tag) ? WrapRenderChildren({
@@ -158,7 +164,8 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                             components,
                             customProps,
                             parentTag: item.tag,
-                            pageContext
+                            pageContext,
+                            enableLazyloadImage
                         }))) : ''
                 });
             }, ()=>{
@@ -173,6 +180,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,
+                    enableLazyloadImage,
                     isText: componentTexts.includes(item.tag) ? true : null,
                     style: componentIconList.includes(item.tag) ? style : null,
                     ...passProps,

package/dist/cjs/components/RenderCustomCode.js

@@ -8,18 +8,18 @@ var Head = require('next/head');
 var Script = require('next/script');
 var react = require('react');
 require('zustand');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-var shop = require('../hooks/shop.js');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
+var shop = require('../hooks/shop.js');
 require('classnames');
 require('dayjs');
 require('../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 
 const RenderCustomCode = ({ uid, advanced })=>{
     const mode = shop.useEditorMode();

package/dist/cjs/components/ai-generator/AIContentGenerator.js

@@ -16,17 +16,17 @@ var useGettingGenerateRequest = require('./hooks/useGettingGenerateRequest.js');
 var useFlipPopup = require('./hooks/useFlipPopup.js');
 var useCheckingProductInside = require('./hooks/useCheckingProductInside.js');
 require('zustand');
+require('react-transition-group');
+require('@gem-sdk/core');
 var ShopContext = require('../../contexts/ShopContext.js');
+var dayjs = require('dayjs');
 require('swr');
+require('../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 require('swr/infinite');
 require('vanilla-lazyload');
 require('../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-var dayjs = require('dayjs');
-require('../../helpers/convert.js');
 
 const AIContentGenerator = ({ ...props })=>{
     const [isShowPopup, setIsShowPopup] = react.useState(false);

package/dist/cjs/components/ai-generator/components/PickProduct.js

@@ -7,16 +7,16 @@ var SearchIcon = require('../icons/SearchIcon.js');
 var useProductsQuery = require('../../../hooks/shop/use-products-query.js');
 var classNames = require('classnames');
 require('zustand');
+require('react-transition-group');
+require('@gem-sdk/core');
 require('swr');
+require('dayjs');
+require('../../../helpers/convert.js');
 require('@gem-sdk/adapter-shopify');
 require('swr/mutation');
 var useProductQuery = require('../../../hooks/shop/use-product-query.js');
 require('vanilla-lazyload');
 require('../../../hooks/useCartUI.js');
-require('react-transition-group');
-require('@gem-sdk/core');
-require('dayjs');
-require('../../../helpers/convert.js');
 
 const PickProduct = (props)=>{
     const LIMIT_PRODUCTS = 8;

package/dist/cjs/components/resize/Spacing.js

@@ -7,18 +7,18 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('zustand');
 var BuilderPreviewContext = require('../../contexts/BuilderPreviewContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-var shop = require('../../hooks/shop.js');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
+var shop = require('../../hooks/shop.js');
 require('classnames');
 require('dayjs');
 require('../../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 function Spacing(props) {
     const isThemeSectionEditor = BuilderPreviewContext.useBuilderPreviewStore((s)=>s.isThemeSectionEditor);

package/dist/cjs/components/theme-section/CreateThemeSection.js

@@ -7,14 +7,14 @@ var ThemeSectionTooltip = require('./ThemeSectionTooltip.js');
 require('zustand');
 var ShopContext = require('../../contexts/ShopContext.js');
 require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
 require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('classnames');
 require('dayjs');
 require('../../helpers/convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 const SHOW_TOOLTIP_TIMEOUT = 600;
 const NUMBER_OF_THEME_SECTION_CREATED_TO_SHOW_TOOLTIP = 1;

package/dist/cjs/contexts/ProductContext.js

@@ -4,8 +4,19 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var zustand = require('zustand');
-var flattenConnection = require('../helpers/flatten-connection.js');
+require('swr');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('swr/infinite');
+require('vanilla-lazyload');
+require('../hooks/useCartUI.js');
 var variant = require('../helpers/variant.js');
+require('react-transition-group');
+require('@gem-sdk/core');
+require('classnames');
+require('dayjs');
+var flattenConnection = require('../helpers/flatten-connection.js');
+require('../helpers/convert.js');
 
 // const { Provider, useStore } = createContext<StoreApi<ProductContextProps>>();
 const ProductContext = /*#__PURE__*/ react.createContext(null);
@@ -31,16 +42,6 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                     useProductCompareAtPrice: value
                 });
             },
-            setShouldRequireUploadMessage: (value)=>{
-                set({
-                    shouldRequireUploadMessage: value
-                });
-            },
-            setRequireUpload: (value)=>{
-                set({
-                    requireUpload: value
-                });
-            },
             addProperty: (data)=>{
                 const properties = get().properties;
                 if (!properties?.some((v)=>v.key === data.key)) {

package/dist/cjs/graphql/fragments/preview-theme-page.generated.js

@@ -29,6 +29,10 @@
   customFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 

package/dist/cjs/graphql/fragments/published-theme-page.generated.js

@@ -32,6 +32,10 @@
     id
     value
   }
+  metafields {
+    key
+    value
+  }
 }
     `;
 

package/dist/cjs/graphql/queries/shop-shopify.generated.js

@@ -0,0 +1,11 @@
+'use strict';
+
+const ShopShopifyDocument = `
+    query shopShopify {
+  shopShopify {
+    timezone
+  }
+}
+    `;
+
+exports.ShopShopifyDocument = ShopShopifyDocument;

package/dist/cjs/helpers/background.js

@@ -73,12 +73,9 @@ const getBgImageByDevice = (background, device, options)=>{
             imageByDevice = `{{ "${newBackupFilekey}" | asset_url }}`;
         }
     }
-    if (typeof imageByDevice === 'string' && imageByDevice) {
+    if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
-    if (imageByDevice !== undefined) {
-        return 'none';
-    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {
@@ -219,10 +216,9 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
         'mobile'
     ].forEach((device)=>{
         if (backgroundStyle[device]?.color?.includes(GRADIENT_BGR_KEY)) {
-            const bgImage = `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`;
             Object.assign(bgrStyle, {
                 [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: backgroundStyle[device]?.color,
-                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : bgImage
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: !ignoreBackgroundImage?.[device] ? `${backgroundStyle[device]?.color}` : `${getBgImageByDevice(backgroundStyle, device) || 'url()'}, ${backgroundStyle[device]?.color}`
             });
         }
     });

package/dist/cjs/helpers/borders.js

@@ -2,7 +2,6 @@
 
 var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
-var constant = require('./constant.js');
 
 const getBorderStyle = (value)=>{
     return makeStyle.makeStyle({
@@ -188,24 +187,8 @@ const composeBorderCss = (borderV)=>{
   ${color ? `border-color: ${colors.getSingleColorVariable(color)};` : ''}
   `;
 };
-const composeBorderResponsive = (borderValue)=>{
-    const style = {};
-    Object.assign(style, composeBorderDevice(borderValue?.desktop, 'desktop'));
-    Object.assign(style, composeBorderDevice(borderValue?.tablet, 'tablet'));
-    Object.assign(style, composeBorderDevice(borderValue?.mobile, 'mobile'));
-    return style;
-};
-const composeBorderDevice = (value, device)=>{
-    const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
-    return {
-        [`--b${suffix}`]: value?.border,
-        [`--bc${suffix}`]: colors.getSingleColorVariable(value?.color),
-        [`--bw${suffix}`]: value?.width
-    };
-};
 
 exports.composeBorderCss = composeBorderCss;
-exports.composeBorderResponsive = composeBorderResponsive;
 exports.getBorderRadiusStyle = getBorderRadiusStyle;
 exports.getBorderStyle = getBorderStyle;
 exports.handleConvertBorderColor = handleConvertBorderColor;

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

@@ -112,45 +112,7 @@ function composeAdvanceStyle(data, tag, pageType) {
                             Object.assign(styles, radius.composeRadius(value));
                         }
                         if (attr === 'boxShadow') {
-                            const baseElements = [
-                                'Section',
-                                'Row',
-                                'Text',
-                                'Heading',
-                                'Image',
-                                'Button',
-                                'HeroBanner',
-                                'ImageComparison',
-                                'Countdown',
-                                'Video'
-                            ];
-                            const productElements = [
-                                'ProductTitle',
-                                'ProductDescription',
-                                'ProductPrice',
-                                'ProductVendor',
-                                'Product',
-                                'ProductSku'
-                            ];
-                            const boostElements = [
-                                'Icon',
-                                'IconListHoz',
-                                'Line'
-                            ];
-                            const listElementShadowV2 = [
-                                ...baseElements,
-                                ...productElements,
-                                ...boostElements
-                            ];
-                            let hasBoxShadowV2 = hasBoxShadow;
-                            if (listElementShadowV2.includes(tag || '')) {
-                                hasBoxShadowV2 = {
-                                    desktop: value.desktop ?? {},
-                                    tablet: value.tablet ?? value.desktop ?? {},
-                                    mobile: value.mobile ?? value.tablet ?? value.desktop ?? {}
-                                };
-                            }
-                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadowV2 ?? hasBoxShadow));
+                            Object.assign(styles, shadow.getResponsiveStyleShadow(value, 'box-shadow', hasBoxShadow));
                         }
                         const styleValue = getAttrValue(attr, deviceValue, tag);
                         if (composeAttr === 'desktop') {

package/dist/cjs/helpers/interaction/index.js

@@ -5,17 +5,17 @@ var react = require('react');
 require('react/jsx-runtime');
 require('zustand');
 var PageContext = require('../../contexts/PageContext.js');
-require('swr');
-require('@gem-sdk/adapter-shopify');
-require('swr/mutation');
-require('swr/infinite');
-require('vanilla-lazyload');
-require('../../hooks/useCartUI.js');
 require('react-transition-group');
 require('@gem-sdk/core');
+require('swr');
+require('swr/infinite');
 require('classnames');
 require('dayjs');
 require('../convert.js');
+require('@gem-sdk/adapter-shopify');
+require('swr/mutation');
+require('vanilla-lazyload');
+require('../../hooks/useCartUI.js');
 
 const useInteraction = ()=>{
     const ref = react.useRef();

package/dist/cjs/helpers/radius.js

@@ -27,15 +27,7 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    const list = [
-        'custom',
-        'pill',
-        'rounded',
-        'single',
-        'none',
-        'circle'
-    ];
-    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
+    if (!radius || !state || radius?.radiusType !== 'custom') return {};
     const suffix = device && device !== 'desktop' ? constant.devicesMapping?.[device] : '';
     const mState = constant.stateMapping?.[state];
     return {
@@ -70,7 +62,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -83,7 +74,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -96,7 +86,6 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
-        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }
@@ -130,7 +119,6 @@ const composeCornerCss = (value, important = false)=>{
             break;
         case 'circle':
         case 'none':
-        case 'rounded':
         case 'custom':
             radiusValue = `
       ${bblr ? `border-bottom-left-radius: ${bblr}${sub};` : ''}

package/dist/cjs/helpers/shadow.js

@@ -24,11 +24,10 @@ const getStyleShadow = (shadowStyle, isActiveState = false)=>{
     let { state } = shadowStyle || {};
     if (!state) state = 'normal';
     if (!styleAppliedFor || !value) return {};
-    const isNoneValue = value.type === 'none';
-    if (typeof value.distance == 'undefined' && !isNoneValue) return {};
+    if (typeof value.distance == 'undefined') return {};
     const { value: distance, unit: unitDistance } = parseValueWithUnit(`${value?.distance}`);
     return {
-        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow && !isNoneValue ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
+        [`-${!isActiveState ? constant.stateMapping?.[state] || '' : ''}-${getShortname.getShortName(styleAppliedFor)}${shadowStyle.screen ? `-${shadowStyle.screen}` : ''}`]: isEnableShadow ? `${Math.cos(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${value?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${value?.blur} ${styleAppliedFor === 'box-shadow' ? value?.spread + ' ' : ''}${colors.getSingleColorVariable(value?.color)}` : 'none'
     };
 };
 const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow, screen)=>{
@@ -55,30 +54,6 @@ const getResponsiveStyleShadow = (value, styleAppliedFor, isEnableShadow)=>{
         };
     }
 };
-const getResponsiveStyleShadowWithoutState = (value, styleAppliedFor, isEnableShadow)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        return {
-            ...getStyleShadow({
-                value: value.desktop,
-                styleAppliedFor,
-                isEnableShadow: isEnableShadow.desktop
-            }),
-            ...value.tablet && (isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadow({
-                value: value.tablet,
-                styleAppliedFor,
-                isEnableShadow: isEnableShadow.tablet ?? isEnableShadow.desktop,
-                screen: 'tablet'
-            }) : undefined,
-            ...value.mobile && (isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop) ? getStyleShadow({
-                value: value.mobile,
-                styleAppliedFor,
-                isEnableShadow: isEnableShadow.mobile ?? isEnableShadow.tablet ?? isEnableShadow.desktop,
-                screen: 'mobile'
-            }) : undefined
-        };
-    }
-};
 const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
     if (!hasBoxShadow) return undefined;
     if (!boxShadowValue) return undefined;
@@ -89,7 +64,6 @@ const composeShadowCss = ({ hasBoxShadow, boxShadowValue, important })=>{
 
 exports.composeShadowCss = composeShadowCss;
 exports.getResponsiveStyleShadow = getResponsiveStyleShadow;
-exports.getResponsiveStyleShadowWithoutState = getResponsiveStyleShadowWithoutState;
 exports.getStyleShadow = getStyleShadow;
 exports.getStyleShadowState = getStyleShadowState;
 exports.parseValueWithUnit = parseValueWithUnit;

package/dist/cjs/helpers/size.js

@@ -190,26 +190,6 @@ const getPaddingGlobalSize = (globalSize)=>{
 const getValueByDevice = (value, device)=>{
     return value?.[device] === undefined ? value?.desktop === undefined ? value?.tablet : value?.desktop : value?.[device];
 };
-const getPaddingStyleByDevice = (value, device)=>{
-    if (!value) return {};
-    const suffix = constant.devicesMapping[device || ''] ?? '';
-    return {
-        [`--pl${suffix}`]: value?.left,
-        [`--pr${suffix}`]: value?.right,
-        [`--pt${suffix}`]: value?.top,
-        [`--pb${suffix}`]: value?.bottom
-    };
-};
-const getResponsiveStylePadding = (value)=>{
-    if (!value) return undefined;
-    if ('desktop' in value || 'tablet' in value || 'mobile' in value) {
-        return {
-            ...getPaddingStyleByDevice(value?.desktop),
-            ...getPaddingStyleByDevice(value?.tablet, 'tablet'),
-            ...getPaddingStyleByDevice(value?.mobile, 'mobile')
-        };
-    }
-};
 
 exports.composeSize = composeSize;
 exports.composeSizeCss = composeSizeCss;
@@ -218,8 +198,6 @@ exports.getAspectRatioGlobalSize = getAspectRatioGlobalSize;
 exports.getGlobalSizeGap = getGlobalSizeGap;
 exports.getHeightByShapeGlobalSize = getHeightByShapeGlobalSize;
 exports.getPaddingGlobalSize = getPaddingGlobalSize;
-exports.getPaddingStyleByDevice = getPaddingStyleByDevice;
-exports.getResponsiveStylePadding = getResponsiveStylePadding;
 exports.getValueByDevice = getValueByDevice;
 exports.getWidthByShapeGlobalSize = getWidthByShapeGlobalSize;
 exports.getWidthHeightGlobalSize = getWidthHeightGlobalSize;