@gem-sdk/components 2.6.0-staging.17 → 2.6.0-staging.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/grid/components/Row.liquid.js +1 -1
  2. package/dist/cjs/image/components/Image.liquid.js +5 -2
  3. package/dist/esm/grid/components/Row.liquid.js +1 -1
  4. package/dist/esm/image/components/Image.liquid.js +6 -3
  5. package/package.json +2 -2
package/dist/cjs/grid/components/Row.liquid.js CHANGED
@@ -37,7 +37,7 @@ const Row = ({ className, children, setting, builderAttrs, builderProps, styles,
37
37
  }),
38
38
  ...core.getGradientBgrStyleByDevice(background)
39
39
  }}"
40
- class="${core.cls(className, builderProps?.uid, advanced?.cssClass, 'gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full')}"
40
+ class="${core.cls(className, builderProps?.uid, advanced?.cssClass, 'gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]')}"
41
41
  >
42
42
  ${core.WrapRenderChildren({
43
43
  uid: builderProps?.uid || '',
package/dist/cjs/image/components/Image.liquid.js CHANGED
@@ -31,20 +31,23 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
31
31
  };
32
32
  const imageWidth = core.makeStyleResponsive('w', core.getWidthByShapeGlobalSize(shape));
33
33
  const imageHeight = core.makeStyleResponsive('h', core.getHeightByShapeGlobalSize(shape));
34
+ const imageFlexGrowClass = core.getFlexGrowClassByShapeGlobalSize(shape);
34
35
  return core.template`<div
35
36
  ${{
36
37
  ...builderAttrs
37
38
  }}
38
39
  data-id="${builderProps?.uid}"
39
40
  role="presentation"
40
- class="${core.cls('gp-group/image', builderProps?.uid, advanced?.cssClass)}"
41
+ class="${core.cls('gp-group/image', builderProps?.uid, advanced?.cssClass, {
42
+ ...imageFlexGrowClass
43
+ })}"
41
44
  style="${{
42
45
  ...style,
43
46
  ...core.makeStyleResponsive('ta', styles?.align)
44
47
  }}"
45
48
  >
46
49
  <${WrapLink}
47
- class="pointer-events-auto h-full gp-flex"
50
+ class="pointer-events-auto gp-h-full gp-flex"
48
51
  ${shouldRenderLink ? {
49
52
  ...urlData,
50
53
  title: setting?.title
package/dist/esm/grid/components/Row.liquid.js CHANGED
@@ -33,7 +33,7 @@ const Row = ({ className, children, setting, builderAttrs, builderProps, styles,
33
33
  }),
34
34
  ...getGradientBgrStyleByDevice(background)
35
35
  }}"
36
- class="${cls(className, builderProps?.uid, advanced?.cssClass, 'gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full')}"
36
+ class="${cls(className, builderProps?.uid, advanced?.cssClass, 'gp-mx-auto gp-mb-0 gp-grid gp-max-w-full gp-gap-y-0 gp-transition-colors gp-duration-200 gp-ease-in-out [&_*]:gp-max-w-full gp-grid-rows-[1fr]')}"
37
37
  >
38
38
  ${WrapRenderChildren({
39
39
  uid: builderProps?.uid || '',
package/dist/esm/image/components/Image.liquid.js CHANGED
@@ -1,4 +1,4 @@
1
- import { makeStyleResponsive, getWidthByShapeGlobalSize, getHeightByShapeGlobalSize, template, cls, getStyleShadowState, handleConvertClassColor, getBorderStyle, getBorderRadiusStyle, getStyleShadow, getAspectRatioGlobalSize, getCornerCSSFromGlobal } from '@gem-sdk/core';
1
+ import { makeStyleResponsive, getWidthByShapeGlobalSize, getHeightByShapeGlobalSize, getFlexGrowClassByShapeGlobalSize, template, cls, getStyleShadowState, handleConvertClassColor, getBorderStyle, getBorderRadiusStyle, getStyleShadow, getAspectRatioGlobalSize, getCornerCSSFromGlobal } from '@gem-sdk/core';
2
2
  import AdaptiveImage from './AdaptiveImage.liquid.js';
3
3
  import NextImage from './NextImage.liquid.js';
4
4
  import { getLinkDataConfigs } from '../../helpers.js';
@@ -27,20 +27,23 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
27
27
  };
28
28
  const imageWidth = makeStyleResponsive('w', getWidthByShapeGlobalSize(shape));
29
29
  const imageHeight = makeStyleResponsive('h', getHeightByShapeGlobalSize(shape));
30
+ const imageFlexGrowClass = getFlexGrowClassByShapeGlobalSize(shape);
30
31
  return template`<div
31
32
  ${{
32
33
  ...builderAttrs
33
34
  }}
34
35
  data-id="${builderProps?.uid}"
35
36
  role="presentation"
36
- class="${cls('gp-group/image', builderProps?.uid, advanced?.cssClass)}"
37
+ class="${cls('gp-group/image', builderProps?.uid, advanced?.cssClass, {
38
+ ...imageFlexGrowClass
39
+ })}"
37
40
  style="${{
38
41
  ...style,
39
42
  ...makeStyleResponsive('ta', styles?.align)
40
43
  }}"
41
44
  >
42
45
  <${WrapLink}
43
- class="pointer-events-auto h-full gp-flex"
46
+ class="pointer-events-auto gp-h-full gp-flex"
44
47
  ${shouldRenderLink ? {
45
48
  ...urlData,
46
49
  title: setting?.title
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.6.0-staging.17",
3
+ "version": "2.6.0-staging.18",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,7 +21,7 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.6.0-staging.14",
24
+ "@gem-sdk/core": "2.6.0-staging.18",
25
25
  "@gem-sdk/styles": "2.6.0-staging.13",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },