@byline/richtext-lexical 6.10.1 → 6.11.0

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 (59) hide show
  1. package/dist/field/content-editable.css +22 -18
  2. package/dist/field/editor-component.css +33 -29
  3. package/dist/field/editor.css +1218 -1214
  4. package/dist/field/extensions/admonition/admonition-modal.css +20 -16
  5. package/dist/field/extensions/admonition/admonition-node.css +114 -110
  6. package/dist/field/extensions/admonition/icons/danger-icon.css +13 -9
  7. package/dist/field/extensions/admonition/icons/note-icon.css +13 -9
  8. package/dist/field/extensions/admonition/icons/tip-icon.css +13 -9
  9. package/dist/field/extensions/admonition/icons/warning-icon.css +13 -9
  10. package/dist/field/extensions/auto-embed/auto-embed-modal.css +14 -10
  11. package/dist/field/extensions/floating-text-format/index.css +130 -126
  12. package/dist/field/extensions/inline-image/inline-image-modal.css +120 -116
  13. package/dist/field/extensions/inline-image/inline-image-node-component.css +243 -239
  14. package/dist/field/extensions/layout/insert-layout-modal.css +16 -12
  15. package/dist/field/extensions/link/floating-link-editor.css +113 -109
  16. package/dist/field/extensions/link/link-target-fields.css +61 -57
  17. package/dist/field/normalize/adapted-notice.css +2 -4
  18. package/dist/field/plugins/table-plugin/table-modal.css +17 -13
  19. package/dist/field/themes/lexical-editor-theme.css +471 -467
  20. package/dist/field/ui/button.css +28 -24
  21. package/dist/field/ui/checkbox.css +43 -39
  22. package/dist/field/ui/color-picker.css +69 -65
  23. package/dist/field/ui/dialog.css +18 -14
  24. package/dist/field/ui/input.css +23 -19
  25. package/dist/field/ui/modal.css +66 -62
  26. package/dist/field/ui/placeholder.css +25 -21
  27. package/dist/field/ui/select.css +32 -28
  28. package/dist/field/ui/text-area.css +29 -25
  29. package/dist/richtext-field_module.css +21 -17
  30. package/package.json +6 -6
  31. package/src/field/content-editable.css +31 -17
  32. package/src/field/editor-component.css +56 -40
  33. package/src/field/editor.css +1248 -1232
  34. package/src/field/extensions/admonition/admonition-modal.css +32 -16
  35. package/src/field/extensions/admonition/admonition-node.css +105 -89
  36. package/src/field/extensions/admonition/icons/danger-icon.css +25 -9
  37. package/src/field/extensions/admonition/icons/note-icon.css +25 -9
  38. package/src/field/extensions/admonition/icons/tip-icon.css +25 -9
  39. package/src/field/extensions/admonition/icons/warning-icon.css +25 -9
  40. package/src/field/extensions/auto-embed/auto-embed-modal.css +25 -9
  41. package/src/field/extensions/floating-text-format/index.css +142 -126
  42. package/src/field/extensions/inline-image/inline-image-modal.css +144 -128
  43. package/src/field/extensions/inline-image/inline-image-node-component.css +258 -242
  44. package/src/field/extensions/layout/insert-layout-modal.css +28 -12
  45. package/src/field/extensions/link/floating-link-editor.css +129 -113
  46. package/src/field/extensions/link/link-target-fields.css +68 -52
  47. package/src/field/normalize/adapted-notice.css +5 -4
  48. package/src/field/plugins/table-plugin/table-modal.css +29 -13
  49. package/src/field/themes/lexical-editor-theme.css +508 -494
  50. package/src/field/ui/button.css +46 -30
  51. package/src/field/ui/checkbox.css +62 -46
  52. package/src/field/ui/color-picker.css +89 -73
  53. package/src/field/ui/dialog.css +30 -14
  54. package/src/field/ui/input.css +38 -22
  55. package/src/field/ui/modal.css +81 -65
  56. package/src/field/ui/placeholder.css +36 -20
  57. package/src/field/ui/select.css +46 -30
  58. package/src/field/ui/text-area.css +45 -29
  59. package/src/richtext-field.module.css +38 -22
package/dist/field/content-editable.css CHANGED
@@ -1,23 +1,27 @@
1
- .ContentEditable__root {
2
- -moz-tab-size: 1;
3
- tab-size: 1;
4
- border: 0;
5
- outline: 0;
6
- padding: 8px 2px;
7
- font-size: 1.1rem;
8
- line-height: 1.5;
9
- display: block;
10
- position: relative;
11
- }
12
-
13
- .ContentEditable__with_draggable_blocks {
14
- padding: 8px 2px 40px 22px;
15
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
16
2
 
17
- @media (max-width: 1025px) {
3
+ @layer byline-components.cms {
18
4
  .ContentEditable__root {
19
- padding-left: 2px;
20
- padding-right: 2px;
5
+ -moz-tab-size: 1;
6
+ tab-size: 1;
7
+ border: 0;
8
+ outline: 0;
9
+ padding: 8px 2px;
10
+ font-size: 1.1rem;
11
+ line-height: 1.5;
12
+ display: block;
13
+ position: relative;
14
+ }
15
+
16
+ .ContentEditable__with_draggable_blocks {
17
+ padding: 8px 2px 40px 22px;
18
+ }
19
+
20
+ @media (max-width: 1025px) {
21
+ .ContentEditable__root {
22
+ padding-left: 2px;
23
+ padding-right: 2px;
24
+ }
21
25
  }
22
26
  }
23
27
 
package/dist/field/editor-component.css CHANGED
@@ -1,35 +1,39 @@
1
- .lexicalRichTextEditor {
2
- isolation: isolate;
3
- width: 100%;
4
- min-width: 0;
5
- display: flex;
6
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
7
2
 
8
- .lexicalRichTextEditor--read-only .editor-shell:after {
9
- content: "";
10
- background: var(--canvas-50);
11
- opacity: .5;
12
- z-index: 9;
13
- position: absolute;
14
- inset: 0;
15
- }
3
+ @layer byline-components.cms {
4
+ .lexicalRichTextEditor {
5
+ isolation: isolate;
6
+ width: 100%;
7
+ min-width: 0;
8
+ display: flex;
9
+ }
16
10
 
17
- .lexicalRichTextEditor__wrap {
18
- width: 100%;
19
- min-width: 0;
20
- position: relative;
21
- }
11
+ .lexicalRichTextEditor--read-only .editor-shell:after {
12
+ content: "";
13
+ background: var(--canvas-50);
14
+ opacity: .5;
15
+ z-index: 9;
16
+ position: absolute;
17
+ inset: 0;
18
+ }
22
19
 
23
- .lexicalRichTextEditor.error .editor-shell:after {
24
- content: "";
25
- background: var(--red-700);
26
- opacity: 1;
27
- z-index: -1;
28
- position: absolute;
29
- inset: 0;
30
- }
20
+ .lexicalRichTextEditor__wrap {
21
+ width: 100%;
22
+ min-width: 0;
23
+ position: relative;
24
+ }
25
+
26
+ .lexicalRichTextEditor.error .editor-shell:after {
27
+ content: "";
28
+ background: var(--red-700);
29
+ opacity: 1;
30
+ z-index: -1;
31
+ position: absolute;
32
+ inset: 0;
33
+ }
31
34
 
32
- .dark .lexicalRichTextEditor.error .editor-shell:after {
33
- background: var(--red-700-dark);
35
+ .dark .lexicalRichTextEditor.error .editor-shell:after {
36
+ background: var(--red-700-dark);
37
+ }
34
38
  }
35
39