@byline/richtext-lexical 6.10.0 → 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 (60) 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/lexical-editor.tsx +2 -0
  60. package/src/richtext-field.module.css +38 -22
@@ -1,555 +1,559 @@
1
- .LexicalEditorTheme__ltr {
2
- text-align: left;
3
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
4
2
 
5
- .LexicalEditorTheme__rtl {
6
- text-align: right;
7
- }
3
+ @layer byline-components.cms {
4
+ .LexicalEditorTheme__ltr {
5
+ text-align: left;
6
+ }
8
7
 
9
- .LexicalEditorTheme__paragraph {
10
- margin: 0 0 1em;
11
- position: relative;
12
- }
8
+ .LexicalEditorTheme__rtl {
9
+ text-align: right;
10
+ }
13
11
 
14
- .LexicalEditorTheme__quote {
15
- color: #808286;
16
- border-left: 4px solid #ced0d4;
17
- margin-top: 1.75rem;
18
- margin-bottom: 1.75rem;
19
- margin-left: 20px;
20
- padding-left: 16px;
21
- font-size: 1.2rem;
22
- }
12
+ .LexicalEditorTheme__paragraph {
13
+ margin: 0 0 1em;
14
+ position: relative;
15
+ }
23
16
 
24
- .LexicalEditorTheme__h1, .LexicalEditorTheme__h2, .LexicalEditorTheme__h3, .LexicalEditorTheme__h4 {
25
- font-family: inherit;
26
- font-weight: 700;
27
- }
17
+ .LexicalEditorTheme__quote {
18
+ color: #808286;
19
+ border-left: 4px solid #ced0d4;
20
+ margin-top: 1.75rem;
21
+ margin-bottom: 1.75rem;
22
+ margin-left: 20px;
23
+ padding-left: 16px;
24
+ font-size: 1.2rem;
25
+ }
28
26
 
29
- .LexicalEditorTheme__h1 {
30
- margin-bottom: 1.5rem;
31
- font-size: 2.5rem;
32
- }
27
+ .LexicalEditorTheme__h1, .LexicalEditorTheme__h2, .LexicalEditorTheme__h3, .LexicalEditorTheme__h4 {
28
+ font-family: inherit;
29
+ font-weight: 700;
30
+ }
33
31
 
34
- .LexicalEditorTheme__h2 {
35
- margin-top: .5rem;
36
- margin-bottom: 1.5rem;
37
- font-size: 2rem;
38
- }
32
+ .LexicalEditorTheme__h1 {
33
+ margin-bottom: 1.5rem;
34
+ font-size: 2.5rem;
35
+ }
39
36
 
40
- .LexicalEditorTheme__h3 {
41
- margin-top: 1rem;
42
- margin-bottom: 1.5rem;
43
- font-size: 1.5rem;
44
- }
37
+ .LexicalEditorTheme__h2 {
38
+ margin-top: .5rem;
39
+ margin-bottom: 1.5rem;
40
+ font-size: 2rem;
41
+ }
45
42
 
46
- .LexicalEditorTheme__h4 {
47
- margin-top: 1rem;
48
- margin-bottom: 1rem;
49
- font-size: 1.125rem;
50
- }
43
+ .LexicalEditorTheme__h3 {
44
+ margin-top: 1rem;
45
+ margin-bottom: 1.5rem;
46
+ font-size: 1.5rem;
47
+ }
51
48
 
52
- .LexicalEditorTheme__indent {
53
- --lexical-indent-base-value: 40px;
54
- }
49
+ .LexicalEditorTheme__h4 {
50
+ margin-top: 1rem;
51
+ margin-bottom: 1rem;
52
+ font-size: 1.125rem;
53
+ }
55
54
 
56
- .LexicalEditorTheme__textBold {
57
- font-weight: bold;
58
- }
55
+ .LexicalEditorTheme__indent {
56
+ --lexical-indent-base-value: 40px;
57
+ }
59
58
 
60
- .LexicalEditorTheme__textItalic {
61
- font-style: italic;
62
- }
59
+ .LexicalEditorTheme__textBold {
60
+ font-weight: bold;
61
+ }
63
62
 
64
- .LexicalEditorTheme__textUnderline {
65
- text-decoration: underline;
66
- }
63
+ .LexicalEditorTheme__textItalic {
64
+ font-style: italic;
65
+ }
67
66
 
68
- .LexicalEditorTheme__textStrikethrough {
69
- text-decoration: line-through;
70
- }
67
+ .LexicalEditorTheme__textUnderline {
68
+ text-decoration: underline;
69
+ }
71
70
 
72
- .LexicalEditorTheme__textUnderlineStrikethrough {
73
- text-decoration: underline line-through;
74
- }
71
+ .LexicalEditorTheme__textStrikethrough {
72
+ text-decoration: line-through;
73
+ }
75
74
 
76
- .LexicalEditorTheme__textSubscript {
77
- vertical-align: sub;
78
- font-size: .8em;
79
- }
75
+ .LexicalEditorTheme__textUnderlineStrikethrough {
76
+ text-decoration: underline line-through;
77
+ }
80
78
 
81
- .LexicalEditorTheme__textSuperscript {
82
- vertical-align: super;
83
- font-size: .8em;
84
- }
79
+ .LexicalEditorTheme__textSubscript {
80
+ vertical-align: sub;
81
+ font-size: .8em;
82
+ }
85
83
 
86
- .LexicalEditorTheme__textCode {
87
- color: #1e293b;
88
- background-color: #f5f5f4;
89
- border: 1px solid #e5e7eb;
90
- border-radius: .25rem;
91
- padding: .125rem .375rem;
92
- font-family: Menlo, Consolas, Monaco, monospace;
93
- font-size: .875em;
94
- font-weight: 400;
95
- }
84
+ .LexicalEditorTheme__textSuperscript {
85
+ vertical-align: super;
86
+ font-size: .8em;
87
+ }
96
88
 
97
- html[data-theme="dark"] .LexicalEditorTheme__textCode, .dark .LexicalEditorTheme__textCode {
98
- color: #f1f5f9;
99
- background-color: #1e293b;
100
- border-color: #495362;
101
- }
89
+ .LexicalEditorTheme__textCode {
90
+ color: #1e293b;
91
+ background-color: #f5f5f4;
92
+ border: 1px solid #e5e7eb;
93
+ border-radius: .25rem;
94
+ padding: .125rem .375rem;
95
+ font-family: Menlo, Consolas, Monaco, monospace;
96
+ font-size: .875em;
97
+ font-weight: 400;
98
+ }
102
99
 
103
- .LexicalEditorTheme__hashtag {
104
- background-color: #5890ff26;
105
- border-bottom: 1px solid #5890ff4d;
106
- }
100
+ html[data-theme="dark"] .LexicalEditorTheme__textCode, .dark .LexicalEditorTheme__textCode {
101
+ color: #f1f5f9;
102
+ background-color: #1e293b;
103
+ border-color: #495362;
104
+ }
107
105
 
108
- .LexicalEditorTheme__link {
109
- color: #216fdb;
110
- pointer-events: none;
111
- border-bottom: 1px dotted;
112
- text-decoration: none;
113
- }
106
+ .LexicalEditorTheme__hashtag {
107
+ background-color: #5890ff26;
108
+ border-bottom: 1px solid #5890ff4d;
109
+ }
114
110
 
115
- .LexicalEditorTheme__link:hover {
116
- cursor: pointer;
117
- text-decoration: underline;
118
- }
111
+ .LexicalEditorTheme__link {
112
+ color: #216fdb;
113
+ pointer-events: none;
114
+ border-bottom: 1px dotted;
115
+ text-decoration: none;
116
+ }
119
117
 
120
- .LexicalEditorTheme__code {
121
- -moz-tab-size: 2;
122
- tab-size: 2;
123
- white-space: pre;
124
- box-sizing: border-box;
125
- background-color: #f0f2f5;
126
- max-width: 100%;
127
- margin: 8px 0;
128
- padding: 8px 8px 8px 0;
129
- font-family: Menlo, Consolas, Monaco, monospace;
130
- font-size: 15px;
131
- line-height: 1.53;
132
- display: block;
133
- position: relative;
134
- overflow-x: auto;
135
- }
118
+ .LexicalEditorTheme__link:hover {
119
+ cursor: pointer;
120
+ text-decoration: underline;
121
+ }
136
122
 
137
- .LexicalEditorTheme__code:before {
138
- content: attr(data-gutter);
139
- float: left;
140
- z-index: 3;
141
- color: #777;
142
- white-space: pre-wrap;
143
- text-align: right;
144
- background-color: #eee;
145
- border-right: 1px solid #ccc;
146
- min-width: 25px;
147
- min-height: 100%;
148
- margin-top: -8px;
149
- margin-right: 10px;
150
- padding: 8px;
151
- position: sticky;
152
- top: 0;
153
- left: 0;
154
- }
123
+ .LexicalEditorTheme__code {
124
+ -moz-tab-size: 2;
125
+ tab-size: 2;
126
+ white-space: pre;
127
+ box-sizing: border-box;
128
+ background-color: #f0f2f5;
129
+ max-width: 100%;
130
+ margin: 8px 0;
131
+ padding: 8px 8px 8px 0;
132
+ font-family: Menlo, Consolas, Monaco, monospace;
133
+ font-size: 15px;
134
+ line-height: 1.53;
135
+ display: block;
136
+ position: relative;
137
+ overflow-x: auto;
138
+ }
155
139
 
156
- html[data-theme="dark"] .LexicalEditorTheme__code, .dark .LexicalEditorTheme__code {
157
- background-color: #1a1a1a;
158
- }
140
+ .LexicalEditorTheme__code:before {
141
+ content: attr(data-gutter);
142
+ float: left;
143
+ z-index: 3;
144
+ color: #777;
145
+ white-space: pre-wrap;
146
+ text-align: right;
147
+ background-color: #eee;
148
+ border-right: 1px solid #ccc;
149
+ min-width: 25px;
150
+ min-height: 100%;
151
+ margin-top: -8px;
152
+ margin-right: 10px;
153
+ padding: 8px;
154
+ position: sticky;
155
+ top: 0;
156
+ left: 0;
157
+ }
159
158
 
160
- html[data-theme="dark"] .LexicalEditorTheme__code:before, .dark .LexicalEditorTheme__code:before {
161
- color: #777;
162
- background-color: #161616;
163
- border-right: 1px solid #ccc;
164
- }
159
+ html[data-theme="dark"] .LexicalEditorTheme__code, .dark .LexicalEditorTheme__code {
160
+ background-color: #1a1a1a;
161
+ }
165
162
 
166
- .LexicalEditorTheme__table {
167
- border-collapse: collapse;
168
- border-spacing: 0;
169
- table-layout: fixed;
170
- width: 100%;
171
- max-width: 100%;
172
- margin: 30px 0;
173
- overflow-y: scroll;
174
- }
163
+ html[data-theme="dark"] .LexicalEditorTheme__code:before, .dark .LexicalEditorTheme__code:before {
164
+ color: #777;
165
+ background-color: #161616;
166
+ border-right: 1px solid #ccc;
167
+ }
175
168
 
176
- .LexicalEditorTheme__tableScrollableWrapper {
177
- margin: 30px 0;
178
- overflow-x: auto;
179
- }
169
+ .LexicalEditorTheme__table {
170
+ border-collapse: collapse;
171
+ border-spacing: 0;
172
+ table-layout: fixed;
173
+ width: 100%;
174
+ max-width: 100%;
175
+ margin: 30px 0;
176
+ overflow-y: scroll;
177
+ }
180
178
 
181
- .LexicalEditorTheme__tableScrollableWrapper > .LexicalEditorTheme__table {
182
- margin-top: 0;
183
- margin-bottom: 0;
184
- }
179
+ .LexicalEditorTheme__tableScrollableWrapper {
180
+ margin: 30px 0;
181
+ overflow-x: auto;
182
+ }
185
183
 
186
- .LexicalEditorTheme__tableSelected {
187
- outline: 2px solid #3c84f4;
188
- }
184
+ .LexicalEditorTheme__tableScrollableWrapper > .LexicalEditorTheme__table {
185
+ margin-top: 0;
186
+ margin-bottom: 0;
187
+ }
189
188
 
190
- .LexicalEditorTheme__tableCell {
191
- vertical-align: top;
192
- text-align: start;
193
- cursor: default;
194
- border: 1px solid #bbb;
195
- outline: none;
196
- min-width: 75px;
197
- padding: 6px 8px;
198
- position: relative;
199
- }
189
+ .LexicalEditorTheme__tableSelected {
190
+ outline: 2px solid #3c84f4;
191
+ }
200
192
 
201
- .LexicalEditorTheme__tableCellSortedIndicator {
202
- opacity: .5;
203
- background-color: #999;
204
- width: 100%;
205
- height: 4px;
206
- display: block;
207
- position: absolute;
208
- bottom: 0;
209
- left: 0;
210
- }
193
+ .LexicalEditorTheme__tableCell {
194
+ vertical-align: top;
195
+ text-align: start;
196
+ cursor: default;
197
+ border: 1px solid #bbb;
198
+ outline: none;
199
+ min-width: 75px;
200
+ padding: 6px 8px;
201
+ position: relative;
202
+ }
211
203
 
212
- .LexicalEditorTheme__tableCellResizer {
213
- cursor: ew-resize;
214
- z-index: 10;
215
- width: 8px;
216
- height: 100%;
217
- position: absolute;
218
- top: 0;
219
- right: -4px;
220
- }
204
+ .LexicalEditorTheme__tableCellSortedIndicator {
205
+ opacity: .5;
206
+ background-color: #999;
207
+ width: 100%;
208
+ height: 4px;
209
+ display: block;
210
+ position: absolute;
211
+ bottom: 0;
212
+ left: 0;
213
+ }
221
214
 
222
- .LexicalEditorTheme__tableCellHeader {
223
- text-align: start;
224
- background-color: #f2f3f5;
225
- }
215
+ .LexicalEditorTheme__tableCellResizer {
216
+ cursor: ew-resize;
217
+ z-index: 10;
218
+ width: 8px;
219
+ height: 100%;
220
+ position: absolute;
221
+ top: 0;
222
+ right: -4px;
223
+ }
226
224
 
227
- .LexicalEditorTheme__tableCellSelected {
228
- background-color: #c9dbf0;
229
- }
225
+ .LexicalEditorTheme__tableCellHeader {
226
+ text-align: start;
227
+ background-color: #f2f3f5;
228
+ }
230
229
 
231
- .LexicalEditorTheme__tableCellPrimarySelected {
232
- z-index: 2;
233
- border: 2px solid #3c84f4;
234
- width: calc(100% - 2px);
235
- height: calc(100% - 2px);
236
- display: block;
237
- position: absolute;
238
- top: -1px;
239
- left: -1px;
240
- }
230
+ .LexicalEditorTheme__tableCellSelected {
231
+ background-color: #c9dbf0;
232
+ }
241
233
 
242
- .LexicalEditorTheme__tableCellEditing {
243
- border-radius: 3px;
244
- box-shadow: 0 0 5px #0006;
245
- }
234
+ .LexicalEditorTheme__tableCellPrimarySelected {
235
+ z-index: 2;
236
+ border: 2px solid #3c84f4;
237
+ width: calc(100% - 2px);
238
+ height: calc(100% - 2px);
239
+ display: block;
240
+ position: absolute;
241
+ top: -1px;
242
+ left: -1px;
243
+ }
246
244
 
247
- .LexicalEditorTheme__tableAddColumns {
248
- cursor: pointer;
249
- background-color: #eee;
250
- border: 0;
251
- width: 20px;
252
- height: 100%;
253
- animation: .2s table-controls;
254
- position: absolute;
255
- top: 0;
256
- right: 0;
257
- }
245
+ .LexicalEditorTheme__tableCellEditing {
246
+ border-radius: 3px;
247
+ box-shadow: 0 0 5px #0006;
248
+ }
258
249
 
259
- .LexicalEditorTheme__tableAddColumns:after {
260
- content: " ";
261
- opacity: .4;
262
- background-image: url(../../static/svg/plus.svg);
263
- background-position: center;
264
- background-repeat: no-repeat;
265
- background-size: contain;
266
- width: 100%;
267
- height: 100%;
268
- display: block;
269
- position: absolute;
270
- top: 0;
271
- left: 0;
272
- }
250
+ .LexicalEditorTheme__tableAddColumns {
251
+ cursor: pointer;
252
+ background-color: #eee;
253
+ border: 0;
254
+ width: 20px;
255
+ height: 100%;
256
+ animation: .2s table-controls;
257
+ position: absolute;
258
+ top: 0;
259
+ right: 0;
260
+ }
273
261
 
274
- .LexicalEditorTheme__tableAddColumns:hover {
275
- background-color: #c9dbf0;
276
- }
262
+ .LexicalEditorTheme__tableAddColumns:after {
263
+ content: " ";
264
+ opacity: .4;
265
+ background-image: url(../../static/svg/plus.svg);
266
+ background-position: center;
267
+ background-repeat: no-repeat;
268
+ background-size: contain;
269
+ width: 100%;
270
+ height: 100%;
271
+ display: block;
272
+ position: absolute;
273
+ top: 0;
274
+ left: 0;
275
+ }
277
276
 
278
- .LexicalEditorTheme__tableAddRows {
279
- cursor: pointer;
280
- background-color: #eee;
281
- border: 0;
282
- width: calc(100% - 25px);
283
- height: 20px;
284
- animation: .2s table-controls;
285
- position: absolute;
286
- bottom: -25px;
287
- left: 0;
288
- }
277
+ .LexicalEditorTheme__tableAddColumns:hover {
278
+ background-color: #c9dbf0;
279
+ }
289
280
 
290
- .LexicalEditorTheme__tableAddRows:after {
291
- content: " ";
292
- opacity: .4;
293
- background-image: url(../../static/svg/plus.svg);
294
- background-position: center;
295
- background-repeat: no-repeat;
296
- background-size: contain;
297
- width: 100%;
298
- height: 100%;
299
- display: block;
300
- position: absolute;
301
- top: 0;
302
- left: 0;
303
- }
281
+ .LexicalEditorTheme__tableAddRows {
282
+ cursor: pointer;
283
+ background-color: #eee;
284
+ border: 0;
285
+ width: calc(100% - 25px);
286
+ height: 20px;
287
+ animation: .2s table-controls;
288
+ position: absolute;
289
+ bottom: -25px;
290
+ left: 0;
291
+ }
304
292
 
305
- .LexicalEditorTheme__tableAddRows:hover {
306
- background-color: #c9dbf0;
307
- }
293
+ .LexicalEditorTheme__tableAddRows:after {
294
+ content: " ";
295
+ opacity: .4;
296
+ background-image: url(../../static/svg/plus.svg);
297
+ background-position: center;
298
+ background-repeat: no-repeat;
299
+ background-size: contain;
300
+ width: 100%;
301
+ height: 100%;
302
+ display: block;
303
+ position: absolute;
304
+ top: 0;
305
+ left: 0;
306
+ }
308
307
 
309
- @keyframes table-controls {
310
- 0% {
311
- opacity: 0;
308
+ .LexicalEditorTheme__tableAddRows:hover {
309
+ background-color: #c9dbf0;
312
310
  }
313
311
 
314
- 100% {
315
- opacity: 1;
312
+ @keyframes table-controls {
313
+ 0% {
314
+ opacity: 0;
315
+ }
316
+
317
+ 100% {
318
+ opacity: 1;
319
+ }
316
320
  }
317
- }
318
321
 
319
- .LexicalEditorTheme__tableCellResizeRuler {
320
- background-color: #3c84f4;
321
- width: 1px;
322
- height: 100%;
323
- display: block;
324
- position: absolute;
325
- top: 0;
326
- }
322
+ .LexicalEditorTheme__tableCellResizeRuler {
323
+ background-color: #3c84f4;
324
+ width: 1px;
325
+ height: 100%;
326
+ display: block;
327
+ position: absolute;
328
+ top: 0;
329
+ }
327
330
 
328
- .LexicalEditorTheme__tableCellActionButtonContainer {
329
- z-index: 4;
330
- width: 20px;
331
- height: 20px;
332
- display: block;
333
- position: absolute;
334
- top: 6px;
335
- right: 5px;
336
- }
331
+ .LexicalEditorTheme__tableCellActionButtonContainer {
332
+ z-index: 4;
333
+ width: 20px;
334
+ height: 20px;
335
+ display: block;
336
+ position: absolute;
337
+ top: 6px;
338
+ right: 5px;
339
+ }
337
340
 
338
- .LexicalEditorTheme__tableCellActionButton {
339
- color: #222;
340
- cursor: pointer;
341
- background-color: #eee;
342
- border: 0;
343
- border-radius: 20px;
344
- width: 20px;
345
- height: 20px;
346
- display: block;
347
- }
341
+ .LexicalEditorTheme__tableCellActionButton {
342
+ color: #222;
343
+ cursor: pointer;
344
+ background-color: #eee;
345
+ border: 0;
346
+ border-radius: 20px;
347
+ width: 20px;
348
+ height: 20px;
349
+ display: block;
350
+ }
348
351
 
349
- .LexicalEditorTheme__tableCellActionButton:hover {
350
- background-color: #ddd;
351
- }
352
+ .LexicalEditorTheme__tableCellActionButton:hover {
353
+ background-color: #ddd;
354
+ }
352
355
 
353
- .LexicalEditorTheme__characterLimit {
354
- background-color: #fbb;
355
- display: inline;
356
- }
356
+ .LexicalEditorTheme__characterLimit {
357
+ background-color: #fbb;
358
+ display: inline;
359
+ }
357
360
 
358
- .LexicalEditorTheme__ol1 {
359
- margin: 1.5rem 0 1.5rem 1rem;
360
- padding: 0;
361
- list-style: decimal;
362
- }
361
+ .LexicalEditorTheme__ol1 {
362
+ margin: 1.5rem 0 1.5rem 1rem;
363
+ padding: 0;
364
+ list-style: decimal;
365
+ }
363
366
 
364
- .LexicalEditorTheme__ol2 {
365
- margin: 0 0 .5rem;
366
- padding: 0;
367
- list-style-type: lower-alpha;
368
- list-style-position: outside;
369
- }
367
+ .LexicalEditorTheme__ol2 {
368
+ margin: 0 0 .5rem;
369
+ padding: 0;
370
+ list-style-type: lower-alpha;
371
+ list-style-position: outside;
372
+ }
370
373
 
371
- .LexicalEditorTheme__ol3 {
372
- margin: 0 0 .5rem;
373
- padding: 0;
374
- list-style-type: lower-roman;
375
- list-style-position: outside;
376
- }
374
+ .LexicalEditorTheme__ol3 {
375
+ margin: 0 0 .5rem;
376
+ padding: 0;
377
+ list-style-type: lower-roman;
378
+ list-style-position: outside;
379
+ }
377
380
 
378
- .LexicalEditorTheme__ol4 {
379
- margin: 1.5rem 0;
380
- padding: 0;
381
- list-style-type: upper-roman;
382
- list-style-position: outside;
383
- }
381
+ .LexicalEditorTheme__ol4 {
382
+ margin: 1.5rem 0;
383
+ padding: 0;
384
+ list-style-type: upper-roman;
385
+ list-style-position: outside;
386
+ }
384
387
 
385
- .LexicalEditorTheme__ol5 {
386
- margin: 1.5rem 0;
387
- padding: 0;
388
- list-style-type: lower-roman;
389
- list-style-position: outside;
390
- }
388
+ .LexicalEditorTheme__ol5 {
389
+ margin: 1.5rem 0;
390
+ padding: 0;
391
+ list-style-type: lower-roman;
392
+ list-style-position: outside;
393
+ }
391
394
 
392
- .LexicalEditorTheme__ul {
393
- margin: 0 0 .5rem;
394
- padding: 0;
395
- list-style-type: disc;
396
- list-style-position: outside;
397
- }
395
+ .LexicalEditorTheme__ul {
396
+ margin: 0 0 .5rem;
397
+ padding: 0;
398
+ list-style-type: disc;
399
+ list-style-position: outside;
400
+ }
398
401
 
399
- .LexicalEditorTheme__listItem {
400
- margin: 0 32px;
401
- padding-left: 4px;
402
- }
402
+ .LexicalEditorTheme__listItem {
403
+ margin: 0 32px;
404
+ padding-left: 4px;
405
+ }
403
406
 
404
- .LexicalEditorTheme__listItemChecked, .LexicalEditorTheme__listItemUnchecked {
405
- outline: none;
406
- margin-left: 8px;
407
- margin-right: 8px;
408
- padding-left: 24px;
409
- padding-right: 24px;
410
- list-style-type: none;
411
- position: relative;
412
- }
407
+ .LexicalEditorTheme__listItemChecked, .LexicalEditorTheme__listItemUnchecked {
408
+ outline: none;
409
+ margin-left: 8px;
410
+ margin-right: 8px;
411
+ padding-left: 24px;
412
+ padding-right: 24px;
413
+ list-style-type: none;
414
+ position: relative;
415
+ }
413
416
 
414
- .LexicalEditorTheme__listItemChecked {
415
- text-decoration: line-through;
416
- }
417
+ .LexicalEditorTheme__listItemChecked {
418
+ text-decoration: line-through;
419
+ }
417
420
 
418
- .LexicalEditorTheme__listItemUnchecked:before, .LexicalEditorTheme__listItemChecked:before {
419
- content: "";
420
- cursor: pointer;
421
- background-size: cover;
422
- width: 16px;
423
- height: 16px;
424
- display: block;
425
- position: absolute;
426
- top: 7px;
427
- left: 0;
428
- }
421
+ .LexicalEditorTheme__listItemUnchecked:before, .LexicalEditorTheme__listItemChecked:before {
422
+ content: "";
423
+ cursor: pointer;
424
+ background-size: cover;
425
+ width: 16px;
426
+ height: 16px;
427
+ display: block;
428
+ position: absolute;
429
+ top: 7px;
430
+ left: 0;
431
+ }
429
432
 
430
- .LexicalEditorTheme__listItemUnchecked[dir="rtl"]:before, .LexicalEditorTheme__listItemChecked[dir="rtl"]:before {
431
- left: auto;
432
- right: 0;
433
- }
433
+ .LexicalEditorTheme__listItemUnchecked[dir="rtl"]:before, .LexicalEditorTheme__listItemChecked[dir="rtl"]:before {
434
+ left: auto;
435
+ right: 0;
436
+ }
434
437
 
435
- .LexicalEditorTheme__listItemUnchecked:focus:before, .LexicalEditorTheme__listItemChecked:focus:before {
436
- border-radius: 2px;
437
- box-shadow: 0 0 0 2px #a6cdfe;
438
- }
438
+ .LexicalEditorTheme__listItemUnchecked:focus:before, .LexicalEditorTheme__listItemChecked:focus:before {
439
+ border-radius: 2px;
440
+ box-shadow: 0 0 0 2px #a6cdfe;
441
+ }
439
442
 
440
- .LexicalEditorTheme__listItemUnchecked:before {
441
- border: 1px solid #999;
442
- border-radius: 2px;
443
- }
443
+ .LexicalEditorTheme__listItemUnchecked:before {
444
+ border: 1px solid #999;
445
+ border-radius: 2px;
446
+ }
444
447
 
445
- .LexicalEditorTheme__listItemChecked:before {
446
- background-color: #3d87f5;
447
- background-repeat: no-repeat;
448
- border: 1px solid #3d87f5;
449
- border-radius: 2px;
450
- }
448
+ .LexicalEditorTheme__listItemChecked:before {
449
+ background-color: #3d87f5;
450
+ background-repeat: no-repeat;
451
+ border: 1px solid #3d87f5;
452
+ border-radius: 2px;
453
+ }
451
454
 
452
- .LexicalEditorTheme__listItemChecked:after {
453
- content: "";
454
- cursor: pointer;
455
- border: 2px solid #fff;
456
- border-width: 0 2px 2px 0;
457
- width: 3px;
458
- height: 6px;
459
- display: block;
460
- position: absolute;
461
- top: 10px;
462
- left: 7px;
463
- right: 7px;
464
- transform: rotate(45deg);
465
- }
455
+ .LexicalEditorTheme__listItemChecked:after {
456
+ content: "";
457
+ cursor: pointer;
458
+ border: 2px solid #fff;
459
+ border-width: 0 2px 2px 0;
460
+ width: 3px;
461
+ height: 6px;
462
+ display: block;
463
+ position: absolute;
464
+ top: 10px;
465
+ left: 7px;
466
+ right: 7px;
467
+ transform: rotate(45deg);
468
+ }
466
469
 
467
- .LexicalEditorTheme__nestedListItem {
468
- list-style-type: none;
469
- }
470
+ .LexicalEditorTheme__nestedListItem {
471
+ list-style-type: none;
472
+ }
470
473
 
471
- .LexicalEditorTheme__nestedListItem:before, .LexicalEditorTheme__nestedListItem:after {
472
- display: none;
473
- }
474
+ .LexicalEditorTheme__nestedListItem:before, .LexicalEditorTheme__nestedListItem:after {
475
+ display: none;
476
+ }
474
477
 
475
- .LexicalEditorTheme__tokenComment {
476
- color: #708090;
477
- }
478
+ .LexicalEditorTheme__tokenComment {
479
+ color: #708090;
480
+ }
478
481
 
479
- .LexicalEditorTheme__tokenPunctuation {
480
- color: #999;
481
- }
482
+ .LexicalEditorTheme__tokenPunctuation {
483
+ color: #999;
484
+ }
482
485
 
483
- .LexicalEditorTheme__tokenProperty {
484
- color: #905;
485
- }
486
+ .LexicalEditorTheme__tokenProperty {
487
+ color: #905;
488
+ }
486
489
 
487
- .LexicalEditorTheme__tokenSelector {
488
- color: #690;
489
- }
490
+ .LexicalEditorTheme__tokenSelector {
491
+ color: #690;
492
+ }
490
493
 
491
- .LexicalEditorTheme__tokenOperator {
492
- color: #9a6e3a;
493
- }
494
+ .LexicalEditorTheme__tokenOperator {
495
+ color: #9a6e3a;
496
+ }
494
497
 
495
- .LexicalEditorTheme__tokenAttr {
496
- color: #07a;
497
- }
498
+ .LexicalEditorTheme__tokenAttr {
499
+ color: #07a;
500
+ }
498
501
 
499
- .LexicalEditorTheme__tokenVariable {
500
- color: #e90;
501
- }
502
+ .LexicalEditorTheme__tokenVariable {
503
+ color: #e90;
504
+ }
502
505
 
503
- .LexicalEditorTheme__tokenFunction {
504
- color: #dd4a68;
505
- }
506
+ .LexicalEditorTheme__tokenFunction {
507
+ color: #dd4a68;
508
+ }
506
509
 
507
- .LexicalEditorTheme__mark {
508
- background: #ffd40024;
509
- border-bottom: 2px solid #ffd4004d;
510
- padding-bottom: 2px;
511
- }
510
+ .LexicalEditorTheme__mark {
511
+ background: #ffd40024;
512
+ border-bottom: 2px solid #ffd4004d;
513
+ padding-bottom: 2px;
514
+ }
512
515
 
513
- .LexicalEditorTheme__markOverlap {
514
- background: #ffd4004d;
515
- border-bottom: 2px solid #ffd400b3;
516
- }
516
+ .LexicalEditorTheme__markOverlap {
517
+ background: #ffd4004d;
518
+ border-bottom: 2px solid #ffd400b3;
519
+ }
517
520
 
518
- .LexicalEditorTheme__mark.selected {
519
- background: #ffd40080;
520
- border-bottom: 2px solid #ffd400;
521
- }
521
+ .LexicalEditorTheme__mark.selected {
522
+ background: #ffd40080;
523
+ border-bottom: 2px solid #ffd400;
524
+ }
522
525
 
523
- .LexicalEditorTheme__markOverlap.selected {
524
- background: #ffd400b3;
525
- border-bottom: 2px solid #ffd400b3;
526
- }
526
+ .LexicalEditorTheme__markOverlap.selected {
527
+ background: #ffd400b3;
528
+ border-bottom: 2px solid #ffd400b3;
529
+ }
527
530
 
528
- .LexicalEditorTheme__embedBlock {
529
- -webkit-user-select: none;
530
- user-select: none;
531
- }
531
+ .LexicalEditorTheme__embedBlock {
532
+ -webkit-user-select: none;
533
+ user-select: none;
534
+ }
532
535
 
533
- .LexicalEditorTheme__embedBlockFocus {
534
- outline: 2px solid #3c84f4;
535
- }
536
+ .LexicalEditorTheme__embedBlockFocus {
537
+ outline: 2px solid #3c84f4;
538
+ }
536
539
 
537
- .LexicalEditor__layoutContainer {
538
- gap: 10px;
539
- margin: 10px 0;
540
- display: grid;
541
- }
540
+ .LexicalEditor__layoutContainer {
541
+ gap: 10px;
542
+ margin: 10px 0;
543
+ display: grid;
544
+ }
542
545
 
543
- .LexicalEditor__layoutItem {
544
- border: 1px dashed #ddd;
545
- padding: 8px 16px;
546
- }
546
+ .LexicalEditor__layoutItem {
547
+ border: 1px dashed #ddd;
548
+ padding: 8px 16px;
549
+ }
547
550
 
548
- :is(.dark, [data-theme="dark"]) .LexicalEditorTheme__quote {
549
- color: #bbbdc0;
550
- }
551
+ :is(.dark, [data-theme="dark"]) .LexicalEditorTheme__quote {
552
+ color: #bbbdc0;
553
+ }
551
554
 
552
- :is(.dark, [data-theme="dark"]) .LexicalEditorTheme__tableCellHeader {
553
- background-color: var(--canvas-700);
555
+ :is(.dark, [data-theme="dark"]) .LexicalEditorTheme__tableCellHeader {
556
+ background-color: var(--canvas-700);
557
+ }
554
558
  }
555
559