@mdxeditor/editor 1.0.1 → 1.1.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.
- package/dist/importMarkdownToLexical.js +4 -0
- package/dist/plugins/core/NestedLexicalEditor.d.ts +0 -4
- package/dist/plugins/core/NestedLexicalEditor.js +3 -4
- package/dist/plugins/core/index.js +1 -1
- package/dist/plugins/diff-source/DiffViewer.js +49 -9
- package/dist/plugins/diff-source/SourceEditor.d.ts +2 -0
- package/dist/plugins/diff-source/SourceEditor.js +34 -18
- package/dist/plugins/diff-source/index.js +1 -1
- package/dist/plugins/link-dialog/index.js +3 -0
- package/dist/style.css +195 -183
- package/dist/styles/ui.module.css.js +92 -92
- package/dist/utils/lexicalHelpers.d.ts +1 -1
- package/dist/utils/lexicalHelpers.js +16 -12
- package/package.json +5 -2
- package/dist/node_modules/react-diff-view/style/index.css.js +0 -4
package/dist/style.css
CHANGED
|
@@ -110,10 +110,6 @@
|
|
|
110
110
|
--red11: hsl(358, 65.0%, 48.7%);
|
|
111
111
|
--red12: hsl(354, 50.0%, 14.6%);
|
|
112
112
|
}
|
|
113
|
-
.mdxeditor .diff {
|
|
114
|
-
--diff-font-family: var(--font-mono);
|
|
115
|
-
font-size: var(--text-xs);
|
|
116
|
-
}
|
|
117
113
|
/** Code mirror */
|
|
118
114
|
.mdxeditor .cm-editor {
|
|
119
115
|
--sp-font-mono: var(--font-mono);
|
|
@@ -137,7 +133,23 @@
|
|
|
137
133
|
overflow-wrap: anywhere;
|
|
138
134
|
flex-shrink: 1;
|
|
139
135
|
}
|
|
140
|
-
|
|
136
|
+
/** Diff viewer */
|
|
137
|
+
.mdxeditor .cm-mergeView .cm-scroller {
|
|
138
|
+
font-family: var(--font-mono);
|
|
139
|
+
line-height: 1.3rem;
|
|
140
|
+
font-size: var(--text-xs);
|
|
141
|
+
}
|
|
142
|
+
/** Diff viewer */
|
|
143
|
+
.mdxeditor .cm-sourceView .cm-scroller {
|
|
144
|
+
font-family: var(--font-mono);
|
|
145
|
+
line-height: 1.3rem;
|
|
146
|
+
font-size: var(--text-xs);
|
|
147
|
+
}
|
|
148
|
+
.mdxeditor .cm-gutters {
|
|
149
|
+
background: transparent;
|
|
150
|
+
font-size: var(--text-xxs);
|
|
151
|
+
}
|
|
152
|
+
._editorRoot_127fi_36 {
|
|
141
153
|
--accentBase: var(--blue1);
|
|
142
154
|
--accentBgSubtle: var(--blue2);
|
|
143
155
|
--accentBg: var(--blue3);
|
|
@@ -229,19 +241,20 @@
|
|
|
229
241
|
--text-base: 1rem;
|
|
230
242
|
--text-sm: 0.875rem;
|
|
231
243
|
--text-xs: 0.75rem;
|
|
244
|
+
--text-xxs: 0.6rem;
|
|
232
245
|
|
|
233
246
|
font-family: var(--font-body);
|
|
234
247
|
color: var(--baseText);
|
|
235
248
|
}
|
|
236
249
|
|
|
237
|
-
.
|
|
250
|
+
._editorWrapper_127fi_134 {
|
|
238
251
|
}
|
|
239
252
|
|
|
240
|
-
.
|
|
253
|
+
._nestedListItem_127fi_137 {
|
|
241
254
|
list-style: none;
|
|
242
255
|
}
|
|
243
256
|
|
|
244
|
-
.
|
|
257
|
+
._toolbarRoot_127fi_141 {
|
|
245
258
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
246
259
|
z-index: 1;
|
|
247
260
|
display: flex;
|
|
@@ -257,23 +270,23 @@
|
|
|
257
270
|
width: inherit;
|
|
258
271
|
}
|
|
259
272
|
|
|
260
|
-
.
|
|
273
|
+
._toolbarRoot_127fi_141 div[role=separator] {
|
|
261
274
|
margin: var(--spacing-2) var(--spacing-2);
|
|
262
275
|
border-left: 1px solid var(--baseBorder);
|
|
263
276
|
border-right: 1px solid var(--baseBase);
|
|
264
277
|
height: var(--spacing-4);
|
|
265
278
|
}
|
|
266
279
|
|
|
267
|
-
.
|
|
280
|
+
._readOnlyToolbarRoot_127fi_164 {
|
|
268
281
|
pointer-events: none;
|
|
269
282
|
background: var(--baseBase);
|
|
270
283
|
}
|
|
271
284
|
|
|
272
|
-
.
|
|
285
|
+
._readOnlyToolbarRoot_127fi_164 > div {
|
|
273
286
|
opacity: 0.5;
|
|
274
287
|
}
|
|
275
288
|
|
|
276
|
-
.
|
|
289
|
+
._toolbarModeSwitch_127fi_172 {
|
|
277
290
|
opacity: 1 !important;
|
|
278
291
|
margin-left: auto;
|
|
279
292
|
align-self: stretch;
|
|
@@ -284,31 +297,31 @@
|
|
|
284
297
|
font-size: var(--text-xs);
|
|
285
298
|
}
|
|
286
299
|
|
|
287
|
-
.
|
|
300
|
+
._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182 {
|
|
288
301
|
padding-inline-end: var(--spacing-4);
|
|
289
302
|
padding-inline-start: var(--spacing-4);
|
|
290
303
|
}
|
|
291
304
|
|
|
292
|
-
.
|
|
305
|
+
._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:active, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182[data-state=on] {
|
|
293
306
|
background-color:var(--baseBorder);
|
|
294
307
|
}
|
|
295
308
|
|
|
296
|
-
.
|
|
309
|
+
._toolbarGroupOfGroups_127fi_192 {
|
|
297
310
|
display: flex;
|
|
298
311
|
margin: 0 var(--spacing-1);
|
|
299
312
|
}
|
|
300
313
|
|
|
301
|
-
.
|
|
314
|
+
._toolbarToggleSingleGroup_127fi_197:first-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:first-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:first-child {
|
|
302
315
|
border-top-left-radius: var(--radius-base);
|
|
303
316
|
border-bottom-left-radius: var(--radius-base);
|
|
304
317
|
}
|
|
305
318
|
|
|
306
|
-
.
|
|
319
|
+
._toolbarToggleSingleGroup_127fi_197:last-of-type ._toolbarToggleItem_127fi_182:only-child, ._toolbarToggleSingleGroup_127fi_197:only-child ._toolbarToggleItem_127fi_182:last-child, ._toolbarModeSwitch_127fi_172 ._toolbarToggleItem_127fi_182:last-child {
|
|
307
320
|
border-top-right-radius: var(--radius-base);
|
|
308
321
|
border-bottom-right-radius: var(--radius-base);
|
|
309
322
|
}
|
|
310
323
|
|
|
311
|
-
.
|
|
324
|
+
._toolbarToggleItem_127fi_182, ._toolbarButton_127fi_211 {
|
|
312
325
|
border: 0;
|
|
313
326
|
background-color: transparent;
|
|
314
327
|
font-size: inherit;
|
|
@@ -321,40 +334,40 @@
|
|
|
321
334
|
padding: var(--spacing-1);
|
|
322
335
|
}
|
|
323
336
|
|
|
324
|
-
.
|
|
337
|
+
._toolbarToggleItem_127fi_182 svg, ._toolbarButton_127fi_211 svg {
|
|
325
338
|
display: block;
|
|
326
339
|
}
|
|
327
340
|
|
|
328
|
-
.
|
|
341
|
+
._toolbarToggleItem_127fi_182:hover, ._toolbarButton_127fi_211:hover {
|
|
329
342
|
background-color: var(--baseBgHover);
|
|
330
343
|
}
|
|
331
344
|
|
|
332
|
-
.
|
|
345
|
+
._toolbarToggleItem_127fi_182:active svg, ._toolbarButton_127fi_211:active svg {
|
|
333
346
|
transform: translate(1px, 1px);
|
|
334
347
|
}
|
|
335
348
|
|
|
336
|
-
.
|
|
349
|
+
._toolbarToggleItem_127fi_182[data-state=on], ._toolbarButton_127fi_211[data-state=on], ._toolbarToggleItem_127fi_182:active, ._toolbarButton_127fi_211:active {
|
|
337
350
|
background-color: var(--accentBgActive);
|
|
338
351
|
}
|
|
339
352
|
|
|
340
|
-
.
|
|
353
|
+
._toolbarToggleItem_127fi_182[data-disabled], ._toolbarButton_127fi_211[data-disabled] {
|
|
341
354
|
pointer-events: none;
|
|
342
355
|
color: var(--baseBorderHover);
|
|
343
356
|
}
|
|
344
357
|
|
|
345
|
-
.
|
|
358
|
+
._toolbarButton_127fi_211 {
|
|
346
359
|
border-radius: var(--radius-base);
|
|
347
360
|
}
|
|
348
361
|
|
|
349
|
-
.
|
|
362
|
+
._activeToolbarButton_127fi_241 {
|
|
350
363
|
color: var(--accentText);
|
|
351
364
|
}
|
|
352
365
|
|
|
353
|
-
.
|
|
366
|
+
._toolbarToggleSingleGroup_127fi_197 {
|
|
354
367
|
white-space: nowrap;
|
|
355
368
|
}
|
|
356
369
|
|
|
357
|
-
.
|
|
370
|
+
._toolbarNodeKindSelectContainer_127fi_249, ._toolbarButtonDropdownContainer_127fi_250, ._toolbarCodeBlockLanguageSelectContent_127fi_251, ._selectContainer_127fi_252
|
|
358
371
|
{
|
|
359
372
|
z-index: 3;
|
|
360
373
|
width: var(--spacing-36);
|
|
@@ -364,11 +377,11 @@
|
|
|
364
377
|
font-size: var(--text-sm);
|
|
365
378
|
}
|
|
366
379
|
|
|
367
|
-
.
|
|
380
|
+
._toolbarButtonDropdownContainer_127fi_250 {
|
|
368
381
|
border-top-right-radius: var(--radius-base);
|
|
369
382
|
}
|
|
370
383
|
|
|
371
|
-
.
|
|
384
|
+
._toolbarNodeKindSelectTrigger_127fi_266, ._toolbarButtonSelectTrigger_127fi_267, ._selectTrigger_127fi_268 {
|
|
372
385
|
border: 0;
|
|
373
386
|
background-color: transparent;
|
|
374
387
|
display: flex;
|
|
@@ -384,85 +397,85 @@
|
|
|
384
397
|
font-size: var(--text-sm);
|
|
385
398
|
}
|
|
386
399
|
|
|
387
|
-
.
|
|
400
|
+
._toolbarNodeKindSelectTrigger_127fi_266:hover, ._toolbarButtonSelectTrigger_127fi_267:hover, ._selectTrigger_127fi_268:hover {
|
|
388
401
|
background-color: var(--baseBgHover);
|
|
389
402
|
}
|
|
390
403
|
|
|
391
|
-
.
|
|
404
|
+
._toolbarNodeKindSelectTrigger_127fi_266[data-state=open], ._toolbarButtonSelectTrigger_127fi_267[data-state=open], ._selectTrigger_127fi_268[data-state=open] {
|
|
392
405
|
border-bottom-right-radius: var(--radius-none);
|
|
393
406
|
border-bottom-left-radius: var(--radius-none);
|
|
394
407
|
background-color: var(--baseBgHover);
|
|
395
408
|
}
|
|
396
|
-
.
|
|
409
|
+
._selectTrigger_127fi_268[data-placeholder] > span:first-child {
|
|
397
410
|
color: var(--baseBorderHover);
|
|
398
411
|
}
|
|
399
412
|
|
|
400
413
|
/** used in the sandpack */
|
|
401
|
-
.
|
|
414
|
+
._toolbarButtonSelectTrigger_127fi_267 {
|
|
402
415
|
width: auto;
|
|
403
416
|
padding-inline-start: var(--spacing-2) ;
|
|
404
417
|
padding-inline-end: var(--spacing-1);
|
|
405
418
|
}
|
|
406
419
|
|
|
407
|
-
.
|
|
420
|
+
._toolbarCodeBlockLanguageSelectTrigger_127fi_304, ._toolbarCodeBlockLanguageSelectContent_127fi_251
|
|
408
421
|
{
|
|
409
422
|
width: var(--spacing-48);
|
|
410
423
|
}
|
|
411
424
|
|
|
412
|
-
.
|
|
425
|
+
._toolbarNodeKindSelectItem_127fi_310, ._selectItem_127fi_311
|
|
413
426
|
{
|
|
414
427
|
cursor: default;
|
|
415
428
|
display: flex;
|
|
416
429
|
padding: var(--spacing-2) var(--spacing-4);
|
|
417
430
|
}
|
|
418
431
|
|
|
419
|
-
.
|
|
432
|
+
._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
|
|
420
433
|
background-color: var(--baseBgSubtle);
|
|
421
434
|
}
|
|
422
435
|
|
|
423
|
-
.
|
|
436
|
+
._toolbarNodeKindSelectItem_127fi_310[data-state=checked], ._selectItem_127fi_311[data-state=checked] {
|
|
424
437
|
background-color: var(--accentBgActive);
|
|
425
438
|
}
|
|
426
439
|
|
|
427
|
-
.
|
|
440
|
+
._toolbarNodeKindSelectItem_127fi_310[data-highlighted], ._selectItem_127fi_311[data-highlighted] {
|
|
428
441
|
outline: none;
|
|
429
442
|
}
|
|
430
443
|
|
|
431
|
-
.
|
|
444
|
+
._toolbarNodeKindSelectItem_127fi_310:last-child, ._selectItem_127fi_311:last-child {
|
|
432
445
|
border-bottom-left-radius: var(--radius-base);
|
|
433
446
|
border-bottom-right-radius: var(--radius-base);
|
|
434
447
|
}
|
|
435
448
|
|
|
436
|
-
.
|
|
449
|
+
._toolbarNodeKindSelectDropdownArrow_127fi_335, ._selectDropdownArrow_127fi_336 {
|
|
437
450
|
margin-left: auto;
|
|
438
451
|
}
|
|
439
452
|
|
|
440
|
-
.
|
|
453
|
+
._contentEditable_127fi_340 {
|
|
441
454
|
box-sizing: border-box;
|
|
442
455
|
width: 100%;
|
|
443
456
|
color: var(--baseTextContrast);
|
|
444
457
|
padding: var(--spacing-3);
|
|
445
458
|
}
|
|
446
459
|
|
|
447
|
-
.
|
|
460
|
+
._contentEditable_127fi_340:focus {
|
|
448
461
|
outline: none;
|
|
449
462
|
}
|
|
450
463
|
|
|
451
|
-
.
|
|
464
|
+
._sandpackWrapper_127fi_350 {
|
|
452
465
|
margin-bottom:var(--spacing-5);
|
|
453
466
|
}
|
|
454
467
|
|
|
455
|
-
.
|
|
468
|
+
._frontmatterWrapper_127fi_354 {
|
|
456
469
|
border-radius: var(--radius-medium);
|
|
457
470
|
padding: var(--spacing-3);
|
|
458
471
|
background-color: var(--baseBgSubtle);
|
|
459
472
|
}
|
|
460
473
|
|
|
461
|
-
.
|
|
474
|
+
._frontmatterWrapper_127fi_354[data-expanded=true] {
|
|
462
475
|
margin-bottom: var(--spacing-10);
|
|
463
476
|
}
|
|
464
477
|
|
|
465
|
-
.
|
|
478
|
+
._frontmatterToggleButton_127fi_364 {
|
|
466
479
|
border: 0;
|
|
467
480
|
background-color: transparent;
|
|
468
481
|
font-size: inherit;
|
|
@@ -478,7 +491,7 @@
|
|
|
478
491
|
font-size: var(--text-sm);
|
|
479
492
|
}
|
|
480
493
|
|
|
481
|
-
.
|
|
494
|
+
._propertyPanelTitle_127fi_372 {
|
|
482
495
|
font-size: var(--text-xs);
|
|
483
496
|
font-weight: 400;
|
|
484
497
|
margin: 0;
|
|
@@ -486,49 +499,49 @@
|
|
|
486
499
|
padding-left: var(--spacing-2);
|
|
487
500
|
}
|
|
488
501
|
|
|
489
|
-
.
|
|
502
|
+
._propertyEditorTable_127fi_380 {
|
|
490
503
|
table-layout: fixed;
|
|
491
504
|
border-spacing: var(--spacing-2);
|
|
492
505
|
}
|
|
493
506
|
|
|
494
|
-
.
|
|
507
|
+
._propertyEditorTable_127fi_380 th {
|
|
495
508
|
text-align: left;
|
|
496
509
|
font-size: var(--text-sm);
|
|
497
510
|
padding: var(--spacing-2) var(--spacing-3);
|
|
498
511
|
}
|
|
499
512
|
|
|
500
|
-
.
|
|
513
|
+
._propertyEditorTable_127fi_380 col:nth-child(1) {
|
|
501
514
|
width: 30%;
|
|
502
515
|
}
|
|
503
516
|
|
|
504
|
-
.
|
|
517
|
+
._propertyEditorTable_127fi_380 col:nth-child(2) {
|
|
505
518
|
width: 70%;
|
|
506
519
|
}
|
|
507
520
|
|
|
508
|
-
.
|
|
521
|
+
._propertyEditorTable_127fi_380 td:last-child ._iconButton_127fi_397 {
|
|
509
522
|
margin-left: var(--spacing-4);
|
|
510
523
|
margin-right: var(--spacing-4);
|
|
511
524
|
}
|
|
512
525
|
|
|
513
|
-
.
|
|
526
|
+
._propertyEditorTable_127fi_380 ._readOnlyColumnCell_127fi_402 {
|
|
514
527
|
padding-left: 0;
|
|
515
528
|
}
|
|
516
529
|
|
|
517
|
-
.
|
|
530
|
+
._propertyEditorLabelCell_127fi_407 {
|
|
518
531
|
font-weight: 400;
|
|
519
532
|
}
|
|
520
533
|
|
|
521
|
-
.
|
|
534
|
+
._readOnlyColumnCell_127fi_402 {
|
|
522
535
|
padding-left: 0;
|
|
523
536
|
}
|
|
524
537
|
|
|
525
|
-
.
|
|
538
|
+
._buttonsFooter_127fi_415 {
|
|
526
539
|
display: flex;
|
|
527
540
|
justify-content: flex-end;
|
|
528
541
|
gap: var(--spacing-2);
|
|
529
542
|
}
|
|
530
543
|
|
|
531
|
-
.
|
|
544
|
+
._propertyEditorInput_127fi_421 {
|
|
532
545
|
border: 0;
|
|
533
546
|
background-color: transparent;
|
|
534
547
|
font-size: inherit;
|
|
@@ -546,7 +559,7 @@
|
|
|
546
559
|
font-size: var(--text-sm);
|
|
547
560
|
}
|
|
548
561
|
|
|
549
|
-
.
|
|
562
|
+
._iconButton_127fi_397 {
|
|
550
563
|
border: 0;
|
|
551
564
|
background-color: transparent;
|
|
552
565
|
font-size: inherit;
|
|
@@ -559,15 +572,15 @@
|
|
|
559
572
|
color:var(--baseText);
|
|
560
573
|
}
|
|
561
574
|
|
|
562
|
-
.
|
|
575
|
+
._iconButton_127fi_397:hover {
|
|
563
576
|
color: var(--accentText);
|
|
564
577
|
}
|
|
565
578
|
|
|
566
|
-
.
|
|
579
|
+
._iconButton_127fi_397:disabled, ._iconButton_127fi_397:disabled:hover {
|
|
567
580
|
color:var(--baseLine);
|
|
568
581
|
}
|
|
569
582
|
|
|
570
|
-
.
|
|
583
|
+
._primaryButton_127fi_442, ._secondaryButton_127fi_442 {
|
|
571
584
|
border: 0;
|
|
572
585
|
background-color: transparent;
|
|
573
586
|
font-size: inherit;
|
|
@@ -585,43 +598,43 @@
|
|
|
585
598
|
border-radius: var(--radius-medium);
|
|
586
599
|
}
|
|
587
600
|
|
|
588
|
-
.
|
|
601
|
+
._primaryButton_127fi_442:disabled, ._secondaryButton_127fi_442:disabled {
|
|
589
602
|
background: var(--accentLine);
|
|
590
603
|
border-color: var(--accentBg);
|
|
591
604
|
}
|
|
592
605
|
|
|
593
|
-
.
|
|
606
|
+
._smallButton_127fi_456 {
|
|
594
607
|
font-size: var(--text-xs);
|
|
595
608
|
padding: var(--spacing-1) var(--spacing-2);
|
|
596
609
|
border-radius: var(--radius-base);
|
|
597
610
|
}
|
|
598
611
|
|
|
599
|
-
.
|
|
612
|
+
._secondaryButton_127fi_442 {
|
|
600
613
|
border: 1px solid var(--baseBorder);
|
|
601
614
|
background-color: var(--baseSolidHover);
|
|
602
615
|
color:var(--baseBase);
|
|
603
616
|
}
|
|
604
617
|
|
|
605
|
-
.
|
|
618
|
+
._dialogForm_127fi_468 {
|
|
606
619
|
display: flex;
|
|
607
620
|
flex-direction: row;
|
|
608
621
|
gap: var(--spacing-2);
|
|
609
622
|
}
|
|
610
623
|
|
|
611
|
-
.
|
|
624
|
+
._linkDialogEditForm_127fi_474 {
|
|
612
625
|
display: flex;
|
|
613
626
|
flex-direction: column;
|
|
614
627
|
align-items: stretch;
|
|
615
628
|
gap: var(--spacing-2);
|
|
616
629
|
}
|
|
617
630
|
|
|
618
|
-
.
|
|
631
|
+
._linkDialogInputContainer_127fi_481 {
|
|
619
632
|
display: flex;
|
|
620
633
|
flex-direction: column;
|
|
621
634
|
align-items: stretch;
|
|
622
635
|
}
|
|
623
636
|
|
|
624
|
-
.
|
|
637
|
+
._linkDialogInputWrapper_127fi_487 {
|
|
625
638
|
display: flex;
|
|
626
639
|
align-items: center;
|
|
627
640
|
background-color: var(--baseBase);
|
|
@@ -630,13 +643,13 @@
|
|
|
630
643
|
border:1px solid var(--baseBorder);
|
|
631
644
|
}
|
|
632
645
|
|
|
633
|
-
.
|
|
646
|
+
._linkDialogInputWrapper_127fi_487[data-visible-dropdown=true] {
|
|
634
647
|
border-bottom-left-radius: var(--radius-none) ;
|
|
635
648
|
border-bottom-right-radius: var(--radius-none) ;
|
|
636
649
|
border-bottom-width: 0;
|
|
637
650
|
}
|
|
638
651
|
|
|
639
|
-
.
|
|
652
|
+
._linkDialogInputWrapper_127fi_487 > button {
|
|
640
653
|
border: 0;
|
|
641
654
|
background-color: transparent;
|
|
642
655
|
font-size: inherit;
|
|
@@ -649,7 +662,7 @@
|
|
|
649
662
|
padding-right: var(--spacing-2);
|
|
650
663
|
}
|
|
651
664
|
|
|
652
|
-
.
|
|
665
|
+
._linkDialogInput_127fi_481 {
|
|
653
666
|
border: 0;
|
|
654
667
|
background-color: transparent;
|
|
655
668
|
font-size: inherit;
|
|
@@ -664,19 +677,19 @@
|
|
|
664
677
|
font-size: var(--text-sm);
|
|
665
678
|
}
|
|
666
679
|
|
|
667
|
-
.
|
|
680
|
+
._linkDialogInput_127fi_481::-moz-placeholder {
|
|
668
681
|
color: var(--baseBorder);
|
|
669
682
|
}
|
|
670
683
|
|
|
671
|
-
.
|
|
684
|
+
._linkDialogInput_127fi_481::placeholder {
|
|
672
685
|
color: var(--baseBorder);
|
|
673
686
|
}
|
|
674
687
|
|
|
675
|
-
.
|
|
688
|
+
._linkDialogAutocompleteContainer_127fi_517 {
|
|
676
689
|
position: relative;
|
|
677
690
|
}
|
|
678
691
|
|
|
679
|
-
.
|
|
692
|
+
._linkDialogAutocompleteContainer_127fi_517 ul {
|
|
680
693
|
all: unset;
|
|
681
694
|
box-sizing: border-box;
|
|
682
695
|
position: absolute;
|
|
@@ -693,11 +706,11 @@
|
|
|
693
706
|
background-color: var(--baseBase);
|
|
694
707
|
}
|
|
695
708
|
|
|
696
|
-
.
|
|
709
|
+
._linkDialogAutocompleteContainer_127fi_517 ul[data-visible=true] {
|
|
697
710
|
display: block;
|
|
698
711
|
}
|
|
699
712
|
|
|
700
|
-
.
|
|
713
|
+
._linkDialogAutocompleteContainer_127fi_517 ul li {
|
|
701
714
|
padding: var(--spacing-2) var(--spacing-3);
|
|
702
715
|
white-space: nowrap;
|
|
703
716
|
margin-bottom: var(--spacing-1);
|
|
@@ -705,34 +718,34 @@
|
|
|
705
718
|
text-overflow: ellipsis;
|
|
706
719
|
}
|
|
707
720
|
|
|
708
|
-
.
|
|
721
|
+
._linkDialogAutocompleteContainer_127fi_517 ul li[data-selected=true] {
|
|
709
722
|
background-color: var(--baseBgSubtle);
|
|
710
723
|
}
|
|
711
724
|
|
|
712
|
-
.
|
|
725
|
+
._linkDialogAutocompleteContainer_127fi_517 ul li[data-highlighted=true] {
|
|
713
726
|
background-color: var(--baseBgHover);
|
|
714
727
|
}
|
|
715
728
|
|
|
716
|
-
.
|
|
729
|
+
._linkDialogAutocompleteContainer_127fi_517 ul li:last-of-type {
|
|
717
730
|
border-bottom-left-radius: var(--radius-medium) ;
|
|
718
731
|
border-bottom-right-radius: var(--radius-medium) ;
|
|
719
732
|
}
|
|
720
733
|
|
|
721
|
-
.
|
|
734
|
+
._linkDialogAnchor_127fi_562 {
|
|
722
735
|
position: fixed;
|
|
723
736
|
background-color: highlight;
|
|
724
737
|
z-index: -1;
|
|
725
738
|
}
|
|
726
739
|
|
|
727
|
-
.
|
|
740
|
+
._linkDialogAnchor_127fi_562[data-visible=true] {
|
|
728
741
|
visibility: visible;
|
|
729
742
|
}
|
|
730
743
|
|
|
731
|
-
.
|
|
744
|
+
._linkDialogAnchor_127fi_562[data-visible=false] {
|
|
732
745
|
visibility: hidden;
|
|
733
746
|
}
|
|
734
747
|
|
|
735
|
-
.
|
|
748
|
+
._linkDialogPopoverContent_127fi_576, ._tableColumnEditorPopoverContent_127fi_576, ._dialogContent_127fi_576 {
|
|
736
749
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
737
750
|
display: flex;
|
|
738
751
|
align-items: center;
|
|
@@ -744,7 +757,7 @@
|
|
|
744
757
|
font-size: var(--text-sm);
|
|
745
758
|
}
|
|
746
759
|
|
|
747
|
-
.
|
|
760
|
+
._largeDialogContent_127fi_588 {
|
|
748
761
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
749
762
|
gap: var(--spacing-0_5);
|
|
750
763
|
border-radius:var(--radius-medium);
|
|
@@ -754,13 +767,13 @@
|
|
|
754
767
|
font-size: var(--text-sm);
|
|
755
768
|
}
|
|
756
769
|
|
|
757
|
-
.
|
|
770
|
+
._dialogTitle_127fi_598 {
|
|
758
771
|
font-size: var(--text-base);
|
|
759
772
|
font-weight: 600;
|
|
760
773
|
padding-left: var(--spacing-2);
|
|
761
774
|
}
|
|
762
775
|
|
|
763
|
-
.
|
|
776
|
+
._dialogCloseButton_127fi_604 {
|
|
764
777
|
border: 0;
|
|
765
778
|
background-color: transparent;
|
|
766
779
|
font-size: inherit;
|
|
@@ -775,7 +788,7 @@
|
|
|
775
788
|
right: 10px;
|
|
776
789
|
}
|
|
777
790
|
|
|
778
|
-
.
|
|
791
|
+
._popoverContent_127fi_611 {
|
|
779
792
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
780
793
|
display: flex;
|
|
781
794
|
align-items: center;
|
|
@@ -787,13 +800,13 @@
|
|
|
787
800
|
z-index: 1;
|
|
788
801
|
}
|
|
789
802
|
|
|
790
|
-
.
|
|
803
|
+
._popoverArrow_127fi_623 {
|
|
791
804
|
fill: var(--baseBgSubtle);
|
|
792
805
|
}
|
|
793
806
|
|
|
794
807
|
|
|
795
808
|
|
|
796
|
-
.
|
|
809
|
+
._linkDialogPreviewAnchor_127fi_629 {
|
|
797
810
|
margin-right: var(--spacing-3);
|
|
798
811
|
display: flex;
|
|
799
812
|
align-items: flex-start;
|
|
@@ -804,7 +817,7 @@
|
|
|
804
817
|
|
|
805
818
|
|
|
806
819
|
|
|
807
|
-
.
|
|
820
|
+
._linkDialogPreviewAnchor_127fi_629 svg {
|
|
808
821
|
width: var(--spacing-5);
|
|
809
822
|
height: var(--spacing-5);
|
|
810
823
|
margin-left: var(--spacing-2);
|
|
@@ -812,14 +825,14 @@
|
|
|
812
825
|
|
|
813
826
|
|
|
814
827
|
|
|
815
|
-
.
|
|
828
|
+
._linkDialogPreviewAnchor_127fi_629 span {
|
|
816
829
|
max-width: 14rem;
|
|
817
830
|
overflow-x: hidden;
|
|
818
831
|
text-overflow: ellipsis;
|
|
819
832
|
white-space: nowrap;
|
|
820
833
|
}
|
|
821
834
|
|
|
822
|
-
.
|
|
835
|
+
._tooltipContent_127fi_651 {
|
|
823
836
|
z-index: 2;
|
|
824
837
|
position: relative;
|
|
825
838
|
border-radius: var(--radius-medium);
|
|
@@ -829,11 +842,11 @@
|
|
|
829
842
|
color: var(--baseBase);
|
|
830
843
|
}
|
|
831
844
|
|
|
832
|
-
.
|
|
845
|
+
._tooltipContent_127fi_651 svg {
|
|
833
846
|
fill: var(--baseText);
|
|
834
847
|
}
|
|
835
848
|
|
|
836
|
-
.
|
|
849
|
+
._actionButton_127fi_665 {
|
|
837
850
|
border: 0;
|
|
838
851
|
background-color: transparent;
|
|
839
852
|
font-size: inherit;
|
|
@@ -848,33 +861,33 @@
|
|
|
848
861
|
border-radius: var(--radius-medium);
|
|
849
862
|
}
|
|
850
863
|
|
|
851
|
-
.
|
|
864
|
+
._actionButton_127fi_665 svg {
|
|
852
865
|
display: block;
|
|
853
866
|
}
|
|
854
867
|
|
|
855
|
-
.
|
|
868
|
+
._actionButton_127fi_665:hover {
|
|
856
869
|
background-color: var(--baseBgHover);
|
|
857
870
|
}
|
|
858
871
|
|
|
859
|
-
.
|
|
872
|
+
._actionButton_127fi_665:active svg {
|
|
860
873
|
transform: translate(1px, 1px);
|
|
861
874
|
}
|
|
862
875
|
|
|
863
|
-
.
|
|
876
|
+
._actionButton_127fi_665[data-state=on], ._actionButton_127fi_665:active {
|
|
864
877
|
background-color: var(--accentBgActive);
|
|
865
878
|
}
|
|
866
879
|
|
|
867
|
-
.
|
|
880
|
+
._primaryActionButton_127fi_671 {
|
|
868
881
|
background-color: var(--accentSolid);
|
|
869
882
|
color:var(--baseBase);
|
|
870
883
|
}
|
|
871
884
|
|
|
872
|
-
.
|
|
885
|
+
._primaryActionButton_127fi_671:hover {
|
|
873
886
|
background-color: var(--accentSolidHover);
|
|
874
887
|
color:var(--baseBase);
|
|
875
888
|
}
|
|
876
889
|
|
|
877
|
-
.
|
|
890
|
+
._tableEditor_127fi_680 {
|
|
878
891
|
table-layout: fixed;
|
|
879
892
|
width: 100%;
|
|
880
893
|
height: 100%;
|
|
@@ -882,50 +895,50 @@
|
|
|
882
895
|
border-collapse: collapse;
|
|
883
896
|
}
|
|
884
897
|
|
|
885
|
-
.
|
|
898
|
+
._tableEditor_127fi_680 thead > tr > th {
|
|
886
899
|
text-align: right;
|
|
887
900
|
}
|
|
888
901
|
|
|
889
|
-
.
|
|
902
|
+
._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) {
|
|
890
903
|
border: 1px solid var(--baseBorder);
|
|
891
904
|
padding: var(--spacing-1) var(--spacing-2);
|
|
892
905
|
white-space: normal;
|
|
893
906
|
}
|
|
894
907
|
|
|
895
|
-
.
|
|
908
|
+
._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div {
|
|
896
909
|
outline: none;
|
|
897
910
|
}
|
|
898
911
|
|
|
899
|
-
.
|
|
912
|
+
._tableEditor_127fi_680 > tbody > tr > td:not(._toolCell_127fi_691) > div > p {
|
|
900
913
|
margin: 0;
|
|
901
914
|
}
|
|
902
915
|
|
|
903
|
-
.
|
|
916
|
+
._tableEditor_127fi_680 > tbody > tr > td[data-active=true]:not(._toolCell_127fi_691) {
|
|
904
917
|
outline: solid 2px var(--accentSolid)
|
|
905
918
|
}
|
|
906
919
|
|
|
907
|
-
.
|
|
920
|
+
._tableEditor_127fi_680 ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680 ._addRowButton_127fi_708, ._tableEditor_127fi_680 ._addColumnButton_127fi_708, ._tableEditor_127fi_680 ._iconButton_127fi_397 {
|
|
908
921
|
opacity: .2;
|
|
909
922
|
}
|
|
910
923
|
|
|
911
|
-
.
|
|
924
|
+
._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708, ._tableEditor_127fi_680:hover ._iconButton_127fi_397 {
|
|
912
925
|
opacity: .5;
|
|
913
926
|
}
|
|
914
927
|
|
|
915
|
-
.
|
|
928
|
+
._tableEditor_127fi_680:hover ._tableColumnEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._tableRowEditorTrigger_127fi_708:hover, ._tableEditor_127fi_680:hover ._addRowButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._addColumnButton_127fi_708:hover, ._tableEditor_127fi_680:hover ._iconButton_127fi_397:hover {
|
|
916
929
|
opacity: 1;
|
|
917
930
|
}
|
|
918
931
|
|
|
919
|
-
.
|
|
932
|
+
._toolCell_127fi_691 {
|
|
920
933
|
text-align: right;
|
|
921
934
|
}
|
|
922
935
|
|
|
923
|
-
.
|
|
936
|
+
._toolCell_127fi_691 button {
|
|
924
937
|
margin: auto;
|
|
925
938
|
display: block;
|
|
926
939
|
}
|
|
927
940
|
|
|
928
|
-
.
|
|
941
|
+
._tableColumnEditorTrigger_127fi_708 {
|
|
929
942
|
border: 0;
|
|
930
943
|
background-color: transparent;
|
|
931
944
|
font-size: inherit;
|
|
@@ -941,31 +954,31 @@
|
|
|
941
954
|
opacity: 0.2;
|
|
942
955
|
}
|
|
943
956
|
|
|
944
|
-
.
|
|
957
|
+
._tableColumnEditorTrigger_127fi_708 svg {
|
|
945
958
|
display: block;
|
|
946
959
|
}
|
|
947
960
|
|
|
948
|
-
.
|
|
961
|
+
._tableColumnEditorTrigger_127fi_708:hover {
|
|
949
962
|
background-color: var(--baseBgHover);
|
|
950
963
|
}
|
|
951
964
|
|
|
952
|
-
.
|
|
965
|
+
._tableColumnEditorTrigger_127fi_708:active svg {
|
|
953
966
|
transform: translate(1px, 1px);
|
|
954
967
|
}
|
|
955
968
|
|
|
956
|
-
.
|
|
969
|
+
._tableColumnEditorTrigger_127fi_708[data-state=on], ._tableColumnEditorTrigger_127fi_708:active {
|
|
957
970
|
background-color: var(--accentBgActive);
|
|
958
971
|
}
|
|
959
972
|
|
|
960
|
-
.
|
|
973
|
+
._tableColumnEditorTrigger_127fi_708[data-active=true] {
|
|
961
974
|
opacity: 1;
|
|
962
975
|
}
|
|
963
976
|
|
|
964
|
-
.
|
|
977
|
+
._tableColumnEditorToolbar_127fi_742 {
|
|
965
978
|
display: flex;
|
|
966
979
|
}
|
|
967
980
|
|
|
968
|
-
.
|
|
981
|
+
._tableColumnEditorToolbar_127fi_742 > button {
|
|
969
982
|
border: 0;
|
|
970
983
|
background-color: transparent;
|
|
971
984
|
font-size: inherit;
|
|
@@ -978,34 +991,34 @@
|
|
|
978
991
|
padding: var(--spacing-2);
|
|
979
992
|
}
|
|
980
993
|
|
|
981
|
-
.
|
|
994
|
+
._tableColumnEditorToolbar_127fi_742 > button svg {
|
|
982
995
|
display: block;
|
|
983
996
|
}
|
|
984
997
|
|
|
985
|
-
.
|
|
998
|
+
._tableColumnEditorToolbar_127fi_742 > button:hover {
|
|
986
999
|
background-color: var(--baseBgHover);
|
|
987
1000
|
}
|
|
988
1001
|
|
|
989
|
-
.
|
|
1002
|
+
._tableColumnEditorToolbar_127fi_742 > button:active svg {
|
|
990
1003
|
transform: translate(1px, 1px);
|
|
991
1004
|
}
|
|
992
1005
|
|
|
993
|
-
.
|
|
1006
|
+
._tableColumnEditorToolbar_127fi_742 > button[data-state=on], ._tableColumnEditorToolbar_127fi_742 > button:active {
|
|
994
1007
|
background-color: var(--accentBgActive);
|
|
995
1008
|
}
|
|
996
1009
|
|
|
997
|
-
.
|
|
1010
|
+
._tableColumnEditorToolbar_127fi_742 [role=separator] {
|
|
998
1011
|
margin-left: var(--spacing-1);
|
|
999
1012
|
margin-right: var(--spacing-1);
|
|
1000
1013
|
}
|
|
1001
1014
|
|
|
1002
1015
|
|
|
1003
|
-
.
|
|
1016
|
+
._toggleGroupRoot_127fi_754 {
|
|
1004
1017
|
display: inline-flex;
|
|
1005
1018
|
}
|
|
1006
1019
|
|
|
1007
1020
|
|
|
1008
|
-
.
|
|
1021
|
+
._toggleGroupRoot_127fi_754 button {
|
|
1009
1022
|
border: 0;
|
|
1010
1023
|
background-color: transparent;
|
|
1011
1024
|
font-size: inherit;
|
|
@@ -1019,59 +1032,59 @@
|
|
|
1019
1032
|
}
|
|
1020
1033
|
|
|
1021
1034
|
|
|
1022
|
-
.
|
|
1035
|
+
._toggleGroupRoot_127fi_754 button svg {
|
|
1023
1036
|
display: block;
|
|
1024
1037
|
}
|
|
1025
1038
|
|
|
1026
1039
|
|
|
1027
|
-
.
|
|
1040
|
+
._toggleGroupRoot_127fi_754 button:hover {
|
|
1028
1041
|
background-color: var(--baseBgHover);
|
|
1029
1042
|
}
|
|
1030
1043
|
|
|
1031
1044
|
|
|
1032
|
-
.
|
|
1045
|
+
._toggleGroupRoot_127fi_754 button:active svg {
|
|
1033
1046
|
transform: translate(1px, 1px);
|
|
1034
1047
|
}
|
|
1035
1048
|
|
|
1036
1049
|
|
|
1037
|
-
.
|
|
1050
|
+
._toggleGroupRoot_127fi_754 button[data-state=on], ._toggleGroupRoot_127fi_754 button:active {
|
|
1038
1051
|
background-color: var(--accentBgActive);
|
|
1039
1052
|
}
|
|
1040
1053
|
|
|
1041
1054
|
|
|
1042
|
-
.
|
|
1055
|
+
._toggleGroupRoot_127fi_754 button:first-child {
|
|
1043
1056
|
border-top-left-radius: var(--radius-base);
|
|
1044
1057
|
border-bottom-left-radius: var(--radius-base);
|
|
1045
1058
|
}
|
|
1046
1059
|
|
|
1047
1060
|
|
|
1048
|
-
.
|
|
1061
|
+
._toggleGroupRoot_127fi_754 button:last-child {
|
|
1049
1062
|
border-top-right-radius: var(--radius-base);
|
|
1050
1063
|
border-bottom-right-radius: var(--radius-base);
|
|
1051
1064
|
}
|
|
1052
1065
|
|
|
1053
|
-
.
|
|
1066
|
+
._tableToolsColumn_127fi_771 {
|
|
1054
1067
|
width: 3rem;
|
|
1055
1068
|
}
|
|
1056
1069
|
|
|
1057
|
-
.
|
|
1070
|
+
._tableToolsColumn_127fi_771 button {
|
|
1058
1071
|
margin: auto;
|
|
1059
1072
|
display: block;
|
|
1060
1073
|
}
|
|
1061
1074
|
|
|
1062
|
-
.
|
|
1075
|
+
._leftAlignedCell_127fi_779 {
|
|
1063
1076
|
text-align: left;
|
|
1064
1077
|
}
|
|
1065
1078
|
|
|
1066
|
-
.
|
|
1079
|
+
._rightAlignedCell_127fi_783 {
|
|
1067
1080
|
text-align: right;
|
|
1068
1081
|
}
|
|
1069
1082
|
|
|
1070
|
-
.
|
|
1083
|
+
._centeredCell_127fi_787 {
|
|
1071
1084
|
text-align: center;
|
|
1072
1085
|
}
|
|
1073
1086
|
|
|
1074
|
-
.
|
|
1087
|
+
._addColumnButton_127fi_708, ._addRowButton_127fi_708 {
|
|
1075
1088
|
border: 0;
|
|
1076
1089
|
background-color: transparent;
|
|
1077
1090
|
font-size: inherit;
|
|
@@ -1089,62 +1102,62 @@
|
|
|
1089
1102
|
border-radius: var(--radius-medium);
|
|
1090
1103
|
}
|
|
1091
1104
|
|
|
1092
|
-
.
|
|
1105
|
+
._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
|
|
1093
1106
|
display: block;
|
|
1094
1107
|
}
|
|
1095
1108
|
|
|
1096
|
-
.
|
|
1109
|
+
._addColumnButton_127fi_708:hover, ._addRowButton_127fi_708:hover {
|
|
1097
1110
|
background-color: var(--baseBgHover);
|
|
1098
1111
|
}
|
|
1099
1112
|
|
|
1100
|
-
.
|
|
1113
|
+
._addColumnButton_127fi_708:active svg, ._addRowButton_127fi_708:active svg {
|
|
1101
1114
|
transform: translate(1px, 1px);
|
|
1102
1115
|
}
|
|
1103
1116
|
|
|
1104
|
-
.
|
|
1117
|
+
._addColumnButton_127fi_708[data-state=on], ._addRowButton_127fi_708[data-state=on], ._addColumnButton_127fi_708:active, ._addRowButton_127fi_708:active {
|
|
1105
1118
|
background-color: var(--accentBgActive);
|
|
1106
1119
|
}
|
|
1107
1120
|
|
|
1108
|
-
.
|
|
1121
|
+
._addColumnButton_127fi_708 svg, ._addRowButton_127fi_708 svg {
|
|
1109
1122
|
margin: auto;
|
|
1110
1123
|
}
|
|
1111
1124
|
|
|
1112
|
-
.
|
|
1125
|
+
._addRowButton_127fi_708 {
|
|
1113
1126
|
width: 100%;
|
|
1114
1127
|
margin-top: var(--spacing-2);
|
|
1115
1128
|
box-sizing: border-box;
|
|
1116
1129
|
}
|
|
1117
1130
|
|
|
1118
|
-
.
|
|
1131
|
+
._addColumnButton_127fi_708 {
|
|
1119
1132
|
margin-left: var(--spacing-2);
|
|
1120
1133
|
height: 100%;
|
|
1121
1134
|
}
|
|
1122
1135
|
|
|
1123
1136
|
/** Dialog */
|
|
1124
|
-
.
|
|
1137
|
+
._dialogOverlay_127fi_815 {
|
|
1125
1138
|
position: fixed;
|
|
1126
1139
|
inset: 0;
|
|
1127
|
-
animation:
|
|
1140
|
+
animation: _overlayShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1128
1141
|
background-color: var(--baseBase);
|
|
1129
1142
|
z-index: 51;
|
|
1130
1143
|
opacity: 0.5;
|
|
1131
1144
|
}
|
|
1132
1145
|
|
|
1133
|
-
.
|
|
1146
|
+
._dialogContent_127fi_576, ._largeDialogContent_127fi_588 {
|
|
1134
1147
|
position: fixed;
|
|
1135
1148
|
top: 50%;
|
|
1136
1149
|
left: 50%;
|
|
1137
1150
|
transform: translate(-50%, -50%);
|
|
1138
|
-
animation:
|
|
1151
|
+
animation: _contentShow_127fi_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1139
1152
|
z-index: 52;
|
|
1140
1153
|
}
|
|
1141
1154
|
|
|
1142
|
-
.
|
|
1155
|
+
._dialogContent_127fi_576:focus, ._largeDialogContent_127fi_588:focus {
|
|
1143
1156
|
outline: none;
|
|
1144
1157
|
}
|
|
1145
1158
|
|
|
1146
1159
|
|
|
1147
|
-
@keyframes
|
|
1160
|
+
@keyframes _overlayShow_127fi_1 {
|
|
1148
1161
|
from {
|
|
1149
1162
|
opacity: 0;
|
|
1150
1163
|
}
|
|
@@ -1153,7 +1166,7 @@
|
|
|
1153
1166
|
}
|
|
1154
1167
|
}
|
|
1155
1168
|
|
|
1156
|
-
@keyframes
|
|
1169
|
+
@keyframes _contentShow_127fi_1 {
|
|
1157
1170
|
from {
|
|
1158
1171
|
opacity: 0;
|
|
1159
1172
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1164,22 +1177,22 @@
|
|
|
1164
1177
|
}
|
|
1165
1178
|
}
|
|
1166
1179
|
|
|
1167
|
-
.
|
|
1180
|
+
._focusedImage_127fi_858 {
|
|
1168
1181
|
outline: highlight solid 2px;
|
|
1169
1182
|
}
|
|
1170
1183
|
|
|
1171
|
-
.
|
|
1184
|
+
._imageWrapper_127fi_862 {
|
|
1172
1185
|
display: inline-block;
|
|
1173
1186
|
position: relative;
|
|
1174
1187
|
}
|
|
1175
1188
|
|
|
1176
|
-
.
|
|
1189
|
+
._imageWrapper_127fi_862[draggable=true] {
|
|
1177
1190
|
cursor: move; /* fallback if grab cursor is unsupported */
|
|
1178
1191
|
cursor: grab;
|
|
1179
1192
|
cursor: -webkit-grab;
|
|
1180
1193
|
}
|
|
1181
1194
|
|
|
1182
|
-
.
|
|
1195
|
+
._inlineEditor_127fi_874 {
|
|
1183
1196
|
display: inline-flex;
|
|
1184
1197
|
border-radius: var(--radius-medium);
|
|
1185
1198
|
padding: var(--spacing-1);
|
|
@@ -1188,7 +1201,7 @@
|
|
|
1188
1201
|
background: var(--baseBg);
|
|
1189
1202
|
}
|
|
1190
1203
|
|
|
1191
|
-
.
|
|
1204
|
+
._blockEditor_127fi_883 {
|
|
1192
1205
|
display: flex;
|
|
1193
1206
|
justify-content: stretch;
|
|
1194
1207
|
border-radius: var(--radius-medium);
|
|
@@ -1198,71 +1211,71 @@
|
|
|
1198
1211
|
background: var(--baseBg);
|
|
1199
1212
|
}
|
|
1200
1213
|
|
|
1201
|
-
.
|
|
1214
|
+
._blockEditor_127fi_883 ._nestedEditor_127fi_892 {
|
|
1202
1215
|
flex-grow: 1;
|
|
1203
1216
|
}
|
|
1204
1217
|
|
|
1205
|
-
.
|
|
1218
|
+
._nestedEditor_127fi_892 {
|
|
1206
1219
|
background: white;
|
|
1207
1220
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1208
1221
|
border-radius: var(--radius-medium);
|
|
1209
1222
|
}
|
|
1210
1223
|
|
|
1211
|
-
.
|
|
1224
|
+
._nestedEditor_127fi_892 > p {
|
|
1212
1225
|
margin: 0;
|
|
1213
1226
|
}
|
|
1214
1227
|
|
|
1215
|
-
.
|
|
1228
|
+
._nestedEditor_127fi_892:focus {
|
|
1216
1229
|
outline: none;
|
|
1217
1230
|
}
|
|
1218
1231
|
|
|
1219
|
-
.
|
|
1232
|
+
._genericComponentName_127fi_909 {
|
|
1220
1233
|
font-size: var(--text-sm);
|
|
1221
1234
|
color: var(--baseText);
|
|
1222
1235
|
padding-right: var(--spacing-2);
|
|
1223
1236
|
}
|
|
1224
1237
|
|
|
1225
|
-
.
|
|
1238
|
+
._diffSourceToggle_127fi_915 {
|
|
1226
1239
|
border: 1px solid var(--baseBorder);
|
|
1227
1240
|
border-radius: var(--radius-medium);
|
|
1228
1241
|
display: flex;
|
|
1229
1242
|
}
|
|
1230
1243
|
|
|
1231
|
-
.
|
|
1244
|
+
._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 {
|
|
1232
1245
|
padding: 0;
|
|
1233
1246
|
}
|
|
1234
1247
|
|
|
1235
|
-
.
|
|
1248
|
+
._diffSourceToggle_127fi_915 ._toolbarToggleItem_127fi_182 > span {
|
|
1236
1249
|
display: block;
|
|
1237
1250
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1238
1251
|
}
|
|
1239
1252
|
|
|
1240
|
-
.
|
|
1253
|
+
._selectWithLabel_127fi_929 {
|
|
1241
1254
|
display: flex;
|
|
1242
1255
|
align-items: center;
|
|
1243
1256
|
gap: var(--spacing-2);
|
|
1244
1257
|
margin-left: var(--spacing-2);
|
|
1245
1258
|
}
|
|
1246
1259
|
|
|
1247
|
-
.
|
|
1260
|
+
._selectWithLabel_127fi_929 > label {
|
|
1248
1261
|
font-size: var(--text-sm);
|
|
1249
1262
|
}
|
|
1250
1263
|
|
|
1251
|
-
.
|
|
1264
|
+
._selectWithLabel_127fi_929 ._selectTrigger_127fi_268 {
|
|
1252
1265
|
border: 1px solid var(--baseBorder);
|
|
1253
1266
|
}
|
|
1254
1267
|
|
|
1255
|
-
.
|
|
1268
|
+
._toolbarTitleMode_127fi_943 {
|
|
1256
1269
|
font-size: var(--text-sm);
|
|
1257
1270
|
margin-left: var(--spacing-2);
|
|
1258
1271
|
}
|
|
1259
1272
|
|
|
1260
1273
|
|
|
1261
|
-
.
|
|
1274
|
+
._imageControlWrapperResizing_127fi_949 {
|
|
1262
1275
|
touch-action: none;
|
|
1263
1276
|
}
|
|
1264
1277
|
|
|
1265
|
-
.
|
|
1278
|
+
._imageResizer_127fi_953 {
|
|
1266
1279
|
display: block;
|
|
1267
1280
|
width: 7px;
|
|
1268
1281
|
height: 7px;
|
|
@@ -1271,55 +1284,55 @@
|
|
|
1271
1284
|
border: 1px solid var(--baseBg);
|
|
1272
1285
|
}
|
|
1273
1286
|
|
|
1274
|
-
.
|
|
1287
|
+
._imageResizer_127fi_953._imageResizerN_127fi_962 {
|
|
1275
1288
|
top: -6px;
|
|
1276
1289
|
left: 48%;
|
|
1277
1290
|
cursor: n-resize;
|
|
1278
1291
|
}
|
|
1279
1292
|
|
|
1280
|
-
.
|
|
1293
|
+
._imageResizer_127fi_953._imageResizerNe_127fi_968 {
|
|
1281
1294
|
top: -6px;
|
|
1282
1295
|
right: -6px;
|
|
1283
1296
|
cursor: ne-resize;
|
|
1284
1297
|
}
|
|
1285
1298
|
|
|
1286
|
-
.
|
|
1299
|
+
._imageResizer_127fi_953._imageResizerE_127fi_974 {
|
|
1287
1300
|
bottom: 48%;
|
|
1288
1301
|
right: -6px;
|
|
1289
1302
|
cursor: e-resize;
|
|
1290
1303
|
}
|
|
1291
1304
|
|
|
1292
|
-
.
|
|
1305
|
+
._imageResizer_127fi_953._imageResizerSe_127fi_980 {
|
|
1293
1306
|
bottom: -2px;
|
|
1294
1307
|
right: -6px;
|
|
1295
1308
|
cursor: nwse-resize;
|
|
1296
1309
|
}
|
|
1297
1310
|
|
|
1298
|
-
.
|
|
1311
|
+
._imageResizer_127fi_953._imageResizerS_127fi_980 {
|
|
1299
1312
|
bottom: -2px;
|
|
1300
1313
|
left: 48%;
|
|
1301
1314
|
cursor: s-resize;
|
|
1302
1315
|
}
|
|
1303
1316
|
|
|
1304
|
-
.
|
|
1317
|
+
._imageResizer_127fi_953._imageResizerSw_127fi_992 {
|
|
1305
1318
|
bottom: -2px;
|
|
1306
1319
|
left: -6px;
|
|
1307
1320
|
cursor: sw-resize;
|
|
1308
1321
|
}
|
|
1309
1322
|
|
|
1310
|
-
.
|
|
1323
|
+
._imageResizer_127fi_953._imageResizerW_127fi_998 {
|
|
1311
1324
|
bottom: 48%;
|
|
1312
1325
|
left: -6px;
|
|
1313
1326
|
cursor: w-resize;
|
|
1314
1327
|
}
|
|
1315
1328
|
|
|
1316
|
-
.
|
|
1329
|
+
._imageResizer_127fi_953._imageResizerNw_127fi_1004 {
|
|
1317
1330
|
top: -6px;
|
|
1318
1331
|
left: -6px;
|
|
1319
1332
|
cursor: nw-resize;
|
|
1320
1333
|
}
|
|
1321
1334
|
|
|
1322
|
-
.
|
|
1335
|
+
._placeholder_127fi_1010 {
|
|
1323
1336
|
color: var(--baseSolid);
|
|
1324
1337
|
overflow: hidden;
|
|
1325
1338
|
position: absolute;
|
|
@@ -1334,7 +1347,7 @@
|
|
|
1334
1347
|
pointer-events: none;
|
|
1335
1348
|
}
|
|
1336
1349
|
|
|
1337
|
-
.
|
|
1350
|
+
._rootContentEditableWrapper_127fi_1023 {
|
|
1338
1351
|
position: relative;
|
|
1339
1352
|
}
|
|
1340
1353
|
:root, ._light-theme_13nbk_1 {
|
|
@@ -1517,4 +1530,3 @@
|
|
|
1517
1530
|
--admonitionBorder: var(--admonitionNoteBorder);
|
|
1518
1531
|
--admonitionBg: var(--admonitionNoteBg);
|
|
1519
1532
|
}
|
|
1520
|
-
:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d;}.diff{background-color:var(--diff-background-color);border-collapse:collapse;color:var(--diff-text-color);table-layout:fixed;width:100%;}.diff::-moz-selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:var(--diff-text-color);color:var(--diff-selection-text-color);}.diff td{padding-bottom:0;padding-top:0;vertical-align:top;}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5;}.diff-gutter>a{color:inherit;display:block;}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color);}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color);}.diff-gutter-omit{cursor:default;}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color);}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all;}.diff-code-edit{color:inherit;display:inline-block;}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-text-color);}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color);}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-text-color);}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color);}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:var(--diff-text-color);color:var(--diff-code-selected-text-color);}.diff-widget-content{vertical-align:top;}.diff-gutter-col{width:7ch;}.diff-gutter-omit{height:0;}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px;}.diff-decoration{line-height:1.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0;}
|