@elementor/editor-controls 4.4.0-1064 → 4.4.0-1066
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 +15 -13
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +16 -16
- package/src/components/inline-editor-toolbar.tsx +4 -2
- package/src/controls/inline-editing-control.tsx +9 -9
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/editor-controls",
|
|
3
3
|
"description": "This package contains the controls model and utils for the Elementor editor",
|
|
4
|
-
"version": "4.4.0-
|
|
4
|
+
"version": "4.4.0-1066",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Elementor Team",
|
|
7
7
|
"homepage": "https://elementor.com/",
|
|
@@ -40,23 +40,23 @@
|
|
|
40
40
|
"dev": "tsup --config=../../tsup.dev.ts"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@elementor/editor-current-user": "4.4.0-
|
|
44
|
-
"@elementor/editor-elements": "4.4.0-
|
|
45
|
-
"@elementor/editor-props": "4.4.0-
|
|
46
|
-
"@elementor/editor-responsive": "4.4.0-
|
|
47
|
-
"@elementor/editor-ui": "4.4.0-
|
|
48
|
-
"@elementor/editor-v1-adapters": "4.4.0-
|
|
49
|
-
"@elementor/env": "4.4.0-
|
|
50
|
-
"@elementor/events": "4.4.0-
|
|
51
|
-
"@elementor/http-client": "4.4.0-
|
|
43
|
+
"@elementor/editor-current-user": "4.4.0-1066",
|
|
44
|
+
"@elementor/editor-elements": "4.4.0-1066",
|
|
45
|
+
"@elementor/editor-props": "4.4.0-1066",
|
|
46
|
+
"@elementor/editor-responsive": "4.4.0-1066",
|
|
47
|
+
"@elementor/editor-ui": "4.4.0-1066",
|
|
48
|
+
"@elementor/editor-v1-adapters": "4.4.0-1066",
|
|
49
|
+
"@elementor/env": "4.4.0-1066",
|
|
50
|
+
"@elementor/events": "4.4.0-1066",
|
|
51
|
+
"@elementor/http-client": "4.4.0-1066",
|
|
52
52
|
"@elementor/icons": "~1.75.1",
|
|
53
|
-
"@elementor/locations": "4.4.0-
|
|
54
|
-
"@elementor/query": "4.4.0-
|
|
55
|
-
"@elementor/schema": "4.4.0-
|
|
56
|
-
"@elementor/session": "4.4.0-
|
|
53
|
+
"@elementor/locations": "4.4.0-1066",
|
|
54
|
+
"@elementor/query": "4.4.0-1066",
|
|
55
|
+
"@elementor/schema": "4.4.0-1066",
|
|
56
|
+
"@elementor/session": "4.4.0-1066",
|
|
57
57
|
"@elementor/ui": "1.37.5",
|
|
58
|
-
"@elementor/utils": "4.4.0-
|
|
59
|
-
"@elementor/wp-media": "4.4.0-
|
|
58
|
+
"@elementor/utils": "4.4.0-1066",
|
|
59
|
+
"@elementor/wp-media": "4.4.0-1066",
|
|
60
60
|
"@monaco-editor/react": "^4.7.0",
|
|
61
61
|
"@tiptap/extension-bold": "^3.11.1",
|
|
62
62
|
"@tiptap/extension-document": "^3.11.1",
|
|
@@ -134,11 +134,14 @@ export const InlineEditorToolbar = ( {
|
|
|
134
134
|
boxShadow: 'none',
|
|
135
135
|
borderWidth: '0',
|
|
136
136
|
borderBottom: '1px solid',
|
|
137
|
-
borderBottomColor:
|
|
137
|
+
borderBottomColor: ( theme: Theme ) => theme.palette.text.secondary,
|
|
138
138
|
borderRadius: '0',
|
|
139
139
|
position: 'absolute',
|
|
140
140
|
top: '0',
|
|
141
141
|
left: '0',
|
|
142
|
+
'&, & .MuiIconButton-root, & .MuiToggleButton-root': {
|
|
143
|
+
color: ( theme: Theme ) => theme.palette.text.primary,
|
|
144
|
+
},
|
|
142
145
|
} ),
|
|
143
146
|
} }
|
|
144
147
|
>
|
|
@@ -172,7 +175,6 @@ export const InlineEditorToolbar = ( {
|
|
|
172
175
|
'& svg': {
|
|
173
176
|
width: '0.7rem',
|
|
174
177
|
height: '0.7rem',
|
|
175
|
-
fill: 'black',
|
|
176
178
|
},
|
|
177
179
|
} ),
|
|
178
180
|
} }
|
|
@@ -40,28 +40,28 @@ export const InlineEditingControl = createControl( ( { sx, attributes, props, co
|
|
|
40
40
|
<InlineEditorToolbar
|
|
41
41
|
editor={ editor }
|
|
42
42
|
elementId={ elementId }
|
|
43
|
-
sx={ {
|
|
43
|
+
sx={ ( theme: Theme ) => ( {
|
|
44
44
|
boxShadow: 'none',
|
|
45
45
|
border: '1px solid',
|
|
46
|
-
borderColor:
|
|
46
|
+
borderColor: theme.palette.text.secondary,
|
|
47
47
|
mb: 0.5,
|
|
48
|
-
} }
|
|
48
|
+
} ) }
|
|
49
49
|
inControlPanel={ true }
|
|
50
50
|
/>
|
|
51
51
|
) }
|
|
52
52
|
<Box
|
|
53
|
-
sx={ {
|
|
53
|
+
sx={ ( theme: Theme ) => ( {
|
|
54
54
|
p: 0.8,
|
|
55
55
|
border: '1px solid',
|
|
56
|
-
borderColor:
|
|
56
|
+
borderColor: theme.palette.text.secondary,
|
|
57
57
|
borderRadius: '8px',
|
|
58
58
|
transition: 'border-color .2s ease, box-shadow .2s ease',
|
|
59
59
|
'&:hover': {
|
|
60
|
-
borderColor:
|
|
60
|
+
borderColor: theme.palette.text.primary,
|
|
61
61
|
},
|
|
62
62
|
'&:focus-within': {
|
|
63
|
-
borderColor:
|
|
64
|
-
boxShadow:
|
|
63
|
+
borderColor: theme.palette.text.primary,
|
|
64
|
+
boxShadow: `0 0 0 1px ${ theme.palette.text.primary }`,
|
|
65
65
|
},
|
|
66
66
|
'& .ProseMirror:focus': {
|
|
67
67
|
outline: 'none',
|
|
@@ -88,7 +88,7 @@ export const InlineEditingControl = createControl( ( { sx, attributes, props, co
|
|
|
88
88
|
all: 'unset',
|
|
89
89
|
},
|
|
90
90
|
...sx,
|
|
91
|
-
} }
|
|
91
|
+
} ) }
|
|
92
92
|
{ ...attributes }
|
|
93
93
|
{ ...props }
|
|
94
94
|
>
|