@mdxeditor/editor 1.12.0 → 1.13.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/dist/MDXEditor.d.ts +11 -0
- package/dist/MDXEditor.js +3 -1
- package/dist/importMarkdownToLexical.d.ts +6 -0
- package/dist/importMarkdownToLexical.js +30 -7
- package/dist/index.js +3 -1
- package/dist/plugins/codeblock/index.d.ts +82 -2
- package/dist/plugins/codemirror/index.d.ts +114 -2
- package/dist/plugins/core/index.d.ts +71 -2
- package/dist/plugins/core/index.js +53 -22
- package/dist/plugins/diff-source/DiffSourceWrapper.js +4 -1
- package/dist/plugins/diff-source/index.d.ts +82 -2
- package/dist/plugins/diff-source/index.js +1 -3
- package/dist/plugins/directives/index.d.ts +82 -2
- package/dist/plugins/frontmatter/index.d.ts +82 -2
- package/dist/plugins/headings/index.d.ts +82 -2
- package/dist/plugins/image/index.d.ts +82 -2
- package/dist/plugins/jsx/index.d.ts +82 -12
- package/dist/plugins/link/index.d.ts +8 -0
- package/dist/plugins/link-dialog/index.d.ts +66 -2
- package/dist/plugins/lists/index.d.ts +82 -2
- package/dist/plugins/lists/index.js +3 -0
- package/dist/plugins/markdown-shortcut/index.d.ts +8 -0
- package/dist/plugins/quote/index.d.ts +58 -2
- package/dist/plugins/sandpack/index.d.ts +114 -2
- package/dist/plugins/table/index.d.ts +82 -2
- package/dist/plugins/thematic-break/index.d.ts +82 -2
- package/dist/plugins/toolbar/components/ChangeAdmonitionType.js +1 -1
- package/dist/plugins/toolbar/index.d.ts +66 -2
- package/dist/style.css +206 -192
- package/dist/styles/ui.module.css.js +105 -102
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -119,6 +119,9 @@
|
|
|
119
119
|
.mdxeditor .cm-scroller {
|
|
120
120
|
padding: 0 !important;
|
|
121
121
|
}
|
|
122
|
+
.mdxeditor .cm-focused {
|
|
123
|
+
outline: none;
|
|
124
|
+
}
|
|
122
125
|
.mdxeditor .sp-wrapper {
|
|
123
126
|
border: 1px solid var(--baseLine);
|
|
124
127
|
border-radius: var(--radius-medium);
|
|
@@ -152,7 +155,7 @@
|
|
|
152
155
|
.mdxeditor .cm-activeLine {
|
|
153
156
|
background: transparent;
|
|
154
157
|
}
|
|
155
|
-
.
|
|
158
|
+
._editorRoot_1qeio_37 {
|
|
156
159
|
--accentBase: var(--blue1);
|
|
157
160
|
--accentBgSubtle: var(--blue2);
|
|
158
161
|
--accentBg: var(--blue3);
|
|
@@ -195,6 +198,8 @@
|
|
|
195
198
|
--admonitionNoteBg: var(--slate4);
|
|
196
199
|
--admonitionNoteBorder: var(--slate8);
|
|
197
200
|
|
|
201
|
+
--error-color: var(--red10);
|
|
202
|
+
|
|
198
203
|
--spacing-0:0px;
|
|
199
204
|
--spacing-px:1px;
|
|
200
205
|
--spacing-0_5:0.125rem;
|
|
@@ -251,14 +256,14 @@
|
|
|
251
256
|
color: var(--baseText);
|
|
252
257
|
}
|
|
253
258
|
|
|
254
|
-
.
|
|
259
|
+
._editorWrapper_1qeio_138 {
|
|
255
260
|
}
|
|
256
261
|
|
|
257
|
-
.
|
|
262
|
+
._nestedListItem_1qeio_141 {
|
|
258
263
|
list-style: none;
|
|
259
264
|
}
|
|
260
265
|
|
|
261
|
-
.
|
|
266
|
+
._toolbarRoot_1qeio_145 {
|
|
262
267
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
263
268
|
z-index: 1;
|
|
264
269
|
display: flex;
|
|
@@ -274,23 +279,23 @@
|
|
|
274
279
|
width: inherit;
|
|
275
280
|
}
|
|
276
281
|
|
|
277
|
-
.
|
|
282
|
+
._toolbarRoot_1qeio_145 div[role=separator] {
|
|
278
283
|
margin: var(--spacing-2) var(--spacing-1);
|
|
279
284
|
border-left: 1px solid var(--baseBorder);
|
|
280
285
|
border-right: 1px solid var(--baseBase);
|
|
281
286
|
height: var(--spacing-4);
|
|
282
287
|
}
|
|
283
288
|
|
|
284
|
-
.
|
|
289
|
+
._readOnlyToolbarRoot_1qeio_168 {
|
|
285
290
|
pointer-events: none;
|
|
286
291
|
background: var(--baseBase);
|
|
287
292
|
}
|
|
288
293
|
|
|
289
|
-
.
|
|
294
|
+
._readOnlyToolbarRoot_1qeio_168 > div {
|
|
290
295
|
opacity: 0.5;
|
|
291
296
|
}
|
|
292
297
|
|
|
293
|
-
.
|
|
298
|
+
._toolbarModeSwitch_1qeio_176 {
|
|
294
299
|
opacity: 1 !important;
|
|
295
300
|
margin-left: auto;
|
|
296
301
|
align-self: stretch;
|
|
@@ -301,31 +306,31 @@
|
|
|
301
306
|
font-size: var(--text-xs);
|
|
302
307
|
}
|
|
303
308
|
|
|
304
|
-
.
|
|
309
|
+
._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186 {
|
|
305
310
|
padding-inline-end: var(--spacing-4);
|
|
306
311
|
padding-inline-start: var(--spacing-4);
|
|
307
312
|
}
|
|
308
313
|
|
|
309
|
-
.
|
|
314
|
+
._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:active, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186[data-state=on] {
|
|
310
315
|
background-color:var(--baseBorder);
|
|
311
316
|
}
|
|
312
317
|
|
|
313
|
-
.
|
|
318
|
+
._toolbarGroupOfGroups_1qeio_196 {
|
|
314
319
|
display: flex;
|
|
315
320
|
margin: 0 var(--spacing-1);
|
|
316
321
|
}
|
|
317
322
|
|
|
318
|
-
.
|
|
323
|
+
._toolbarToggleSingleGroup_1qeio_201:first-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:first-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:first-child {
|
|
319
324
|
border-top-left-radius: var(--radius-base);
|
|
320
325
|
border-bottom-left-radius: var(--radius-base);
|
|
321
326
|
}
|
|
322
327
|
|
|
323
|
-
.
|
|
328
|
+
._toolbarToggleSingleGroup_1qeio_201:last-of-type ._toolbarToggleItem_1qeio_186:only-child, ._toolbarToggleSingleGroup_1qeio_201:only-child ._toolbarToggleItem_1qeio_186:last-child, ._toolbarModeSwitch_1qeio_176 ._toolbarToggleItem_1qeio_186:last-child {
|
|
324
329
|
border-top-right-radius: var(--radius-base);
|
|
325
330
|
border-bottom-right-radius: var(--radius-base);
|
|
326
331
|
}
|
|
327
332
|
|
|
328
|
-
.
|
|
333
|
+
._toolbarToggleItem_1qeio_186, ._toolbarButton_1qeio_215 {
|
|
329
334
|
border: 0;
|
|
330
335
|
background-color: transparent;
|
|
331
336
|
font-size: inherit;
|
|
@@ -338,41 +343,41 @@
|
|
|
338
343
|
padding: var(--spacing-1);
|
|
339
344
|
}
|
|
340
345
|
|
|
341
|
-
.
|
|
346
|
+
._toolbarToggleItem_1qeio_186 svg, ._toolbarButton_1qeio_215 svg {
|
|
342
347
|
display: block;
|
|
343
348
|
}
|
|
344
349
|
|
|
345
|
-
.
|
|
350
|
+
._toolbarToggleItem_1qeio_186:hover, ._toolbarButton_1qeio_215:hover {
|
|
346
351
|
background-color: var(--baseBgActive);
|
|
347
352
|
}
|
|
348
353
|
|
|
349
|
-
.
|
|
354
|
+
._toolbarToggleItem_1qeio_186:active svg, ._toolbarButton_1qeio_215:active svg {
|
|
350
355
|
transform: translate(1px, 1px);
|
|
351
356
|
}
|
|
352
357
|
|
|
353
|
-
.
|
|
358
|
+
._toolbarToggleItem_1qeio_186[data-state=on], ._toolbarButton_1qeio_215[data-state=on], ._toolbarToggleItem_1qeio_186:active, ._toolbarButton_1qeio_215:active {
|
|
354
359
|
color: var(--baseTextContrast);
|
|
355
360
|
background-color: var(--baseBgActive);
|
|
356
361
|
}
|
|
357
362
|
|
|
358
|
-
.
|
|
363
|
+
._toolbarToggleItem_1qeio_186[data-disabled], ._toolbarButton_1qeio_215[data-disabled] {
|
|
359
364
|
pointer-events: none;
|
|
360
365
|
color: var(--baseBorderHover);
|
|
361
366
|
}
|
|
362
367
|
|
|
363
|
-
.
|
|
368
|
+
._toolbarButton_1qeio_215 {
|
|
364
369
|
border-radius: var(--radius-base);
|
|
365
370
|
}
|
|
366
371
|
|
|
367
|
-
.
|
|
372
|
+
._activeToolbarButton_1qeio_246 {
|
|
368
373
|
color: var(--accentText);
|
|
369
374
|
}
|
|
370
375
|
|
|
371
|
-
.
|
|
376
|
+
._toolbarToggleSingleGroup_1qeio_201 {
|
|
372
377
|
white-space: nowrap;
|
|
373
378
|
}
|
|
374
379
|
|
|
375
|
-
.
|
|
380
|
+
._toolbarNodeKindSelectContainer_1qeio_254, ._toolbarButtonDropdownContainer_1qeio_255, ._toolbarCodeBlockLanguageSelectContent_1qeio_256, ._selectContainer_1qeio_257
|
|
376
381
|
{
|
|
377
382
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
378
383
|
z-index: 3;
|
|
@@ -383,15 +388,15 @@
|
|
|
383
388
|
font-size: var(--text-sm);
|
|
384
389
|
}
|
|
385
390
|
|
|
386
|
-
.
|
|
391
|
+
._toolbarButtonDropdownContainer_1qeio_255 {
|
|
387
392
|
border-top-right-radius: var(--radius-base);
|
|
388
393
|
}
|
|
389
394
|
|
|
390
|
-
.
|
|
395
|
+
._toolbarButtonDropdownContainer_1qeio_255 ._selectItem_1qeio_271:first-child {
|
|
391
396
|
border-top-right-radius: var(--radius-base);
|
|
392
397
|
}
|
|
393
398
|
|
|
394
|
-
.
|
|
399
|
+
._toolbarNodeKindSelectTrigger_1qeio_276, ._toolbarButtonSelectTrigger_1qeio_277, ._selectTrigger_1qeio_278 {
|
|
395
400
|
border: 0;
|
|
396
401
|
background-color: transparent;
|
|
397
402
|
display: flex;
|
|
@@ -407,86 +412,86 @@
|
|
|
407
412
|
margin: 0 var(--spacing-1);
|
|
408
413
|
}
|
|
409
414
|
|
|
410
|
-
.
|
|
415
|
+
._toolbarNodeKindSelectTrigger_1qeio_276[data-state=open], ._toolbarButtonSelectTrigger_1qeio_277[data-state=open], ._selectTrigger_1qeio_278[data-state=open] {
|
|
411
416
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
412
417
|
border-bottom-right-radius: var(--radius-none);
|
|
413
418
|
border-bottom-left-radius: var(--radius-none);
|
|
414
419
|
}
|
|
415
420
|
|
|
416
|
-
.
|
|
421
|
+
._selectTrigger_1qeio_278[data-placeholder] > span:first-child {
|
|
417
422
|
color: var(--baseBorderHover);
|
|
418
423
|
}
|
|
419
424
|
|
|
420
425
|
/** used in the sandpack */
|
|
421
|
-
.
|
|
426
|
+
._toolbarButtonSelectTrigger_1qeio_277 {
|
|
422
427
|
width: auto;
|
|
423
428
|
padding-inline-start: var(--spacing-2) ;
|
|
424
429
|
padding-inline-end: var(--spacing-1);
|
|
425
430
|
padding-block: var(--spacing-0_5);
|
|
426
431
|
}
|
|
427
432
|
|
|
428
|
-
.
|
|
433
|
+
._toolbarCodeBlockLanguageSelectTrigger_1qeio_312, ._toolbarCodeBlockLanguageSelectContent_1qeio_256
|
|
429
434
|
{
|
|
430
435
|
width: var(--spacing-48);
|
|
431
436
|
}
|
|
432
437
|
|
|
433
|
-
.
|
|
438
|
+
._toolbarNodeKindSelectItem_1qeio_318, ._selectItem_1qeio_271
|
|
434
439
|
{
|
|
435
440
|
cursor: default;
|
|
436
441
|
display: flex;
|
|
437
442
|
padding: var(--spacing-2);
|
|
438
443
|
}
|
|
439
444
|
|
|
440
|
-
.
|
|
445
|
+
._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
|
|
441
446
|
background-color: var(--baseBg);
|
|
442
447
|
}
|
|
443
448
|
|
|
444
|
-
.
|
|
449
|
+
._toolbarNodeKindSelectItem_1qeio_318[data-state=checked], ._selectItem_1qeio_271[data-state=checked] {
|
|
445
450
|
color: var(--baseTextContrast);
|
|
446
451
|
background-color: var(--baseBg);
|
|
447
452
|
}
|
|
448
453
|
|
|
449
|
-
.
|
|
454
|
+
._toolbarNodeKindSelectItem_1qeio_318[data-highlighted], ._selectItem_1qeio_271[data-highlighted] {
|
|
450
455
|
outline: none;
|
|
451
456
|
}
|
|
452
457
|
|
|
453
|
-
.
|
|
458
|
+
._toolbarNodeKindSelectItem_1qeio_318:last-child, ._selectItem_1qeio_271:last-child {
|
|
454
459
|
border-bottom-left-radius: var(--radius-base);
|
|
455
460
|
border-bottom-right-radius: var(--radius-base);
|
|
456
461
|
}
|
|
457
462
|
|
|
458
|
-
.
|
|
463
|
+
._toolbarNodeKindSelectDropdownArrow_1qeio_344, ._selectDropdownArrow_1qeio_345 {
|
|
459
464
|
margin-left: auto;
|
|
460
465
|
display: flex;
|
|
461
466
|
align-items: center;
|
|
462
467
|
}
|
|
463
468
|
|
|
464
|
-
.
|
|
469
|
+
._contentEditable_1qeio_351 {
|
|
465
470
|
box-sizing: border-box;
|
|
466
471
|
width: 100%;
|
|
467
472
|
color: var(--baseTextContrast);
|
|
468
473
|
padding: var(--spacing-3);
|
|
469
474
|
}
|
|
470
475
|
|
|
471
|
-
.
|
|
476
|
+
._contentEditable_1qeio_351:focus {
|
|
472
477
|
outline: none;
|
|
473
478
|
}
|
|
474
479
|
|
|
475
|
-
.
|
|
480
|
+
._sandpackWrapper_1qeio_361 {
|
|
476
481
|
margin-bottom:var(--spacing-5);
|
|
477
482
|
}
|
|
478
483
|
|
|
479
|
-
.
|
|
484
|
+
._frontmatterWrapper_1qeio_365 {
|
|
480
485
|
border-radius: var(--radius-medium);
|
|
481
486
|
padding: var(--spacing-3);
|
|
482
487
|
background-color: var(--baseBgSubtle);
|
|
483
488
|
}
|
|
484
489
|
|
|
485
|
-
.
|
|
490
|
+
._frontmatterWrapper_1qeio_365[data-expanded=true] {
|
|
486
491
|
margin-bottom: var(--spacing-10);
|
|
487
492
|
}
|
|
488
493
|
|
|
489
|
-
.
|
|
494
|
+
._frontmatterToggleButton_1qeio_375 {
|
|
490
495
|
border: 0;
|
|
491
496
|
background-color: transparent;
|
|
492
497
|
font-size: inherit;
|
|
@@ -502,7 +507,7 @@
|
|
|
502
507
|
font-size: var(--text-sm);
|
|
503
508
|
}
|
|
504
509
|
|
|
505
|
-
.
|
|
510
|
+
._propertyPanelTitle_1qeio_383 {
|
|
506
511
|
font-size: var(--text-xs);
|
|
507
512
|
font-weight: 400;
|
|
508
513
|
margin: 0;
|
|
@@ -510,49 +515,49 @@
|
|
|
510
515
|
padding-left: var(--spacing-2);
|
|
511
516
|
}
|
|
512
517
|
|
|
513
|
-
.
|
|
518
|
+
._propertyEditorTable_1qeio_391 {
|
|
514
519
|
table-layout: fixed;
|
|
515
520
|
border-spacing: var(--spacing-2);
|
|
516
521
|
}
|
|
517
522
|
|
|
518
|
-
.
|
|
523
|
+
._propertyEditorTable_1qeio_391 th {
|
|
519
524
|
text-align: left;
|
|
520
525
|
font-size: var(--text-sm);
|
|
521
526
|
padding: var(--spacing-2) var(--spacing-3);
|
|
522
527
|
}
|
|
523
528
|
|
|
524
|
-
.
|
|
529
|
+
._propertyEditorTable_1qeio_391 col:nth-child(1) {
|
|
525
530
|
width: 30%;
|
|
526
531
|
}
|
|
527
532
|
|
|
528
|
-
.
|
|
533
|
+
._propertyEditorTable_1qeio_391 col:nth-child(2) {
|
|
529
534
|
width: 70%;
|
|
530
535
|
}
|
|
531
536
|
|
|
532
|
-
.
|
|
537
|
+
._propertyEditorTable_1qeio_391 td:last-child ._iconButton_1qeio_408 {
|
|
533
538
|
margin-left: var(--spacing-4);
|
|
534
539
|
margin-right: var(--spacing-4);
|
|
535
540
|
}
|
|
536
541
|
|
|
537
|
-
.
|
|
542
|
+
._propertyEditorTable_1qeio_391 ._readOnlyColumnCell_1qeio_413 {
|
|
538
543
|
padding-left: 0;
|
|
539
544
|
}
|
|
540
545
|
|
|
541
|
-
.
|
|
546
|
+
._propertyEditorLabelCell_1qeio_418 {
|
|
542
547
|
font-weight: 400;
|
|
543
548
|
}
|
|
544
549
|
|
|
545
|
-
.
|
|
550
|
+
._readOnlyColumnCell_1qeio_413 {
|
|
546
551
|
padding-left: 0;
|
|
547
552
|
}
|
|
548
553
|
|
|
549
|
-
.
|
|
554
|
+
._buttonsFooter_1qeio_426 {
|
|
550
555
|
display: flex;
|
|
551
556
|
justify-content: flex-end;
|
|
552
557
|
gap: var(--spacing-2);
|
|
553
558
|
}
|
|
554
559
|
|
|
555
|
-
.
|
|
560
|
+
._propertyEditorInput_1qeio_432 {
|
|
556
561
|
border: 0;
|
|
557
562
|
background-color: transparent;
|
|
558
563
|
font-size: inherit;
|
|
@@ -570,7 +575,7 @@
|
|
|
570
575
|
font-size: var(--text-sm);
|
|
571
576
|
}
|
|
572
577
|
|
|
573
|
-
.
|
|
578
|
+
._iconButton_1qeio_408 {
|
|
574
579
|
border: 0;
|
|
575
580
|
background-color: transparent;
|
|
576
581
|
font-size: inherit;
|
|
@@ -583,15 +588,15 @@
|
|
|
583
588
|
color:var(--baseText);
|
|
584
589
|
}
|
|
585
590
|
|
|
586
|
-
.
|
|
591
|
+
._iconButton_1qeio_408:hover {
|
|
587
592
|
color: var(--accentText);
|
|
588
593
|
}
|
|
589
594
|
|
|
590
|
-
.
|
|
595
|
+
._iconButton_1qeio_408:disabled, ._iconButton_1qeio_408:disabled:hover {
|
|
591
596
|
color:var(--baseLine);
|
|
592
597
|
}
|
|
593
598
|
|
|
594
|
-
.
|
|
599
|
+
._primaryButton_1qeio_453, ._secondaryButton_1qeio_453 {
|
|
595
600
|
border: 0;
|
|
596
601
|
background-color: transparent;
|
|
597
602
|
font-size: inherit;
|
|
@@ -609,30 +614,30 @@
|
|
|
609
614
|
border-radius: var(--radius-medium);
|
|
610
615
|
}
|
|
611
616
|
|
|
612
|
-
.
|
|
617
|
+
._primaryButton_1qeio_453:disabled, ._secondaryButton_1qeio_453:disabled {
|
|
613
618
|
background: var(--accentLine);
|
|
614
619
|
border-color: var(--accentBg);
|
|
615
620
|
}
|
|
616
621
|
|
|
617
|
-
.
|
|
622
|
+
._smallButton_1qeio_467 {
|
|
618
623
|
font-size: var(--text-xs);
|
|
619
624
|
padding: var(--spacing-1) var(--spacing-2);
|
|
620
625
|
border-radius: var(--radius-base);
|
|
621
626
|
}
|
|
622
627
|
|
|
623
|
-
.
|
|
628
|
+
._secondaryButton_1qeio_453 {
|
|
624
629
|
border: 1px solid var(--baseBorder);
|
|
625
630
|
background-color: var(--baseSolidHover);
|
|
626
631
|
color:var(--baseBase);
|
|
627
632
|
}
|
|
628
633
|
|
|
629
|
-
.
|
|
634
|
+
._dialogForm_1qeio_479 {
|
|
630
635
|
display: flex;
|
|
631
636
|
flex-direction: row;
|
|
632
637
|
gap: var(--spacing-2);
|
|
633
638
|
}
|
|
634
639
|
|
|
635
|
-
.
|
|
640
|
+
._linkDialogEditForm_1qeio_485 {
|
|
636
641
|
display: flex;
|
|
637
642
|
flex-direction: column;
|
|
638
643
|
align-items: stretch;
|
|
@@ -640,13 +645,13 @@
|
|
|
640
645
|
padding: 0;
|
|
641
646
|
}
|
|
642
647
|
|
|
643
|
-
.
|
|
648
|
+
._linkDialogInputContainer_1qeio_493 {
|
|
644
649
|
display: flex;
|
|
645
650
|
flex-direction: column;
|
|
646
651
|
align-items: stretch;
|
|
647
652
|
}
|
|
648
653
|
|
|
649
|
-
.
|
|
654
|
+
._linkDialogInputWrapper_1qeio_499 {
|
|
650
655
|
display: flex;
|
|
651
656
|
align-items: center;
|
|
652
657
|
background-color: var(--baseBase);
|
|
@@ -655,13 +660,13 @@
|
|
|
655
660
|
border:1px solid var(--baseBorder);
|
|
656
661
|
}
|
|
657
662
|
|
|
658
|
-
.
|
|
663
|
+
._linkDialogInputWrapper_1qeio_499[data-visible-dropdown=true] {
|
|
659
664
|
border-bottom-left-radius: var(--radius-none) ;
|
|
660
665
|
border-bottom-right-radius: var(--radius-none) ;
|
|
661
666
|
border-bottom-width: 0;
|
|
662
667
|
}
|
|
663
668
|
|
|
664
|
-
.
|
|
669
|
+
._linkDialogInputWrapper_1qeio_499 > button {
|
|
665
670
|
border: 0;
|
|
666
671
|
background-color: transparent;
|
|
667
672
|
font-size: inherit;
|
|
@@ -674,7 +679,7 @@
|
|
|
674
679
|
padding-right: var(--spacing-2);
|
|
675
680
|
}
|
|
676
681
|
|
|
677
|
-
.
|
|
682
|
+
._linkDialogInput_1qeio_493, ._dialogInput_1qeio_519 {
|
|
678
683
|
border: 0;
|
|
679
684
|
background-color: transparent;
|
|
680
685
|
font-size: inherit;
|
|
@@ -689,29 +694,29 @@
|
|
|
689
694
|
font-size: var(--text-sm);
|
|
690
695
|
}
|
|
691
696
|
|
|
692
|
-
.
|
|
697
|
+
._linkDialogInput_1qeio_493::-moz-placeholder, ._dialogInput_1qeio_519::-moz-placeholder {
|
|
693
698
|
color: var(--baseBorder);
|
|
694
699
|
}
|
|
695
700
|
|
|
696
|
-
.
|
|
701
|
+
._linkDialogInput_1qeio_493::placeholder, ._dialogInput_1qeio_519::placeholder {
|
|
697
702
|
color: var(--baseBorder);
|
|
698
703
|
}
|
|
699
704
|
|
|
700
|
-
.
|
|
705
|
+
._linkDialogAnchor_1qeio_529 {
|
|
701
706
|
position: fixed;
|
|
702
707
|
background-color: highlight;
|
|
703
708
|
z-index: -1;
|
|
704
709
|
}
|
|
705
710
|
|
|
706
|
-
.
|
|
711
|
+
._linkDialogAnchor_1qeio_529[data-visible=true] {
|
|
707
712
|
visibility: visible;
|
|
708
713
|
}
|
|
709
714
|
|
|
710
|
-
.
|
|
715
|
+
._linkDialogAnchor_1qeio_529[data-visible=false] {
|
|
711
716
|
visibility: hidden;
|
|
712
717
|
}
|
|
713
718
|
|
|
714
|
-
.
|
|
719
|
+
._linkDialogPopoverContent_1qeio_543, ._tableColumnEditorPopoverContent_1qeio_543, ._dialogContent_1qeio_543 {
|
|
715
720
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
716
721
|
display: flex;
|
|
717
722
|
align-items: center;
|
|
@@ -723,7 +728,7 @@
|
|
|
723
728
|
font-size: var(--text-sm);
|
|
724
729
|
}
|
|
725
730
|
|
|
726
|
-
.
|
|
731
|
+
._largeDialogContent_1qeio_555 {
|
|
727
732
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
728
733
|
gap: var(--spacing-0_5);
|
|
729
734
|
border-radius:var(--radius-medium);
|
|
@@ -733,13 +738,13 @@
|
|
|
733
738
|
font-size: var(--text-sm);
|
|
734
739
|
}
|
|
735
740
|
|
|
736
|
-
.
|
|
741
|
+
._dialogTitle_1qeio_565 {
|
|
737
742
|
font-size: var(--text-base);
|
|
738
743
|
font-weight: 600;
|
|
739
744
|
padding-left: var(--spacing-2);
|
|
740
745
|
}
|
|
741
746
|
|
|
742
|
-
.
|
|
747
|
+
._dialogCloseButton_1qeio_571 {
|
|
743
748
|
border: 0;
|
|
744
749
|
background-color: transparent;
|
|
745
750
|
font-size: inherit;
|
|
@@ -754,7 +759,7 @@
|
|
|
754
759
|
right: 10px;
|
|
755
760
|
}
|
|
756
761
|
|
|
757
|
-
.
|
|
762
|
+
._popoverContent_1qeio_578 {
|
|
758
763
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
759
764
|
display: flex;
|
|
760
765
|
align-items: center;
|
|
@@ -766,11 +771,11 @@
|
|
|
766
771
|
z-index: 1;
|
|
767
772
|
}
|
|
768
773
|
|
|
769
|
-
.
|
|
774
|
+
._popoverArrow_1qeio_590 {
|
|
770
775
|
fill: var(--basePageBg);
|
|
771
776
|
}
|
|
772
777
|
|
|
773
|
-
.
|
|
778
|
+
._linkDialogPreviewAnchor_1qeio_594 {
|
|
774
779
|
margin-right: var(--spacing-3);
|
|
775
780
|
display: flex;
|
|
776
781
|
align-items: flex-start;
|
|
@@ -779,23 +784,23 @@
|
|
|
779
784
|
border: 1px solid transparent;
|
|
780
785
|
}
|
|
781
786
|
|
|
782
|
-
.
|
|
787
|
+
._linkDialogPreviewAnchor_1qeio_594 svg {
|
|
783
788
|
width: var(--spacing-5);
|
|
784
789
|
height: var(--spacing-5);
|
|
785
790
|
margin-left: var(--spacing-2);
|
|
786
791
|
}
|
|
787
792
|
|
|
788
|
-
.
|
|
793
|
+
._linkDialogPreviewAnchor_1qeio_594 span {
|
|
789
794
|
max-width: 14rem;
|
|
790
795
|
overflow-x: hidden;
|
|
791
796
|
text-overflow: ellipsis;
|
|
792
797
|
white-space: nowrap;
|
|
793
798
|
}
|
|
794
|
-
.
|
|
799
|
+
._tooltipTrigger_1qeio_615 {
|
|
795
800
|
align-self: center;
|
|
796
801
|
}
|
|
797
802
|
|
|
798
|
-
.
|
|
803
|
+
._tooltipContent_1qeio_619 {
|
|
799
804
|
z-index: 2;
|
|
800
805
|
position: relative;
|
|
801
806
|
border-radius: var(--radius-medium);
|
|
@@ -805,11 +810,11 @@
|
|
|
805
810
|
color: var(--baseBase);
|
|
806
811
|
}
|
|
807
812
|
|
|
808
|
-
.
|
|
813
|
+
._tooltipContent_1qeio_619 svg {
|
|
809
814
|
fill: var(--baseText);
|
|
810
815
|
}
|
|
811
816
|
|
|
812
|
-
.
|
|
817
|
+
._actionButton_1qeio_633 {
|
|
813
818
|
border: 0;
|
|
814
819
|
background-color: transparent;
|
|
815
820
|
font-size: inherit;
|
|
@@ -824,34 +829,34 @@
|
|
|
824
829
|
border-radius: var(--radius-medium);
|
|
825
830
|
}
|
|
826
831
|
|
|
827
|
-
.
|
|
832
|
+
._actionButton_1qeio_633 svg {
|
|
828
833
|
display: block;
|
|
829
834
|
}
|
|
830
835
|
|
|
831
|
-
.
|
|
836
|
+
._actionButton_1qeio_633:hover {
|
|
832
837
|
background-color: var(--baseBgHover);
|
|
833
838
|
}
|
|
834
839
|
|
|
835
|
-
.
|
|
840
|
+
._actionButton_1qeio_633:active svg {
|
|
836
841
|
transform: translate(1px, 1px);
|
|
837
842
|
}
|
|
838
843
|
|
|
839
|
-
.
|
|
844
|
+
._actionButton_1qeio_633[data-state=on], ._actionButton_1qeio_633:active {
|
|
840
845
|
background-color: var(--baseBgHover);
|
|
841
846
|
color: var(--baseTextContrast);
|
|
842
847
|
}
|
|
843
848
|
|
|
844
|
-
.
|
|
849
|
+
._primaryActionButton_1qeio_639 {
|
|
845
850
|
background-color: var(--accentSolid);
|
|
846
851
|
color:var(--baseBase);
|
|
847
852
|
}
|
|
848
853
|
|
|
849
|
-
.
|
|
854
|
+
._primaryActionButton_1qeio_639:hover {
|
|
850
855
|
background-color: var(--accentSolidHover);
|
|
851
856
|
color:var(--baseBase);
|
|
852
857
|
}
|
|
853
858
|
|
|
854
|
-
.
|
|
859
|
+
._tableEditor_1qeio_648 {
|
|
855
860
|
table-layout: fixed;
|
|
856
861
|
width: 100%;
|
|
857
862
|
height: 100%;
|
|
@@ -859,50 +864,50 @@
|
|
|
859
864
|
border-collapse: collapse;
|
|
860
865
|
}
|
|
861
866
|
|
|
862
|
-
.
|
|
867
|
+
._tableEditor_1qeio_648 thead > tr > th {
|
|
863
868
|
text-align: right;
|
|
864
869
|
}
|
|
865
870
|
|
|
866
|
-
.
|
|
871
|
+
._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) {
|
|
867
872
|
border: 1px solid var(--baseBgActive);
|
|
868
873
|
padding: var(--spacing-1) var(--spacing-2);
|
|
869
874
|
white-space: normal;
|
|
870
875
|
}
|
|
871
876
|
|
|
872
|
-
.
|
|
877
|
+
._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div {
|
|
873
878
|
outline: none;
|
|
874
879
|
}
|
|
875
880
|
|
|
876
|
-
.
|
|
881
|
+
._tableEditor_1qeio_648 > tbody > tr > td:not(._toolCell_1qeio_659) > div > p {
|
|
877
882
|
margin: 0;
|
|
878
883
|
}
|
|
879
884
|
|
|
880
|
-
.
|
|
885
|
+
._tableEditor_1qeio_648 > tbody > tr > td[data-active=true]:not(._toolCell_1qeio_659) {
|
|
881
886
|
outline: solid 1px var(--baseSolid);
|
|
882
887
|
}
|
|
883
888
|
|
|
884
|
-
.
|
|
889
|
+
._tableEditor_1qeio_648 ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648 ._addRowButton_1qeio_676, ._tableEditor_1qeio_648 ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648 ._iconButton_1qeio_408 {
|
|
885
890
|
opacity: .15;
|
|
886
891
|
}
|
|
887
892
|
|
|
888
|
-
.
|
|
893
|
+
._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408 {
|
|
889
894
|
opacity: 0.3;
|
|
890
895
|
}
|
|
891
896
|
|
|
892
|
-
.
|
|
897
|
+
._tableEditor_1qeio_648:hover ._tableColumnEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._tableRowEditorTrigger_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addRowButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._addColumnButton_1qeio_676:hover, ._tableEditor_1qeio_648:hover ._iconButton_1qeio_408:hover {
|
|
893
898
|
opacity: 1;
|
|
894
899
|
}
|
|
895
900
|
|
|
896
|
-
.
|
|
901
|
+
._toolCell_1qeio_659 {
|
|
897
902
|
text-align: right;
|
|
898
903
|
}
|
|
899
904
|
|
|
900
|
-
.
|
|
905
|
+
._toolCell_1qeio_659 button {
|
|
901
906
|
margin: auto;
|
|
902
907
|
display: block;
|
|
903
908
|
}
|
|
904
909
|
|
|
905
|
-
.
|
|
910
|
+
._tableColumnEditorTrigger_1qeio_676 {
|
|
906
911
|
border: 0;
|
|
907
912
|
background-color: transparent;
|
|
908
913
|
font-size: inherit;
|
|
@@ -918,32 +923,32 @@
|
|
|
918
923
|
opacity: 0.2;
|
|
919
924
|
}
|
|
920
925
|
|
|
921
|
-
.
|
|
926
|
+
._tableColumnEditorTrigger_1qeio_676 svg {
|
|
922
927
|
display: block;
|
|
923
928
|
}
|
|
924
929
|
|
|
925
|
-
.
|
|
930
|
+
._tableColumnEditorTrigger_1qeio_676:hover {
|
|
926
931
|
background-color: var(--baseBgHover);
|
|
927
932
|
}
|
|
928
933
|
|
|
929
|
-
.
|
|
934
|
+
._tableColumnEditorTrigger_1qeio_676:active svg {
|
|
930
935
|
transform: translate(1px, 1px);
|
|
931
936
|
}
|
|
932
937
|
|
|
933
|
-
.
|
|
938
|
+
._tableColumnEditorTrigger_1qeio_676[data-state=on], ._tableColumnEditorTrigger_1qeio_676:active {
|
|
934
939
|
background-color: var(--baseBgHover);
|
|
935
940
|
color: var(--baseTextContrast);
|
|
936
941
|
}
|
|
937
942
|
|
|
938
|
-
.
|
|
943
|
+
._tableColumnEditorTrigger_1qeio_676[data-active=true] {
|
|
939
944
|
opacity: 1 !important;
|
|
940
945
|
}
|
|
941
946
|
|
|
942
|
-
.
|
|
947
|
+
._tableColumnEditorToolbar_1qeio_710 {
|
|
943
948
|
display: flex;
|
|
944
949
|
}
|
|
945
950
|
|
|
946
|
-
.
|
|
951
|
+
._tableColumnEditorToolbar_1qeio_710 > button {
|
|
947
952
|
border: 0;
|
|
948
953
|
background-color: transparent;
|
|
949
954
|
font-size: inherit;
|
|
@@ -956,35 +961,35 @@
|
|
|
956
961
|
padding: var(--spacing-1_5);
|
|
957
962
|
}
|
|
958
963
|
|
|
959
|
-
.
|
|
964
|
+
._tableColumnEditorToolbar_1qeio_710 > button svg {
|
|
960
965
|
display: block;
|
|
961
966
|
}
|
|
962
967
|
|
|
963
|
-
.
|
|
968
|
+
._tableColumnEditorToolbar_1qeio_710 > button:hover {
|
|
964
969
|
background-color: var(--baseBgHover);
|
|
965
970
|
}
|
|
966
971
|
|
|
967
|
-
.
|
|
972
|
+
._tableColumnEditorToolbar_1qeio_710 > button:active svg {
|
|
968
973
|
transform: translate(1px, 1px);
|
|
969
974
|
}
|
|
970
975
|
|
|
971
|
-
.
|
|
976
|
+
._tableColumnEditorToolbar_1qeio_710 > button[data-state=on], ._tableColumnEditorToolbar_1qeio_710 > button:active {
|
|
972
977
|
background-color: var(--baseBgHover);
|
|
973
978
|
color: var(--baseTextContrast);
|
|
974
979
|
}
|
|
975
980
|
|
|
976
|
-
.
|
|
981
|
+
._tableColumnEditorToolbar_1qeio_710 [role=separator] {
|
|
977
982
|
margin-left: var(--spacing-1);
|
|
978
983
|
margin-right: var(--spacing-1);
|
|
979
984
|
}
|
|
980
985
|
|
|
981
986
|
|
|
982
|
-
.
|
|
987
|
+
._toggleGroupRoot_1qeio_723 {
|
|
983
988
|
display: inline-flex;
|
|
984
989
|
}
|
|
985
990
|
|
|
986
991
|
|
|
987
|
-
.
|
|
992
|
+
._toggleGroupRoot_1qeio_723 button {
|
|
988
993
|
border: 0;
|
|
989
994
|
background-color: transparent;
|
|
990
995
|
font-size: inherit;
|
|
@@ -998,60 +1003,60 @@
|
|
|
998
1003
|
}
|
|
999
1004
|
|
|
1000
1005
|
|
|
1001
|
-
.
|
|
1006
|
+
._toggleGroupRoot_1qeio_723 button svg {
|
|
1002
1007
|
display: block;
|
|
1003
1008
|
}
|
|
1004
1009
|
|
|
1005
1010
|
|
|
1006
|
-
.
|
|
1011
|
+
._toggleGroupRoot_1qeio_723 button:hover {
|
|
1007
1012
|
background-color: var(--baseBgHover);
|
|
1008
1013
|
}
|
|
1009
1014
|
|
|
1010
1015
|
|
|
1011
|
-
.
|
|
1016
|
+
._toggleGroupRoot_1qeio_723 button:active svg {
|
|
1012
1017
|
transform: translate(1px, 1px);
|
|
1013
1018
|
}
|
|
1014
1019
|
|
|
1015
1020
|
|
|
1016
|
-
.
|
|
1021
|
+
._toggleGroupRoot_1qeio_723 button[data-state=on], ._toggleGroupRoot_1qeio_723 button:active {
|
|
1017
1022
|
background-color: var(--baseBgHover);
|
|
1018
1023
|
color: var(--baseTextContrast);
|
|
1019
1024
|
}
|
|
1020
1025
|
|
|
1021
1026
|
|
|
1022
|
-
.
|
|
1027
|
+
._toggleGroupRoot_1qeio_723 button:first-child {
|
|
1023
1028
|
border-top-left-radius: var(--radius-base);
|
|
1024
1029
|
border-bottom-left-radius: var(--radius-base);
|
|
1025
1030
|
}
|
|
1026
1031
|
|
|
1027
1032
|
|
|
1028
|
-
.
|
|
1033
|
+
._toggleGroupRoot_1qeio_723 button:last-child {
|
|
1029
1034
|
border-top-right-radius: var(--radius-base);
|
|
1030
1035
|
border-bottom-right-radius: var(--radius-base);
|
|
1031
1036
|
}
|
|
1032
1037
|
|
|
1033
|
-
.
|
|
1038
|
+
._tableToolsColumn_1qeio_740 {
|
|
1034
1039
|
width: 3rem;
|
|
1035
1040
|
}
|
|
1036
1041
|
|
|
1037
|
-
.
|
|
1042
|
+
._tableToolsColumn_1qeio_740 button {
|
|
1038
1043
|
margin: auto;
|
|
1039
1044
|
display: block;
|
|
1040
1045
|
}
|
|
1041
1046
|
|
|
1042
|
-
.
|
|
1047
|
+
._leftAlignedCell_1qeio_748 {
|
|
1043
1048
|
text-align: left;
|
|
1044
1049
|
}
|
|
1045
1050
|
|
|
1046
|
-
.
|
|
1051
|
+
._rightAlignedCell_1qeio_752 {
|
|
1047
1052
|
text-align: right;
|
|
1048
1053
|
}
|
|
1049
1054
|
|
|
1050
|
-
.
|
|
1055
|
+
._centeredCell_1qeio_756 {
|
|
1051
1056
|
text-align: center;
|
|
1052
1057
|
}
|
|
1053
1058
|
|
|
1054
|
-
.
|
|
1059
|
+
._addColumnButton_1qeio_676, ._addRowButton_1qeio_676 {
|
|
1055
1060
|
border: 0;
|
|
1056
1061
|
background-color: transparent;
|
|
1057
1062
|
font-size: inherit;
|
|
@@ -1068,28 +1073,28 @@
|
|
|
1068
1073
|
align-items: center;
|
|
1069
1074
|
}
|
|
1070
1075
|
|
|
1071
|
-
.
|
|
1076
|
+
._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
|
|
1072
1077
|
display: block;
|
|
1073
1078
|
}
|
|
1074
1079
|
|
|
1075
|
-
.
|
|
1080
|
+
._addColumnButton_1qeio_676:hover, ._addRowButton_1qeio_676:hover {
|
|
1076
1081
|
background-color: var(--baseBgHover);
|
|
1077
1082
|
}
|
|
1078
1083
|
|
|
1079
|
-
.
|
|
1084
|
+
._addColumnButton_1qeio_676:active svg, ._addRowButton_1qeio_676:active svg {
|
|
1080
1085
|
transform: translate(1px, 1px);
|
|
1081
1086
|
}
|
|
1082
1087
|
|
|
1083
|
-
.
|
|
1088
|
+
._addColumnButton_1qeio_676[data-state=on], ._addRowButton_1qeio_676[data-state=on], ._addColumnButton_1qeio_676:active, ._addRowButton_1qeio_676:active {
|
|
1084
1089
|
background-color: var(--baseBgHover);
|
|
1085
1090
|
color: var(--baseTextContrast);
|
|
1086
1091
|
}
|
|
1087
1092
|
|
|
1088
|
-
.
|
|
1093
|
+
._addColumnButton_1qeio_676 svg, ._addRowButton_1qeio_676 svg {
|
|
1089
1094
|
margin: auto;
|
|
1090
1095
|
}
|
|
1091
1096
|
|
|
1092
|
-
.
|
|
1097
|
+
._addRowButton_1qeio_676 {
|
|
1093
1098
|
width: 100%;
|
|
1094
1099
|
margin-top: var(--spacing-px);
|
|
1095
1100
|
box-sizing: border-box;
|
|
@@ -1097,7 +1102,7 @@
|
|
|
1097
1102
|
border-bottom-left-radius: var(--radius-medium);
|
|
1098
1103
|
}
|
|
1099
1104
|
|
|
1100
|
-
.
|
|
1105
|
+
._addColumnButton_1qeio_676 {
|
|
1101
1106
|
margin-left: var(--spacing-px);
|
|
1102
1107
|
height: 100%;
|
|
1103
1108
|
border-top-right-radius: var(--radius-medium);
|
|
@@ -1105,30 +1110,30 @@
|
|
|
1105
1110
|
}
|
|
1106
1111
|
|
|
1107
1112
|
/** Dialog */
|
|
1108
|
-
.
|
|
1113
|
+
._dialogOverlay_1qeio_787 {
|
|
1109
1114
|
position: fixed;
|
|
1110
1115
|
inset: 0;
|
|
1111
|
-
animation:
|
|
1116
|
+
animation: _overlayShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1112
1117
|
background-color: var(--baseBase);
|
|
1113
1118
|
z-index: 51;
|
|
1114
1119
|
opacity: 0.5;
|
|
1115
1120
|
}
|
|
1116
1121
|
|
|
1117
|
-
.
|
|
1122
|
+
._dialogContent_1qeio_543, ._largeDialogContent_1qeio_555 {
|
|
1118
1123
|
position: fixed;
|
|
1119
1124
|
top: 50%;
|
|
1120
1125
|
left: 50%;
|
|
1121
1126
|
transform: translate(-50%, -50%);
|
|
1122
|
-
animation:
|
|
1127
|
+
animation: _contentShow_1qeio_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1123
1128
|
z-index: 52;
|
|
1124
1129
|
}
|
|
1125
1130
|
|
|
1126
|
-
.
|
|
1131
|
+
._dialogContent_1qeio_543:focus, ._largeDialogContent_1qeio_555:focus {
|
|
1127
1132
|
outline: none;
|
|
1128
1133
|
}
|
|
1129
1134
|
|
|
1130
1135
|
|
|
1131
|
-
@keyframes
|
|
1136
|
+
@keyframes _overlayShow_1qeio_1 {
|
|
1132
1137
|
from {
|
|
1133
1138
|
opacity: 0;
|
|
1134
1139
|
}
|
|
@@ -1137,7 +1142,7 @@
|
|
|
1137
1142
|
}
|
|
1138
1143
|
}
|
|
1139
1144
|
|
|
1140
|
-
@keyframes
|
|
1145
|
+
@keyframes _contentShow_1qeio_1 {
|
|
1141
1146
|
from {
|
|
1142
1147
|
opacity: 0;
|
|
1143
1148
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1148,22 +1153,22 @@
|
|
|
1148
1153
|
}
|
|
1149
1154
|
}
|
|
1150
1155
|
|
|
1151
|
-
.
|
|
1156
|
+
._focusedImage_1qeio_830 {
|
|
1152
1157
|
outline: highlight solid 2px;
|
|
1153
1158
|
}
|
|
1154
1159
|
|
|
1155
|
-
.
|
|
1160
|
+
._imageWrapper_1qeio_834 {
|
|
1156
1161
|
display: inline-block;
|
|
1157
1162
|
position: relative;
|
|
1158
1163
|
}
|
|
1159
1164
|
|
|
1160
|
-
.
|
|
1165
|
+
._imageWrapper_1qeio_834[draggable=true] {
|
|
1161
1166
|
cursor: move; /* fallback if grab cursor is unsupported */
|
|
1162
1167
|
cursor: grab;
|
|
1163
1168
|
cursor: -webkit-grab;
|
|
1164
1169
|
}
|
|
1165
1170
|
|
|
1166
|
-
.
|
|
1171
|
+
._editImageButton_1qeio_846 {
|
|
1167
1172
|
position: absolute;
|
|
1168
1173
|
right: var(--spacing-2);
|
|
1169
1174
|
top: var(--spacing-2);
|
|
@@ -1171,11 +1176,11 @@
|
|
|
1171
1176
|
border-radius: var(--radius-full);
|
|
1172
1177
|
}
|
|
1173
1178
|
|
|
1174
|
-
.
|
|
1179
|
+
._editImageButton_1qeio_846 svg {
|
|
1175
1180
|
display: block;
|
|
1176
1181
|
}
|
|
1177
1182
|
|
|
1178
|
-
.
|
|
1183
|
+
._inlineEditor_1qeio_858 {
|
|
1179
1184
|
display: inline-flex;
|
|
1180
1185
|
border-radius: var(--radius-medium);
|
|
1181
1186
|
padding: var(--spacing-1);
|
|
@@ -1184,7 +1189,7 @@
|
|
|
1184
1189
|
background: var(--baseBg);
|
|
1185
1190
|
}
|
|
1186
1191
|
|
|
1187
|
-
.
|
|
1192
|
+
._blockEditor_1qeio_867 {
|
|
1188
1193
|
display: flex;
|
|
1189
1194
|
justify-content: stretch;
|
|
1190
1195
|
border-radius: var(--radius-medium);
|
|
@@ -1194,70 +1199,70 @@
|
|
|
1194
1199
|
background: var(--baseBg);
|
|
1195
1200
|
}
|
|
1196
1201
|
|
|
1197
|
-
.
|
|
1202
|
+
._blockEditor_1qeio_867 ._nestedEditor_1qeio_876 {
|
|
1198
1203
|
flex-grow: 1;
|
|
1199
1204
|
}
|
|
1200
1205
|
|
|
1201
|
-
.
|
|
1206
|
+
._nestedEditor_1qeio_876 {
|
|
1202
1207
|
background: white;
|
|
1203
1208
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1204
1209
|
border-radius: var(--radius-medium);
|
|
1205
1210
|
}
|
|
1206
1211
|
|
|
1207
|
-
.
|
|
1212
|
+
._nestedEditor_1qeio_876 > p {
|
|
1208
1213
|
margin: 0;
|
|
1209
1214
|
}
|
|
1210
1215
|
|
|
1211
|
-
.
|
|
1216
|
+
._nestedEditor_1qeio_876:focus {
|
|
1212
1217
|
outline: none;
|
|
1213
1218
|
}
|
|
1214
1219
|
|
|
1215
|
-
.
|
|
1220
|
+
._genericComponentName_1qeio_893 {
|
|
1216
1221
|
font-size: var(--text-sm);
|
|
1217
1222
|
color: var(--baseText);
|
|
1218
1223
|
padding-right: var(--spacing-2);
|
|
1219
1224
|
}
|
|
1220
1225
|
|
|
1221
|
-
.
|
|
1226
|
+
._diffSourceToggle_1qeio_899 {
|
|
1222
1227
|
border-radius: var(--radius-medium);
|
|
1223
1228
|
display: flex;
|
|
1224
1229
|
}
|
|
1225
1230
|
|
|
1226
|
-
.
|
|
1231
|
+
._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 {
|
|
1227
1232
|
padding: 0;
|
|
1228
1233
|
}
|
|
1229
1234
|
|
|
1230
|
-
.
|
|
1235
|
+
._diffSourceToggle_1qeio_899 ._toolbarToggleItem_1qeio_186 > span {
|
|
1231
1236
|
display: block;
|
|
1232
1237
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1233
1238
|
}
|
|
1234
1239
|
|
|
1235
|
-
.
|
|
1240
|
+
._selectWithLabel_1qeio_912 {
|
|
1236
1241
|
display: flex;
|
|
1237
1242
|
align-items: center;
|
|
1238
1243
|
gap: var(--spacing-2);
|
|
1239
1244
|
margin-left: var(--spacing-2);
|
|
1240
1245
|
}
|
|
1241
1246
|
|
|
1242
|
-
.
|
|
1247
|
+
._selectWithLabel_1qeio_912 > label {
|
|
1243
1248
|
font-size: var(--text-sm);
|
|
1244
1249
|
}
|
|
1245
1250
|
|
|
1246
|
-
.
|
|
1251
|
+
._selectWithLabel_1qeio_912 ._selectTrigger_1qeio_278 {
|
|
1247
1252
|
border: 1px solid var(--baseBorder);
|
|
1248
1253
|
}
|
|
1249
1254
|
|
|
1250
|
-
.
|
|
1255
|
+
._toolbarTitleMode_1qeio_926 {
|
|
1251
1256
|
font-size: var(--text-sm);
|
|
1252
1257
|
margin-left: var(--spacing-2);
|
|
1253
1258
|
}
|
|
1254
1259
|
|
|
1255
1260
|
|
|
1256
|
-
.
|
|
1261
|
+
._imageControlWrapperResizing_1qeio_932 {
|
|
1257
1262
|
touch-action: none;
|
|
1258
1263
|
}
|
|
1259
1264
|
|
|
1260
|
-
.
|
|
1265
|
+
._imageResizer_1qeio_936 {
|
|
1261
1266
|
display: block;
|
|
1262
1267
|
width: 7px;
|
|
1263
1268
|
height: 7px;
|
|
@@ -1266,55 +1271,55 @@
|
|
|
1266
1271
|
border: 1px solid var(--baseBg);
|
|
1267
1272
|
}
|
|
1268
1273
|
|
|
1269
|
-
.
|
|
1274
|
+
._imageResizer_1qeio_936._imageResizerN_1qeio_945 {
|
|
1270
1275
|
top: -6px;
|
|
1271
1276
|
left: 48%;
|
|
1272
1277
|
cursor: n-resize;
|
|
1273
1278
|
}
|
|
1274
1279
|
|
|
1275
|
-
.
|
|
1280
|
+
._imageResizer_1qeio_936._imageResizerNe_1qeio_951 {
|
|
1276
1281
|
top: -6px;
|
|
1277
1282
|
right: -6px;
|
|
1278
1283
|
cursor: ne-resize;
|
|
1279
1284
|
}
|
|
1280
1285
|
|
|
1281
|
-
.
|
|
1286
|
+
._imageResizer_1qeio_936._imageResizerE_1qeio_957 {
|
|
1282
1287
|
bottom: 48%;
|
|
1283
1288
|
right: -6px;
|
|
1284
1289
|
cursor: e-resize;
|
|
1285
1290
|
}
|
|
1286
1291
|
|
|
1287
|
-
.
|
|
1292
|
+
._imageResizer_1qeio_936._imageResizerSe_1qeio_963 {
|
|
1288
1293
|
bottom: -2px;
|
|
1289
1294
|
right: -6px;
|
|
1290
1295
|
cursor: nwse-resize;
|
|
1291
1296
|
}
|
|
1292
1297
|
|
|
1293
|
-
.
|
|
1298
|
+
._imageResizer_1qeio_936._imageResizerS_1qeio_963 {
|
|
1294
1299
|
bottom: -2px;
|
|
1295
1300
|
left: 48%;
|
|
1296
1301
|
cursor: s-resize;
|
|
1297
1302
|
}
|
|
1298
1303
|
|
|
1299
|
-
.
|
|
1304
|
+
._imageResizer_1qeio_936._imageResizerSw_1qeio_975 {
|
|
1300
1305
|
bottom: -2px;
|
|
1301
1306
|
left: -6px;
|
|
1302
1307
|
cursor: sw-resize;
|
|
1303
1308
|
}
|
|
1304
1309
|
|
|
1305
|
-
.
|
|
1310
|
+
._imageResizer_1qeio_936._imageResizerW_1qeio_981 {
|
|
1306
1311
|
bottom: 48%;
|
|
1307
1312
|
left: -6px;
|
|
1308
1313
|
cursor: w-resize;
|
|
1309
1314
|
}
|
|
1310
1315
|
|
|
1311
|
-
.
|
|
1316
|
+
._imageResizer_1qeio_936._imageResizerNw_1qeio_987 {
|
|
1312
1317
|
top: -6px;
|
|
1313
1318
|
left: -6px;
|
|
1314
1319
|
cursor: nw-resize;
|
|
1315
1320
|
}
|
|
1316
1321
|
|
|
1317
|
-
.
|
|
1322
|
+
._placeholder_1qeio_993 {
|
|
1318
1323
|
color: var(--baseSolid);
|
|
1319
1324
|
overflow: hidden;
|
|
1320
1325
|
position: absolute;
|
|
@@ -1329,19 +1334,19 @@
|
|
|
1329
1334
|
pointer-events: none;
|
|
1330
1335
|
}
|
|
1331
1336
|
|
|
1332
|
-
.
|
|
1337
|
+
._rootContentEditableWrapper_1qeio_1006 {
|
|
1333
1338
|
position: relative;
|
|
1334
1339
|
}
|
|
1335
1340
|
|
|
1336
1341
|
|
|
1337
1342
|
|
|
1338
|
-
.
|
|
1343
|
+
._downshiftContainer_1qeio_1012 {
|
|
1339
1344
|
display: flex;
|
|
1340
1345
|
flex-direction: column;
|
|
1341
1346
|
align-items: stretch;
|
|
1342
1347
|
}
|
|
1343
1348
|
|
|
1344
|
-
.
|
|
1349
|
+
._downshiftInputWrapper_1qeio_1018 {
|
|
1345
1350
|
display: flex;
|
|
1346
1351
|
align-items: center;
|
|
1347
1352
|
background-color: var(--baseBase);
|
|
@@ -1350,13 +1355,13 @@
|
|
|
1350
1355
|
border:1px solid var(--baseBorder);
|
|
1351
1356
|
}
|
|
1352
1357
|
|
|
1353
|
-
.
|
|
1358
|
+
._downshiftInputWrapper_1qeio_1018[data-visible-dropdown=true] {
|
|
1354
1359
|
border-bottom-left-radius: var(--radius-none) ;
|
|
1355
1360
|
border-bottom-right-radius: var(--radius-none) ;
|
|
1356
1361
|
border-bottom-width: 0;
|
|
1357
1362
|
}
|
|
1358
1363
|
|
|
1359
|
-
.
|
|
1364
|
+
._downshiftInputWrapper_1qeio_1018 > button {
|
|
1360
1365
|
border: 0;
|
|
1361
1366
|
background-color: transparent;
|
|
1362
1367
|
font-size: inherit;
|
|
@@ -1369,7 +1374,7 @@
|
|
|
1369
1374
|
padding-right: var(--spacing-2);
|
|
1370
1375
|
}
|
|
1371
1376
|
|
|
1372
|
-
.
|
|
1377
|
+
._downshiftInput_1qeio_1018 {
|
|
1373
1378
|
border: 0;
|
|
1374
1379
|
background-color: transparent;
|
|
1375
1380
|
font-size: inherit;
|
|
@@ -1384,19 +1389,19 @@
|
|
|
1384
1389
|
font-size: var(--text-sm);
|
|
1385
1390
|
}
|
|
1386
1391
|
|
|
1387
|
-
.
|
|
1392
|
+
._downshiftInput_1qeio_1018::-moz-placeholder {
|
|
1388
1393
|
color: var(--baseBorder);
|
|
1389
1394
|
}
|
|
1390
1395
|
|
|
1391
|
-
.
|
|
1396
|
+
._downshiftInput_1qeio_1018::placeholder {
|
|
1392
1397
|
color: var(--baseBorder);
|
|
1393
1398
|
}
|
|
1394
1399
|
|
|
1395
|
-
.
|
|
1400
|
+
._downshiftAutocompleteContainer_1qeio_1048 {
|
|
1396
1401
|
position: relative;
|
|
1397
1402
|
}
|
|
1398
1403
|
|
|
1399
|
-
.
|
|
1404
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul {
|
|
1400
1405
|
all: unset;
|
|
1401
1406
|
box-sizing: border-box;
|
|
1402
1407
|
position: absolute;
|
|
@@ -1413,11 +1418,11 @@
|
|
|
1413
1418
|
background-color: var(--baseBase);
|
|
1414
1419
|
}
|
|
1415
1420
|
|
|
1416
|
-
.
|
|
1421
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul[data-visible=true] {
|
|
1417
1422
|
display: block;
|
|
1418
1423
|
}
|
|
1419
1424
|
|
|
1420
|
-
.
|
|
1425
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul li {
|
|
1421
1426
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1422
1427
|
white-space: nowrap;
|
|
1423
1428
|
margin-bottom: var(--spacing-1);
|
|
@@ -1425,20 +1430,20 @@
|
|
|
1425
1430
|
text-overflow: ellipsis;
|
|
1426
1431
|
}
|
|
1427
1432
|
|
|
1428
|
-
.
|
|
1433
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul li[data-selected=true] {
|
|
1429
1434
|
background-color: var(--baseBgSubtle);
|
|
1430
1435
|
}
|
|
1431
1436
|
|
|
1432
|
-
.
|
|
1437
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul li[data-highlighted=true] {
|
|
1433
1438
|
background-color: var(--baseBgHover);
|
|
1434
1439
|
}
|
|
1435
1440
|
|
|
1436
|
-
.
|
|
1441
|
+
._downshiftAutocompleteContainer_1qeio_1048 ul li:last-of-type {
|
|
1437
1442
|
border-bottom-left-radius: var(--radius-medium) ;
|
|
1438
1443
|
border-bottom-right-radius: var(--radius-medium) ;
|
|
1439
1444
|
}
|
|
1440
1445
|
|
|
1441
|
-
.
|
|
1446
|
+
._textInput_1qeio_1093 {
|
|
1442
1447
|
all: unset;
|
|
1443
1448
|
border-radius: var(--radius-base);
|
|
1444
1449
|
border:1px solid var(--baseBorder);
|
|
@@ -1446,23 +1451,32 @@
|
|
|
1446
1451
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1447
1452
|
}
|
|
1448
1453
|
|
|
1449
|
-
form.
|
|
1454
|
+
form._multiFieldForm_1qeio_1101 {
|
|
1450
1455
|
display: flex;
|
|
1451
1456
|
flex-direction: column;
|
|
1452
1457
|
padding: var(--spacing-2);
|
|
1453
1458
|
gap: var(--spacing-2);
|
|
1454
1459
|
}
|
|
1455
1460
|
|
|
1456
|
-
form.
|
|
1461
|
+
form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 {
|
|
1457
1462
|
display: flex;
|
|
1458
1463
|
flex-direction: column;
|
|
1459
1464
|
gap: var(--spacing-2);
|
|
1460
1465
|
}
|
|
1461
1466
|
|
|
1462
|
-
form.
|
|
1467
|
+
form._multiFieldForm_1qeio_1101 ._formField_1qeio_1107 label {
|
|
1463
1468
|
font-size: var(--text-xs);
|
|
1464
1469
|
}
|
|
1465
1470
|
|
|
1471
|
+
._markdownParseError_1qeio_1118 {
|
|
1472
|
+
border-radius: var(--radius-base);
|
|
1473
|
+
border: 1px solid var(--error-color);
|
|
1474
|
+
padding: var(--spacing-2);
|
|
1475
|
+
margin-block: var(--spacing-2);
|
|
1476
|
+
color: var(--error-color);
|
|
1477
|
+
font-size: var(--text-xs);
|
|
1478
|
+
}
|
|
1479
|
+
|
|
1466
1480
|
|
|
1467
1481
|
:root, ._light-theme_7hn0e_1 {
|
|
1468
1482
|
--blue1: hsl(206, 100%, 99.2%);
|