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

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 (10) 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/cjs/third-party/setting/RechargeSubscriptions.js +5 -0
  4. package/dist/cjs/third-party/setting/SubifySubscriptionsApp.js +5 -0
  5. package/dist/esm/grid/components/Row.liquid.js +1 -1
  6. package/dist/esm/image/components/Image.liquid.js +6 -3
  7. package/dist/esm/third-party/setting/RechargeSubscriptions.js +5 -0
  8. package/dist/esm/third-party/setting/SubifySubscriptionsApp.js +5 -0
  9. package/dist/types/index.d.ts +2 -0
  10. 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/cjs/third-party/setting/RechargeSubscriptions.js CHANGED
@@ -47,6 +47,11 @@ const config = {
47
47
  type: 'input',
48
48
  default: ''
49
49
  },
50
+ {
51
+ id: 'productHandle',
52
+ type: 'product-handle',
53
+ hide: true
54
+ },
50
55
  {
51
56
  id: 'widgetType',
52
57
  label: 'Choose widget',
package/dist/cjs/third-party/setting/SubifySubscriptionsApp.js CHANGED
@@ -47,6 +47,11 @@ const config = {
47
47
  type: 'input',
48
48
  default: ''
49
49
  },
50
+ {
51
+ id: 'productHandle',
52
+ type: 'product-handle',
53
+ hide: true
54
+ },
50
55
  {
51
56
  id: 'install',
52
57
  type: 'open-link',
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/dist/esm/third-party/setting/RechargeSubscriptions.js CHANGED
@@ -43,6 +43,11 @@ const config = {
43
43
  type: 'input',
44
44
  default: ''
45
45
  },
46
+ {
47
+ id: 'productHandle',
48
+ type: 'product-handle',
49
+ hide: true
50
+ },
46
51
  {
47
52
  id: 'widgetType',
48
53
  label: 'Choose widget',
package/dist/esm/third-party/setting/SubifySubscriptionsApp.js CHANGED
@@ -43,6 +43,11 @@ const config = {
43
43
  type: 'input',
44
44
  default: ''
45
45
  },
46
+ {
47
+ id: 'productHandle',
48
+ type: 'product-handle',
49
+ hide: true
50
+ },
46
51
  {
47
52
  id: 'install',
48
53
  type: 'open-link',
package/dist/types/index.d.ts CHANGED
@@ -2457,6 +2457,7 @@ type RechargeSubscriptionsProps = BaseProps<{
2457
2457
  align?: ObjectDevices<AlignProp>;
2458
2458
  openApp?: any;
2459
2459
  install?: any;
2460
+ productHandle?: string;
2460
2461
  }>;
2461
2462
  declare const RechargeSubscriptions$1: React.FC<RechargeSubscriptionsProps>;
2462
2463
 
@@ -2987,6 +2988,7 @@ type SubifySubscriptionsAppProps = BaseProps<{
2987
2988
  install?: any;
2988
2989
  appBlockId?: string;
2989
2990
  widgetType?: string;
2991
+ productHandle?: string;
2990
2992
  }>;
2991
2993
  declare const SubifySubscriptionsApp$1: React.FC<SubifySubscriptionsAppProps>;
2992
2994
 
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.19",
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.19",
25
25
  "@gem-sdk/styles": "2.6.0-staging.13",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },