@elementor/editor-controls 3.35.0-339 → 3.35.0-341

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 (9) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +17 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +26 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +15 -15
  8. package/src/components/inline-editor-toolbar.tsx +25 -3
  9. package/src/utils/size-control.ts +1 -1
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": "3.35.0-339",
4
+ "version": "3.35.0-341",
5
5
  "private": false,
6
6
  "author": "Elementor Team",
7
7
  "homepage": "https://elementor.com/",
@@ -40,22 +40,22 @@
40
40
  "dev": "tsup --config=../../tsup.dev.ts"
41
41
  },
42
42
  "dependencies": {
43
- "@elementor/editor-current-user": "3.35.0-339",
44
- "@elementor/editor-elements": "3.35.0-339",
45
- "@elementor/editor-props": "3.35.0-339",
46
- "@elementor/editor-responsive": "3.35.0-339",
47
- "@elementor/editor-ui": "3.35.0-339",
48
- "@elementor/editor-v1-adapters": "3.35.0-339",
49
- "@elementor/env": "3.35.0-339",
50
- "@elementor/http-client": "3.35.0-339",
43
+ "@elementor/editor-current-user": "3.35.0-341",
44
+ "@elementor/editor-elements": "3.35.0-341",
45
+ "@elementor/editor-props": "3.35.0-341",
46
+ "@elementor/editor-responsive": "3.35.0-341",
47
+ "@elementor/editor-ui": "3.35.0-341",
48
+ "@elementor/editor-v1-adapters": "3.35.0-341",
49
+ "@elementor/env": "3.35.0-341",
50
+ "@elementor/http-client": "3.35.0-341",
51
51
  "@elementor/icons": "^1.62.0",
52
- "@elementor/locations": "3.35.0-339",
53
- "@elementor/mixpanel": "3.35.0-339",
54
- "@elementor/query": "3.35.0-339",
55
- "@elementor/session": "3.35.0-339",
52
+ "@elementor/locations": "3.35.0-341",
53
+ "@elementor/mixpanel": "3.35.0-341",
54
+ "@elementor/query": "3.35.0-341",
55
+ "@elementor/session": "3.35.0-341",
56
56
  "@elementor/ui": "1.36.17",
57
- "@elementor/utils": "3.35.0-339",
58
- "@elementor/wp-media": "3.35.0-339",
57
+ "@elementor/utils": "3.35.0-341",
58
+ "@elementor/wp-media": "3.35.0-341",
59
59
  "@wordpress/i18n": "^5.13.0",
60
60
  "@monaco-editor/react": "^4.7.0",
61
61
  "dayjs": "^1.11.18",
package/src/components/inline-editor-toolbar.tsx CHANGED
@@ -10,7 +10,15 @@ import {
10
10
  SuperscriptIcon,
11
11
  UnderlineIcon,
12
12
  } from '@elementor/icons';
13
- import { Box, IconButton, ToggleButton, ToggleButtonGroup, Tooltip, usePopupState } from '@elementor/ui';
13
+ import {
14
+ Box,
15
+ IconButton,
16
+ ToggleButton,
17
+ ToggleButtonGroup,
18
+ toggleButtonGroupClasses,
19
+ Tooltip,
20
+ usePopupState,
21
+ } from '@elementor/ui';
14
22
  import { type Editor, useEditorState } from '@tiptap/react';
15
23
  import { __ } from '@wordpress/i18n';
16
24
 
@@ -142,18 +150,19 @@ export const InlineEditorToolbar = ( { editor }: InlineEditorToolbarProps ) => {
142
150
  ref={ toolbarRef }
143
151
  sx={ {
144
152
  position: 'absolute',
153
+ left: 0,
145
154
  top: -40,
146
155
  display: 'inline-flex',
147
156
  gap: 0.5,
148
157
  padding: 0.5,
149
- borderRadius: 1,
158
+ borderRadius: '8px',
150
159
  backgroundColor: 'background.paper',
151
160
  boxShadow: '0 2px 8px rgba(0, 0, 0, 0.2)',
152
161
  alignItems: 'center',
153
162
  visibility: popupState.isOpen ? 'hidden' : 'visible',
154
163
  } }
155
164
  >
156
- <Tooltip title={ clearButton.label } placement="top">
165
+ <Tooltip title={ clearButton.label } placement="top" sx={ { borderRadius: '8px' } }>
157
166
  <IconButton aria-label={ clearButton.label } onClick={ () => clearButton.method( editor ) } size="tiny">
158
167
  { clearButton.icon }
159
168
  </IconButton>
@@ -164,6 +173,19 @@ export const InlineEditorToolbar = ( { editor }: InlineEditorToolbarProps ) => {
164
173
  sx={ {
165
174
  display: 'flex',
166
175
  gap: 0.5,
176
+ border: 'none',
177
+ [ `& .${ toggleButtonGroupClasses.firstButton }, & .${ toggleButtonGroupClasses.middleButton }, & .${ toggleButtonGroupClasses.lastButton }` ]:
178
+ {
179
+ borderRadius: '8px',
180
+ border: 'none',
181
+ marginLeft: 0,
182
+ '&.Mui-selected': {
183
+ marginLeft: 0,
184
+ },
185
+ '& + &.Mui-selected': {
186
+ marginLeft: 0,
187
+ },
188
+ },
167
189
  } }
168
190
  >
169
191
  { formatButtonsList.map( ( button ) => (
package/src/utils/size-control.ts CHANGED
@@ -1,4 +1,4 @@
1
- export const lengthUnits = [ 'px', '%', 'em', 'rem', 'vw', 'vh' ] as const;
1
+ export const lengthUnits = [ 'px', '%', 'em', 'rem', 'vw', 'vh', 'ch' ] as const;
2
2
  export const angleUnits = [ 'deg', 'rad', 'grad', 'turn' ] as const;
3
3
  export const timeUnits = [ 's', 'ms' ] as const;
4
4
  const defaultExtendedOptions = [ 'auto', 'custom' ] as const;