@mantine/tiptap 7.7.0 → 7.7.1

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 (5) hide show
  1. package/cjs/RichTextEditor.module.css.cjs +1 -1
  2. package/esm/RichTextEditor.module.css.mjs +1 -1
  3. package/package.json +5 -5
  4. package/styles.css +95 -94
  5. package/styles.layer.css +95 -94
package/cjs/RichTextEditor.module.css.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  'use strict';
3
3
 
4
- var classes = {"root":"m-dd3f7539","typographyStylesProvider":"m-d37966d9","content":"m-c2204cc2","linkEditorDropdown":"m-8a991b4f","control":"m-c2207da6","controlsGroup":"m-2ab47ef2","linkEditor":"m-b67b711e","linkEditorInput":"m-296cf94c","linkEditorExternalControl":"m-cfef614","linkEditorSave":"m-3b28e7bb","toolbar":"m-4574a3c4","taskList":"m-8b44009a"};
4
+ var classes = {"root":"m_dd3f7539","typographyStylesProvider":"m_d37966d9","content":"m_c2204cc2","linkEditorDropdown":"m_8a991b4f","control":"m_c2207da6","controlsGroup":"m_2ab47ef2","linkEditor":"m_b67b711e","linkEditorInput":"m_296cf94c","linkEditorExternalControl":"m_cfef614","linkEditorSave":"m_3b28e7bb","toolbar":"m_4574a3c4","taskList":"m_8b44009a"};
5
5
 
6
6
  module.exports = classes;
7
7
  //# sourceMappingURL=RichTextEditor.module.css.cjs.map
package/esm/RichTextEditor.module.css.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- var classes = {"root":"m-dd3f7539","typographyStylesProvider":"m-d37966d9","content":"m-c2204cc2","linkEditorDropdown":"m-8a991b4f","control":"m-c2207da6","controlsGroup":"m-2ab47ef2","linkEditor":"m-b67b711e","linkEditorInput":"m-296cf94c","linkEditorExternalControl":"m-cfef614","linkEditorSave":"m-3b28e7bb","toolbar":"m-4574a3c4","taskList":"m-8b44009a"};
2
+ var classes = {"root":"m_dd3f7539","typographyStylesProvider":"m_d37966d9","content":"m_c2204cc2","linkEditorDropdown":"m_8a991b4f","control":"m_c2207da6","controlsGroup":"m_2ab47ef2","linkEditor":"m_b67b711e","linkEditorInput":"m_296cf94c","linkEditorExternalControl":"m_cfef614","linkEditorSave":"m_3b28e7bb","toolbar":"m_4574a3c4","taskList":"m_8b44009a"};
3
3
 
4
4
  export { classes as default };
5
5
  //# sourceMappingURL=RichTextEditor.module.css.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine/tiptap",
3
- "version": "7.7.0",
3
+ "version": "7.7.1",
4
4
  "description": "Rich text editor based on tiptap",
5
5
  "homepage": "https://mantine.dev/x/tiptap",
6
6
  "license": "MIT",
@@ -44,8 +44,8 @@
44
44
  "directory": "packages/@mantine/tiptap"
45
45
  },
46
46
  "peerDependencies": {
47
- "@mantine/core": "7.7.0",
48
- "@mantine/hooks": "7.7.0",
47
+ "@mantine/core": "7.7.1",
48
+ "@mantine/hooks": "7.7.1",
49
49
  "@tiptap/extension-link": ">=2.1.12",
50
50
  "@tiptap/react": ">=2.1.12",
51
51
  "react": "^18.2.0",
@@ -53,7 +53,7 @@
53
53
  },
54
54
  "devDependencies": {
55
55
  "@mantine-tests/core": "1.1.0",
56
- "@mantine/core": "7.7.0",
57
- "@mantine/hooks": "7.7.0"
56
+ "@mantine/core": "7.7.1",
57
+ "@mantine/hooks": "7.7.1"
58
58
  }
59
59
  }
