@gem-sdk/core 1.9.17 → 1.9.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -101,5 +101,9 @@ const getStyleBgAttachment = (background)=>{
101
101
  const getBgAttachmentByDevice = (background, device)=>{
102
102
  return background?.[device]?.attachment;
103
103
  };
104
+ const composeBackgroundCss = (backgroundColor)=>{
105
+ return `${backgroundColor ? `background-color: ${colors.getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
106
+ };
104
107
 
108
+ exports.composeBackgroundCss = composeBackgroundCss;
105
109
  exports.getStyleBackgroundByDevice = getStyleBackgroundByDevice;
@@ -43,7 +43,14 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
43
43
  }
44
44
  return style;
45
45
  };
46
+ const composeShadowCss = ({ hasBoxShadow , boxShadowValue })=>{
47
+ if (!hasBoxShadow) return undefined;
48
+ if (!boxShadowValue) return undefined;
49
+ const { value: distance , unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
50
+ return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${colors.getSingleColorVariable(boxShadowValue?.color)};`;
51
+ };
46
52
 
53
+ exports.composeShadowCss = composeShadowCss;
47
54
  exports.getStyleShadow = getStyleShadow;
48
55
  exports.getStyleShadowState = getStyleShadowState;
49
56
  exports.parseValueWithUnit = parseValueWithUnit;
@@ -15,5 +15,21 @@ function getCustomSizeCSSByDevice(size, device) {
15
15
  const composeSize = (size)=>{
16
16
  return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
17
17
  };
18
+ function genSizeClass(name) {
19
+ return `g-s-${name}`;
20
+ }
21
+ const composeSizeCss = (spacing)=>{
22
+ if (spacing === undefined) return '';
23
+ const size = spacing;
24
+ const sizeHozi = spacing?.custom?.desktop?.horizontal;
25
+ const sizeVerti = spacing?.custom?.desktop?.vertical;
26
+ if (!size?.custom) return undefined;
27
+ return `
28
+ ${sizeHozi ? `padding-left: ${sizeHozi}; padding-right: ${sizeHozi};` : undefined}
29
+ ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
30
+ `;
31
+ };
18
32
 
19
33
  exports.composeSize = composeSize;
34
+ exports.composeSizeCss = composeSizeCss;
35
+ exports.genSizeClass = genSizeClass;
package/dist/cjs/index.js CHANGED
@@ -35,12 +35,9 @@ var isEmptyChildren = require('./helpers/is-empty-children.js');
35
35
  var makeStyle = require('./helpers/make-style.js');
36
36
  var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
37
37
  var prefetchQueries = require('./helpers/prefetch-queries.js');
38
- var shadow = require('./helpers/shadow.js');
39
- var size = require('./helpers/size.js');
40
38
  var spacing = require('./helpers/spacing.js');
41
39
  var loadScript = require('./helpers/load-script.js');
42
40
  var email = require('./helpers/email.js');
43
- var background = require('./helpers/background.js');
44
41
  var cssVariable = require('./helpers/css-variable.js');
45
42
  var layout = require('./helpers/layout.js');
46
43
  var isDefined = require('./helpers/is-defined.js');
@@ -53,6 +50,9 @@ var gtag = require('./helpers/tracking/gtag.js');
53
50
  var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
54
51
  var render = require('./helpers/render.js');
55
52
  var convert = require('./helpers/convert.js');
53
+ var size = require('./helpers/size.js');
54
+ var shadow = require('./helpers/shadow.js');
55
+ var background = require('./helpers/background.js');
56
56
  var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
57
57
  var useCartData = require('./hooks/cart/use-cart-data.js');
58
58
  var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -151,14 +151,10 @@ exports.makeStyleState = makeStyle.makeStyleState;
151
151
  exports.makeWidth = makeStyle.makeWidth;
152
152
  exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
153
153
  exports.prefetchQueries = prefetchQueries.prefetchQueries;
154
- exports.getStyleShadow = shadow.getStyleShadow;
155
- exports.getStyleShadowState = shadow.getStyleShadowState;
156
- exports.composeSize = size.composeSize;
157
154
  exports.composeSpacing = spacing.composeSpacing;
158
155
  exports.getSpacingVariable = spacing.getSpacingVariable;
159
156
  exports.loadScript = loadScript.loadScript;
160
157
  exports.validateEmail = email.validateEmail;
161
- exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
162
158
  exports.genVariable = cssVariable.genVariable;
163
159
  exports.composeGridLayout = layout.composeGridLayout;
164
160
  exports.convertOldLayout = layout.convertOldLayout;
@@ -197,6 +193,15 @@ exports.props = render.props;
197
193
  exports.styles = render.styles;
198
194
  exports.template = render.template;
199
195
  exports.isLocalEnv = convert.isLocalEnv;
196
+ exports.composeSize = size.composeSize;
197
+ exports.composeSizeCss = size.composeSizeCss;
198
+ exports.genSizeClass = size.genSizeClass;
199
+ exports.composeShadowCss = shadow.composeShadowCss;
200
+ exports.getStyleShadow = shadow.getStyleShadow;
201
+ exports.getStyleShadowState = shadow.getStyleShadowState;
202
+ exports.parseValueWithUnit = shadow.parseValueWithUnit;
203
+ exports.composeBackgroundCss = background.composeBackgroundCss;
204
+ exports.getStyleBackgroundByDevice = background.getStyleBackgroundByDevice;
200
205
  exports.useAddToCart = useAddToCart.useAddToCart;
201
206
  exports.useCartData = useCartData.useCartData;
202
207
  exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;
@@ -1,4 +1,4 @@
1
- import { isColor } from './colors.js';
1
+ import { isColor, getSingleColorVariable } from './colors.js';
2
2
  import { makeStyleResponsive } from './make-style.js';
3
3
 
4
4
  const getStyleBackgroundByDevice = (background, options)=>{
@@ -99,5 +99,8 @@ const getStyleBgAttachment = (background)=>{
99
99
  const getBgAttachmentByDevice = (background, device)=>{
100
100
  return background?.[device]?.attachment;
101
101
  };
102
+ const composeBackgroundCss = (backgroundColor)=>{
103
+ return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
104
+ };
102
105
 
103
- export { getStyleBackgroundByDevice };
106
+ export { composeBackgroundCss, getStyleBackgroundByDevice };
@@ -41,5 +41,11 @@ const getStyleShadowState = (shadow, styleAppliedFor, isEnableShadow)=>{
41
41
  }
42
42
  return style;
43
43
  };
44
+ const composeShadowCss = ({ hasBoxShadow , boxShadowValue })=>{
45
+ if (!hasBoxShadow) return undefined;
46
+ if (!boxShadowValue) return undefined;
47
+ const { value: distance , unit: unitDistance } = parseValueWithUnit(`${boxShadowValue?.distance}`);
48
+ return `box-shadow: ${Math.cos(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${Math.sin(parseFloat(`${boxShadowValue?.angle}`) * Math.PI / 180) * parseFloat(`${distance}`)}${unitDistance} ${boxShadowValue?.blur} ${boxShadowValue?.spread + ' '}${getSingleColorVariable(boxShadowValue?.color)};`;
49
+ };
44
50
 
45
- export { getStyleShadow, getStyleShadowState, parseValueWithUnit };
51
+ export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit };
@@ -13,5 +13,19 @@ function getCustomSizeCSSByDevice(size, device) {
13
13
  const composeSize = (size)=>{
14
14
  return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
15
15
  };
16
+ function genSizeClass(name) {
17
+ return `g-s-${name}`;
18
+ }
19
+ const composeSizeCss = (spacing)=>{
20
+ if (spacing === undefined) return '';
21
+ const size = spacing;
22
+ const sizeHozi = spacing?.custom?.desktop?.horizontal;
23
+ const sizeVerti = spacing?.custom?.desktop?.vertical;
24
+ if (!size?.custom) return undefined;
25
+ return `
26
+ ${sizeHozi ? `padding-left: ${sizeHozi}; padding-right: ${sizeHozi};` : undefined}
27
+ ${sizeVerti ? `padding-top: ${sizeVerti}; padding-bottom: ${sizeVerti};` : undefined}
28
+ `;
29
+ };
16
30
 
17
- export { composeSize };
31
+ export { composeSize, composeSizeCss, genSizeClass };
package/dist/esm/index.js CHANGED
@@ -33,12 +33,9 @@ export { isEmptyChildren } from './helpers/is-empty-children.js';
33
33
  export { makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth } from './helpers/make-style.js';
34
34
  export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
35
35
  export { prefetchQueries } from './helpers/prefetch-queries.js';
36
- export { getStyleShadow, getStyleShadowState } from './helpers/shadow.js';
37
- export { composeSize } from './helpers/size.js';
38
36
  export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
39
37
  export { loadScript } from './helpers/load-script.js';
40
38
  export { validateEmail } from './helpers/email.js';
41
- export { getStyleBackgroundByDevice } from './helpers/background.js';
42
39
  export { genVariable } from './helpers/css-variable.js';
43
40
  export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
44
41
  export { isDefined } from './helpers/is-defined.js';
@@ -54,6 +51,9 @@ import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
54
51
  export { tiktokpixel };
55
52
  export { RenderIf, props, styles, template } from './helpers/render.js';
56
53
  export { isLocalEnv } from './helpers/convert.js';
54
+ export { composeSize, composeSizeCss, genSizeClass } from './helpers/size.js';
55
+ export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
56
+ export { composeBackgroundCss, getStyleBackgroundByDevice } from './helpers/background.js';
57
57
  export { useAddToCart } from './hooks/cart/use-add-to-cart.js';
58
58
  export { useCartData } from './hooks/cart/use-cart-data.js';
59
59
  export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';
@@ -7351,13 +7351,6 @@ type Result = {
7351
7351
  };
7352
7352
  declare const prefetchQueries: (input: BuilderState, isSample?: boolean) => Result[];
7353
7353
 
7354
- declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
7355
- [x: string]: string;
7356
- };
7357
- declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
7358
-
7359
- declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
7360
-
7361
7354
  declare function getSpacingVariable(key?: SpacingType): string;
7362
7355
  declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
7363
7356
 
@@ -7368,11 +7361,6 @@ declare function loadScript(src: string, options?: {
7368
7361
 
7369
7362
  declare const validateEmail: (email: string) => boolean;
7370
7363
 
7371
- type Options = {
7372
- liquid?: boolean;
7373
- };
7374
- declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
7375
-
7376
7364
  declare const genVariable: (variableName: string) => string;
7377
7365
 
7378
7366
  declare const gridToArrayRegex: RegExp;
@@ -7477,6 +7465,26 @@ declare const template: (strings: any, ...keys: any[]) => string;
7477
7465
 
7478
7466
  declare const isLocalEnv: boolean;
7479
7467
 
7468
+ declare const composeSize: (size?: ObjectDevices<SizeProps>) => React.CSSProperties;
7469
+ declare function genSizeClass(name: string): string;
7470
+ declare const composeSizeCss: (spacing?: SizeSetting) => string | undefined;
7471
+
7472
+ declare const parseValueWithUnit: (valueWithUnit: string) => any;
7473
+ declare const getStyleShadow: (shadowStyle: ShadowStyle, isActiveState?: boolean) => {
7474
+ [x: string]: string;
7475
+ };
7476
+ declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>) => React.CSSProperties;
7477
+ declare const composeShadowCss: ({ hasBoxShadow, boxShadowValue, }: {
7478
+ hasBoxShadow?: boolean | undefined;
7479
+ boxShadowValue?: ShadowProps | undefined;
7480
+ }) => string | undefined;
7481
+
7482
+ type Options = {
7483
+ liquid?: boolean;
7484
+ };
7485
+ declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {};
7486
+ declare const composeBackgroundCss: (backgroundColor?: ColorValueType) => string;
7487
+
7480
7488
  type Func$6 = ReturnType<typeof addToCartOperation>;
7481
7489
  type Response$6 = Awaited<ReturnType<Func$6>>;
7482
7490
  type Args$7 = Parameters<Func$6>[0];
@@ -7712,4 +7720,4 @@ declare const fetchMedias: (fetcher: FetchFunc, { id, isSample, isStorefront }:
7712
7720
 
7713
7721
  declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
7714
7722
 
7715
- export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeBorderCss, composeCornerCss, composeGridLayout, composeRadius, composeSize, composeSpacing, composeTextColorCss, composeTypographyCss, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
7723
+ export { AddOn, AddonProvider, AddonProviderProps, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, ExtractState, FetchFunc, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, HSLAColorType, HSLColorType, HexColorType, InitComponentType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OptionNormalStyle, OptionSpecialStyle, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, RenderMemo as Render, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeType, SpacingType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TypographyProps, TypographySetting, TypographyType, VariantSelectFragment, calculateFirstProduct, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeRadius, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypographyCss, convertOldLayout, fetchMedias, fetchVariants, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isDefined, isEmptyChildren, isLocalEnv, loadScript, makeAspectRatio, makeHeight, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useIsSampleProduct, useIsStorefrontProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.9.17",
3
+ "version": "1.9.20",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",