@mdxeditor/editor 3.40.1 → 3.42.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/README.md +1 -1
- package/dist/defaultSvgIcons.js +19 -0
- package/dist/index.d.ts +21 -1
- package/dist/index.js +5 -1
- package/dist/plugins/core/LexicalTextVisitor.js +14 -2
- package/dist/plugins/core/MdastFormattingVisitor.js +10 -1
- package/dist/plugins/core/index.js +5 -3
- package/dist/plugins/image/EditImageToolbar.js +6 -3
- package/dist/plugins/image/ImageDialog.js +10 -5
- package/dist/plugins/image/ImageEditor.js +20 -3
- package/dist/plugins/image/index.js +25 -3
- package/dist/plugins/toolbar/components/HighlightToggle.js +28 -0
- package/dist/plugins/toolbar/components/KitchenSinkToolbar.js +2 -1
- package/dist/style.css +252 -247
- package/dist/styles/ui.module.css.js +97 -94
- package/package.json +3 -1
package/dist/style.css
CHANGED
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
.mdxeditor hr.selected[data-lexical-decorator=true] {
|
|
338
338
|
outline: 2px solid highlight;
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
._editorRoot_1e2ox_53 {
|
|
341
341
|
--accentBase: var(--blue-1);
|
|
342
342
|
--accentBgSubtle: var(--blue-2);
|
|
343
343
|
--accentBg: var(--blue-3);
|
|
@@ -439,14 +439,14 @@
|
|
|
439
439
|
color: var(--baseText);
|
|
440
440
|
}
|
|
441
441
|
|
|
442
|
-
.
|
|
442
|
+
._editorWrapper_1e2ox_155 {
|
|
443
443
|
}
|
|
444
444
|
|
|
445
|
-
.
|
|
445
|
+
._nestedListItem_1e2ox_158 {
|
|
446
446
|
list-style: none;
|
|
447
447
|
}
|
|
448
448
|
|
|
449
|
-
.
|
|
449
|
+
._toolbarRoot_1e2ox_162 {
|
|
450
450
|
z-index: 2;
|
|
451
451
|
display: flex;
|
|
452
452
|
flex-direction: row;
|
|
@@ -461,28 +461,28 @@
|
|
|
461
461
|
width: inherit;
|
|
462
462
|
}
|
|
463
463
|
|
|
464
|
-
.
|
|
464
|
+
._toolbarRoot_1e2ox_162 div[role='separator'] {
|
|
465
465
|
margin: var(--spacing-2) var(--spacing-1);
|
|
466
466
|
border-left: 1px solid var(--baseBorder);
|
|
467
467
|
border-right: 1px solid var(--baseBase);
|
|
468
468
|
height: var(--spacing-4);
|
|
469
469
|
}
|
|
470
470
|
|
|
471
|
-
.
|
|
471
|
+
._toolbarRoot_1e2ox_162 svg {
|
|
472
472
|
color: var(--baseTextContrast);
|
|
473
473
|
display: block;
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
.
|
|
476
|
+
._readOnlyToolbarRoot_1e2ox_189 {
|
|
477
477
|
pointer-events: none;
|
|
478
478
|
background: var(--baseBase);
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
-
.
|
|
481
|
+
._readOnlyToolbarRoot_1e2ox_189 > div {
|
|
482
482
|
opacity: 0.5;
|
|
483
483
|
}
|
|
484
484
|
|
|
485
|
-
.
|
|
485
|
+
._toolbarModeSwitch_1e2ox_198 {
|
|
486
486
|
opacity: 1 !important;
|
|
487
487
|
margin-left: auto;
|
|
488
488
|
align-self: stretch;
|
|
@@ -493,37 +493,37 @@
|
|
|
493
493
|
font-size: var(--text-xs);
|
|
494
494
|
}
|
|
495
495
|
|
|
496
|
-
.
|
|
496
|
+
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 {
|
|
497
497
|
padding-inline-end: var(--spacing-4);
|
|
498
498
|
padding-inline-start: var(--spacing-4);
|
|
499
499
|
}
|
|
500
500
|
|
|
501
|
-
.
|
|
502
|
-
.
|
|
501
|
+
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active,
|
|
502
|
+
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] {
|
|
503
503
|
background-color: var(--baseBorder);
|
|
504
504
|
}
|
|
505
505
|
|
|
506
|
-
.
|
|
506
|
+
._toolbarGroupOfGroups_1e2ox_219 {
|
|
507
507
|
display: flex;
|
|
508
508
|
margin: 0 var(--spacing-1);
|
|
509
509
|
}
|
|
510
510
|
|
|
511
|
-
.
|
|
512
|
-
.
|
|
513
|
-
.
|
|
511
|
+
._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child,
|
|
512
|
+
._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child,
|
|
513
|
+
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child {
|
|
514
514
|
border-top-left-radius: var(--radius-base);
|
|
515
515
|
border-bottom-left-radius: var(--radius-base);
|
|
516
516
|
}
|
|
517
517
|
|
|
518
|
-
.
|
|
519
|
-
.
|
|
520
|
-
.
|
|
518
|
+
._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child,
|
|
519
|
+
._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child,
|
|
520
|
+
._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child {
|
|
521
521
|
border-top-right-radius: var(--radius-base);
|
|
522
522
|
border-bottom-right-radius: var(--radius-base);
|
|
523
523
|
}
|
|
524
524
|
|
|
525
|
-
.
|
|
526
|
-
.
|
|
525
|
+
._toolbarToggleItem_1e2ox_208,
|
|
526
|
+
._toolbarButton_1e2ox_239 {
|
|
527
527
|
border: 0;
|
|
528
528
|
background-color: transparent;
|
|
529
529
|
font-size: inherit;
|
|
@@ -537,53 +537,53 @@
|
|
|
537
537
|
}
|
|
538
538
|
|
|
539
539
|
@media (hover: hover) {
|
|
540
|
-
.
|
|
540
|
+
._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover {
|
|
541
541
|
background-color: var(--baseBgActive);
|
|
542
542
|
}
|
|
543
543
|
}
|
|
544
544
|
|
|
545
|
-
.
|
|
545
|
+
._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg {
|
|
546
546
|
transform: translate(1px, 1px);
|
|
547
547
|
}
|
|
548
548
|
|
|
549
|
-
.
|
|
550
|
-
.
|
|
551
|
-
.
|
|
552
|
-
.
|
|
549
|
+
._toolbarToggleItem_1e2ox_208[data-state='on'],
|
|
550
|
+
._toolbarButton_1e2ox_239[data-state='on'],
|
|
551
|
+
._toolbarToggleItem_1e2ox_208:active,
|
|
552
|
+
._toolbarButton_1e2ox_239:active {
|
|
553
553
|
color: var(--baseTextContrast);
|
|
554
554
|
background-color: var(--baseBgActive);
|
|
555
555
|
}
|
|
556
556
|
|
|
557
|
-
.
|
|
557
|
+
._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] {
|
|
558
558
|
pointer-events: none;
|
|
559
559
|
}
|
|
560
560
|
|
|
561
|
-
.
|
|
561
|
+
._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg {
|
|
562
562
|
color: var(--baseBorderHover);
|
|
563
563
|
}
|
|
564
564
|
|
|
565
|
-
.
|
|
565
|
+
._toolbarButton_1e2ox_239 {
|
|
566
566
|
border-radius: var(--radius-base);
|
|
567
567
|
}
|
|
568
568
|
|
|
569
|
-
.
|
|
569
|
+
._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 {
|
|
570
570
|
margin-left: var(--spacing-1);
|
|
571
571
|
}
|
|
572
572
|
|
|
573
|
-
.
|
|
573
|
+
._activeToolbarButton_1e2ox_275 {
|
|
574
574
|
color: var(--accentText);
|
|
575
575
|
}
|
|
576
576
|
|
|
577
|
-
.
|
|
577
|
+
._toolbarToggleSingleGroup_1e2ox_224 {
|
|
578
578
|
display: flex;
|
|
579
579
|
align-items: center;
|
|
580
580
|
white-space: nowrap;
|
|
581
581
|
}
|
|
582
582
|
|
|
583
|
-
.
|
|
584
|
-
.
|
|
585
|
-
.
|
|
586
|
-
.
|
|
583
|
+
._toolbarNodeKindSelectContainer_1e2ox_285,
|
|
584
|
+
._toolbarButtonDropdownContainer_1e2ox_286,
|
|
585
|
+
._toolbarCodeBlockLanguageSelectContent_1e2ox_287,
|
|
586
|
+
._selectContainer_1e2ox_288 {
|
|
587
587
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
588
588
|
z-index: 3;
|
|
589
589
|
width: var(--spacing-36);
|
|
@@ -593,17 +593,17 @@
|
|
|
593
593
|
font-size: var(--text-sm);
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
-
.
|
|
596
|
+
._toolbarButtonDropdownContainer_1e2ox_286 {
|
|
597
597
|
border-top-right-radius: var(--radius-base);
|
|
598
598
|
}
|
|
599
599
|
|
|
600
|
-
.
|
|
600
|
+
._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child {
|
|
601
601
|
border-top-right-radius: var(--radius-base);
|
|
602
602
|
}
|
|
603
603
|
|
|
604
|
-
.
|
|
605
|
-
.
|
|
606
|
-
.
|
|
604
|
+
._toolbarNodeKindSelectTrigger_1e2ox_306,
|
|
605
|
+
._toolbarButtonSelectTrigger_1e2ox_307,
|
|
606
|
+
._selectTrigger_1e2ox_308 {
|
|
607
607
|
border: 0;
|
|
608
608
|
background-color: transparent;
|
|
609
609
|
display: flex;
|
|
@@ -620,62 +620,62 @@
|
|
|
620
620
|
margin: 0 var(--spacing-1);
|
|
621
621
|
}
|
|
622
622
|
|
|
623
|
-
.
|
|
623
|
+
._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] {
|
|
624
624
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
625
625
|
border-bottom-right-radius: var(--radius-none);
|
|
626
626
|
border-bottom-left-radius: var(--radius-none);
|
|
627
627
|
}
|
|
628
628
|
|
|
629
|
-
.
|
|
629
|
+
._selectTrigger_1e2ox_308[data-placeholder] > span:first-child {
|
|
630
630
|
color: var(--baseBorderHover);
|
|
631
631
|
}
|
|
632
632
|
|
|
633
633
|
/** used in the sandpack */
|
|
634
|
-
.
|
|
634
|
+
._toolbarButtonSelectTrigger_1e2ox_307 {
|
|
635
635
|
width: auto;
|
|
636
636
|
padding-inline-start: var(--spacing-2);
|
|
637
637
|
padding-inline-end: var(--spacing-1);
|
|
638
638
|
padding-block: var(--spacing-0_5);
|
|
639
639
|
}
|
|
640
640
|
|
|
641
|
-
.
|
|
642
|
-
.
|
|
641
|
+
._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343,
|
|
642
|
+
._toolbarCodeBlockLanguageSelectContent_1e2ox_287 {
|
|
643
643
|
width: var(--spacing-48);
|
|
644
644
|
}
|
|
645
645
|
|
|
646
|
-
.
|
|
647
|
-
.
|
|
646
|
+
._toolbarNodeKindSelectItem_1e2ox_348,
|
|
647
|
+
._selectItem_1e2ox_301 {
|
|
648
648
|
cursor: default;
|
|
649
649
|
display: flex;
|
|
650
650
|
padding: var(--spacing-2);
|
|
651
651
|
}
|
|
652
652
|
|
|
653
|
-
.
|
|
653
|
+
._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
|
|
654
654
|
background-color: var(--baseBg);
|
|
655
655
|
}
|
|
656
656
|
|
|
657
|
-
.
|
|
657
|
+
._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] {
|
|
658
658
|
color: var(--baseTextContrast);
|
|
659
659
|
background-color: var(--baseBg);
|
|
660
660
|
}
|
|
661
661
|
|
|
662
|
-
.
|
|
662
|
+
._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] {
|
|
663
663
|
outline: none;
|
|
664
664
|
}
|
|
665
665
|
|
|
666
|
-
.
|
|
666
|
+
._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child {
|
|
667
667
|
border-bottom-left-radius: var(--radius-base);
|
|
668
668
|
border-bottom-right-radius: var(--radius-base);
|
|
669
669
|
}
|
|
670
670
|
|
|
671
|
-
.
|
|
672
|
-
.
|
|
671
|
+
._toolbarNodeKindSelectDropdownArrow_1e2ox_373,
|
|
672
|
+
._selectDropdownArrow_1e2ox_374 {
|
|
673
673
|
margin-left: auto;
|
|
674
674
|
display: flex;
|
|
675
675
|
align-items: center;
|
|
676
676
|
}
|
|
677
677
|
|
|
678
|
-
.
|
|
678
|
+
._contentEditable_1e2ox_380 {
|
|
679
679
|
box-sizing: border-box;
|
|
680
680
|
width: 100%;
|
|
681
681
|
color: var(--baseTextContrast);
|
|
@@ -683,11 +683,11 @@
|
|
|
683
683
|
padding: var(--spacing-3);
|
|
684
684
|
}
|
|
685
685
|
|
|
686
|
-
.
|
|
686
|
+
._contentEditable_1e2ox_380:focus {
|
|
687
687
|
outline: none;
|
|
688
688
|
}
|
|
689
689
|
|
|
690
|
-
.
|
|
690
|
+
._codeMirrorWrapper_1e2ox_392 {
|
|
691
691
|
margin-bottom: var(--spacing-5);
|
|
692
692
|
border: 1px solid var(--baseLine);
|
|
693
693
|
border-radius: var(--radius-medium);
|
|
@@ -696,7 +696,7 @@
|
|
|
696
696
|
position: relative;
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.
|
|
699
|
+
._sandPackWrapper_1e2ox_401 {
|
|
700
700
|
margin-bottom: var(--spacing-5);
|
|
701
701
|
border: 1px solid var(--baseLine);
|
|
702
702
|
border-radius: var(--radius-medium);
|
|
@@ -704,7 +704,7 @@
|
|
|
704
704
|
position: relative;
|
|
705
705
|
}
|
|
706
706
|
|
|
707
|
-
.
|
|
707
|
+
._codeMirrorToolbar_1e2ox_409 {
|
|
708
708
|
position: absolute;
|
|
709
709
|
right: 0;
|
|
710
710
|
top: 0;
|
|
@@ -716,17 +716,17 @@
|
|
|
716
716
|
border-bottom-left-radius: var(--radius-base);
|
|
717
717
|
}
|
|
718
718
|
|
|
719
|
-
.
|
|
719
|
+
._frontmatterWrapper_1e2ox_413 {
|
|
720
720
|
border-radius: var(--radius-medium);
|
|
721
721
|
padding: var(--spacing-3);
|
|
722
722
|
background-color: var(--baseBgSubtle);
|
|
723
723
|
}
|
|
724
724
|
|
|
725
|
-
.
|
|
725
|
+
._frontmatterWrapper_1e2ox_413[data-expanded='true'] {
|
|
726
726
|
margin-bottom: var(--spacing-10);
|
|
727
727
|
}
|
|
728
728
|
|
|
729
|
-
.
|
|
729
|
+
._frontmatterToggleButton_1e2ox_423 {
|
|
730
730
|
border: 0;
|
|
731
731
|
background-color: transparent;
|
|
732
732
|
font-size: inherit;
|
|
@@ -742,7 +742,7 @@
|
|
|
742
742
|
font-size: var(--text-sm);
|
|
743
743
|
}
|
|
744
744
|
|
|
745
|
-
.
|
|
745
|
+
._propertyPanelTitle_1e2ox_431 {
|
|
746
746
|
font-size: var(--text-xs);
|
|
747
747
|
font-weight: 400;
|
|
748
748
|
margin: 0;
|
|
@@ -750,49 +750,49 @@
|
|
|
750
750
|
padding-left: var(--spacing-2);
|
|
751
751
|
}
|
|
752
752
|
|
|
753
|
-
.
|
|
753
|
+
._propertyEditorTable_1e2ox_439 {
|
|
754
754
|
table-layout: fixed;
|
|
755
755
|
border-spacing: var(--spacing-2);
|
|
756
756
|
}
|
|
757
757
|
|
|
758
|
-
.
|
|
758
|
+
._propertyEditorTable_1e2ox_439 th {
|
|
759
759
|
text-align: left;
|
|
760
760
|
font-size: var(--text-sm);
|
|
761
761
|
padding: var(--spacing-2) var(--spacing-3);
|
|
762
762
|
}
|
|
763
763
|
|
|
764
|
-
.
|
|
764
|
+
._propertyEditorTable_1e2ox_439 col:nth-child(1) {
|
|
765
765
|
width: 30%;
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
-
.
|
|
768
|
+
._propertyEditorTable_1e2ox_439 col:nth-child(2) {
|
|
769
769
|
width: 70%;
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
.
|
|
772
|
+
._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 {
|
|
773
773
|
margin-left: var(--spacing-4);
|
|
774
774
|
margin-right: var(--spacing-4);
|
|
775
775
|
}
|
|
776
776
|
|
|
777
|
-
.
|
|
777
|
+
._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 {
|
|
778
778
|
padding-left: 0;
|
|
779
779
|
}
|
|
780
780
|
|
|
781
|
-
.
|
|
781
|
+
._propertyEditorLabelCell_1e2ox_467 {
|
|
782
782
|
font-weight: 400;
|
|
783
783
|
}
|
|
784
784
|
|
|
785
|
-
.
|
|
785
|
+
._readOnlyColumnCell_1e2ox_462 {
|
|
786
786
|
padding-left: 0;
|
|
787
787
|
}
|
|
788
788
|
|
|
789
|
-
.
|
|
789
|
+
._buttonsFooter_1e2ox_475 {
|
|
790
790
|
display: flex;
|
|
791
791
|
justify-content: flex-end;
|
|
792
792
|
gap: var(--spacing-2);
|
|
793
793
|
}
|
|
794
794
|
|
|
795
|
-
.
|
|
795
|
+
._propertyEditorInput_1e2ox_481 {
|
|
796
796
|
border: 0;
|
|
797
797
|
background-color: transparent;
|
|
798
798
|
font-size: inherit;
|
|
@@ -810,7 +810,7 @@
|
|
|
810
810
|
font-size: var(--text-sm);
|
|
811
811
|
}
|
|
812
812
|
|
|
813
|
-
.
|
|
813
|
+
._iconButton_1e2ox_457 {
|
|
814
814
|
border: 0;
|
|
815
815
|
background-color: transparent;
|
|
816
816
|
font-size: inherit;
|
|
@@ -824,18 +824,18 @@
|
|
|
824
824
|
}
|
|
825
825
|
|
|
826
826
|
@media (hover: hover) {
|
|
827
|
-
.
|
|
827
|
+
._iconButton_1e2ox_457:hover {
|
|
828
828
|
color: var(--baseTextContrast);
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.
|
|
833
|
-
.
|
|
832
|
+
._iconButton_1e2ox_457:disabled,
|
|
833
|
+
._iconButton_1e2ox_457:disabled:hover {
|
|
834
834
|
color: var(--baseLine);
|
|
835
835
|
}
|
|
836
836
|
|
|
837
|
-
.
|
|
838
|
-
.
|
|
837
|
+
._primaryButton_1e2ox_507,
|
|
838
|
+
._secondaryButton_1e2ox_508 {
|
|
839
839
|
border: 0;
|
|
840
840
|
background-color: transparent;
|
|
841
841
|
font-size: inherit;
|
|
@@ -853,30 +853,30 @@
|
|
|
853
853
|
border-radius: var(--radius-medium);
|
|
854
854
|
}
|
|
855
855
|
|
|
856
|
-
.
|
|
856
|
+
._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled {
|
|
857
857
|
background: var(--accentLine);
|
|
858
858
|
border-color: var(--accentBg);
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
.
|
|
861
|
+
._smallButton_1e2ox_523 {
|
|
862
862
|
font-size: var(--text-xs);
|
|
863
863
|
padding: var(--spacing-1) var(--spacing-2);
|
|
864
864
|
border-radius: var(--radius-base);
|
|
865
865
|
}
|
|
866
866
|
|
|
867
|
-
.
|
|
867
|
+
._secondaryButton_1e2ox_508 {
|
|
868
868
|
border: 1px solid var(--baseBorder);
|
|
869
869
|
background-color: var(--baseSolidHover);
|
|
870
870
|
color: var(--baseBase);
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
.
|
|
873
|
+
._dialogForm_1e2ox_535 {
|
|
874
874
|
display: flex;
|
|
875
875
|
flex-direction: row;
|
|
876
876
|
gap: var(--spacing-2);
|
|
877
877
|
}
|
|
878
878
|
|
|
879
|
-
.
|
|
879
|
+
._linkDialogEditForm_1e2ox_541 {
|
|
880
880
|
display: flex;
|
|
881
881
|
flex-direction: column;
|
|
882
882
|
align-items: stretch;
|
|
@@ -884,13 +884,13 @@
|
|
|
884
884
|
padding: 0;
|
|
885
885
|
}
|
|
886
886
|
|
|
887
|
-
.
|
|
887
|
+
._linkDialogInputContainer_1e2ox_549 {
|
|
888
888
|
display: flex;
|
|
889
889
|
flex-direction: column;
|
|
890
890
|
align-items: stretch;
|
|
891
891
|
}
|
|
892
892
|
|
|
893
|
-
.
|
|
893
|
+
._linkDialogInputWrapper_1e2ox_555 {
|
|
894
894
|
display: flex;
|
|
895
895
|
align-items: center;
|
|
896
896
|
background-color: var(--baseBase);
|
|
@@ -899,13 +899,13 @@
|
|
|
899
899
|
border: 1px solid var(--baseBorder);
|
|
900
900
|
}
|
|
901
901
|
|
|
902
|
-
.
|
|
902
|
+
._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] {
|
|
903
903
|
border-bottom-left-radius: var(--radius-none);
|
|
904
904
|
border-bottom-right-radius: var(--radius-none);
|
|
905
905
|
border-bottom-width: 0;
|
|
906
906
|
}
|
|
907
907
|
|
|
908
|
-
.
|
|
908
|
+
._linkDialogInputWrapper_1e2ox_555 > button {
|
|
909
909
|
border: 0;
|
|
910
910
|
background-color: transparent;
|
|
911
911
|
font-size: inherit;
|
|
@@ -918,8 +918,8 @@
|
|
|
918
918
|
padding-right: var(--spacing-2);
|
|
919
919
|
}
|
|
920
920
|
|
|
921
|
-
.
|
|
922
|
-
.
|
|
921
|
+
._linkDialogInput_1e2ox_549,
|
|
922
|
+
._dialogInput_1e2ox_576 {
|
|
923
923
|
border: 0;
|
|
924
924
|
background-color: transparent;
|
|
925
925
|
font-size: inherit;
|
|
@@ -934,31 +934,31 @@
|
|
|
934
934
|
font-size: var(--text-sm);
|
|
935
935
|
}
|
|
936
936
|
|
|
937
|
-
.
|
|
937
|
+
._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder {
|
|
938
938
|
color: var(--baseBorder);
|
|
939
939
|
}
|
|
940
940
|
|
|
941
|
-
.
|
|
941
|
+
._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder {
|
|
942
942
|
color: var(--baseBorder);
|
|
943
943
|
}
|
|
944
944
|
|
|
945
|
-
.
|
|
945
|
+
._linkDialogAnchor_1e2ox_587 {
|
|
946
946
|
position: fixed;
|
|
947
947
|
background-color: highlight;
|
|
948
948
|
z-index: -1;
|
|
949
949
|
}
|
|
950
950
|
|
|
951
|
-
.
|
|
951
|
+
._linkDialogAnchor_1e2ox_587[data-visible='true'] {
|
|
952
952
|
visibility: visible;
|
|
953
953
|
}
|
|
954
954
|
|
|
955
|
-
.
|
|
955
|
+
._linkDialogAnchor_1e2ox_587[data-visible='false'] {
|
|
956
956
|
visibility: hidden;
|
|
957
957
|
}
|
|
958
958
|
|
|
959
|
-
.
|
|
960
|
-
.
|
|
961
|
-
.
|
|
959
|
+
._linkDialogPopoverContent_1e2ox_601,
|
|
960
|
+
._tableColumnEditorPopoverContent_1e2ox_602,
|
|
961
|
+
._dialogContent_1e2ox_603 {
|
|
962
962
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
963
963
|
display: flex;
|
|
964
964
|
align-items: center;
|
|
@@ -970,7 +970,7 @@
|
|
|
970
970
|
font-size: var(--text-sm);
|
|
971
971
|
}
|
|
972
972
|
|
|
973
|
-
.
|
|
973
|
+
._largeDialogContent_1e2ox_615 {
|
|
974
974
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
975
975
|
gap: var(--spacing-0_5);
|
|
976
976
|
border-radius: var(--radius-medium);
|
|
@@ -980,13 +980,13 @@
|
|
|
980
980
|
font-size: var(--text-sm);
|
|
981
981
|
}
|
|
982
982
|
|
|
983
|
-
.
|
|
983
|
+
._dialogTitle_1e2ox_625 {
|
|
984
984
|
font-size: var(--text-base);
|
|
985
985
|
font-weight: 600;
|
|
986
986
|
padding-left: var(--spacing-2);
|
|
987
987
|
}
|
|
988
988
|
|
|
989
|
-
.
|
|
989
|
+
._dialogCloseButton_1e2ox_631 {
|
|
990
990
|
border: 0;
|
|
991
991
|
background-color: transparent;
|
|
992
992
|
font-size: inherit;
|
|
@@ -1001,7 +1001,7 @@
|
|
|
1001
1001
|
right: 10px;
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
|
-
.
|
|
1004
|
+
._popoverContent_1e2ox_638 {
|
|
1005
1005
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
|
|
1006
1006
|
display: flex;
|
|
1007
1007
|
align-items: center;
|
|
@@ -1013,11 +1013,11 @@
|
|
|
1013
1013
|
z-index: 1;
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
|
-
.
|
|
1016
|
+
._popoverArrow_1e2ox_650 {
|
|
1017
1017
|
fill: var(--basePageBg);
|
|
1018
1018
|
}
|
|
1019
1019
|
|
|
1020
|
-
.
|
|
1020
|
+
._linkDialogPreviewAnchor_1e2ox_654 {
|
|
1021
1021
|
margin-right: var(--spacing-1);
|
|
1022
1022
|
display: flex;
|
|
1023
1023
|
align-items: center;
|
|
@@ -1028,23 +1028,23 @@
|
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
1030
|
@media (hover: hover) {
|
|
1031
|
-
.
|
|
1031
|
+
._linkDialogPreviewAnchor_1e2ox_654:hover {
|
|
1032
1032
|
color: var(--accentSolidHover);
|
|
1033
1033
|
}
|
|
1034
1034
|
}
|
|
1035
1035
|
|
|
1036
|
-
.
|
|
1036
|
+
._linkDialogPreviewAnchor_1e2ox_654 span {
|
|
1037
1037
|
max-width: 14rem;
|
|
1038
1038
|
overflow-x: hidden;
|
|
1039
1039
|
text-overflow: ellipsis;
|
|
1040
1040
|
white-space: nowrap;
|
|
1041
1041
|
}
|
|
1042
1042
|
|
|
1043
|
-
.
|
|
1043
|
+
._tooltipTrigger_1e2ox_677 {
|
|
1044
1044
|
align-self: center;
|
|
1045
1045
|
}
|
|
1046
1046
|
|
|
1047
|
-
.
|
|
1047
|
+
._tooltipContent_1e2ox_681 {
|
|
1048
1048
|
z-index: 2;
|
|
1049
1049
|
position: relative;
|
|
1050
1050
|
border-radius: var(--radius-medium);
|
|
@@ -1054,11 +1054,11 @@
|
|
|
1054
1054
|
color: var(--baseBase);
|
|
1055
1055
|
}
|
|
1056
1056
|
|
|
1057
|
-
.
|
|
1057
|
+
._tooltipContent_1e2ox_681 svg {
|
|
1058
1058
|
fill: var(--baseText);
|
|
1059
1059
|
}
|
|
1060
1060
|
|
|
1061
|
-
.
|
|
1061
|
+
._actionButton_1e2ox_695 {
|
|
1062
1062
|
border: 0;
|
|
1063
1063
|
background-color: transparent;
|
|
1064
1064
|
font-size: inherit;
|
|
@@ -1075,39 +1075,39 @@
|
|
|
1075
1075
|
color: var(--baseTextContrast);
|
|
1076
1076
|
}
|
|
1077
1077
|
|
|
1078
|
-
.
|
|
1078
|
+
._actionButton_1e2ox_695 svg {
|
|
1079
1079
|
display: block;
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
@media (hover: hover) {
|
|
1083
|
-
.
|
|
1083
|
+
._actionButton_1e2ox_695:hover {
|
|
1084
1084
|
background-color: var(--baseBg);
|
|
1085
1085
|
}
|
|
1086
1086
|
}
|
|
1087
1087
|
|
|
1088
|
-
.
|
|
1088
|
+
._actionButton_1e2ox_695:active svg {
|
|
1089
1089
|
transform: translate(1px, 1px);
|
|
1090
1090
|
}
|
|
1091
1091
|
|
|
1092
|
-
.
|
|
1093
|
-
.
|
|
1092
|
+
._actionButton_1e2ox_695[data-state='on'],
|
|
1093
|
+
._actionButton_1e2ox_695:active {
|
|
1094
1094
|
background-color: var(--baseBg);
|
|
1095
1095
|
color: var(--baseTextContrast);
|
|
1096
1096
|
}
|
|
1097
1097
|
|
|
1098
|
-
.
|
|
1098
|
+
._primaryActionButton_1e2ox_702 {
|
|
1099
1099
|
background-color: var(--accentSolid);
|
|
1100
1100
|
color: var(--baseBase);
|
|
1101
1101
|
}
|
|
1102
1102
|
|
|
1103
1103
|
@media (hover: hover) {
|
|
1104
|
-
.
|
|
1104
|
+
._primaryActionButton_1e2ox_702:hover {
|
|
1105
1105
|
background-color: var(--accentSolidHover);
|
|
1106
1106
|
color: var(--baseBase);
|
|
1107
1107
|
}
|
|
1108
1108
|
}
|
|
1109
1109
|
|
|
1110
|
-
.
|
|
1110
|
+
._tableEditor_1e2ox_714 {
|
|
1111
1111
|
table-layout: fixed;
|
|
1112
1112
|
width: 100%;
|
|
1113
1113
|
height: 100%;
|
|
@@ -1115,61 +1115,61 @@
|
|
|
1115
1115
|
border-collapse: collapse;
|
|
1116
1116
|
}
|
|
1117
1117
|
|
|
1118
|
-
.
|
|
1118
|
+
._tableEditor_1e2ox_714 thead > tr > th {
|
|
1119
1119
|
text-align: right;
|
|
1120
1120
|
}
|
|
1121
1121
|
|
|
1122
|
-
.
|
|
1123
|
-
.
|
|
1122
|
+
._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),
|
|
1123
|
+
._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) {
|
|
1124
1124
|
border: 1px solid var(--baseBgActive);
|
|
1125
1125
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1126
1126
|
white-space: normal;
|
|
1127
1127
|
}
|
|
1128
1128
|
|
|
1129
|
-
:is(.
|
|
1129
|
+
:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div {
|
|
1130
1130
|
outline: none;
|
|
1131
1131
|
}
|
|
1132
1132
|
|
|
1133
|
-
:is(.
|
|
1133
|
+
:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p {
|
|
1134
1134
|
margin: 0;
|
|
1135
1135
|
}
|
|
1136
1136
|
|
|
1137
|
-
[data-active='true']:is(.
|
|
1137
|
+
[data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) {
|
|
1138
1138
|
outline: solid 1px var(--baseSolid);
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
|
-
.
|
|
1142
|
-
.
|
|
1143
|
-
.
|
|
1144
|
-
.
|
|
1145
|
-
.
|
|
1141
|
+
._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744,
|
|
1142
|
+
._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745,
|
|
1143
|
+
._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746,
|
|
1144
|
+
._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747,
|
|
1145
|
+
._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 {
|
|
1146
1146
|
opacity: 0.15;
|
|
1147
1147
|
}
|
|
1148
1148
|
|
|
1149
1149
|
@media (hover: hover) {
|
|
1150
|
-
.
|
|
1151
|
-
.
|
|
1152
|
-
.
|
|
1153
|
-
.
|
|
1154
|
-
.
|
|
1150
|
+
._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744,
|
|
1151
|
+
._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745,
|
|
1152
|
+
._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746,
|
|
1153
|
+
._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747,
|
|
1154
|
+
._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 {
|
|
1155
1155
|
opacity: 0.3;
|
|
1156
1156
|
}
|
|
1157
1157
|
|
|
1158
|
-
.
|
|
1158
|
+
._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover {
|
|
1159
1159
|
opacity: 1;
|
|
1160
1160
|
}
|
|
1161
1161
|
}
|
|
1162
1162
|
|
|
1163
|
-
.
|
|
1163
|
+
._toolCell_1e2ox_725 {
|
|
1164
1164
|
text-align: right;
|
|
1165
1165
|
}
|
|
1166
1166
|
|
|
1167
|
-
.
|
|
1167
|
+
._toolCell_1e2ox_725 button {
|
|
1168
1168
|
margin: auto;
|
|
1169
1169
|
display: block;
|
|
1170
1170
|
}
|
|
1171
1171
|
|
|
1172
|
-
.
|
|
1172
|
+
._tableColumnEditorTrigger_1e2ox_744 {
|
|
1173
1173
|
border: 0;
|
|
1174
1174
|
background-color: transparent;
|
|
1175
1175
|
font-size: inherit;
|
|
@@ -1186,35 +1186,35 @@
|
|
|
1186
1186
|
opacity: 0.2;
|
|
1187
1187
|
}
|
|
1188
1188
|
|
|
1189
|
-
.
|
|
1189
|
+
._tableColumnEditorTrigger_1e2ox_744 svg {
|
|
1190
1190
|
display: block;
|
|
1191
1191
|
}
|
|
1192
1192
|
|
|
1193
1193
|
@media (hover: hover) {
|
|
1194
|
-
.
|
|
1194
|
+
._tableColumnEditorTrigger_1e2ox_744:hover {
|
|
1195
1195
|
background-color: var(--baseBg);
|
|
1196
1196
|
}
|
|
1197
1197
|
}
|
|
1198
1198
|
|
|
1199
|
-
.
|
|
1199
|
+
._tableColumnEditorTrigger_1e2ox_744:active svg {
|
|
1200
1200
|
transform: translate(1px, 1px);
|
|
1201
1201
|
}
|
|
1202
1202
|
|
|
1203
|
-
.
|
|
1204
|
-
.
|
|
1203
|
+
._tableColumnEditorTrigger_1e2ox_744[data-state='on'],
|
|
1204
|
+
._tableColumnEditorTrigger_1e2ox_744:active {
|
|
1205
1205
|
background-color: var(--baseBg);
|
|
1206
1206
|
color: var(--baseTextContrast);
|
|
1207
1207
|
}
|
|
1208
1208
|
|
|
1209
|
-
.
|
|
1209
|
+
._tableColumnEditorTrigger_1e2ox_744[data-active='true'] {
|
|
1210
1210
|
opacity: 1 !important;
|
|
1211
1211
|
}
|
|
1212
1212
|
|
|
1213
|
-
.
|
|
1213
|
+
._tableColumnEditorToolbar_1e2ox_789 {
|
|
1214
1214
|
display: flex;
|
|
1215
1215
|
}
|
|
1216
1216
|
|
|
1217
|
-
.
|
|
1217
|
+
._tableColumnEditorToolbar_1e2ox_789 > button {
|
|
1218
1218
|
border: 0;
|
|
1219
1219
|
background-color: transparent;
|
|
1220
1220
|
font-size: inherit;
|
|
@@ -1228,36 +1228,36 @@
|
|
|
1228
1228
|
color: var(--baseTextContrast);
|
|
1229
1229
|
}
|
|
1230
1230
|
|
|
1231
|
-
.
|
|
1231
|
+
._tableColumnEditorToolbar_1e2ox_789 > button svg {
|
|
1232
1232
|
display: block;
|
|
1233
1233
|
}
|
|
1234
1234
|
|
|
1235
1235
|
@media (hover: hover) {
|
|
1236
|
-
.
|
|
1236
|
+
._tableColumnEditorToolbar_1e2ox_789 > button:hover {
|
|
1237
1237
|
background-color: var(--baseBg);
|
|
1238
1238
|
}
|
|
1239
1239
|
}
|
|
1240
1240
|
|
|
1241
|
-
.
|
|
1241
|
+
._tableColumnEditorToolbar_1e2ox_789 > button:active svg {
|
|
1242
1242
|
transform: translate(1px, 1px);
|
|
1243
1243
|
}
|
|
1244
1244
|
|
|
1245
|
-
.
|
|
1246
|
-
.
|
|
1245
|
+
._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'],
|
|
1246
|
+
._tableColumnEditorToolbar_1e2ox_789 > button:active {
|
|
1247
1247
|
background-color: var(--baseBg);
|
|
1248
1248
|
color: var(--baseTextContrast);
|
|
1249
1249
|
}
|
|
1250
1250
|
|
|
1251
|
-
.
|
|
1251
|
+
._tableColumnEditorToolbar_1e2ox_789 [role='separator'] {
|
|
1252
1252
|
margin-left: var(--spacing-1);
|
|
1253
1253
|
margin-right: var(--spacing-1);
|
|
1254
1254
|
}
|
|
1255
1255
|
|
|
1256
|
-
.
|
|
1256
|
+
._toggleGroupRoot_1e2ox_802 {
|
|
1257
1257
|
display: inline-flex;
|
|
1258
1258
|
}
|
|
1259
1259
|
|
|
1260
|
-
.
|
|
1260
|
+
._toggleGroupRoot_1e2ox_802 button {
|
|
1261
1261
|
border: 0;
|
|
1262
1262
|
background-color: transparent;
|
|
1263
1263
|
font-size: inherit;
|
|
@@ -1271,59 +1271,59 @@
|
|
|
1271
1271
|
color: var(--baseTextContrast);
|
|
1272
1272
|
}
|
|
1273
1273
|
|
|
1274
|
-
.
|
|
1274
|
+
._toggleGroupRoot_1e2ox_802 button svg {
|
|
1275
1275
|
display: block;
|
|
1276
1276
|
}
|
|
1277
1277
|
|
|
1278
1278
|
@media (hover: hover) {
|
|
1279
|
-
.
|
|
1279
|
+
._toggleGroupRoot_1e2ox_802 button:hover {
|
|
1280
1280
|
background-color: var(--baseBg);
|
|
1281
1281
|
}
|
|
1282
1282
|
}
|
|
1283
1283
|
|
|
1284
|
-
.
|
|
1284
|
+
._toggleGroupRoot_1e2ox_802 button:active svg {
|
|
1285
1285
|
transform: translate(1px, 1px);
|
|
1286
1286
|
}
|
|
1287
1287
|
|
|
1288
|
-
.
|
|
1289
|
-
.
|
|
1288
|
+
._toggleGroupRoot_1e2ox_802 button[data-state='on'],
|
|
1289
|
+
._toggleGroupRoot_1e2ox_802 button:active {
|
|
1290
1290
|
background-color: var(--baseBg);
|
|
1291
1291
|
color: var(--baseTextContrast);
|
|
1292
1292
|
}
|
|
1293
1293
|
|
|
1294
|
-
.
|
|
1294
|
+
._toggleGroupRoot_1e2ox_802 button:first-child {
|
|
1295
1295
|
border-top-left-radius: var(--radius-base);
|
|
1296
1296
|
border-bottom-left-radius: var(--radius-base);
|
|
1297
1297
|
}
|
|
1298
1298
|
|
|
1299
|
-
.
|
|
1299
|
+
._toggleGroupRoot_1e2ox_802 button:last-child {
|
|
1300
1300
|
border-top-right-radius: var(--radius-base);
|
|
1301
1301
|
border-bottom-right-radius: var(--radius-base);
|
|
1302
1302
|
}
|
|
1303
1303
|
|
|
1304
|
-
.
|
|
1304
|
+
._tableToolsColumn_1e2ox_820 {
|
|
1305
1305
|
width: 2rem;
|
|
1306
1306
|
}
|
|
1307
1307
|
|
|
1308
|
-
.
|
|
1308
|
+
._tableToolsColumn_1e2ox_820 button {
|
|
1309
1309
|
margin: auto;
|
|
1310
1310
|
display: block;
|
|
1311
1311
|
}
|
|
1312
1312
|
|
|
1313
|
-
.
|
|
1313
|
+
._leftAlignedCell_1e2ox_829 {
|
|
1314
1314
|
text-align: left;
|
|
1315
1315
|
}
|
|
1316
1316
|
|
|
1317
|
-
.
|
|
1317
|
+
._rightAlignedCell_1e2ox_833 {
|
|
1318
1318
|
text-align: right;
|
|
1319
1319
|
}
|
|
1320
1320
|
|
|
1321
|
-
.
|
|
1321
|
+
._centeredCell_1e2ox_837 {
|
|
1322
1322
|
text-align: center;
|
|
1323
1323
|
}
|
|
1324
1324
|
|
|
1325
|
-
.
|
|
1326
|
-
.
|
|
1325
|
+
._addColumnButton_1e2ox_747,
|
|
1326
|
+
._addRowButton_1e2ox_746 {
|
|
1327
1327
|
border: 0;
|
|
1328
1328
|
background-color: transparent;
|
|
1329
1329
|
font-size: inherit;
|
|
@@ -1341,33 +1341,33 @@
|
|
|
1341
1341
|
align-items: center;
|
|
1342
1342
|
}
|
|
1343
1343
|
|
|
1344
|
-
.
|
|
1344
|
+
._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
|
|
1345
1345
|
display: block;
|
|
1346
1346
|
}
|
|
1347
1347
|
|
|
1348
1348
|
@media (hover: hover) {
|
|
1349
|
-
.
|
|
1349
|
+
._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover {
|
|
1350
1350
|
background-color: var(--baseBg);
|
|
1351
1351
|
}
|
|
1352
1352
|
}
|
|
1353
1353
|
|
|
1354
|
-
.
|
|
1354
|
+
._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg {
|
|
1355
1355
|
transform: translate(1px, 1px);
|
|
1356
1356
|
}
|
|
1357
1357
|
|
|
1358
|
-
.
|
|
1359
|
-
.
|
|
1360
|
-
.
|
|
1361
|
-
.
|
|
1358
|
+
._addColumnButton_1e2ox_747[data-state='on'],
|
|
1359
|
+
._addRowButton_1e2ox_746[data-state='on'],
|
|
1360
|
+
._addColumnButton_1e2ox_747:active,
|
|
1361
|
+
._addRowButton_1e2ox_746:active {
|
|
1362
1362
|
background-color: var(--baseBg);
|
|
1363
1363
|
color: var(--baseTextContrast);
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
|
-
.
|
|
1366
|
+
._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg {
|
|
1367
1367
|
margin: auto;
|
|
1368
1368
|
}
|
|
1369
1369
|
|
|
1370
|
-
.
|
|
1370
|
+
._addRowButton_1e2ox_746 {
|
|
1371
1371
|
width: 100%;
|
|
1372
1372
|
margin-top: var(--spacing-px);
|
|
1373
1373
|
box-sizing: border-box;
|
|
@@ -1375,7 +1375,7 @@
|
|
|
1375
1375
|
border-bottom-left-radius: var(--radius-medium);
|
|
1376
1376
|
}
|
|
1377
1377
|
|
|
1378
|
-
.
|
|
1378
|
+
._addColumnButton_1e2ox_747 {
|
|
1379
1379
|
margin-left: var(--spacing-px);
|
|
1380
1380
|
height: 100%;
|
|
1381
1381
|
border-top-right-radius: var(--radius-medium);
|
|
@@ -1383,31 +1383,31 @@
|
|
|
1383
1383
|
}
|
|
1384
1384
|
|
|
1385
1385
|
/** Dialog */
|
|
1386
|
-
.
|
|
1386
|
+
._dialogOverlay_1e2ox_870 {
|
|
1387
1387
|
position: fixed;
|
|
1388
1388
|
inset: 0;
|
|
1389
|
-
animation:
|
|
1389
|
+
animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1390
1390
|
background-color: var(--baseBase);
|
|
1391
1391
|
z-index: 51;
|
|
1392
1392
|
opacity: 0.5;
|
|
1393
1393
|
}
|
|
1394
1394
|
|
|
1395
|
-
.
|
|
1396
|
-
.
|
|
1395
|
+
._dialogContent_1e2ox_603,
|
|
1396
|
+
._largeDialogContent_1e2ox_615 {
|
|
1397
1397
|
position: fixed;
|
|
1398
1398
|
top: 50%;
|
|
1399
1399
|
left: 50%;
|
|
1400
1400
|
transform: translate(-50%, -50%);
|
|
1401
|
-
animation:
|
|
1401
|
+
animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1402
1402
|
z-index: 52;
|
|
1403
1403
|
}
|
|
1404
1404
|
|
|
1405
|
-
.
|
|
1406
|
-
.
|
|
1405
|
+
._dialogContent_1e2ox_603:focus,
|
|
1406
|
+
._largeDialogContent_1e2ox_615:focus {
|
|
1407
1407
|
outline: none;
|
|
1408
1408
|
}
|
|
1409
1409
|
|
|
1410
|
-
@keyframes
|
|
1410
|
+
@keyframes _overlayShow_1e2ox_1 {
|
|
1411
1411
|
from {
|
|
1412
1412
|
opacity: 0;
|
|
1413
1413
|
}
|
|
@@ -1417,7 +1417,7 @@
|
|
|
1417
1417
|
}
|
|
1418
1418
|
}
|
|
1419
1419
|
|
|
1420
|
-
@keyframes
|
|
1420
|
+
@keyframes _contentShow_1e2ox_1 {
|
|
1421
1421
|
from {
|
|
1422
1422
|
opacity: 0;
|
|
1423
1423
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1429,23 +1429,23 @@
|
|
|
1429
1429
|
}
|
|
1430
1430
|
}
|
|
1431
1431
|
|
|
1432
|
-
.
|
|
1432
|
+
._focusedImage_1e2ox_916 {
|
|
1433
1433
|
outline: highlight solid 2px;
|
|
1434
1434
|
}
|
|
1435
1435
|
|
|
1436
|
-
.
|
|
1436
|
+
._imageWrapper_1e2ox_920 {
|
|
1437
1437
|
display: inline-block;
|
|
1438
1438
|
position: relative;
|
|
1439
1439
|
}
|
|
1440
1440
|
|
|
1441
|
-
.
|
|
1441
|
+
._imageWrapper_1e2ox_920[draggable='true'] {
|
|
1442
1442
|
cursor: move;
|
|
1443
1443
|
/* fallback if grab cursor is unsupported */
|
|
1444
1444
|
cursor: grab;
|
|
1445
1445
|
cursor: -webkit-grab;
|
|
1446
1446
|
}
|
|
1447
1447
|
|
|
1448
|
-
.
|
|
1448
|
+
._editImageToolbar_1e2ox_933 {
|
|
1449
1449
|
position: absolute;
|
|
1450
1450
|
right: 0;
|
|
1451
1451
|
top: 0;
|
|
@@ -1457,11 +1457,11 @@
|
|
|
1457
1457
|
border-bottom-left-radius: var(--radius-base);
|
|
1458
1458
|
}
|
|
1459
1459
|
|
|
1460
|
-
.
|
|
1460
|
+
._editImageButton_1e2ox_937 svg {
|
|
1461
1461
|
display: block;
|
|
1462
1462
|
}
|
|
1463
1463
|
|
|
1464
|
-
.
|
|
1464
|
+
._inlineEditor_1e2ox_943 {
|
|
1465
1465
|
display: inline-flex;
|
|
1466
1466
|
border-radius: var(--radius-medium);
|
|
1467
1467
|
padding: var(--spacing-1);
|
|
@@ -1470,7 +1470,7 @@
|
|
|
1470
1470
|
background: var(--baseBg);
|
|
1471
1471
|
}
|
|
1472
1472
|
|
|
1473
|
-
.
|
|
1473
|
+
._blockEditor_1e2ox_952 {
|
|
1474
1474
|
display: flex;
|
|
1475
1475
|
justify-content: stretch;
|
|
1476
1476
|
border-radius: var(--radius-medium);
|
|
@@ -1480,31 +1480,31 @@
|
|
|
1480
1480
|
background: var(--baseBg);
|
|
1481
1481
|
}
|
|
1482
1482
|
|
|
1483
|
-
.
|
|
1483
|
+
._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 {
|
|
1484
1484
|
flex-grow: 1;
|
|
1485
1485
|
}
|
|
1486
1486
|
|
|
1487
|
-
.
|
|
1487
|
+
._nestedEditor_1e2ox_961 {
|
|
1488
1488
|
background: var(--basePageBg);
|
|
1489
1489
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1490
1490
|
border-radius: var(--radius-medium);
|
|
1491
1491
|
}
|
|
1492
1492
|
|
|
1493
|
-
.
|
|
1493
|
+
._nestedEditor_1e2ox_961 > p {
|
|
1494
1494
|
margin: 0;
|
|
1495
1495
|
}
|
|
1496
1496
|
|
|
1497
|
-
.
|
|
1497
|
+
._nestedEditor_1e2ox_961:focus {
|
|
1498
1498
|
outline: none;
|
|
1499
1499
|
}
|
|
1500
1500
|
|
|
1501
|
-
.
|
|
1501
|
+
._genericComponentName_1e2ox_980 {
|
|
1502
1502
|
font-size: var(--text-sm);
|
|
1503
1503
|
color: var(--baseText);
|
|
1504
1504
|
padding-right: var(--spacing-2);
|
|
1505
1505
|
}
|
|
1506
1506
|
|
|
1507
|
-
.
|
|
1507
|
+
._diffSourceToggleWrapper_1e2ox_986 {
|
|
1508
1508
|
margin-left: auto;
|
|
1509
1509
|
pointer-events: auto;
|
|
1510
1510
|
opacity: 1;
|
|
@@ -1512,49 +1512,49 @@
|
|
|
1512
1512
|
right: 0;
|
|
1513
1513
|
}
|
|
1514
1514
|
|
|
1515
|
-
.
|
|
1515
|
+
._ggDiffSourceToggle_1e2ox_994 {
|
|
1516
1516
|
}
|
|
1517
1517
|
|
|
1518
|
-
.
|
|
1518
|
+
._diffSourceToggle_1e2ox_986 {
|
|
1519
1519
|
border-radius: var(--radius-medium);
|
|
1520
1520
|
background-color: var(--baseBase);
|
|
1521
1521
|
display: flex;
|
|
1522
1522
|
}
|
|
1523
1523
|
|
|
1524
|
-
.
|
|
1524
|
+
._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 {
|
|
1525
1525
|
padding: 0;
|
|
1526
1526
|
}
|
|
1527
1527
|
|
|
1528
|
-
.
|
|
1528
|
+
._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span {
|
|
1529
1529
|
display: block;
|
|
1530
1530
|
padding: var(--spacing-1) var(--spacing-1);
|
|
1531
1531
|
}
|
|
1532
1532
|
|
|
1533
|
-
.
|
|
1533
|
+
._selectWithLabel_1e2ox_1012 {
|
|
1534
1534
|
display: flex;
|
|
1535
1535
|
align-items: center;
|
|
1536
1536
|
gap: var(--spacing-2);
|
|
1537
1537
|
margin-left: var(--spacing-2);
|
|
1538
1538
|
}
|
|
1539
1539
|
|
|
1540
|
-
.
|
|
1540
|
+
._selectWithLabel_1e2ox_1012 > label {
|
|
1541
1541
|
font-size: var(--text-sm);
|
|
1542
1542
|
}
|
|
1543
1543
|
|
|
1544
|
-
.
|
|
1544
|
+
._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 {
|
|
1545
1545
|
border: 1px solid var(--baseBorder);
|
|
1546
1546
|
}
|
|
1547
1547
|
|
|
1548
|
-
.
|
|
1548
|
+
._toolbarTitleMode_1e2ox_1027 {
|
|
1549
1549
|
font-size: var(--text-sm);
|
|
1550
1550
|
margin-left: var(--spacing-2);
|
|
1551
1551
|
}
|
|
1552
1552
|
|
|
1553
|
-
.
|
|
1553
|
+
._imageControlWrapperResizing_1e2ox_1032 {
|
|
1554
1554
|
touch-action: none;
|
|
1555
1555
|
}
|
|
1556
1556
|
|
|
1557
|
-
.
|
|
1557
|
+
._imageResizer_1e2ox_1036 {
|
|
1558
1558
|
display: block;
|
|
1559
1559
|
width: 7px;
|
|
1560
1560
|
height: 7px;
|
|
@@ -1563,55 +1563,55 @@
|
|
|
1563
1563
|
border: 1px solid var(--baseBg);
|
|
1564
1564
|
}
|
|
1565
1565
|
|
|
1566
|
-
.
|
|
1566
|
+
._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 {
|
|
1567
1567
|
top: -6px;
|
|
1568
1568
|
left: 48%;
|
|
1569
1569
|
cursor: n-resize;
|
|
1570
1570
|
}
|
|
1571
1571
|
|
|
1572
|
-
.
|
|
1572
|
+
._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 {
|
|
1573
1573
|
top: -6px;
|
|
1574
1574
|
right: -6px;
|
|
1575
1575
|
cursor: ne-resize;
|
|
1576
1576
|
}
|
|
1577
1577
|
|
|
1578
|
-
.
|
|
1578
|
+
._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 {
|
|
1579
1579
|
bottom: 48%;
|
|
1580
1580
|
right: -6px;
|
|
1581
1581
|
cursor: e-resize;
|
|
1582
1582
|
}
|
|
1583
1583
|
|
|
1584
|
-
.
|
|
1584
|
+
._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 {
|
|
1585
1585
|
bottom: -2px;
|
|
1586
1586
|
right: -6px;
|
|
1587
1587
|
cursor: nwse-resize;
|
|
1588
1588
|
}
|
|
1589
1589
|
|
|
1590
|
-
.
|
|
1590
|
+
._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 {
|
|
1591
1591
|
bottom: -2px;
|
|
1592
1592
|
left: 48%;
|
|
1593
1593
|
cursor: s-resize;
|
|
1594
1594
|
}
|
|
1595
1595
|
|
|
1596
|
-
.
|
|
1596
|
+
._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 {
|
|
1597
1597
|
bottom: -2px;
|
|
1598
1598
|
left: -6px;
|
|
1599
1599
|
cursor: sw-resize;
|
|
1600
1600
|
}
|
|
1601
1601
|
|
|
1602
|
-
.
|
|
1602
|
+
._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 {
|
|
1603
1603
|
bottom: 48%;
|
|
1604
1604
|
left: -6px;
|
|
1605
1605
|
cursor: w-resize;
|
|
1606
1606
|
}
|
|
1607
1607
|
|
|
1608
|
-
.
|
|
1608
|
+
._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 {
|
|
1609
1609
|
top: -6px;
|
|
1610
1610
|
left: -6px;
|
|
1611
1611
|
cursor: nw-resize;
|
|
1612
1612
|
}
|
|
1613
1613
|
|
|
1614
|
-
.
|
|
1614
|
+
._imagePlaceholder_1e2ox_1093 {
|
|
1615
1615
|
border: 2px dashed;
|
|
1616
1616
|
padding: 48px;
|
|
1617
1617
|
margin: 12px;
|
|
@@ -1621,7 +1621,12 @@
|
|
|
1621
1621
|
height: fit-content;
|
|
1622
1622
|
}
|
|
1623
1623
|
|
|
1624
|
-
.
|
|
1624
|
+
._imageDimensionsContainer_1e2ox_1101 {
|
|
1625
|
+
display: flex;
|
|
1626
|
+
gap: var(--spacing-4);
|
|
1627
|
+
}
|
|
1628
|
+
|
|
1629
|
+
._placeholder_1e2ox_1106 {
|
|
1625
1630
|
color: var(--baseSolid);
|
|
1626
1631
|
overflow: hidden;
|
|
1627
1632
|
position: absolute;
|
|
@@ -1636,17 +1641,17 @@
|
|
|
1636
1641
|
pointer-events: none;
|
|
1637
1642
|
}
|
|
1638
1643
|
|
|
1639
|
-
.
|
|
1644
|
+
._rootContentEditableWrapper_1e2ox_1119 {
|
|
1640
1645
|
position: relative;
|
|
1641
1646
|
}
|
|
1642
1647
|
|
|
1643
|
-
.
|
|
1648
|
+
._downshiftContainer_1e2ox_1123 {
|
|
1644
1649
|
display: flex;
|
|
1645
1650
|
flex-direction: column;
|
|
1646
1651
|
align-items: stretch;
|
|
1647
1652
|
}
|
|
1648
1653
|
|
|
1649
|
-
.
|
|
1654
|
+
._downshiftInputWrapper_1e2ox_1129 {
|
|
1650
1655
|
display: flex;
|
|
1651
1656
|
align-items: center;
|
|
1652
1657
|
background-color: var(--baseBase);
|
|
@@ -1655,13 +1660,13 @@
|
|
|
1655
1660
|
border: 1px solid var(--baseBorder);
|
|
1656
1661
|
}
|
|
1657
1662
|
|
|
1658
|
-
.
|
|
1663
|
+
._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] {
|
|
1659
1664
|
border-bottom-left-radius: var(--radius-none);
|
|
1660
1665
|
border-bottom-right-radius: var(--radius-none);
|
|
1661
1666
|
border-bottom-width: 0;
|
|
1662
1667
|
}
|
|
1663
1668
|
|
|
1664
|
-
.
|
|
1669
|
+
._downshiftInputWrapper_1e2ox_1129 > button {
|
|
1665
1670
|
border: 0;
|
|
1666
1671
|
background-color: transparent;
|
|
1667
1672
|
font-size: inherit;
|
|
@@ -1674,7 +1679,7 @@
|
|
|
1674
1679
|
padding-right: var(--spacing-2);
|
|
1675
1680
|
}
|
|
1676
1681
|
|
|
1677
|
-
.
|
|
1682
|
+
._downshiftInput_1e2ox_1129 {
|
|
1678
1683
|
border: 0;
|
|
1679
1684
|
background-color: transparent;
|
|
1680
1685
|
font-size: inherit;
|
|
@@ -1689,19 +1694,19 @@
|
|
|
1689
1694
|
font-size: var(--text-sm);
|
|
1690
1695
|
}
|
|
1691
1696
|
|
|
1692
|
-
.
|
|
1697
|
+
._downshiftInput_1e2ox_1129::-moz-placeholder {
|
|
1693
1698
|
color: var(--baseBorder);
|
|
1694
1699
|
}
|
|
1695
1700
|
|
|
1696
|
-
.
|
|
1701
|
+
._downshiftInput_1e2ox_1129::placeholder {
|
|
1697
1702
|
color: var(--baseBorder);
|
|
1698
1703
|
}
|
|
1699
1704
|
|
|
1700
|
-
.
|
|
1705
|
+
._downshiftAutocompleteContainer_1e2ox_1160 {
|
|
1701
1706
|
position: relative;
|
|
1702
1707
|
}
|
|
1703
1708
|
|
|
1704
|
-
.
|
|
1709
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul {
|
|
1705
1710
|
all: unset;
|
|
1706
1711
|
box-sizing: border-box;
|
|
1707
1712
|
position: absolute;
|
|
@@ -1718,11 +1723,11 @@
|
|
|
1718
1723
|
background-color: var(--baseBase);
|
|
1719
1724
|
}
|
|
1720
1725
|
|
|
1721
|
-
.
|
|
1726
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] {
|
|
1722
1727
|
display: block;
|
|
1723
1728
|
}
|
|
1724
1729
|
|
|
1725
|
-
.
|
|
1730
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul li {
|
|
1726
1731
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1727
1732
|
white-space: nowrap;
|
|
1728
1733
|
margin-bottom: var(--spacing-1);
|
|
@@ -1730,20 +1735,20 @@
|
|
|
1730
1735
|
text-overflow: ellipsis;
|
|
1731
1736
|
}
|
|
1732
1737
|
|
|
1733
|
-
.
|
|
1738
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] {
|
|
1734
1739
|
background-color: var(--baseBgSubtle);
|
|
1735
1740
|
}
|
|
1736
1741
|
|
|
1737
|
-
.
|
|
1742
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] {
|
|
1738
1743
|
background-color: var(--baseBgHover);
|
|
1739
1744
|
}
|
|
1740
1745
|
|
|
1741
|
-
.
|
|
1746
|
+
._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type {
|
|
1742
1747
|
border-bottom-left-radius: var(--radius-medium);
|
|
1743
1748
|
border-bottom-right-radius: var(--radius-medium);
|
|
1744
1749
|
}
|
|
1745
1750
|
|
|
1746
|
-
.
|
|
1751
|
+
._textInput_1e2ox_1206 {
|
|
1747
1752
|
all: unset;
|
|
1748
1753
|
border-radius: var(--radius-base);
|
|
1749
1754
|
border: 1px solid var(--baseBorder);
|
|
@@ -1751,24 +1756,24 @@
|
|
|
1751
1756
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1752
1757
|
}
|
|
1753
1758
|
|
|
1754
|
-
form.
|
|
1759
|
+
form._multiFieldForm_1e2ox_1214 {
|
|
1755
1760
|
display: flex;
|
|
1756
1761
|
flex-direction: column;
|
|
1757
1762
|
padding: var(--spacing-2);
|
|
1758
1763
|
gap: var(--spacing-2);
|
|
1759
1764
|
}
|
|
1760
1765
|
|
|
1761
|
-
form.
|
|
1766
|
+
form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 {
|
|
1762
1767
|
display: flex;
|
|
1763
1768
|
flex-direction: column;
|
|
1764
1769
|
gap: var(--spacing-2);
|
|
1765
1770
|
}
|
|
1766
1771
|
|
|
1767
|
-
form.
|
|
1772
|
+
form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label {
|
|
1768
1773
|
font-size: var(--text-xs);
|
|
1769
1774
|
}
|
|
1770
1775
|
|
|
1771
|
-
.
|
|
1776
|
+
._markdownParseError_1e2ox_1231 {
|
|
1772
1777
|
border-radius: var(--radius-base);
|
|
1773
1778
|
border: 1px solid var(--error-color);
|
|
1774
1779
|
padding: var(--spacing-2);
|
|
@@ -1777,20 +1782,20 @@ form._multiFieldForm_sects_1209 ._formField_sects_1215 label {
|
|
|
1777
1782
|
font-size: var(--text-xs);
|
|
1778
1783
|
}
|
|
1779
1784
|
|
|
1780
|
-
.
|
|
1785
|
+
._popupContainer_1e2ox_1240 {
|
|
1781
1786
|
position: relative;
|
|
1782
1787
|
z-index: 2;
|
|
1783
1788
|
}
|
|
1784
1789
|
|
|
1785
|
-
.
|
|
1790
|
+
._inputSizer_1e2ox_1245 {
|
|
1786
1791
|
display: inline-grid;
|
|
1787
1792
|
vertical-align: baseline;
|
|
1788
1793
|
align-items: center;
|
|
1789
1794
|
position: relative;
|
|
1790
1795
|
}
|
|
1791
1796
|
|
|
1792
|
-
.
|
|
1793
|
-
.
|
|
1797
|
+
._inputSizer_1e2ox_1245::after,
|
|
1798
|
+
._inputSizer_1e2ox_1245 input {
|
|
1794
1799
|
width: auto;
|
|
1795
1800
|
min-width: 1rem;
|
|
1796
1801
|
grid-area: 1 / 2;
|
|
@@ -1806,11 +1811,11 @@ form._multiFieldForm_sects_1209 ._formField_sects_1215 label {
|
|
|
1806
1811
|
color: inherit;
|
|
1807
1812
|
}
|
|
1808
1813
|
|
|
1809
|
-
.
|
|
1814
|
+
._inputSizer_1e2ox_1245 span {
|
|
1810
1815
|
padding: 0.25em;
|
|
1811
1816
|
}
|
|
1812
1817
|
|
|
1813
|
-
.
|
|
1818
|
+
._inputSizer_1e2ox_1245::after {
|
|
1814
1819
|
content: attr(data-value);
|
|
1815
1820
|
white-space: pre-wrap;
|
|
1816
1821
|
}
|