@gem-sdk/core 2.0.0-dev.726 → 2.0.0-dev.733
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.
|
@@ -95,7 +95,7 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
95
95
|
};
|
|
96
96
|
const getStyleBgPosition = (background)=>{
|
|
97
97
|
const bgPosition = {
|
|
98
|
-
desktop: getBgPositionByDevice(background, 'desktop'),
|
|
98
|
+
desktop: getBgPositionByDevice(background, 'desktop') || '50% 50%',
|
|
99
99
|
tablet: getBgPositionByDevice(background, 'tablet'),
|
|
100
100
|
mobile: getBgPositionByDevice(background, 'mobile')
|
|
101
101
|
};
|
|
@@ -107,7 +107,7 @@ const getBgPositionByDevice = (background, device)=>{
|
|
|
107
107
|
};
|
|
108
108
|
const getStyleBgSize = (background)=>{
|
|
109
109
|
const bgSize = {
|
|
110
|
-
desktop: getBgSizeByDevice(background, 'desktop'),
|
|
110
|
+
desktop: getBgSizeByDevice(background, 'desktop') || 'cover',
|
|
111
111
|
tablet: getBgSizeByDevice(background, 'tablet'),
|
|
112
112
|
mobile: getBgSizeByDevice(background, 'mobile')
|
|
113
113
|
};
|
|
@@ -118,7 +118,7 @@ const getBgSizeByDevice = (background, device)=>{
|
|
|
118
118
|
};
|
|
119
119
|
const getStyleBgRepeat = (background)=>{
|
|
120
120
|
const bgRepeat = {
|
|
121
|
-
desktop: getBgRepeatByDevice(background, 'desktop'),
|
|
121
|
+
desktop: getBgRepeatByDevice(background, 'desktop') || 'no-repeat',
|
|
122
122
|
tablet: getBgRepeatByDevice(background, 'tablet'),
|
|
123
123
|
mobile: getBgRepeatByDevice(background, 'mobile')
|
|
124
124
|
};
|
|
@@ -269,7 +269,12 @@ const getBgByDevice = (data)=>{
|
|
|
269
269
|
});
|
|
270
270
|
}
|
|
271
271
|
});
|
|
272
|
-
return
|
|
272
|
+
return {
|
|
273
|
+
...bgrStyle,
|
|
274
|
+
...getStyleBgPosition(backgroundImage),
|
|
275
|
+
...getStyleBgSize(backgroundImage),
|
|
276
|
+
...getStyleBgRepeat(backgroundImage)
|
|
277
|
+
};
|
|
273
278
|
};
|
|
274
279
|
|
|
275
280
|
exports.GRADIENT_BGR_KEY = GRADIENT_BGR_KEY;
|
|
@@ -93,7 +93,7 @@ const getBgImageByDevice = (background, device, options)=>{
|
|
|
93
93
|
};
|
|
94
94
|
const getStyleBgPosition = (background)=>{
|
|
95
95
|
const bgPosition = {
|
|
96
|
-
desktop: getBgPositionByDevice(background, 'desktop'),
|
|
96
|
+
desktop: getBgPositionByDevice(background, 'desktop') || '50% 50%',
|
|
97
97
|
tablet: getBgPositionByDevice(background, 'tablet'),
|
|
98
98
|
mobile: getBgPositionByDevice(background, 'mobile')
|
|
99
99
|
};
|
|
@@ -105,7 +105,7 @@ const getBgPositionByDevice = (background, device)=>{
|
|
|
105
105
|
};
|
|
106
106
|
const getStyleBgSize = (background)=>{
|
|
107
107
|
const bgSize = {
|
|
108
|
-
desktop: getBgSizeByDevice(background, 'desktop'),
|
|
108
|
+
desktop: getBgSizeByDevice(background, 'desktop') || 'cover',
|
|
109
109
|
tablet: getBgSizeByDevice(background, 'tablet'),
|
|
110
110
|
mobile: getBgSizeByDevice(background, 'mobile')
|
|
111
111
|
};
|
|
@@ -116,7 +116,7 @@ const getBgSizeByDevice = (background, device)=>{
|
|
|
116
116
|
};
|
|
117
117
|
const getStyleBgRepeat = (background)=>{
|
|
118
118
|
const bgRepeat = {
|
|
119
|
-
desktop: getBgRepeatByDevice(background, 'desktop'),
|
|
119
|
+
desktop: getBgRepeatByDevice(background, 'desktop') || 'no-repeat',
|
|
120
120
|
tablet: getBgRepeatByDevice(background, 'tablet'),
|
|
121
121
|
mobile: getBgRepeatByDevice(background, 'mobile')
|
|
122
122
|
};
|
|
@@ -267,7 +267,12 @@ const getBgByDevice = (data)=>{
|
|
|
267
267
|
});
|
|
268
268
|
}
|
|
269
269
|
});
|
|
270
|
-
return
|
|
270
|
+
return {
|
|
271
|
+
...bgrStyle,
|
|
272
|
+
...getStyleBgPosition(backgroundImage),
|
|
273
|
+
...getStyleBgSize(backgroundImage),
|
|
274
|
+
...getStyleBgRepeat(backgroundImage)
|
|
275
|
+
};
|
|
271
276
|
};
|
|
272
277
|
|
|
273
278
|
export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgByDevice, getBgImageByDevice, getBgVideoByDevice, getColor, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, getStyleBgColor, makeFixedBgAttachment };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -37695,7 +37695,17 @@ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devi
|
|
|
37695
37695
|
declare const getBgByDevice: (data: {
|
|
37696
37696
|
backgroundColor: Partial<Record<Devices, string>> | undefined;
|
|
37697
37697
|
backgroundImage: Partial<Record<Devices, BackgroundImageValue>> | undefined;
|
|
37698
|
-
}) => {
|
|
37698
|
+
}) => {
|
|
37699
|
+
"--bgr": string;
|
|
37700
|
+
"--bgr-tablet": string;
|
|
37701
|
+
"--bgr-mobile": string;
|
|
37702
|
+
"--bgs": string;
|
|
37703
|
+
"--bgs-tablet": string;
|
|
37704
|
+
"--bgs-mobile": string;
|
|
37705
|
+
"--bgp": string;
|
|
37706
|
+
"--bgp-tablet": string;
|
|
37707
|
+
"--bgp-mobile": string;
|
|
37708
|
+
} | undefined;
|
|
37699
37709
|
|
|
37700
37710
|
type Options = {
|
|
37701
37711
|
liquid?: boolean;
|