@mdxeditor/editor 1.1.2 → 1.2.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/plugins/core/PropertyPopover.js +5 -3
- package/dist/plugins/core/ui/DownshiftAutoComplete.d.ts +11 -0
- package/dist/plugins/core/ui/DownshiftAutoComplete.js +66 -0
- package/dist/plugins/frontmatter/FrontmatterEditor.js +23 -12
- package/dist/plugins/image/ImageDialog.d.ts +2 -0
- package/dist/plugins/image/ImageDialog.js +69 -0
- package/dist/plugins/image/ImageEditor.d.ts +2 -1
- package/dist/plugins/image/ImageEditor.js +38 -5
- package/dist/plugins/image/ImageNode.d.ts +2 -0
- package/dist/plugins/image/ImageNode.js +18 -2
- package/dist/plugins/image/index.d.ts +67 -10
- package/dist/plugins/image/index.js +56 -10
- package/dist/plugins/link-dialog/LinkDialog.d.ts +7 -4
- package/dist/plugins/link-dialog/LinkDialog.js +40 -71
- package/dist/plugins/link-dialog/index.d.ts +30 -9
- package/dist/plugins/link-dialog/index.js +24 -46
- package/dist/plugins/toolbar/components/InsertImage.js +7 -15
- package/dist/plugins/toolbar/primitives/DialogButton.js +1 -1
- package/dist/style.css +312 -217
- package/dist/styles/ui.module.css.js +119 -95
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
background: transparent;
|
|
150
150
|
font-size: var(--text-xxs);
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
._editorRoot_16b3d_36 {
|
|
153
153
|
--accentBase: var(--blue1);
|
|
154
154
|
--accentBgSubtle: var(--blue2);
|
|
155
155
|
--accentBg: var(--blue3);
|
|
@@ -247,14 +247,14 @@
|
|
|
247
247
|
color: var(--baseText);
|
|
248
248
|
}
|
|
249
249
|
|
|
250
|
-
.
|
|
250
|
+
._editorWrapper_16b3d_134 {
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
.
|
|
253
|
+
._nestedListItem_16b3d_137 {
|
|
254
254
|
list-style: none;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
.
|
|
257
|
+
._toolbarRoot_16b3d_141 {
|
|
258
258
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
259
259
|
z-index: 1;
|
|
260
260
|
display: flex;
|
|
@@ -270,23 +270,23 @@
|
|
|
270
270
|
width: inherit;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.
|
|
273
|
+
._toolbarRoot_16b3d_141 div[role=separator] {
|
|
274
274
|
margin: var(--spacing-2) var(--spacing-2);
|
|
275
275
|
border-left: 1px solid var(--baseBorder);
|
|
276
276
|
border-right: 1px solid var(--baseBase);
|
|
277
277
|
height: var(--spacing-4);
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
-
.
|
|
280
|
+
._readOnlyToolbarRoot_16b3d_164 {
|
|
281
281
|
pointer-events: none;
|
|
282
282
|
background: var(--baseBase);
|
|
283
283
|
}
|
|
284
284
|
|
|
285
|
-
.
|
|
285
|
+
._readOnlyToolbarRoot_16b3d_164 > div {
|
|
286
286
|
opacity: 0.5;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
-
.
|
|
289
|
+
._toolbarModeSwitch_16b3d_172 {
|
|
290
290
|
opacity: 1 !important;
|
|
291
291
|
margin-left: auto;
|
|
292
292
|
align-self: stretch;
|
|
@@ -297,31 +297,31 @@
|
|
|
297
297
|
font-size: var(--text-xs);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
|
-
.
|
|
300
|
+
._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182 {
|
|
301
301
|
padding-inline-end: var(--spacing-4);
|
|
302
302
|
padding-inline-start: var(--spacing-4);
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.
|
|
305
|
+
._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:active, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182[data-state=on] {
|
|
306
306
|
background-color:var(--baseBorder);
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
-
.
|
|
309
|
+
._toolbarGroupOfGroups_16b3d_192 {
|
|
310
310
|
display: flex;
|
|
311
311
|
margin: 0 var(--spacing-1);
|
|
312
312
|
}
|
|
313
313
|
|
|
314
|
-
.
|
|
314
|
+
._toolbarToggleSingleGroup_16b3d_197:first-of-type ._toolbarToggleItem_16b3d_182:only-child, ._toolbarToggleSingleGroup_16b3d_197:only-child ._toolbarToggleItem_16b3d_182:first-child, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:first-child {
|
|
315
315
|
border-top-left-radius: var(--radius-base);
|
|
316
316
|
border-bottom-left-radius: var(--radius-base);
|
|
317
317
|
}
|
|
318
318
|
|
|
319
|
-
.
|
|
319
|
+
._toolbarToggleSingleGroup_16b3d_197:last-of-type ._toolbarToggleItem_16b3d_182:only-child, ._toolbarToggleSingleGroup_16b3d_197:only-child ._toolbarToggleItem_16b3d_182:last-child, ._toolbarModeSwitch_16b3d_172 ._toolbarToggleItem_16b3d_182:last-child {
|
|
320
320
|
border-top-right-radius: var(--radius-base);
|
|
321
321
|
border-bottom-right-radius: var(--radius-base);
|
|
322
322
|
}
|
|
323
323
|
|
|
324
|
-
.
|
|
324
|
+
._toolbarToggleItem_16b3d_182, ._toolbarButton_16b3d_211 {
|
|
325
325
|
border: 0;
|
|
326
326
|
background-color: transparent;
|
|
327
327
|
font-size: inherit;
|
|
@@ -334,40 +334,40 @@
|
|
|
334
334
|
padding: var(--spacing-1);
|
|
335
335
|
}
|
|
336
336
|
|
|
337
|
-
.
|
|
337
|
+
._toolbarToggleItem_16b3d_182 svg, ._toolbarButton_16b3d_211 svg {
|
|
338
338
|
display: block;
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
-
.
|
|
341
|
+
._toolbarToggleItem_16b3d_182:hover, ._toolbarButton_16b3d_211:hover {
|
|
342
342
|
background-color: var(--baseBgHover);
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
.
|
|
345
|
+
._toolbarToggleItem_16b3d_182:active svg, ._toolbarButton_16b3d_211:active svg {
|
|
346
346
|
transform: translate(1px, 1px);
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.
|
|
349
|
+
._toolbarToggleItem_16b3d_182[data-state=on], ._toolbarButton_16b3d_211[data-state=on], ._toolbarToggleItem_16b3d_182:active, ._toolbarButton_16b3d_211:active {
|
|
350
350
|
background-color: var(--accentBgActive);
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.
|
|
353
|
+
._toolbarToggleItem_16b3d_182[data-disabled], ._toolbarButton_16b3d_211[data-disabled] {
|
|
354
354
|
pointer-events: none;
|
|
355
355
|
color: var(--baseBorderHover);
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.
|
|
358
|
+
._toolbarButton_16b3d_211 {
|
|
359
359
|
border-radius: var(--radius-base);
|
|
360
360
|
}
|
|
361
361
|
|
|
362
|
-
.
|
|
362
|
+
._activeToolbarButton_16b3d_241 {
|
|
363
363
|
color: var(--accentText);
|
|
364
364
|
}
|
|
365
365
|
|
|
366
|
-
.
|
|
366
|
+
._toolbarToggleSingleGroup_16b3d_197 {
|
|
367
367
|
white-space: nowrap;
|
|
368
368
|
}
|
|
369
369
|
|
|
370
|
-
.
|
|
370
|
+
._toolbarNodeKindSelectContainer_16b3d_249, ._toolbarButtonDropdownContainer_16b3d_250, ._toolbarCodeBlockLanguageSelectContent_16b3d_251, ._selectContainer_16b3d_252
|
|
371
371
|
{
|
|
372
372
|
z-index: 3;
|
|
373
373
|
width: var(--spacing-36);
|
|
@@ -377,11 +377,11 @@
|
|
|
377
377
|
font-size: var(--text-sm);
|
|
378
378
|
}
|
|
379
379
|
|
|
380
|
-
.
|
|
380
|
+
._toolbarButtonDropdownContainer_16b3d_250 {
|
|
381
381
|
border-top-right-radius: var(--radius-base);
|
|
382
382
|
}
|
|
383
383
|
|
|
384
|
-
.
|
|
384
|
+
._toolbarNodeKindSelectTrigger_16b3d_266, ._toolbarButtonSelectTrigger_16b3d_267, ._selectTrigger_16b3d_268 {
|
|
385
385
|
border: 0;
|
|
386
386
|
background-color: transparent;
|
|
387
387
|
display: flex;
|
|
@@ -397,85 +397,85 @@
|
|
|
397
397
|
font-size: var(--text-sm);
|
|
398
398
|
}
|
|
399
399
|
|
|
400
|
-
.
|
|
400
|
+
._toolbarNodeKindSelectTrigger_16b3d_266:hover, ._toolbarButtonSelectTrigger_16b3d_267:hover, ._selectTrigger_16b3d_268:hover {
|
|
401
401
|
background-color: var(--baseBgHover);
|
|
402
402
|
}
|
|
403
403
|
|
|
404
|
-
.
|
|
404
|
+
._toolbarNodeKindSelectTrigger_16b3d_266[data-state=open], ._toolbarButtonSelectTrigger_16b3d_267[data-state=open], ._selectTrigger_16b3d_268[data-state=open] {
|
|
405
405
|
border-bottom-right-radius: var(--radius-none);
|
|
406
406
|
border-bottom-left-radius: var(--radius-none);
|
|
407
407
|
background-color: var(--baseBgHover);
|
|
408
408
|
}
|
|
409
|
-
.
|
|
409
|
+
._selectTrigger_16b3d_268[data-placeholder] > span:first-child {
|
|
410
410
|
color: var(--baseBorderHover);
|
|
411
411
|
}
|
|
412
412
|
|
|
413
413
|
/** used in the sandpack */
|
|
414
|
-
.
|
|
414
|
+
._toolbarButtonSelectTrigger_16b3d_267 {
|
|
415
415
|
width: auto;
|
|
416
416
|
padding-inline-start: var(--spacing-2) ;
|
|
417
417
|
padding-inline-end: var(--spacing-1);
|
|
418
418
|
}
|
|
419
419
|
|
|
420
|
-
.
|
|
420
|
+
._toolbarCodeBlockLanguageSelectTrigger_16b3d_304, ._toolbarCodeBlockLanguageSelectContent_16b3d_251
|
|
421
421
|
{
|
|
422
422
|
width: var(--spacing-48);
|
|
423
423
|
}
|
|
424
424
|
|
|
425
|
-
.
|
|
425
|
+
._toolbarNodeKindSelectItem_16b3d_310, ._selectItem_16b3d_311
|
|
426
426
|
{
|
|
427
427
|
cursor: default;
|
|
428
428
|
display: flex;
|
|
429
429
|
padding: var(--spacing-2) var(--spacing-4);
|
|
430
430
|
}
|
|
431
431
|
|
|
432
|
-
.
|
|
432
|
+
._toolbarNodeKindSelectItem_16b3d_310[data-highlighted], ._selectItem_16b3d_311[data-highlighted] {
|
|
433
433
|
background-color: var(--baseBgSubtle);
|
|
434
434
|
}
|
|
435
435
|
|
|
436
|
-
.
|
|
436
|
+
._toolbarNodeKindSelectItem_16b3d_310[data-state=checked], ._selectItem_16b3d_311[data-state=checked] {
|
|
437
437
|
background-color: var(--accentBgActive);
|
|
438
438
|
}
|
|
439
439
|
|
|
440
|
-
.
|
|
440
|
+
._toolbarNodeKindSelectItem_16b3d_310[data-highlighted], ._selectItem_16b3d_311[data-highlighted] {
|
|
441
441
|
outline: none;
|
|
442
442
|
}
|
|
443
443
|
|
|
444
|
-
.
|
|
444
|
+
._toolbarNodeKindSelectItem_16b3d_310:last-child, ._selectItem_16b3d_311:last-child {
|
|
445
445
|
border-bottom-left-radius: var(--radius-base);
|
|
446
446
|
border-bottom-right-radius: var(--radius-base);
|
|
447
447
|
}
|
|
448
448
|
|
|
449
|
-
.
|
|
449
|
+
._toolbarNodeKindSelectDropdownArrow_16b3d_335, ._selectDropdownArrow_16b3d_336 {
|
|
450
450
|
margin-left: auto;
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
.
|
|
453
|
+
._contentEditable_16b3d_340 {
|
|
454
454
|
box-sizing: border-box;
|
|
455
455
|
width: 100%;
|
|
456
456
|
color: var(--baseTextContrast);
|
|
457
457
|
padding: var(--spacing-3);
|
|
458
458
|
}
|
|
459
459
|
|
|
460
|
-
.
|
|
460
|
+
._contentEditable_16b3d_340:focus {
|
|
461
461
|
outline: none;
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
-
.
|
|
464
|
+
._sandpackWrapper_16b3d_350 {
|
|
465
465
|
margin-bottom:var(--spacing-5);
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
.
|
|
468
|
+
._frontmatterWrapper_16b3d_354 {
|
|
469
469
|
border-radius: var(--radius-medium);
|
|
470
470
|
padding: var(--spacing-3);
|
|
471
471
|
background-color: var(--baseBgSubtle);
|
|
472
472
|
}
|
|
473
473
|
|
|
474
|
-
.
|
|
474
|
+
._frontmatterWrapper_16b3d_354[data-expanded=true] {
|
|
475
475
|
margin-bottom: var(--spacing-10);
|
|
476
476
|
}
|
|
477
477
|
|
|
478
|
-
.
|
|
478
|
+
._frontmatterToggleButton_16b3d_364 {
|
|
479
479
|
border: 0;
|
|
480
480
|
background-color: transparent;
|
|
481
481
|
font-size: inherit;
|
|
@@ -491,7 +491,7 @@
|
|
|
491
491
|
font-size: var(--text-sm);
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
.
|
|
494
|
+
._propertyPanelTitle_16b3d_372 {
|
|
495
495
|
font-size: var(--text-xs);
|
|
496
496
|
font-weight: 400;
|
|
497
497
|
margin: 0;
|
|
@@ -499,49 +499,49 @@
|
|
|
499
499
|
padding-left: var(--spacing-2);
|
|
500
500
|
}
|
|
501
501
|
|
|
502
|
-
.
|
|
502
|
+
._propertyEditorTable_16b3d_380 {
|
|
503
503
|
table-layout: fixed;
|
|
504
504
|
border-spacing: var(--spacing-2);
|
|
505
505
|
}
|
|
506
506
|
|
|
507
|
-
.
|
|
507
|
+
._propertyEditorTable_16b3d_380 th {
|
|
508
508
|
text-align: left;
|
|
509
509
|
font-size: var(--text-sm);
|
|
510
510
|
padding: var(--spacing-2) var(--spacing-3);
|
|
511
511
|
}
|
|
512
512
|
|
|
513
|
-
.
|
|
513
|
+
._propertyEditorTable_16b3d_380 col:nth-child(1) {
|
|
514
514
|
width: 30%;
|
|
515
515
|
}
|
|
516
516
|
|
|
517
|
-
.
|
|
517
|
+
._propertyEditorTable_16b3d_380 col:nth-child(2) {
|
|
518
518
|
width: 70%;
|
|
519
519
|
}
|
|
520
520
|
|
|
521
|
-
.
|
|
521
|
+
._propertyEditorTable_16b3d_380 td:last-child ._iconButton_16b3d_397 {
|
|
522
522
|
margin-left: var(--spacing-4);
|
|
523
523
|
margin-right: var(--spacing-4);
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
.
|
|
526
|
+
._propertyEditorTable_16b3d_380 ._readOnlyColumnCell_16b3d_402 {
|
|
527
527
|
padding-left: 0;
|
|
528
528
|
}
|
|
529
529
|
|
|
530
|
-
.
|
|
530
|
+
._propertyEditorLabelCell_16b3d_407 {
|
|
531
531
|
font-weight: 400;
|
|
532
532
|
}
|
|
533
533
|
|
|
534
|
-
.
|
|
534
|
+
._readOnlyColumnCell_16b3d_402 {
|
|
535
535
|
padding-left: 0;
|
|
536
536
|
}
|
|
537
537
|
|
|
538
|
-
.
|
|
538
|
+
._buttonsFooter_16b3d_415 {
|
|
539
539
|
display: flex;
|
|
540
540
|
justify-content: flex-end;
|
|
541
541
|
gap: var(--spacing-2);
|
|
542
542
|
}
|
|
543
543
|
|
|
544
|
-
.
|
|
544
|
+
._propertyEditorInput_16b3d_421 {
|
|
545
545
|
border: 0;
|
|
546
546
|
background-color: transparent;
|
|
547
547
|
font-size: inherit;
|
|
@@ -559,7 +559,7 @@
|
|
|
559
559
|
font-size: var(--text-sm);
|
|
560
560
|
}
|
|
561
561
|
|
|
562
|
-
.
|
|
562
|
+
._iconButton_16b3d_397 {
|
|
563
563
|
border: 0;
|
|
564
564
|
background-color: transparent;
|
|
565
565
|
font-size: inherit;
|
|
@@ -572,15 +572,15 @@
|
|
|
572
572
|
color:var(--baseText);
|
|
573
573
|
}
|
|
574
574
|
|
|
575
|
-
.
|
|
575
|
+
._iconButton_16b3d_397:hover {
|
|
576
576
|
color: var(--accentText);
|
|
577
577
|
}
|
|
578
578
|
|
|
579
|
-
.
|
|
579
|
+
._iconButton_16b3d_397:disabled, ._iconButton_16b3d_397:disabled:hover {
|
|
580
580
|
color:var(--baseLine);
|
|
581
581
|
}
|
|
582
582
|
|
|
583
|
-
.
|
|
583
|
+
._primaryButton_16b3d_442, ._secondaryButton_16b3d_442 {
|
|
584
584
|
border: 0;
|
|
585
585
|
background-color: transparent;
|
|
586
586
|
font-size: inherit;
|
|
@@ -598,43 +598,44 @@
|
|
|
598
598
|
border-radius: var(--radius-medium);
|
|
599
599
|
}
|
|
600
600
|
|
|
601
|
-
.
|
|
601
|
+
._primaryButton_16b3d_442:disabled, ._secondaryButton_16b3d_442:disabled {
|
|
602
602
|
background: var(--accentLine);
|
|
603
603
|
border-color: var(--accentBg);
|
|
604
604
|
}
|
|
605
605
|
|
|
606
|
-
.
|
|
606
|
+
._smallButton_16b3d_456 {
|
|
607
607
|
font-size: var(--text-xs);
|
|
608
608
|
padding: var(--spacing-1) var(--spacing-2);
|
|
609
609
|
border-radius: var(--radius-base);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
|
-
.
|
|
612
|
+
._secondaryButton_16b3d_442 {
|
|
613
613
|
border: 1px solid var(--baseBorder);
|
|
614
614
|
background-color: var(--baseSolidHover);
|
|
615
615
|
color:var(--baseBase);
|
|
616
616
|
}
|
|
617
617
|
|
|
618
|
-
.
|
|
618
|
+
._dialogForm_16b3d_468 {
|
|
619
619
|
display: flex;
|
|
620
620
|
flex-direction: row;
|
|
621
621
|
gap: var(--spacing-2);
|
|
622
622
|
}
|
|
623
623
|
|
|
624
|
-
.
|
|
624
|
+
._linkDialogEditForm_16b3d_474 {
|
|
625
625
|
display: flex;
|
|
626
626
|
flex-direction: column;
|
|
627
627
|
align-items: stretch;
|
|
628
628
|
gap: var(--spacing-2);
|
|
629
|
+
padding: 0;
|
|
629
630
|
}
|
|
630
631
|
|
|
631
|
-
.
|
|
632
|
+
._linkDialogInputContainer_16b3d_482 {
|
|
632
633
|
display: flex;
|
|
633
634
|
flex-direction: column;
|
|
634
635
|
align-items: stretch;
|
|
635
636
|
}
|
|
636
637
|
|
|
637
|
-
.
|
|
638
|
+
._linkDialogInputWrapper_16b3d_488 {
|
|
638
639
|
display: flex;
|
|
639
640
|
align-items: center;
|
|
640
641
|
background-color: var(--baseBase);
|
|
@@ -643,13 +644,13 @@
|
|
|
643
644
|
border:1px solid var(--baseBorder);
|
|
644
645
|
}
|
|
645
646
|
|
|
646
|
-
.
|
|
647
|
+
._linkDialogInputWrapper_16b3d_488[data-visible-dropdown=true] {
|
|
647
648
|
border-bottom-left-radius: var(--radius-none) ;
|
|
648
649
|
border-bottom-right-radius: var(--radius-none) ;
|
|
649
650
|
border-bottom-width: 0;
|
|
650
651
|
}
|
|
651
652
|
|
|
652
|
-
.
|
|
653
|
+
._linkDialogInputWrapper_16b3d_488 > button {
|
|
653
654
|
border: 0;
|
|
654
655
|
background-color: transparent;
|
|
655
656
|
font-size: inherit;
|
|
@@ -662,7 +663,7 @@
|
|
|
662
663
|
padding-right: var(--spacing-2);
|
|
663
664
|
}
|
|
664
665
|
|
|
665
|
-
.
|
|
666
|
+
._linkDialogInput_16b3d_482, ._dialogInput_16b3d_508 {
|
|
666
667
|
border: 0;
|
|
667
668
|
background-color: transparent;
|
|
668
669
|
font-size: inherit;
|
|
@@ -677,75 +678,29 @@
|
|
|
677
678
|
font-size: var(--text-sm);
|
|
678
679
|
}
|
|
679
680
|
|
|
680
|
-
.
|
|
681
|
+
._linkDialogInput_16b3d_482::-moz-placeholder, ._dialogInput_16b3d_508::-moz-placeholder {
|
|
681
682
|
color: var(--baseBorder);
|
|
682
683
|
}
|
|
683
684
|
|
|
684
|
-
.
|
|
685
|
+
._linkDialogInput_16b3d_482::placeholder, ._dialogInput_16b3d_508::placeholder {
|
|
685
686
|
color: var(--baseBorder);
|
|
686
687
|
}
|
|
687
688
|
|
|
688
|
-
.
|
|
689
|
-
position: relative;
|
|
690
|
-
}
|
|
691
|
-
|
|
692
|
-
._linkDialogAutocompleteContainer_127fi_517 ul {
|
|
693
|
-
all: unset;
|
|
694
|
-
box-sizing: border-box;
|
|
695
|
-
position: absolute;
|
|
696
|
-
font-size: var(--text-sm);
|
|
697
|
-
width: 100%;
|
|
698
|
-
display: none;
|
|
699
|
-
border-bottom-left-radius: var(--radius-medium) ;
|
|
700
|
-
border-bottom-right-radius: var(--radius-medium) ;
|
|
701
|
-
max-height: var(--spacing-48);
|
|
702
|
-
overflow-x: hidden;
|
|
703
|
-
overflow-y: auto;
|
|
704
|
-
border: 1px solid var(--baseBorder);
|
|
705
|
-
border-top-width: 0;
|
|
706
|
-
background-color: var(--baseBase);
|
|
707
|
-
}
|
|
708
|
-
|
|
709
|
-
._linkDialogAutocompleteContainer_127fi_517 ul[data-visible=true] {
|
|
710
|
-
display: block;
|
|
711
|
-
}
|
|
712
|
-
|
|
713
|
-
._linkDialogAutocompleteContainer_127fi_517 ul li {
|
|
714
|
-
padding: var(--spacing-2) var(--spacing-3);
|
|
715
|
-
white-space: nowrap;
|
|
716
|
-
margin-bottom: var(--spacing-1);
|
|
717
|
-
overflow-x: hidden;
|
|
718
|
-
text-overflow: ellipsis;
|
|
719
|
-
}
|
|
720
|
-
|
|
721
|
-
._linkDialogAutocompleteContainer_127fi_517 ul li[data-selected=true] {
|
|
722
|
-
background-color: var(--baseBgSubtle);
|
|
723
|
-
}
|
|
724
|
-
|
|
725
|
-
._linkDialogAutocompleteContainer_127fi_517 ul li[data-highlighted=true] {
|
|
726
|
-
background-color: var(--baseBgHover);
|
|
727
|
-
}
|
|
728
|
-
|
|
729
|
-
._linkDialogAutocompleteContainer_127fi_517 ul li:last-of-type {
|
|
730
|
-
border-bottom-left-radius: var(--radius-medium) ;
|
|
731
|
-
border-bottom-right-radius: var(--radius-medium) ;
|
|
732
|
-
}
|
|
733
|
-
|
|
734
|
-
._linkDialogAnchor_127fi_562 {
|
|
689
|
+
._linkDialogAnchor_16b3d_518 {
|
|
735
690
|
position: fixed;
|
|
736
691
|
background-color: highlight;
|
|
737
692
|
z-index: -1;
|
|
738
693
|
}
|
|
739
694
|
|
|
740
|
-
.
|
|
695
|
+
._linkDialogAnchor_16b3d_518[data-visible=true] {
|
|
741
696
|
visibility: visible;
|
|
742
697
|
}
|
|
743
698
|
|
|
744
|
-
.
|
|
699
|
+
._linkDialogAnchor_16b3d_518[data-visible=false] {
|
|
745
700
|
visibility: hidden;
|
|
746
701
|
}
|
|
747
702
|
|
|
748
|
-
.
|
|
703
|
+
._linkDialogPopoverContent_16b3d_532, ._tableColumnEditorPopoverContent_16b3d_532, ._dialogContent_16b3d_532 {
|
|
749
704
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
750
705
|
display: flex;
|
|
751
706
|
align-items: center;
|
|
@@ -757,7 +712,7 @@
|
|
|
757
712
|
font-size: var(--text-sm);
|
|
758
713
|
}
|
|
759
714
|
|
|
760
|
-
.
|
|
715
|
+
._largeDialogContent_16b3d_544 {
|
|
761
716
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
762
717
|
gap: var(--spacing-0_5);
|
|
763
718
|
border-radius:var(--radius-medium);
|
|
@@ -767,13 +722,13 @@
|
|
|
767
722
|
font-size: var(--text-sm);
|
|
768
723
|
}
|
|
769
724
|
|
|
770
|
-
.
|
|
725
|
+
._dialogTitle_16b3d_554 {
|
|
771
726
|
font-size: var(--text-base);
|
|
772
727
|
font-weight: 600;
|
|
773
728
|
padding-left: var(--spacing-2);
|
|
774
729
|
}
|
|
775
730
|
|
|
776
|
-
.
|
|
731
|
+
._dialogCloseButton_16b3d_560 {
|
|
777
732
|
border: 0;
|
|
778
733
|
background-color: transparent;
|
|
779
734
|
font-size: inherit;
|
|
@@ -788,7 +743,7 @@
|
|
|
788
743
|
right: 10px;
|
|
789
744
|
}
|
|
790
745
|
|
|
791
|
-
.
|
|
746
|
+
._popoverContent_16b3d_567 {
|
|
792
747
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
793
748
|
display: flex;
|
|
794
749
|
align-items: center;
|
|
@@ -800,13 +755,13 @@
|
|
|
800
755
|
z-index: 1;
|
|
801
756
|
}
|
|
802
757
|
|
|
803
|
-
.
|
|
758
|
+
._popoverArrow_16b3d_579 {
|
|
804
759
|
fill: var(--baseBgSubtle);
|
|
805
760
|
}
|
|
806
761
|
|
|
807
762
|
|
|
808
763
|
|
|
809
|
-
.
|
|
764
|
+
._linkDialogPreviewAnchor_16b3d_585 {
|
|
810
765
|
margin-right: var(--spacing-3);
|
|
811
766
|
display: flex;
|
|
812
767
|
align-items: flex-start;
|
|
@@ -817,7 +772,7 @@
|
|
|
817
772
|
|
|
818
773
|
|
|
819
774
|
|
|
820
|
-
.
|
|
775
|
+
._linkDialogPreviewAnchor_16b3d_585 svg {
|
|
821
776
|
width: var(--spacing-5);
|
|
822
777
|
height: var(--spacing-5);
|
|
823
778
|
margin-left: var(--spacing-2);
|
|
@@ -825,14 +780,14 @@
|
|
|
825
780
|
|
|
826
781
|
|
|
827
782
|
|
|
828
|
-
.
|
|
783
|
+
._linkDialogPreviewAnchor_16b3d_585 span {
|
|
829
784
|
max-width: 14rem;
|
|
830
785
|
overflow-x: hidden;
|
|
831
786
|
text-overflow: ellipsis;
|
|
832
787
|
white-space: nowrap;
|
|
833
788
|
}
|
|
834
789
|
|
|
835
|
-
.
|
|
790
|
+
._tooltipContent_16b3d_607 {
|
|
836
791
|
z-index: 2;
|
|
837
792
|
position: relative;
|
|
838
793
|
border-radius: var(--radius-medium);
|
|
@@ -842,11 +797,11 @@
|
|
|
842
797
|
color: var(--baseBase);
|
|
843
798
|
}
|
|
844
799
|
|
|
845
|
-
.
|
|
800
|
+
._tooltipContent_16b3d_607 svg {
|
|
846
801
|
fill: var(--baseText);
|
|
847
802
|
}
|
|
848
803
|
|
|
849
|
-
.
|
|
804
|
+
._actionButton_16b3d_621 {
|
|
850
805
|
border: 0;
|
|
851
806
|
background-color: transparent;
|
|
852
807
|
font-size: inherit;
|
|
@@ -861,33 +816,33 @@
|
|
|
861
816
|
border-radius: var(--radius-medium);
|
|
862
817
|
}
|
|
863
818
|
|
|
864
|
-
.
|
|
819
|
+
._actionButton_16b3d_621 svg {
|
|
865
820
|
display: block;
|
|
866
821
|
}
|
|
867
822
|
|
|
868
|
-
.
|
|
823
|
+
._actionButton_16b3d_621:hover {
|
|
869
824
|
background-color: var(--baseBgHover);
|
|
870
825
|
}
|
|
871
826
|
|
|
872
|
-
.
|
|
827
|
+
._actionButton_16b3d_621:active svg {
|
|
873
828
|
transform: translate(1px, 1px);
|
|
874
829
|
}
|
|
875
830
|
|
|
876
|
-
.
|
|
831
|
+
._actionButton_16b3d_621[data-state=on], ._actionButton_16b3d_621:active {
|
|
877
832
|
background-color: var(--accentBgActive);
|
|
878
833
|
}
|
|
879
834
|
|
|
880
|
-
.
|
|
835
|
+
._primaryActionButton_16b3d_627 {
|
|
881
836
|
background-color: var(--accentSolid);
|
|
882
837
|
color:var(--baseBase);
|
|
883
838
|
}
|
|
884
839
|
|
|
885
|
-
.
|
|
840
|
+
._primaryActionButton_16b3d_627:hover {
|
|
886
841
|
background-color: var(--accentSolidHover);
|
|
887
842
|
color:var(--baseBase);
|
|
888
843
|
}
|
|
889
844
|
|
|
890
|
-
.
|
|
845
|
+
._tableEditor_16b3d_636 {
|
|
891
846
|
table-layout: fixed;
|
|
892
847
|
width: 100%;
|
|
893
848
|
height: 100%;
|
|
@@ -895,50 +850,50 @@
|
|
|
895
850
|
border-collapse: collapse;
|
|
896
851
|
}
|
|
897
852
|
|
|
898
|
-
.
|
|
853
|
+
._tableEditor_16b3d_636 thead > tr > th {
|
|
899
854
|
text-align: right;
|
|
900
855
|
}
|
|
901
856
|
|
|
902
|
-
.
|
|
857
|
+
._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) {
|
|
903
858
|
border: 1px solid var(--baseBorder);
|
|
904
859
|
padding: var(--spacing-1) var(--spacing-2);
|
|
905
860
|
white-space: normal;
|
|
906
861
|
}
|
|
907
862
|
|
|
908
|
-
.
|
|
863
|
+
._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) > div {
|
|
909
864
|
outline: none;
|
|
910
865
|
}
|
|
911
866
|
|
|
912
|
-
.
|
|
867
|
+
._tableEditor_16b3d_636 > tbody > tr > td:not(._toolCell_16b3d_647) > div > p {
|
|
913
868
|
margin: 0;
|
|
914
869
|
}
|
|
915
870
|
|
|
916
|
-
.
|
|
871
|
+
._tableEditor_16b3d_636 > tbody > tr > td[data-active=true]:not(._toolCell_16b3d_647) {
|
|
917
872
|
outline: solid 2px var(--accentSolid)
|
|
918
873
|
}
|
|
919
874
|
|
|
920
|
-
.
|
|
875
|
+
._tableEditor_16b3d_636 ._tableColumnEditorTrigger_16b3d_664, ._tableEditor_16b3d_636 ._tableRowEditorTrigger_16b3d_664, ._tableEditor_16b3d_636 ._addRowButton_16b3d_664, ._tableEditor_16b3d_636 ._addColumnButton_16b3d_664, ._tableEditor_16b3d_636 ._iconButton_16b3d_397 {
|
|
921
876
|
opacity: .2;
|
|
922
877
|
}
|
|
923
878
|
|
|
924
|
-
.
|
|
879
|
+
._tableEditor_16b3d_636:hover ._tableColumnEditorTrigger_16b3d_664, ._tableEditor_16b3d_636:hover ._tableRowEditorTrigger_16b3d_664, ._tableEditor_16b3d_636:hover ._addRowButton_16b3d_664, ._tableEditor_16b3d_636:hover ._addColumnButton_16b3d_664, ._tableEditor_16b3d_636:hover ._iconButton_16b3d_397 {
|
|
925
880
|
opacity: .5;
|
|
926
881
|
}
|
|
927
882
|
|
|
928
|
-
.
|
|
883
|
+
._tableEditor_16b3d_636:hover ._tableColumnEditorTrigger_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._tableRowEditorTrigger_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._addRowButton_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._addColumnButton_16b3d_664:hover, ._tableEditor_16b3d_636:hover ._iconButton_16b3d_397:hover {
|
|
929
884
|
opacity: 1;
|
|
930
885
|
}
|
|
931
886
|
|
|
932
|
-
.
|
|
887
|
+
._toolCell_16b3d_647 {
|
|
933
888
|
text-align: right;
|
|
934
889
|
}
|
|
935
890
|
|
|
936
|
-
.
|
|
891
|
+
._toolCell_16b3d_647 button {
|
|
937
892
|
margin: auto;
|
|
938
893
|
display: block;
|
|
939
894
|
}
|
|
940
895
|
|
|
941
|
-
.
|
|
896
|
+
._tableColumnEditorTrigger_16b3d_664 {
|
|
942
897
|
border: 0;
|
|
943
898
|
background-color: transparent;
|
|
944
899
|
font-size: inherit;
|
|
@@ -954,31 +909,31 @@
|
|
|
954
909
|
opacity: 0.2;
|
|
955
910
|
}
|
|
956
911
|
|
|
957
|
-
.
|
|
912
|
+
._tableColumnEditorTrigger_16b3d_664 svg {
|
|
958
913
|
display: block;
|
|
959
914
|
}
|
|
960
915
|
|
|
961
|
-
.
|
|
916
|
+
._tableColumnEditorTrigger_16b3d_664:hover {
|
|
962
917
|
background-color: var(--baseBgHover);
|
|
963
918
|
}
|
|
964
919
|
|
|
965
|
-
.
|
|
920
|
+
._tableColumnEditorTrigger_16b3d_664:active svg {
|
|
966
921
|
transform: translate(1px, 1px);
|
|
967
922
|
}
|
|
968
923
|
|
|
969
|
-
.
|
|
924
|
+
._tableColumnEditorTrigger_16b3d_664[data-state=on], ._tableColumnEditorTrigger_16b3d_664:active {
|
|
970
925
|
background-color: var(--accentBgActive);
|
|
971
926
|
}
|
|
972
927
|
|
|
973
|
-
.
|
|
928
|
+
._tableColumnEditorTrigger_16b3d_664[data-active=true] {
|
|
974
929
|
opacity: 1;
|
|
975
930
|
}
|
|
976
931
|
|
|
977
|
-
.
|
|
932
|
+
._tableColumnEditorToolbar_16b3d_698 {
|
|
978
933
|
display: flex;
|
|
979
934
|
}
|
|
980
935
|
|
|
981
|
-
.
|
|
936
|
+
._tableColumnEditorToolbar_16b3d_698 > button {
|
|
982
937
|
border: 0;
|
|
983
938
|
background-color: transparent;
|
|
984
939
|
font-size: inherit;
|
|
@@ -991,34 +946,34 @@
|
|
|
991
946
|
padding: var(--spacing-2);
|
|
992
947
|
}
|
|
993
948
|
|
|
994
|
-
.
|
|
949
|
+
._tableColumnEditorToolbar_16b3d_698 > button svg {
|
|
995
950
|
display: block;
|
|
996
951
|
}
|
|
997
952
|
|
|
998
|
-
.
|
|
953
|
+
._tableColumnEditorToolbar_16b3d_698 > button:hover {
|
|
999
954
|
background-color: var(--baseBgHover);
|
|
1000
955
|
}
|
|
1001
956
|
|
|
1002
|
-
.
|
|
957
|
+
._tableColumnEditorToolbar_16b3d_698 > button:active svg {
|
|
1003
958
|
transform: translate(1px, 1px);
|
|
1004
959
|
}
|
|
1005
960
|
|
|
1006
|
-
.
|
|
961
|
+
._tableColumnEditorToolbar_16b3d_698 > button[data-state=on], ._tableColumnEditorToolbar_16b3d_698 > button:active {
|
|
1007
962
|
background-color: var(--accentBgActive);
|
|
1008
963
|
}
|
|
1009
964
|
|
|
1010
|
-
.
|
|
965
|
+
._tableColumnEditorToolbar_16b3d_698 [role=separator] {
|
|
1011
966
|
margin-left: var(--spacing-1);
|
|
1012
967
|
margin-right: var(--spacing-1);
|
|
1013
968
|
}
|
|
1014
969
|
|
|
1015
970
|
|
|
1016
|
-
.
|
|
971
|
+
._toggleGroupRoot_16b3d_710 {
|
|
1017
972
|
display: inline-flex;
|
|
1018
973
|
}
|
|
1019
974
|
|
|
1020
975
|
|
|
1021
|
-
.
|
|
976
|
+
._toggleGroupRoot_16b3d_710 button {
|
|
1022
977
|
border: 0;
|
|
1023
978
|
background-color: transparent;
|
|
1024
979
|
font-size: inherit;
|
|
@@ -1032,59 +987,59 @@
|
|
|
1032
987
|
}
|
|
1033
988
|
|
|
1034
989
|
|
|
1035
|
-
.
|
|
990
|
+
._toggleGroupRoot_16b3d_710 button svg {
|
|
1036
991
|
display: block;
|
|
1037
992
|
}
|
|
1038
993
|
|
|
1039
994
|
|
|
1040
|
-
.
|
|
995
|
+
._toggleGroupRoot_16b3d_710 button:hover {
|
|
1041
996
|
background-color: var(--baseBgHover);
|
|
1042
997
|
}
|
|
1043
998
|
|
|
1044
999
|
|
|
1045
|
-
.
|
|
1000
|
+
._toggleGroupRoot_16b3d_710 button:active svg {
|
|
1046
1001
|
transform: translate(1px, 1px);
|
|
1047
1002
|
}
|
|
1048
1003
|
|
|
1049
1004
|
|
|
1050
|
-
.
|
|
1005
|
+
._toggleGroupRoot_16b3d_710 button[data-state=on], ._toggleGroupRoot_16b3d_710 button:active {
|
|
1051
1006
|
background-color: var(--accentBgActive);
|
|
1052
1007
|
}
|
|
1053
1008
|
|
|
1054
1009
|
|
|
1055
|
-
.
|
|
1010
|
+
._toggleGroupRoot_16b3d_710 button:first-child {
|
|
1056
1011
|
border-top-left-radius: var(--radius-base);
|
|
1057
1012
|
border-bottom-left-radius: var(--radius-base);
|
|
1058
1013
|
}
|
|
1059
1014
|
|
|
1060
1015
|
|
|
1061
|
-
.
|
|
1016
|
+
._toggleGroupRoot_16b3d_710 button:last-child {
|
|
1062
1017
|
border-top-right-radius: var(--radius-base);
|
|
1063
1018
|
border-bottom-right-radius: var(--radius-base);
|
|
1064
1019
|
}
|
|
1065
1020
|
|
|
1066
|
-
.
|
|
1021
|
+
._tableToolsColumn_16b3d_727 {
|
|
1067
1022
|
width: 3rem;
|
|
1068
1023
|
}
|
|
1069
1024
|
|
|
1070
|
-
.
|
|
1025
|
+
._tableToolsColumn_16b3d_727 button {
|
|
1071
1026
|
margin: auto;
|
|
1072
1027
|
display: block;
|
|
1073
1028
|
}
|
|
1074
1029
|
|
|
1075
|
-
.
|
|
1030
|
+
._leftAlignedCell_16b3d_735 {
|
|
1076
1031
|
text-align: left;
|
|
1077
1032
|
}
|
|
1078
1033
|
|
|
1079
|
-
.
|
|
1034
|
+
._rightAlignedCell_16b3d_739 {
|
|
1080
1035
|
text-align: right;
|
|
1081
1036
|
}
|
|
1082
1037
|
|
|
1083
|
-
.
|
|
1038
|
+
._centeredCell_16b3d_743 {
|
|
1084
1039
|
text-align: center;
|
|
1085
1040
|
}
|
|
1086
1041
|
|
|
1087
|
-
.
|
|
1042
|
+
._addColumnButton_16b3d_664, ._addRowButton_16b3d_664 {
|
|
1088
1043
|
border: 0;
|
|
1089
1044
|
background-color: transparent;
|
|
1090
1045
|
font-size: inherit;
|
|
@@ -1102,62 +1057,62 @@
|
|
|
1102
1057
|
border-radius: var(--radius-medium);
|
|
1103
1058
|
}
|
|
1104
1059
|
|
|
1105
|
-
.
|
|
1060
|
+
._addColumnButton_16b3d_664 svg, ._addRowButton_16b3d_664 svg {
|
|
1106
1061
|
display: block;
|
|
1107
1062
|
}
|
|
1108
1063
|
|
|
1109
|
-
.
|
|
1064
|
+
._addColumnButton_16b3d_664:hover, ._addRowButton_16b3d_664:hover {
|
|
1110
1065
|
background-color: var(--baseBgHover);
|
|
1111
1066
|
}
|
|
1112
1067
|
|
|
1113
|
-
.
|
|
1068
|
+
._addColumnButton_16b3d_664:active svg, ._addRowButton_16b3d_664:active svg {
|
|
1114
1069
|
transform: translate(1px, 1px);
|
|
1115
1070
|
}
|
|
1116
1071
|
|
|
1117
|
-
.
|
|
1072
|
+
._addColumnButton_16b3d_664[data-state=on], ._addRowButton_16b3d_664[data-state=on], ._addColumnButton_16b3d_664:active, ._addRowButton_16b3d_664:active {
|
|
1118
1073
|
background-color: var(--accentBgActive);
|
|
1119
1074
|
}
|
|
1120
1075
|
|
|
1121
|
-
.
|
|
1076
|
+
._addColumnButton_16b3d_664 svg, ._addRowButton_16b3d_664 svg {
|
|
1122
1077
|
margin: auto;
|
|
1123
1078
|
}
|
|
1124
1079
|
|
|
1125
|
-
.
|
|
1080
|
+
._addRowButton_16b3d_664 {
|
|
1126
1081
|
width: 100%;
|
|
1127
1082
|
margin-top: var(--spacing-2);
|
|
1128
1083
|
box-sizing: border-box;
|
|
1129
1084
|
}
|
|
1130
1085
|
|
|
1131
|
-
.
|
|
1086
|
+
._addColumnButton_16b3d_664 {
|
|
1132
1087
|
margin-left: var(--spacing-2);
|
|
1133
1088
|
height: 100%;
|
|
1134
1089
|
}
|
|
1135
1090
|
|
|
1136
1091
|
/** Dialog */
|
|
1137
|
-
.
|
|
1092
|
+
._dialogOverlay_16b3d_771 {
|
|
1138
1093
|
position: fixed;
|
|
1139
1094
|
inset: 0;
|
|
1140
|
-
animation:
|
|
1095
|
+
animation: _overlayShow_16b3d_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1141
1096
|
background-color: var(--baseBase);
|
|
1142
1097
|
z-index: 51;
|
|
1143
1098
|
opacity: 0.5;
|
|
1144
1099
|
}
|
|
1145
1100
|
|
|
1146
|
-
.
|
|
1101
|
+
._dialogContent_16b3d_532, ._largeDialogContent_16b3d_544 {
|
|
1147
1102
|
position: fixed;
|
|
1148
1103
|
top: 50%;
|
|
1149
1104
|
left: 50%;
|
|
1150
1105
|
transform: translate(-50%, -50%);
|
|
1151
|
-
animation:
|
|
1106
|
+
animation: _contentShow_16b3d_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1152
1107
|
z-index: 52;
|
|
1153
1108
|
}
|
|
1154
1109
|
|
|
1155
|
-
.
|
|
1110
|
+
._dialogContent_16b3d_532:focus, ._largeDialogContent_16b3d_544:focus {
|
|
1156
1111
|
outline: none;
|
|
1157
1112
|
}
|
|
1158
1113
|
|
|
1159
1114
|
|
|
1160
|
-
@keyframes
|
|
1115
|
+
@keyframes _overlayShow_16b3d_1 {
|
|
1161
1116
|
from {
|
|
1162
1117
|
opacity: 0;
|
|
1163
1118
|
}
|
|
@@ -1166,7 +1121,7 @@
|
|
|
1166
1121
|
}
|
|
1167
1122
|
}
|
|
1168
1123
|
|
|
1169
|
-
@keyframes
|
|
1124
|
+
@keyframes _contentShow_16b3d_1 {
|
|
1170
1125
|
from {
|
|
1171
1126
|
opacity: 0;
|
|
1172
1127
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1177,22 +1132,34 @@
|
|
|
1177
1132
|
}
|
|
1178
1133
|
}
|
|
1179
1134
|
|
|
1180
|
-
.
|
|
1135
|
+
._focusedImage_16b3d_814 {
|
|
1181
1136
|
outline: highlight solid 2px;
|
|
1182
1137
|
}
|
|
1183
1138
|
|
|
1184
|
-
.
|
|
1139
|
+
._imageWrapper_16b3d_818 {
|
|
1185
1140
|
display: inline-block;
|
|
1186
1141
|
position: relative;
|
|
1187
1142
|
}
|
|
1188
1143
|
|
|
1189
|
-
.
|
|
1144
|
+
._imageWrapper_16b3d_818[draggable=true] {
|
|
1190
1145
|
cursor: move; /* fallback if grab cursor is unsupported */
|
|
1191
1146
|
cursor: grab;
|
|
1192
1147
|
cursor: -webkit-grab;
|
|
1193
1148
|
}
|
|
1194
1149
|
|
|
1195
|
-
.
|
|
1150
|
+
._editImageButton_16b3d_830 {
|
|
1151
|
+
position: absolute;
|
|
1152
|
+
right: var(--spacing-2);
|
|
1153
|
+
top: var(--spacing-2);
|
|
1154
|
+
background: var(--baseBase);
|
|
1155
|
+
border-radius: var(--radius-full);
|
|
1156
|
+
}
|
|
1157
|
+
|
|
1158
|
+
._editImageButton_16b3d_830 svg {
|
|
1159
|
+
display: block;
|
|
1160
|
+
}
|
|
1161
|
+
|
|
1162
|
+
._inlineEditor_16b3d_842 {
|
|
1196
1163
|
display: inline-flex;
|
|
1197
1164
|
border-radius: var(--radius-medium);
|
|
1198
1165
|
padding: var(--spacing-1);
|
|
@@ -1201,7 +1168,7 @@
|
|
|
1201
1168
|
background: var(--baseBg);
|
|
1202
1169
|
}
|
|
1203
1170
|
|
|
1204
|
-
.
|
|
1171
|
+
._blockEditor_16b3d_851 {
|
|
1205
1172
|
display: flex;
|
|
1206
1173
|
justify-content: stretch;
|
|
1207
1174
|
border-radius: var(--radius-medium);
|
|
@@ -1211,71 +1178,71 @@
|
|
|
1211
1178
|
background: var(--baseBg);
|
|
1212
1179
|
}
|
|
1213
1180
|
|
|
1214
|
-
.
|
|
1181
|
+
._blockEditor_16b3d_851 ._nestedEditor_16b3d_860 {
|
|
1215
1182
|
flex-grow: 1;
|
|
1216
1183
|
}
|
|
1217
1184
|
|
|
1218
|
-
.
|
|
1185
|
+
._nestedEditor_16b3d_860 {
|
|
1219
1186
|
background: white;
|
|
1220
1187
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1221
1188
|
border-radius: var(--radius-medium);
|
|
1222
1189
|
}
|
|
1223
1190
|
|
|
1224
|
-
.
|
|
1191
|
+
._nestedEditor_16b3d_860 > p {
|
|
1225
1192
|
margin: 0;
|
|
1226
1193
|
}
|
|
1227
1194
|
|
|
1228
|
-
.
|
|
1195
|
+
._nestedEditor_16b3d_860:focus {
|
|
1229
1196
|
outline: none;
|
|
1230
1197
|
}
|
|
1231
1198
|
|
|
1232
|
-
.
|
|
1199
|
+
._genericComponentName_16b3d_877 {
|
|
1233
1200
|
font-size: var(--text-sm);
|
|
1234
1201
|
color: var(--baseText);
|
|
1235
1202
|
padding-right: var(--spacing-2);
|
|
1236
1203
|
}
|
|
1237
1204
|
|
|
1238
|
-
.
|
|
1205
|
+
._diffSourceToggle_16b3d_883 {
|
|
1239
1206
|
border: 1px solid var(--baseBorder);
|
|
1240
1207
|
border-radius: var(--radius-medium);
|
|
1241
1208
|
display: flex;
|
|
1242
1209
|
}
|
|
1243
1210
|
|
|
1244
|
-
.
|
|
1211
|
+
._diffSourceToggle_16b3d_883 ._toolbarToggleItem_16b3d_182 {
|
|
1245
1212
|
padding: 0;
|
|
1246
1213
|
}
|
|
1247
1214
|
|
|
1248
|
-
.
|
|
1215
|
+
._diffSourceToggle_16b3d_883 ._toolbarToggleItem_16b3d_182 > span {
|
|
1249
1216
|
display: block;
|
|
1250
1217
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1251
1218
|
}
|
|
1252
1219
|
|
|
1253
|
-
.
|
|
1220
|
+
._selectWithLabel_16b3d_897 {
|
|
1254
1221
|
display: flex;
|
|
1255
1222
|
align-items: center;
|
|
1256
1223
|
gap: var(--spacing-2);
|
|
1257
1224
|
margin-left: var(--spacing-2);
|
|
1258
1225
|
}
|
|
1259
1226
|
|
|
1260
|
-
.
|
|
1227
|
+
._selectWithLabel_16b3d_897 > label {
|
|
1261
1228
|
font-size: var(--text-sm);
|
|
1262
1229
|
}
|
|
1263
1230
|
|
|
1264
|
-
.
|
|
1231
|
+
._selectWithLabel_16b3d_897 ._selectTrigger_16b3d_268 {
|
|
1265
1232
|
border: 1px solid var(--baseBorder);
|
|
1266
1233
|
}
|
|
1267
1234
|
|
|
1268
|
-
.
|
|
1235
|
+
._toolbarTitleMode_16b3d_911 {
|
|
1269
1236
|
font-size: var(--text-sm);
|
|
1270
1237
|
margin-left: var(--spacing-2);
|
|
1271
1238
|
}
|
|
1272
1239
|
|
|
1273
1240
|
|
|
1274
|
-
.
|
|
1241
|
+
._imageControlWrapperResizing_16b3d_917 {
|
|
1275
1242
|
touch-action: none;
|
|
1276
1243
|
}
|
|
1277
1244
|
|
|
1278
|
-
.
|
|
1245
|
+
._imageResizer_16b3d_921 {
|
|
1279
1246
|
display: block;
|
|
1280
1247
|
width: 7px;
|
|
1281
1248
|
height: 7px;
|
|
@@ -1284,55 +1251,55 @@
|
|
|
1284
1251
|
border: 1px solid var(--baseBg);
|
|
1285
1252
|
}
|
|
1286
1253
|
|
|
1287
|
-
.
|
|
1254
|
+
._imageResizer_16b3d_921._imageResizerN_16b3d_930 {
|
|
1288
1255
|
top: -6px;
|
|
1289
1256
|
left: 48%;
|
|
1290
1257
|
cursor: n-resize;
|
|
1291
1258
|
}
|
|
1292
1259
|
|
|
1293
|
-
.
|
|
1260
|
+
._imageResizer_16b3d_921._imageResizerNe_16b3d_936 {
|
|
1294
1261
|
top: -6px;
|
|
1295
1262
|
right: -6px;
|
|
1296
1263
|
cursor: ne-resize;
|
|
1297
1264
|
}
|
|
1298
1265
|
|
|
1299
|
-
.
|
|
1266
|
+
._imageResizer_16b3d_921._imageResizerE_16b3d_942 {
|
|
1300
1267
|
bottom: 48%;
|
|
1301
1268
|
right: -6px;
|
|
1302
1269
|
cursor: e-resize;
|
|
1303
1270
|
}
|
|
1304
1271
|
|
|
1305
|
-
.
|
|
1272
|
+
._imageResizer_16b3d_921._imageResizerSe_16b3d_948 {
|
|
1306
1273
|
bottom: -2px;
|
|
1307
1274
|
right: -6px;
|
|
1308
1275
|
cursor: nwse-resize;
|
|
1309
1276
|
}
|
|
1310
1277
|
|
|
1311
|
-
.
|
|
1278
|
+
._imageResizer_16b3d_921._imageResizerS_16b3d_948 {
|
|
1312
1279
|
bottom: -2px;
|
|
1313
1280
|
left: 48%;
|
|
1314
1281
|
cursor: s-resize;
|
|
1315
1282
|
}
|
|
1316
1283
|
|
|
1317
|
-
.
|
|
1284
|
+
._imageResizer_16b3d_921._imageResizerSw_16b3d_960 {
|
|
1318
1285
|
bottom: -2px;
|
|
1319
1286
|
left: -6px;
|
|
1320
1287
|
cursor: sw-resize;
|
|
1321
1288
|
}
|
|
1322
1289
|
|
|
1323
|
-
.
|
|
1290
|
+
._imageResizer_16b3d_921._imageResizerW_16b3d_966 {
|
|
1324
1291
|
bottom: 48%;
|
|
1325
1292
|
left: -6px;
|
|
1326
1293
|
cursor: w-resize;
|
|
1327
1294
|
}
|
|
1328
1295
|
|
|
1329
|
-
.
|
|
1296
|
+
._imageResizer_16b3d_921._imageResizerNw_16b3d_972 {
|
|
1330
1297
|
top: -6px;
|
|
1331
1298
|
left: -6px;
|
|
1332
1299
|
cursor: nw-resize;
|
|
1333
1300
|
}
|
|
1334
1301
|
|
|
1335
|
-
.
|
|
1302
|
+
._placeholder_16b3d_978 {
|
|
1336
1303
|
color: var(--baseSolid);
|
|
1337
1304
|
overflow: hidden;
|
|
1338
1305
|
position: absolute;
|
|
@@ -1347,9 +1314,137 @@
|
|
|
1347
1314
|
pointer-events: none;
|
|
1348
1315
|
}
|
|
1349
1316
|
|
|
1350
|
-
.
|
|
1317
|
+
._rootContentEditableWrapper_16b3d_991 {
|
|
1351
1318
|
position: relative;
|
|
1352
1319
|
}
|
|
1320
|
+
|
|
1321
|
+
|
|
1322
|
+
|
|
1323
|
+
._downshiftContainer_16b3d_997 {
|
|
1324
|
+
display: flex;
|
|
1325
|
+
flex-direction: column;
|
|
1326
|
+
align-items: stretch;
|
|
1327
|
+
}
|
|
1328
|
+
|
|
1329
|
+
._downshiftInputWrapper_16b3d_1003 {
|
|
1330
|
+
display: flex;
|
|
1331
|
+
align-items: center;
|
|
1332
|
+
background-color: var(--baseBase);
|
|
1333
|
+
|
|
1334
|
+
border-radius: var(--radius-base);
|
|
1335
|
+
border:1px solid var(--baseBorder);
|
|
1336
|
+
}
|
|
1337
|
+
|
|
1338
|
+
._downshiftInputWrapper_16b3d_1003[data-visible-dropdown=true] {
|
|
1339
|
+
border-bottom-left-radius: var(--radius-none) ;
|
|
1340
|
+
border-bottom-right-radius: var(--radius-none) ;
|
|
1341
|
+
border-bottom-width: 0;
|
|
1342
|
+
}
|
|
1343
|
+
|
|
1344
|
+
._downshiftInputWrapper_16b3d_1003 > button {
|
|
1345
|
+
border: 0;
|
|
1346
|
+
background-color: transparent;
|
|
1347
|
+
font-size: inherit;
|
|
1348
|
+
-webkit-appearance: none;
|
|
1349
|
+
-moz-appearance: none;
|
|
1350
|
+
appearance: none;
|
|
1351
|
+
all: unset;
|
|
1352
|
+
box-sizing: border-box;
|
|
1353
|
+
cursor: default;
|
|
1354
|
+
padding-right: var(--spacing-2);
|
|
1355
|
+
}
|
|
1356
|
+
|
|
1357
|
+
._downshiftInput_16b3d_1003 {
|
|
1358
|
+
border: 0;
|
|
1359
|
+
background-color: transparent;
|
|
1360
|
+
font-size: inherit;
|
|
1361
|
+
-webkit-appearance: none;
|
|
1362
|
+
-moz-appearance: none;
|
|
1363
|
+
appearance: none;
|
|
1364
|
+
all: unset;
|
|
1365
|
+
box-sizing: border-box;
|
|
1366
|
+
cursor: default;
|
|
1367
|
+
width: 20rem;
|
|
1368
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
1369
|
+
font-size: var(--text-sm);
|
|
1370
|
+
}
|
|
1371
|
+
|
|
1372
|
+
._downshiftInput_16b3d_1003::-moz-placeholder {
|
|
1373
|
+
color: var(--baseBorder);
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
._downshiftInput_16b3d_1003::placeholder {
|
|
1377
|
+
color: var(--baseBorder);
|
|
1378
|
+
}
|
|
1379
|
+
|
|
1380
|
+
._downshiftAutocompleteContainer_16b3d_1033 {
|
|
1381
|
+
position: relative;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1384
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul {
|
|
1385
|
+
all: unset;
|
|
1386
|
+
box-sizing: border-box;
|
|
1387
|
+
position: absolute;
|
|
1388
|
+
font-size: var(--text-sm);
|
|
1389
|
+
width: 100%;
|
|
1390
|
+
display: none;
|
|
1391
|
+
border-bottom-left-radius: var(--radius-medium) ;
|
|
1392
|
+
border-bottom-right-radius: var(--radius-medium) ;
|
|
1393
|
+
max-height: var(--spacing-48);
|
|
1394
|
+
overflow-x: hidden;
|
|
1395
|
+
overflow-y: auto;
|
|
1396
|
+
border: 1px solid var(--baseBorder);
|
|
1397
|
+
border-top-width: 0;
|
|
1398
|
+
background-color: var(--baseBase);
|
|
1399
|
+
}
|
|
1400
|
+
|
|
1401
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul[data-visible=true] {
|
|
1402
|
+
display: block;
|
|
1403
|
+
}
|
|
1404
|
+
|
|
1405
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul li {
|
|
1406
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
1407
|
+
white-space: nowrap;
|
|
1408
|
+
margin-bottom: var(--spacing-1);
|
|
1409
|
+
overflow-x: hidden;
|
|
1410
|
+
text-overflow: ellipsis;
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1413
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul li[data-selected=true] {
|
|
1414
|
+
background-color: var(--baseBgSubtle);
|
|
1415
|
+
}
|
|
1416
|
+
|
|
1417
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul li[data-highlighted=true] {
|
|
1418
|
+
background-color: var(--baseBgHover);
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
._downshiftAutocompleteContainer_16b3d_1033 ul li:last-of-type {
|
|
1422
|
+
border-bottom-left-radius: var(--radius-medium) ;
|
|
1423
|
+
border-bottom-right-radius: var(--radius-medium) ;
|
|
1424
|
+
}
|
|
1425
|
+
|
|
1426
|
+
._textInput_16b3d_1078 {
|
|
1427
|
+
all: unset;
|
|
1428
|
+
border-radius: var(--radius-base);
|
|
1429
|
+
border:1px solid var(--baseBorder);
|
|
1430
|
+
background-color: var(--baseBase);
|
|
1431
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
1432
|
+
}
|
|
1433
|
+
|
|
1434
|
+
form._multiFieldForm_16b3d_1086 {
|
|
1435
|
+
display: flex;
|
|
1436
|
+
flex-direction: column;
|
|
1437
|
+
padding: var(--spacing-4);
|
|
1438
|
+
gap: var(--spacing-4);
|
|
1439
|
+
}
|
|
1440
|
+
|
|
1441
|
+
form._multiFieldForm_16b3d_1086 ._formField_16b3d_1092 {
|
|
1442
|
+
display: flex;
|
|
1443
|
+
flex-direction: column;
|
|
1444
|
+
gap: var(--spacing-2);
|
|
1445
|
+
}
|
|
1446
|
+
|
|
1447
|
+
|
|
1353
1448
|
:root, ._light-theme_13nbk_1 {
|
|
1354
1449
|
--blue1: hsl(206, 100%, 99.2%);
|
|
1355
1450
|
--blue2: hsl(210, 100%, 98.0%);
|