@mantine-vue/tiptap 3.2.0 → 3.3.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.
- package/cjs/index.cjs +462 -15
- package/cjs/index.cjs.map +1 -1
- package/esm/index.mjs +449 -16
- package/esm/index.mjs.map +1 -1
- package/lib/RichTextEditor.context.d.ts +2 -2
- package/lib/RichTextEditor.d.ts +17 -0
- package/lib/RichTextEditor.types.d.ts +19 -2
- package/lib/RichTextEditorControl/RichTextEditorDetailsControl.d.ts +3 -0
- package/lib/RichTextEditorControl/RichTextEditorDetailsControl.types.d.ts +11 -0
- package/lib/RichTextEditorControl/RichTextEditorDetailsControl.vue.d.ts +202 -0
- package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.d.ts +3 -0
- package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.types.d.ts +11 -0
- package/lib/RichTextEditorControl/RichTextEditorInvisibleCharactersControl.vue.d.ts +202 -0
- package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.d.ts +3 -0
- package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.types.d.ts +21 -0
- package/lib/RichTextEditorControl/RichTextEditorTableInsertControl.vue.d.ts +209 -0
- package/lib/RichTextEditorControl/controls.d.ts +88 -0
- package/lib/RichTextEditorControl/index.d.ts +3 -0
- package/lib/icons/Icons.d.ts +14 -0
- package/lib/index.d.mts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/labels.d.ts +17 -1
- package/package.json +3 -3
- package/styles.css +276 -108
- package/styles.layer.css +276 -108
package/styles.css
CHANGED
|
@@ -1,60 +1,64 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_1avnr_1 {
|
|
2
2
|
position: relative;
|
|
3
3
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
4
4
|
border-radius: var(--mantine-radius-default);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
:where([data-
|
|
7
|
+
._root_1avnr_1:where(:has(> [data-sticky])) {
|
|
8
|
+
overflow: clip;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:where([data-mantine-color-scheme='light']) ._root_1avnr_1 {
|
|
8
12
|
border-color: var(--mantine-color-gray-4);
|
|
9
13
|
}
|
|
10
14
|
|
|
11
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
15
|
+
:where([data-mantine-color-scheme='dark']) ._root_1avnr_1 {
|
|
12
16
|
border-color: var(--mantine-color-dark-4);
|
|
13
17
|
}
|
|
14
18
|
|
|
15
|
-
.
|
|
19
|
+
._Typography_1avnr_19 {
|
|
16
20
|
padding: 0;
|
|
17
21
|
margin: 0;
|
|
18
22
|
}
|
|
19
23
|
|
|
20
|
-
.
|
|
24
|
+
._Typography_1avnr_19 li > p {
|
|
21
25
|
margin: 0;
|
|
22
26
|
}
|
|
23
27
|
|
|
24
|
-
.
|
|
25
|
-
.
|
|
28
|
+
._Typography_1avnr_19 ul li,
|
|
29
|
+
._Typography_1avnr_19 ol li {
|
|
26
30
|
margin-top: calc(0.125rem * var(--mantine-scale));
|
|
27
31
|
}
|
|
28
32
|
|
|
29
|
-
.
|
|
33
|
+
._Typography_1avnr_19 p {
|
|
30
34
|
margin-bottom: calc(0.4375rem * var(--mantine-scale));
|
|
31
35
|
}
|
|
32
36
|
|
|
33
|
-
.
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.
|
|
37
|
+
._Typography_1avnr_19 h1,
|
|
38
|
+
._Typography_1avnr_19 h2,
|
|
39
|
+
._Typography_1avnr_19 h3,
|
|
40
|
+
._Typography_1avnr_19 h4,
|
|
41
|
+
._Typography_1avnr_19 h5,
|
|
42
|
+
._Typography_1avnr_19 h6,
|
|
43
|
+
._Typography_1avnr_19 p {
|
|
40
44
|
margin-top: 0;
|
|
41
45
|
}
|
|
42
46
|
|
|
43
|
-
.
|
|
47
|
+
._content_1avnr_47 {
|
|
44
48
|
background-color: var(--mantine-color-body);
|
|
45
49
|
border-radius: var(--mantine-radius-default);
|
|
46
50
|
}
|
|
47
51
|
|
|
48
|
-
.
|
|
52
|
+
._content_1avnr_47 .ProseMirror {
|
|
49
53
|
outline: 0;
|
|
50
54
|
padding: var(--mantine-spacing-md);
|
|
51
55
|
}
|
|
52
56
|
|
|
53
|
-
.
|
|
57
|
+
._content_1avnr_47 .ProseMirror > *:last-child {
|
|
54
58
|
margin-bottom: 0;
|
|
55
59
|
}
|
|
56
60
|
|
|
57
|
-
.
|
|
61
|
+
._content_1avnr_47 .ProseMirror p.is-editor-empty:first-of-type::before {
|
|
58
62
|
content: attr(data-placeholder);
|
|
59
63
|
pointer-events: none;
|
|
60
64
|
user-select: none;
|
|
@@ -63,19 +67,19 @@
|
|
|
63
67
|
color: var(--mantine-color-placeholder);
|
|
64
68
|
}
|
|
65
69
|
|
|
66
|
-
.
|
|
70
|
+
._content_1avnr_47 div:not(.ProseMirror) {
|
|
67
71
|
/* Position the bubble menu above the toolbar. As it doesn't have its own selector,
|
|
68
72
|
assert that the non-ProseMirror div is the bubble or floating menu */
|
|
69
73
|
z-index: 2;
|
|
70
74
|
}
|
|
71
75
|
|
|
72
|
-
.
|
|
76
|
+
._content_1avnr_47 pre {
|
|
73
77
|
font-family: var(--mantine-font-family-monospace);
|
|
74
78
|
border-radius: var(--mantine-radius-default);
|
|
75
79
|
padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
|
|
76
80
|
}
|
|
77
81
|
|
|
78
|
-
:where([data-mantine-color-scheme='light']) .
|
|
82
|
+
:where([data-mantine-color-scheme='light']) ._content_1avnr_47 pre {
|
|
79
83
|
background-color: var(--mantine-color-gray-0);
|
|
80
84
|
color: var(--mantine-color-gray-9);
|
|
81
85
|
--code-color-comment: var(--mantine-color-gray-5);
|
|
@@ -85,7 +89,7 @@
|
|
|
85
89
|
--code-color-keyword: var(--mantine-color-violet-7);
|
|
86
90
|
}
|
|
87
91
|
|
|
88
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
92
|
+
:where([data-mantine-color-scheme='dark']) ._content_1avnr_47 pre {
|
|
89
93
|
background-color: var(--mantine-color-dark-8);
|
|
90
94
|
color: var(--mantine-color-dark-1);
|
|
91
95
|
--code-color-comment: var(--mantine-color-dark-2);
|
|
@@ -95,69 +99,234 @@
|
|
|
95
99
|
--code-color-keyword: var(--mantine-color-violet-3);
|
|
96
100
|
}
|
|
97
101
|
|
|
98
|
-
.
|
|
102
|
+
._content_1avnr_47 pre code {
|
|
99
103
|
background: none !important;
|
|
100
104
|
color: inherit;
|
|
101
105
|
font-size: var(--mantine-font-size-sm);
|
|
102
106
|
padding: 0;
|
|
103
107
|
}
|
|
104
108
|
|
|
105
|
-
.
|
|
106
|
-
.
|
|
109
|
+
._content_1avnr_47 pre .hljs-comment,
|
|
110
|
+
._content_1avnr_47 pre .hljs-quote {
|
|
107
111
|
color: var(--code-color-comment);
|
|
108
112
|
}
|
|
109
113
|
|
|
110
|
-
.
|
|
111
|
-
.
|
|
112
|
-
.
|
|
113
|
-
.
|
|
114
|
-
.
|
|
115
|
-
.
|
|
116
|
-
.
|
|
117
|
-
.
|
|
118
|
-
.
|
|
114
|
+
._content_1avnr_47 pre .hljs-variable,
|
|
115
|
+
._content_1avnr_47 pre .hljs-template-variable,
|
|
116
|
+
._content_1avnr_47 pre .hljs-attribute,
|
|
117
|
+
._content_1avnr_47 pre .hljs-tag,
|
|
118
|
+
._content_1avnr_47 pre .hljs-regexp,
|
|
119
|
+
._content_1avnr_47 pre .hljs-link,
|
|
120
|
+
._content_1avnr_47 pre .hljs-name,
|
|
121
|
+
._content_1avnr_47 pre .hljs-selector-id,
|
|
122
|
+
._content_1avnr_47 pre .hljs-selector-class {
|
|
119
123
|
color: var(--code-color-var);
|
|
120
124
|
}
|
|
121
125
|
|
|
122
|
-
.
|
|
123
|
-
.
|
|
124
|
-
.
|
|
125
|
-
.
|
|
126
|
-
.
|
|
127
|
-
.
|
|
128
|
-
.
|
|
126
|
+
._content_1avnr_47 pre .hljs-number,
|
|
127
|
+
._content_1avnr_47 pre .hljs-meta,
|
|
128
|
+
._content_1avnr_47 pre .hljs-built_in,
|
|
129
|
+
._content_1avnr_47 pre .hljs-builtin-name,
|
|
130
|
+
._content_1avnr_47 pre .hljs-literal,
|
|
131
|
+
._content_1avnr_47 pre .hljs-type,
|
|
132
|
+
._content_1avnr_47 pre .hljs-params {
|
|
129
133
|
color: var(--code-color-number);
|
|
130
134
|
}
|
|
131
135
|
|
|
132
|
-
.
|
|
133
|
-
.
|
|
134
|
-
.
|
|
136
|
+
._content_1avnr_47 pre .hljs-string,
|
|
137
|
+
._content_1avnr_47 pre .hljs-symbol,
|
|
138
|
+
._content_1avnr_47 pre .hljs-bullet {
|
|
135
139
|
color: var(--code-color-var);
|
|
136
140
|
}
|
|
137
141
|
|
|
138
|
-
.
|
|
139
|
-
.
|
|
142
|
+
._content_1avnr_47 pre .hljs-title,
|
|
143
|
+
._content_1avnr_47 pre .hljs-section {
|
|
140
144
|
color: var(--code-color-title);
|
|
141
145
|
}
|
|
142
146
|
|
|
143
|
-
.
|
|
144
|
-
.
|
|
147
|
+
._content_1avnr_47 pre .hljs-keyword,
|
|
148
|
+
._content_1avnr_47 pre .hljs-selector-tag {
|
|
145
149
|
color: var(--code-color-keyword);
|
|
146
150
|
}
|
|
147
151
|
|
|
148
|
-
.
|
|
152
|
+
._content_1avnr_47 pre .hljs-emphasis {
|
|
149
153
|
font-style: italic;
|
|
150
154
|
}
|
|
151
155
|
|
|
152
|
-
.
|
|
156
|
+
._content_1avnr_47 pre .hljs-strong {
|
|
153
157
|
font-weight: 700;
|
|
154
158
|
}
|
|
155
159
|
|
|
156
|
-
.
|
|
160
|
+
._content_1avnr_47 .tableWrapper {
|
|
161
|
+
margin-bottom: var(--mantine-spacing-sm);
|
|
162
|
+
overflow-x: auto;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
._content_1avnr_47 table {
|
|
166
|
+
width: 100%;
|
|
167
|
+
margin: 0;
|
|
168
|
+
border-collapse: collapse;
|
|
169
|
+
table-layout: fixed;
|
|
170
|
+
overflow: hidden;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
:where([data-mantine-color-scheme='light']) ._content_1avnr_47 table {
|
|
174
|
+
--rte-table-border-color: var(--mantine-color-gray-3);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
:where([data-mantine-color-scheme='dark']) ._content_1avnr_47 table {
|
|
178
|
+
--rte-table-border-color: var(--mantine-color-dark-4);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
._content_1avnr_47 td,
|
|
182
|
+
._content_1avnr_47 th {
|
|
183
|
+
position: relative;
|
|
184
|
+
min-width: 1em;
|
|
185
|
+
padding: 7px var(--mantine-spacing-xs);
|
|
186
|
+
border: 1px solid var(--rte-table-border-color);
|
|
187
|
+
vertical-align: top;
|
|
188
|
+
box-sizing: border-box;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
._content_1avnr_47 th {
|
|
192
|
+
text-align: start;
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
._content_1avnr_47 .selectedCell {
|
|
196
|
+
background-color: color-mix(in srgb, var(--mantine-primary-color-light) 30%, transparent);
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
._content_1avnr_47 .column-resize-handle {
|
|
200
|
+
position: absolute;
|
|
201
|
+
inset-block: 0;
|
|
202
|
+
inset-inline-end: calc(-0.125rem * var(--mantine-scale));
|
|
203
|
+
width: calc(0.25rem * var(--mantine-scale));
|
|
204
|
+
pointer-events: none;
|
|
205
|
+
background-color: var(--mantine-primary-color-filled);
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
._content_1avnr_47 .ProseMirror-gapcursor::after {
|
|
209
|
+
border-top-color: var(--mantine-color-text);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
._content_1avnr_47 [data-type='details'] {
|
|
213
|
+
display: flex;
|
|
214
|
+
align-items: flex-start;
|
|
215
|
+
gap: var(--mantine-spacing-xs);
|
|
216
|
+
margin-bottom: var(--mantine-spacing-sm);
|
|
217
|
+
padding: var(--mantine-spacing-sm);
|
|
218
|
+
border: 1px solid var(--rte-details-border-color);
|
|
219
|
+
border-radius: var(--mantine-radius-default);
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
:where([data-mantine-color-scheme='light']) ._content_1avnr_47 [data-type='details'] {
|
|
223
|
+
--rte-details-border-color: var(--mantine-color-gray-3);
|
|
224
|
+
--rte-details-button-hover: var(--mantine-color-gray-1);
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
:where([data-mantine-color-scheme='dark']) ._content_1avnr_47 [data-type='details'] {
|
|
228
|
+
--rte-details-border-color: var(--mantine-color-dark-4);
|
|
229
|
+
--rte-details-button-hover: var(--mantine-color-dark-5);
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
._content_1avnr_47 [data-type='details'] > button {
|
|
233
|
+
display: flex;
|
|
234
|
+
align-items: center;
|
|
235
|
+
justify-content: center;
|
|
236
|
+
flex-shrink: 0;
|
|
237
|
+
margin: 0;
|
|
238
|
+
padding: 0;
|
|
239
|
+
border: 0;
|
|
240
|
+
border-radius: var(--mantine-radius-sm);
|
|
241
|
+
background-color: transparent;
|
|
242
|
+
color: inherit;
|
|
243
|
+
cursor: pointer;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
._content_1avnr_47 [data-type='details'] > button:empty {
|
|
247
|
+
width: 1.25rem;
|
|
248
|
+
height: calc(1em * var(--mantine-line-height));
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
._content_1avnr_47 [data-type='details'] > button:empty:hover {
|
|
252
|
+
background-color: var(--rte-details-button-hover);
|
|
253
|
+
}
|
|
254
|
+
|
|
255
|
+
._content_1avnr_47 [data-type='details'] > button:empty::before {
|
|
256
|
+
content: '';
|
|
257
|
+
width: 0;
|
|
258
|
+
height: 0;
|
|
259
|
+
border-style: solid;
|
|
260
|
+
border-width: calc(0.3125rem * var(--mantine-scale)) 0 calc(0.3125rem * var(--mantine-scale)) calc(0.375rem * var(--mantine-scale));
|
|
261
|
+
border-color: transparent transparent transparent currentColor;
|
|
262
|
+
}
|
|
263
|
+
|
|
264
|
+
._content_1avnr_47
|
|
265
|
+
[data-type='details']:has(> div > [data-type='detailsContent']:not([hidden]))
|
|
266
|
+
> button:empty::before {
|
|
267
|
+
transform: rotate(90deg);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
._content_1avnr_47 [data-type='details'] > div {
|
|
271
|
+
display: flex;
|
|
272
|
+
flex-direction: column;
|
|
273
|
+
gap: var(--mantine-spacing-xs);
|
|
274
|
+
width: 100%;
|
|
275
|
+
min-width: 0;
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
._content_1avnr_47 [data-type='details'] summary {
|
|
279
|
+
font-weight: 600;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
._content_1avnr_47 [data-type='detailsContent'][hidden] {
|
|
283
|
+
display: none;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
._content_1avnr_47 [data-type='detailsContent'] > *:last-child {
|
|
287
|
+
margin-bottom: 0;
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
._linkEditorDropdown_1avnr_292 {
|
|
291
|
+
background-color: var(--mantine-color-body);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
._tableInsertDropdown_1avnr_296 {
|
|
157
295
|
background-color: var(--mantine-color-body);
|
|
296
|
+
padding: var(--mantine-spacing-xs);
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
._tableInsertGrid_1avnr_301 {
|
|
300
|
+
display: grid;
|
|
301
|
+
grid-template-columns: repeat(var(--rte-table-insert-columns, 10), 1fr);
|
|
302
|
+
gap: calc(0.1875rem * var(--mantine-scale));
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
._tableInsertCell_1avnr_307 {
|
|
306
|
+
width: calc(1.25rem * var(--mantine-scale));
|
|
307
|
+
height: calc(1.25rem * var(--mantine-scale));
|
|
158
308
|
}
|
|
159
309
|
|
|
160
|
-
.
|
|
310
|
+
:where([data-mantine-color-scheme='light']) ._tableInsertCell_1avnr_307 {
|
|
311
|
+
background-color: var(--mantine-color-gray-2);
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
:where([data-mantine-color-scheme='dark']) ._tableInsertCell_1avnr_307 {
|
|
315
|
+
background-color: var(--mantine-color-dark-5);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
._tableInsertCell_1avnr_307[data-active] {
|
|
319
|
+
background-color: var(--mantine-primary-color-filled);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
._tableInsertLabel_1avnr_324 {
|
|
323
|
+
margin-top: var(--mantine-spacing-xs);
|
|
324
|
+
text-align: center;
|
|
325
|
+
font-size: var(--mantine-font-size-sm);
|
|
326
|
+
color: var(--mantine-color-dimmed);
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
._control_1avnr_331 {
|
|
161
330
|
display: flex;
|
|
162
331
|
justify-content: center;
|
|
163
332
|
align-items: center;
|
|
@@ -165,141 +334,140 @@
|
|
|
165
334
|
cursor: default;
|
|
166
335
|
}
|
|
167
336
|
|
|
168
|
-
.
|
|
337
|
+
._control_1avnr_331:where([data-variant='default']) {
|
|
169
338
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
170
339
|
min-width: calc(1.625rem * var(--mantine-scale));
|
|
171
340
|
height: calc(1.625rem * var(--mantine-scale));
|
|
172
341
|
}
|
|
173
342
|
|
|
174
|
-
.
|
|
343
|
+
._control_1avnr_331:where([data-variant='subtle']) {
|
|
175
344
|
--control-icon-size: calc(1.25rem * var(--mantine-scale));
|
|
176
345
|
min-width: calc(2rem * var(--mantine-scale));
|
|
177
346
|
height: calc(2rem * var(--mantine-scale));
|
|
178
347
|
}
|
|
179
348
|
|
|
180
|
-
:where([data-mantine-color-scheme='light']) .
|
|
349
|
+
:where([data-mantine-color-scheme='light']) ._control_1avnr_331 {
|
|
181
350
|
background-color: var(--mantine-color-white);
|
|
182
351
|
border-color: var(--mantine-color-gray-4);
|
|
183
352
|
color: var(--mantine-color-gray-7);
|
|
184
353
|
}
|
|
185
354
|
|
|
186
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
355
|
+
:where([data-mantine-color-scheme='dark']) ._control_1avnr_331 {
|
|
187
356
|
border-color: var(--mantine-color-dark-4);
|
|
188
357
|
color: var(--mantine-color-dark-1);
|
|
189
358
|
}
|
|
190
359
|
|
|
191
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
360
|
+
:where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-variant='default']) {
|
|
192
361
|
background-color: var(--mantine-color-dark-6);
|
|
193
362
|
}
|
|
194
363
|
|
|
195
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
364
|
+
:where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-variant='subtle']) {
|
|
196
365
|
background-color: var(--mantine-color-dark-7);
|
|
197
366
|
}
|
|
198
367
|
|
|
199
|
-
.
|
|
368
|
+
._control_1avnr_331:where([data-disabled]) {
|
|
200
369
|
cursor: not-allowed;
|
|
201
|
-
|
|
202
|
-
background-color: var(--mantine-color-disabled);
|
|
370
|
+
opacity: 0.5;
|
|
203
371
|
}
|
|
204
372
|
|
|
205
|
-
.
|
|
373
|
+
._control_1avnr_331:where([data-interactive]:not([data-disabled])) {
|
|
206
374
|
cursor: pointer;
|
|
207
375
|
}
|
|
208
376
|
|
|
209
377
|
@media (hover: hover) {
|
|
210
378
|
|
|
211
|
-
.
|
|
379
|
+
._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover {
|
|
212
380
|
color: var(--mantine-color-bright);
|
|
213
381
|
}
|
|
214
|
-
:where([data-mantine-color-scheme='light']) .
|
|
382
|
+
:where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover:where([data-variant='default']) {
|
|
215
383
|
background-color: var(--mantine-color-gray-0);
|
|
216
384
|
}
|
|
217
385
|
|
|
218
|
-
:where([data-mantine-color-scheme='light']) .
|
|
386
|
+
:where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover:where([data-variant='subtle']) {
|
|
219
387
|
background-color: var(--mantine-color-gray-1);
|
|
220
388
|
}
|
|
221
389
|
|
|
222
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
390
|
+
:where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):hover {
|
|
223
391
|
background-color: var(--mantine-color-dark-5);
|
|
224
392
|
}
|
|
225
393
|
}
|
|
226
394
|
|
|
227
395
|
@media (hover: none) {
|
|
228
396
|
|
|
229
|
-
.
|
|
397
|
+
._control_1avnr_331:where([data-interactive]:not([data-disabled])):active {
|
|
230
398
|
color: var(--mantine-color-bright);
|
|
231
399
|
}
|
|
232
|
-
:where([data-mantine-color-scheme='light']) .
|
|
400
|
+
:where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active:where([data-variant='default']) {
|
|
233
401
|
background-color: var(--mantine-color-gray-0);
|
|
234
402
|
}
|
|
235
403
|
|
|
236
|
-
:where([data-mantine-color-scheme='light']) .
|
|
404
|
+
:where([data-mantine-color-scheme='light']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active:where([data-variant='subtle']) {
|
|
237
405
|
background-color: var(--mantine-color-gray-1);
|
|
238
406
|
}
|
|
239
407
|
|
|
240
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
408
|
+
:where([data-mantine-color-scheme='dark']) ._control_1avnr_331:where([data-interactive]:not([data-disabled])):active {
|
|
241
409
|
background-color: var(--mantine-color-dark-5);
|
|
242
410
|
}
|
|
243
411
|
}
|
|
244
412
|
|
|
245
|
-
.
|
|
413
|
+
._control_1avnr_331:where([data-active]) {
|
|
246
414
|
background-color: var(--mantine-primary-color-light);
|
|
247
415
|
color: var(--mantine-primary-color-light-color);
|
|
248
416
|
}
|
|
249
417
|
|
|
250
418
|
@media (hover: hover) {
|
|
251
419
|
|
|
252
|
-
.
|
|
420
|
+
._control_1avnr_331:where([data-active]):hover {
|
|
253
421
|
background-color: var(--mantine-primary-color-light-hover);
|
|
254
422
|
}
|
|
255
423
|
}
|
|
256
424
|
|
|
257
425
|
@media (hover: none) {
|
|
258
426
|
|
|
259
|
-
.
|
|
427
|
+
._control_1avnr_331:where([data-active]):active {
|
|
260
428
|
background-color: var(--mantine-primary-color-light-hover);
|
|
261
429
|
}
|
|
262
430
|
}
|
|
263
431
|
|
|
264
|
-
.
|
|
432
|
+
._controlIcon_1avnr_406 {
|
|
265
433
|
width: var(--control-icon-size, 16px);
|
|
266
434
|
height: var(--control-icon-size, 16px);
|
|
267
435
|
}
|
|
268
436
|
|
|
269
|
-
.
|
|
437
|
+
._controlsGroup_1avnr_411 {
|
|
270
438
|
display: flex;
|
|
271
439
|
background-color: var(--mantine-color-body);
|
|
272
440
|
}
|
|
273
441
|
|
|
274
|
-
.
|
|
442
|
+
._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]) {
|
|
275
443
|
border-radius: 0;
|
|
276
444
|
}
|
|
277
445
|
|
|
278
|
-
.
|
|
446
|
+
._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:not(:last-of-type)) {
|
|
279
447
|
border-inline-end-width: 0;
|
|
280
448
|
}
|
|
281
449
|
|
|
282
|
-
.
|
|
450
|
+
._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:last-of-type) {
|
|
283
451
|
border-start-end-radius: var(--mantine-radius-default);
|
|
284
452
|
border-end-end-radius: var(--mantine-radius-default);
|
|
285
453
|
}
|
|
286
454
|
|
|
287
|
-
.
|
|
455
|
+
._controlsGroup_1avnr_411:where([data-variant='default']) :where([data-rich-text-editor-control]):where(:first-of-type) {
|
|
288
456
|
border-start-start-radius: var(--mantine-radius-default);
|
|
289
457
|
border-end-start-radius: var(--mantine-radius-default);
|
|
290
458
|
}
|
|
291
459
|
|
|
292
|
-
.
|
|
460
|
+
._linkEditor_1avnr_292 {
|
|
293
461
|
display: flex;
|
|
294
462
|
}
|
|
295
463
|
|
|
296
|
-
.
|
|
464
|
+
._linkEditorInput_1avnr_440 {
|
|
297
465
|
border-start-end-radius: 0;
|
|
298
466
|
border-end-end-radius: 0;
|
|
299
467
|
border-inline-end: 0;
|
|
300
468
|
}
|
|
301
469
|
|
|
302
|
-
.
|
|
470
|
+
._linkEditorExternalControl_1avnr_446 {
|
|
303
471
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
304
472
|
color: var(--mantine-color-text);
|
|
305
473
|
height: calc(1.5rem * var(--mantine-scale));
|
|
@@ -310,41 +478,41 @@
|
|
|
310
478
|
border-radius: var(--mantine-radius-default);
|
|
311
479
|
}
|
|
312
480
|
|
|
313
|
-
:where([data-mantine-color-scheme='light']) .
|
|
481
|
+
:where([data-mantine-color-scheme='light']) ._linkEditorExternalControl_1avnr_446 {
|
|
314
482
|
background-color: var(--mantine-color-white);
|
|
315
483
|
border-color: var(--mantine-color-gray-4);
|
|
316
484
|
}
|
|
317
485
|
|
|
318
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
486
|
+
:where([data-mantine-color-scheme='dark']) ._linkEditorExternalControl_1avnr_446 {
|
|
319
487
|
background-color: var(--mantine-color-dark-7);
|
|
320
488
|
border-color: var(--mantine-color-dark-4);
|
|
321
489
|
}
|
|
322
490
|
|
|
323
|
-
.
|
|
491
|
+
._linkEditorExternalControl_1avnr_446:where([data-active]) {
|
|
324
492
|
background-color: var(--mantine-primary-color-light);
|
|
325
493
|
color: var(--mantine-primary-color-filled);
|
|
326
494
|
}
|
|
327
495
|
|
|
328
496
|
@media (hover: hover) {
|
|
329
497
|
|
|
330
|
-
.
|
|
498
|
+
._linkEditorExternalControl_1avnr_446:where([data-active]):hover {
|
|
331
499
|
background-color: var(--mantine-primary-color-light-hover);
|
|
332
500
|
}
|
|
333
501
|
}
|
|
334
502
|
|
|
335
503
|
@media (hover: none) {
|
|
336
504
|
|
|
337
|
-
.
|
|
505
|
+
._linkEditorExternalControl_1avnr_446:where([data-active]):active {
|
|
338
506
|
background-color: var(--mantine-primary-color-light-hover);
|
|
339
507
|
}
|
|
340
508
|
}
|
|
341
509
|
|
|
342
|
-
.
|
|
510
|
+
._linkEditorSave_1avnr_476 {
|
|
343
511
|
border-start-start-radius: 0;
|
|
344
512
|
border-end-start-radius: 0;
|
|
345
513
|
}
|
|
346
514
|
|
|
347
|
-
.
|
|
515
|
+
._toolbar_1avnr_481 {
|
|
348
516
|
display: flex;
|
|
349
517
|
align-items: center;
|
|
350
518
|
flex-wrap: wrap;
|
|
@@ -357,84 +525,84 @@
|
|
|
357
525
|
border-bottom: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
358
526
|
}
|
|
359
527
|
|
|
360
|
-
.
|
|
528
|
+
._toolbar_1avnr_481:where([data-variant='default']) {
|
|
361
529
|
padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
|
|
362
530
|
}
|
|
363
531
|
|
|
364
|
-
.
|
|
532
|
+
._toolbar_1avnr_481:where([data-variant='subtle']) {
|
|
365
533
|
padding: calc(0.25rem * var(--mantine-scale));
|
|
366
534
|
row-gap: 0;
|
|
367
535
|
}
|
|
368
536
|
|
|
369
|
-
:where([data-mantine-color-scheme='light']) .
|
|
537
|
+
:where([data-mantine-color-scheme='light']) ._toolbar_1avnr_481 {
|
|
370
538
|
border-color: var(--mantine-color-gray-4);
|
|
371
539
|
}
|
|
372
540
|
|
|
373
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
541
|
+
:where([data-mantine-color-scheme='dark']) ._toolbar_1avnr_481 {
|
|
374
542
|
border-color: var(--mantine-color-dark-4);
|
|
375
543
|
}
|
|
376
544
|
|
|
377
|
-
.
|
|
545
|
+
._toolbar_1avnr_481:where([data-sticky]) {
|
|
378
546
|
position: sticky;
|
|
379
547
|
}
|
|
380
548
|
|
|
381
|
-
.
|
|
549
|
+
._taskList_1avnr_515 {
|
|
382
550
|
list-style-type: none;
|
|
383
551
|
padding: 0;
|
|
384
552
|
padding-inline-start: 0;
|
|
385
553
|
}
|
|
386
554
|
|
|
387
|
-
.
|
|
555
|
+
._taskList_1avnr_515 :where(li) {
|
|
388
556
|
margin: 0;
|
|
389
557
|
padding: 0;
|
|
390
558
|
display: flex;
|
|
391
559
|
}
|
|
392
560
|
|
|
393
|
-
.
|
|
561
|
+
._taskList_1avnr_515 :where(li[data-checked] > div) {
|
|
394
562
|
flex: 1 1 auto;
|
|
395
563
|
min-width: 0;
|
|
396
564
|
}
|
|
397
565
|
|
|
398
|
-
.
|
|
566
|
+
._taskList_1avnr_515 :where(ul) {
|
|
399
567
|
margin-top: calc(0.3125rem * var(--mantine-scale));
|
|
400
568
|
}
|
|
401
569
|
|
|
402
|
-
.
|
|
570
|
+
._taskList_1avnr_515 p {
|
|
403
571
|
margin: 0;
|
|
404
572
|
padding: 0;
|
|
405
573
|
}
|
|
406
574
|
|
|
407
|
-
.
|
|
575
|
+
._taskList_1avnr_515 :where(label) {
|
|
408
576
|
display: inline-block;
|
|
409
577
|
}
|
|
410
578
|
|
|
411
|
-
.
|
|
579
|
+
._taskList_1avnr_515 :where(input) {
|
|
412
580
|
cursor: pointer;
|
|
413
581
|
appearance: none;
|
|
414
582
|
width: calc(1.125rem * var(--mantine-scale));
|
|
415
583
|
height: calc(1.125rem * var(--mantine-scale));
|
|
416
584
|
border: calc(0.0625rem * var(--mantine-scale)) solid;
|
|
417
|
-
border-radius: var(--mantine-radius-
|
|
585
|
+
border-radius: var(--mantine-radius-sm);
|
|
418
586
|
vertical-align: middle;
|
|
419
587
|
position: relative;
|
|
420
588
|
}
|
|
421
589
|
|
|
422
|
-
:where([data-mantine-color-scheme='light']) .
|
|
590
|
+
:where([data-mantine-color-scheme='light']) ._taskList_1avnr_515 :where(input) {
|
|
423
591
|
background-color: var(--mantine-color-white);
|
|
424
592
|
border-color: var(--mantine-color-gray-4);
|
|
425
593
|
}
|
|
426
594
|
|
|
427
|
-
:where([data-mantine-color-scheme='dark']) .
|
|
595
|
+
:where([data-mantine-color-scheme='dark']) ._taskList_1avnr_515 :where(input) {
|
|
428
596
|
background-color: var(--mantine-color-dark-6);
|
|
429
597
|
border-color: var(--mantine-color-dark-4);
|
|
430
598
|
}
|
|
431
599
|
|
|
432
|
-
.
|
|
600
|
+
._taskList_1avnr_515 :where(input):checked {
|
|
433
601
|
background-color: var(--mantine-primary-color-filled);
|
|
434
602
|
border-color: var(--mantine-primary-color-filled);
|
|
435
603
|
}
|
|
436
604
|
|
|
437
|
-
.
|
|
605
|
+
._taskList_1avnr_515 :where(input):checked::before {
|
|
438
606
|
position: absolute;
|
|
439
607
|
content: '';
|
|
440
608
|
inset: 0;
|
|
@@ -444,7 +612,7 @@
|
|
|
444
612
|
background-position: center;
|
|
445
613
|
}
|
|
446
614
|
|
|
447
|
-
.
|
|
615
|
+
._taskList_1avnr_515 :where(li > label) {
|
|
448
616
|
margin-inline-end: var(--mantine-spacing-sm);
|
|
449
617
|
}
|
|
450
618
|
/*$vite$:1*/
|