@gem-sdk/core 1.23.0-staging.422 → 1.23.0-staging.429

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

@@ -203,7 +203,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation } = advanced ?? {};
+    const { animation, op: opacity } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -237,7 +237,8 @@ const appendAnimation = (props, liquid)=>{
   <gp-animation
     gp-data='${JSON.stringify({
         config: animation,
-        tag
+        tag,
+        opacity
     })}'
     style="${{
         ...inheritParentStyle

package/dist/cjs/helpers/typography.js

@@ -29,7 +29,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
   ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
+  ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
   ${italic ? `font-style: italic ${composeImportant};` : ''}
   ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
   ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
@@ -63,10 +63,10 @@ const composeTypographyV2 = (value, attrs)=>{
             fs: !attrs?.italic ? value?.fontStyle : undefined,
             ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
             weight: !attrs?.bold ? value?.fontWeight : undefined,
-            ls: value?.letterSpacing,
-            lh: value?.lineHeight
+            ls: value?.letterSpacing
         }),
-        ...makeStyle.makeStyleResponsive('size', value?.fontSize)
+        ...makeStyle.makeStyleResponsive('size', value?.fontSize),
+        ...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
     });
 };
 const composeTypographyAttr = (attrs)=>{

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

@@ -199,7 +199,7 @@ const RenderCustomCode = (item)=>{
 };
 const appendAnimation = (props, liquid)=>{
     const { advanced, tag } = props;
-    const { animation } = advanced ?? {};
+    const { animation, op: opacity } = advanced ?? {};
     const getAnimationType = (settings, type)=>{
         return settings?.triggerConfig?.[type]?.animation ?? 'none';
     };
@@ -233,7 +233,8 @@ const appendAnimation = (props, liquid)=>{
   <gp-animation
     gp-data='${JSON.stringify({
         config: animation,
-        tag
+        tag,
+        opacity
     })}'
     style="${{
         ...inheritParentStyle

package/dist/esm/helpers/typography.js

@@ -27,7 +27,7 @@ const composeTypographyV2Css = (typography, isImportant)=>{
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
   ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
-  ${lineHeight ? `line-height: ${lineHeight} ${composeImportant};` : ''}
+  ${lineHeight?.desktop ? `line-height: ${lineHeight?.desktop} ${composeImportant};` : ''}
   ${italic ? `font-style: italic ${composeImportant};` : ''}
   ${underline ? `text-decoration-line: underline ${composeImportant};` : ''}
   ${transform ? `text-transform: ${transform} ${composeImportant};` : ''}
@@ -61,10 +61,10 @@ const composeTypographyV2 = (value, attrs)=>{
             fs: !attrs?.italic ? value?.fontStyle : undefined,
             ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
             weight: !attrs?.bold ? value?.fontWeight : undefined,
-            ls: value?.letterSpacing,
-            lh: value?.lineHeight
+            ls: value?.letterSpacing
         }),
-        ...makeStyleResponsive('size', value?.fontSize)
+        ...makeStyleResponsive('size', value?.fontSize),
+        ...makeStyleResponsive('lh', value?.lineHeight)
     });
 };
 const composeTypographyAttr = (attrs)=>{

package/dist/types/index.d.ts

@@ -6609,7 +6609,7 @@ type JudgeMeReviewsWidgetType = 'single_product_preview_badge' | 'review_widget'
 type LooxReviewsWidgetType = 'reviews_widget' | 'rating_widget' | 'carousel_widget';
 type RyviuWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'masonry';
 type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
-type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity';
+type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity' | 'sizeChart' | 'upsellBuilderBogo' | 'bundleCountdownBox' | 'reviewsUnderTitle' | 'productReviewsCarousel' | 'shippingBox' | 'currencyConverter' | 'relatedProducts' | 'backInStock';
 type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
 type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
 type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
@@ -25431,7 +25431,7 @@ type TypographyProps = {
 };
 type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
     fontSize?: ObjectDevices<string>;
-    lineHeight?: string;
+    lineHeight?: ObjectDevices<string>;
 };
 type TypographyV2Attrs = {
     bold?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.23.0-staging.422",
+  "version": "1.23.0-staging.429",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",