@gem-sdk/core 1.48.0-dev.83 → 1.48.0-dev.88

package/dist/cjs/helpers/colors.js

@@ -114,9 +114,9 @@ const getGlobalColorResponsiveStyle = (type, data)=>{
         }
     }));
 };
-const getGlobalColorStateStyle = (type, data)=>{
+const getGlobalColorStateStyle = (type, data, states)=>{
     if (!data) return {};
-    return Object.fromEntries(Object.entries(data).map(([state, value])=>{
+    return Object.fromEntries(Object.entries(data).filter(([state])=>states?.length ? states?.includes(state) : true).map(([state, value])=>{
         if (state === 'active') return [];
         return [
             `-${constant.stateMapping?.[state] || ''}-${type}`,

package/dist/cjs/helpers/typography.js

@@ -28,7 +28,8 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const composeImportant = isImportant ? '!important' : '';
     return `
   ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
-        fontFamily
+        fontFamily,
+        type: typography?.type
     })} ${composeImportant}` : ''};
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
   ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
@@ -76,7 +77,7 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const { fontFamily, isCustom, fallbackFontFamily } = value || {};
+    const { fontFamily, isCustom, fallbackFontFamily, type } = value || {};
     if (!fontFamily) {
         return isCustom ? fallbackFontFamily : undefined;
     }
@@ -93,7 +94,7 @@ const composeFontFamilyTypographyV2 = (value)=>{
             default:
                 return getFontUsedByTypographyV2({
                     fontFamily: fontFamily.value,
-                    fallbackFontFamily: value?.fallbackFontFamily
+                    fallbackFontFamily: composeFallbackTypographyStyle(type ?? 'heading')
                 });
         }
     }

package/dist/esm/helpers/colors.js

@@ -112,9 +112,9 @@ const getGlobalColorResponsiveStyle = (type, data)=>{
         }
     }));
 };
-const getGlobalColorStateStyle = (type, data)=>{
+const getGlobalColorStateStyle = (type, data, states)=>{
     if (!data) return {};
-    return Object.fromEntries(Object.entries(data).map(([state, value])=>{
+    return Object.fromEntries(Object.entries(data).filter(([state])=>states?.length ? states?.includes(state) : true).map(([state, value])=>{
         if (state === 'active') return [];
         return [
             `-${stateMapping?.[state] || ''}-${type}`,

package/dist/esm/helpers/typography.js

@@ -26,7 +26,8 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const composeImportant = isImportant ? '!important' : '';
     return `
   ${fontFamily ? `font-family: ${composeFontFamilyTypographyV2({
-        fontFamily
+        fontFamily,
+        type: typography?.type
     })} ${composeImportant}` : ''};
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant}` : ''};
   ${bold ? `font-weight: bold ${composeImportant}` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant}` : ''};
@@ -74,7 +75,7 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const { fontFamily, isCustom, fallbackFontFamily } = value || {};
+    const { fontFamily, isCustom, fallbackFontFamily, type } = value || {};
     if (!fontFamily) {
         return isCustom ? fallbackFontFamily : undefined;
     }
@@ -91,7 +92,7 @@ const composeFontFamilyTypographyV2 = (value)=>{
             default:
                 return getFontUsedByTypographyV2({
                     fontFamily: fontFamily.value,
-                    fallbackFontFamily: value?.fallbackFontFamily
+                    fallbackFontFamily: composeFallbackTypographyStyle(type ?? 'heading')
                 });
         }
     }

package/dist/types/index.d.ts

@@ -29756,7 +29756,7 @@ declare const getGlobalColorStateClassDynamicBtn: (type: ColorType, data?: State
 declare const getGlobalColorStateResponsiveClass: (type: ColorType, data?: ResponsiveStateProp<ColorValueType>) => string;
 declare const getGlobalColorStateResponsiveClassDynamicBtn: (type: ColorType, data?: ResponsiveStateProp<ColorValueType>) => string;
 declare const getGlobalColorResponsiveStyle: (type: ColorProp, data?: ObjectDevices<ColorValueType>) => React.CSSProperties;
-declare const getGlobalColorStateStyle: (type: ColorProp, data?: StateProp<ColorValueType>) => React.CSSProperties;
+declare const getGlobalColorStateStyle: (type: ColorProp, data?: StateProp<ColorValueType>, states?: string[]) => React.CSSProperties;
 declare const getGlobalColorStateResponsiveStyle: (type: ColorProp, data?: ResponsiveStateProp<ColorValueType>) => React.CSSProperties;
 declare const getSingleColorVariable: (color?: ColorValueType) => string | undefined;
 declare function isColor(color: string): boolean;
@@ -37470,7 +37470,9 @@ declare const composeTypographyCss: (typography: TypographySetting | undefined)
 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 composeFontFamilyTypographyV2: (value?: TypographyV2Props) => string | undefined;
+declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props & {
+    type?: string;
+}) => string | undefined;
 declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
 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 composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.48.0-dev.83",
+  "version": "1.48.0-dev.88",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.48.0-dev.3",
-    "@gem-sdk/styles": "1.48.0-dev.72",
+    "@gem-sdk/styles": "1.48.0-dev.86",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {