@mdxeditor/editor 0.3.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +7 -2
- package/dist/index.js +159 -157
- package/dist/style.css +130 -130
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.
|
|
192
|
+
._editorRoot_15boy_47 {
|
|
193
193
|
--accentBase: var(--blue1);
|
|
194
194
|
--accentBgSubtle: var(--blue2);
|
|
195
195
|
--accentBg: var(--blue3);
|
|
@@ -283,15 +283,15 @@
|
|
|
283
283
|
color: var(--baseText);
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
.
|
|
286
|
+
._editorWrapper_15boy_141 {
|
|
287
287
|
padding: var(--spacing-3);
|
|
288
288
|
}
|
|
289
289
|
|
|
290
|
-
.
|
|
290
|
+
._nestedListItem_15boy_145 {
|
|
291
291
|
list-style: none;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.
|
|
294
|
+
._toolbarRoot_15boy_149 {
|
|
295
295
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
296
296
|
z-index: 50;
|
|
297
297
|
margin-bottom: var(--spacing-6);
|
|
@@ -308,11 +308,11 @@
|
|
|
308
308
|
width: inherit;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.
|
|
311
|
+
._toolbarRoot_15boy_149 div[role=separator] {
|
|
312
312
|
margin: var(--spacing-1);
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
.
|
|
315
|
+
._toolbarModeSwitch_15boy_170 {
|
|
316
316
|
margin-left: auto;
|
|
317
317
|
align-self: stretch;
|
|
318
318
|
align-items: stretch;
|
|
@@ -322,32 +322,32 @@
|
|
|
322
322
|
font-size: var(--text-xs);
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.
|
|
325
|
+
._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179 {
|
|
326
326
|
-webkit-padding-end: var(--spacing-4);
|
|
327
327
|
padding-inline-end: var(--spacing-4);
|
|
328
328
|
-webkit-padding-start: var(--spacing-4);
|
|
329
329
|
padding-inline-start: var(--spacing-4);
|
|
330
330
|
}
|
|
331
331
|
|
|
332
|
-
.
|
|
332
|
+
._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179:active, ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179[data-state=on] {
|
|
333
333
|
background-color:var(--baseBorder);
|
|
334
334
|
}
|
|
335
335
|
|
|
336
|
-
.
|
|
336
|
+
._toolbarGroupOfGroups_15boy_189 {
|
|
337
337
|
display: flex;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
|
-
.
|
|
340
|
+
._toolbarToggleSingleGroup_15boy_193:first-of-type ._toolbarToggleItem_15boy_179:only-child, ._toolbarToggleSingleGroup_15boy_193:only-child ._toolbarToggleItem_15boy_179:first-child, ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179:first-child {
|
|
341
341
|
border-top-left-radius: var(--radius-base);
|
|
342
342
|
border-bottom-left-radius: var(--radius-base);
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
.
|
|
345
|
+
._toolbarToggleSingleGroup_15boy_193:last-of-type ._toolbarToggleItem_15boy_179:only-child, ._toolbarToggleSingleGroup_15boy_193:only-child ._toolbarToggleItem_15boy_179:last-child, ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179:last-child {
|
|
346
346
|
border-top-right-radius: var(--radius-base);
|
|
347
347
|
border-bottom-right-radius: var(--radius-base);
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
.
|
|
350
|
+
._toolbarToggleItem_15boy_179, ._toolbarButton_15boy_207 {
|
|
351
351
|
border: 0;
|
|
352
352
|
background-color: transparent;
|
|
353
353
|
font-size: inherit;
|
|
@@ -360,31 +360,31 @@
|
|
|
360
360
|
padding: var(--spacing-1);
|
|
361
361
|
}
|
|
362
362
|
|
|
363
|
-
.
|
|
363
|
+
._toolbarToggleItem_15boy_179 svg, ._toolbarButton_15boy_207 svg {
|
|
364
364
|
display: block;
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
.
|
|
367
|
+
._toolbarToggleItem_15boy_179:hover, ._toolbarButton_15boy_207:hover {
|
|
368
368
|
background-color: var(--baseBgHover);
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
.
|
|
371
|
+
._toolbarToggleItem_15boy_179:active svg, ._toolbarButton_15boy_207:active svg {
|
|
372
372
|
transform: translate(1px, 1px);
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
.
|
|
375
|
+
._toolbarToggleItem_15boy_179[data-state=on], ._toolbarButton_15boy_207[data-state=on], ._toolbarToggleItem_15boy_179:active, ._toolbarButton_15boy_207:active {
|
|
376
376
|
background-color: var(--accentBgActive);
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.
|
|
379
|
+
._toolbarButton_15boy_207 {
|
|
380
380
|
border-radius: var(--radius-base);
|
|
381
381
|
}
|
|
382
382
|
|
|
383
|
-
.
|
|
383
|
+
._toolbarToggleSingleGroup_15boy_193 {
|
|
384
384
|
white-space: nowrap;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
.
|
|
387
|
+
._toolbarNodeKindSelectContainer_15boy_236, ._toolbarButtonDropdownContainer_15boy_237, ._toolbarCodeBlockLanguageSelectContent_15boy_238
|
|
388
388
|
{
|
|
389
389
|
z-index: 60;
|
|
390
390
|
width: var(--spacing-36);
|
|
@@ -394,11 +394,11 @@
|
|
|
394
394
|
font-size: var(--text-sm);
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
-
.
|
|
397
|
+
._toolbarButtonDropdownContainer_15boy_237 {
|
|
398
398
|
border-top-right-radius: var(--radius-base);
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.
|
|
401
|
+
._toolbarNodeKindSelectTrigger_15boy_252, ._toolbarButtonSelectTrigger_15boy_253 {
|
|
402
402
|
border: 0;
|
|
403
403
|
background-color: transparent;
|
|
404
404
|
display: flex;
|
|
@@ -416,11 +416,11 @@
|
|
|
416
416
|
font-size: var(--text-sm);
|
|
417
417
|
}
|
|
418
418
|
|
|
419
|
-
.
|
|
419
|
+
._toolbarNodeKindSelectTrigger_15boy_252:hover, ._toolbarButtonSelectTrigger_15boy_253:hover {
|
|
420
420
|
background-color: var(--baseBgHover);
|
|
421
421
|
}
|
|
422
422
|
|
|
423
|
-
.
|
|
423
|
+
._toolbarNodeKindSelectTrigger_15boy_252[data-state=open], ._toolbarButtonSelectTrigger_15boy_253[data-state=open] {
|
|
424
424
|
border-bottom-right-radius: var(--radius-none);
|
|
425
425
|
border-bottom-left-radius: var(--radius-none);
|
|
426
426
|
background-color: var(--baseBgHover);
|
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
|
|
429
429
|
/** used in the sandpack */
|
|
430
430
|
|
|
431
|
-
.
|
|
431
|
+
._toolbarButtonSelectTrigger_15boy_253 {
|
|
432
432
|
width: auto;
|
|
433
433
|
-webkit-padding-start: var(--spacing-2) ;
|
|
434
434
|
padding-inline-start: var(--spacing-2) ;
|
|
@@ -436,62 +436,62 @@
|
|
|
436
436
|
padding-inline-end: var(--spacing-1);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
._toolbarCodeBlockLanguageSelectTrigger_15boy_286, ._toolbarCodeBlockLanguageSelectContent_15boy_238
|
|
440
440
|
{
|
|
441
441
|
width: var(--spacing-48);
|
|
442
442
|
}
|
|
443
443
|
|
|
444
|
-
.
|
|
444
|
+
._toolbarNodeKindSelectItem_15boy_292 {
|
|
445
445
|
cursor: default;
|
|
446
446
|
display: flex;
|
|
447
447
|
padding: var(--spacing-2) var(--spacing-4);
|
|
448
448
|
}
|
|
449
449
|
|
|
450
|
-
.
|
|
450
|
+
._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
|
|
451
451
|
background-color: var(--baseBgSubtle);
|
|
452
452
|
}
|
|
453
453
|
|
|
454
|
-
.
|
|
454
|
+
._toolbarNodeKindSelectItem_15boy_292[data-state=checked] {
|
|
455
455
|
background-color: var(--accentBgActive);
|
|
456
456
|
}
|
|
457
457
|
|
|
458
|
-
.
|
|
458
|
+
._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
|
|
459
459
|
outline: none;
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
.
|
|
462
|
+
._toolbarNodeKindSelectItem_15boy_292:last-child {
|
|
463
463
|
border-bottom-left-radius: var(--radius-base);
|
|
464
464
|
border-bottom-right-radius: var(--radius-base);
|
|
465
465
|
}
|
|
466
466
|
|
|
467
|
-
.
|
|
467
|
+
._toolbarNodeKindSelectDropdownArrow_15boy_315 {
|
|
468
468
|
margin-left: auto;
|
|
469
469
|
}
|
|
470
470
|
|
|
471
|
-
.
|
|
471
|
+
._contentEditable_15boy_319 {
|
|
472
472
|
width: 100%;
|
|
473
473
|
color: var(--baseTextContrast);
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
.
|
|
476
|
+
._contentEditable_15boy_319:focus {
|
|
477
477
|
outline: none;
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
-
.
|
|
480
|
+
._sandpackWrapper_15boy_327 {
|
|
481
481
|
margin-bottom:var(--spacing-5);
|
|
482
482
|
}
|
|
483
483
|
|
|
484
|
-
.
|
|
484
|
+
._frontmatterWrapper_15boy_331 {
|
|
485
485
|
border-radius: var(--radius-medium);
|
|
486
486
|
padding: var(--spacing-3);
|
|
487
487
|
background-color: var(--baseBgSubtle);
|
|
488
488
|
}
|
|
489
489
|
|
|
490
|
-
.
|
|
490
|
+
._frontmatterWrapper_15boy_331[data-expanded=true] {
|
|
491
491
|
margin-bottom: var(--spacing-10);
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
.
|
|
494
|
+
._frontmatterToggleButton_15boy_341 {
|
|
495
495
|
border: 0;
|
|
496
496
|
background-color: transparent;
|
|
497
497
|
font-size: inherit;
|
|
@@ -507,32 +507,32 @@
|
|
|
507
507
|
font-size: var(--text-sm);
|
|
508
508
|
}
|
|
509
509
|
|
|
510
|
-
.
|
|
510
|
+
._frontmatterEditorTable_15boy_349 {
|
|
511
511
|
table-layout: fixed;
|
|
512
512
|
margin-top: var(--spacing-3);
|
|
513
513
|
border-spacing: var(--spacing-2);
|
|
514
514
|
}
|
|
515
515
|
|
|
516
|
-
.
|
|
516
|
+
._frontmatterEditorTable_15boy_349 th {
|
|
517
517
|
text-align: left;
|
|
518
518
|
font-size: var(--text-sm);
|
|
519
519
|
padding: var(--spacing-2) var(--spacing-3);
|
|
520
520
|
}
|
|
521
521
|
|
|
522
|
-
.
|
|
522
|
+
._frontmatterEditorTable_15boy_349 col:nth-child(1) {
|
|
523
523
|
width: 30%;
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
.
|
|
526
|
+
._frontmatterEditorTable_15boy_349 col:nth-child(2) {
|
|
527
527
|
width: 70%;
|
|
528
528
|
}
|
|
529
529
|
|
|
530
|
-
.
|
|
530
|
+
._frontmatterEditorTable_15boy_349 td:last-child ._iconButton_15boy_367 {
|
|
531
531
|
margin-left: var(--spacing-4);
|
|
532
532
|
margin-right: var(--spacing-4);
|
|
533
533
|
}
|
|
534
534
|
|
|
535
|
-
.
|
|
535
|
+
._frontmatterInput_15boy_373 {
|
|
536
536
|
border: 0;
|
|
537
537
|
background-color: transparent;
|
|
538
538
|
font-size: inherit;
|
|
@@ -550,7 +550,7 @@
|
|
|
550
550
|
font-size: var(--text-sm);
|
|
551
551
|
}
|
|
552
552
|
|
|
553
|
-
.
|
|
553
|
+
._iconButton_15boy_367 {
|
|
554
554
|
border: 0;
|
|
555
555
|
background-color: transparent;
|
|
556
556
|
font-size: inherit;
|
|
@@ -563,7 +563,7 @@
|
|
|
563
563
|
color:var(--baseText);
|
|
564
564
|
}
|
|
565
565
|
|
|
566
|
-
.
|
|
566
|
+
._primaryButton_15boy_388 {
|
|
567
567
|
border: 0;
|
|
568
568
|
background-color: transparent;
|
|
569
569
|
font-size: inherit;
|
|
@@ -581,19 +581,19 @@
|
|
|
581
581
|
border-radius: var(--radius-medium);
|
|
582
582
|
}
|
|
583
583
|
|
|
584
|
-
.
|
|
584
|
+
._linkDialogEditForm_15boy_398 {
|
|
585
585
|
display: flex;
|
|
586
586
|
align-items: center;
|
|
587
587
|
gap: var(--spacing-2);
|
|
588
588
|
}
|
|
589
589
|
|
|
590
|
-
.
|
|
590
|
+
._linkDialogInputContainer_15boy_404 {
|
|
591
591
|
display: flex;
|
|
592
592
|
flex-direction: column;
|
|
593
593
|
align-items: stretch;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
-
.
|
|
596
|
+
._linkDialogInputWrapper_15boy_410 {
|
|
597
597
|
display: flex;
|
|
598
598
|
align-items: center;
|
|
599
599
|
background-color: var(--baseBase);
|
|
@@ -602,13 +602,13 @@
|
|
|
602
602
|
border:1px solid var(--baseBorder);
|
|
603
603
|
}
|
|
604
604
|
|
|
605
|
-
.
|
|
605
|
+
._linkDialogInputWrapper_15boy_410[data-visible-dropdown=true] {
|
|
606
606
|
border-bottom-left-radius: var(--radius-none) ;
|
|
607
607
|
border-bottom-right-radius: var(--radius-none) ;
|
|
608
608
|
border-bottom-width: 0;
|
|
609
609
|
}
|
|
610
610
|
|
|
611
|
-
.
|
|
611
|
+
._linkDialogInputWrapper_15boy_410 > button {
|
|
612
612
|
border: 0;
|
|
613
613
|
background-color: transparent;
|
|
614
614
|
font-size: inherit;
|
|
@@ -621,7 +621,7 @@
|
|
|
621
621
|
padding-right: var(--spacing-2);
|
|
622
622
|
}
|
|
623
623
|
|
|
624
|
-
.
|
|
624
|
+
._linkDialogInput_15boy_404 {
|
|
625
625
|
border: 0;
|
|
626
626
|
background-color: transparent;
|
|
627
627
|
font-size: inherit;
|
|
@@ -636,19 +636,19 @@
|
|
|
636
636
|
font-size: var(--text-sm);
|
|
637
637
|
}
|
|
638
638
|
|
|
639
|
-
.
|
|
639
|
+
._linkDialogInput_15boy_404::-moz-placeholder {
|
|
640
640
|
color: var(--baseBorder);
|
|
641
641
|
}
|
|
642
642
|
|
|
643
|
-
.
|
|
643
|
+
._linkDialogInput_15boy_404::placeholder {
|
|
644
644
|
color: var(--baseBorder);
|
|
645
645
|
}
|
|
646
646
|
|
|
647
|
-
.
|
|
647
|
+
._linkDialogAutocompleteContainer_15boy_440 {
|
|
648
648
|
position: relative;
|
|
649
649
|
}
|
|
650
650
|
|
|
651
|
-
.
|
|
651
|
+
._linkDialogAutocompleteContainer_15boy_440 ul {
|
|
652
652
|
all: unset;
|
|
653
653
|
box-sizing: border-box;
|
|
654
654
|
position: absolute;
|
|
@@ -665,11 +665,11 @@
|
|
|
665
665
|
background-color: var(--baseBase);
|
|
666
666
|
}
|
|
667
667
|
|
|
668
|
-
.
|
|
668
|
+
._linkDialogAutocompleteContainer_15boy_440 ul[data-visible=true] {
|
|
669
669
|
display: block;
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
.
|
|
672
|
+
._linkDialogAutocompleteContainer_15boy_440 ul li {
|
|
673
673
|
padding: var(--spacing-2) var(--spacing-3);
|
|
674
674
|
white-space: nowrap;
|
|
675
675
|
margin-bottom: var(--spacing-1);
|
|
@@ -677,34 +677,34 @@
|
|
|
677
677
|
text-overflow: ellipsis;
|
|
678
678
|
}
|
|
679
679
|
|
|
680
|
-
.
|
|
680
|
+
._linkDialogAutocompleteContainer_15boy_440 ul li[data-selected=true] {
|
|
681
681
|
background-color: var(--baseBgSubtle);
|
|
682
682
|
}
|
|
683
683
|
|
|
684
|
-
.
|
|
684
|
+
._linkDialogAutocompleteContainer_15boy_440 ul li[data-highlighted=true] {
|
|
685
685
|
background-color: var(--baseBgHover);
|
|
686
686
|
}
|
|
687
687
|
|
|
688
|
-
.
|
|
688
|
+
._linkDialogAutocompleteContainer_15boy_440 ul li:last-of-type {
|
|
689
689
|
border-bottom-left-radius: var(--radius-medium) ;
|
|
690
690
|
border-bottom-right-radius: var(--radius-medium) ;
|
|
691
691
|
}
|
|
692
692
|
|
|
693
|
-
.
|
|
693
|
+
._linkDialogAnchor_15boy_485 {
|
|
694
694
|
position: absolute;
|
|
695
695
|
background-color: highlight;
|
|
696
696
|
z-index: -1;
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.
|
|
699
|
+
._linkDialogAnchor_15boy_485[data-visible=true] {
|
|
700
700
|
visibility: visible;
|
|
701
701
|
}
|
|
702
702
|
|
|
703
|
-
.
|
|
703
|
+
._linkDialogAnchor_15boy_485[data-visible=false] {
|
|
704
704
|
visibility: hidden;
|
|
705
705
|
}
|
|
706
706
|
|
|
707
|
-
.
|
|
707
|
+
._linkDialogPopoverContent_15boy_499, ._tableColumnEditorPopoverContent_15boy_499, ._dialogContent_15boy_499 {
|
|
708
708
|
filter: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
|
|
709
709
|
display: flex;
|
|
710
710
|
align-items: center;
|
|
@@ -716,7 +716,7 @@
|
|
|
716
716
|
font-size: var(--text-sm);
|
|
717
717
|
}
|
|
718
718
|
|
|
719
|
-
.
|
|
719
|
+
._linkDialogPreviewAnchor_15boy_513 {
|
|
720
720
|
margin-right: var(--spacing-3);
|
|
721
721
|
display: flex;
|
|
722
722
|
align-items: flex-start;
|
|
@@ -725,20 +725,20 @@
|
|
|
725
725
|
border: 1px solid transparent;
|
|
726
726
|
}
|
|
727
727
|
|
|
728
|
-
.
|
|
728
|
+
._linkDialogPreviewAnchor_15boy_513 svg {
|
|
729
729
|
width: var(--spacing-5);
|
|
730
730
|
height: var(--spacing-5);
|
|
731
731
|
margin-left: var(--spacing-2);
|
|
732
732
|
}
|
|
733
733
|
|
|
734
|
-
.
|
|
734
|
+
._linkDialogPreviewAnchor_15boy_513 span {
|
|
735
735
|
max-width: 14rem;
|
|
736
736
|
overflow-x: hidden;
|
|
737
737
|
text-overflow: ellipsis;
|
|
738
738
|
white-space: nowrap;
|
|
739
739
|
}
|
|
740
740
|
|
|
741
|
-
.
|
|
741
|
+
._tooltipContent_15boy_535 {
|
|
742
742
|
border-radius: var(--radius-medium);
|
|
743
743
|
padding: var(--spacing-1) var(--spacing-2);
|
|
744
744
|
font-size: var(--text-xs);
|
|
@@ -746,11 +746,11 @@
|
|
|
746
746
|
color: var(--baseBase);
|
|
747
747
|
}
|
|
748
748
|
|
|
749
|
-
.
|
|
749
|
+
._tooltipContent_15boy_535 svg {
|
|
750
750
|
fill: var(--baseText);
|
|
751
751
|
}
|
|
752
752
|
|
|
753
|
-
.
|
|
753
|
+
._actionButton_15boy_547 {
|
|
754
754
|
border: 0;
|
|
755
755
|
background-color: transparent;
|
|
756
756
|
font-size: inherit;
|
|
@@ -765,33 +765,33 @@
|
|
|
765
765
|
border-radius: var(--radius-medium);
|
|
766
766
|
}
|
|
767
767
|
|
|
768
|
-
.
|
|
768
|
+
._actionButton_15boy_547 svg {
|
|
769
769
|
display: block;
|
|
770
770
|
}
|
|
771
771
|
|
|
772
|
-
.
|
|
772
|
+
._actionButton_15boy_547:hover {
|
|
773
773
|
background-color: var(--baseBgHover);
|
|
774
774
|
}
|
|
775
775
|
|
|
776
|
-
.
|
|
776
|
+
._actionButton_15boy_547:active svg {
|
|
777
777
|
transform: translate(1px, 1px);
|
|
778
778
|
}
|
|
779
779
|
|
|
780
|
-
.
|
|
780
|
+
._actionButton_15boy_547[data-state=on], ._actionButton_15boy_547:active {
|
|
781
781
|
background-color: var(--accentBgActive);
|
|
782
782
|
}
|
|
783
783
|
|
|
784
|
-
.
|
|
784
|
+
._primaryActionButton_15boy_553 {
|
|
785
785
|
background-color: var(--accentSolid);
|
|
786
786
|
color:var(--baseBase);
|
|
787
787
|
}
|
|
788
788
|
|
|
789
|
-
.
|
|
789
|
+
._primaryActionButton_15boy_553:hover {
|
|
790
790
|
background-color: var(--accentSolidHover);
|
|
791
791
|
color:var(--baseBase);
|
|
792
792
|
}
|
|
793
793
|
|
|
794
|
-
.
|
|
794
|
+
._tableEditor_15boy_562 {
|
|
795
795
|
table-layout: fixed;
|
|
796
796
|
width: 100%;
|
|
797
797
|
height: 100%;
|
|
@@ -799,50 +799,50 @@
|
|
|
799
799
|
border-collapse: collapse;
|
|
800
800
|
}
|
|
801
801
|
|
|
802
|
-
.
|
|
802
|
+
._tableEditor_15boy_562 thead > tr > th {
|
|
803
803
|
text-align: right;
|
|
804
804
|
}
|
|
805
805
|
|
|
806
|
-
.
|
|
806
|
+
._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) {
|
|
807
807
|
border: 1px solid var(--baseBorder);
|
|
808
808
|
padding: var(--spacing-1) var(--spacing-2);
|
|
809
809
|
white-space: normal;
|
|
810
810
|
}
|
|
811
811
|
|
|
812
|
-
.
|
|
812
|
+
._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div {
|
|
813
813
|
outline: none;
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
.
|
|
816
|
+
._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div > p {
|
|
817
817
|
margin: 0;
|
|
818
818
|
}
|
|
819
819
|
|
|
820
|
-
.
|
|
820
|
+
._tableEditor_15boy_562 > tbody > tr > td[data-active=true]:not(._toolCell_15boy_573) {
|
|
821
821
|
outline: solid 2px var(--accentSolid)
|
|
822
822
|
}
|
|
823
823
|
|
|
824
|
-
.
|
|
825
|
-
opacity:
|
|
824
|
+
._tableEditor_15boy_562 ._tableColumnEditorTrigger_15boy_590, ._tableEditor_15boy_562 ._tableRowEditorTrigger_15boy_590, ._tableEditor_15boy_562 ._addRowButton_15boy_590, ._tableEditor_15boy_562 ._addColumnButton_15boy_590, ._tableEditor_15boy_562 ._iconButton_15boy_367 {
|
|
825
|
+
opacity: .2;
|
|
826
826
|
}
|
|
827
827
|
|
|
828
|
-
.
|
|
829
|
-
opacity: .
|
|
828
|
+
._tableEditor_15boy_562:hover ._tableColumnEditorTrigger_15boy_590, ._tableEditor_15boy_562:hover ._tableRowEditorTrigger_15boy_590, ._tableEditor_15boy_562:hover ._addRowButton_15boy_590, ._tableEditor_15boy_562:hover ._addColumnButton_15boy_590, ._tableEditor_15boy_562:hover ._iconButton_15boy_367 {
|
|
829
|
+
opacity: .5;
|
|
830
830
|
}
|
|
831
831
|
|
|
832
|
-
.
|
|
832
|
+
._tableEditor_15boy_562:hover ._tableColumnEditorTrigger_15boy_590:hover, ._tableEditor_15boy_562:hover ._tableRowEditorTrigger_15boy_590:hover, ._tableEditor_15boy_562:hover ._addRowButton_15boy_590:hover, ._tableEditor_15boy_562:hover ._addColumnButton_15boy_590:hover, ._tableEditor_15boy_562:hover ._iconButton_15boy_367:hover {
|
|
833
833
|
opacity: 1;
|
|
834
834
|
};
|
|
835
835
|
|
|
836
|
-
.
|
|
836
|
+
._toolCell_15boy_573 {
|
|
837
837
|
text-align: right;
|
|
838
838
|
}
|
|
839
839
|
|
|
840
|
-
.
|
|
840
|
+
._toolCell_15boy_573 button {
|
|
841
841
|
margin: auto;
|
|
842
842
|
display: block;
|
|
843
843
|
}
|
|
844
844
|
|
|
845
|
-
.
|
|
845
|
+
._tableColumnEditorTrigger_15boy_590 {
|
|
846
846
|
border: 0;
|
|
847
847
|
background-color: transparent;
|
|
848
848
|
font-size: inherit;
|
|
@@ -858,31 +858,31 @@
|
|
|
858
858
|
opacity: 0.2;
|
|
859
859
|
}
|
|
860
860
|
|
|
861
|
-
.
|
|
861
|
+
._tableColumnEditorTrigger_15boy_590 svg {
|
|
862
862
|
display: block;
|
|
863
863
|
}
|
|
864
864
|
|
|
865
|
-
.
|
|
865
|
+
._tableColumnEditorTrigger_15boy_590:hover {
|
|
866
866
|
background-color: var(--baseBgHover);
|
|
867
867
|
}
|
|
868
868
|
|
|
869
|
-
.
|
|
869
|
+
._tableColumnEditorTrigger_15boy_590:active svg {
|
|
870
870
|
transform: translate(1px, 1px);
|
|
871
871
|
}
|
|
872
872
|
|
|
873
|
-
.
|
|
873
|
+
._tableColumnEditorTrigger_15boy_590[data-state=on], ._tableColumnEditorTrigger_15boy_590:active {
|
|
874
874
|
background-color: var(--accentBgActive);
|
|
875
875
|
}
|
|
876
876
|
|
|
877
|
-
.
|
|
877
|
+
._tableColumnEditorTrigger_15boy_590[data-active=true] {
|
|
878
878
|
opacity: 1;
|
|
879
879
|
}
|
|
880
880
|
|
|
881
|
-
.
|
|
881
|
+
._tableColumnEditorToolbar_15boy_624 {
|
|
882
882
|
display: flex;
|
|
883
883
|
}
|
|
884
884
|
|
|
885
|
-
.
|
|
885
|
+
._tableColumnEditorToolbar_15boy_624 > button {
|
|
886
886
|
border: 0;
|
|
887
887
|
background-color: transparent;
|
|
888
888
|
font-size: inherit;
|
|
@@ -895,32 +895,32 @@
|
|
|
895
895
|
padding: var(--spacing-2);
|
|
896
896
|
}
|
|
897
897
|
|
|
898
|
-
.
|
|
898
|
+
._tableColumnEditorToolbar_15boy_624 > button svg {
|
|
899
899
|
display: block;
|
|
900
900
|
}
|
|
901
901
|
|
|
902
|
-
.
|
|
902
|
+
._tableColumnEditorToolbar_15boy_624 > button:hover {
|
|
903
903
|
background-color: var(--baseBgHover);
|
|
904
904
|
}
|
|
905
905
|
|
|
906
|
-
.
|
|
906
|
+
._tableColumnEditorToolbar_15boy_624 > button:active svg {
|
|
907
907
|
transform: translate(1px, 1px);
|
|
908
908
|
}
|
|
909
909
|
|
|
910
|
-
.
|
|
910
|
+
._tableColumnEditorToolbar_15boy_624 > button[data-state=on], ._tableColumnEditorToolbar_15boy_624 > button:active {
|
|
911
911
|
background-color: var(--accentBgActive);
|
|
912
912
|
}
|
|
913
913
|
|
|
914
|
-
.
|
|
914
|
+
._tableColumnEditorToolbar_15boy_624 [role=separator] {
|
|
915
915
|
margin-left: var(--spacing-1);
|
|
916
916
|
margin-right: var(--spacing-1);
|
|
917
917
|
}
|
|
918
918
|
|
|
919
|
-
.
|
|
919
|
+
._toggleGroupRoot_15boy_636 {
|
|
920
920
|
display: inline-flex;
|
|
921
921
|
}
|
|
922
922
|
|
|
923
|
-
.
|
|
923
|
+
._toggleGroupRoot_15boy_636 button {
|
|
924
924
|
border: 0;
|
|
925
925
|
background-color: transparent;
|
|
926
926
|
font-size: inherit;
|
|
@@ -933,54 +933,54 @@
|
|
|
933
933
|
padding: var(--spacing-2);
|
|
934
934
|
}
|
|
935
935
|
|
|
936
|
-
.
|
|
936
|
+
._toggleGroupRoot_15boy_636 button svg {
|
|
937
937
|
display: block;
|
|
938
938
|
}
|
|
939
939
|
|
|
940
|
-
.
|
|
940
|
+
._toggleGroupRoot_15boy_636 button:hover {
|
|
941
941
|
background-color: var(--baseBgHover);
|
|
942
942
|
}
|
|
943
943
|
|
|
944
|
-
.
|
|
944
|
+
._toggleGroupRoot_15boy_636 button:active svg {
|
|
945
945
|
transform: translate(1px, 1px);
|
|
946
946
|
}
|
|
947
947
|
|
|
948
|
-
.
|
|
948
|
+
._toggleGroupRoot_15boy_636 button[data-state=on], ._toggleGroupRoot_15boy_636 button:active {
|
|
949
949
|
background-color: var(--accentBgActive);
|
|
950
950
|
}
|
|
951
951
|
|
|
952
|
-
.
|
|
952
|
+
._toggleGroupRoot_15boy_636 button:first-child {
|
|
953
953
|
border-top-left-radius: var(--radius-base);
|
|
954
954
|
border-bottom-left-radius: var(--radius-base);
|
|
955
955
|
}
|
|
956
956
|
|
|
957
|
-
.
|
|
957
|
+
._toggleGroupRoot_15boy_636 button:last-child {
|
|
958
958
|
border-top-right-radius: var(--radius-base);
|
|
959
959
|
border-bottom-right-radius: var(--radius-base);
|
|
960
960
|
}
|
|
961
961
|
|
|
962
|
-
.
|
|
962
|
+
._tableToolsColumn_15boy_653 {
|
|
963
963
|
width: 3rem;
|
|
964
964
|
}
|
|
965
965
|
|
|
966
|
-
.
|
|
966
|
+
._tableToolsColumn_15boy_653 button {
|
|
967
967
|
margin: auto;
|
|
968
968
|
display: block;
|
|
969
969
|
}
|
|
970
970
|
|
|
971
|
-
.
|
|
971
|
+
._leftAlignedCell_15boy_661 {
|
|
972
972
|
text-align: left;
|
|
973
973
|
}
|
|
974
974
|
|
|
975
|
-
.
|
|
975
|
+
._rightAlignedCell_15boy_665 {
|
|
976
976
|
text-align: right;
|
|
977
977
|
}
|
|
978
978
|
|
|
979
|
-
.
|
|
979
|
+
._centeredCell_15boy_669 {
|
|
980
980
|
text-align: center;
|
|
981
981
|
}
|
|
982
982
|
|
|
983
|
-
.
|
|
983
|
+
._addColumnButton_15boy_590, ._addRowButton_15boy_590 {
|
|
984
984
|
border: 0;
|
|
985
985
|
background-color: transparent;
|
|
986
986
|
font-size: inherit;
|
|
@@ -998,62 +998,62 @@
|
|
|
998
998
|
border-radius: var(--radius-medium);
|
|
999
999
|
}
|
|
1000
1000
|
|
|
1001
|
-
.
|
|
1001
|
+
._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
|
|
1002
1002
|
display: block;
|
|
1003
1003
|
}
|
|
1004
1004
|
|
|
1005
|
-
.
|
|
1005
|
+
._addColumnButton_15boy_590:hover, ._addRowButton_15boy_590:hover {
|
|
1006
1006
|
background-color: var(--baseBgHover);
|
|
1007
1007
|
}
|
|
1008
1008
|
|
|
1009
|
-
.
|
|
1009
|
+
._addColumnButton_15boy_590:active svg, ._addRowButton_15boy_590:active svg {
|
|
1010
1010
|
transform: translate(1px, 1px);
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
|
-
.
|
|
1013
|
+
._addColumnButton_15boy_590[data-state=on], ._addRowButton_15boy_590[data-state=on], ._addColumnButton_15boy_590:active, ._addRowButton_15boy_590:active {
|
|
1014
1014
|
background-color: var(--accentBgActive);
|
|
1015
1015
|
}
|
|
1016
1016
|
|
|
1017
|
-
.
|
|
1017
|
+
._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
|
|
1018
1018
|
margin: auto;
|
|
1019
1019
|
}
|
|
1020
1020
|
|
|
1021
|
-
.
|
|
1021
|
+
._addRowButton_15boy_590 {
|
|
1022
1022
|
width: 100%;
|
|
1023
1023
|
margin-top: var(--spacing-2);
|
|
1024
1024
|
box-sizing: border-box;
|
|
1025
1025
|
}
|
|
1026
1026
|
|
|
1027
|
-
.
|
|
1027
|
+
._addColumnButton_15boy_590 {
|
|
1028
1028
|
margin-left: var(--spacing-2);
|
|
1029
1029
|
height: 100%;
|
|
1030
1030
|
}
|
|
1031
1031
|
|
|
1032
1032
|
/** Dialog */
|
|
1033
1033
|
|
|
1034
|
-
.
|
|
1034
|
+
._dialogOverlay_15boy_697 {
|
|
1035
1035
|
position: fixed;
|
|
1036
1036
|
inset: 0;
|
|
1037
|
-
animation:
|
|
1037
|
+
animation: _overlayShow_15boy_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1038
1038
|
background-color: var(--baseBase);
|
|
1039
1039
|
z-index: 51;
|
|
1040
1040
|
opacity: 0.5;
|
|
1041
1041
|
}
|
|
1042
1042
|
|
|
1043
|
-
.
|
|
1043
|
+
._dialogContent_15boy_499 {
|
|
1044
1044
|
position: fixed;
|
|
1045
1045
|
top: 50%;
|
|
1046
1046
|
left: 50%;
|
|
1047
1047
|
transform: translate(-50%, -50%);
|
|
1048
|
-
animation:
|
|
1048
|
+
animation: _contentShow_15boy_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1049
1049
|
z-index: 52;
|
|
1050
1050
|
}
|
|
1051
1051
|
|
|
1052
|
-
.
|
|
1052
|
+
._dialogContent_15boy_499:focus {
|
|
1053
1053
|
outline: none;
|
|
1054
1054
|
}
|
|
1055
1055
|
|
|
1056
|
-
@keyframes
|
|
1056
|
+
@keyframes _overlayShow_15boy_1 {
|
|
1057
1057
|
from {
|
|
1058
1058
|
opacity: 0;
|
|
1059
1059
|
}
|
|
@@ -1062,7 +1062,7 @@
|
|
|
1062
1062
|
}
|
|
1063
1063
|
}
|
|
1064
1064
|
|
|
1065
|
-
@keyframes
|
|
1065
|
+
@keyframes _contentShow_15boy_1 {
|
|
1066
1066
|
from {
|
|
1067
1067
|
opacity: 0;
|
|
1068
1068
|
transform: translate(-50%, -48%) scale(0.96);
|