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