@gem-sdk/core 1.23.0-staging.357 → 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/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/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/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/types/index.d.ts

@@ -8318,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.357",
+  "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",