@elementor/editor-canvas 3.33.0-126 → 3.33.0-128
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/index.js
CHANGED
|
@@ -851,10 +851,11 @@ function getValuesString(items, prop, defaultValue, preventUnification = false)
|
|
|
851
851
|
|
|
852
852
|
// src/transformers/styles/background-transformer.ts
|
|
853
853
|
var backgroundTransformer = createTransformer((value) => {
|
|
854
|
-
const { color = null, "background-overlay": overlays = null } = value;
|
|
854
|
+
const { color = null, "background-overlay": overlays = null, clip = null } = value;
|
|
855
855
|
return createMultiPropsValue({
|
|
856
856
|
...overlays,
|
|
857
|
-
"background-color": color
|
|
857
|
+
"background-color": color,
|
|
858
|
+
"background-clip": clip
|
|
858
859
|
});
|
|
859
860
|
});
|
|
860
861
|
|
package/dist/index.mjs
CHANGED
|
@@ -815,10 +815,11 @@ function getValuesString(items, prop, defaultValue, preventUnification = false)
|
|
|
815
815
|
|
|
816
816
|
// src/transformers/styles/background-transformer.ts
|
|
817
817
|
var backgroundTransformer = createTransformer((value) => {
|
|
818
|
-
const { color = null, "background-overlay": overlays = null } = value;
|
|
818
|
+
const { color = null, "background-overlay": overlays = null, clip = null } = value;
|
|
819
819
|
return createMultiPropsValue({
|
|
820
820
|
...overlays,
|
|
821
|
-
"background-color": color
|
|
821
|
+
"background-color": color,
|
|
822
|
+
"background-clip": clip
|
|
822
823
|
});
|
|
823
824
|
});
|
|
824
825
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-canvas",
|
|
3
3
|
"description": "Elementor Editor Canvas",
|
|
4
|
-
"version": "3.33.0-
|
|
4
|
+
"version": "3.33.0-128",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Elementor Team",
|
|
7
7
|
"homepage": "https://elementor.com/",
|
|
@@ -37,19 +37,19 @@
|
|
|
37
37
|
"react-dom": "^18.3.1"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@elementor/editor": "3.33.0-
|
|
41
|
-
"@elementor/editor-notifications": "3.33.0-
|
|
42
|
-
"@elementor/editor-documents": "3.33.0-
|
|
43
|
-
"@elementor/editor-elements": "3.33.0-
|
|
44
|
-
"@elementor/editor-props": "3.33.0-
|
|
45
|
-
"@elementor/editor-responsive": "3.33.0-
|
|
46
|
-
"@elementor/editor-styles": "3.33.0-
|
|
47
|
-
"@elementor/editor-styles-repository": "3.33.0-
|
|
48
|
-
"@elementor/editor-v1-adapters": "3.33.0-
|
|
49
|
-
"@elementor/twing": "3.33.0-
|
|
40
|
+
"@elementor/editor": "3.33.0-128",
|
|
41
|
+
"@elementor/editor-notifications": "3.33.0-128",
|
|
42
|
+
"@elementor/editor-documents": "3.33.0-128",
|
|
43
|
+
"@elementor/editor-elements": "3.33.0-128",
|
|
44
|
+
"@elementor/editor-props": "3.33.0-128",
|
|
45
|
+
"@elementor/editor-responsive": "3.33.0-128",
|
|
46
|
+
"@elementor/editor-styles": "3.33.0-128",
|
|
47
|
+
"@elementor/editor-styles-repository": "3.33.0-128",
|
|
48
|
+
"@elementor/editor-v1-adapters": "3.33.0-128",
|
|
49
|
+
"@elementor/twing": "3.33.0-128",
|
|
50
50
|
"@elementor/ui": "1.36.12",
|
|
51
|
-
"@elementor/utils": "3.33.0-
|
|
52
|
-
"@elementor/wp-media": "3.33.0-
|
|
51
|
+
"@elementor/utils": "3.33.0-128",
|
|
52
|
+
"@elementor/wp-media": "3.33.0-128",
|
|
53
53
|
"@floating-ui/react": "^0.27.5",
|
|
54
54
|
"@wordpress/i18n": "^5.13.0"
|
|
55
55
|
},
|
|
@@ -316,6 +316,7 @@ describe( 'styles prop resolver', () => {
|
|
|
316
316
|
props: {
|
|
317
317
|
background: backgroundPropTypeUtil.create( {
|
|
318
318
|
color: colorPropTypeUtil.create( '#000' ),
|
|
319
|
+
clip: stringPropTypeUtil.create( 'text' ),
|
|
319
320
|
'background-overlay': backgroundOverlayPropTypeUtil.create( [
|
|
320
321
|
backgroundColorOverlayPropTypeUtil.create( {
|
|
321
322
|
color: colorPropTypeUtil.create( 'blue' ),
|
|
@@ -370,6 +371,7 @@ describe( 'styles prop resolver', () => {
|
|
|
370
371
|
},
|
|
371
372
|
expected: {
|
|
372
373
|
'background-color': '#000',
|
|
374
|
+
'background-clip': 'text',
|
|
373
375
|
'background-attachment': 'scroll,scroll,scroll,fixed',
|
|
374
376
|
'background-image':
|
|
375
377
|
'linear-gradient(blue, blue),linear-gradient(yellow, yellow),url(thumbnail-image-url-123),url(medium_large-image-url-123)',
|
|
@@ -560,6 +562,7 @@ describe( 'styles prop resolver', () => {
|
|
|
560
562
|
props: {
|
|
561
563
|
background: backgroundPropTypeUtil.create( {
|
|
562
564
|
color: colorPropTypeUtil.create( '#000' ),
|
|
565
|
+
clip: stringPropTypeUtil.create( 'border-box' ),
|
|
563
566
|
'background-overlay': backgroundOverlayPropTypeUtil.create( [
|
|
564
567
|
backgroundImageOverlayPropTypeUtil.create( {
|
|
565
568
|
image: imagePropTypeUtil.create( {
|
|
@@ -581,6 +584,7 @@ describe( 'styles prop resolver', () => {
|
|
|
581
584
|
},
|
|
582
585
|
expected: {
|
|
583
586
|
'background-color': '#000',
|
|
587
|
+
'background-clip': 'border-box',
|
|
584
588
|
'background-image': 'url(original-image-url-123)',
|
|
585
589
|
'background-repeat': 'repeat',
|
|
586
590
|
'background-size': '1400px auto',
|
|
@@ -5,13 +5,15 @@ import { type BackgroundOverlayTransformed } from './background-overlay-transfor
|
|
|
5
5
|
type Background = {
|
|
6
6
|
'background-overlay'?: BackgroundOverlayTransformed;
|
|
7
7
|
color?: string;
|
|
8
|
+
clip?: 'border-box' | 'padding-box' | 'content-box' | 'text' | null;
|
|
8
9
|
};
|
|
9
10
|
|
|
10
11
|
export const backgroundTransformer = createTransformer( ( value: Background ) => {
|
|
11
|
-
const { color = null, 'background-overlay': overlays = null } = value;
|
|
12
|
+
const { color = null, 'background-overlay': overlays = null, clip = null } = value;
|
|
12
13
|
|
|
13
14
|
return createMultiPropsValue( {
|
|
14
15
|
...overlays,
|
|
15
16
|
'background-color': color,
|
|
17
|
+
'background-clip': clip,
|
|
16
18
|
} );
|
|
17
19
|
} );
|