@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/style.css CHANGED
@@ -189,7 +189,7 @@
189
189
 
190
190
  }
191
191
 
192
- ._editorRoot_1x7ym_47 {
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
- ._editorWrapper_1x7ym_141 {
286
+ ._editorWrapper_15boy_141 {
287
287
  padding: var(--spacing-3);
288
288
  }
289
289
 
290
- ._nestedListItem_1x7ym_145 {
290
+ ._nestedListItem_15boy_145 {
291
291
  list-style: none;
292
292
  }
293
293
 
294
- ._toolbarRoot_1x7ym_149 {
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
- ._toolbarRoot_1x7ym_149 div[role=separator] {
311
+ ._toolbarRoot_15boy_149 div[role=separator] {
312
312
  margin: var(--spacing-1);
313
313
  }
314
314
 
315
- ._toolbarModeSwitch_1x7ym_170 {
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
- ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179 {
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
- ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:active, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179[data-state=on] {
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
- ._toolbarGroupOfGroups_1x7ym_189 {
336
+ ._toolbarGroupOfGroups_15boy_189 {
337
337
  display: flex;
338
338
  }
339
339
 
340
- ._toolbarToggleSingleGroup_1x7ym_193:first-of-type ._toolbarToggleItem_1x7ym_179:only-child, ._toolbarToggleSingleGroup_1x7ym_193:only-child ._toolbarToggleItem_1x7ym_179:first-child, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:first-child {
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
- ._toolbarToggleSingleGroup_1x7ym_193:last-of-type ._toolbarToggleItem_1x7ym_179:only-child, ._toolbarToggleSingleGroup_1x7ym_193:only-child ._toolbarToggleItem_1x7ym_179:last-child, ._toolbarModeSwitch_1x7ym_170 ._toolbarToggleItem_1x7ym_179:last-child {
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
- ._toolbarToggleItem_1x7ym_179, ._toolbarButton_1x7ym_207 {
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
- ._toolbarToggleItem_1x7ym_179 svg, ._toolbarButton_1x7ym_207 svg {
363
+ ._toolbarToggleItem_15boy_179 svg, ._toolbarButton_15boy_207 svg {
364
364
  display: block;
365
365
  }
366
366
 
367
- ._toolbarToggleItem_1x7ym_179:hover, ._toolbarButton_1x7ym_207:hover {
367
+ ._toolbarToggleItem_15boy_179:hover, ._toolbarButton_15boy_207:hover {
368
368
  background-color: var(--baseBgHover);
369
369
  }
370
370
 
371
- ._toolbarToggleItem_1x7ym_179:active svg, ._toolbarButton_1x7ym_207:active svg {
371
+ ._toolbarToggleItem_15boy_179:active svg, ._toolbarButton_15boy_207:active svg {
372
372
  transform: translate(1px, 1px);
373
373
  }
374
374
 
375
- ._toolbarToggleItem_1x7ym_179[data-state=on], ._toolbarButton_1x7ym_207[data-state=on], ._toolbarToggleItem_1x7ym_179:active, ._toolbarButton_1x7ym_207:active {
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
- ._toolbarButton_1x7ym_207 {
379
+ ._toolbarButton_15boy_207 {
380
380
  border-radius: var(--radius-base);
381
381
  }
382
382
 
383
- ._toolbarToggleSingleGroup_1x7ym_193 {
383
+ ._toolbarToggleSingleGroup_15boy_193 {
384
384
  white-space: nowrap;
385
385
  }
386
386
 
387
- ._toolbarNodeKindSelectContainer_1x7ym_236, ._toolbarButtonDropdownContainer_1x7ym_237, ._toolbarCodeBlockLanguageSelectContent_1x7ym_238
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
- ._toolbarButtonDropdownContainer_1x7ym_237 {
397
+ ._toolbarButtonDropdownContainer_15boy_237 {
398
398
  border-top-right-radius: var(--radius-base);
399
399
  }
400
400
 
401
- ._toolbarNodeKindSelectTrigger_1x7ym_252, ._toolbarButtonSelectTrigger_1x7ym_253 {
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
- ._toolbarNodeKindSelectTrigger_1x7ym_252:hover, ._toolbarButtonSelectTrigger_1x7ym_253:hover {
419
+ ._toolbarNodeKindSelectTrigger_15boy_252:hover, ._toolbarButtonSelectTrigger_15boy_253:hover {
420
420
  background-color: var(--baseBgHover);
421
421
  }
422
422
 
423
- ._toolbarNodeKindSelectTrigger_1x7ym_252[data-state=open], ._toolbarButtonSelectTrigger_1x7ym_253[data-state=open] {
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
- ._toolbarButtonSelectTrigger_1x7ym_253 {
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
- ._toolbarCodeBlockLanguageSelectTrigger_1x7ym_286, ._toolbarCodeBlockLanguageSelectContent_1x7ym_238
439
+ ._toolbarCodeBlockLanguageSelectTrigger_15boy_286, ._toolbarCodeBlockLanguageSelectContent_15boy_238
440
440
  {
441
441
  width: var(--spacing-48);
442
442
  }
443
443
 
444
- ._toolbarNodeKindSelectItem_1x7ym_292 {
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
- ._toolbarNodeKindSelectItem_1x7ym_292[data-highlighted] {
450
+ ._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
451
451
  background-color: var(--baseBgSubtle);
452
452
  }
453
453
 
454
- ._toolbarNodeKindSelectItem_1x7ym_292[data-state=checked] {
454
+ ._toolbarNodeKindSelectItem_15boy_292[data-state=checked] {
455
455
  background-color: var(--accentBgActive);
456
456
  }
457
457
 
458
- ._toolbarNodeKindSelectItem_1x7ym_292[data-highlighted] {
458
+ ._toolbarNodeKindSelectItem_15boy_292[data-highlighted] {
459
459
  outline: none;
460
460
  }
461
461
 
462
- ._toolbarNodeKindSelectItem_1x7ym_292:last-child {
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
- ._toolbarNodeKindSelectDropdownArrow_1x7ym_315 {
467
+ ._toolbarNodeKindSelectDropdownArrow_15boy_315 {
468
468
  margin-left: auto;
469
469
  }
470
470
 
471
- ._contentEditable_1x7ym_319 {
471
+ ._contentEditable_15boy_319 {
472
472
  width: 100%;
473
473
  color: var(--baseTextContrast);
474
474
  }
475
475
 
476
- ._contentEditable_1x7ym_319:focus {
476
+ ._contentEditable_15boy_319:focus {
477
477
  outline: none;
478
478
  }
479
479
 
480
- ._sandpackWrapper_1x7ym_327 {
480
+ ._sandpackWrapper_15boy_327 {
481
481
  margin-bottom:var(--spacing-5);
482
482
  }
483
483
 
484
- ._frontmatterWrapper_1x7ym_331 {
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
- ._frontmatterWrapper_1x7ym_331[data-expanded=true] {
490
+ ._frontmatterWrapper_15boy_331[data-expanded=true] {
491
491
  margin-bottom: var(--spacing-10);
492
492
  }
493
493
 
494
- ._frontmatterToggleButton_1x7ym_341 {
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
- ._frontmatterEditorTable_1x7ym_349 {
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
- ._frontmatterEditorTable_1x7ym_349 th {
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
- ._frontmatterEditorTable_1x7ym_349 col:nth-child(1) {
522
+ ._frontmatterEditorTable_15boy_349 col:nth-child(1) {
523
523
  width: 30%;
524
524
  }
525
525
 
526
- ._frontmatterEditorTable_1x7ym_349 col:nth-child(2) {
526
+ ._frontmatterEditorTable_15boy_349 col:nth-child(2) {
527
527
  width: 70%;
528
528
  }
529
529
 
530
- ._frontmatterEditorTable_1x7ym_349 td:last-child ._iconButton_1x7ym_367 {
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
- ._frontmatterInput_1x7ym_373 {
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
- ._iconButton_1x7ym_367 {
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
- ._primaryButton_1x7ym_388 {
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
- ._linkDialogEditForm_1x7ym_398 {
584
+ ._linkDialogEditForm_15boy_398 {
585
585
  display: flex;
586
586
  align-items: center;
587
587
  gap: var(--spacing-2);
588
588
  }
589
589
 
590
- ._linkDialogInputContainer_1x7ym_404 {
590
+ ._linkDialogInputContainer_15boy_404 {
591
591
  display: flex;
592
592
  flex-direction: column;
593
593
  align-items: stretch;
594
594
  }
595
595
 
596
- ._linkDialogInputWrapper_1x7ym_410 {
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
- ._linkDialogInputWrapper_1x7ym_410[data-visible-dropdown=true] {
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
- ._linkDialogInputWrapper_1x7ym_410 > button {
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
- ._linkDialogInput_1x7ym_404 {
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
- ._linkDialogInput_1x7ym_404::-moz-placeholder {
639
+ ._linkDialogInput_15boy_404::-moz-placeholder {
640
640
  color: var(--baseBorder);
641
641
  }
642
642
 
643
- ._linkDialogInput_1x7ym_404::placeholder {
643
+ ._linkDialogInput_15boy_404::placeholder {
644
644
  color: var(--baseBorder);
645
645
  }
646
646
 
647
- ._linkDialogAutocompleteContainer_1x7ym_440 {
647
+ ._linkDialogAutocompleteContainer_15boy_440 {
648
648
  position: relative;
649
649
  }
650
650
 
651
- ._linkDialogAutocompleteContainer_1x7ym_440 ul {
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
- ._linkDialogAutocompleteContainer_1x7ym_440 ul[data-visible=true] {
668
+ ._linkDialogAutocompleteContainer_15boy_440 ul[data-visible=true] {
669
669
  display: block;
670
670
  }
671
671
 
672
- ._linkDialogAutocompleteContainer_1x7ym_440 ul li {
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
- ._linkDialogAutocompleteContainer_1x7ym_440 ul li[data-selected=true] {
680
+ ._linkDialogAutocompleteContainer_15boy_440 ul li[data-selected=true] {
681
681
  background-color: var(--baseBgSubtle);
682
682
  }
683
683
 
684
- ._linkDialogAutocompleteContainer_1x7ym_440 ul li[data-highlighted=true] {
684
+ ._linkDialogAutocompleteContainer_15boy_440 ul li[data-highlighted=true] {
685
685
  background-color: var(--baseBgHover);
686
686
  }
687
687
 
688
- ._linkDialogAutocompleteContainer_1x7ym_440 ul li:last-of-type {
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
- ._linkDialogAnchor_1x7ym_485 {
693
+ ._linkDialogAnchor_15boy_485 {
694
694
  position: absolute;
695
695
  background-color: highlight;
696
696
  z-index: -1;
697
697
  }
698
698
 
699
- ._linkDialogAnchor_1x7ym_485[data-visible=true] {
699
+ ._linkDialogAnchor_15boy_485[data-visible=true] {
700
700
  visibility: visible;
701
701
  }
702
702
 
703
- ._linkDialogAnchor_1x7ym_485[data-visible=false] {
703
+ ._linkDialogAnchor_15boy_485[data-visible=false] {
704
704
  visibility: hidden;
705
705
  }
706
706
 
707
- ._linkDialogPopoverContent_1x7ym_499, ._tableColumnEditorPopoverContent_1x7ym_499, ._dialogContent_1x7ym_499 {
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
- ._linkDialogPreviewAnchor_1x7ym_513 {
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
- ._linkDialogPreviewAnchor_1x7ym_513 svg {
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
- ._linkDialogPreviewAnchor_1x7ym_513 span {
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
- ._tooltipContent_1x7ym_535 {
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
- ._tooltipContent_1x7ym_535 svg {
749
+ ._tooltipContent_15boy_535 svg {
750
750
  fill: var(--baseText);
751
751
  }
752
752
 
753
- ._actionButton_1x7ym_547 {
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
- ._actionButton_1x7ym_547 svg {
768
+ ._actionButton_15boy_547 svg {
769
769
  display: block;
770
770
  }
771
771
 
772
- ._actionButton_1x7ym_547:hover {
772
+ ._actionButton_15boy_547:hover {
773
773
  background-color: var(--baseBgHover);
774
774
  }
775
775
 
776
- ._actionButton_1x7ym_547:active svg {
776
+ ._actionButton_15boy_547:active svg {
777
777
  transform: translate(1px, 1px);
778
778
  }
779
779
 
780
- ._actionButton_1x7ym_547[data-state=on], ._actionButton_1x7ym_547:active {
780
+ ._actionButton_15boy_547[data-state=on], ._actionButton_15boy_547:active {
781
781
  background-color: var(--accentBgActive);
782
782
  }
783
783
 
784
- ._primaryActionButton_1x7ym_553 {
784
+ ._primaryActionButton_15boy_553 {
785
785
  background-color: var(--accentSolid);
786
786
  color:var(--baseBase);
787
787
  }
788
788
 
789
- ._primaryActionButton_1x7ym_553:hover {
789
+ ._primaryActionButton_15boy_553:hover {
790
790
  background-color: var(--accentSolidHover);
791
791
  color:var(--baseBase);
792
792
  }
793
793
 
794
- ._tableEditor_1x7ym_562 {
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
- ._tableEditor_1x7ym_562 thead > tr > th {
802
+ ._tableEditor_15boy_562 thead > tr > th {
803
803
  text-align: right;
804
804
  }
805
805
 
806
- ._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) {
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
- ._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) > div {
812
+ ._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div {
813
813
  outline: none;
814
814
  }
815
815
 
816
- ._tableEditor_1x7ym_562 > tbody > tr > td:not(._toolCell_1x7ym_573) > div > p {
816
+ ._tableEditor_15boy_562 > tbody > tr > td:not(._toolCell_15boy_573) > div > p {
817
817
  margin: 0;
818
818
  }
819
819
 
820
- ._tableEditor_1x7ym_562 > tbody > tr > td[data-active=true]:not(._toolCell_1x7ym_573) {
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
- ._tableEditor_1x7ym_562 ._tableColumnEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562 ._tableRowEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562 ._addRowButton_1x7ym_590, ._tableEditor_1x7ym_562 ._addColumnButton_1x7ym_590, ._tableEditor_1x7ym_562 ._iconButton_1x7ym_367 {
825
- opacity: 0;
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
- ._tableEditor_1x7ym_562:hover ._tableColumnEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562:hover ._tableRowEditorTrigger_1x7ym_590, ._tableEditor_1x7ym_562:hover ._addRowButton_1x7ym_590, ._tableEditor_1x7ym_562:hover ._addColumnButton_1x7ym_590, ._tableEditor_1x7ym_562:hover ._iconButton_1x7ym_367 {
829
- opacity: .3;
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
- ._tableEditor_1x7ym_562:hover ._tableColumnEditorTrigger_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._tableRowEditorTrigger_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._addRowButton_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._addColumnButton_1x7ym_590:hover, ._tableEditor_1x7ym_562:hover ._iconButton_1x7ym_367:hover {
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
- ._toolCell_1x7ym_573 {
836
+ ._toolCell_15boy_573 {
837
837
  text-align: right;
838
838
  }
839
839
 
840
- ._toolCell_1x7ym_573 button {
840
+ ._toolCell_15boy_573 button {
841
841
  margin: auto;
842
842
  display: block;
843
843
  }
844
844
 
845
- ._tableColumnEditorTrigger_1x7ym_590 {
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
- ._tableColumnEditorTrigger_1x7ym_590 svg {
861
+ ._tableColumnEditorTrigger_15boy_590 svg {
862
862
  display: block;
863
863
  }
864
864
 
865
- ._tableColumnEditorTrigger_1x7ym_590:hover {
865
+ ._tableColumnEditorTrigger_15boy_590:hover {
866
866
  background-color: var(--baseBgHover);
867
867
  }
868
868
 
869
- ._tableColumnEditorTrigger_1x7ym_590:active svg {
869
+ ._tableColumnEditorTrigger_15boy_590:active svg {
870
870
  transform: translate(1px, 1px);
871
871
  }
872
872
 
873
- ._tableColumnEditorTrigger_1x7ym_590[data-state=on], ._tableColumnEditorTrigger_1x7ym_590:active {
873
+ ._tableColumnEditorTrigger_15boy_590[data-state=on], ._tableColumnEditorTrigger_15boy_590:active {
874
874
  background-color: var(--accentBgActive);
875
875
  }
876
876
 
877
- ._tableColumnEditorTrigger_1x7ym_590[data-active=true] {
877
+ ._tableColumnEditorTrigger_15boy_590[data-active=true] {
878
878
  opacity: 1;
879
879
  }
880
880
 
881
- ._tableColumnEditorToolbar_1x7ym_624 {
881
+ ._tableColumnEditorToolbar_15boy_624 {
882
882
  display: flex;
883
883
  }
884
884
 
885
- ._tableColumnEditorToolbar_1x7ym_624 > button {
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
- ._tableColumnEditorToolbar_1x7ym_624 > button svg {
898
+ ._tableColumnEditorToolbar_15boy_624 > button svg {
899
899
  display: block;
900
900
  }
901
901
 
902
- ._tableColumnEditorToolbar_1x7ym_624 > button:hover {
902
+ ._tableColumnEditorToolbar_15boy_624 > button:hover {
903
903
  background-color: var(--baseBgHover);
904
904
  }
905
905
 
906
- ._tableColumnEditorToolbar_1x7ym_624 > button:active svg {
906
+ ._tableColumnEditorToolbar_15boy_624 > button:active svg {
907
907
  transform: translate(1px, 1px);
908
908
  }
909
909
 
910
- ._tableColumnEditorToolbar_1x7ym_624 > button[data-state=on], ._tableColumnEditorToolbar_1x7ym_624 > button:active {
910
+ ._tableColumnEditorToolbar_15boy_624 > button[data-state=on], ._tableColumnEditorToolbar_15boy_624 > button:active {
911
911
  background-color: var(--accentBgActive);
912
912
  }
913
913
 
914
- ._tableColumnEditorToolbar_1x7ym_624 [role=separator] {
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
- ._toggleGroupRoot_1x7ym_636 {
919
+ ._toggleGroupRoot_15boy_636 {
920
920
  display: inline-flex;
921
921
  }
922
922
 
923
- ._toggleGroupRoot_1x7ym_636 button {
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
- ._toggleGroupRoot_1x7ym_636 button svg {
936
+ ._toggleGroupRoot_15boy_636 button svg {
937
937
  display: block;
938
938
  }
939
939
 
940
- ._toggleGroupRoot_1x7ym_636 button:hover {
940
+ ._toggleGroupRoot_15boy_636 button:hover {
941
941
  background-color: var(--baseBgHover);
942
942
  }
943
943
 
944
- ._toggleGroupRoot_1x7ym_636 button:active svg {
944
+ ._toggleGroupRoot_15boy_636 button:active svg {
945
945
  transform: translate(1px, 1px);
946
946
  }
947
947
 
948
- ._toggleGroupRoot_1x7ym_636 button[data-state=on], ._toggleGroupRoot_1x7ym_636 button:active {
948
+ ._toggleGroupRoot_15boy_636 button[data-state=on], ._toggleGroupRoot_15boy_636 button:active {
949
949
  background-color: var(--accentBgActive);
950
950
  }
951
951
 
952
- ._toggleGroupRoot_1x7ym_636 button:first-child {
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
- ._toggleGroupRoot_1x7ym_636 button:last-child {
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
- ._tableToolsColumn_1x7ym_653 {
962
+ ._tableToolsColumn_15boy_653 {
963
963
  width: 3rem;
964
964
  }
965
965
 
966
- ._tableToolsColumn_1x7ym_653 button {
966
+ ._tableToolsColumn_15boy_653 button {
967
967
  margin: auto;
968
968
  display: block;
969
969
  }
970
970
 
971
- ._leftAlignedCell_1x7ym_661 {
971
+ ._leftAlignedCell_15boy_661 {
972
972
  text-align: left;
973
973
  }
974
974
 
975
- ._rightAlignedCell_1x7ym_665 {
975
+ ._rightAlignedCell_15boy_665 {
976
976
  text-align: right;
977
977
  }
978
978
 
979
- ._centeredCell_1x7ym_669 {
979
+ ._centeredCell_15boy_669 {
980
980
  text-align: center;
981
981
  }
982
982
 
983
- ._addColumnButton_1x7ym_590, ._addRowButton_1x7ym_590 {
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
- ._addColumnButton_1x7ym_590 svg, ._addRowButton_1x7ym_590 svg {
1001
+ ._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
1002
1002
  display: block;
1003
1003
  }
1004
1004
 
1005
- ._addColumnButton_1x7ym_590:hover, ._addRowButton_1x7ym_590:hover {
1005
+ ._addColumnButton_15boy_590:hover, ._addRowButton_15boy_590:hover {
1006
1006
  background-color: var(--baseBgHover);
1007
1007
  }
1008
1008
 
1009
- ._addColumnButton_1x7ym_590:active svg, ._addRowButton_1x7ym_590:active svg {
1009
+ ._addColumnButton_15boy_590:active svg, ._addRowButton_15boy_590:active svg {
1010
1010
  transform: translate(1px, 1px);
1011
1011
  }
1012
1012
 
1013
- ._addColumnButton_1x7ym_590[data-state=on], ._addRowButton_1x7ym_590[data-state=on], ._addColumnButton_1x7ym_590:active, ._addRowButton_1x7ym_590:active {
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
- ._addColumnButton_1x7ym_590 svg, ._addRowButton_1x7ym_590 svg {
1017
+ ._addColumnButton_15boy_590 svg, ._addRowButton_15boy_590 svg {
1018
1018
  margin: auto;
1019
1019
  }
1020
1020
 
1021
- ._addRowButton_1x7ym_590 {
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
- ._addColumnButton_1x7ym_590 {
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
- ._dialogOverlay_1x7ym_697 {
1034
+ ._dialogOverlay_15boy_697 {
1035
1035
  position: fixed;
1036
1036
  inset: 0;
1037
- animation: _overlayShow_1x7ym_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
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
- ._dialogContent_1x7ym_499 {
1043
+ ._dialogContent_15boy_499 {
1044
1044
  position: fixed;
1045
1045
  top: 50%;
1046
1046
  left: 50%;
1047
1047
  transform: translate(-50%, -50%);
1048
- animation: _contentShow_1x7ym_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1048
+ animation: _contentShow_15boy_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1049
1049
  z-index: 52;
1050
1050
  }
1051
1051
 
1052
- ._dialogContent_1x7ym_499:focus {
1052
+ ._dialogContent_15boy_499:focus {
1053
1053
  outline: none;
1054
1054
  }
1055
1055
 
1056
- @keyframes _overlayShow_1x7ym_1 {
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 _contentShow_1x7ym_1 {
1065
+ @keyframes _contentShow_15boy_1 {
1066
1066
  from {
1067
1067
  opacity: 0;
1068
1068
  transform: translate(-50%, -48%) scale(0.96);