@mdxeditor/editor 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/CodeBlockEditor-7e15d01c.cjs +1 -0
- package/dist/CodeBlockEditor-85a8b6b0.js +79 -0
- package/dist/FrontmatterEditor-a8263f5d.js +119 -0
- package/dist/FrontmatterEditor-bd112c96.cjs +1 -0
- package/dist/JsxEditor-4511b188.js +110 -0
- package/dist/JsxEditor-85e636d6.cjs +1 -0
- package/dist/SandpackEditor-04d3c3ce.cjs +1 -0
- package/dist/SandpackEditor-0a3bfaf0.js +99 -0
- package/dist/TableEditor-0aedb943.js +428 -0
- package/dist/TableEditor-d0c5800f.cjs +1 -0
- package/dist/index-11db5fbf.js +3884 -0
- package/dist/index-731c8e58.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +66 -4540
- package/dist/style.css +132 -130
- package/dist/useCodeMirrorRef-89746e60.js +84 -0
- package/dist/useCodeMirrorRef-cba12130.cjs +1 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.
|
|
192
|
+
._editorRoot_gm91f_47 {
|
|
193
193
|
--accentBase: var(--blue1);
|
|
194
194
|
--accentBgSubtle: var(--blue2);
|
|
195
195
|
--accentBg: var(--blue3);
|
|
@@ -283,18 +283,18 @@
|
|
|
283
283
|
color: var(--baseText);
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
.
|
|
286
|
+
._editorWrapper_gm91f_141 {
|
|
287
287
|
padding: var(--spacing-3);
|
|
288
288
|
}
|
|
289
289
|
|
|
290
|
-
.
|
|
290
|
+
._nestedListItem_gm91f_145 {
|
|
291
291
|
list-style: none;
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
.
|
|
294
|
+
._toolbarRoot_gm91f_149 {
|
|
295
295
|
/* border: var(--spacing-px) solid var(--baseBorder); */
|
|
296
|
-
z-index: 50;
|
|
297
296
|
margin-bottom: var(--spacing-6);
|
|
297
|
+
z-index: 1;
|
|
298
298
|
display: flex;
|
|
299
299
|
flex-direction: row;
|
|
300
300
|
gap: var(--spacing-1);
|
|
@@ -308,11 +308,11 @@
|
|
|
308
308
|
width: inherit;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.
|
|
311
|
+
._toolbarRoot_gm91f_149 div[role=separator] {
|
|
312
312
|
margin: var(--spacing-1);
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
-
.
|
|
315
|
+
._toolbarModeSwitch_gm91f_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_gm91f_170 ._toolbarToggleItem_gm91f_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_gm91f_170 ._toolbarToggleItem_gm91f_179:active, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_179[data-state=on] {
|
|
333
333
|
background-color:var(--baseBorder);
|
|
334
334
|
}
|
|
335
335
|
|
|
336
|
-
.
|
|
336
|
+
._toolbarGroupOfGroups_gm91f_189 {
|
|
337
337
|
display: flex;
|
|
338
338
|
}
|
|
339
339
|
|
|
340
|
-
.
|
|
340
|
+
._toolbarToggleSingleGroup_gm91f_193:first-of-type ._toolbarToggleItem_gm91f_179:only-child, ._toolbarToggleSingleGroup_gm91f_193:only-child ._toolbarToggleItem_gm91f_179:first-child, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_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_gm91f_193:last-of-type ._toolbarToggleItem_gm91f_179:only-child, ._toolbarToggleSingleGroup_gm91f_193:only-child ._toolbarToggleItem_gm91f_179:last-child, ._toolbarModeSwitch_gm91f_170 ._toolbarToggleItem_gm91f_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_gm91f_179, ._toolbarButton_gm91f_207 {
|
|
351
351
|
border: 0;
|
|
352
352
|
background-color: transparent;
|
|
353
353
|
font-size: inherit;
|
|
@@ -360,33 +360,33 @@
|
|
|
360
360
|
padding: var(--spacing-1);
|
|
361
361
|
}
|
|
362
362
|
|
|
363
|
-
.
|
|
363
|
+
._toolbarToggleItem_gm91f_179 svg, ._toolbarButton_gm91f_207 svg {
|
|
364
364
|
display: block;
|
|
365
365
|
}
|
|
366
366
|
|
|
367
|
-
.
|
|
367
|
+
._toolbarToggleItem_gm91f_179:hover, ._toolbarButton_gm91f_207:hover {
|
|
368
368
|
background-color: var(--baseBgHover);
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
-
.
|
|
371
|
+
._toolbarToggleItem_gm91f_179:active svg, ._toolbarButton_gm91f_207:active svg {
|
|
372
372
|
transform: translate(1px, 1px);
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
.
|
|
375
|
+
._toolbarToggleItem_gm91f_179[data-state=on], ._toolbarButton_gm91f_207[data-state=on], ._toolbarToggleItem_gm91f_179:active, ._toolbarButton_gm91f_207:active {
|
|
376
376
|
background-color: var(--accentBgActive);
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.
|
|
379
|
+
._toolbarButton_gm91f_207 {
|
|
380
380
|
border-radius: var(--radius-base);
|
|
381
381
|
}
|
|
382
382
|
|
|
383
|
-
.
|
|
383
|
+
._toolbarToggleSingleGroup_gm91f_193 {
|
|
384
384
|
white-space: nowrap;
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
.
|
|
387
|
+
._toolbarNodeKindSelectContainer_gm91f_236, ._toolbarButtonDropdownContainer_gm91f_237, ._toolbarCodeBlockLanguageSelectContent_gm91f_238
|
|
388
388
|
{
|
|
389
|
-
z-index:
|
|
389
|
+
z-index: 3;
|
|
390
390
|
width: var(--spacing-36);
|
|
391
391
|
border-bottom-left-radius: var(--radius-base);
|
|
392
392
|
border-bottom-right-radius: var(--radius-base);
|
|
@@ -394,11 +394,11 @@
|
|
|
394
394
|
font-size: var(--text-sm);
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
-
.
|
|
397
|
+
._toolbarButtonDropdownContainer_gm91f_237 {
|
|
398
398
|
border-top-right-radius: var(--radius-base);
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.
|
|
401
|
+
._toolbarNodeKindSelectTrigger_gm91f_252, ._toolbarButtonSelectTrigger_gm91f_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_gm91f_252:hover, ._toolbarButtonSelectTrigger_gm91f_253:hover {
|
|
420
420
|
background-color: var(--baseBgHover);
|
|
421
421
|
}
|
|
422
422
|
|
|
423
|
-
.
|
|
423
|
+
._toolbarNodeKindSelectTrigger_gm91f_252[data-state=open], ._toolbarButtonSelectTrigger_gm91f_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_gm91f_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_gm91f_286, ._toolbarCodeBlockLanguageSelectContent_gm91f_238
|
|
440
440
|
{
|
|
441
441
|
width: var(--spacing-48);
|
|
442
442
|
}
|
|
443
443
|
|
|
444
|
-
.
|
|
444
|
+
._toolbarNodeKindSelectItem_gm91f_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_gm91f_292[data-highlighted] {
|
|
451
451
|
background-color: var(--baseBgSubtle);
|
|
452
452
|
}
|
|
453
453
|
|
|
454
|
-
.
|
|
454
|
+
._toolbarNodeKindSelectItem_gm91f_292[data-state=checked] {
|
|
455
455
|
background-color: var(--accentBgActive);
|
|
456
456
|
}
|
|
457
457
|
|
|
458
|
-
.
|
|
458
|
+
._toolbarNodeKindSelectItem_gm91f_292[data-highlighted] {
|
|
459
459
|
outline: none;
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
.
|
|
462
|
+
._toolbarNodeKindSelectItem_gm91f_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_gm91f_315 {
|
|
468
468
|
margin-left: auto;
|
|
469
469
|
}
|
|
470
470
|
|
|
471
|
-
.
|
|
471
|
+
._contentEditable_gm91f_319 {
|
|
472
472
|
width: 100%;
|
|
473
473
|
color: var(--baseTextContrast);
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
.
|
|
476
|
+
._contentEditable_gm91f_319:focus {
|
|
477
477
|
outline: none;
|
|
478
478
|
}
|
|
479
479
|
|
|
480
|
-
.
|
|
480
|
+
._sandpackWrapper_gm91f_327 {
|
|
481
481
|
margin-bottom:var(--spacing-5);
|
|
482
482
|
}
|
|
483
483
|
|
|
484
|
-
.
|
|
484
|
+
._frontmatterWrapper_gm91f_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_gm91f_331[data-expanded=true] {
|
|
491
491
|
margin-bottom: var(--spacing-10);
|
|
492
492
|
}
|
|
493
493
|
|
|
494
|
-
.
|
|
494
|
+
._frontmatterToggleButton_gm91f_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_gm91f_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_gm91f_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_gm91f_349 col:nth-child(1) {
|
|
523
523
|
width: 30%;
|
|
524
524
|
}
|
|
525
525
|
|
|
526
|
-
.
|
|
526
|
+
._frontmatterEditorTable_gm91f_349 col:nth-child(2) {
|
|
527
527
|
width: 70%;
|
|
528
528
|
}
|
|
529
529
|
|
|
530
|
-
.
|
|
530
|
+
._frontmatterEditorTable_gm91f_349 td:last-child ._iconButton_gm91f_367 {
|
|
531
531
|
margin-left: var(--spacing-4);
|
|
532
532
|
margin-right: var(--spacing-4);
|
|
533
533
|
}
|
|
534
534
|
|
|
535
|
-
.
|
|
535
|
+
._frontmatterInput_gm91f_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_gm91f_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_gm91f_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_gm91f_398 {
|
|
585
585
|
display: flex;
|
|
586
586
|
align-items: center;
|
|
587
587
|
gap: var(--spacing-2);
|
|
588
588
|
}
|
|
589
589
|
|
|
590
|
-
.
|
|
590
|
+
._linkDialogInputContainer_gm91f_404 {
|
|
591
591
|
display: flex;
|
|
592
592
|
flex-direction: column;
|
|
593
593
|
align-items: stretch;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
-
.
|
|
596
|
+
._linkDialogInputWrapper_gm91f_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_gm91f_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_gm91f_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_gm91f_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_gm91f_404::-moz-placeholder {
|
|
640
640
|
color: var(--baseBorder);
|
|
641
641
|
}
|
|
642
642
|
|
|
643
|
-
.
|
|
643
|
+
._linkDialogInput_gm91f_404::placeholder {
|
|
644
644
|
color: var(--baseBorder);
|
|
645
645
|
}
|
|
646
646
|
|
|
647
|
-
.
|
|
647
|
+
._linkDialogAutocompleteContainer_gm91f_440 {
|
|
648
648
|
position: relative;
|
|
649
649
|
}
|
|
650
650
|
|
|
651
|
-
.
|
|
651
|
+
._linkDialogAutocompleteContainer_gm91f_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_gm91f_440 ul[data-visible=true] {
|
|
669
669
|
display: block;
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
.
|
|
672
|
+
._linkDialogAutocompleteContainer_gm91f_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_gm91f_440 ul li[data-selected=true] {
|
|
681
681
|
background-color: var(--baseBgSubtle);
|
|
682
682
|
}
|
|
683
683
|
|
|
684
|
-
.
|
|
684
|
+
._linkDialogAutocompleteContainer_gm91f_440 ul li[data-highlighted=true] {
|
|
685
685
|
background-color: var(--baseBgHover);
|
|
686
686
|
}
|
|
687
687
|
|
|
688
|
-
.
|
|
688
|
+
._linkDialogAutocompleteContainer_gm91f_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_gm91f_485 {
|
|
694
694
|
position: absolute;
|
|
695
695
|
background-color: highlight;
|
|
696
696
|
z-index: -1;
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.
|
|
699
|
+
._linkDialogAnchor_gm91f_485[data-visible=true] {
|
|
700
700
|
visibility: visible;
|
|
701
701
|
}
|
|
702
702
|
|
|
703
|
-
.
|
|
703
|
+
._linkDialogAnchor_gm91f_485[data-visible=false] {
|
|
704
704
|
visibility: hidden;
|
|
705
705
|
}
|
|
706
706
|
|
|
707
|
-
.
|
|
707
|
+
._linkDialogPopoverContent_gm91f_499, ._tableColumnEditorPopoverContent_gm91f_499, ._dialogContent_gm91f_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_gm91f_513 {
|
|
720
720
|
margin-right: var(--spacing-3);
|
|
721
721
|
display: flex;
|
|
722
722
|
align-items: flex-start;
|
|
@@ -725,20 +725,22 @@
|
|
|
725
725
|
border: 1px solid transparent;
|
|
726
726
|
}
|
|
727
727
|
|
|
728
|
-
.
|
|
728
|
+
._linkDialogPreviewAnchor_gm91f_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_gm91f_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_gm91f_535 {
|
|
742
|
+
z-index: 2;
|
|
743
|
+
position: relative;
|
|
742
744
|
border-radius: var(--radius-medium);
|
|
743
745
|
padding: var(--spacing-1) var(--spacing-2);
|
|
744
746
|
font-size: var(--text-xs);
|
|
@@ -746,11 +748,11 @@
|
|
|
746
748
|
color: var(--baseBase);
|
|
747
749
|
}
|
|
748
750
|
|
|
749
|
-
.
|
|
751
|
+
._tooltipContent_gm91f_535 svg {
|
|
750
752
|
fill: var(--baseText);
|
|
751
753
|
}
|
|
752
754
|
|
|
753
|
-
.
|
|
755
|
+
._actionButton_gm91f_549 {
|
|
754
756
|
border: 0;
|
|
755
757
|
background-color: transparent;
|
|
756
758
|
font-size: inherit;
|
|
@@ -765,33 +767,33 @@
|
|
|
765
767
|
border-radius: var(--radius-medium);
|
|
766
768
|
}
|
|
767
769
|
|
|
768
|
-
.
|
|
770
|
+
._actionButton_gm91f_549 svg {
|
|
769
771
|
display: block;
|
|
770
772
|
}
|
|
771
773
|
|
|
772
|
-
.
|
|
774
|
+
._actionButton_gm91f_549:hover {
|
|
773
775
|
background-color: var(--baseBgHover);
|
|
774
776
|
}
|
|
775
777
|
|
|
776
|
-
.
|
|
778
|
+
._actionButton_gm91f_549:active svg {
|
|
777
779
|
transform: translate(1px, 1px);
|
|
778
780
|
}
|
|
779
781
|
|
|
780
|
-
.
|
|
782
|
+
._actionButton_gm91f_549[data-state=on], ._actionButton_gm91f_549:active {
|
|
781
783
|
background-color: var(--accentBgActive);
|
|
782
784
|
}
|
|
783
785
|
|
|
784
|
-
.
|
|
786
|
+
._primaryActionButton_gm91f_555 {
|
|
785
787
|
background-color: var(--accentSolid);
|
|
786
788
|
color:var(--baseBase);
|
|
787
789
|
}
|
|
788
790
|
|
|
789
|
-
.
|
|
791
|
+
._primaryActionButton_gm91f_555:hover {
|
|
790
792
|
background-color: var(--accentSolidHover);
|
|
791
793
|
color:var(--baseBase);
|
|
792
794
|
}
|
|
793
795
|
|
|
794
|
-
.
|
|
796
|
+
._tableEditor_gm91f_564 {
|
|
795
797
|
table-layout: fixed;
|
|
796
798
|
width: 100%;
|
|
797
799
|
height: 100%;
|
|
@@ -799,50 +801,50 @@
|
|
|
799
801
|
border-collapse: collapse;
|
|
800
802
|
}
|
|
801
803
|
|
|
802
|
-
.
|
|
804
|
+
._tableEditor_gm91f_564 thead > tr > th {
|
|
803
805
|
text-align: right;
|
|
804
806
|
}
|
|
805
807
|
|
|
806
|
-
.
|
|
808
|
+
._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) {
|
|
807
809
|
border: 1px solid var(--baseBorder);
|
|
808
810
|
padding: var(--spacing-1) var(--spacing-2);
|
|
809
811
|
white-space: normal;
|
|
810
812
|
}
|
|
811
813
|
|
|
812
|
-
.
|
|
814
|
+
._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div {
|
|
813
815
|
outline: none;
|
|
814
816
|
}
|
|
815
817
|
|
|
816
|
-
.
|
|
818
|
+
._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div > p {
|
|
817
819
|
margin: 0;
|
|
818
820
|
}
|
|
819
821
|
|
|
820
|
-
.
|
|
822
|
+
._tableEditor_gm91f_564 > tbody > tr > td[data-active=true]:not(._toolCell_gm91f_575) {
|
|
821
823
|
outline: solid 2px var(--accentSolid)
|
|
822
824
|
}
|
|
823
825
|
|
|
824
|
-
.
|
|
826
|
+
._tableEditor_gm91f_564 ._tableColumnEditorTrigger_gm91f_592, ._tableEditor_gm91f_564 ._tableRowEditorTrigger_gm91f_592, ._tableEditor_gm91f_564 ._addRowButton_gm91f_592, ._tableEditor_gm91f_564 ._addColumnButton_gm91f_592, ._tableEditor_gm91f_564 ._iconButton_gm91f_367 {
|
|
825
827
|
opacity: .2;
|
|
826
828
|
}
|
|
827
829
|
|
|
828
|
-
.
|
|
830
|
+
._tableEditor_gm91f_564:hover ._tableColumnEditorTrigger_gm91f_592, ._tableEditor_gm91f_564:hover ._tableRowEditorTrigger_gm91f_592, ._tableEditor_gm91f_564:hover ._addRowButton_gm91f_592, ._tableEditor_gm91f_564:hover ._addColumnButton_gm91f_592, ._tableEditor_gm91f_564:hover ._iconButton_gm91f_367 {
|
|
829
831
|
opacity: .5;
|
|
830
832
|
}
|
|
831
833
|
|
|
832
|
-
.
|
|
834
|
+
._tableEditor_gm91f_564:hover ._tableColumnEditorTrigger_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._tableRowEditorTrigger_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._addRowButton_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._addColumnButton_gm91f_592:hover, ._tableEditor_gm91f_564:hover ._iconButton_gm91f_367:hover {
|
|
833
835
|
opacity: 1;
|
|
834
836
|
};
|
|
835
837
|
|
|
836
|
-
.
|
|
838
|
+
._toolCell_gm91f_575 {
|
|
837
839
|
text-align: right;
|
|
838
840
|
}
|
|
839
841
|
|
|
840
|
-
.
|
|
842
|
+
._toolCell_gm91f_575 button {
|
|
841
843
|
margin: auto;
|
|
842
844
|
display: block;
|
|
843
845
|
}
|
|
844
846
|
|
|
845
|
-
.
|
|
847
|
+
._tableColumnEditorTrigger_gm91f_592 {
|
|
846
848
|
border: 0;
|
|
847
849
|
background-color: transparent;
|
|
848
850
|
font-size: inherit;
|
|
@@ -858,31 +860,31 @@
|
|
|
858
860
|
opacity: 0.2;
|
|
859
861
|
}
|
|
860
862
|
|
|
861
|
-
.
|
|
863
|
+
._tableColumnEditorTrigger_gm91f_592 svg {
|
|
862
864
|
display: block;
|
|
863
865
|
}
|
|
864
866
|
|
|
865
|
-
.
|
|
867
|
+
._tableColumnEditorTrigger_gm91f_592:hover {
|
|
866
868
|
background-color: var(--baseBgHover);
|
|
867
869
|
}
|
|
868
870
|
|
|
869
|
-
.
|
|
871
|
+
._tableColumnEditorTrigger_gm91f_592:active svg {
|
|
870
872
|
transform: translate(1px, 1px);
|
|
871
873
|
}
|
|
872
874
|
|
|
873
|
-
.
|
|
875
|
+
._tableColumnEditorTrigger_gm91f_592[data-state=on], ._tableColumnEditorTrigger_gm91f_592:active {
|
|
874
876
|
background-color: var(--accentBgActive);
|
|
875
877
|
}
|
|
876
878
|
|
|
877
|
-
.
|
|
879
|
+
._tableColumnEditorTrigger_gm91f_592[data-active=true] {
|
|
878
880
|
opacity: 1;
|
|
879
881
|
}
|
|
880
882
|
|
|
881
|
-
.
|
|
883
|
+
._tableColumnEditorToolbar_gm91f_626 {
|
|
882
884
|
display: flex;
|
|
883
885
|
}
|
|
884
886
|
|
|
885
|
-
.
|
|
887
|
+
._tableColumnEditorToolbar_gm91f_626 > button {
|
|
886
888
|
border: 0;
|
|
887
889
|
background-color: transparent;
|
|
888
890
|
font-size: inherit;
|
|
@@ -895,32 +897,32 @@
|
|
|
895
897
|
padding: var(--spacing-2);
|
|
896
898
|
}
|
|
897
899
|
|
|
898
|
-
.
|
|
900
|
+
._tableColumnEditorToolbar_gm91f_626 > button svg {
|
|
899
901
|
display: block;
|
|
900
902
|
}
|
|
901
903
|
|
|
902
|
-
.
|
|
904
|
+
._tableColumnEditorToolbar_gm91f_626 > button:hover {
|
|
903
905
|
background-color: var(--baseBgHover);
|
|
904
906
|
}
|
|
905
907
|
|
|
906
|
-
.
|
|
908
|
+
._tableColumnEditorToolbar_gm91f_626 > button:active svg {
|
|
907
909
|
transform: translate(1px, 1px);
|
|
908
910
|
}
|
|
909
911
|
|
|
910
|
-
.
|
|
912
|
+
._tableColumnEditorToolbar_gm91f_626 > button[data-state=on], ._tableColumnEditorToolbar_gm91f_626 > button:active {
|
|
911
913
|
background-color: var(--accentBgActive);
|
|
912
914
|
}
|
|
913
915
|
|
|
914
|
-
.
|
|
916
|
+
._tableColumnEditorToolbar_gm91f_626 [role=separator] {
|
|
915
917
|
margin-left: var(--spacing-1);
|
|
916
918
|
margin-right: var(--spacing-1);
|
|
917
919
|
}
|
|
918
920
|
|
|
919
|
-
.
|
|
921
|
+
._toggleGroupRoot_gm91f_638 {
|
|
920
922
|
display: inline-flex;
|
|
921
923
|
}
|
|
922
924
|
|
|
923
|
-
.
|
|
925
|
+
._toggleGroupRoot_gm91f_638 button {
|
|
924
926
|
border: 0;
|
|
925
927
|
background-color: transparent;
|
|
926
928
|
font-size: inherit;
|
|
@@ -933,54 +935,54 @@
|
|
|
933
935
|
padding: var(--spacing-2);
|
|
934
936
|
}
|
|
935
937
|
|
|
936
|
-
.
|
|
938
|
+
._toggleGroupRoot_gm91f_638 button svg {
|
|
937
939
|
display: block;
|
|
938
940
|
}
|
|
939
941
|
|
|
940
|
-
.
|
|
942
|
+
._toggleGroupRoot_gm91f_638 button:hover {
|
|
941
943
|
background-color: var(--baseBgHover);
|
|
942
944
|
}
|
|
943
945
|
|
|
944
|
-
.
|
|
946
|
+
._toggleGroupRoot_gm91f_638 button:active svg {
|
|
945
947
|
transform: translate(1px, 1px);
|
|
946
948
|
}
|
|
947
949
|
|
|
948
|
-
.
|
|
950
|
+
._toggleGroupRoot_gm91f_638 button[data-state=on], ._toggleGroupRoot_gm91f_638 button:active {
|
|
949
951
|
background-color: var(--accentBgActive);
|
|
950
952
|
}
|
|
951
953
|
|
|
952
|
-
.
|
|
954
|
+
._toggleGroupRoot_gm91f_638 button:first-child {
|
|
953
955
|
border-top-left-radius: var(--radius-base);
|
|
954
956
|
border-bottom-left-radius: var(--radius-base);
|
|
955
957
|
}
|
|
956
958
|
|
|
957
|
-
.
|
|
959
|
+
._toggleGroupRoot_gm91f_638 button:last-child {
|
|
958
960
|
border-top-right-radius: var(--radius-base);
|
|
959
961
|
border-bottom-right-radius: var(--radius-base);
|
|
960
962
|
}
|
|
961
963
|
|
|
962
|
-
.
|
|
964
|
+
._tableToolsColumn_gm91f_655 {
|
|
963
965
|
width: 3rem;
|
|
964
966
|
}
|
|
965
967
|
|
|
966
|
-
.
|
|
968
|
+
._tableToolsColumn_gm91f_655 button {
|
|
967
969
|
margin: auto;
|
|
968
970
|
display: block;
|
|
969
971
|
}
|
|
970
972
|
|
|
971
|
-
.
|
|
973
|
+
._leftAlignedCell_gm91f_663 {
|
|
972
974
|
text-align: left;
|
|
973
975
|
}
|
|
974
976
|
|
|
975
|
-
.
|
|
977
|
+
._rightAlignedCell_gm91f_667 {
|
|
976
978
|
text-align: right;
|
|
977
979
|
}
|
|
978
980
|
|
|
979
|
-
.
|
|
981
|
+
._centeredCell_gm91f_671 {
|
|
980
982
|
text-align: center;
|
|
981
983
|
}
|
|
982
984
|
|
|
983
|
-
.
|
|
985
|
+
._addColumnButton_gm91f_592, ._addRowButton_gm91f_592 {
|
|
984
986
|
border: 0;
|
|
985
987
|
background-color: transparent;
|
|
986
988
|
font-size: inherit;
|
|
@@ -998,62 +1000,62 @@
|
|
|
998
1000
|
border-radius: var(--radius-medium);
|
|
999
1001
|
}
|
|
1000
1002
|
|
|
1001
|
-
.
|
|
1003
|
+
._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
|
|
1002
1004
|
display: block;
|
|
1003
1005
|
}
|
|
1004
1006
|
|
|
1005
|
-
.
|
|
1007
|
+
._addColumnButton_gm91f_592:hover, ._addRowButton_gm91f_592:hover {
|
|
1006
1008
|
background-color: var(--baseBgHover);
|
|
1007
1009
|
}
|
|
1008
1010
|
|
|
1009
|
-
.
|
|
1011
|
+
._addColumnButton_gm91f_592:active svg, ._addRowButton_gm91f_592:active svg {
|
|
1010
1012
|
transform: translate(1px, 1px);
|
|
1011
1013
|
}
|
|
1012
1014
|
|
|
1013
|
-
.
|
|
1015
|
+
._addColumnButton_gm91f_592[data-state=on], ._addRowButton_gm91f_592[data-state=on], ._addColumnButton_gm91f_592:active, ._addRowButton_gm91f_592:active {
|
|
1014
1016
|
background-color: var(--accentBgActive);
|
|
1015
1017
|
}
|
|
1016
1018
|
|
|
1017
|
-
.
|
|
1019
|
+
._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
|
|
1018
1020
|
margin: auto;
|
|
1019
1021
|
}
|
|
1020
1022
|
|
|
1021
|
-
.
|
|
1023
|
+
._addRowButton_gm91f_592 {
|
|
1022
1024
|
width: 100%;
|
|
1023
1025
|
margin-top: var(--spacing-2);
|
|
1024
1026
|
box-sizing: border-box;
|
|
1025
1027
|
}
|
|
1026
1028
|
|
|
1027
|
-
.
|
|
1029
|
+
._addColumnButton_gm91f_592 {
|
|
1028
1030
|
margin-left: var(--spacing-2);
|
|
1029
1031
|
height: 100%;
|
|
1030
1032
|
}
|
|
1031
1033
|
|
|
1032
1034
|
/** Dialog */
|
|
1033
1035
|
|
|
1034
|
-
.
|
|
1036
|
+
._dialogOverlay_gm91f_699 {
|
|
1035
1037
|
position: fixed;
|
|
1036
1038
|
inset: 0;
|
|
1037
|
-
animation:
|
|
1039
|
+
animation: _overlayShow_gm91f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1038
1040
|
background-color: var(--baseBase);
|
|
1039
1041
|
z-index: 51;
|
|
1040
1042
|
opacity: 0.5;
|
|
1041
1043
|
}
|
|
1042
1044
|
|
|
1043
|
-
.
|
|
1045
|
+
._dialogContent_gm91f_499 {
|
|
1044
1046
|
position: fixed;
|
|
1045
1047
|
top: 50%;
|
|
1046
1048
|
left: 50%;
|
|
1047
1049
|
transform: translate(-50%, -50%);
|
|
1048
|
-
animation:
|
|
1050
|
+
animation: _contentShow_gm91f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1049
1051
|
z-index: 52;
|
|
1050
1052
|
}
|
|
1051
1053
|
|
|
1052
|
-
.
|
|
1054
|
+
._dialogContent_gm91f_499:focus {
|
|
1053
1055
|
outline: none;
|
|
1054
1056
|
}
|
|
1055
1057
|
|
|
1056
|
-
@keyframes
|
|
1058
|
+
@keyframes _overlayShow_gm91f_1 {
|
|
1057
1059
|
from {
|
|
1058
1060
|
opacity: 0;
|
|
1059
1061
|
}
|
|
@@ -1062,7 +1064,7 @@
|
|
|
1062
1064
|
}
|
|
1063
1065
|
}
|
|
1064
1066
|
|
|
1065
|
-
@keyframes
|
|
1067
|
+
@keyframes _contentShow_gm91f_1 {
|
|
1066
1068
|
from {
|
|
1067
1069
|
opacity: 0;
|
|
1068
1070
|
transform: translate(-50%, -48%) scale(0.96);
|