package/styles.css CHANGED
@@ -1,60 +1,60 @@
1
- .m-dd3f7539 {
1
+ .m_dd3f7539 {
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-mantine-color-scheme='light']) .m-dd3f7539 {
7
+ :where([data-mantine-color-scheme='light']) .m_dd3f7539 {
8
8
  border-color: var(--mantine-color-gray-4);
9
9
  }
10
10
 
11
- :where([data-mantine-color-scheme='dark']) .m-dd3f7539 {
11
+ :where([data-mantine-color-scheme='dark']) .m_dd3f7539 {
12
12
  border-color: var(--mantine-color-dark-4);
13
13
  }
14
14
 
15
- .m-d37966d9 {
15
+ .m_d37966d9 {
16
16
  padding: 0;
17
17
  margin: 0;
18
18
  }
19
19
 
20
- .m-d37966d9 li > p {
20
+ .m_d37966d9 li > p {
21
21
  margin: 0;
22
22
  }
23
23
 
24
- .m-d37966d9 ul li,
25
- .m-d37966d9 ol li {
24
+ .m_d37966d9 ul li,
25
+ .m_d37966d9 ol li {
26
26
  margin-top: calc(0.125rem * var(--mantine-scale));
27
27
  }
28
28
 
29
- .m-d37966d9 p {
29
+ .m_d37966d9 p {
30
30
  margin-bottom: calc(0.4375rem * var(--mantine-scale));
31
31
  }
32
32
 
33
- .m-d37966d9 h1,
34
- .m-d37966d9 h2,
35
- .m-d37966d9 h3,
36
- .m-d37966d9 h4,
37
- .m-d37966d9 h5,
38
- .m-d37966d9 h6,
39
- .m-d37966d9 p {
33
+ .m_d37966d9 h1,
34
+ .m_d37966d9 h2,
35
+ .m_d37966d9 h3,
36
+ .m_d37966d9 h4,
37
+ .m_d37966d9 h5,
38
+ .m_d37966d9 h6,
39
+ .m_d37966d9 p {
40
40
  margin-top: 0;
41
41
  }
42
42
 
43
- .m-c2204cc2 {
43
+ .m_c2204cc2 {
44
44
  background-color: var(--mantine-color-body);
45
45
  border-radius: var(--mantine-radius-default);
46
46
  }
47
47
 
48
- .m-c2204cc2 .ProseMirror {
48
+ .m_c2204cc2 .ProseMirror {
49
49
  outline: 0;
50
50
  padding: var(--mantine-spacing-md);
51
51
  }
52
52
 
53
- .m-c2204cc2 .ProseMirror > *:last-child {
53
+ .m_c2204cc2 .ProseMirror > *:last-child {
54
54
  margin-bottom: 0;
55
55
  }
56
56
 
57
- .m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
57
+ .m_c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
58
58
  content: attr(data-placeholder);
59
59
  pointer-events: none;
60
60
  user-select: none;
@@ -63,13 +63,13 @@
63
63
  color: var(--mantine-color-placeholder);
64
64
  }
65
65
 
66
- .m-c2204cc2 pre {
66
+ .m_c2204cc2 pre {
67
67
  font-family: var(--mantine-font-family-monospace);
68
68
  border-radius: var(--mantine-radius-default);
69
69
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
70
70
  }
71
71
 
72
- :where([data-mantine-color-scheme='light']) .m-c2204cc2 pre {
72
+ :where([data-mantine-color-scheme='light']) .m_c2204cc2 pre {
73
73
  background-color: var(--mantine-color-gray-0);
74
74
  color: var(--mantine-color-gray-9);
75
75
  --code-color-comment: var(--mantine-color-gray-5);
@@ -79,7 +79,7 @@
79
79
  --code-color-keyword: var(--mantine-color-violet-7);
80
80
  }
81
81
 
82
- :where([data-mantine-color-scheme='dark']) .m-c2204cc2 pre {
82
+ :where([data-mantine-color-scheme='dark']) .m_c2204cc2 pre {
83
83
  background-color: var(--mantine-color-dark-8);
84
84
  color: var(--mantine-color-dark-1);
85
85
  --code-color-comment: var(--mantine-color-dark-2);
@@ -89,69 +89,69 @@
89
89
  --code-color-keyword: var(--mantine-color-violet-3);
90
90
  }
91
91
 
92
- .m-c2204cc2 pre code {
92
+ .m_c2204cc2 pre code {
93
93
  background: none !important;
94
94
  color: inherit;
95
95
  font-size: var(--mantine-font-size-sm);
96
96
  padding: 0;
97
97
  }
98
98
 
99
- .m-c2204cc2 pre .hljs-comment,
100
- .m-c2204cc2 pre .hljs-quote {
99
+ .m_c2204cc2 pre .hljs-comment,
100
+ .m_c2204cc2 pre .hljs-quote {
101
101
  color: var(--code-color-comment);
102
102
  }
103
103
 
104
- .m-c2204cc2 pre .hljs-variable,
105
- .m-c2204cc2 pre .hljs-template-variable,
106
- .m-c2204cc2 pre .hljs-attribute,
107
- .m-c2204cc2 pre .hljs-tag,
108
- .m-c2204cc2 pre .hljs-regexp,
109
- .m-c2204cc2 pre .hljs-link,
110
- .m-c2204cc2 pre .hljs-name,
111
- .m-c2204cc2 pre .hljs-selector-id,
112
- .m-c2204cc2 pre .hljs-selector-class {
104
+ .m_c2204cc2 pre .hljs-variable,
105
+ .m_c2204cc2 pre .hljs-template-variable,
106
+ .m_c2204cc2 pre .hljs-attribute,
107
+ .m_c2204cc2 pre .hljs-tag,
108
+ .m_c2204cc2 pre .hljs-regexp,
109
+ .m_c2204cc2 pre .hljs-link,
110
+ .m_c2204cc2 pre .hljs-name,
111
+ .m_c2204cc2 pre .hljs-selector-id,
112
+ .m_c2204cc2 pre .hljs-selector-class {
113
113
  color: var(--code-color-var);
114
114
  }
115
115
 
116
- .m-c2204cc2 pre .hljs-number,
117
- .m-c2204cc2 pre .hljs-meta,
118
- .m-c2204cc2 pre .hljs-built_in,
119
- .m-c2204cc2 pre .hljs-builtin-name,
120
- .m-c2204cc2 pre .hljs-literal,
121
- .m-c2204cc2 pre .hljs-type,
122
- .m-c2204cc2 pre .hljs-params {
116
+ .m_c2204cc2 pre .hljs-number,
117
+ .m_c2204cc2 pre .hljs-meta,
118
+ .m_c2204cc2 pre .hljs-built_in,
119
+ .m_c2204cc2 pre .hljs-builtin-name,
120
+ .m_c2204cc2 pre .hljs-literal,
121
+ .m_c2204cc2 pre .hljs-type,
122
+ .m_c2204cc2 pre .hljs-params {
123
123
  color: var(--code-color-number);
124
124
  }
125
125
 
126
- .m-c2204cc2 pre .hljs-string,
127
- .m-c2204cc2 pre .hljs-symbol,
128
- .m-c2204cc2 pre .hljs-bullet {
126
+ .m_c2204cc2 pre .hljs-string,
127
+ .m_c2204cc2 pre .hljs-symbol,
128
+ .m_c2204cc2 pre .hljs-bullet {
129
129
  color: var(--code-color-var);
130
130
  }
131
131
 
132
- .m-c2204cc2 pre .hljs-title,
133
- .m-c2204cc2 pre .hljs-section {
132
+ .m_c2204cc2 pre .hljs-title,
133
+ .m_c2204cc2 pre .hljs-section {
134
134
  color: var(--code-color-title);
135
135
  }
136
136
 
137
- .m-c2204cc2 pre .hljs-keyword,
138
- .m-c2204cc2 pre .hljs-selector-tag {
137
+ .m_c2204cc2 pre .hljs-keyword,
138
+ .m_c2204cc2 pre .hljs-selector-tag {
139
139
  color: var(--code-color-keyword);
140
140
  }
141
141
 
142
- .m-c2204cc2 pre .hljs-emphasis {
142
+ .m_c2204cc2 pre .hljs-emphasis {
143
143
  font-style: italic;
144
144
  }
145
145
 
146
- .m-c2204cc2 pre .hljs-strong {
146
+ .m_c2204cc2 pre .hljs-strong {
147
147
  font-weight: 700;
148
148
  }
149
149
 
150
- .m-8a991b4f {
150
+ .m_8a991b4f {
151
151
  background-color: var(--mantine-color-body);
152
152
  }
153
153
 
154
- .m-c2207da6 {
154
+ .m_c2207da6 {
155
155
  min-width: calc(1.625rem * var(--mantine-scale));
156
156
  height: calc(1.625rem * var(--mantine-scale));
157
157
  display: flex;
@@ -162,107 +162,107 @@
162
162
  cursor: default;
163
163
  }
164
164
 
165
- :where([data-mantine-color-scheme='light']) .m-c2207da6 {
165
+ :where([data-mantine-color-scheme='light']) .m_c2207da6 {
166
166
  background-color: var(--mantine-color-white);
167
167
  border-color: var(--mantine-color-gray-4);
168
168
  }
169
169
 
170
- :where([data-mantine-color-scheme='dark']) .m-c2207da6 {
170
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6 {
171
171
  background-color: var(--mantine-color-dark-6);
172
172
  border-color: var(--mantine-color-dark-4);
173
173
  }
174
174
 
175
- .m-c2207da6:where([data-disabled]) {
175
+ .m_c2207da6:where([data-disabled]) {
176
176
  cursor: not-allowed;
177
177
  }
178
178
 
179
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-disabled]) {
179
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-disabled]) {
180
180
  background-color: var(--mantine-color-gray-1);
181
181
  color: var(--mantine-color-gray-5);
182
182
  }
183
183
 
184
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-disabled]) {
184
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-disabled]) {
185
185
  background-color: var(--mantine-color-dark-5);
186
186
  color: var(--mantine-color-dark-3);
187
187
  }
188
188
 
189
- .m-c2207da6:where([data-interactive]) {
189
+ .m_c2207da6:where([data-interactive]) {
190
190
  cursor: pointer;
191
191
  }
192
192
 
193
193
  @media (hover: hover) {
194
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-interactive]):hover {
194
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]):hover {
195
195
  background-color: var(--mantine-color-gray-0);
196
196
  }
197
197
 
198
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-interactive]):hover {
198
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]):hover {
199
199
  background-color: var(--mantine-color-dark-5);
200
200
  }
201
201
  }
202
202
 
203
203
  @media (hover: none) {
204
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-interactive]):active {
204
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]):active {
205
205
  background-color: var(--mantine-color-gray-0);
206
206
  }
207
207
 
208
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-interactive]):active {
208
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]):active {
209
209
  background-color: var(--mantine-color-dark-5);
210
210
  }
211
211
  }
212
212
 
213
- .m-c2207da6:where([data-active]) {
213
+ .m_c2207da6:where([data-active]) {
214
214
  background-color: var(--mantine-primary-color-light);
215
215
  color: var(--mantine-primary-color-light-color);
216
216
  }
217
217
 
218
218
  @media (hover: hover) {
219
219
 
220
- .m-c2207da6:where([data-active]):hover {
220
+ .m_c2207da6:where([data-active]):hover {
221
221
  background-color: var(--mantine-primary-color-light-hover);
222
222
  }
223
223
  }
224
224
 
225
225
  @media (hover: none) {
226
226
 
227
- .m-c2207da6:where([data-active]):active {
227
+ .m_c2207da6:where([data-active]):active {
228
228
  background-color: var(--mantine-primary-color-light-hover);
229
229
  }
230
230
  }
231
231
 
232
- .m-2ab47ef2 {
232
+ .m_2ab47ef2 {
233
233
  display: flex;
234
234
  background-color: var(--mantine-color-body);
235
235
  }
236
236
 
237
- .m-2ab47ef2 [data-rich-text-editor-control] {
237
+ .m_2ab47ef2 [data-rich-text-editor-control] {
238
238
  border-radius: 0;
239
239
  }
240
240
 
241
- .m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
241
+ .m_2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
242
242
  border-inline-end-width: 0;
243
243
  }
244
244
 
245
- .m-2ab47ef2 [data-rich-text-editor-control]:last-of-type {
245
+ .m_2ab47ef2 [data-rich-text-editor-control]:last-of-type {
246
246
  border-start-end-radius: var(--mantine-radius-default);
247
247
  border-end-end-radius: var(--mantine-radius-default);
248
248
  }
249
249
 
250
- .m-2ab47ef2 [data-rich-text-editor-control]:first-of-type {
250
+ .m_2ab47ef2 [data-rich-text-editor-control]:first-of-type {
251
251
  border-start-start-radius: var(--mantine-radius-default);
252
252
  border-end-start-radius: var(--mantine-radius-default);
253
253
  }
254
254
 
255
- .m-b67b711e {
255
+ .m_b67b711e {
256
256
  display: flex;
257
257
  }
258
258
 
259
- .m-296cf94c {
259
+ .m_296cf94c {
260
260
  border-start-end-radius: 0;
261
261
  border-end-end-radius: 0;
262
262
  border-inline-end: 0;
263
263
  }
264
264
 
265
- .m-cfef614 {
265
+ .m_cfef614 {
266
266
  border: calc(0.0625rem * var(--mantine-scale)) solid;
267
267
  color: var(--mantine-color-text);
268
268
  height: calc(1.5rem * var(--mantine-scale));
@@ -273,42 +273,43 @@
273
273
  border-radius: var(--mantine-radius-default);
274
274
  }
275
275
 
276
- :where([data-mantine-color-scheme='light']) .m-cfef614 {
276
+ :where([data-mantine-color-scheme='light']) .m_cfef614 {
277
277
  background-color: var(--mantine-color-white);
278
278
  border-color: var(--mantine-color-gray-4);
279
279
  }
280
280
 
281
- :where([data-mantine-color-scheme='dark']) .m-cfef614 {
281
+ :where([data-mantine-color-scheme='dark']) .m_cfef614 {
282
282
  background-color: var(--mantine-color-dark-7);
283
283
  border-color: var(--mantine-color-dark-4);
284
284
  }
285
285
 
286
- .m-cfef614:where([data-active]) {
286
+ .m_cfef614:where([data-active]) {
287
287
  background-color: var(--mantine-primary-color-light);
288
288
  color: var(--mantine-primary-color-filled);
289
289
  }
290
290
 
291
291
  @media (hover: hover) {
292
292
 
293
- .m-cfef614:where([data-active]):hover {
293
+ .m_cfef614:where([data-active]):hover {
294
294
  background-color: var(--mantine-primary-color-light-hover);
295
295
  }
296
296
  }
297
297
 
298
298
  @media (hover: none) {
299
299
 
300
- .m-cfef614:where([data-active]):active {
300
+ .m_cfef614:where([data-active]):active {
301
301
  background-color: var(--mantine-primary-color-light-hover);
302
302
  }
303
303
  }
304
304
 
305
- .m-3b28e7bb {
305
+ .m_3b28e7bb {
306
306
  border-start-start-radius: 0;
307
307
  border-end-start-radius: 0;
308
308
  }
309
309
 
310
- .m-4574a3c4 {
310
+ .m_4574a3c4 {
311
311
  display: flex;
312
+ align-items: center;
312
313
  flex-wrap: wrap;
313
314
  gap: var(--mantine-spacing-sm);
314
315
  top: var(--rte-sticky-offset, 0);
@@ -320,44 +321,44 @@
320
321
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
321
322
  }
322
323
 
323
- :where([data-mantine-color-scheme='light']) .m-4574a3c4 {
324
+ :where([data-mantine-color-scheme='light']) .m_4574a3c4 {
324
325
  border-color: var(--mantine-color-gray-4);
325
326
  }
326
327
 
327
- :where([data-mantine-color-scheme='dark']) .m-4574a3c4 {
328
+ :where([data-mantine-color-scheme='dark']) .m_4574a3c4 {
328
329
  border-color: var(--mantine-color-dark-4);
329
330
  }
330
331
 
331
- .m-4574a3c4:where([data-sticky]) {
332
+ .m_4574a3c4:where([data-sticky]) {
332
333
  position: sticky;
333
334
  }
334
335
 
335
- .m-8b44009a {
336
+ .m_8b44009a {
336
337
  list-style-type: none;
337
338
  padding: 0;
338
339
  padding-inline-start: 0;
339
340
  }
340
341
 
341
- .m-8b44009a :where(li) {
342
+ .m_8b44009a :where(li) {
342
343
  margin: 0;
343
344
  padding: 0;
344
345
  display: flex;
345
346
  }
346
347
 
347
- .m-8b44009a :where(ul) {
348
+ .m_8b44009a :where(ul) {
348
349
  margin-top: calc(0.3125rem * var(--mantine-scale));
349
350
  }
350
351
 
351
- .m-8b44009a p {
352
+ .m_8b44009a p {
352
353
  margin: 0;
353
354
  padding: 0;
354
355
  }
355
356
 
356
- .m-8b44009a :where(label) {
357
+ .m_8b44009a :where(label) {
357
358
  display: inline-block;
358
359
  }
359
360
 
360
- .m-8b44009a :where(input) {
361
+ .m_8b44009a :where(input) {
361
362
  cursor: pointer;
362
363
  appearance: none;
363
364
  width: calc(1.125rem * var(--mantine-scale));
@@ -368,22 +369,22 @@
368
369
  position: relative;
369
370
  }
370
371
 
371
- :where([data-mantine-color-scheme='light']) .m-8b44009a :where(input) {
372
+ :where([data-mantine-color-scheme='light']) .m_8b44009a :where(input) {
372
373
  background-color: var(--mantine-color-white);
373
374
  border-color: var(--mantine-color-gray-4);
374
375
  }
375
376
 
376
- :where([data-mantine-color-scheme='dark']) .m-8b44009a :where(input) {
377
+ :where([data-mantine-color-scheme='dark']) .m_8b44009a :where(input) {
377
378
  background-color: var(--mantine-color-dark-6);
378
379
  border-color: var(--mantine-color-dark-4);
379
380
  }
380
381
 
381
- .m-8b44009a :where(input):checked {
382
+ .m_8b44009a :where(input):checked {
382
383
  background-color: var(--mantine-primary-color-filled);
383
384
  border-color: var(--mantine-primary-color-filled);
384
385
  }
385
386
 
386
- .m-8b44009a :where(input):checked::before {
387
+ .m_8b44009a :where(input):checked::before {
387
388
  position: absolute;
388
389
  content: '';
389
390
  inset: 0;
@@ -393,6 +394,6 @@
393
394
  background-position: center;
394
395
  }
395
396
 
396
- .m-8b44009a :where(li > label) {
397
+ .m_8b44009a :where(li > label) {
397
398
  margin-inline-end: var(--mantine-spacing-sm);
398
399
  }
package/styles.layer.css CHANGED
@@ -1,60 +1,60 @@
1
- @layer mantine {.m-dd3f7539 {
1
+ @layer mantine {.m_dd3f7539 {
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-mantine-color-scheme='light']) .m-dd3f7539 {
7
+ :where([data-mantine-color-scheme='light']) .m_dd3f7539 {
8
8
  border-color: var(--mantine-color-gray-4);
9
9
  }
10
10
 
11
- :where([data-mantine-color-scheme='dark']) .m-dd3f7539 {
11
+ :where([data-mantine-color-scheme='dark']) .m_dd3f7539 {
12
12
  border-color: var(--mantine-color-dark-4);
13
13
  }
14
14
 
15
- .m-d37966d9 {
15
+ .m_d37966d9 {
16
16
  padding: 0;
17
17
  margin: 0;
18
18
  }
19
19
 
20
- .m-d37966d9 li > p {
20
+ .m_d37966d9 li > p {
21
21
  margin: 0;
22
22
  }
23
23
 
24
- .m-d37966d9 ul li,
25
- .m-d37966d9 ol li {
24
+ .m_d37966d9 ul li,
25
+ .m_d37966d9 ol li {
26
26
  margin-top: calc(0.125rem * var(--mantine-scale));
27
27
  }
28
28
 
29
- .m-d37966d9 p {
29
+ .m_d37966d9 p {
30
30
  margin-bottom: calc(0.4375rem * var(--mantine-scale));
31
31
  }
32
32
 
33
- .m-d37966d9 h1,
34
- .m-d37966d9 h2,
35
- .m-d37966d9 h3,
36
- .m-d37966d9 h4,
37
- .m-d37966d9 h5,
38
- .m-d37966d9 h6,
39
- .m-d37966d9 p {
33
+ .m_d37966d9 h1,
34
+ .m_d37966d9 h2,
35
+ .m_d37966d9 h3,
36
+ .m_d37966d9 h4,
37
+ .m_d37966d9 h5,
38
+ .m_d37966d9 h6,
39
+ .m_d37966d9 p {
40
40
  margin-top: 0;
41
41
  }
42
42
 
43
- .m-c2204cc2 {
43
+ .m_c2204cc2 {
44
44
  background-color: var(--mantine-color-body);
45
45
  border-radius: var(--mantine-radius-default);
46
46
  }
47
47
 
48
- .m-c2204cc2 .ProseMirror {
48
+ .m_c2204cc2 .ProseMirror {
49
49
  outline: 0;
50
50
  padding: var(--mantine-spacing-md);
51
51
  }
52
52
 
53
- .m-c2204cc2 .ProseMirror > *:last-child {
53
+ .m_c2204cc2 .ProseMirror > *:last-child {
54
54
  margin-bottom: 0;
55
55
  }
56
56
 
57
- .m-c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
57
+ .m_c2204cc2 .ProseMirror p.is-editor-empty:first-of-type::before {
58
58
  content: attr(data-placeholder);
59
59
  pointer-events: none;
60
60
  user-select: none;
@@ -63,13 +63,13 @@
63
63
  color: var(--mantine-color-placeholder);
64
64
  }
65
65
 
66
- .m-c2204cc2 pre {
66
+ .m_c2204cc2 pre {
67
67
  font-family: var(--mantine-font-family-monospace);
68
68
  border-radius: var(--mantine-radius-default);
69
69
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
70
70
  }
71
71
 
72
- :where([data-mantine-color-scheme='light']) .m-c2204cc2 pre {
72
+ :where([data-mantine-color-scheme='light']) .m_c2204cc2 pre {
73
73
  background-color: var(--mantine-color-gray-0);
74
74
  color: var(--mantine-color-gray-9);
75
75
  --code-color-comment: var(--mantine-color-gray-5);
@@ -79,7 +79,7 @@
79
79
  --code-color-keyword: var(--mantine-color-violet-7);
80
80
  }
81
81
 
82
- :where([data-mantine-color-scheme='dark']) .m-c2204cc2 pre {
82
+ :where([data-mantine-color-scheme='dark']) .m_c2204cc2 pre {
83
83
  background-color: var(--mantine-color-dark-8);
84
84
  color: var(--mantine-color-dark-1);
85
85
  --code-color-comment: var(--mantine-color-dark-2);
@@ -89,69 +89,69 @@
89
89
  --code-color-keyword: var(--mantine-color-violet-3);
90
90
  }
91
91
 
92
- .m-c2204cc2 pre code {
92
+ .m_c2204cc2 pre code {
93
93
  background: none !important;
94
94
  color: inherit;
95
95
  font-size: var(--mantine-font-size-sm);
96
96
  padding: 0;
97
97
  }
98
98
 
99
- .m-c2204cc2 pre .hljs-comment,
100
- .m-c2204cc2 pre .hljs-quote {
99
+ .m_c2204cc2 pre .hljs-comment,
100
+ .m_c2204cc2 pre .hljs-quote {
101
101
  color: var(--code-color-comment);
102
102
  }
103
103
 
104
- .m-c2204cc2 pre .hljs-variable,
105
- .m-c2204cc2 pre .hljs-template-variable,
106
- .m-c2204cc2 pre .hljs-attribute,
107
- .m-c2204cc2 pre .hljs-tag,
108
- .m-c2204cc2 pre .hljs-regexp,
109
- .m-c2204cc2 pre .hljs-link,
110
- .m-c2204cc2 pre .hljs-name,
111
- .m-c2204cc2 pre .hljs-selector-id,
112
- .m-c2204cc2 pre .hljs-selector-class {
104
+ .m_c2204cc2 pre .hljs-variable,
105
+ .m_c2204cc2 pre .hljs-template-variable,
106
+ .m_c2204cc2 pre .hljs-attribute,
107
+ .m_c2204cc2 pre .hljs-tag,
108
+ .m_c2204cc2 pre .hljs-regexp,
109
+ .m_c2204cc2 pre .hljs-link,
110
+ .m_c2204cc2 pre .hljs-name,
111
+ .m_c2204cc2 pre .hljs-selector-id,
112
+ .m_c2204cc2 pre .hljs-selector-class {
113
113
  color: var(--code-color-var);
114
114
  }
115
115
 
116
- .m-c2204cc2 pre .hljs-number,
117
- .m-c2204cc2 pre .hljs-meta,
118
- .m-c2204cc2 pre .hljs-built_in,
119
- .m-c2204cc2 pre .hljs-builtin-name,
120
- .m-c2204cc2 pre .hljs-literal,
121
- .m-c2204cc2 pre .hljs-type,
122
- .m-c2204cc2 pre .hljs-params {
116
+ .m_c2204cc2 pre .hljs-number,
117
+ .m_c2204cc2 pre .hljs-meta,
118
+ .m_c2204cc2 pre .hljs-built_in,
119
+ .m_c2204cc2 pre .hljs-builtin-name,
120
+ .m_c2204cc2 pre .hljs-literal,
121
+ .m_c2204cc2 pre .hljs-type,
122
+ .m_c2204cc2 pre .hljs-params {
123
123
  color: var(--code-color-number);
124
124
  }
125
125
 
126
- .m-c2204cc2 pre .hljs-string,
127
- .m-c2204cc2 pre .hljs-symbol,
128
- .m-c2204cc2 pre .hljs-bullet {
126
+ .m_c2204cc2 pre .hljs-string,
127
+ .m_c2204cc2 pre .hljs-symbol,
128
+ .m_c2204cc2 pre .hljs-bullet {
129
129
  color: var(--code-color-var);
130
130
  }
131
131
 
132
- .m-c2204cc2 pre .hljs-title,
133
- .m-c2204cc2 pre .hljs-section {
132
+ .m_c2204cc2 pre .hljs-title,
133
+ .m_c2204cc2 pre .hljs-section {
134
134
  color: var(--code-color-title);
135
135
  }
136
136
 
137
- .m-c2204cc2 pre .hljs-keyword,
138
- .m-c2204cc2 pre .hljs-selector-tag {
137
+ .m_c2204cc2 pre .hljs-keyword,
138
+ .m_c2204cc2 pre .hljs-selector-tag {
139
139
  color: var(--code-color-keyword);
140
140
  }
141
141
 
142
- .m-c2204cc2 pre .hljs-emphasis {
142
+ .m_c2204cc2 pre .hljs-emphasis {
143
143
  font-style: italic;
144
144
  }
145
145
 
146
- .m-c2204cc2 pre .hljs-strong {
146
+ .m_c2204cc2 pre .hljs-strong {
147
147
  font-weight: 700;
148
148
  }
149
149
 
150
- .m-8a991b4f {
150
+ .m_8a991b4f {
151
151
  background-color: var(--mantine-color-body);
152
152
  }
153
153
 
154
- .m-c2207da6 {
154
+ .m_c2207da6 {
155
155
  min-width: calc(1.625rem * var(--mantine-scale));
156
156
  height: calc(1.625rem * var(--mantine-scale));
157
157
  display: flex;
@@ -162,107 +162,107 @@
162
162
  cursor: default;
163
163
  }
164
164
 
165
- :where([data-mantine-color-scheme='light']) .m-c2207da6 {
165
+ :where([data-mantine-color-scheme='light']) .m_c2207da6 {
166
166
  background-color: var(--mantine-color-white);
167
167
  border-color: var(--mantine-color-gray-4);
168
168
  }
169
169
 
170
- :where([data-mantine-color-scheme='dark']) .m-c2207da6 {
170
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6 {
171
171
  background-color: var(--mantine-color-dark-6);
172
172
  border-color: var(--mantine-color-dark-4);
173
173
  }
174
174
 
175
- .m-c2207da6:where([data-disabled]) {
175
+ .m_c2207da6:where([data-disabled]) {
176
176
  cursor: not-allowed;
177
177
  }
178
178
 
179
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-disabled]) {
179
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-disabled]) {
180
180
  background-color: var(--mantine-color-gray-1);
181
181
  color: var(--mantine-color-gray-5);
182
182
  }
183
183
 
184
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-disabled]) {
184
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-disabled]) {
185
185
  background-color: var(--mantine-color-dark-5);
186
186
  color: var(--mantine-color-dark-3);
187
187
  }
188
188
 
189
- .m-c2207da6:where([data-interactive]) {
189
+ .m_c2207da6:where([data-interactive]) {
190
190
  cursor: pointer;
191
191
  }
192
192
 
193
193
  @media (hover: hover) {
194
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-interactive]):hover {
194
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]):hover {
195
195
  background-color: var(--mantine-color-gray-0);
196
196
  }
197
197
 
198
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-interactive]):hover {
198
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]):hover {
199
199
  background-color: var(--mantine-color-dark-5);
200
200
  }
201
201
  }
202
202
 
203
203
  @media (hover: none) {
204
- :where([data-mantine-color-scheme='light']) .m-c2207da6:where([data-interactive]):active {
204
+ :where([data-mantine-color-scheme='light']) .m_c2207da6:where([data-interactive]):active {
205
205
  background-color: var(--mantine-color-gray-0);
206
206
  }
207
207
 
208
- :where([data-mantine-color-scheme='dark']) .m-c2207da6:where([data-interactive]):active {
208
+ :where([data-mantine-color-scheme='dark']) .m_c2207da6:where([data-interactive]):active {
209
209
  background-color: var(--mantine-color-dark-5);
210
210
  }
211
211
  }
212
212
 
213
- .m-c2207da6:where([data-active]) {
213
+ .m_c2207da6:where([data-active]) {
214
214
  background-color: var(--mantine-primary-color-light);
215
215
  color: var(--mantine-primary-color-light-color);
216
216
  }
217
217
 
218
218
  @media (hover: hover) {
219
219
 
220
- .m-c2207da6:where([data-active]):hover {
220
+ .m_c2207da6:where([data-active]):hover {
221
221
  background-color: var(--mantine-primary-color-light-hover);
222
222
  }
223
223
  }
224
224
 
225
225
  @media (hover: none) {
226
226
 
227
- .m-c2207da6:where([data-active]):active {
227
+ .m_c2207da6:where([data-active]):active {
228
228
  background-color: var(--mantine-primary-color-light-hover);
229
229
  }
230
230
  }
231
231
 
232
- .m-2ab47ef2 {
232
+ .m_2ab47ef2 {
233
233
  display: flex;
234
234
  background-color: var(--mantine-color-body);
235
235
  }
236
236
 
237
- .m-2ab47ef2 [data-rich-text-editor-control] {
237
+ .m_2ab47ef2 [data-rich-text-editor-control] {
238
238
  border-radius: 0;
239
239
  }
240
240
 
241
- .m-2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
241
+ .m_2ab47ef2 [data-rich-text-editor-control]:not(:last-of-type) {
242
242
  border-inline-end-width: 0;
243
243
  }
244
244
 
245
- .m-2ab47ef2 [data-rich-text-editor-control]:last-of-type {
245
+ .m_2ab47ef2 [data-rich-text-editor-control]:last-of-type {
246
246
  border-start-end-radius: var(--mantine-radius-default);
247
247
  border-end-end-radius: var(--mantine-radius-default);
248
248
  }
249
249
 
250
- .m-2ab47ef2 [data-rich-text-editor-control]:first-of-type {
250
+ .m_2ab47ef2 [data-rich-text-editor-control]:first-of-type {
251
251
  border-start-start-radius: var(--mantine-radius-default);
252
252
  border-end-start-radius: var(--mantine-radius-default);
253
253
  }
254
254
 
255
- .m-b67b711e {
255
+ .m_b67b711e {
256
256
  display: flex;
257
257
  }
258
258
 
259
- .m-296cf94c {
259
+ .m_296cf94c {
260
260
  border-start-end-radius: 0;
261
261
  border-end-end-radius: 0;
262
262
  border-inline-end: 0;
263
263
  }
264
264
 
265
- .m-cfef614 {
265
+ .m_cfef614 {
266
266
  border: calc(0.0625rem * var(--mantine-scale)) solid;
267
267
  color: var(--mantine-color-text);
268
268
  height: calc(1.5rem * var(--mantine-scale));
@@ -273,42 +273,43 @@
273
273
  border-radius: var(--mantine-radius-default);
274
274
  }
275
275
 
276
- :where([data-mantine-color-scheme='light']) .m-cfef614 {
276
+ :where([data-mantine-color-scheme='light']) .m_cfef614 {
277
277
  background-color: var(--mantine-color-white);
278
278
  border-color: var(--mantine-color-gray-4);
279
279
  }
280
280
 
281
- :where([data-mantine-color-scheme='dark']) .m-cfef614 {
281
+ :where([data-mantine-color-scheme='dark']) .m_cfef614 {
282
282
  background-color: var(--mantine-color-dark-7);
283
283
  border-color: var(--mantine-color-dark-4);
284
284
  }
285
285
 
286
- .m-cfef614:where([data-active]) {
286
+ .m_cfef614:where([data-active]) {
287
287
  background-color: var(--mantine-primary-color-light);
288
288
  color: var(--mantine-primary-color-filled);
289
289
  }
290
290
 
291
291
  @media (hover: hover) {
292
292
 
293
- .m-cfef614:where([data-active]):hover {
293
+ .m_cfef614:where([data-active]):hover {
294
294
  background-color: var(--mantine-primary-color-light-hover);
295
295
  }
296
296
  }
297
297
 
298
298
  @media (hover: none) {
299
299
 
300
- .m-cfef614:where([data-active]):active {
300
+ .m_cfef614:where([data-active]):active {
301
301
  background-color: var(--mantine-primary-color-light-hover);
302
302
  }
303
303
  }
304
304
 
305
- .m-3b28e7bb {
305
+ .m_3b28e7bb {
306
306
  border-start-start-radius: 0;
307
307
  border-end-start-radius: 0;
308
308
  }
309
309
 
310
- .m-4574a3c4 {
310
+ .m_4574a3c4 {
311
311
  display: flex;
312
+ align-items: center;
312
313
  flex-wrap: wrap;
313
314
  gap: var(--mantine-spacing-sm);
314
315
  top: var(--rte-sticky-offset, 0);
@@ -320,44 +321,44 @@
320
321
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
321
322
  }
322
323
 
323
- :where([data-mantine-color-scheme='light']) .m-4574a3c4 {
324
+ :where([data-mantine-color-scheme='light']) .m_4574a3c4 {
324
325
  border-color: var(--mantine-color-gray-4);
325
326
  }
326
327
 
327
- :where([data-mantine-color-scheme='dark']) .m-4574a3c4 {
328
+ :where([data-mantine-color-scheme='dark']) .m_4574a3c4 {
328
329
  border-color: var(--mantine-color-dark-4);
329
330
  }
330
331
 
331
- .m-4574a3c4:where([data-sticky]) {
332
+ .m_4574a3c4:where([data-sticky]) {
332
333
  position: sticky;
333
334
  }
334
335
 
335
- .m-8b44009a {
336
+ .m_8b44009a {
336
337
  list-style-type: none;
337
338
  padding: 0;
338
339
  padding-inline-start: 0;
339
340
  }
340
341
 
341
- .m-8b44009a :where(li) {
342
+ .m_8b44009a :where(li) {
342
343
  margin: 0;
343
344
  padding: 0;
344
345
  display: flex;
345
346
  }
346
347
 
347
- .m-8b44009a :where(ul) {
348
+ .m_8b44009a :where(ul) {
348
349
  margin-top: calc(0.3125rem * var(--mantine-scale));
349
350
  }
350
351
 
351
- .m-8b44009a p {
352
+ .m_8b44009a p {
352
353
  margin: 0;
353
354
  padding: 0;
354
355
  }
355
356
 
356
- .m-8b44009a :where(label) {
357
+ .m_8b44009a :where(label) {
357
358
  display: inline-block;
358
359
  }
359
360
 
360
- .m-8b44009a :where(input) {
361
+ .m_8b44009a :where(input) {
361
362
  cursor: pointer;
362
363
  appearance: none;
363
364
  width: calc(1.125rem * var(--mantine-scale));
@@ -368,22 +369,22 @@
368
369
  position: relative;
369
370
  }
370
371
 
371
- :where([data-mantine-color-scheme='light']) .m-8b44009a :where(input) {
372
+ :where([data-mantine-color-scheme='light']) .m_8b44009a :where(input) {
372
373
  background-color: var(--mantine-color-white);
373
374
  border-color: var(--mantine-color-gray-4);
374
375
  }
375
376
 
376
- :where([data-mantine-color-scheme='dark']) .m-8b44009a :where(input) {
377
+ :where([data-mantine-color-scheme='dark']) .m_8b44009a :where(input) {
377
378
  background-color: var(--mantine-color-dark-6);
378
379
  border-color: var(--mantine-color-dark-4);
379
380
  }
380
381
 
381
- .m-8b44009a :where(input):checked {
382
+ .m_8b44009a :where(input):checked {
382
383
  background-color: var(--mantine-primary-color-filled);
383
384
  border-color: var(--mantine-primary-color-filled);
384
385
  }
385
386
 
386
- .m-8b44009a :where(input):checked::before {
387
+ .m_8b44009a :where(input):checked::before {
387
388
  position: absolute;
388
389
  content: '';
389
390
  inset: 0;
@@ -393,7 +394,7 @@
393
394
  background-position: center;
394
395
  }
395
396
 
396
- .m-8b44009a :where(li > label) {
397
+ .m_8b44009a :where(li > label) {
397
398
  margin-inline-end: var(--mantine-spacing-sm);
398
399
  }
399
400
  }