@gem-sdk/core 1.23.0-staging.350 → 1.23.0-staging.358

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

@@ -168,7 +168,7 @@ function Spacing(props) {
         children: props.tag !== 'Section' && /*#__PURE__*/ jsxRuntime.jsx("div", {
             "data-spacing": true,
             "data-spacing-theme-section": isThemeSectionEditor,
-            className: "absolute w-full bottom-0",
+            className: "gp-absolute gp-w-full gp-bottom-0",
             children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
                 "data-spacing-margin-bottom": true,
                 children: [

package/dist/cjs/contexts/ProductContext.js

@@ -94,6 +94,11 @@ const createProductStoreProvider = (data)=>zustand.createStore((set, get)=>({
                 set({
                     isSubmit: value
                 });
+            },
+            setHasUpdatePriceFollowQuantity: (updatePrice)=>{
+                set({
+                    updatePrice
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/cjs/helpers/colors.js

@@ -8,7 +8,7 @@ const getGlobalColorCSSProp = (color)=>{
 };
 const getGlobalColorClass = (type, color)=>{
     if (typeof color !== 'string' || !color || color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent')) return '';
-    return `${type}-g-${color}`;
+    return `gp-${type}-g-${color}`;
 };
 const getGlobalColorResponsiveClass = (type, data)=>{
     if (!data) return '';

package/dist/cjs/helpers/size.js

@@ -18,7 +18,7 @@ const composeSize = (size)=>{
     return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
 };
 function genSizeClass(name) {
-    return `g-s-${name}`;
+    return `gp-g-s-${name}`;
 }
 const composeSizeCss = (spacing)=>{
     if (spacing === undefined) return '';

package/dist/cjs/helpers/typography.js

@@ -4,7 +4,7 @@ var colors = require('./colors.js');
 var makeStyle = require('./make-style.js');
 
 const genTypoClass = (name)=>{
-    return `g-${name}`;
+    return `gp-g-${name}`;
 };
 const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;

package/dist/cjs/hooks/useProduct.js

@@ -33,9 +33,11 @@ const useIsSyncProduct = ()=>{
 };
 const useQuantity = ()=>{
     const quantity = ProductContext.useProductStore((s)=>s.quantity);
+    const hasUpdatePrice = ProductContext.useProductStore((s)=>s.updatePrice);
     const decrement = ProductContext.useProductStore((s)=>s.decrementQuantity);
     const increment = ProductContext.useProductStore((s)=>s.incrementQuantity);
     const updateQuantity = ProductContext.useProductStore((s)=>s.setQuantity);
+    const updatePrice = ProductContext.useProductStore((s)=>s.setHasUpdatePriceFollowQuantity);
     const isSyncProduct = ProductContext.useProductStore((s)=>s.isSyncProduct);
     const product = ProductContext.useProductStore((s)=>s.product);
     const productId = product?.id;
@@ -64,16 +66,20 @@ const useQuantity = ()=>{
     ]);
     return react.useMemo(()=>({
             quantity,
+            hasUpdatePrice,
             increment,
             decrement,
             reset,
-            setQuantity: updateQuantity
+            setQuantity: updateQuantity,
+            setUpdatePrice: updatePrice
         }), [
         decrement,
         increment,
         quantity,
         reset,
-        updateQuantity
+        updateQuantity,
+        updatePrice,
+        hasUpdatePrice
     ]);
 };
 const useSelectedOption = ()=>{

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

@@ -164,7 +164,7 @@ function Spacing(props) {
         children: props.tag !== 'Section' && /*#__PURE__*/ jsx("div", {
             "data-spacing": true,
             "data-spacing-theme-section": isThemeSectionEditor,
-            className: "absolute w-full bottom-0",
+            className: "gp-absolute gp-w-full gp-bottom-0",
             children: /*#__PURE__*/ jsxs("div", {
                 "data-spacing-margin-bottom": true,
                 children: [

package/dist/esm/contexts/ProductContext.js

@@ -92,6 +92,11 @@ const createProductStoreProvider = (data)=>createStore((set, get)=>({
                 set({
                     isSubmit: value
                 });
+            },
+            setHasUpdatePriceFollowQuantity: (updatePrice)=>{
+                set({
+                    updatePrice
+                });
             }
         }));
 const ProductProvider = ({ children, product, initialVariantId, quantity = 1, isSyncProduct })=>{

package/dist/esm/helpers/colors.js

@@ -6,7 +6,7 @@ const getGlobalColorCSSProp = (color)=>{
 };
 const getGlobalColorClass = (type, color)=>{
     if (typeof color !== 'string' || !color || color?.startsWith('#') || color?.startsWith('rgb') || color?.startsWith('hsl') || color?.startsWith('transparent')) return '';
-    return `${type}-g-${color}`;
+    return `gp-${type}-g-${color}`;
 };
 const getGlobalColorResponsiveClass = (type, data)=>{
     if (!data) return '';

package/dist/esm/helpers/size.js

@@ -16,7 +16,7 @@ const composeSize = (size)=>{
     return Object.assign({}, getCustomSizeCSSByDevice(size, 'desktop'), getCustomSizeCSSByDevice(size, 'tablet'), getCustomSizeCSSByDevice(size, 'mobile'));
 };
 function genSizeClass(name) {
-    return `g-s-${name}`;
+    return `gp-g-s-${name}`;
 }
 const composeSizeCss = (spacing)=>{
     if (spacing === undefined) return '';

package/dist/esm/helpers/typography.js

@@ -2,7 +2,7 @@ import { getSingleColorVariable } from './colors.js';
 import { removeNullUndefined, makeStyle, makeStyleResponsive } from './make-style.js';
 
 const genTypoClass = (name)=>{
-    return `g-${name}`;
+    return `gp-g-${name}`;
 };
 const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;

package/dist/esm/hooks/useProduct.js

@@ -31,9 +31,11 @@ const useIsSyncProduct = ()=>{
 };
 const useQuantity = ()=>{
     const quantity = useProductStore((s)=>s.quantity);
+    const hasUpdatePrice = useProductStore((s)=>s.updatePrice);
     const decrement = useProductStore((s)=>s.decrementQuantity);
     const increment = useProductStore((s)=>s.incrementQuantity);
     const updateQuantity = useProductStore((s)=>s.setQuantity);
+    const updatePrice = useProductStore((s)=>s.setHasUpdatePriceFollowQuantity);
     const isSyncProduct = useProductStore((s)=>s.isSyncProduct);
     const product = useProductStore((s)=>s.product);
     const productId = product?.id;
@@ -62,16 +64,20 @@ const useQuantity = ()=>{
     ]);
     return useMemo(()=>({
             quantity,
+            hasUpdatePrice,
             increment,
             decrement,
             reset,
-            setQuantity: updateQuantity
+            setQuantity: updateQuantity,
+            setUpdatePrice: updatePrice
         }), [
         decrement,
         increment,
         quantity,
         reset,
-        updateQuantity
+        updateQuantity,
+        updatePrice,
+        hasUpdatePrice
     ]);
 };
 const useSelectedOption = ()=>{

package/dist/types/index.d.ts

@@ -7848,6 +7848,8 @@ type ProductContextProps = {
     isSubmit?: boolean;
     updateIsSubmit: (value: boolean) => void;
     isSyncProduct?: boolean;
+    setHasUpdatePriceFollowQuantity: (updatePrice: boolean) => void;
+    updatePrice?: boolean;
 };
 type ProductProviderProps = Pick<ProductContextProps, 'product' | 'quantity' | 'selectedOptions' | 'isSyncProduct'> & {
     initialVariantId?: string;
@@ -8316,14 +8318,14 @@ declare function isColor(color: string): boolean;
 declare const getGlobalColorStyle: (data?: ColorValueType) => React.CSSProperties;
 declare const composeTextColorCss: (color?: ColorValueType) => string;
 
-type TypographyClass = `g-${TypographyType}`;
+type TypographyClass = `gp-g-${TypographyType}`;
 declare const genTypoClass: (name: TypographyType) => TypographyClass;
 declare const composeTypographyCss: (typography: TypographySetting | undefined) => string;
 declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
-declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "g-heading-1" | "g-heading-2" | "g-heading-3" | "g-subheading-1" | "g-subheading-2" | "g-subheading-3" | "g-paragraph-1" | "g-paragraph-2" | "g-paragraph-3" | undefined;
+declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
 declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?: TypographySetting, disableAttr?: boolean) => {
     [x: string]: any;
     '--ai'?: csstype.Property.AlignItems | undefined;
@@ -16161,10 +16163,12 @@ declare const useProductProperties: () => {
 declare const useIsSyncProduct: () => boolean | undefined;
 declare const useQuantity: () => {
     quantity: number | undefined;
+    hasUpdatePrice: boolean | undefined;
     increment: () => void;
     decrement: () => void;
     reset: () => void;
     setQuantity: (num: number) => void;
+    setUpdatePrice: (updatePrice: boolean) => void;
 };
 declare const useSelectedOption: () => {
     selectedOptions: Record<string, string> | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.350",
+  "version": "1.23.0-staging.358",
   "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.344"
+    "@gem-sdk/styles": "1.23.0-staging.358"
   },
   "dependencies": {
     "react-error-boundary": "4.0.10",