@mdxeditor/editor 3.0.3 → 3.0.4
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/style.css +271 -252
- package/dist/styles/ui.module.css.js +104 -104
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -335,7 +335,7 @@
|
|
|
335
335
|
.mdxeditor hr.selected[data-lexical-decorator=true] {
|
|
336
336
|
outline: 2px solid highlight;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
._editorRoot_1qea1_40 {
|
|
339
339
|
--accentBase: var(--blue-1);
|
|
340
340
|
--accentBgSubtle: var(--blue-2);
|
|
341
341
|
--accentBg: var(--blue-3);
|
|
@@ -436,13 +436,13 @@
|
|
|
436
436
|
color: var(--baseText);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
._editorWrapper_1qea1_141 {}
|
|
440
440
|
|
|
441
|
-
.
|
|
441
|
+
._nestedListItem_1qea1_143 {
|
|
442
442
|
list-style: none;
|
|
443
443
|
}
|
|
444
444
|
|
|
445
|
-
.
|
|
445
|
+
._toolbarRoot_1qea1_147 {
|
|
446
446
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
447
447
|
z-index: 1;
|
|
448
448
|
display: flex;
|
|
@@ -458,23 +458,23 @@
|
|
|
458
458
|
width: inherit;
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
.
|
|
461
|
+
._toolbarRoot_1qea1_147 div[role=separator] {
|
|
462
462
|
margin: var(--spacing-2) var(--spacing-1);
|
|
463
463
|
border-left: 1px solid var(--baseBorder);
|
|
464
464
|
border-right: 1px solid var(--baseBase);
|
|
465
465
|
height: var(--spacing-4);
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
.
|
|
468
|
+
._readOnlyToolbarRoot_1qea1_170 {
|
|
469
469
|
pointer-events: none;
|
|
470
470
|
background: var(--baseBase);
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
-
.
|
|
473
|
+
._readOnlyToolbarRoot_1qea1_170>div {
|
|
474
474
|
opacity: 0.5;
|
|
475
475
|
}
|
|
476
476
|
|
|
477
|
-
.
|
|
477
|
+
._toolbarModeSwitch_1qea1_179 {
|
|
478
478
|
opacity: 1 !important;
|
|
479
479
|
margin-left: auto;
|
|
480
480
|
align-self: stretch;
|
|
@@ -485,37 +485,37 @@
|
|
|
485
485
|
font-size: var(--text-xs);
|
|
486
486
|
}
|
|
487
487
|
|
|
488
|
-
.
|
|
488
|
+
._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189 {
|
|
489
489
|
padding-inline-end: var(--spacing-4);
|
|
490
490
|
padding-inline-start: var(--spacing-4);
|
|
491
491
|
}
|
|
492
492
|
|
|
493
|
-
.
|
|
494
|
-
.
|
|
493
|
+
._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:active,
|
|
494
|
+
._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189[data-state=on] {
|
|
495
495
|
background-color: var(--baseBorder);
|
|
496
496
|
}
|
|
497
497
|
|
|
498
|
-
.
|
|
498
|
+
._toolbarGroupOfGroups_1qea1_200 {
|
|
499
499
|
display: flex;
|
|
500
500
|
margin: 0 var(--spacing-1);
|
|
501
501
|
}
|
|
502
502
|
|
|
503
|
-
.
|
|
504
|
-
.
|
|
505
|
-
.
|
|
503
|
+
._toolbarToggleSingleGroup_1qea1_205:first-of-type ._toolbarToggleItem_1qea1_189:only-child,
|
|
504
|
+
._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:first-child,
|
|
505
|
+
._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:first-child {
|
|
506
506
|
border-top-left-radius: var(--radius-base);
|
|
507
507
|
border-bottom-left-radius: var(--radius-base);
|
|
508
508
|
}
|
|
509
509
|
|
|
510
|
-
.
|
|
511
|
-
.
|
|
512
|
-
.
|
|
510
|
+
._toolbarToggleSingleGroup_1qea1_205:last-of-type ._toolbarToggleItem_1qea1_189:only-child,
|
|
511
|
+
._toolbarToggleSingleGroup_1qea1_205:only-child ._toolbarToggleItem_1qea1_189:last-child,
|
|
512
|
+
._toolbarModeSwitch_1qea1_179 ._toolbarToggleItem_1qea1_189:last-child {
|
|
513
513
|
border-top-right-radius: var(--radius-base);
|
|
514
514
|
border-bottom-right-radius: var(--radius-base);
|
|
515
515
|
}
|
|
516
516
|
|
|
517
|
-
.
|
|
518
|
-
.
|
|
517
|
+
._toolbarToggleItem_1qea1_189,
|
|
518
|
+
._toolbarButton_1qea1_220 {
|
|
519
519
|
border: 0;
|
|
520
520
|
background-color: transparent;
|
|
521
521
|
font-size: inherit;
|
|
@@ -528,47 +528,49 @@
|
|
|
528
528
|
padding: var(--spacing-1);
|
|
529
529
|
}
|
|
530
530
|
|
|
531
|
-
.
|
|
531
|
+
._toolbarToggleItem_1qea1_189 svg, ._toolbarButton_1qea1_220 svg {
|
|
532
532
|
display: block;
|
|
533
533
|
}
|
|
534
534
|
|
|
535
|
-
|
|
536
|
-
|
|
535
|
+
@media (hover: hover) {
|
|
536
|
+
._toolbarToggleItem_1qea1_189:hover, ._toolbarButton_1qea1_220:hover {
|
|
537
|
+
background-color: var(--baseBgActive);
|
|
538
|
+
}
|
|
537
539
|
}
|
|
538
540
|
|
|
539
|
-
.
|
|
541
|
+
._toolbarToggleItem_1qea1_189:active svg, ._toolbarButton_1qea1_220:active svg {
|
|
540
542
|
transform: translate(1px, 1px);
|
|
541
543
|
}
|
|
542
544
|
|
|
543
|
-
.
|
|
544
|
-
.
|
|
545
|
-
.
|
|
546
|
-
.
|
|
545
|
+
._toolbarToggleItem_1qea1_189[data-state=on],
|
|
546
|
+
._toolbarButton_1qea1_220[data-state=on],
|
|
547
|
+
._toolbarToggleItem_1qea1_189:active,
|
|
548
|
+
._toolbarButton_1qea1_220:active {
|
|
547
549
|
color: var(--baseTextContrast);
|
|
548
550
|
background-color: var(--baseBgActive);
|
|
549
551
|
}
|
|
550
552
|
|
|
551
|
-
.
|
|
553
|
+
._toolbarToggleItem_1qea1_189[data-disabled], ._toolbarButton_1qea1_220[data-disabled] {
|
|
552
554
|
pointer-events: none;
|
|
553
555
|
color: var(--baseBorderHover);
|
|
554
556
|
}
|
|
555
557
|
|
|
556
|
-
.
|
|
558
|
+
._toolbarButton_1qea1_220 {
|
|
557
559
|
border-radius: var(--radius-base);
|
|
558
560
|
}
|
|
559
561
|
|
|
560
|
-
.
|
|
562
|
+
._activeToolbarButton_1qea1_254 {
|
|
561
563
|
color: var(--accentText);
|
|
562
564
|
}
|
|
563
565
|
|
|
564
|
-
.
|
|
566
|
+
._toolbarToggleSingleGroup_1qea1_205 {
|
|
565
567
|
white-space: nowrap;
|
|
566
568
|
}
|
|
567
569
|
|
|
568
|
-
.
|
|
569
|
-
.
|
|
570
|
-
.
|
|
571
|
-
.
|
|
570
|
+
._toolbarNodeKindSelectContainer_1qea1_262,
|
|
571
|
+
._toolbarButtonDropdownContainer_1qea1_263,
|
|
572
|
+
._toolbarCodeBlockLanguageSelectContent_1qea1_264,
|
|
573
|
+
._selectContainer_1qea1_265 {
|
|
572
574
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
573
575
|
z-index: 3;
|
|
574
576
|
width: var(--spacing-36);
|
|
@@ -578,17 +580,17 @@
|
|
|
578
580
|
font-size: var(--text-sm);
|
|
579
581
|
}
|
|
580
582
|
|
|
581
|
-
.
|
|
583
|
+
._toolbarButtonDropdownContainer_1qea1_263 {
|
|
582
584
|
border-top-right-radius: var(--radius-base);
|
|
583
585
|
}
|
|
584
586
|
|
|
585
|
-
.
|
|
587
|
+
._toolbarButtonDropdownContainer_1qea1_263 ._selectItem_1qea1_278:first-child {
|
|
586
588
|
border-top-right-radius: var(--radius-base);
|
|
587
589
|
}
|
|
588
590
|
|
|
589
|
-
.
|
|
590
|
-
.
|
|
591
|
-
.
|
|
591
|
+
._toolbarNodeKindSelectTrigger_1qea1_283,
|
|
592
|
+
._toolbarButtonSelectTrigger_1qea1_284,
|
|
593
|
+
._selectTrigger_1qea1_285 {
|
|
592
594
|
border: 0;
|
|
593
595
|
background-color: transparent;
|
|
594
596
|
display: flex;
|
|
@@ -604,62 +606,62 @@
|
|
|
604
606
|
margin: 0 var(--spacing-1);
|
|
605
607
|
}
|
|
606
608
|
|
|
607
|
-
.
|
|
609
|
+
._toolbarNodeKindSelectTrigger_1qea1_283[data-state=open], ._toolbarButtonSelectTrigger_1qea1_284[data-state=open], ._selectTrigger_1qea1_285[data-state=open] {
|
|
608
610
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
609
611
|
border-bottom-right-radius: var(--radius-none);
|
|
610
612
|
border-bottom-left-radius: var(--radius-none);
|
|
611
613
|
}
|
|
612
614
|
|
|
613
|
-
.
|
|
615
|
+
._selectTrigger_1qea1_285[data-placeholder]>span:first-child {
|
|
614
616
|
color: var(--baseBorderHover);
|
|
615
617
|
}
|
|
616
618
|
|
|
617
619
|
/** used in the sandpack */
|
|
618
|
-
.
|
|
620
|
+
._toolbarButtonSelectTrigger_1qea1_284 {
|
|
619
621
|
width: auto;
|
|
620
622
|
padding-inline-start: var(--spacing-2);
|
|
621
623
|
padding-inline-end: var(--spacing-1);
|
|
622
624
|
padding-block: var(--spacing-0_5);
|
|
623
625
|
}
|
|
624
626
|
|
|
625
|
-
.
|
|
626
|
-
.
|
|
627
|
+
._toolbarCodeBlockLanguageSelectTrigger_1qea1_319,
|
|
628
|
+
._toolbarCodeBlockLanguageSelectContent_1qea1_264 {
|
|
627
629
|
width: var(--spacing-48);
|
|
628
630
|
}
|
|
629
631
|
|
|
630
|
-
.
|
|
631
|
-
.
|
|
632
|
+
._toolbarNodeKindSelectItem_1qea1_324,
|
|
633
|
+
._selectItem_1qea1_278 {
|
|
632
634
|
cursor: default;
|
|
633
635
|
display: flex;
|
|
634
636
|
padding: var(--spacing-2);
|
|
635
637
|
}
|
|
636
638
|
|
|
637
|
-
.
|
|
639
|
+
._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
|
|
638
640
|
background-color: var(--baseBg);
|
|
639
641
|
}
|
|
640
642
|
|
|
641
|
-
.
|
|
643
|
+
._toolbarNodeKindSelectItem_1qea1_324[data-state=checked], ._selectItem_1qea1_278[data-state=checked] {
|
|
642
644
|
color: var(--baseTextContrast);
|
|
643
645
|
background-color: var(--baseBg);
|
|
644
646
|
}
|
|
645
647
|
|
|
646
|
-
.
|
|
648
|
+
._toolbarNodeKindSelectItem_1qea1_324[data-highlighted], ._selectItem_1qea1_278[data-highlighted] {
|
|
647
649
|
outline: none;
|
|
648
650
|
}
|
|
649
651
|
|
|
650
|
-
.
|
|
652
|
+
._toolbarNodeKindSelectItem_1qea1_324:last-child, ._selectItem_1qea1_278:last-child {
|
|
651
653
|
border-bottom-left-radius: var(--radius-base);
|
|
652
654
|
border-bottom-right-radius: var(--radius-base);
|
|
653
655
|
}
|
|
654
656
|
|
|
655
|
-
.
|
|
656
|
-
.
|
|
657
|
+
._toolbarNodeKindSelectDropdownArrow_1qea1_349,
|
|
658
|
+
._selectDropdownArrow_1qea1_350 {
|
|
657
659
|
margin-left: auto;
|
|
658
660
|
display: flex;
|
|
659
661
|
align-items: center;
|
|
660
662
|
}
|
|
661
663
|
|
|
662
|
-
.
|
|
664
|
+
._contentEditable_1qea1_356 {
|
|
663
665
|
box-sizing: border-box;
|
|
664
666
|
width: 100%;
|
|
665
667
|
color: var(--baseTextContrast);
|
|
@@ -667,11 +669,11 @@
|
|
|
667
669
|
padding: var(--spacing-3);
|
|
668
670
|
}
|
|
669
671
|
|
|
670
|
-
.
|
|
672
|
+
._contentEditable_1qea1_356:focus {
|
|
671
673
|
outline: none;
|
|
672
674
|
}
|
|
673
675
|
|
|
674
|
-
.
|
|
676
|
+
._codeMirrorWrapper_1qea1_368 {
|
|
675
677
|
margin-bottom: var(--spacing-5);
|
|
676
678
|
border: 1px solid var(--baseLine);
|
|
677
679
|
border-radius: var(--radius-medium);
|
|
@@ -679,17 +681,17 @@
|
|
|
679
681
|
padding: 0.8rem;
|
|
680
682
|
}
|
|
681
683
|
|
|
682
|
-
.
|
|
684
|
+
._frontmatterWrapper_1qea1_376 {
|
|
683
685
|
border-radius: var(--radius-medium);
|
|
684
686
|
padding: var(--spacing-3);
|
|
685
687
|
background-color: var(--baseBgSubtle);
|
|
686
688
|
}
|
|
687
689
|
|
|
688
|
-
.
|
|
690
|
+
._frontmatterWrapper_1qea1_376[data-expanded=true] {
|
|
689
691
|
margin-bottom: var(--spacing-10);
|
|
690
692
|
}
|
|
691
693
|
|
|
692
|
-
.
|
|
694
|
+
._frontmatterToggleButton_1qea1_386 {
|
|
693
695
|
border: 0;
|
|
694
696
|
background-color: transparent;
|
|
695
697
|
font-size: inherit;
|
|
@@ -705,7 +707,7 @@
|
|
|
705
707
|
font-size: var(--text-sm);
|
|
706
708
|
}
|
|
707
709
|
|
|
708
|
-
.
|
|
710
|
+
._propertyPanelTitle_1qea1_394 {
|
|
709
711
|
font-size: var(--text-xs);
|
|
710
712
|
font-weight: 400;
|
|
711
713
|
margin: 0;
|
|
@@ -713,49 +715,49 @@
|
|
|
713
715
|
padding-left: var(--spacing-2);
|
|
714
716
|
}
|
|
715
717
|
|
|
716
|
-
.
|
|
718
|
+
._propertyEditorTable_1qea1_402 {
|
|
717
719
|
table-layout: fixed;
|
|
718
720
|
border-spacing: var(--spacing-2);
|
|
719
721
|
}
|
|
720
722
|
|
|
721
|
-
.
|
|
723
|
+
._propertyEditorTable_1qea1_402 th {
|
|
722
724
|
text-align: left;
|
|
723
725
|
font-size: var(--text-sm);
|
|
724
726
|
padding: var(--spacing-2) var(--spacing-3);
|
|
725
727
|
}
|
|
726
728
|
|
|
727
|
-
.
|
|
729
|
+
._propertyEditorTable_1qea1_402 col:nth-child(1) {
|
|
728
730
|
width: 30%;
|
|
729
731
|
}
|
|
730
732
|
|
|
731
|
-
.
|
|
733
|
+
._propertyEditorTable_1qea1_402 col:nth-child(2) {
|
|
732
734
|
width: 70%;
|
|
733
735
|
}
|
|
734
736
|
|
|
735
|
-
.
|
|
737
|
+
._propertyEditorTable_1qea1_402 td:last-child ._iconButton_1qea1_420 {
|
|
736
738
|
margin-left: var(--spacing-4);
|
|
737
739
|
margin-right: var(--spacing-4);
|
|
738
740
|
}
|
|
739
741
|
|
|
740
|
-
.
|
|
742
|
+
._propertyEditorTable_1qea1_402 ._readOnlyColumnCell_1qea1_425 {
|
|
741
743
|
padding-left: 0;
|
|
742
744
|
}
|
|
743
745
|
|
|
744
|
-
.
|
|
746
|
+
._propertyEditorLabelCell_1qea1_430 {
|
|
745
747
|
font-weight: 400;
|
|
746
748
|
}
|
|
747
749
|
|
|
748
|
-
.
|
|
750
|
+
._readOnlyColumnCell_1qea1_425 {
|
|
749
751
|
padding-left: 0;
|
|
750
752
|
}
|
|
751
753
|
|
|
752
|
-
.
|
|
754
|
+
._buttonsFooter_1qea1_438 {
|
|
753
755
|
display: flex;
|
|
754
756
|
justify-content: flex-end;
|
|
755
757
|
gap: var(--spacing-2);
|
|
756
758
|
}
|
|
757
759
|
|
|
758
|
-
.
|
|
760
|
+
._propertyEditorInput_1qea1_444 {
|
|
759
761
|
border: 0;
|
|
760
762
|
background-color: transparent;
|
|
761
763
|
font-size: inherit;
|
|
@@ -773,7 +775,7 @@
|
|
|
773
775
|
font-size: var(--text-sm);
|
|
774
776
|
}
|
|
775
777
|
|
|
776
|
-
.
|
|
778
|
+
._iconButton_1qea1_420 {
|
|
777
779
|
border: 0;
|
|
778
780
|
background-color: transparent;
|
|
779
781
|
font-size: inherit;
|
|
@@ -786,17 +788,19 @@
|
|
|
786
788
|
color: var(--baseText);
|
|
787
789
|
}
|
|
788
790
|
|
|
789
|
-
|
|
790
|
-
|
|
791
|
+
@media (hover: hover) {
|
|
792
|
+
._iconButton_1qea1_420:hover {
|
|
793
|
+
color: var(--accentText);
|
|
794
|
+
}
|
|
791
795
|
}
|
|
792
796
|
|
|
793
|
-
.
|
|
794
|
-
.
|
|
797
|
+
._iconButton_1qea1_420:disabled,
|
|
798
|
+
._iconButton_1qea1_420:disabled:hover {
|
|
795
799
|
color: var(--baseLine);
|
|
796
800
|
}
|
|
797
801
|
|
|
798
|
-
.
|
|
799
|
-
.
|
|
802
|
+
._primaryButton_1qea1_470,
|
|
803
|
+
._secondaryButton_1qea1_471 {
|
|
800
804
|
border: 0;
|
|
801
805
|
background-color: transparent;
|
|
802
806
|
font-size: inherit;
|
|
@@ -814,30 +818,30 @@
|
|
|
814
818
|
border-radius: var(--radius-medium);
|
|
815
819
|
}
|
|
816
820
|
|
|
817
|
-
.
|
|
821
|
+
._primaryButton_1qea1_470:disabled, ._secondaryButton_1qea1_471:disabled {
|
|
818
822
|
background: var(--accentLine);
|
|
819
823
|
border-color: var(--accentBg);
|
|
820
824
|
}
|
|
821
825
|
|
|
822
|
-
.
|
|
826
|
+
._smallButton_1qea1_486 {
|
|
823
827
|
font-size: var(--text-xs);
|
|
824
828
|
padding: var(--spacing-1) var(--spacing-2);
|
|
825
829
|
border-radius: var(--radius-base);
|
|
826
830
|
}
|
|
827
831
|
|
|
828
|
-
.
|
|
832
|
+
._secondaryButton_1qea1_471 {
|
|
829
833
|
border: 1px solid var(--baseBorder);
|
|
830
834
|
background-color: var(--baseSolidHover);
|
|
831
835
|
color: var(--baseBase);
|
|
832
836
|
}
|
|
833
837
|
|
|
834
|
-
.
|
|
838
|
+
._dialogForm_1qea1_498 {
|
|
835
839
|
display: flex;
|
|
836
840
|
flex-direction: row;
|
|
837
841
|
gap: var(--spacing-2);
|
|
838
842
|
}
|
|
839
843
|
|
|
840
|
-
.
|
|
844
|
+
._linkDialogEditForm_1qea1_504 {
|
|
841
845
|
display: flex;
|
|
842
846
|
flex-direction: column;
|
|
843
847
|
align-items: stretch;
|
|
@@ -845,13 +849,13 @@
|
|
|
845
849
|
padding: 0;
|
|
846
850
|
}
|
|
847
851
|
|
|
848
|
-
.
|
|
852
|
+
._linkDialogInputContainer_1qea1_512 {
|
|
849
853
|
display: flex;
|
|
850
854
|
flex-direction: column;
|
|
851
855
|
align-items: stretch;
|
|
852
856
|
}
|
|
853
857
|
|
|
854
|
-
.
|
|
858
|
+
._linkDialogInputWrapper_1qea1_518 {
|
|
855
859
|
display: flex;
|
|
856
860
|
align-items: center;
|
|
857
861
|
background-color: var(--baseBase);
|
|
@@ -860,13 +864,13 @@
|
|
|
860
864
|
border: 1px solid var(--baseBorder);
|
|
861
865
|
}
|
|
862
866
|
|
|
863
|
-
.
|
|
867
|
+
._linkDialogInputWrapper_1qea1_518[data-visible-dropdown=true] {
|
|
864
868
|
border-bottom-left-radius: var(--radius-none);
|
|
865
869
|
border-bottom-right-radius: var(--radius-none);
|
|
866
870
|
border-bottom-width: 0;
|
|
867
871
|
}
|
|
868
872
|
|
|
869
|
-
.
|
|
873
|
+
._linkDialogInputWrapper_1qea1_518>button {
|
|
870
874
|
border: 0;
|
|
871
875
|
background-color: transparent;
|
|
872
876
|
font-size: inherit;
|
|
@@ -879,8 +883,8 @@
|
|
|
879
883
|
padding-right: var(--spacing-2);
|
|
880
884
|
}
|
|
881
885
|
|
|
882
|
-
.
|
|
883
|
-
.
|
|
886
|
+
._linkDialogInput_1qea1_512,
|
|
887
|
+
._dialogInput_1qea1_539 {
|
|
884
888
|
border: 0;
|
|
885
889
|
background-color: transparent;
|
|
886
890
|
font-size: inherit;
|
|
@@ -895,31 +899,31 @@
|
|
|
895
899
|
font-size: var(--text-sm);
|
|
896
900
|
}
|
|
897
901
|
|
|
898
|
-
.
|
|
902
|
+
._linkDialogInput_1qea1_512::-moz-placeholder, ._dialogInput_1qea1_539::-moz-placeholder {
|
|
899
903
|
color: var(--baseBorder);
|
|
900
904
|
}
|
|
901
905
|
|
|
902
|
-
.
|
|
906
|
+
._linkDialogInput_1qea1_512::placeholder, ._dialogInput_1qea1_539::placeholder {
|
|
903
907
|
color: var(--baseBorder);
|
|
904
908
|
}
|
|
905
909
|
|
|
906
|
-
.
|
|
910
|
+
._linkDialogAnchor_1qea1_550 {
|
|
907
911
|
position: fixed;
|
|
908
912
|
background-color: highlight;
|
|
909
913
|
z-index: -1;
|
|
910
914
|
}
|
|
911
915
|
|
|
912
|
-
.
|
|
916
|
+
._linkDialogAnchor_1qea1_550[data-visible=true] {
|
|
913
917
|
visibility: visible;
|
|
914
918
|
}
|
|
915
919
|
|
|
916
|
-
.
|
|
920
|
+
._linkDialogAnchor_1qea1_550[data-visible=false] {
|
|
917
921
|
visibility: hidden;
|
|
918
922
|
}
|
|
919
923
|
|
|
920
|
-
.
|
|
921
|
-
.
|
|
922
|
-
.
|
|
924
|
+
._linkDialogPopoverContent_1qea1_564,
|
|
925
|
+
._tableColumnEditorPopoverContent_1qea1_565,
|
|
926
|
+
._dialogContent_1qea1_566 {
|
|
923
927
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
924
928
|
display: flex;
|
|
925
929
|
align-items: center;
|
|
@@ -931,7 +935,7 @@
|
|
|
931
935
|
font-size: var(--text-sm);
|
|
932
936
|
}
|
|
933
937
|
|
|
934
|
-
.
|
|
938
|
+
._largeDialogContent_1qea1_578 {
|
|
935
939
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
936
940
|
gap: var(--spacing-0_5);
|
|
937
941
|
border-radius: var(--radius-medium);
|
|
@@ -941,13 +945,13 @@
|
|
|
941
945
|
font-size: var(--text-sm);
|
|
942
946
|
}
|
|
943
947
|
|
|
944
|
-
.
|
|
948
|
+
._dialogTitle_1qea1_588 {
|
|
945
949
|
font-size: var(--text-base);
|
|
946
950
|
font-weight: 600;
|
|
947
951
|
padding-left: var(--spacing-2);
|
|
948
952
|
}
|
|
949
953
|
|
|
950
|
-
.
|
|
954
|
+
._dialogCloseButton_1qea1_594 {
|
|
951
955
|
border: 0;
|
|
952
956
|
background-color: transparent;
|
|
953
957
|
font-size: inherit;
|
|
@@ -962,7 +966,7 @@
|
|
|
962
966
|
right: 10px;
|
|
963
967
|
}
|
|
964
968
|
|
|
965
|
-
.
|
|
969
|
+
._popoverContent_1qea1_601 {
|
|
966
970
|
filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
|
|
967
971
|
display: flex;
|
|
968
972
|
align-items: center;
|
|
@@ -974,11 +978,11 @@
|
|
|
974
978
|
z-index: 1;
|
|
975
979
|
}
|
|
976
980
|
|
|
977
|
-
.
|
|
981
|
+
._popoverArrow_1qea1_613 {
|
|
978
982
|
fill: var(--basePageBg);
|
|
979
983
|
}
|
|
980
984
|
|
|
981
|
-
.
|
|
985
|
+
._linkDialogPreviewAnchor_1qea1_617 {
|
|
982
986
|
margin-right: var(--spacing-3);
|
|
983
987
|
display: flex;
|
|
984
988
|
align-items: flex-start;
|
|
@@ -988,24 +992,24 @@
|
|
|
988
992
|
border: 1px solid transparent;
|
|
989
993
|
}
|
|
990
994
|
|
|
991
|
-
.
|
|
995
|
+
._linkDialogPreviewAnchor_1qea1_617 svg {
|
|
992
996
|
width: var(--spacing-5);
|
|
993
997
|
height: var(--spacing-5);
|
|
994
998
|
margin-left: var(--spacing-2);
|
|
995
999
|
}
|
|
996
1000
|
|
|
997
|
-
.
|
|
1001
|
+
._linkDialogPreviewAnchor_1qea1_617 span {
|
|
998
1002
|
max-width: 14rem;
|
|
999
1003
|
overflow-x: hidden;
|
|
1000
1004
|
text-overflow: ellipsis;
|
|
1001
1005
|
white-space: nowrap;
|
|
1002
1006
|
}
|
|
1003
1007
|
|
|
1004
|
-
.
|
|
1008
|
+
._tooltipTrigger_1qea1_640 {
|
|
1005
1009
|
align-self: center;
|
|
1006
1010
|
}
|
|
1007
1011
|
|
|
1008
|
-
.
|
|
1012
|
+
._tooltipContent_1qea1_644 {
|
|
1009
1013
|
z-index: 2;
|
|
1010
1014
|
position: relative;
|
|
1011
1015
|
border-radius: var(--radius-medium);
|
|
@@ -1015,11 +1019,11 @@
|
|
|
1015
1019
|
color: var(--baseBase);
|
|
1016
1020
|
}
|
|
1017
1021
|
|
|
1018
|
-
.
|
|
1022
|
+
._tooltipContent_1qea1_644 svg {
|
|
1019
1023
|
fill: var(--baseText);
|
|
1020
1024
|
}
|
|
1021
1025
|
|
|
1022
|
-
.
|
|
1026
|
+
._actionButton_1qea1_658 {
|
|
1023
1027
|
border: 0;
|
|
1024
1028
|
background-color: transparent;
|
|
1025
1029
|
font-size: inherit;
|
|
@@ -1034,35 +1038,39 @@
|
|
|
1034
1038
|
border-radius: var(--radius-medium);
|
|
1035
1039
|
}
|
|
1036
1040
|
|
|
1037
|
-
.
|
|
1041
|
+
._actionButton_1qea1_658 svg {
|
|
1038
1042
|
display: block;
|
|
1039
1043
|
}
|
|
1040
1044
|
|
|
1041
|
-
|
|
1042
|
-
|
|
1045
|
+
@media (hover: hover) {
|
|
1046
|
+
._actionButton_1qea1_658:hover {
|
|
1047
|
+
background-color: var(--baseBgHover);
|
|
1048
|
+
}
|
|
1043
1049
|
}
|
|
1044
1050
|
|
|
1045
|
-
.
|
|
1051
|
+
._actionButton_1qea1_658:active svg {
|
|
1046
1052
|
transform: translate(1px, 1px);
|
|
1047
1053
|
}
|
|
1048
1054
|
|
|
1049
|
-
.
|
|
1050
|
-
.
|
|
1055
|
+
._actionButton_1qea1_658[data-state=on],
|
|
1056
|
+
._actionButton_1qea1_658:active {
|
|
1051
1057
|
background-color: var(--baseBgHover);
|
|
1052
1058
|
color: var(--baseTextContrast);
|
|
1053
1059
|
}
|
|
1054
1060
|
|
|
1055
|
-
.
|
|
1061
|
+
._primaryActionButton_1qea1_664 {
|
|
1056
1062
|
background-color: var(--accentSolid);
|
|
1057
1063
|
color: var(--baseBase);
|
|
1058
1064
|
}
|
|
1059
1065
|
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1066
|
+
@media (hover: hover) {
|
|
1067
|
+
._primaryActionButton_1qea1_664:hover {
|
|
1068
|
+
background-color: var(--accentSolidHover);
|
|
1069
|
+
color: var(--baseBase);
|
|
1070
|
+
}
|
|
1063
1071
|
}
|
|
1064
1072
|
|
|
1065
|
-
.
|
|
1073
|
+
._tableEditor_1qea1_676 {
|
|
1066
1074
|
table-layout: fixed;
|
|
1067
1075
|
width: 100%;
|
|
1068
1076
|
height: 100%;
|
|
@@ -1070,59 +1078,62 @@
|
|
|
1070
1078
|
border-collapse: collapse;
|
|
1071
1079
|
}
|
|
1072
1080
|
|
|
1073
|
-
.
|
|
1081
|
+
._tableEditor_1qea1_676 thead>tr>th {
|
|
1074
1082
|
text-align: right;
|
|
1075
1083
|
}
|
|
1076
1084
|
|
|
1077
|
-
.
|
|
1078
|
-
.
|
|
1085
|
+
._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),
|
|
1086
|
+
._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type) {
|
|
1079
1087
|
border: 1px solid var(--baseBgActive);
|
|
1080
1088
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1081
1089
|
white-space: normal;
|
|
1082
1090
|
}
|
|
1083
1091
|
|
|
1084
|
-
:is(.
|
|
1092
|
+
:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div {
|
|
1085
1093
|
outline: none;
|
|
1086
1094
|
}
|
|
1087
1095
|
|
|
1088
|
-
:is(.
|
|
1096
|
+
:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type))>div>p {
|
|
1089
1097
|
margin: 0;
|
|
1090
1098
|
}
|
|
1091
1099
|
|
|
1092
|
-
[data-active=true]:is(.
|
|
1100
|
+
[data-active=true]:is(._tableEditor_1qea1_676>tbody>tr>td:not(._toolCell_1qea1_687),._tableEditor_1qea1_676>tbody>tr>th:not(._toolCell_1qea1_687):not(:last-of-type)) {
|
|
1093
1101
|
outline: solid 1px var(--baseSolid);
|
|
1094
1102
|
}
|
|
1095
1103
|
|
|
1096
|
-
.
|
|
1097
|
-
.
|
|
1098
|
-
.
|
|
1099
|
-
.
|
|
1100
|
-
.
|
|
1104
|
+
._tableEditor_1qea1_676 ._tableColumnEditorTrigger_1qea1_706,
|
|
1105
|
+
._tableEditor_1qea1_676 ._tableRowEditorTrigger_1qea1_707,
|
|
1106
|
+
._tableEditor_1qea1_676 ._addRowButton_1qea1_708,
|
|
1107
|
+
._tableEditor_1qea1_676 ._addColumnButton_1qea1_709,
|
|
1108
|
+
._tableEditor_1qea1_676 ._iconButton_1qea1_420 {
|
|
1101
1109
|
opacity: .15;
|
|
1102
1110
|
}
|
|
1103
1111
|
|
|
1104
|
-
|
|
1105
|
-
._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699,
|
|
1106
|
-
._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700,
|
|
1107
|
-
._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701,
|
|
1108
|
-
._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
|
|
1109
|
-
opacity: 0.3;
|
|
1110
|
-
}
|
|
1112
|
+
@media (hover: hover) {
|
|
1111
1113
|
|
|
1112
|
-
.
|
|
1113
|
-
|
|
1114
|
+
._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706,
|
|
1115
|
+
._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707,
|
|
1116
|
+
._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708,
|
|
1117
|
+
._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709,
|
|
1118
|
+
._tableEditor_1qea1_676:hover ._iconButton_1qea1_420 {
|
|
1119
|
+
opacity: 0.3;
|
|
1114
1120
|
}
|
|
1115
1121
|
|
|
1116
|
-
.
|
|
1122
|
+
._tableEditor_1qea1_676:hover ._tableColumnEditorTrigger_1qea1_706:hover, ._tableEditor_1qea1_676:hover ._tableRowEditorTrigger_1qea1_707:hover, ._tableEditor_1qea1_676:hover ._addRowButton_1qea1_708:hover, ._tableEditor_1qea1_676:hover ._addColumnButton_1qea1_709:hover, ._tableEditor_1qea1_676:hover ._iconButton_1qea1_420:hover {
|
|
1123
|
+
opacity: 1;
|
|
1124
|
+
}
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1127
|
+
._toolCell_1qea1_687 {
|
|
1117
1128
|
text-align: right;
|
|
1118
1129
|
}
|
|
1119
1130
|
|
|
1120
|
-
.
|
|
1131
|
+
._toolCell_1qea1_687 button {
|
|
1121
1132
|
margin: auto;
|
|
1122
1133
|
display: block;
|
|
1123
1134
|
}
|
|
1124
1135
|
|
|
1125
|
-
.
|
|
1136
|
+
._tableColumnEditorTrigger_1qea1_706 {
|
|
1126
1137
|
border: 0;
|
|
1127
1138
|
background-color: transparent;
|
|
1128
1139
|
font-size: inherit;
|
|
@@ -1138,33 +1149,35 @@
|
|
|
1138
1149
|
opacity: 0.2;
|
|
1139
1150
|
}
|
|
1140
1151
|
|
|
1141
|
-
.
|
|
1152
|
+
._tableColumnEditorTrigger_1qea1_706 svg {
|
|
1142
1153
|
display: block;
|
|
1143
1154
|
}
|
|
1144
1155
|
|
|
1145
|
-
|
|
1146
|
-
|
|
1156
|
+
@media (hover: hover) {
|
|
1157
|
+
._tableColumnEditorTrigger_1qea1_706:hover {
|
|
1158
|
+
background-color: var(--baseBgHover);
|
|
1159
|
+
}
|
|
1147
1160
|
}
|
|
1148
1161
|
|
|
1149
|
-
.
|
|
1162
|
+
._tableColumnEditorTrigger_1qea1_706:active svg {
|
|
1150
1163
|
transform: translate(1px, 1px);
|
|
1151
1164
|
}
|
|
1152
1165
|
|
|
1153
|
-
.
|
|
1154
|
-
.
|
|
1166
|
+
._tableColumnEditorTrigger_1qea1_706[data-state=on],
|
|
1167
|
+
._tableColumnEditorTrigger_1qea1_706:active {
|
|
1155
1168
|
background-color: var(--baseBgHover);
|
|
1156
1169
|
color: var(--baseTextContrast);
|
|
1157
1170
|
}
|
|
1158
1171
|
|
|
1159
|
-
.
|
|
1172
|
+
._tableColumnEditorTrigger_1qea1_706[data-active=true] {
|
|
1160
1173
|
opacity: 1 !important;
|
|
1161
1174
|
}
|
|
1162
1175
|
|
|
1163
|
-
.
|
|
1176
|
+
._tableColumnEditorToolbar_1qea1_752 {
|
|
1164
1177
|
display: flex;
|
|
1165
1178
|
}
|
|
1166
1179
|
|
|
1167
|
-
.
|
|
1180
|
+
._tableColumnEditorToolbar_1qea1_752>button {
|
|
1168
1181
|
border: 0;
|
|
1169
1182
|
background-color: transparent;
|
|
1170
1183
|
font-size: inherit;
|
|
@@ -1177,36 +1190,38 @@
|
|
|
1177
1190
|
padding: var(--spacing-1_5);
|
|
1178
1191
|
}
|
|
1179
1192
|
|
|
1180
|
-
.
|
|
1193
|
+
._tableColumnEditorToolbar_1qea1_752>button svg {
|
|
1181
1194
|
display: block;
|
|
1182
1195
|
}
|
|
1183
1196
|
|
|
1184
|
-
|
|
1185
|
-
|
|
1197
|
+
@media (hover: hover) {
|
|
1198
|
+
._tableColumnEditorToolbar_1qea1_752>button:hover {
|
|
1199
|
+
background-color: var(--baseBgHover);
|
|
1200
|
+
}
|
|
1186
1201
|
}
|
|
1187
1202
|
|
|
1188
|
-
.
|
|
1203
|
+
._tableColumnEditorToolbar_1qea1_752>button:active svg {
|
|
1189
1204
|
transform: translate(1px, 1px);
|
|
1190
1205
|
}
|
|
1191
1206
|
|
|
1192
|
-
.
|
|
1193
|
-
.
|
|
1207
|
+
._tableColumnEditorToolbar_1qea1_752>button[data-state=on],
|
|
1208
|
+
._tableColumnEditorToolbar_1qea1_752>button:active {
|
|
1194
1209
|
background-color: var(--baseBgHover);
|
|
1195
1210
|
color: var(--baseTextContrast);
|
|
1196
1211
|
}
|
|
1197
1212
|
|
|
1198
|
-
.
|
|
1213
|
+
._tableColumnEditorToolbar_1qea1_752 [role=separator] {
|
|
1199
1214
|
margin-left: var(--spacing-1);
|
|
1200
1215
|
margin-right: var(--spacing-1);
|
|
1201
1216
|
}
|
|
1202
1217
|
|
|
1203
1218
|
|
|
1204
|
-
.
|
|
1219
|
+
._toggleGroupRoot_1qea1_766 {
|
|
1205
1220
|
display: inline-flex;
|
|
1206
1221
|
}
|
|
1207
1222
|
|
|
1208
1223
|
|
|
1209
|
-
.
|
|
1224
|
+
._toggleGroupRoot_1qea1_766 button {
|
|
1210
1225
|
border: 0;
|
|
1211
1226
|
background-color: transparent;
|
|
1212
1227
|
font-size: inherit;
|
|
@@ -1220,62 +1235,64 @@
|
|
|
1220
1235
|
}
|
|
1221
1236
|
|
|
1222
1237
|
|
|
1223
|
-
.
|
|
1238
|
+
._toggleGroupRoot_1qea1_766 button svg {
|
|
1224
1239
|
display: block;
|
|
1225
1240
|
}
|
|
1226
1241
|
|
|
1227
1242
|
|
|
1228
|
-
|
|
1229
|
-
|
|
1243
|
+
@media (hover: hover) {
|
|
1244
|
+
._toggleGroupRoot_1qea1_766 button:hover {
|
|
1245
|
+
background-color: var(--baseBgHover);
|
|
1246
|
+
}
|
|
1230
1247
|
}
|
|
1231
1248
|
|
|
1232
1249
|
|
|
1233
|
-
.
|
|
1250
|
+
._toggleGroupRoot_1qea1_766 button:active svg {
|
|
1234
1251
|
transform: translate(1px, 1px);
|
|
1235
1252
|
}
|
|
1236
1253
|
|
|
1237
1254
|
|
|
1238
|
-
.
|
|
1239
|
-
.
|
|
1255
|
+
._toggleGroupRoot_1qea1_766 button[data-state=on],
|
|
1256
|
+
._toggleGroupRoot_1qea1_766 button:active {
|
|
1240
1257
|
background-color: var(--baseBgHover);
|
|
1241
1258
|
color: var(--baseTextContrast);
|
|
1242
1259
|
}
|
|
1243
1260
|
|
|
1244
1261
|
|
|
1245
|
-
.
|
|
1262
|
+
._toggleGroupRoot_1qea1_766 button:first-child {
|
|
1246
1263
|
border-top-left-radius: var(--radius-base);
|
|
1247
1264
|
border-bottom-left-radius: var(--radius-base);
|
|
1248
1265
|
}
|
|
1249
1266
|
|
|
1250
1267
|
|
|
1251
|
-
.
|
|
1268
|
+
._toggleGroupRoot_1qea1_766 button:last-child {
|
|
1252
1269
|
border-top-right-radius: var(--radius-base);
|
|
1253
1270
|
border-bottom-right-radius: var(--radius-base);
|
|
1254
1271
|
}
|
|
1255
1272
|
|
|
1256
|
-
.
|
|
1273
|
+
._tableToolsColumn_1qea1_784 {
|
|
1257
1274
|
width: 3rem;
|
|
1258
1275
|
}
|
|
1259
1276
|
|
|
1260
|
-
.
|
|
1277
|
+
._tableToolsColumn_1qea1_784 button {
|
|
1261
1278
|
margin: auto;
|
|
1262
1279
|
display: block;
|
|
1263
1280
|
}
|
|
1264
1281
|
|
|
1265
|
-
.
|
|
1282
|
+
._leftAlignedCell_1qea1_793 {
|
|
1266
1283
|
text-align: left;
|
|
1267
1284
|
}
|
|
1268
1285
|
|
|
1269
|
-
.
|
|
1286
|
+
._rightAlignedCell_1qea1_797 {
|
|
1270
1287
|
text-align: right;
|
|
1271
1288
|
}
|
|
1272
1289
|
|
|
1273
|
-
.
|
|
1290
|
+
._centeredCell_1qea1_801 {
|
|
1274
1291
|
text-align: center;
|
|
1275
1292
|
}
|
|
1276
1293
|
|
|
1277
|
-
.
|
|
1278
|
-
.
|
|
1294
|
+
._addColumnButton_1qea1_709,
|
|
1295
|
+
._addRowButton_1qea1_708 {
|
|
1279
1296
|
border: 0;
|
|
1280
1297
|
background-color: transparent;
|
|
1281
1298
|
font-size: inherit;
|
|
@@ -1292,31 +1309,33 @@
|
|
|
1292
1309
|
align-items: center;
|
|
1293
1310
|
}
|
|
1294
1311
|
|
|
1295
|
-
.
|
|
1312
|
+
._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
|
|
1296
1313
|
display: block;
|
|
1297
1314
|
}
|
|
1298
1315
|
|
|
1299
|
-
|
|
1300
|
-
|
|
1316
|
+
@media (hover: hover) {
|
|
1317
|
+
._addColumnButton_1qea1_709:hover, ._addRowButton_1qea1_708:hover {
|
|
1318
|
+
background-color: var(--baseBgHover);
|
|
1319
|
+
}
|
|
1301
1320
|
}
|
|
1302
1321
|
|
|
1303
|
-
.
|
|
1322
|
+
._addColumnButton_1qea1_709:active svg, ._addRowButton_1qea1_708:active svg {
|
|
1304
1323
|
transform: translate(1px, 1px);
|
|
1305
1324
|
}
|
|
1306
1325
|
|
|
1307
|
-
.
|
|
1308
|
-
.
|
|
1309
|
-
.
|
|
1310
|
-
.
|
|
1326
|
+
._addColumnButton_1qea1_709[data-state=on],
|
|
1327
|
+
._addRowButton_1qea1_708[data-state=on],
|
|
1328
|
+
._addColumnButton_1qea1_709:active,
|
|
1329
|
+
._addRowButton_1qea1_708:active {
|
|
1311
1330
|
background-color: var(--baseBgHover);
|
|
1312
1331
|
color: var(--baseTextContrast);
|
|
1313
1332
|
}
|
|
1314
1333
|
|
|
1315
|
-
.
|
|
1334
|
+
._addColumnButton_1qea1_709 svg, ._addRowButton_1qea1_708 svg {
|
|
1316
1335
|
margin: auto;
|
|
1317
1336
|
}
|
|
1318
1337
|
|
|
1319
|
-
.
|
|
1338
|
+
._addRowButton_1qea1_708 {
|
|
1320
1339
|
width: 100%;
|
|
1321
1340
|
margin-top: var(--spacing-px);
|
|
1322
1341
|
box-sizing: border-box;
|
|
@@ -1324,7 +1343,7 @@
|
|
|
1324
1343
|
border-bottom-left-radius: var(--radius-medium);
|
|
1325
1344
|
}
|
|
1326
1345
|
|
|
1327
|
-
.
|
|
1346
|
+
._addColumnButton_1qea1_709 {
|
|
1328
1347
|
margin-left: var(--spacing-px);
|
|
1329
1348
|
height: 100%;
|
|
1330
1349
|
border-top-right-radius: var(--radius-medium);
|
|
@@ -1332,32 +1351,32 @@
|
|
|
1332
1351
|
}
|
|
1333
1352
|
|
|
1334
1353
|
/** Dialog */
|
|
1335
|
-
.
|
|
1354
|
+
._dialogOverlay_1qea1_834 {
|
|
1336
1355
|
position: fixed;
|
|
1337
1356
|
inset: 0;
|
|
1338
|
-
animation:
|
|
1357
|
+
animation: _overlayShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1339
1358
|
background-color: var(--baseBase);
|
|
1340
1359
|
z-index: 51;
|
|
1341
1360
|
opacity: 0.5;
|
|
1342
1361
|
}
|
|
1343
1362
|
|
|
1344
|
-
.
|
|
1345
|
-
.
|
|
1363
|
+
._dialogContent_1qea1_566,
|
|
1364
|
+
._largeDialogContent_1qea1_578 {
|
|
1346
1365
|
position: fixed;
|
|
1347
1366
|
top: 50%;
|
|
1348
1367
|
left: 50%;
|
|
1349
1368
|
transform: translate(-50%, -50%);
|
|
1350
|
-
animation:
|
|
1369
|
+
animation: _contentShow_1qea1_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1351
1370
|
z-index: 52;
|
|
1352
1371
|
}
|
|
1353
1372
|
|
|
1354
|
-
.
|
|
1355
|
-
.
|
|
1373
|
+
._dialogContent_1qea1_566:focus,
|
|
1374
|
+
._largeDialogContent_1qea1_578:focus {
|
|
1356
1375
|
outline: none;
|
|
1357
1376
|
}
|
|
1358
1377
|
|
|
1359
1378
|
|
|
1360
|
-
@keyframes
|
|
1379
|
+
@keyframes _overlayShow_1qea1_1 {
|
|
1361
1380
|
from {
|
|
1362
1381
|
opacity: 0;
|
|
1363
1382
|
}
|
|
@@ -1367,7 +1386,7 @@
|
|
|
1367
1386
|
}
|
|
1368
1387
|
}
|
|
1369
1388
|
|
|
1370
|
-
@keyframes
|
|
1389
|
+
@keyframes _contentShow_1qea1_1 {
|
|
1371
1390
|
from {
|
|
1372
1391
|
opacity: 0;
|
|
1373
1392
|
transform: translate(-50%, -48%) scale(0.96);
|
|
@@ -1379,23 +1398,23 @@
|
|
|
1379
1398
|
}
|
|
1380
1399
|
}
|
|
1381
1400
|
|
|
1382
|
-
.
|
|
1401
|
+
._focusedImage_1qea1_881 {
|
|
1383
1402
|
outline: highlight solid 2px;
|
|
1384
1403
|
}
|
|
1385
1404
|
|
|
1386
|
-
.
|
|
1405
|
+
._imageWrapper_1qea1_885 {
|
|
1387
1406
|
display: inline-block;
|
|
1388
1407
|
position: relative;
|
|
1389
1408
|
}
|
|
1390
1409
|
|
|
1391
|
-
.
|
|
1410
|
+
._imageWrapper_1qea1_885[draggable=true] {
|
|
1392
1411
|
cursor: move;
|
|
1393
1412
|
/* fallback if grab cursor is unsupported */
|
|
1394
1413
|
cursor: grab;
|
|
1395
1414
|
cursor: -webkit-grab;
|
|
1396
1415
|
}
|
|
1397
1416
|
|
|
1398
|
-
.
|
|
1417
|
+
._editImageButton_1qea1_898 {
|
|
1399
1418
|
position: absolute;
|
|
1400
1419
|
right: var(--spacing-2);
|
|
1401
1420
|
top: var(--spacing-2);
|
|
@@ -1403,11 +1422,11 @@
|
|
|
1403
1422
|
border-radius: var(--radius-full);
|
|
1404
1423
|
}
|
|
1405
1424
|
|
|
1406
|
-
.
|
|
1425
|
+
._editImageButton_1qea1_898 svg {
|
|
1407
1426
|
display: block;
|
|
1408
1427
|
}
|
|
1409
1428
|
|
|
1410
|
-
.
|
|
1429
|
+
._inlineEditor_1qea1_910 {
|
|
1411
1430
|
display: inline-flex;
|
|
1412
1431
|
border-radius: var(--radius-medium);
|
|
1413
1432
|
padding: var(--spacing-1);
|
|
@@ -1416,7 +1435,7 @@
|
|
|
1416
1435
|
background: var(--baseBg);
|
|
1417
1436
|
}
|
|
1418
1437
|
|
|
1419
|
-
.
|
|
1438
|
+
._blockEditor_1qea1_919 {
|
|
1420
1439
|
display: flex;
|
|
1421
1440
|
justify-content: stretch;
|
|
1422
1441
|
border-radius: var(--radius-medium);
|
|
@@ -1426,70 +1445,70 @@
|
|
|
1426
1445
|
background: var(--baseBg);
|
|
1427
1446
|
}
|
|
1428
1447
|
|
|
1429
|
-
.
|
|
1448
|
+
._blockEditor_1qea1_919 ._nestedEditor_1qea1_928 {
|
|
1430
1449
|
flex-grow: 1;
|
|
1431
1450
|
}
|
|
1432
1451
|
|
|
1433
|
-
.
|
|
1452
|
+
._nestedEditor_1qea1_928 {
|
|
1434
1453
|
background: var(--basePageBg);
|
|
1435
1454
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1436
1455
|
border-radius: var(--radius-medium);
|
|
1437
1456
|
}
|
|
1438
1457
|
|
|
1439
|
-
.
|
|
1458
|
+
._nestedEditor_1qea1_928>p {
|
|
1440
1459
|
margin: 0;
|
|
1441
1460
|
}
|
|
1442
1461
|
|
|
1443
|
-
.
|
|
1462
|
+
._nestedEditor_1qea1_928:focus {
|
|
1444
1463
|
outline: none;
|
|
1445
1464
|
}
|
|
1446
1465
|
|
|
1447
|
-
.
|
|
1466
|
+
._genericComponentName_1qea1_947 {
|
|
1448
1467
|
font-size: var(--text-sm);
|
|
1449
1468
|
color: var(--baseText);
|
|
1450
1469
|
padding-right: var(--spacing-2);
|
|
1451
1470
|
}
|
|
1452
1471
|
|
|
1453
|
-
.
|
|
1472
|
+
._diffSourceToggle_1qea1_953 {
|
|
1454
1473
|
border-radius: var(--radius-medium);
|
|
1455
1474
|
display: flex;
|
|
1456
1475
|
}
|
|
1457
1476
|
|
|
1458
|
-
.
|
|
1477
|
+
._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189 {
|
|
1459
1478
|
padding: 0;
|
|
1460
1479
|
}
|
|
1461
1480
|
|
|
1462
|
-
.
|
|
1481
|
+
._diffSourceToggle_1qea1_953 ._toolbarToggleItem_1qea1_189>span {
|
|
1463
1482
|
display: block;
|
|
1464
1483
|
padding: var(--spacing-1) var(--spacing-2);
|
|
1465
1484
|
}
|
|
1466
1485
|
|
|
1467
|
-
.
|
|
1486
|
+
._selectWithLabel_1qea1_967 {
|
|
1468
1487
|
display: flex;
|
|
1469
1488
|
align-items: center;
|
|
1470
1489
|
gap: var(--spacing-2);
|
|
1471
1490
|
margin-left: var(--spacing-2);
|
|
1472
1491
|
}
|
|
1473
1492
|
|
|
1474
|
-
.
|
|
1493
|
+
._selectWithLabel_1qea1_967>label {
|
|
1475
1494
|
font-size: var(--text-sm);
|
|
1476
1495
|
}
|
|
1477
1496
|
|
|
1478
|
-
.
|
|
1497
|
+
._selectWithLabel_1qea1_967 ._selectTrigger_1qea1_285 {
|
|
1479
1498
|
border: 1px solid var(--baseBorder);
|
|
1480
1499
|
}
|
|
1481
1500
|
|
|
1482
|
-
.
|
|
1501
|
+
._toolbarTitleMode_1qea1_982 {
|
|
1483
1502
|
font-size: var(--text-sm);
|
|
1484
1503
|
margin-left: var(--spacing-2);
|
|
1485
1504
|
}
|
|
1486
1505
|
|
|
1487
1506
|
|
|
1488
|
-
.
|
|
1507
|
+
._imageControlWrapperResizing_1qea1_988 {
|
|
1489
1508
|
touch-action: none;
|
|
1490
1509
|
}
|
|
1491
1510
|
|
|
1492
|
-
.
|
|
1511
|
+
._imageResizer_1qea1_992 {
|
|
1493
1512
|
display: block;
|
|
1494
1513
|
width: 7px;
|
|
1495
1514
|
height: 7px;
|
|
@@ -1498,55 +1517,55 @@
|
|
|
1498
1517
|
border: 1px solid var(--baseBg);
|
|
1499
1518
|
}
|
|
1500
1519
|
|
|
1501
|
-
.
|
|
1520
|
+
._imageResizer_1qea1_992._imageResizerN_1qea1_1001 {
|
|
1502
1521
|
top: -6px;
|
|
1503
1522
|
left: 48%;
|
|
1504
1523
|
cursor: n-resize;
|
|
1505
1524
|
}
|
|
1506
1525
|
|
|
1507
|
-
.
|
|
1526
|
+
._imageResizer_1qea1_992._imageResizerNe_1qea1_1007 {
|
|
1508
1527
|
top: -6px;
|
|
1509
1528
|
right: -6px;
|
|
1510
1529
|
cursor: ne-resize;
|
|
1511
1530
|
}
|
|
1512
1531
|
|
|
1513
|
-
.
|
|
1532
|
+
._imageResizer_1qea1_992._imageResizerE_1qea1_1013 {
|
|
1514
1533
|
bottom: 48%;
|
|
1515
1534
|
right: -6px;
|
|
1516
1535
|
cursor: e-resize;
|
|
1517
1536
|
}
|
|
1518
1537
|
|
|
1519
|
-
.
|
|
1538
|
+
._imageResizer_1qea1_992._imageResizerSe_1qea1_1019 {
|
|
1520
1539
|
bottom: -2px;
|
|
1521
1540
|
right: -6px;
|
|
1522
1541
|
cursor: nwse-resize;
|
|
1523
1542
|
}
|
|
1524
1543
|
|
|
1525
|
-
.
|
|
1544
|
+
._imageResizer_1qea1_992._imageResizerS_1qea1_1019 {
|
|
1526
1545
|
bottom: -2px;
|
|
1527
1546
|
left: 48%;
|
|
1528
1547
|
cursor: s-resize;
|
|
1529
1548
|
}
|
|
1530
1549
|
|
|
1531
|
-
.
|
|
1550
|
+
._imageResizer_1qea1_992._imageResizerSw_1qea1_1031 {
|
|
1532
1551
|
bottom: -2px;
|
|
1533
1552
|
left: -6px;
|
|
1534
1553
|
cursor: sw-resize;
|
|
1535
1554
|
}
|
|
1536
1555
|
|
|
1537
|
-
.
|
|
1556
|
+
._imageResizer_1qea1_992._imageResizerW_1qea1_1037 {
|
|
1538
1557
|
bottom: 48%;
|
|
1539
1558
|
left: -6px;
|
|
1540
1559
|
cursor: w-resize;
|
|
1541
1560
|
}
|
|
1542
1561
|
|
|
1543
|
-
.
|
|
1562
|
+
._imageResizer_1qea1_992._imageResizerNw_1qea1_1043 {
|
|
1544
1563
|
top: -6px;
|
|
1545
1564
|
left: -6px;
|
|
1546
1565
|
cursor: nw-resize;
|
|
1547
1566
|
}
|
|
1548
1567
|
|
|
1549
|
-
.
|
|
1568
|
+
._placeholder_1qea1_1049 {
|
|
1550
1569
|
color: var(--baseSolid);
|
|
1551
1570
|
overflow: hidden;
|
|
1552
1571
|
position: absolute;
|
|
@@ -1561,19 +1580,19 @@
|
|
|
1561
1580
|
pointer-events: none;
|
|
1562
1581
|
}
|
|
1563
1582
|
|
|
1564
|
-
.
|
|
1583
|
+
._rootContentEditableWrapper_1qea1_1062 {
|
|
1565
1584
|
position: relative;
|
|
1566
1585
|
}
|
|
1567
1586
|
|
|
1568
1587
|
|
|
1569
1588
|
|
|
1570
|
-
.
|
|
1589
|
+
._downshiftContainer_1qea1_1068 {
|
|
1571
1590
|
display: flex;
|
|
1572
1591
|
flex-direction: column;
|
|
1573
1592
|
align-items: stretch;
|
|
1574
1593
|
}
|
|
1575
1594
|
|
|
1576
|
-
.
|
|
1595
|
+
._downshiftInputWrapper_1qea1_1074 {
|
|
1577
1596
|
display: flex;
|
|
1578
1597
|
align-items: center;
|
|
1579
1598
|
background-color: var(--baseBase);
|
|
@@ -1582,13 +1601,13 @@
|
|
|
1582
1601
|
border: 1px solid var(--baseBorder);
|
|
1583
1602
|
}
|
|
1584
1603
|
|
|
1585
|
-
.
|
|
1604
|
+
._downshiftInputWrapper_1qea1_1074[data-visible-dropdown=true] {
|
|
1586
1605
|
border-bottom-left-radius: var(--radius-none);
|
|
1587
1606
|
border-bottom-right-radius: var(--radius-none);
|
|
1588
1607
|
border-bottom-width: 0;
|
|
1589
1608
|
}
|
|
1590
1609
|
|
|
1591
|
-
.
|
|
1610
|
+
._downshiftInputWrapper_1qea1_1074>button {
|
|
1592
1611
|
border: 0;
|
|
1593
1612
|
background-color: transparent;
|
|
1594
1613
|
font-size: inherit;
|
|
@@ -1601,7 +1620,7 @@
|
|
|
1601
1620
|
padding-right: var(--spacing-2);
|
|
1602
1621
|
}
|
|
1603
1622
|
|
|
1604
|
-
.
|
|
1623
|
+
._downshiftInput_1qea1_1074 {
|
|
1605
1624
|
border: 0;
|
|
1606
1625
|
background-color: transparent;
|
|
1607
1626
|
font-size: inherit;
|
|
@@ -1616,19 +1635,19 @@
|
|
|
1616
1635
|
font-size: var(--text-sm);
|
|
1617
1636
|
}
|
|
1618
1637
|
|
|
1619
|
-
.
|
|
1638
|
+
._downshiftInput_1qea1_1074::-moz-placeholder {
|
|
1620
1639
|
color: var(--baseBorder);
|
|
1621
1640
|
}
|
|
1622
1641
|
|
|
1623
|
-
.
|
|
1642
|
+
._downshiftInput_1qea1_1074::placeholder {
|
|
1624
1643
|
color: var(--baseBorder);
|
|
1625
1644
|
}
|
|
1626
1645
|
|
|
1627
|
-
.
|
|
1646
|
+
._downshiftAutocompleteContainer_1qea1_1105 {
|
|
1628
1647
|
position: relative;
|
|
1629
1648
|
}
|
|
1630
1649
|
|
|
1631
|
-
.
|
|
1650
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul {
|
|
1632
1651
|
all: unset;
|
|
1633
1652
|
box-sizing: border-box;
|
|
1634
1653
|
position: absolute;
|
|
@@ -1645,11 +1664,11 @@
|
|
|
1645
1664
|
background-color: var(--baseBase);
|
|
1646
1665
|
}
|
|
1647
1666
|
|
|
1648
|
-
.
|
|
1667
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul[data-visible=true] {
|
|
1649
1668
|
display: block;
|
|
1650
1669
|
}
|
|
1651
1670
|
|
|
1652
|
-
.
|
|
1671
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul li {
|
|
1653
1672
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1654
1673
|
white-space: nowrap;
|
|
1655
1674
|
margin-bottom: var(--spacing-1);
|
|
@@ -1657,20 +1676,20 @@
|
|
|
1657
1676
|
text-overflow: ellipsis;
|
|
1658
1677
|
}
|
|
1659
1678
|
|
|
1660
|
-
.
|
|
1679
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul li[data-selected=true] {
|
|
1661
1680
|
background-color: var(--baseBgSubtle);
|
|
1662
1681
|
}
|
|
1663
1682
|
|
|
1664
|
-
.
|
|
1683
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul li[data-highlighted=true] {
|
|
1665
1684
|
background-color: var(--baseBgHover);
|
|
1666
1685
|
}
|
|
1667
1686
|
|
|
1668
|
-
.
|
|
1687
|
+
._downshiftAutocompleteContainer_1qea1_1105 ul li:last-of-type {
|
|
1669
1688
|
border-bottom-left-radius: var(--radius-medium);
|
|
1670
1689
|
border-bottom-right-radius: var(--radius-medium);
|
|
1671
1690
|
}
|
|
1672
1691
|
|
|
1673
|
-
.
|
|
1692
|
+
._textInput_1qea1_1151 {
|
|
1674
1693
|
all: unset;
|
|
1675
1694
|
border-radius: var(--radius-base);
|
|
1676
1695
|
border: 1px solid var(--baseBorder);
|
|
@@ -1678,24 +1697,24 @@
|
|
|
1678
1697
|
padding: var(--spacing-2) var(--spacing-3);
|
|
1679
1698
|
}
|
|
1680
1699
|
|
|
1681
|
-
form.
|
|
1700
|
+
form._multiFieldForm_1qea1_1159 {
|
|
1682
1701
|
display: flex;
|
|
1683
1702
|
flex-direction: column;
|
|
1684
1703
|
padding: var(--spacing-2);
|
|
1685
1704
|
gap: var(--spacing-2);
|
|
1686
1705
|
}
|
|
1687
1706
|
|
|
1688
|
-
form.
|
|
1707
|
+
form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 {
|
|
1689
1708
|
display: flex;
|
|
1690
1709
|
flex-direction: column;
|
|
1691
1710
|
gap: var(--spacing-2);
|
|
1692
1711
|
}
|
|
1693
1712
|
|
|
1694
|
-
form.
|
|
1713
|
+
form._multiFieldForm_1qea1_1159 ._formField_1qea1_1165 label {
|
|
1695
1714
|
font-size: var(--text-xs);
|
|
1696
1715
|
}
|
|
1697
1716
|
|
|
1698
|
-
.
|
|
1717
|
+
._markdownParseError_1qea1_1176 {
|
|
1699
1718
|
border-radius: var(--radius-base);
|
|
1700
1719
|
border: 1px solid var(--error-color);
|
|
1701
1720
|
padding: var(--spacing-2);
|
|
@@ -1704,20 +1723,20 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
|
|
|
1704
1723
|
font-size: var(--text-xs);
|
|
1705
1724
|
}
|
|
1706
1725
|
|
|
1707
|
-
.
|
|
1726
|
+
._popupContainer_1qea1_1185 {
|
|
1708
1727
|
position: relative;
|
|
1709
1728
|
z-index: 1;
|
|
1710
1729
|
}
|
|
1711
1730
|
|
|
1712
|
-
.
|
|
1731
|
+
._inputSizer_1qea1_1190 {
|
|
1713
1732
|
display: inline-grid;
|
|
1714
1733
|
vertical-align: baseline;
|
|
1715
1734
|
align-items: center;
|
|
1716
1735
|
position: relative;
|
|
1717
1736
|
}
|
|
1718
1737
|
|
|
1719
|
-
.
|
|
1720
|
-
.
|
|
1738
|
+
._inputSizer_1qea1_1190::after,
|
|
1739
|
+
._inputSizer_1qea1_1190 input {
|
|
1721
1740
|
width: auto;
|
|
1722
1741
|
min-width: 1rem;
|
|
1723
1742
|
grid-area: 1 / 2;
|
|
@@ -1733,11 +1752,11 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
|
|
|
1733
1752
|
color: inherit;
|
|
1734
1753
|
}
|
|
1735
1754
|
|
|
1736
|
-
.
|
|
1755
|
+
._inputSizer_1qea1_1190 span {
|
|
1737
1756
|
padding: 0.25em;
|
|
1738
1757
|
}
|
|
1739
1758
|
|
|
1740
|
-
.
|
|
1759
|
+
._inputSizer_1qea1_1190::after {
|
|
1741
1760
|
content: attr(data-value);
|
|
1742
1761
|
white-space: pre-wrap;
|
|
1743
1762
|
}
|