@mdxeditor/editor 0.12.0 → 0.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 +4 -0
- package/dist/MDXEditor.js +11 -10
- package/dist/plugins/codeblock/index.d.ts +13 -3
- package/dist/plugins/codemirror/index.d.ts +17 -3
- package/dist/plugins/core/NestedLexicalEditor.d.ts +1 -1
- package/dist/plugins/core/NestedLexicalEditor.js +4 -4
- package/dist/plugins/core/SharedHistoryPlugin.js +1 -1
- package/dist/plugins/core/index.d.ts +12 -3
- package/dist/plugins/core/index.js +4 -1
- package/dist/plugins/diff-source/index.d.ts +13 -3
- package/dist/plugins/directives/index.d.ts +13 -3
- package/dist/plugins/frontmatter/index.d.ts +13 -3
- package/dist/plugins/headings/index.d.ts +3 -1
- package/dist/plugins/image/ImageEditor.js +2 -2
- package/dist/plugins/image/index.d.ts +13 -3
- package/dist/plugins/jsx/index.d.ts +12 -2
- package/dist/plugins/link/AutoLinkPlugin.d.ts +9 -0
- package/dist/plugins/link/AutoLinkPlugin.js +18 -0
- package/dist/plugins/link/index.d.ts +21 -4
- package/dist/plugins/link/index.js +16 -5
- package/dist/plugins/link-dialog/index.d.ts +11 -3
- package/dist/plugins/link-dialog/index.js +1 -0
- package/dist/plugins/lists/index.d.ts +13 -3
- package/dist/plugins/lists/index.js +2 -2
- package/dist/plugins/markdown-shortcut/index.d.ts +1 -0
- package/dist/plugins/markdown-shortcut/index.js +1 -1
- package/dist/plugins/quote/index.d.ts +10 -3
- package/dist/plugins/sandpack/index.d.ts +16 -2
- package/dist/plugins/table/TableEditor.js +5 -5
- package/dist/plugins/table/index.d.ts +13 -3
- package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.d.ts +1 -1
- package/dist/plugins/thematic-break/LexicalThematicBreakVisitor.js +1 -1
- package/dist/plugins/thematic-break/MdastThematicBreakVisitor.js +1 -1
- package/dist/plugins/thematic-break/index.d.ts +13 -3
- package/dist/plugins/thematic-break/index.js +2 -2
- package/dist/plugins/toolbar/index.d.ts +10 -2
- package/dist/style.css +184 -165
- package/dist/styles/ui.module.css.js +90 -84
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
overflow-wrap: anywhere;
|
|
121
121
|
flex-shrink: 1;
|
|
122
122
|
}
|
|
123
|
-
.
|
|
123
|
+
._editorRoot_1g25u_36 {
|
|
124
124
|
--accentBase: var(--blue1);
|
|
125
125
|
--accentBgSubtle: var(--blue2);
|
|
126
126
|
--accentBg: var(--blue3);
|
|
@@ -214,14 +214,14 @@
|
|
|
214
214
|
color: var(--baseText);
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.
|
|
217
|
+
._editorWrapper_1g25u_130 {
|
|
218
218
|
}
|
|
219
219
|
|
|
220
|
-
.
|
|
220
|
+
._nestedListItem_1g25u_133 {
|
|
221
221
|
list-style: none;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
._toolbarRoot_1g25u_137 {
|
|
225
225
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
226
226
|
margin-bottom: var(--spacing-6);
|
|
227
227
|
z-index: 1;
|
|
@@ -238,14 +238,14 @@
|
|
|
238
238
|
width: inherit;
|
|
239
239
|
}
|
|
240
240
|
|
|
241
|
-
.
|
|
241
|
+
._toolbarRoot_1g25u_137 div[role=separator] {
|
|
242
242
|
margin: var(--spacing-2) var(--spacing-2);
|
|
243
243
|
border-left: 1px solid var(--baseBorder);
|
|
244
244
|
border-right: 1px solid var(--baseBase);
|
|
245
245
|
height: var(--spacing-4);
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.
|
|
248
|
+
._toolbarModeSwitch_1g25u_161 {
|
|
249
249
|
margin-left: auto;
|
|
250
250
|
align-self: stretch;
|
|
251
251
|
align-items: stretch;
|
|
@@ -255,31 +255,31 @@
|
|
|
255
255
|
font-size: var(--text-xs);
|
|
256
256
|
}
|
|
257
257
|
|
|
258
|
-
.
|
|
258
|
+
._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170 {
|
|
259
259
|
padding-inline-end: var(--spacing-4);
|
|
260
260
|
padding-inline-start: var(--spacing-4);
|
|
261
261
|
}
|
|
262
262
|
|
|
263
|
-
.
|
|
263
|
+
._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:active, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170[data-state=on] {
|
|
264
264
|
background-color:var(--baseBorder);
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.
|
|
267
|
+
._toolbarGroupOfGroups_1g25u_180 {
|
|
268
268
|
display: flex;
|
|
269
269
|
margin: 0 var(--spacing-1);
|
|
270
270
|
}
|
|
271
271
|
|
|
272
|
-
.
|
|
272
|
+
._toolbarToggleSingleGroup_1g25u_185:first-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:first-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:first-child {
|
|
273
273
|
border-top-left-radius: var(--radius-base);
|
|
274
274
|
border-bottom-left-radius: var(--radius-base);
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.
|
|
277
|
+
._toolbarToggleSingleGroup_1g25u_185:last-of-type ._toolbarToggleItem_1g25u_170:only-child, ._toolbarToggleSingleGroup_1g25u_185:only-child ._toolbarToggleItem_1g25u_170:last-child, ._toolbarModeSwitch_1g25u_161 ._toolbarToggleItem_1g25u_170:last-child {
|
|
278
278
|
border-top-right-radius: var(--radius-base);
|
|
279
279
|
border-bottom-right-radius: var(--radius-base);
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
-
.
|
|
282
|
+
._toolbarToggleItem_1g25u_170, ._toolbarButton_1g25u_199 {
|
|
283
283
|
border: 0;
|
|
284
284
|
background-color: transparent;
|
|
285
285
|
font-size: inherit;
|
|
@@ -292,36 +292,36 @@
|
|
|
292
292
|
padding: var(--spacing-1);
|
|
293
293
|
}
|
|
294
294
|
|
|
295
|
-
.
|
|
295
|
+
._toolbarToggleItem_1g25u_170 svg, ._toolbarButton_1g25u_199 svg {
|
|
296
296
|
display: block;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.
|
|
299
|
+
._toolbarToggleItem_1g25u_170:hover, ._toolbarButton_1g25u_199:hover {
|
|
300
300
|
background-color: var(--baseBgHover);
|
|
301
301
|
}
|
|
302
302
|
|
|
303
|
-
.
|
|
303
|
+
._toolbarToggleItem_1g25u_170:active svg, ._toolbarButton_1g25u_199:active svg {
|
|
304
304
|
transform: translate(1px, 1px);
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.
|
|
307
|
+
._toolbarToggleItem_1g25u_170[data-state=on], ._toolbarButton_1g25u_199[data-state=on], ._toolbarToggleItem_1g25u_170:active, ._toolbarButton_1g25u_199:active {
|
|
308
308
|
background-color: var(--accentBgActive);
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.
|
|
311
|
+
._toolbarToggleItem_1g25u_170[data-disabled], ._toolbarButton_1g25u_199[data-disabled] {
|
|
312
312
|
pointer-events: none;
|
|
313
313
|
color: var(--baseBorderHover);
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.
|
|
316
|
+
._toolbarButton_1g25u_199 {
|
|
317
317
|
border-radius: var(--radius-base);
|
|
318
318
|
}
|
|
319
319
|
|
|
320
|
-
.
|
|
320
|
+
._toolbarToggleSingleGroup_1g25u_185 {
|
|
321
321
|
white-space: nowrap;
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
.
|
|
324
|
+
._toolbarNodeKindSelectContainer_1g25u_233, ._toolbarButtonDropdownContainer_1g25u_234, ._toolbarCodeBlockLanguageSelectContent_1g25u_235, ._selectContainer_1g25u_236
|
|
325
325
|
{
|
|
326
326
|
z-index: 3;
|
|
327
327
|
width: var(--spacing-36);
|
|
@@ -331,11 +331,11 @@
|
|
|
331
331
|
font-size: var(--text-sm);
|
|
332
332
|
}
|
|
333
333
|
|
|
334
|
-
.
|
|
334
|
+
._toolbarButtonDropdownContainer_1g25u_234 {
|
|
335
335
|
border-top-right-radius: var(--radius-base);
|
|
336
336
|
}
|
|
337
337
|
|
|
338
|
-
.
|
|
338
|
+
._toolbarNodeKindSelectTrigger_1g25u_250, ._toolbarButtonSelectTrigger_1g25u_251, ._selectTrigger_1g25u_252 {
|
|
339
339
|
border: 0;
|
|
340
340
|
background-color: transparent;
|
|
341
341
|
display: flex;
|
|
@@ -351,85 +351,85 @@
|
|
|
351
351
|
font-size: var(--text-sm);
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.
|
|
354
|
+
._toolbarNodeKindSelectTrigger_1g25u_250:hover, ._toolbarButtonSelectTrigger_1g25u_251:hover, ._selectTrigger_1g25u_252:hover {
|
|
355
355
|
background-color: var(--baseBgHover);
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.
|
|
358
|
+
._toolbarNodeKindSelectTrigger_1g25u_250[data-state=open], ._toolbarButtonSelectTrigger_1g25u_251[data-state=open], ._selectTrigger_1g25u_252[data-state=open] {
|
|
359
359
|
border-bottom-right-radius: var(--radius-none);
|
|
360
360
|
border-bottom-left-radius: var(--radius-none);
|
|
361
361
|
background-color: var(--baseBgHover);
|
|
362
362
|
}
|
|
363
|
-
.
|
|
363
|
+
._selectTrigger_1g25u_252[data-placeholder] > span:first-child {
|
|
364
364
|
color: var(--baseBorderHover);
|
|
365
365
|
}
|
|
366
366
|
|
|
367
367
|
/** used in the sandpack */
|
|
368
|
-
.
|
|
368
|
+
._toolbarButtonSelectTrigger_1g25u_251 {
|
|
369
369
|
width: auto;
|
|
370
370
|
padding-inline-start: var(--spacing-2) ;
|
|
371
371
|
padding-inline-end: var(--spacing-1);
|
|
372
372
|
}
|
|
373
373
|
|
|
374
|
-
.
|
|
374
|
+
._toolbarCodeBlockLanguageSelectTrigger_1g25u_288, ._toolbarCodeBlockLanguageSelectContent_1g25u_235
|
|
375
375
|
{
|
|
376
376
|
width: var(--spacing-48);
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.
|
|
379
|
+
._toolbarNodeKindSelectItem_1g25u_294, ._selectItem_1g25u_295
|
|
380
380
|
{
|
|
381
381
|
cursor: default;
|
|
382
382
|
display: flex;
|
|
383
383
|
padding: var(--spacing-2) var(--spacing-4);
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
.
|
|
386
|
+
._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
|
|
387
387
|
background-color: var(--baseBgSubtle);
|
|
388
388
|
}
|
|
389
389
|
|
|
390
|
-
.
|
|
390
|
+
._toolbarNodeKindSelectItem_1g25u_294[data-state=checked], ._selectItem_1g25u_295[data-state=checked] {
|
|
391
391
|
background-color: var(--accentBgActive);
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
-
.
|
|
394
|
+
._toolbarNodeKindSelectItem_1g25u_294[data-highlighted], ._selectItem_1g25u_295[data-highlighted] {
|
|
395
395
|
outline: none;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
.
|
|
398
|
+
._toolbarNodeKindSelectItem_1g25u_294:last-child, ._selectItem_1g25u_295:last-child {
|
|
399
399
|
border-bottom-left-radius: var(--radius-base);
|
|
400
400
|
border-bottom-right-radius: var(--radius-base);
|
|
401
401
|
}
|
|
402
402
|
|
|
403
|
-
.
|
|
403
|
+
._toolbarNodeKindSelectDropdownArrow_1g25u_319, ._selectDropdownArrow_1g25u_320 {
|
|
404
404
|
margin-left: auto;
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
.
|
|
407
|
+
._contentEditable_1g25u_324 {
|
|
408
408
|
box-sizing: border-box;
|
|
409
409
|
width: 100%;
|
|
410
410
|
color: var(--baseTextContrast);
|
|
411
411
|
padding: var(--spacing-3);
|
|
412
412
|
}
|
|
413
413
|
|
|
414
|
-
.
|
|
414
|
+
._contentEditable_1g25u_324:focus {
|
|
415
415
|
outline: none;
|
|
416
416
|
}
|
|
417
417
|
|
|
418
|
-
.
|
|
418
|
+
._sandpackWrapper_1g25u_334 {
|
|
419
419
|
margin-bottom:var(--spacing-5);
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
.
|
|
422
|
+
._frontmatterWrapper_1g25u_338 {
|
|
423
423
|
border-radius: var(--radius-medium);
|
|
424
424
|
padding: var(--spacing-3);
|
|
425
425
|
background-color: var(--baseBgSubtle);
|
|
426
426
|
}
|
|
427
427
|
|
|
428
|
-
.
|
|
428
|
+
._frontmatterWrapper_1g25u_338[data-expanded=true] {
|
|
429
429
|
margin-bottom: var(--spacing-10);
|
|
430
430
|
}
|
|
431
431
|
|
|
432
|
-
.
|
|
432
|
+
._frontmatterToggleButton_1g25u_348 {
|
|
433
433
|
border: 0;
|
|
434
434
|
background-color: transparent;
|
|
435
435
|
font-size: inherit;
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
font-size: var(--text-sm);
|
|
446
446
|
}
|
|
447
447
|
|
|
448
|
-
.
|
|
448
|
+
._propertyPanelTitle_1g25u_356 {
|
|
449
449
|
font-size: var(--text-xs);
|
|
450
450
|
font-weight: 400;
|
|
451
451
|
margin: 0;
|
|
@@ -453,49 +453,49 @@
|
|
|
453
453
|
padding-left: var(--spacing-2);
|
|
454
454
|
}
|
|
455
455
|
|
|
456
|
-
.
|
|
456
|
+
._propertyEditorTable_1g25u_364 {
|
|
457
457
|
table-layout: fixed;
|
|
458
458
|
border-spacing: var(--spacing-2);
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
.
|
|
461
|
+
._propertyEditorTable_1g25u_364 th {
|
|
462
462
|
text-align: left;
|
|
463
463
|
font-size: var(--text-sm);
|
|
464
464
|
padding: var(--spacing-2) var(--spacing-3);
|
|
465
465
|
}
|
|
466
466
|
|
|
467
|
-
.
|
|
467
|
+
._propertyEditorTable_1g25u_364 col:nth-child(1) {
|
|
468
468
|
width: 30%;
|
|
469
469
|
}
|
|
470
470
|
|
|
471
|
-
.
|
|
471
|
+
._propertyEditorTable_1g25u_364 col:nth-child(2) {
|
|
472
472
|
width: 70%;
|
|
473
473
|
}
|
|
474
474
|
|
|
475
|
-
.
|
|
475
|
+
._propertyEditorTable_1g25u_364 td:last-child ._iconButton_1g25u_381 {
|
|
476
476
|
margin-left: var(--spacing-4);
|
|
477
477
|
margin-right: var(--spacing-4);
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
-
.
|
|
480
|
+
._propertyEditorTable_1g25u_364 ._readOnlyColumnCell_1g25u_386 {
|
|
481
481
|
padding-left: 0;
|
|
482
482
|
}
|
|
483
483
|
|
|
484
|
-
.
|
|
484
|
+
._propertyEditorLabelCell_1g25u_391 {
|
|
485
485
|
font-weight: 400;
|
|
486
486
|
}
|
|
487
487
|
|
|
488
|
-
.
|
|
488
|
+
._readOnlyColumnCell_1g25u_386 {
|
|
489
489
|
padding-left: 0;
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
.
|
|
492
|
+
._buttonsFooter_1g25u_399 {
|
|
493
493
|
display: flex;
|
|
494
494
|
justify-content: flex-end;
|
|
495
495
|
gap: var(--spacing-2);
|
|
496
496
|
}
|
|
497
497
|
|
|
498
|
-
.
|
|
498
|
+
._propertyEditorInput_1g25u_405 {
|
|
499
499
|
border: 0;
|
|
500
500
|
background-color: transparent;
|
|
501
501
|
font-size: inherit;
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
font-size: var(--text-sm);
|
|
514
514
|
}
|
|
515
515
|
|
|
516
|
-
.
|
|
516
|
+
._iconButton_1g25u_381 {
|
|
517
517
|
border: 0;
|
|
518
518
|
background-color: transparent;
|
|
519
519
|
font-size: inherit;
|
|
@@ -526,7 +526,7 @@
|
|
|
526
526
|
color:var(--baseText);
|
|
527
527
|
}
|
|
528
528
|
|
|
529
|
-
.
|
|
529
|
+
._primaryButton_1g25u_420, ._secondaryButton_1g25u_420 {
|
|
530
530
|
border: 0;
|
|
531
531
|
background-color: transparent;
|
|
532
532
|
font-size: inherit;
|
|
@@ -544,25 +544,25 @@
|
|
|
544
544
|
border-radius: var(--radius-medium);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
|
-
.
|
|
547
|
+
._secondaryButton_1g25u_420 {
|
|
548
548
|
border: 1px solid var(--baseBorder);
|
|
549
549
|
background-color: var(--baseSolidHover);
|
|
550
550
|
color:var(--baseBase);
|
|
551
551
|
}
|
|
552
552
|
|
|
553
|
-
.
|
|
553
|
+
._linkDialogEditForm_1g25u_436 {
|
|
554
554
|
display: flex;
|
|
555
555
|
align-items: center;
|
|
556
556
|
gap: var(--spacing-2);
|
|
557
557
|
}
|
|
558
558
|
|
|
559
|
-
.
|
|
559
|
+
._linkDialogInputContainer_1g25u_442 {
|
|
560
560
|
display: flex;
|
|
561
561
|
flex-direction: column;
|
|
562
562
|
align-items: stretch;
|
|
563
563
|
}
|
|
564
564
|
|
|
565
|
-
.
|
|
565
|
+
._linkDialogInputWrapper_1g25u_448 {
|
|
566
566
|
display: flex;
|
|
567
567
|
align-items: center;
|
|
568
568
|
background-color: var(--baseBase);
|
|
@@ -571,13 +571,13 @@
|
|
|
571
571
|
border:1px solid var(--baseBorder);
|
|
572
572
|
}
|
|
573
573
|
|
|
574
|
-
.
|
|
574
|
+
._linkDialogInputWrapper_1g25u_448[data-visible-dropdown=true] {
|
|
575
575
|
border-bottom-left-radius: var(--radius-none) ;
|
|
576
576
|
border-bottom-right-radius: var(--radius-none) ;
|
|
577
577
|
border-bottom-width: 0;
|
|
578
578
|
}
|
|
579
579
|
|
|
580
|
-
.
|
|
580
|
+
._linkDialogInputWrapper_1g25u_448 > button {
|
|
581
581
|
border: 0;
|
|
582
582
|
background-color: transparent;
|
|
583
583
|
font-size: inherit;
|
|
@@ -590,7 +590,7 @@
|
|
|
590
590
|
padding-right: var(--spacing-2);
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
-
.
|
|
593
|
+
._linkDialogInput_1g25u_442 {
|
|
594
594
|
border: 0;
|
|
595
595
|
background-color: transparent;
|
|
596
596
|
font-size: inherit;
|
|
@@ -605,19 +605,19 @@
|
|
|
605
605
|
font-size: var(--text-sm);
|
|
606
606
|
}
|
|
607
607
|
|
|
608
|
-
.
|
|
608
|
+
._linkDialogInput_1g25u_442::-moz-placeholder {
|
|
609
609
|
color: var(--baseBorder);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
|
-
.
|
|
612
|
+
._linkDialogInput_1g25u_442::placeholder {
|
|
613
613
|
color: var(--baseBorder);
|
|
614
614
|
}
|
|
615
615
|
|
|
616
|
-
.
|
|
616
|
+
._linkDialogAutocompleteContainer_1g25u_478 {
|
|
617
617
|
position: relative;
|
|
618
618
|
}
|
|
619
619
|
|
|
620
|
-
.
|
|
620
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul {
|
|
621
621
|
all: unset;
|
|
622
622
|
box-sizing: border-box;
|
|
623
623
|
position: absolute;
|
|
@@ -634,11 +634,11 @@
|
|
|
634
634
|
background-color: var(--baseBase);
|
|
635
635
|
}
|
|
636
636
|
|
|
637
|
-
.
|
|
637
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul[data-visible=true] {
|
|
638
638
|
display: block;
|
|
639
639
|
}
|
|
640
640
|
|
|
641
|
-
.
|
|
641
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul li {
|
|
642
642
|
padding: var(--spacing-2) var(--spacing-3);
|
|
643
643
|
white-space: nowrap;
|
|
644
644
|
margin-bottom: var(--spacing-1);
|
|
@@ -646,34 +646,34 @@
|
|
|
646
646
|
text-overflow: ellipsis;
|
|
647
647
|
}
|
|
648
648
|
|
|
649
|
-
.
|
|
649
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul li[data-selected=true] {
|
|
650
650
|
background-color: var(--baseBgSubtle);
|
|
651
651
|
}
|
|
652
652
|
|
|
653
|
-
.
|
|
653
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul li[data-highlighted=true] {
|
|
654
654
|
background-color: var(--baseBgHover);
|
|
655
655
|
}
|
|
656
656
|
|
|
657
|
-
.
|
|
657
|
+
._linkDialogAutocompleteContainer_1g25u_478 ul li:last-of-type {
|
|
658
658
|
border-bottom-left-radius: var(--radius-medium) ;
|
|
659
659
|
border-bottom-right-radius: var(--radius-medium) ;
|
|
660
660
|
}
|
|
661
661
|
|
|
662
|
-
.
|
|
662
|
+
._linkDialogAnchor_1g25u_523 {
|
|
663
663
|
position: fixed;
|
|
664
664
|
background-color: highlight;
|
|
665
665
|
z-index: -1;
|
|
666
666
|
}
|
|
667
667
|
|
|
668
|
-
.
|
|
668
|
+
._linkDialogAnchor_1g25u_523[data-visible=true] {
|
|
669
669
|
visibility: visible;
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
.
|
|
672
|
+
._linkDialogAnchor_1g25u_523[data-visible=false] {
|
|
673
673
|
visibility: hidden;
|
|
674
674
|
}
|
|
675
675
|
|
|
676
|
-
.
|
|
676
|
+
._linkDialogPopoverContent_1g25u_537, ._tableColumnEditorPopoverContent_1g25u_537, ._dialogContent_1g25u_537 {
|
|
677
677
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
678
678
|
display: flex;
|
|
679
679
|
align-items: center;
|
|
@@ -685,7 +685,7 @@
|
|
|
685
685
|
font-size: var(--text-sm);
|
|
686
686
|
}
|
|
687
687
|
|
|
688
|
-
.
|
|
688
|
+
._popoverContent_1g25u_549 {
|
|
689
689
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
690
690
|
display: flex;
|
|
691
691
|
align-items: center;
|
|
@@ -696,13 +696,13 @@
|
|
|
696
696
|
font-size: var(--text-sm);
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.
|
|
699
|
+
._popoverArrow_1g25u_560 {
|
|
700
700
|
fill: var(--baseBgSubtle);
|
|
701
701
|
}
|
|
702
702
|
|
|
703
703
|
|
|
704
704
|
|
|
705
|
-
.
|
|
705
|
+
._linkDialogPreviewAnchor_1g25u_566 {
|
|
706
706
|
margin-right: var(--spacing-3);
|
|
707
707
|
display: flex;
|
|
708
708
|
align-items: flex-start;
|
|
@@ -713,7 +713,7 @@
|
|
|
713
713
|
|
|
714
714
|
|
|
715
715
|
|
|
716
|
-
.
|
|
716
|
+
._linkDialogPreviewAnchor_1g25u_566 svg {
|
|
717
717
|
width: var(--spacing-5);
|
|
718
718
|
height: var(--spacing-5);
|
|
719
719
|
margin-left: var(--spacing-2);
|
|
@@ -721,14 +721,14 @@
|
|
|
721
721
|
|
|
722
722
|
|
|
723
723
|
|
|
724
|
-
.
|
|
724
|
+
._linkDialogPreviewAnchor_1g25u_566 span {
|
|
725
725
|
max-width: 14rem;
|
|
726
726
|
overflow-x: hidden;
|
|
727
727
|
text-overflow: ellipsis;
|
|
728
728
|
white-space: nowrap;
|
|
729
729
|
}
|
|
730
730
|
|
|
731
|
-
.
|
|
731
|
+
._tooltipContent_1g25u_588 {
|
|
732
732
|
z-index: 2;
|
|
733
733
|
position: relative;
|
|
734
734
|
border-radius: var(--radius-medium);
|
|
@@ -738,11 +738,11 @@
|
|
|
738
738
|
color: var(--baseBase);
|
|
739
739
|
}
|
|
740
740
|
|
|
741
|
-
.
|
|
741
|
+
._tooltipContent_1g25u_588 svg {
|
|
742
742
|
fill: var(--baseText);
|
|
743
743
|
}
|
|
744
744
|
|
|
745
|
-
.
|
|
745
|
+
._actionButton_1g25u_602 {
|
|
746
746
|
border: 0;
|
|
747
747
|
background-color: transparent;
|
|
748
748
|
font-size: inherit;
|
|
@@ -757,33 +757,33 @@
|
|
|
757
757
|
border-radius: var(--radius-medium);
|
|
758
758
|
}
|
|
759
759
|
|
|
760
|
-
.
|
|
760
|
+
._actionButton_1g25u_602 svg {
|
|
761
761
|
display: block;
|
|
762
762
|
}
|
|
763
763
|
|
|
764
|
-
.
|
|
764
|
+
._actionButton_1g25u_602:hover {
|
|
765
765
|
background-color: var(--baseBgHover);
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
-
.
|
|
768
|
+
._actionButton_1g25u_602:active svg {
|
|
769
769
|
transform: translate(1px, 1px);
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
.
|
|
772
|
+
._actionButton_1g25u_602[data-state=on], ._actionButton_1g25u_602:active {
|
|
773
773
|
background-color: var(--accentBgActive);
|
|
774
774
|
}
|
|
775
775
|
|
|
776
|
-
.
|
|
776
|
+
._primaryActionButton_1g25u_608 {
|
|
777
777
|
background-color: var(--accentSolid);
|
|
778
778
|
color:var(--baseBase);
|
|
779
779
|
}
|
|
780
780
|
|
|
781
|
-
.
|
|
781
|
+
._primaryActionButton_1g25u_608:hover {
|
|
782
782
|
background-color: var(--accentSolidHover);
|
|
783
783
|
color:var(--baseBase);
|
|
784
784
|
}
|
|
785
785
|
|
|
786
|
-
.
|
|
786
|
+
._tableEditor_1g25u_617 {
|
|
787
787
|
table-layout: fixed;
|
|
788
788
|
width: 100%;
|
|
789
789
|
height: 100%;
|
|
@@ -791,50 +791,50 @@
|
|
|
791
791
|
border-collapse: collapse;
|
|
792
792
|
}
|
|
793
793
|
|
|
794
|
-
.
|
|
794
|
+
._tableEditor_1g25u_617 thead > tr > th {
|
|
795
795
|
text-align: right;
|
|
796
796
|
}
|
|
797
797
|
|
|
798
|
-
.
|
|
798
|
+
._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) {
|
|
799
799
|
border: 1px solid var(--baseBorder);
|
|
800
800
|
padding: var(--spacing-1) var(--spacing-2);
|
|
801
801
|
white-space: normal;
|
|
802
802
|
}
|
|
803
803
|
|
|
804
|
-
.
|
|
804
|
+
._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div {
|
|
805
805
|
outline: none;
|
|
806
806
|
}
|
|
807
807
|
|
|
808
|
-
.
|
|
808
|
+
._tableEditor_1g25u_617 > tbody > tr > td:not(._toolCell_1g25u_628) > div > p {
|
|
809
809
|
margin: 0;
|
|
810
810
|
}
|
|
811
811
|
|
|
812
|
-
.
|
|
812
|
+
._tableEditor_1g25u_617 > tbody > tr > td[data-active=true]:not(._toolCell_1g25u_628) {
|
|
813
813
|
outline: solid 2px var(--accentSolid)
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
.
|
|
816
|
+
._tableEditor_1g25u_617 ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617 ._addRowButton_1g25u_645, ._tableEditor_1g25u_617 ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617 ._iconButton_1g25u_381 {
|
|
817
817
|
opacity: .2;
|
|
818
818
|
}
|
|
819
819
|
|
|
820
|
-
.
|
|
820
|
+
._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381 {
|
|
821
821
|
opacity: .5;
|
|
822
822
|
}
|
|
823
823
|
|
|
824
|
-
.
|
|
824
|
+
._tableEditor_1g25u_617:hover ._tableColumnEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._tableRowEditorTrigger_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addRowButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._addColumnButton_1g25u_645:hover, ._tableEditor_1g25u_617:hover ._iconButton_1g25u_381:hover {
|
|
825
825
|
opacity: 1;
|
|
826
826
|
}
|
|
827
827
|
|
|
828
|
-
.
|
|
828
|
+
._toolCell_1g25u_628 {
|
|
829
829
|
text-align: right;
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.
|
|
832
|
+
._toolCell_1g25u_628 button {
|
|
833
833
|
margin: auto;
|
|
834
834
|
display: block;
|
|
835
835
|
}
|
|
836
836
|
|
|
837
|
-
.
|
|
837
|
+
._tableColumnEditorTrigger_1g25u_645 {
|
|
838
838
|
border: 0;
|
|
839
839
|
background-color: transparent;
|
|
840
840
|
font-size: inherit;
|
|
@@ -850,31 +850,31 @@
|
|
|
850
850
|
opacity: 0.2;
|
|
851
851
|
}
|
|
852
852
|
|
|
853
|
-
.
|
|
853
|
+
._tableColumnEditorTrigger_1g25u_645 svg {
|
|
854
854
|
display: block;
|
|
855
855
|
}
|
|
856
856
|
|
|
857
|
-
.
|
|
857
|
+
._tableColumnEditorTrigger_1g25u_645:hover {
|
|
858
858
|
background-color: var(--baseBgHover);
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
.
|
|
861
|
+
._tableColumnEditorTrigger_1g25u_645:active svg {
|
|
862
862
|
transform: translate(1px, 1px);
|
|
863
863
|
}
|
|
864
864
|
|
|
865
|
-
.
|
|
865
|
+
._tableColumnEditorTrigger_1g25u_645[data-state=on], ._tableColumnEditorTrigger_1g25u_645:active {
|
|
866
866
|
background-color: var(--accentBgActive);
|
|
867
867
|
}
|
|
868
868
|
|
|
869
|
-
.
|
|
869
|
+
._tableColumnEditorTrigger_1g25u_645[data-active=true] {
|
|
870
870
|
opacity: 1;
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
.
|
|
873
|
+
._tableColumnEditorToolbar_1g25u_679 {
|
|
874
874
|
display: flex;
|
|
875
875
|
}
|
|
876
876
|
|
|
877
|
-
.
|
|
877
|
+
._tableColumnEditorToolbar_1g25u_679 > button {
|
|
878
878
|
border: 0;
|
|
879
879
|
background-color: transparent;
|
|
880
880
|
font-size: inherit;
|
|
@@ -887,34 +887,34 @@
|
|
|
887
887
|
padding: var(--spacing-2);
|
|
888
888
|
}
|
|
889
889
|
|
|
890
|
-
.
|
|
890
|
+
._tableColumnEditorToolbar_1g25u_679 > button svg {
|
|
891
891
|
display: block;
|
|
892
892
|
}
|
|
893
893
|
|
|
894
|
-
.
|
|
894
|
+
._tableColumnEditorToolbar_1g25u_679 > button:hover {
|
|
895
895
|
background-color: var(--baseBgHover);
|
|
896
896
|
}
|
|
897
897
|
|
|
898
|
-
.
|
|
898
|
+
._tableColumnEditorToolbar_1g25u_679 > button:active svg {
|
|
899
899
|
transform: translate(1px, 1px);
|
|
900
900
|
}
|
|
901
901
|
|
|
902
|
-
.
|
|
902
|
+
._tableColumnEditorToolbar_1g25u_679 > button[data-state=on], ._tableColumnEditorToolbar_1g25u_679 > button:active {
|
|
903
903
|
background-color: var(--accentBgActive);
|
|
904
904
|
}
|
|
905
905
|
|
|
906
|
-
.
|
|
906
|
+
._tableColumnEditorToolbar_1g25u_679 [role=separator] {
|
|
907
907
|
margin-left: var(--spacing-1);
|
|
908
908
|
margin-right: var(--spacing-1);
|
|
909
909
|
}
|
|
910
910
|
|
|
911
911
|
|
|
912
|
-
.
|
|
912
|
+
._toggleGroupRoot_1g25u_691 {
|
|
913
913
|
display: inline-flex;
|
|
914
914
|
}
|
|
915
915
|
|
|
916
916
|
|
|
917
|
-
.
|
|
917
|
+
._toggleGroupRoot_1g25u_691 button {
|
|
918
918
|
border: 0;
|
|
919
919
|
background-color: transparent;
|
|
920
920
|
font-size: inherit;
|
|
@@ -928,59 +928,59 @@
|
|
|
928
928
|
}
|
|
929
929
|
|
|
930
930
|
|
|
931
|
-
.
|
|
931
|
+
._toggleGroupRoot_1g25u_691 button svg {
|
|
932
932
|
display: block;
|
|
933
933
|
}
|
|
934
934
|
|
|
935
935
|
|
|
936
|
-
.
|
|
936
|
+
._toggleGroupRoot_1g25u_691 button:hover {
|
|
937
937
|
background-color: var(--baseBgHover);
|
|
938
938
|
}
|
|
939
939
|
|
|
940
940
|
|
|
941
|
-
.
|
|
941
|
+
._toggleGroupRoot_1g25u_691 button:active svg {
|
|
942
942
|
transform: translate(1px, 1px);
|
|
943
943
|
}
|
|
944
944
|
|
|
945
945
|
|
|
946
|
-
.
|
|
946
|
+
._toggleGroupRoot_1g25u_691 button[data-state=on], ._toggleGroupRoot_1g25u_691 button:active {
|
|
947
947
|
background-color: var(--accentBgActive);
|
|
948
948
|
}
|
|
949
949
|
|
|
950
950
|
|
|
951
|
-
.
|
|
951
|
+
._toggleGroupRoot_1g25u_691 button:first-child {
|
|
952
952
|
border-top-left-radius: var(--radius-base);
|
|
953
953
|
border-bottom-left-radius: var(--radius-base);
|
|
954
954
|
}
|
|
955
955
|
|
|
956
956
|
|
|
957
|
-
.
|
|
957
|
+
._toggleGroupRoot_1g25u_691 button:last-child {
|
|
958
958
|
border-top-right-radius: var(--radius-base);
|
|
959
959
|
border-bottom-right-radius: var(--radius-base);
|
|
960
960
|
}
|
|
961
961
|
|
|
962
|
-
.
|
|
962
|
+
._tableToolsColumn_1g25u_708 {
|
|
963
963
|
width: 3rem;
|
|
964
964
|
}
|
|
965
965
|
|
|
966
|
-
.
|
|
966
|
+
._tableToolsColumn_1g25u_708 button {
|
|
967
967
|
margin: auto;
|
|
968
968
|
display: block;
|
|
969
969
|
}
|
|
970
970
|
|
|
971
|
-
.
|
|
971
|
+
._leftAlignedCell_1g25u_716 {
|
|
972
972
|
text-align: left;
|
|
973
973
|
}
|
|
974
974
|
|
|
975
|
-
.
|
|
975
|
+
._rightAlignedCell_1g25u_720 {
|
|
976
976
|
text-align: right;
|
|
977
977
|
}
|
|
978
978
|
|
|
979
|
-
.
|
|
979
|
+
._centeredCell_1g25u_724 {
|
|
980
980
|
text-align: center;
|
|
981
981
|
}
|
|
982
982
|
|
|
983
|
-
.
|
|
983
|
+
._addColumnButton_1g25u_645, ._addRowButton_1g25u_645 {
|
|
984
984
|
border: 0;
|
|
985
985
|
background-color: transparent;
|
|
986
986
|
font-size: inherit;
|
|
@@ -998,61 +998,61 @@
|
|
|
998
998
|
border-radius: var(--radius-medium);
|
|
999
999
|
}
|
|
1000
1000
|
|
|
1001
|
-
.
|
|
1001
|
+
._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
|
|
1002
1002
|
display: block;
|
|
1003
1003
|
}
|
|
1004
1004
|
|
|
1005
|
-
.
|
|
1005
|
+
._addColumnButton_1g25u_645:hover, ._addRowButton_1g25u_645:hover {
|
|
1006
1006
|
background-color: var(--baseBgHover);
|
|
1007
1007
|
}
|
|
1008
1008
|
|
|
1009
|
-
.
|
|
1009
|
+
._addColumnButton_1g25u_645:active svg, ._addRowButton_1g25u_645:active svg {
|
|
1010
1010
|
transform: translate(1px, 1px);
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
|
-
.
|
|
1013
|
+
._addColumnButton_1g25u_645[data-state=on], ._addRowButton_1g25u_645[data-state=on], ._addColumnButton_1g25u_645:active, ._addRowButton_1g25u_645:active {
|
|
1014
1014
|
background-color: var(--accentBgActive);
|
|
1015
1015
|
}
|
|
1016
1016
|
|
|
1017
|
-
.
|
|
1017
|
+
._addColumnButton_1g25u_645 svg, ._addRowButton_1g25u_645 svg {
|
|
1018
1018
|
margin: auto;
|
|
1019
1019
|
}
|
|
1020
1020
|
|
|
1021
|
-
.
|
|
1021
|
+
._addRowButton_1g25u_645 {
|
|
1022
1022
|
width: 100%;
|
|
1023
1023
|
margin-top: var(--spacing-2);
|
|
1024
1024
|
box-sizing: border-box;
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
|
-
.
|
|
1027
|
+
._addColumnButton_1g25u_645 {
|
|
1028
1028
|
margin-left: var(--spacing-2);
|
|
1029
1029
|
height: 100%;
|
|
1030
1030
|
}
|
|
1031
1031
|
|
|
1032
1032
|
/** Dialog */
|
|
1033
|
-
.
|
|
1033
|
+
._dialogOverlay_1g25u_752 {
|
|
1034
1034
|
position: fixed;
|
|
1035
1035
|
inset: 0;
|
|
1036
|
-
animation:
|
|
1036
|
+
animation: _overlayShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1037
1037
|
background-color: var(--baseBase);
|
|
1038
1038
|
z-index: 51;
|
|
1039
1039
|
opacity: 0.5;
|
|
1040
1040
|
}
|
|
1041
1041
|
|
|
1042
|
-
.
|
|
1042
|
+
._dialogContent_1g25u_537 {
|
|
1043
1043
|
position: fixed;
|
|
1044
1044
|
top: 50%;
|
|
1045
1045
|
left: 50%;
|
|
1046
1046
|
transform: translate(-50%, -50%);
|
|
1047
|
-
animation:
|
|
1047
|
+
animation: _contentShow_1g25u_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1048
1048
|
z-index: 52;
|
|
1049
1049
|
}
|
|
1050
|
-
.
|
|
1050
|
+
._dialogContent_1g25u_537:focus {
|
|
1051
1051
|
outline: none;
|
|
1052
1052
|
}
|
|
1053
1053
|
|
|
1054
1054
|
|
|
1055
|
-
@keyframes
|
|
1055
|
+
@keyframes _overlayShow_1g25u_1 {
|
|
1056
1056
|
from {
|
|
1057
1057
|
opacity: 0;
|
|
1058
1058
|
}
|
|
@@ -1061,7 +1061,7 @@
|
|
|
1061
1061
|
}
|
|
1062
1062
|
}
|
|
1063
1063
|
|
|
1064
|
-
@keyframes
|
|
1064
|
+
@keyframes _contentShow_1g25u_1 {
|
|
1065
1065
|
from {
|
|
1066
1066
|
opacity: 0;
|
|
1067
1067
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1072,22 +1072,22 @@
|
|
|
1072
1072
|
}
|
|
1073
1073
|
}
|
|
1074
1074
|
|
|
1075
|
-
.
|
|
1075
|
+
._focusedImage_1g25u_794 {
|
|
1076
1076
|
outline: highlight solid 2px;
|
|
1077
1077
|
}
|
|
1078
1078
|
|
|
1079
|
-
.
|
|
1079
|
+
._imageWrapper_1g25u_798 {
|
|
1080
1080
|
display: inline-block;
|
|
1081
1081
|
position: relative;
|
|
1082
1082
|
}
|
|
1083
1083
|
|
|
1084
|
-
.
|
|
1084
|
+
._imageWrapper_1g25u_798[draggable=true] {
|
|
1085
1085
|
cursor: move; /* fallback if grab cursor is unsupported */
|
|
1086
1086
|
cursor: grab;
|
|
1087
1087
|
cursor: -webkit-grab;
|
|
1088
1088
|
}
|
|
1089
1089
|
|
|
1090
|
-
.
|
|
1090
|
+
._inlineEditor_1g25u_810 {
|
|
1091
1091
|
display: inline-flex;
|
|
1092
1092
|
border-radius: var(--radius-medium);
|
|
1093
1093
|
padding: var(--spacing-1);
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
background: var(--baseBg);
|
|
1097
1097
|
}
|
|
1098
1098
|
|
|
1099
|
-
.
|
|
1099
|
+
._blockEditor_1g25u_819 {
|
|
1100
1100
|
display: flex;
|
|
1101
1101
|
justify-content: stretch;
|
|
1102
1102
|
border-radius: var(--radius-medium);
|
|
@@ -1106,71 +1106,71 @@
|
|
|
1106
1106
|
background: var(--baseBg);
|
|
1107
1107
|
}
|
|
1108
1108
|
|
|
1109
|
-
.
|
|
1109
|
+
._blockEditor_1g25u_819 ._nestedEditor_1g25u_828 {
|
|
1110
1110
|
flex-grow: 1;
|
|
1111
1111
|
}
|
|
1112
1112
|
|
|
1113
|
-
.
|
|
1113
|
+
._nestedEditor_1g25u_828 {
|
|
1114
1114
|
background: white;
|
|
1115
1115
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1116
1116
|
border-radius: var(--radius-medium);
|
|
1117
1117
|
}
|
|
1118
1118
|
|
|
1119
|
-
.
|
|
1119
|
+
._nestedEditor_1g25u_828 > p {
|
|
1120
1120
|
margin: 0;
|
|
1121
1121
|
}
|
|
1122
1122
|
|
|
1123
|
-
.
|
|
1123
|
+
._nestedEditor_1g25u_828:focus {
|
|
1124
1124
|
outline: none;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
-
.
|
|
1127
|
+
._genericComponentName_1g25u_845 {
|
|
1128
1128
|
font-size: var(--text-sm);
|
|
1129
1129
|
color: var(--baseText);
|
|
1130
1130
|
padding-right: var(--spacing-2);
|
|
1131
1131
|
}
|
|
1132
1132
|
|
|
1133
|
-
.
|
|
1133
|
+
._diffSourceToggle_1g25u_851 {
|
|
1134
1134
|
border: 1px solid var(--baseBorder);
|
|
1135
1135
|
border-radius: var(--radius-medium);
|
|
1136
1136
|
display: flex;
|
|
1137
1137
|
}
|
|
1138
1138
|
|
|
1139
|
-
.
|
|
1139
|
+
._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 {
|
|
1140
1140
|
padding: 0;
|
|
1141
1141
|
}
|
|
1142
1142
|
|
|
1143
|
-
.
|
|
1143
|
+
._diffSourceToggle_1g25u_851 ._toolbarToggleItem_1g25u_170 > span {
|
|
1144
1144
|
display: block;
|
|
1145
1145
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1146
1146
|
}
|
|
1147
1147
|
|
|
1148
|
-
.
|
|
1148
|
+
._selectWithLabel_1g25u_865 {
|
|
1149
1149
|
display: flex;
|
|
1150
1150
|
align-items: center;
|
|
1151
1151
|
gap: var(--spacing-2);
|
|
1152
1152
|
margin-left: var(--spacing-2);
|
|
1153
1153
|
}
|
|
1154
1154
|
|
|
1155
|
-
.
|
|
1155
|
+
._selectWithLabel_1g25u_865 > label {
|
|
1156
1156
|
font-size: var(--text-sm);
|
|
1157
1157
|
}
|
|
1158
1158
|
|
|
1159
|
-
.
|
|
1159
|
+
._selectWithLabel_1g25u_865 ._selectTrigger_1g25u_252 {
|
|
1160
1160
|
border: 1px solid var(--baseBorder);
|
|
1161
1161
|
}
|
|
1162
1162
|
|
|
1163
|
-
.
|
|
1163
|
+
._toolbarTitleMode_1g25u_879 {
|
|
1164
1164
|
font-size: var(--text-sm);
|
|
1165
1165
|
margin-left: var(--spacing-2);
|
|
1166
1166
|
}
|
|
1167
1167
|
|
|
1168
1168
|
|
|
1169
|
-
.
|
|
1169
|
+
._imageControlWrapperResizing_1g25u_885 {
|
|
1170
1170
|
touch-action: none;
|
|
1171
1171
|
}
|
|
1172
1172
|
|
|
1173
|
-
.
|
|
1173
|
+
._imageResizer_1g25u_889 {
|
|
1174
1174
|
display: block;
|
|
1175
1175
|
width: 7px;
|
|
1176
1176
|
height: 7px;
|
|
@@ -1179,53 +1179,72 @@
|
|
|
1179
1179
|
border: 1px solid var(--baseBg);
|
|
1180
1180
|
}
|
|
1181
1181
|
|
|
1182
|
-
.
|
|
1182
|
+
._imageResizer_1g25u_889._imageResizerN_1g25u_898 {
|
|
1183
1183
|
top: -6px;
|
|
1184
1184
|
left: 48%;
|
|
1185
1185
|
cursor: n-resize;
|
|
1186
1186
|
}
|
|
1187
1187
|
|
|
1188
|
-
.
|
|
1188
|
+
._imageResizer_1g25u_889._imageResizerNe_1g25u_904 {
|
|
1189
1189
|
top: -6px;
|
|
1190
1190
|
right: -6px;
|
|
1191
1191
|
cursor: ne-resize;
|
|
1192
1192
|
}
|
|
1193
1193
|
|
|
1194
|
-
.
|
|
1194
|
+
._imageResizer_1g25u_889._imageResizerE_1g25u_910 {
|
|
1195
1195
|
bottom: 48%;
|
|
1196
1196
|
right: -6px;
|
|
1197
1197
|
cursor: e-resize;
|
|
1198
1198
|
}
|
|
1199
1199
|
|
|
1200
|
-
.
|
|
1200
|
+
._imageResizer_1g25u_889._imageResizerSe_1g25u_916 {
|
|
1201
1201
|
bottom: -2px;
|
|
1202
1202
|
right: -6px;
|
|
1203
1203
|
cursor: nwse-resize;
|
|
1204
1204
|
}
|
|
1205
1205
|
|
|
1206
|
-
.
|
|
1206
|
+
._imageResizer_1g25u_889._imageResizerS_1g25u_916 {
|
|
1207
1207
|
bottom: -2px;
|
|
1208
1208
|
left: 48%;
|
|
1209
1209
|
cursor: s-resize;
|
|
1210
1210
|
}
|
|
1211
1211
|
|
|
1212
|
-
.
|
|
1212
|
+
._imageResizer_1g25u_889._imageResizerSw_1g25u_928 {
|
|
1213
1213
|
bottom: -2px;
|
|
1214
1214
|
left: -6px;
|
|
1215
1215
|
cursor: sw-resize;
|
|
1216
1216
|
}
|
|
1217
1217
|
|
|
1218
|
-
.
|
|
1218
|
+
._imageResizer_1g25u_889._imageResizerW_1g25u_934 {
|
|
1219
1219
|
bottom: 48%;
|
|
1220
1220
|
left: -6px;
|
|
1221
1221
|
cursor: w-resize;
|
|
1222
1222
|
}
|
|
1223
1223
|
|
|
1224
|
-
.
|
|
1224
|
+
._imageResizer_1g25u_889._imageResizerNw_1g25u_940 {
|
|
1225
1225
|
top: -6px;
|
|
1226
1226
|
left: -6px;
|
|
1227
1227
|
cursor: nw-resize;
|
|
1228
1228
|
}
|
|
1229
|
+
|
|
1230
|
+
._placeholder_1g25u_946 {
|
|
1231
|
+
color: var(--baseSolid);
|
|
1232
|
+
overflow: hidden;
|
|
1233
|
+
position: absolute;
|
|
1234
|
+
top: 0;
|
|
1235
|
+
padding: var(--spacing-3);
|
|
1236
|
+
text-overflow: ellipsis;
|
|
1237
|
+
-webkit-user-select: none;
|
|
1238
|
+
-moz-user-select: none;
|
|
1239
|
+
user-select: none;
|
|
1240
|
+
white-space: nowrap;
|
|
1241
|
+
display: inline-block;
|
|
1242
|
+
pointer-events: none;
|
|
1243
|
+
}
|
|
1244
|
+
|
|
1245
|
+
._rootContentEditableWrapper_1g25u_959 {
|
|
1246
|
+
position: relative;
|
|
1247
|
+
}
|
|
1229
1248
|
:root, ._light-theme_13nbk_1 {
|
|
1230
1249
|
--blue1: hsl(206, 100%, 99.2%);
|
|
1231
1250
|
--blue2: hsl(210, 100%, 98.0%);
|