@gem-sdk/components 2.5.2 → 2.5.3-staging.1
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.
- package/dist/cjs/banner/components/hero-banner/index.liquid.js +13 -2
- package/dist/cjs/banner/setting/HeroBanner.js +50 -6
- package/dist/cjs/banner/setting/presets/heroBanner1ColPreSalesPage.js +134 -0
- package/dist/cjs/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +154 -0
- package/dist/cjs/banner/setting/presets/heroBannerContentRightPreSalesPage.js +162 -0
- package/dist/cjs/banner/setting/presets/heroBannerParallaxPreSalesPage.js +134 -0
- package/dist/cjs/banner/setting/presets/heroBannerVideoPreSalesPage.js +130 -0
- package/dist/cjs/button/components/Button.liquid.js +11 -2
- package/dist/cjs/button/setting/Button.js +112 -5
- package/dist/cjs/constants.js +5 -0
- package/dist/cjs/icon/components/Icon.liquid.js +10 -2
- package/dist/cjs/icon/setting/Icon.js +69 -5
- package/dist/cjs/image/components/Image.liquid.js +12 -3
- package/dist/cjs/image/setting/Image.js +207 -16
- package/dist/cjs/product/setting/product-image-v2/ProductFeatureImage.js +11 -6
- package/dist/esm/banner/components/hero-banner/index.liquid.js +13 -2
- package/dist/esm/banner/setting/HeroBanner.js +50 -6
- package/dist/esm/banner/setting/presets/heroBanner1ColPreSalesPage.js +132 -0
- package/dist/esm/banner/setting/presets/heroBannerContentLeftPreSalesPage.js +152 -0
- package/dist/esm/banner/setting/presets/heroBannerContentRightPreSalesPage.js +160 -0
- package/dist/esm/banner/setting/presets/heroBannerParallaxPreSalesPage.js +132 -0
- package/dist/esm/banner/setting/presets/heroBannerVideoPreSalesPage.js +128 -0
- package/dist/esm/button/components/Button.liquid.js +11 -2
- package/dist/esm/button/setting/Button.js +112 -5
- package/dist/esm/constants.js +3 -0
- package/dist/esm/icon/components/Icon.liquid.js +10 -2
- package/dist/esm/icon/setting/Icon.js +69 -5
- package/dist/esm/image/components/Image.liquid.js +12 -3
- package/dist/esm/image/setting/Image.js +207 -16
- package/dist/esm/product/setting/product-image-v2/ProductFeatureImage.js +11 -6
- package/dist/types/index.d.ts +25 -0
- package/package.json +2 -2
package/dist/types/index.d.ts
CHANGED
|
@@ -117,6 +117,7 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
|
|
|
117
117
|
translate?: string;
|
|
118
118
|
/** SVG icon */
|
|
119
119
|
iconSvg?: string;
|
|
120
|
+
isGoToSalesPage?: boolean;
|
|
120
121
|
btnLink?: {
|
|
121
122
|
link?: string;
|
|
122
123
|
target?: string;
|
|
@@ -132,6 +133,7 @@ type ButtonProps = MixedProps$6 & BasePropsWrap<{
|
|
|
132
133
|
shouldClearSpace?: boolean;
|
|
133
134
|
disabledLoading?: boolean;
|
|
134
135
|
innerBorder?: boolean;
|
|
136
|
+
linkedToPreSalesPageBanner?: boolean;
|
|
135
137
|
}, {
|
|
136
138
|
type?: 'primary' | 'secondary';
|
|
137
139
|
/** */
|
|
@@ -448,6 +450,9 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
|
|
|
448
450
|
};
|
|
449
451
|
hoverEffect?: string;
|
|
450
452
|
isNotLazyload?: boolean;
|
|
453
|
+
disableNoDataState?: boolean;
|
|
454
|
+
isGoToSalesPage?: boolean;
|
|
455
|
+
linkedToPreSalesPageBanner?: boolean;
|
|
451
456
|
} & Pick<AdaptiveImageProps, 'srcSet'>;
|
|
452
457
|
type ImageStyleSetting$1 = {
|
|
453
458
|
shape?: ObjectDevices<SizeSettingGlobal>;
|
|
@@ -981,6 +986,8 @@ type IconProps$1 = {
|
|
|
981
986
|
target?: string;
|
|
982
987
|
title?: string;
|
|
983
988
|
};
|
|
989
|
+
isGoToSalesPage?: boolean;
|
|
990
|
+
linkedToPreSalesPageBanner?: boolean;
|
|
984
991
|
}, {
|
|
985
992
|
/**
|
|
986
993
|
Set height icon
|
|
@@ -3612,6 +3619,8 @@ type Setting$6 = {
|
|
|
3612
3619
|
title?: string;
|
|
3613
3620
|
aspectRatio?: ObjectDevices<string>;
|
|
3614
3621
|
ratioOptions?: ObjectDevices<Ratio>;
|
|
3622
|
+
isGoToSalesPage?: boolean;
|
|
3623
|
+
linkedToPreSalesPageBanner?: boolean;
|
|
3615
3624
|
} & Pick<NonNullable<RowProps$1['setting']>, 'layout' | 'horizontalAlign'>;
|
|
3616
3625
|
type Styles$2 = {
|
|
3617
3626
|
height?: ObjectDevices<string>;
|
|
@@ -5454,6 +5463,7 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
|
|
|
5454
5463
|
label?: React.ReactNode;
|
|
5455
5464
|
translate?: string | undefined;
|
|
5456
5465
|
iconSvg?: string | undefined;
|
|
5466
|
+
isGoToSalesPage?: boolean | undefined;
|
|
5457
5467
|
btnLink?: {
|
|
5458
5468
|
link?: string | undefined;
|
|
5459
5469
|
target?: string | undefined;
|
|
@@ -5467,6 +5477,7 @@ declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, adv
|
|
|
5467
5477
|
shouldClearSpace?: boolean | undefined;
|
|
5468
5478
|
disabledLoading?: boolean | undefined;
|
|
5469
5479
|
innerBorder?: boolean | undefined;
|
|
5480
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5470
5481
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
5471
5482
|
type?: "primary" | "secondary" | undefined;
|
|
5472
5483
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5559,6 +5570,7 @@ type IconProps = {
|
|
|
5559
5570
|
target?: string;
|
|
5560
5571
|
title?: string;
|
|
5561
5572
|
};
|
|
5573
|
+
isGoToSalesPage?: boolean;
|
|
5562
5574
|
}, {
|
|
5563
5575
|
/**
|
|
5564
5576
|
Set height icon
|
|
@@ -5720,6 +5732,7 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5720
5732
|
label?: React.ReactNode;
|
|
5721
5733
|
translate?: string | undefined;
|
|
5722
5734
|
iconSvg?: string | undefined;
|
|
5735
|
+
isGoToSalesPage?: boolean | undefined;
|
|
5723
5736
|
btnLink?: {
|
|
5724
5737
|
link?: string | undefined;
|
|
5725
5738
|
target?: string | undefined;
|
|
@@ -5733,6 +5746,7 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5733
5746
|
shouldClearSpace?: boolean | undefined;
|
|
5734
5747
|
disabledLoading?: boolean | undefined;
|
|
5735
5748
|
innerBorder?: boolean | undefined;
|
|
5749
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5736
5750
|
}, "iconSvg" | "iconAlign" | "iconVisible">, {
|
|
5737
5751
|
type?: "primary" | "secondary" | undefined;
|
|
5738
5752
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5891,6 +5905,7 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
|
|
|
5891
5905
|
label?: React.ReactNode;
|
|
5892
5906
|
translate?: string | undefined;
|
|
5893
5907
|
iconSvg?: string | undefined;
|
|
5908
|
+
isGoToSalesPage?: boolean | undefined;
|
|
5894
5909
|
btnLink?: {
|
|
5895
5910
|
link?: string | undefined;
|
|
5896
5911
|
target?: string | undefined;
|
|
@@ -5904,6 +5919,7 @@ declare const DynamicCheckout: ({ builderProps, styles, advanced, setting, pageC
|
|
|
5904
5919
|
shouldClearSpace?: boolean | undefined;
|
|
5905
5920
|
disabledLoading?: boolean | undefined;
|
|
5906
5921
|
innerBorder?: boolean | undefined;
|
|
5922
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5907
5923
|
}, "iconSvg" | "iconAlign" | "iconVisible">, {
|
|
5908
5924
|
type?: "primary" | "secondary" | undefined;
|
|
5909
5925
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -5983,6 +5999,7 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
|
|
|
5983
5999
|
label?: React.ReactNode;
|
|
5984
6000
|
translate?: string | undefined;
|
|
5985
6001
|
iconSvg?: string | undefined;
|
|
6002
|
+
isGoToSalesPage?: boolean | undefined;
|
|
5986
6003
|
btnLink?: {
|
|
5987
6004
|
link?: string | undefined;
|
|
5988
6005
|
target?: string | undefined;
|
|
@@ -5996,6 +6013,7 @@ declare const ProductViewMore: ({ setting, builderProps, builderAttrs, style, st
|
|
|
5996
6013
|
shouldClearSpace?: boolean | undefined;
|
|
5997
6014
|
disabledLoading?: boolean | undefined;
|
|
5998
6015
|
innerBorder?: boolean | undefined;
|
|
6016
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
5999
6017
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
6000
6018
|
type?: "primary" | "secondary" | undefined;
|
|
6001
6019
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
|
@@ -6320,6 +6338,9 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
|
|
|
6320
6338
|
} | undefined;
|
|
6321
6339
|
hoverEffect?: string | undefined;
|
|
6322
6340
|
isNotLazyload?: boolean | undefined;
|
|
6341
|
+
disableNoDataState?: boolean | undefined;
|
|
6342
|
+
isGoToSalesPage?: boolean | undefined;
|
|
6343
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6323
6344
|
} & Pick<AdaptiveImageProps, "srcSet">, {
|
|
6324
6345
|
shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
6325
6346
|
customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
|
|
@@ -6422,6 +6443,8 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
|
|
|
6422
6443
|
title?: string | undefined;
|
|
6423
6444
|
aspectRatio?: Partial<Record<NameDevices, string>> | undefined;
|
|
6424
6445
|
ratioOptions?: Partial<Record<NameDevices, _gem_sdk_core.Ratio>> | undefined;
|
|
6446
|
+
isGoToSalesPage?: boolean | undefined;
|
|
6447
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6425
6448
|
} & Pick<{
|
|
6426
6449
|
responsive?: Partial<Record<NameDevices, string>> | undefined;
|
|
6427
6450
|
layout?: Partial<Record<NameDevices, _gem_sdk_core.ObjectLayoutValue>> | undefined;
|
|
@@ -6548,6 +6571,7 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
|
|
|
6548
6571
|
label?: React.ReactNode;
|
|
6549
6572
|
translate?: string | undefined;
|
|
6550
6573
|
iconSvg?: string | undefined;
|
|
6574
|
+
isGoToSalesPage?: boolean | undefined;
|
|
6551
6575
|
btnLink?: {
|
|
6552
6576
|
link?: string | undefined;
|
|
6553
6577
|
target?: string | undefined;
|
|
@@ -6561,6 +6585,7 @@ declare const SubmitButton: ({ setting, builderProps, builderAttrs, style, style
|
|
|
6561
6585
|
shouldClearSpace?: boolean | undefined;
|
|
6562
6586
|
disabledLoading?: boolean | undefined;
|
|
6563
6587
|
innerBorder?: boolean | undefined;
|
|
6588
|
+
linkedToPreSalesPageBanner?: boolean | undefined;
|
|
6564
6589
|
}, "iconSvg" | "iconAlign" | "iconVisible" | "shouldClearSpace">, {
|
|
6565
6590
|
type?: "primary" | "secondary" | undefined;
|
|
6566
6591
|
roundedBtn?: Partial<Record<_gem_sdk_core.StateType, _gem_sdk_core.CornerRadius>> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.3-staging.1",
|
|
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.
|
|
24
|
+
"@gem-sdk/core": "2.5.3-staging.1",
|
|
25
25
|
"@gem-sdk/styles": "2.4.8",
|
|
26
26
|
"@types/react-transition-group": "^4.4.5"
|
|
27
27
|
},
|