@gem-sdk/components 19.0.0-staging.3 → 19.0.0-staging.6

package/dist/cjs/code/common/styles.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/core"),r=require("../../helpers.js"),t=require("../settings/configs/translate.js");exports.getCodeStyle=({setting:a,style:s,isLiquid:i,uid:n,pageContext:l,type:d="React"})=>{let{background:g}=a??{},o="Liquid"===d?r.getBackgroundTranslated({background:g,uid:n,enableTranslate:!!t.CSSCode?.background?.id,pageContext:l,isTranslateVideo:!1}):g;return{...s,...e.makeStyleResponsive("ta",a?.align),...e.getStyleBackgroundByDevice(o||g,{liquid:i})}};
+"use strict";var e=require("@gem-sdk/core"),t=require("../../helpers.js"),r=require("../settings/configs/translate.js");exports.getCodeStyle=({setting:a,style:i,isLiquid:s,uid:l,pageContext:n,type:d="React"})=>{let{background:g}=a??{},o="Liquid"===d?t.getBackgroundTranslated({background:g,uid:l,enableTranslate:!!r.CSSCode?.background?.id,pageContext:n,isTranslateVideo:!1})??g:g,u={...e.getStyleBackgroundByDevice(o,{liquid:s}),...e.getGradientBgrStyleByDevice(o,{desktop:!0,tablet:!0,mobile:!0})};return{...i,...e.makeStyleResponsive("ta",a?.align),...u}};

package/dist/cjs/product/components/product-images-v3/components/gallery-grid/GalleryGrid.liquid.js

@@ -60,7 +60,7 @@
 
       ${i.LiquidIf("media.media_type == 'external_video' or media.media_type == 'video'","{% assign isVideo = true %}")}
 
-      <div class="gp-h-full gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",d.getStyleOfObject({...b()}))}">
+      <div class="gp-w-full" style="${i.LiquidIf("media == null or media.media_type == 'image'","display: block !important;")} ${i.LiquidIf("isVideo == true",d.getStyleOfObject({...b()}))}">
         ${i.LiquidIf("media != null",F(),V())}
       </div>
 

package/dist/cjs/product/components/product-list-v3/common/classes.js

@@ -1 +1 @@
-"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),o=e.createClass({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:o,carouselClass:c,productListWrapClass:p,gpProductClass:d}};
+"use strict";var e=require("@gem-sdk/system");exports.getClass=s=>{let{setting:t,className:g,builderProps:a,advanced:r,styles:i}=s,l=e.createClass({...g&&{[g]:!0},...r?.cssClass&&{[r.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),p=e.createClass({"gp-relative gp-flex":!0,[`${a?.builderData?.uid}`]:!0}),d=e.createClass({"gp-contents":t?.sameHeight&&i?.layout==="grid"}),c=e.createClass({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),o=e.createClass({"gp-contents [&>*>div]:gp-contents [&>*>div>div[gp-el-wrapper]]:gp-h-fit [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&i?.layout==="grid",[`gp-child-item-${a?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:o,carouselClass:c,productListWrapClass:p,gpProductClass:d}};

package/dist/esm/code/common/styles.js

@@ -1 +1 @@
-import{getStyleBackgroundByDevice as e,makeStyleResponsive as t}from"@gem-sdk/core";import{getBackgroundTranslated as r}from"../../helpers.js";import{CSSCode as i}from"../settings/configs/translate.js";let o=({setting:o,style:a,isLiquid:s,uid:l,pageContext:n,type:d="React"})=>{let{background:m}=o??{},g="Liquid"===d?r({background:m,uid:l,enableTranslate:!!i?.background?.id,pageContext:n,isTranslateVideo:!1}):m;return{...a,...t("ta",o?.align),...e(g||m,{liquid:s})}};export{o as getCodeStyle};
+import{getGradientBgrStyleByDevice as e,getStyleBackgroundByDevice as t,makeStyleResponsive as r}from"@gem-sdk/core";import{getBackgroundTranslated as i}from"../../helpers.js";import{CSSCode as o}from"../settings/configs/translate.js";let a=({setting:a,style:l,isLiquid:s,uid:n,pageContext:d,type:m="React"})=>{let{background:g}=a??{},p="Liquid"===m?i({background:g,uid:n,enableTranslate:!!o?.background?.id,pageContext:d,isTranslateVideo:!1})??g:g,b={...t(p,{liquid:s}),...e(p,{desktop:!0,tablet:!0,mobile:!0})};return{...l,...r("ta",a?.align),...b}};export{a as getCodeStyle};

package/dist/esm/product/components/product-images-v3/components/gallery-grid/GalleryGrid.liquid.js

@@ -60,7 +60,7 @@ import{makeStyleResponsive as e,template as i,getResponsiveValueByScreen as a,cl
 
       ${d("media.media_type == 'external_video' or media.media_type == 'video'","{% assign isVideo = true %}")}
 
-      <div class="gp-h-full gp-w-full" style="${d("media == null or media.media_type == 'image'","display: block !important;")} ${d("isVideo == true",g({...S()}))}">
+      <div class="gp-w-full" style="${d("media == null or media.media_type == 'image'","display: block !important;")} ${d("isVideo == true",g({...S()}))}">
         ${d("media != null",P(),T())}
       </div>
 

package/dist/esm/product/components/product-list-v3/common/classes.js

@@ -1 +1 @@
-import{createClass as e}from"@gem-sdk/system";let g=g=>{let{setting:t,className:s,builderProps:i,advanced:p,styles:r}=g,l=e({...s&&{[s]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),a=e({"gp-relative gp-flex":!0,[`${i?.builderData?.uid}`]:!0}),d=e({"gp-contents":t?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&r?.layout==="grid",[`gp-child-item-${i?.uid}`]:!0});return{gridLayoutClass:l,productItemClass:m,carouselClass:o,productListWrapClass:a,gpProductClass:d}};export{g as getClass};
+import{createClass as e}from"@gem-sdk/system";let g=g=>{let{setting:t,className:i,builderProps:s,advanced:p,styles:r}=g,d=e({...i&&{[i]:!0},...p?.cssClass&&{[p.cssClass]:!0},"!gp-m-auto gp-grid gp-w-full":!0,"gp-grid-flow-row":t?.sameHeight}),l=e({"gp-relative gp-flex":!0,[`${s?.builderData?.uid}`]:!0}),a=e({"gp-contents":t?.sameHeight&&r?.layout==="grid"}),o=e({"gp-justify-center":!0,"gp-overflow-hidden":!t?.sameHeight}),m=e({"gp-contents [&>*>div]:gp-contents [&>*>div>div[gp-el-wrapper]]:gp-h-fit [&>*]:gp-grid-rows-[subgrid] [&>*]:gp-gap-y-0":t?.sameHeight&&r?.layout==="grid",[`gp-child-item-${s?.uid}`]:!0});return{gridLayoutClass:d,productItemClass:m,carouselClass:o,productListWrapClass:l,gpProductClass:a}};export{g as getClass};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "19.0.0-staging.3",
+  "version": "19.0.0-staging.6",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "19.0.0-staging.0",
+    "@gem-sdk/core": "19.0.0-staging.5",
     "@gem-sdk/styles": "19.0.0-staging.1",
     "@gem-sdk/system": "19.0.0-staging.0",
     "@types/react-transition-group": "^4.4.12",