@gem-sdk/core 2.0.0-dev.497 → 2.0.0-dev.504

package/dist/cjs/helpers/background.js

@@ -3,6 +3,7 @@
 var constant = require('./constant.js');
 var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
+var getResonsiveValue = require('./get-resonsive-value.js');
 
 const isEmptyBg = (value)=>{
     return value?.videoHtml5 === undefined && value?.video === undefined && !value?.videoType;
@@ -239,9 +240,43 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
     });
     return bgrStyle;
 };
+const getBgByDevice = (data)=>{
+    const { backgroundColor, backgroundImage } = data;
+    if (!backgroundColor && !backgroundImage) return;
+    const mapBgImage = {
+        desktop: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'desktop'),
+        tablet: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'tablet'),
+        mobile: getResonsiveValue.getResponsiveValueByScreen(backgroundImage, 'mobile')
+    };
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        const colorValue = getResonsiveValue.getResponsiveValueByScreen(backgroundColor, device);
+        const imageValue = backgroundImage ? getBgImageByDevice(mapBgImage, device) : undefined;
+        if (colorValue?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        }
+        if (imageValue && imageValue !== 'none') {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: imageValue
+            });
+        }
+    });
+    return bgrStyle;
+};
 
 exports.GRADIENT_BGR_KEY = GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = composeBackgroundCss;
+exports.getBgByDevice = getBgByDevice;
 exports.getBgImageByDevice = getBgImageByDevice;
 exports.getBgVideoByDevice = getBgVideoByDevice;
 exports.getGradientBgrStyleByDevice = getGradientBgrStyleByDevice;

package/dist/cjs/helpers/render.js

@@ -7,7 +7,7 @@ const isObject = (obj)=>{
     }
     return false;
 };
-const props = (strings, ...keys)=>{
+const props = (_strings, ...keys)=>{
     const props = keys[0];
     const propsArr = [];
     for(const attr in props){
@@ -28,7 +28,7 @@ const props = (strings, ...keys)=>{
     }
     return propsArr.join(' ');
 };
-const styles = (strings, ...keys)=>{
+const styles = (_strings, ...keys)=>{
     const styles = keys[0];
     const styleArr = [];
     for(const attr in styles){

package/dist/cjs/hooks/useLoadScript.js

@@ -17,7 +17,7 @@ var loadScript = require('../helpers/load-script.js');
                 setStatus('loading');
                 await loadScript.loadScript(url, options);
                 setStatus('done');
-            } catch (error) {
+            } catch (_error) {
                 setStatus('error');
             }
         }

package/dist/cjs/index.js

@@ -222,6 +222,7 @@ exports.gtag = gtag;
 exports.tiktokpixel = tiktokpixel;
 exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = background.composeBackgroundCss;
+exports.getBgByDevice = background.getBgByDevice;
 exports.getBgImageByDevice = background.getBgImageByDevice;
 exports.getBgVideoByDevice = background.getBgVideoByDevice;
 exports.getGradientBgrStyleByDevice = background.getGradientBgrStyleByDevice;

package/dist/esm/helpers/background.js

@@ -1,6 +1,7 @@
 import { devicesMapping } from './constant.js';
 import { isColor, getSingleColorVariable } from './colors.js';
 import { makeStyleResponsive } from './make-style.js';
+import { getResponsiveValueByScreen } from './get-resonsive-value.js';
 
 const isEmptyBg = (value)=>{
     return value?.videoHtml5 === undefined && value?.video === undefined && !value?.videoType;
@@ -237,5 +238,38 @@ const getGradientBgrStyleByDevice = (backgroundStyle, ignoreBackgroundImage)=>{
     });
     return bgrStyle;
 };
+const getBgByDevice = (data)=>{
+    const { backgroundColor, backgroundImage } = data;
+    if (!backgroundColor && !backgroundImage) return;
+    const mapBgImage = {
+        desktop: getResponsiveValueByScreen(backgroundImage, 'desktop'),
+        tablet: getResponsiveValueByScreen(backgroundImage, 'tablet'),
+        mobile: getResponsiveValueByScreen(backgroundImage, 'mobile')
+    };
+    const bgrStyle = {};
+    [
+        'desktop',
+        'tablet',
+        'mobile'
+    ].forEach((device)=>{
+        const colorValue = getResponsiveValueByScreen(backgroundColor, device);
+        const imageValue = backgroundImage ? getBgImageByDevice(mapBgImage, device) : undefined;
+        if (colorValue?.includes(GRADIENT_BGR_KEY)) {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        } else {
+            Object.assign(bgrStyle, {
+                [`--bgc${device !== 'desktop' ? '-' + device : ''}`]: colorValue
+            });
+        }
+        if (imageValue && imageValue !== 'none') {
+            Object.assign(bgrStyle, {
+                [`--bgi${device !== 'desktop' ? '-' + device : ''}`]: imageValue
+            });
+        }
+    });
+    return bgrStyle;
+};
 
-export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment };
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgByDevice, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment };

package/dist/esm/helpers/render.js

@@ -5,7 +5,7 @@ const isObject = (obj)=>{
     }
     return false;
 };
-const props = (strings, ...keys)=>{
+const props = (_strings, ...keys)=>{
     const props = keys[0];
     const propsArr = [];
     for(const attr in props){
@@ -26,7 +26,7 @@ const props = (strings, ...keys)=>{
     }
     return propsArr.join(' ');
 };
-const styles = (strings, ...keys)=>{
+const styles = (_strings, ...keys)=>{
     const styles = keys[0];
     const styleArr = [];
     for(const attr in styles){

package/dist/esm/hooks/useLoadScript.js

@@ -13,7 +13,7 @@ import { loadScript } from '../helpers/load-script.js';
                 setStatus('loading');
                 await loadScript(url, options);
                 setStatus('done');
-            } catch (error) {
+            } catch (_error) {
                 setStatus('error');
             }
         }

package/dist/esm/index.js

@@ -59,7 +59,7 @@ import * as gtag from './helpers/tracking/gtag.js';
 export { gtag };
 import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
 export { tiktokpixel };
-export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
+export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgByDevice, getBgImageByDevice, getBgVideoByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment } from './helpers/background.js';
 export { composeBackgroundImageCss, getBgImageSourceByDevice, getStyleBackgroundImageByDevice, getStyleBgImageSource } from './helpers/backgroundImage.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
 export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, convertBoxShadowV1ToV2, filterAttrInStyle, getCornerStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';

package/dist/types/index.d.ts

@@ -37663,6 +37663,10 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
 declare const GRADIENT_BGR_KEY = "linear-gradient";
 declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
 declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices$1, Background>> | undefined, ignoreBackgroundImage?: Record<Devices$1, boolean>) => {} | undefined;
+declare const getBgByDevice: (data: {
+    backgroundColor: Partial<Record<Devices$1, string>> | undefined;
+    backgroundImage: Partial<Record<Devices$1, BackgroundImageValue>> | undefined;
+}) => {} | undefined;
 
 type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
@@ -38118,6 +38122,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -39721,6 +39734,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -41325,6 +41347,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -42600,8 +42631,8 @@ declare const composeCornerCss: (value?: CornerRadius | undefined, important?: b
 
 type CallbackCondition = () => string;
 declare const RenderIf: (c: boolean | null | undefined, t: string | CallbackCondition, f?: string | CallbackCondition) => string;
-declare const props: (strings: any, ...keys: any[]) => string;
-declare const styles: (strings: any, ...keys: any[]) => string;
+declare const props: (_strings: any, ...keys: any[]) => string;
+declare const styles: (_strings: any, ...keys: any[]) => string;
 declare const dataStringify: (obj: object) => string;
 declare const template: (strings: any, ...keys: any[]) => string;
 declare const composeMemo: <T>(fn: () => T, _?: any[]) => T;
@@ -43030,6 +43061,15 @@ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowSt
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -44636,6 +44676,15 @@ declare const composeShadow: (shadowInput?: ObjectDevices<StateProp<ShadowProps>
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -46296,6 +46345,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--hvr-jc-mobile'?: csstype.Property.JustifyContent | undefined;
     '--focus-jc-mobile'?: csstype.Property.JustifyContent | undefined;
+    '--js'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js'?: csstype.Property.JustifySelf | undefined;
+    '--js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-tablet'?: csstype.Property.JustifySelf | undefined;
+    '--js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--hvr-js-mobile'?: csstype.Property.JustifySelf | undefined;
+    '--focus-js-mobile'?: csstype.Property.JustifySelf | undefined;
     '--left'?: csstype.Property.Left<string | number> | undefined;
     '--hvr-left'?: csstype.Property.Left<string | number> | undefined;
     '--focus-left'?: csstype.Property.Left<string | number> | undefined;
@@ -47816,4 +47874,4 @@ declare const useInteraction: () => {
 
 declare const DEVICES: NameDevices$1[];
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, ArticlesDocument, ArticlesQueryResponse, ArticlesQueryVariables, Background, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BlogsDocument, BlogsQueryResponse, BlogsQueryVariables, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DEVICES, DeepPartial, DotStyle, Dropdown, DynamicCollection, DynamicProduct, ExtractState, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, I18nProvider, I18nProviderProps, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, LooxReviewsWidgetTypeV2, MediaSelectFragment, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, Option$4 as Option, OptionNormalStyle, OptionSpecialStyle, Options$1 as Options, PaddingType, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewThemePageDocument, PreviewThemePageQueryResponse, PreviewThemePageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedShopMetasQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, SaleFunnelOfferDocument, SaleFunnelOfferQueryResponse, SaleFunnelOfferQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, Setting, SettingByAnimationType, SettingByAnimationValues, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, ShopShopifyDocument, ShopShopifyQueryResponse, ShopShopifyQueryVariables, shop as ShopType, SizeProps, SizeSetting$1 as SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StampedWidgetTypeV2, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TrustooWidgetTypeV2, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, ValidateType, VariableRelatedStyles, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBackgroundImageCss, composeBorderCss, composeBorderResponsive, composeClasses, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadow, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTextHoverColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertBoxShadowV1ToV2, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterToolbarPreview, filterTruthyStyles, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAlignmentClasses, getAppBlocks, getAspectRatioGlobalSize, getBgByDevice, getBgImageByDevice, getBgImageSourceByDevice, getBgVideoByDevice, getBorderRadiusStyle, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCornerStyle, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getLayoutClasses, getPaddingGlobalSize, getPaddingStyleByDevice, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveStylePadding, getResponsiveStyleShadow, getResponsiveStyleShadowWithoutState, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBackgroundImageByDevice, getStyleBgColor, getStyleBgImageSource, getStyleShadow, getStyleShadowState, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, handleConvertInputBorderColor, handleConvertInputBorderWidth, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleResponsiveWidth, makeStyleResponsiveWidthWithoutAuto, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useHasPreSelected, useI18n, useI18nStore, useInitialSwatchesOptions, useInteraction, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductBundleDiscount, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductShopifyEditLink, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useShopifyLink, useStickyStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useTimezone, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "2.0.0-dev.497",
+  "version": "2.0.0-dev.504",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "2.0.0-dev.324",
-    "@gem-sdk/styles": "2.0.0-dev.482",
+    "@gem-sdk/styles": "2.0.0-dev.501",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {