@payloadcms/richtext-lexical 4.0.0-internal.e55ccef → 4.0.0-internal.e7d4ebc

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 (6) hide show
  1. package/dist/exports/client/bundled.css +1 -1
  2. package/dist/features/toolbars/fixed/client/Toolbar/index.css +2 -4
  3. package/dist/field/bundled.css +1 -1
  4. package/dist/lexical/LexicalEditor.css +18 -20
  5. package/dist/lexical/ui/ContentEditable.css +16 -11
  6. package/package.json +5 -5
package/dist/lexical/LexicalEditor.css CHANGED
@@ -2,6 +2,8 @@
2
2
  .rich-text-lexical {
3
3
  .editor {
4
4
  position: relative;
5
+ --content-editable-padding-block-start: var(--spacer-3);
6
+ --content-editable-padding-inline-start: var(--spacer-3);
5
7
  }
6
8
 
7
9
  .editor-container {
@@ -17,7 +19,8 @@
17
19
 
18
20
  .LexicalEditorTheme__placeholder {
19
21
  position: absolute;
20
- top: var(--spacer-4);
22
+ top: var(--content-editable-padding-block-start);
23
+ inset-inline-start: var(--content-editable-padding-inline-start);
21
24
  color: var(--color-text-secondary);
22
25
  user-select: none;
23
26
  -webkit-user-select: none;
@@ -28,25 +31,20 @@
28
31
  }
29
32
  }
30
33
 
31
- .rich-text-lexical--show-gutter
32
- > .rich-text-lexical__wrap
33
- > .rich-text-lexical__editor-content
34
- > .editor-container
35
- > .editor-scroller
36
- > .editor
37
- > div
38
- > .LexicalEditorTheme__placeholder {
39
- inset-inline-start: var(--spacer-5);
40
- }
34
+ @media (min-width: 768px) {
35
+ .rich-text-lexical .editor {
36
+ --content-editable-padding-block-start: var(--spacer-4);
37
+ --content-editable-padding-inline-start: var(--spacer-5);
38
+ }
41
39
 
42
- .rich-text-lexical:not(.rich-text-lexical--show-gutter)
43
- > .rich-text-lexical__wrap
44
- > .rich-text-lexical__editor-content
45
- > .editor-container
46
- > .editor-scroller
47
- > .editor
48
- > div
49
- > .LexicalEditorTheme__placeholder {
50
- inset-inline-start: 0;
40
+ .rich-text-lexical:not(.rich-text-lexical--show-gutter)
41
+ > .rich-text-lexical__wrap
42
+ > .rich-text-lexical__editor-content
43
+ > .editor-container
44
+ > .editor-scroller
45
+ > .editor {
46
+ --content-editable-padding-block-start: var(--spacer-2);
47
+ --content-editable-padding-inline-start: 0px;
48
+ }
51
49
  }
52
50
  }
package/dist/lexical/ui/ContentEditable.css CHANGED
@@ -5,10 +5,10 @@
5
5
  position: relative;
6
6
  tab-size: 1;
7
7
  outline: 0;
8
- padding-top: var(--spacer-2);
9
- padding-bottom: var(--spacer-2);
10
- padding-inline-start: 0;
11
- padding-inline-end: 0;
8
+ padding: var(--spacer-3) var(--spacer-3);
9
+ /* Reserve space for the InsertParagraphAtEnd hover "+" affordance, which
10
+ overlaps this bottom padding; shrinking it would cover the last line. */
11
+ padding-bottom: var(--spacer-4);
12
12
 
13
13
  &:focus-visible {
14
14
  outline: none !important;
@@ -19,15 +19,20 @@
19
19
  }
20
20
  }
21
21
 
22
- .rich-text-lexical--show-gutter
23
- > .rich-text-lexical__wrap
24
- > .rich-text-lexical__editor-content
25
- > .editor-container
26
- > .editor-scroller
27
- > .editor {
28
- > .ContentEditable__root {
22
+ @media (min-width: 768px) {
23
+ .ContentEditable__root {
29
24
  padding: var(--spacer-4) var(--spacer-5);
30
25
  }
26
+
27
+ .rich-text-lexical:not(.rich-text-lexical--show-gutter)
28
+ > .rich-text-lexical__wrap
29
+ > .rich-text-lexical__editor-content
30
+ > .editor-container
31
+ > .editor-scroller
32
+ > .editor
33
+ > .ContentEditable__root {
34
+ padding: var(--spacer-2) 0;
35
+ }
31
36
  }
32
37
 
33
38
  html[data-theme='light'] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-lexical",
3
- "version": "4.0.0-internal.e55ccef",
3
+ "version": "4.0.0-internal.e7d4ebc",
4
4
  "description": "The officially supported Lexical richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -369,8 +369,8 @@
369
369
  "react-error-boundary": "6.1.1",
370
370
  "ts-essentials": "10.0.3",
371
371
  "uuid": "14.0.0",
372
- "@payloadcms/translations": "4.0.0-internal.e55ccef",
373
- "@payloadcms/ui": "4.0.0-internal.e55ccef"
372
+ "@payloadcms/ui": "4.0.0-internal.e7d4ebc",
373
+ "@payloadcms/translations": "4.0.0-internal.e7d4ebc"
374
374
  },
375
375
  "devDependencies": {
376
376
  "@babel/cli": "7.27.2",
@@ -390,14 +390,14 @@
390
390
  "esbuild-sass-plugin": "3.3.1",
391
391
  "swc-plugin-transform-remove-imports": "8.3.0",
392
392
  "@payloadcms/eslint-config": "3.28.0",
393
- "payload": "4.0.0-internal.e55ccef"
393
+ "payload": "4.0.0-internal.e7d4ebc"
394
394
  },
395
395
  "peerDependencies": {
396
396
  "@faceless-ui/modal": "3.0.1",
397
397
  "@faceless-ui/scroll-info": "2.0.0",
398
398
  "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
399
399
  "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
400
- "payload": "4.0.0-internal.e55ccef"
400
+ "payload": "4.0.0-internal.e7d4ebc"
401
401
  },
402
402
  "engines": {
403
403
  "node": ">=24.15.0"