@gem-sdk/core 1.23.0-staging.156 → 1.23.0-staging.165

package/dist/cjs/components/ComponentToolbarPreview.js

@@ -25,24 +25,6 @@ const isSection = (el)=>{
     const tag = el.getAttribute('data-component-tag');
     return tag === 'Section';
 };
-const isOverToolbarPosition = (el, parent)=>{
-    const rect = el.getBoundingClientRect();
-    const rectP = parent.getBoundingClientRect();
-    // 32px = toolbar active height
-    return rect.top - rectP.top < 32 + 1;
-};
-const findOverflowParent = (element, initEl)=>{
-    const thisEl = element;
-    const origEl = initEl || thisEl;
-    if (!thisEl) return;
-    if (isSection(thisEl)) return;
-    if (notVisible(thisEl) && isOverToolbarPosition(initEl, thisEl)) return thisEl;
-    if (thisEl.parentElement) {
-        return findOverflowParent(thisEl.parentElement, origEl);
-    } else {
-        return;
-    }
-};
 const ComponentToolbarPreview = ({ ...props })=>{
     const isThemeSection = props.isThemeSection;
     const editingPageType = ShopContext.useShopStore((s)=>s.pageType);
@@ -53,13 +35,32 @@ const ComponentToolbarPreview = ({ ...props })=>{
     const [isShowParent, setIsShowParent] = react.useState(false);
     const [isShowParentRevert, setIsShowParentRevert] = react.useState(false);
     const [parents, setParents] = react.useState([]);
+    const isOverToolbarPosition = (el, parent)=>{
+        const parentLenght = parents.length;
+        const rect = el.getBoundingClientRect();
+        const rectP = parent.getBoundingClientRect();
+        // 36px = toolbar active height + 4 spaces
+        return rect.top - rectP.top < parentLenght * 36;
+    };
+    const findOverflowParent = (element, initEl)=>{
+        const thisEl = element;
+        const origEl = initEl || thisEl;
+        if (!thisEl) return;
+        if (isSection(thisEl)) return;
+        if (notVisible(thisEl) && isOverToolbarPosition(initEl, thisEl)) return thisEl;
+        if (thisEl.parentElement) {
+            return findOverflowParent(thisEl.parentElement, origEl);
+        } else {
+            return;
+        }
+    };
     // Get parents
     const onActiveComponent = react.useCallback((e)=>{
         const detail = e.detail;
         if (detail?.componentUid == props.uid) {
             const currentParents = getParents(props.uid).filter((parent)=>{
                 if (parent.uid === 'ROOT') return false;
-                if (parent.tag === 'Section') return false;
+                if (parent.tag === 'Section' && isThemeSectionEditor) return false;
                 if (parent.editorConfigs?.toolbar?.hide) return false;
                 if (parent.editorConfigs?.component?.noSetting) return false;
                 return true;
@@ -72,7 +73,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
     }, [
         setParents,
         getParents,
-        props.uid
+        props.uid,
+        isThemeSectionEditor
     ]);
     react.useEffect(()=>{
         window.addEventListener('editor:active-component', onActiveComponent);
@@ -115,7 +117,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                 setIsShowParentRevert(true);
             } else {
                 const rect = $toolbar.getBoundingClientRect();
-                if (rect.top < parents.length * 24) {
+                if (rect.top < parents.length * 36) {
                     setIsShowParentRevert(true);
                 } else {
                     setIsShowParentRevert(false);
@@ -281,12 +283,21 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             })
                         ]
                     }),
-                    isShowParent && parents.map((parent, index)=>/*#__PURE__*/ jsxRuntime.jsxs("div", {
+                    isShowParent && parents.map((parent, index)=>{
+                        // Update count columns of Row
+                        const parentLength = parent?.childrens?.length ?? 0;
+                        let parent_label = parent.label;
+                        if (parent.label === 'Row') {
+                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
+                        }
+                        return /*#__PURE__*/ jsxRuntime.jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-parent-uid": parent.uid,
                             "data-toolbar-theme-section": isThemeSectionEditor,
+                            "data-toolbar-parent-revert": isShowParentRevert,
                             style: {
-                                top: !isShowParentRevert ? `${-24 * (index + 1) + index}px` : `${31 + 24 * index - index}px`
+                                top: !isShowParentRevert ? `${-36 * (index + 1)}px` // 32 height + 4 spacing
+                                 : `${36 * (index + 1)}px`
                             },
                             children: [
                                 /*#__PURE__*/ jsxRuntime.jsx("div", {
@@ -326,10 +337,11 @@ const ComponentToolbarPreview = ({ ...props })=>{
                                 }),
                                 /*#__PURE__*/ jsxRuntime.jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent.label
+                                    children: parent_label
                                 })
                             ]
-                        }, parent.uid)),
+                        }, parent.uid);
+                    }),
                     props.tag === 'Section' && !props.isThemeSection && editingPageType !== 'STATIC' && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsxRuntime.jsx(CreateThemeSection.CreateThemeSection, {
                         ...props
                     }),
@@ -417,8 +429,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             viewBox: "0 0 16 16",
                             fill: "none",
                             children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
-                                fill: "currentColor"
+                                d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
+                                fill: "#212121"
                             })
                         })
                     }),
@@ -437,8 +449,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             viewBox: "0 0 16 16",
                             fill: "none",
                             children: /*#__PURE__*/ jsxRuntime.jsx("path", {
-                                d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
-                                fill: "currentColor"
+                                d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
+                                fill: "#212121"
                             })
                         })
                     })

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

@@ -25,7 +25,11 @@ const componentTexts = [
     'Heading'
 ];
 const componentIconList = [
-    'IconListV2'
+    'IconListV2',
+    'IconList'
+];
+const componentUsingAdvanced = [
+    'IconList'
 ];
 const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
@@ -117,6 +121,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     styles: item.styles,
                     setting: item.settings,
                     advanced: {
+                        ...componentUsingAdvanced.includes(item.tag) ? item?.advanced : {},
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,

package/dist/cjs/index.js

@@ -159,6 +159,7 @@ exports.makeGlobalSizeWidthResponsive = makeStyle.makeGlobalSizeWidthResponsive;
 exports.makeHeight = makeStyle.makeHeight;
 exports.makeLineClamp = makeStyle.makeLineClamp;
 exports.makeStyle = makeStyle.makeStyle;
+exports.makeStyleKey = makeStyle.makeStyleKey;
 exports.makeStyleResponsive = makeStyle.makeStyleResponsive;
 exports.makeStyleResponsiveState = makeStyle.makeStyleResponsiveState;
 exports.makeStyleState = makeStyle.makeStyleState;

package/dist/esm/components/ComponentToolbarPreview.js

@@ -23,24 +23,6 @@ const isSection = (el)=>{
     const tag = el.getAttribute('data-component-tag');
     return tag === 'Section';
 };
-const isOverToolbarPosition = (el, parent)=>{
-    const rect = el.getBoundingClientRect();
-    const rectP = parent.getBoundingClientRect();
-    // 32px = toolbar active height
-    return rect.top - rectP.top < 32 + 1;
-};
-const findOverflowParent = (element, initEl)=>{
-    const thisEl = element;
-    const origEl = initEl || thisEl;
-    if (!thisEl) return;
-    if (isSection(thisEl)) return;
-    if (notVisible(thisEl) && isOverToolbarPosition(initEl, thisEl)) return thisEl;
-    if (thisEl.parentElement) {
-        return findOverflowParent(thisEl.parentElement, origEl);
-    } else {
-        return;
-    }
-};
 const ComponentToolbarPreview = ({ ...props })=>{
     const isThemeSection = props.isThemeSection;
     const editingPageType = useShopStore((s)=>s.pageType);
@@ -51,13 +33,32 @@ const ComponentToolbarPreview = ({ ...props })=>{
     const [isShowParent, setIsShowParent] = useState(false);
     const [isShowParentRevert, setIsShowParentRevert] = useState(false);
     const [parents, setParents] = useState([]);
+    const isOverToolbarPosition = (el, parent)=>{
+        const parentLenght = parents.length;
+        const rect = el.getBoundingClientRect();
+        const rectP = parent.getBoundingClientRect();
+        // 36px = toolbar active height + 4 spaces
+        return rect.top - rectP.top < parentLenght * 36;
+    };
+    const findOverflowParent = (element, initEl)=>{
+        const thisEl = element;
+        const origEl = initEl || thisEl;
+        if (!thisEl) return;
+        if (isSection(thisEl)) return;
+        if (notVisible(thisEl) && isOverToolbarPosition(initEl, thisEl)) return thisEl;
+        if (thisEl.parentElement) {
+            return findOverflowParent(thisEl.parentElement, origEl);
+        } else {
+            return;
+        }
+    };
     // Get parents
     const onActiveComponent = useCallback((e)=>{
         const detail = e.detail;
         if (detail?.componentUid == props.uid) {
             const currentParents = getParents(props.uid).filter((parent)=>{
                 if (parent.uid === 'ROOT') return false;
-                if (parent.tag === 'Section') return false;
+                if (parent.tag === 'Section' && isThemeSectionEditor) return false;
                 if (parent.editorConfigs?.toolbar?.hide) return false;
                 if (parent.editorConfigs?.component?.noSetting) return false;
                 return true;
@@ -70,7 +71,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
     }, [
         setParents,
         getParents,
-        props.uid
+        props.uid,
+        isThemeSectionEditor
     ]);
     useEffect(()=>{
         window.addEventListener('editor:active-component', onActiveComponent);
@@ -113,7 +115,7 @@ const ComponentToolbarPreview = ({ ...props })=>{
                 setIsShowParentRevert(true);
             } else {
                 const rect = $toolbar.getBoundingClientRect();
-                if (rect.top < parents.length * 24) {
+                if (rect.top < parents.length * 36) {
                     setIsShowParentRevert(true);
                 } else {
                     setIsShowParentRevert(false);
@@ -279,12 +281,21 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             })
                         ]
                     }),
-                    isShowParent && parents.map((parent, index)=>/*#__PURE__*/ jsxs("div", {
+                    isShowParent && parents.map((parent, index)=>{
+                        // Update count columns of Row
+                        const parentLength = parent?.childrens?.length ?? 0;
+                        let parent_label = parent.label;
+                        if (parent.label === 'Row') {
+                            parent_label = parentLength <= 1 ? parent.label + ' ' + parentLength + ' col' : parent.label + ' ' + parentLength + ' cols';
+                        }
+                        return /*#__PURE__*/ jsxs("div", {
                             "data-toolbar-parent": true,
                             "data-parent-uid": parent.uid,
                             "data-toolbar-theme-section": isThemeSectionEditor,
+                            "data-toolbar-parent-revert": isShowParentRevert,
                             style: {
-                                top: !isShowParentRevert ? `${-24 * (index + 1) + index}px` : `${31 + 24 * index - index}px`
+                                top: !isShowParentRevert ? `${-36 * (index + 1)}px` // 32 height + 4 spacing
+                                 : `${36 * (index + 1)}px`
                             },
                             children: [
                                 /*#__PURE__*/ jsx("div", {
@@ -324,10 +335,11 @@ const ComponentToolbarPreview = ({ ...props })=>{
                                 }),
                                 /*#__PURE__*/ jsx("div", {
                                     "data-toolbar-name": true,
-                                    children: parent.label
+                                    children: parent_label
                                 })
                             ]
-                        }, parent.uid)),
+                        }, parent.uid);
+                    }),
                     props.tag === 'Section' && !props.isThemeSection && editingPageType !== 'STATIC' && getIndexSection() < SECTION_LIMIT && /*#__PURE__*/ jsx(CreateThemeSection, {
                         ...props
                     }),
@@ -415,8 +427,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             viewBox: "0 0 16 16",
                             fill: "none",
                             children: /*#__PURE__*/ jsx("path", {
-                                d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
-                                fill: "currentColor"
+                                d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
+                                fill: "#212121"
                             })
                         })
                     }),
@@ -435,8 +447,8 @@ const ComponentToolbarPreview = ({ ...props })=>{
                             viewBox: "0 0 16 16",
                             fill: "none",
                             children: /*#__PURE__*/ jsx("path", {
-                                d: "M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V7.5H1.5C1.22386 7.5 1 7.72386 1 8C1 8.27614 1.22386 8.5 1.5 8.5H7.5V14.5C7.5 14.7761 7.72386 15 8 15C8.27614 15 8.5 14.7761 8.5 14.5V8.5H14.5C14.7761 8.5 15 8.27614 15 8C15 7.72386 14.7761 7.5 14.5 7.5H8.5V1.5Z",
-                                fill: "currentColor"
+                                d: "M8.45 3.95C8.45 3.70147 8.24853 3.5 8 3.5C7.75147 3.5 7.55 3.70147 7.55 3.95V7.55H3.95C3.70147 7.55 3.5 7.75147 3.5 8C3.5 8.24853 3.70147 8.45 3.95 8.45H7.55V12.05C7.55 12.2985 7.75147 12.5 8 12.5C8.24853 12.5 8.45 12.2985 8.45 12.05V8.45H12.05C12.2985 8.45 12.5 8.24853 12.5 8C12.5 7.75147 12.2985 7.55 12.05 7.55H8.45V3.95Z",
+                                fill: "#212121"
                             })
                         })
                     })

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

