@mdxeditor/editor 0.4.0 → 0.4.2

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 CHANGED
@@ -189,7 +189,7 @@
189
189
 
190
190
  }
191
191
 
192
- ._editorRoot_15boy_47 {
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
- ._editorWrapper_15boy_141 {
286
+ ._editorWrapper_gm91f_141 {
287
287
  padding: var(--spacing-3);
288
288
  }
289
289
 
290
- ._nestedListItem_15boy_145 {
290
+ ._nestedListItem_gm91f_145 {
291
291
  list-style: none;
292
292
  }
293
293
 
294
- ._toolbarRoot_15boy_149 {
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
- ._toolbarRoot_15boy_149 div[role=separator] {
311
+ ._toolbarRoot_gm91f_149 div[role=separator] {
312
312
  margin: var(--spacing-1);
313
313
  }
314
314
 
315
- ._toolbarModeSwitch_15boy_170 {
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
- ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179 {
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
- ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179:active, ._toolbarModeSwitch_15boy_170 ._toolbarToggleItem_15boy_179[data-state=on] {
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
- ._toolbarGroupOfGroups_15boy_189 {
336
+ ._toolbarGroupOfGroups_gm91f_189 {
337
337
  display: flex;
338
338
  }
339
339
 
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 {
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
- ._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 {
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
- ._toolbarToggleItem_15boy_179, ._toolbarButton_15boy_207 {
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
- ._toolbarToggleItem_15boy_179 svg, ._toolbarButton_15boy_207 svg {
363
+ ._toolbarToggleItem_gm91f_179 svg, ._toolbarButton_gm91f_207 svg {
364
364
  display: block;
365
365
  }
366
366
 
367
- ._toolbarToggleItem_15boy_179:hover, ._toolbarButton_15boy_207:hover {
367
+ ._toolbarToggleItem_gm91f_179:hover, ._toolbarButton_gm91f_207:hover {
368
368
  background-color: var(--baseBgHover);
369
369
  }
370
370
 
371
- ._toolbarToggleItem_15boy_179:active svg, ._toolbarButton_15boy_207:active svg {
371
+ ._toolbarToggleItem_gm91f_179:active svg, ._toolbarButton_gm91f_207:active svg {
372
372
  transform: translate(1px, 1px);
373
373
  }
374
374
 
375
- ._toolbarToggleItem_15boy_179[data-state=on], ._toolbarButton_15boy_207[data-state=on], ._toolbarToggleItem_15boy_179:active, ._toolbarButton_15boy_207:active {
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
- ._toolbarButton_15boy_207 {
379
+ ._toolbarButton_gm91f_207 {
380
380
  border-radius: var(--radius-base);
381
381
  }
382
382
 
383
- ._toolbarToggleSingleGroup_15boy_193 {
383
+ ._toolbarToggleSingleGroup_gm91f_193 {
384
384
  white-space: nowrap;
385
385
  }
386
386
 
387
- ._toolbarNodeKindSelectContainer_15boy_236, ._toolbarButtonDropdownContainer_15boy_237, ._toolbarCodeBlockLanguageSelectContent_15boy_238
387
+ ._toolbarNodeKindSelectContainer_gm91f_236, ._toolbarButtonDropdownContainer_gm91f_237, ._toolbarCodeBlockLanguageSelectContent_gm91f_238
388
388
  {
389
- z-index: 60;
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
- ._toolbarButtonDropdownContainer_15boy_237 {
397
+ ._toolbarButtonDropdownContainer_gm91f_237 {
398
398
  border-top-right-radius: var(--radius-base);
399
399
  }
400
400
 
401
- ._toolbarNodeKindSelectTrigger_15boy_252, ._toolbarButtonSelectTrigger_15boy_253 {
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
- ._toolbarNodeKindSelectTrigger_15boy_252:hover, ._toolbarButtonSelectTrigger_15boy_253:hover {
419
+ ._toolbarNodeKindSelectTrigger_gm91f_252:hover, ._toolbarButtonSelectTrigger_gm91f_253:hover {
420
420
  background-color: var(--baseBgHover);
421
421
  }
422
422
 
423
- ._toolbarNodeKindSelectTrigger_15boy_252[data-state=open], ._toolbarButtonSelectTrigger_15boy_253[data-state=open] {
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
- ._toolbarButtonSelectTrigger_15boy_253 {
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
- ._toolbarCodeBlockLanguageSelectTrigger_15boy_286, ._toolbarCodeBlockLanguageSelectContent_15boy_238
439
+ ._toolbarCodeBlockLanguageSelectTrigger_gm91f_286, ._toolbarCodeBlockLanguageSelectContent_gm91f_238
440
440
  {
441
441
  width: var(--spacing-48);
442
442
  }
443
443
 
444
- ._toolbarNodeKindSelectItem_15boy_292 {
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
- ._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
450
+ ._toolbarNodeKindSelectItem_gm91f_292[data-highlighted] {
451
451
  background-color: var(--baseBgSubtle);
452
452
  }
453
453
 
454
- ._toolbarNodeKindSelectItem_15boy_292[data-state=checked] {
454
+ ._toolbarNodeKindSelectItem_gm91f_292[data-state=checked] {
455
455
  background-color: var(--accentBgActive);
456
456
  }
457
457
 
458
- ._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
458
+ ._toolbarNodeKindSelectItem_gm91f_292[data-highlighted] {
459
459
  outline: none;
460
460
  }
461
461
 
462
- ._toolbarNodeKindSelectItem_15boy_292:last-child {
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
- ._toolbarNodeKindSelectDropdownArrow_15boy_315 {
467
+ ._toolbarNodeKindSelectDropdownArrow_gm91f_315 {
468
468
  margin-left: auto;
469
469
  }
470
470
 
471
- ._contentEditable_15boy_319 {
471
+ ._contentEditable_gm91f_319 {
472
472
  width: 100%;
473
473
  color: var(--baseTextContrast);
474
474
  }
475
475
 
476
- ._contentEditable_15boy_319:focus {
476
+ ._contentEditable_gm91f_319:focus {
477
477
  outline: none;
478
478
  }
479
479
 
480
- ._sandpackWrapper_15boy_327 {
480
+ ._sandpackWrapper_gm91f_327 {
481
481
  margin-bottom:var(--spacing-5);
482
482
  }
483
483
 
484
- ._frontmatterWrapper_15boy_331 {
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
- ._frontmatterWrapper_15boy_331[data-expanded=true] {
490
+ ._frontmatterWrapper_gm91f_331[data-expanded=true] {
491
491
  margin-bottom: var(--spacing-10);
492
492
  }
493
493
 
494
- ._frontmatterToggleButton_15boy_341 {
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
- ._frontmatterEditorTable_15boy_349 {
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
- ._frontmatterEditorTable_15boy_349 th {
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
- ._frontmatterEditorTable_15boy_349 col:nth-child(1) {
522
+ ._frontmatterEditorTable_gm91f_349 col:nth-child(1) {
523
523
  width: 30%;
524
524
  }
525
525
 
526
- ._frontmatterEditorTable_15boy_349 col:nth-child(2) {
526
+ ._frontmatterEditorTable_gm91f_349 col:nth-child(2) {
527
527
  width: 70%;
528
528
  }
529
529
 
530
- ._frontmatterEditorTable_15boy_349 td:last-child ._iconButton_15boy_367 {
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
- ._frontmatterInput_15boy_373 {
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
- ._iconButton_15boy_367 {
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
- ._primaryButton_15boy_388 {
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
- ._linkDialogEditForm_15boy_398 {
584
+ ._linkDialogEditForm_gm91f_398 {
585
585
  display: flex;
586
586
  align-items: center;
587
587
  gap: var(--spacing-2);
588
588
  }
589
589
 
590
- ._linkDialogInputContainer_15boy_404 {
590
+ ._linkDialogInputContainer_gm91f_404 {
591
591
  display: flex;
592
592
  flex-direction: column;
593
593
  align-items: stretch;
594
594
  }
595
595
 
596
- ._linkDialogInputWrapper_15boy_410 {
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
- ._linkDialogInputWrapper_15boy_410[data-visible-dropdown=true] {
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
- ._linkDialogInputWrapper_15boy_410 > button {
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
- ._linkDialogInput_15boy_404 {
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
- ._linkDialogInput_15boy_404::-moz-placeholder {
639
+ ._linkDialogInput_gm91f_404::-moz-placeholder {
640
640
  color: var(--baseBorder);
641
641
  }
642
642
 
643
- ._linkDialogInput_15boy_404::placeholder {
643
+ ._linkDialogInput_gm91f_404::placeholder {
644
644
  color: var(--baseBorder);
645
645
  }
646
646
 
647
- ._linkDialogAutocompleteContainer_15boy_440 {
647
+ ._linkDialogAutocompleteContainer_gm91f_440 {
648
648
  position: relative;
649
649
  }
650
650
 
651
- ._linkDialogAutocompleteContainer_15boy_440 ul {
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
- ._linkDialogAutocompleteContainer_15boy_440 ul[data-visible=true] {
668
+ ._linkDialogAutocompleteContainer_gm91f_440 ul[data-visible=true] {
669
669
  display: block;
670
670
  }
671
671
 
672
- ._linkDialogAutocompleteContainer_15boy_440 ul li {
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
- ._linkDialogAutocompleteContainer_15boy_440 ul li[data-selected=true] {
680
+ ._linkDialogAutocompleteContainer_gm91f_440 ul li[data-selected=true] {
681
681
  background-color: var(--baseBgSubtle);
682
682
  }
683
683
 
684
- ._linkDialogAutocompleteContainer_15boy_440 ul li[data-highlighted=true] {
684
+ ._linkDialogAutocompleteContainer_gm91f_440 ul li[data-highlighted=true] {
685
685
  background-color: var(--baseBgHover);
686
686
  }
687
687
 
688
- ._linkDialogAutocompleteContainer_15boy_440 ul li:last-of-type {
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
- ._linkDialogAnchor_15boy_485 {
693
+ ._linkDialogAnchor_gm91f_485 {
694
694
  position: absolute;
695
695
  background-color: highlight;
696
696
  z-index: -1;
697
697
  }
698
698
 
699
- ._linkDialogAnchor_15boy_485[data-visible=true] {
699
+ ._linkDialogAnchor_gm91f_485[data-visible=true] {
700
700
  visibility: visible;
701
701
  }
702
702
 
703
- ._linkDialogAnchor_15boy_485[data-visible=false] {
703
+ ._linkDialogAnchor_gm91f_485[data-visible=false] {
704
704
  visibility: hidden;
705
705
  }
706
706
 
707
- ._linkDialogPopoverContent_15boy_499, ._tableColumnEditorPopoverContent_15boy_499, ._dialogContent_15boy_499 {
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
- ._linkDialogPreviewAnchor_15boy_513 {
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
- ._linkDialogPreviewAnchor_15boy_513 svg {
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
- ._linkDialogPreviewAnchor_15boy_513 span {
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
- ._tooltipContent_15boy_535 {
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
- ._tooltipContent_15boy_535 svg {
751
+ ._tooltipContent_gm91f_535 svg {
750
752
  fill: var(--baseText);
751
753
  }
752
754
 
753
- ._actionButton_15boy_547 {
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
- ._actionButton_15boy_547 svg {
770
+ ._actionButton_gm91f_549 svg {
769
771
  display: block;
770
772
  }
771
773
 
772
- ._actionButton_15boy_547:hover {
774
+ ._actionButton_gm91f_549:hover {
773
775
  background-color: var(--baseBgHover);
774
776
  }
775
777
 
776
- ._actionButton_15boy_547:active svg {
778
+ ._actionButton_gm91f_549:active svg {
777
779
  transform: translate(1px, 1px);
778
780
  }
779
781
 
780
- ._actionButton_15boy_547[data-state=on], ._actionButton_15boy_547:active {
782
+ ._actionButton_gm91f_549[data-state=on], ._actionButton_gm91f_549:active {
781
783
  background-color: var(--accentBgActive);
782
784
  }
783
785
 
784
- ._primaryActionButton_15boy_553 {
786
+ ._primaryActionButton_gm91f_555 {
785
787
  background-color: var(--accentSolid);
786
788
  color:var(--baseBase);
787
789
  }
788
790
 
789
- ._primaryActionButton_15boy_553:hover {
791
+ ._primaryActionButton_gm91f_555:hover {
790
792
  background-color: var(--accentSolidHover);
791
793
  color:var(--baseBase);
792
794
  }
793
795
 
794
- ._tableEditor_15boy_562 {
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
- ._tableEditor_15boy_562 thead > tr > th {
804
+ ._tableEditor_gm91f_564 thead > tr > th {
803
805
  text-align: right;
804
806
  }
805
807
 
806
- ._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) {
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
- ._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div {
814
+ ._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div {
813
815
  outline: none;
814
816
  }
815
817
 
816
- ._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div > p {
818
+ ._tableEditor_gm91f_564 > tbody > tr > td:not(._toolCell_gm91f_575) > div > p {
817
819
  margin: 0;
818
820
  }
819
821
 
820
- ._tableEditor_15boy_562 > tbody > tr > td[data-active=true]:not(._toolCell_15boy_573) {
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
- ._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 {
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
- ._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 {
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
- ._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 {
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
- ._toolCell_15boy_573 {
838
+ ._toolCell_gm91f_575 {
837
839
  text-align: right;
838
840
  }
839
841
 
840
- ._toolCell_15boy_573 button {
842
+ ._toolCell_gm91f_575 button {
841
843
  margin: auto;
842
844
  display: block;
843
845
  }
844
846
 
845
- ._tableColumnEditorTrigger_15boy_590 {
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
- ._tableColumnEditorTrigger_15boy_590 svg {
863
+ ._tableColumnEditorTrigger_gm91f_592 svg {
862
864
  display: block;
863
865
  }
864
866
 
865
- ._tableColumnEditorTrigger_15boy_590:hover {
867
+ ._tableColumnEditorTrigger_gm91f_592:hover {
866
868
  background-color: var(--baseBgHover);
867
869
  }
868
870
 
869
- ._tableColumnEditorTrigger_15boy_590:active svg {
871
+ ._tableColumnEditorTrigger_gm91f_592:active svg {
870
872
  transform: translate(1px, 1px);
871
873
  }
872
874
 
873
- ._tableColumnEditorTrigger_15boy_590[data-state=on], ._tableColumnEditorTrigger_15boy_590:active {
875
+ ._tableColumnEditorTrigger_gm91f_592[data-state=on], ._tableColumnEditorTrigger_gm91f_592:active {
874
876
  background-color: var(--accentBgActive);
875
877
  }
876
878
 
877
- ._tableColumnEditorTrigger_15boy_590[data-active=true] {
879
+ ._tableColumnEditorTrigger_gm91f_592[data-active=true] {
878
880
  opacity: 1;
879
881
  }
880
882
 
881
- ._tableColumnEditorToolbar_15boy_624 {
883
+ ._tableColumnEditorToolbar_gm91f_626 {
882
884
  display: flex;
883
885
  }
884
886
 
885
- ._tableColumnEditorToolbar_15boy_624 > button {
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
- ._tableColumnEditorToolbar_15boy_624 > button svg {
900
+ ._tableColumnEditorToolbar_gm91f_626 > button svg {
899
901
  display: block;
900
902
  }
901
903
 
902
- ._tableColumnEditorToolbar_15boy_624 > button:hover {
904
+ ._tableColumnEditorToolbar_gm91f_626 > button:hover {
903
905
  background-color: var(--baseBgHover);
904
906
  }
905
907
 
906
- ._tableColumnEditorToolbar_15boy_624 > button:active svg {
908
+ ._tableColumnEditorToolbar_gm91f_626 > button:active svg {
907
909
  transform: translate(1px, 1px);
908
910
  }
909
911
 
910
- ._tableColumnEditorToolbar_15boy_624 > button[data-state=on], ._tableColumnEditorToolbar_15boy_624 > button:active {
912
+ ._tableColumnEditorToolbar_gm91f_626 > button[data-state=on], ._tableColumnEditorToolbar_gm91f_626 > button:active {
911
913
  background-color: var(--accentBgActive);
912
914
  }
913
915
 
914
- ._tableColumnEditorToolbar_15boy_624 [role=separator] {
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
- ._toggleGroupRoot_15boy_636 {
921
+ ._toggleGroupRoot_gm91f_638 {
920
922
  display: inline-flex;
921
923
  }
922
924
 
923
- ._toggleGroupRoot_15boy_636 button {
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
- ._toggleGroupRoot_15boy_636 button svg {
938
+ ._toggleGroupRoot_gm91f_638 button svg {
937
939
  display: block;
938
940
  }
939
941
 
940
- ._toggleGroupRoot_15boy_636 button:hover {
942
+ ._toggleGroupRoot_gm91f_638 button:hover {
941
943
  background-color: var(--baseBgHover);
942
944
  }
943
945
 
944
- ._toggleGroupRoot_15boy_636 button:active svg {
946
+ ._toggleGroupRoot_gm91f_638 button:active svg {
945
947
  transform: translate(1px, 1px);
946
948
  }
947
949
 
948
- ._toggleGroupRoot_15boy_636 button[data-state=on], ._toggleGroupRoot_15boy_636 button:active {
950
+ ._toggleGroupRoot_gm91f_638 button[data-state=on], ._toggleGroupRoot_gm91f_638 button:active {
949
951
  background-color: var(--accentBgActive);
950
952
  }
951
953
 
952
- ._toggleGroupRoot_15boy_636 button:first-child {
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
- ._toggleGroupRoot_15boy_636 button:last-child {
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
- ._tableToolsColumn_15boy_653 {
964
+ ._tableToolsColumn_gm91f_655 {
963
965
  width: 3rem;
964
966
  }
965
967
 
966
- ._tableToolsColumn_15boy_653 button {
968
+ ._tableToolsColumn_gm91f_655 button {
967
969
  margin: auto;
968
970
  display: block;
969
971
  }
970
972
 
971
- ._leftAlignedCell_15boy_661 {
973
+ ._leftAlignedCell_gm91f_663 {
972
974
  text-align: left;
973
975
  }
974
976
 
975
- ._rightAlignedCell_15boy_665 {
977
+ ._rightAlignedCell_gm91f_667 {
976
978
  text-align: right;
977
979
  }
978
980
 
979
- ._centeredCell_15boy_669 {
981
+ ._centeredCell_gm91f_671 {
980
982
  text-align: center;
981
983
  }
982
984
 
983
- ._addColumnButton_15boy_590, ._addRowButton_15boy_590 {
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
- ._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
1003
+ ._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
1002
1004
  display: block;
1003
1005
  }
1004
1006
 
1005
- ._addColumnButton_15boy_590:hover, ._addRowButton_15boy_590:hover {
1007
+ ._addColumnButton_gm91f_592:hover, ._addRowButton_gm91f_592:hover {
1006
1008
  background-color: var(--baseBgHover);
1007
1009
  }
1008
1010
 
1009
- ._addColumnButton_15boy_590:active svg, ._addRowButton_15boy_590:active svg {
1011
+ ._addColumnButton_gm91f_592:active svg, ._addRowButton_gm91f_592:active svg {
1010
1012
  transform: translate(1px, 1px);
1011
1013
  }
1012
1014
 
1013
- ._addColumnButton_15boy_590[data-state=on], ._addRowButton_15boy_590[data-state=on], ._addColumnButton_15boy_590:active, ._addRowButton_15boy_590:active {
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
- ._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
1019
+ ._addColumnButton_gm91f_592 svg, ._addRowButton_gm91f_592 svg {
1018
1020
  margin: auto;
1019
1021
  }
1020
1022
 
1021
- ._addRowButton_15boy_590 {
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
- ._addColumnButton_15boy_590 {
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
- ._dialogOverlay_15boy_697 {
1036
+ ._dialogOverlay_gm91f_699 {
1035
1037
  position: fixed;
1036
1038
  inset: 0;
1037
- animation: _overlayShow_15boy_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
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
- ._dialogContent_15boy_499 {
1045
+ ._dialogContent_gm91f_499 {
1044
1046
  position: fixed;
1045
1047
  top: 50%;
1046
1048
  left: 50%;
1047
1049
  transform: translate(-50%, -50%);
1048
- animation: _contentShow_15boy_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1050
+ animation: _contentShow_gm91f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1049
1051
  z-index: 52;
1050
1052
  }
1051
1053
 
1052
- ._dialogContent_15boy_499:focus {
1054
+ ._dialogContent_gm91f_499:focus {
1053
1055
  outline: none;
1054
1056
  }
1055
1057
 
1056
- @keyframes _overlayShow_15boy_1 {
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 _contentShow_15boy_1 {
1067
+ @keyframes _contentShow_gm91f_1 {
1066
1068
  from {
1067
1069
  opacity: 0;
1068
1070
  transform: translate(-50%, -48%) scale(0.96);