@@ -21,7 +21,11 @@ const componentTexts = [
     'Heading'
 ];
 const componentIconList = [
-    'IconListV2'
+    'IconListV2',
+    'IconList'
+];
+const componentUsingAdvanced = [
+    'IconList'
 ];
 const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageContext, ...passProps })=>{
     const item = builder[uid];
@@ -113,6 +117,7 @@ const Render = ({ uid, builder, components, parentId, extraFiles = {}, pageConte
                     styles: item.styles,
                     setting: item.settings,
                     advanced: {
+                        ...componentUsingAdvanced.includes(item.tag) ? item?.advanced : {},
                         cssClass: item?.advanced?.cssClass
                     },
                     pageContext,

package/dist/esm/index.js

@@ -32,7 +32,7 @@ export { default as isBrowser } from './helpers/is-browser.js';
 export { default as isSafari } from './helpers/is-safari.js';
 export { isEmptyChildren } from './helpers/is-empty-children.js';
 export { filterToolbarPreview } from './helpers/filter-toolbar-preview.js';
-export { makeAspectRatio, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
+export { makeAspectRatio, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
 export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';

package/dist/types/index.d.ts

@@ -7944,6 +7944,7 @@ declare const filterToolbarPreview: (children: React.ReactNode, keep?: boolean)
 
 type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
 declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
+declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
 declare const makeStyle: <T extends ShortHandProperty, K>(style: Record<T, K>) => {
     [k: string]: Record<`--${T}`, K>;
 };
@@ -9926,4 +9927,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage, 'id' | 'name' |
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, 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, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, 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, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, 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 };
+export { AddOn, AddonProvider, AddonProviderProps, AliReviewsWidgetType, AlignItemProp, AlignProp, Background, BaseProps, BasePropsWrap, BlockEntity, BoldSubscriptionsWidgetType, 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, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsWidgetType, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SectionData, SectionEntity, SectionProvider, SectionProviderProps, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TransformProp, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeBackgroundCss, composeBorderCss, composeCornerCss, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertOldLayout, dataStringify, fetchMedias, fetchVariants, filterToolbarPreview, flattenConnection, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBorderStyle, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeNullUndefined, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, 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, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, 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

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.156",
+  "version": "1.23.0-staging.165",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -25,7 +25,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.23.0-staging.26",
-    "@gem-sdk/styles": "1.23.0-staging.156"
+    "@gem-sdk/styles": "1.23.0-staging.157"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",